@charset "utf-8";
/* CSS Document */

/*--------------------------------
   page       basic  
--------------------------------*/
body{ font-size:12px; font-family:Arial; background:#509ad8;}
.clear{ clear:both; height:0; overflow:hidden;}
.chinahotel{ width:980px; margin:0 auto; background:#fff;}
.cont{ width:960px; margin:0 auto; margin-top:8px; background:#fff;}
.cont_lef{ width:180px; float:left; margin-right:10px;_margin-right:5px; }
.cont_mr{ width:770px; float:left;}
.cont_mid{ width:520px; float:left;  margin-right:10px;_margin-right:4px;}
.cont_rig{ width:230px; float:left; _margin-left:5px;}
 
/*--------------------------------
   header  menu
--------------------------------*/
.text_nav{ width:960px; height:90px; margin:0 auto; margin-bottom:5px;}
.text_nav_logo{ width:280px; height:60px; margin-top:10px; float:left; }
.text_nav_img { margin-left:10px; margin-right:2px;}


.text_nav_toptab{ width:960px; height:21px; line-height:21px; text-align:right; color:#777;  font-size:14px;}
.text_nav_text{ width:680px; height:65px; float:left; overflow:hidden;}
.text_nav_text a{ padding:2px;border:1px solid #dcdcdc; margin:4px 5px 2px 0; color:#90b900; display:block; float: left;}
.text_nav_text a:hover{ border:1px solid #dcdcdc;color:#f60;}


.menu_nav{ width:960px; margin:0 auto; background:url(/2010images/n_bg01.gif) left top repeat-x; overflow:hidden;}
.menu_nav ul{ height:43px;  margin-left:40px;}
.menu_nav li{ float:left; margin-right:25px; line-height:43px; font-size:14px;}
.menu_nav a{ color:#fff;}
.menu_nav a:hover{color:#d7effc; }
.menu_nav .onho{ color:#d7effc;}
 
/*--------------------------------
   content  left
--------------------------------*/
.cont_lef_nav{ margin-bottom:8px; width:180px; }
.cont_lef_nav li{ width:180px; background:url(/2010images/lef_top.gif) no-repeat; line-height:29px;}
.cont_lef_nav li span{ margin-left:25px;}
.cont_lef_nav li a{ color:#5f5f5f; line-height:29px; width:180px; display:block;}
.cont_lef_nav li a:hover{ color:#f60; background:url(/2010images/lef_top2.gif) no-repeat; }
li.ft{ border-bottom:1px solid #5995d1;}


.cont_lef_tit{ width:180px; margin-bottom:8px;}
.cont_lef_tit h3{ color:#20629e;  background:url(/2010images/lt_bg.gif) no-repeat top; width:180px; height:26px; display:block;}
.cont_lef_tit h3 span{font-weight:bold; line-height:26px; margin-left:5px;}
.cont_lef_con{width:178px; border:1px solid #8eabbc; border-top:0;}
.cont_lef_info{ width:178px; background:#ECF3F9; color:#5f5f5f; word-wrap:break-word;}
.cont_lef_con h4{ padding:4px 5px;}
.cont_lef_con h5{ text-align:right; padding-right:5px; line-height:22px;}
.cont_lef_con h5 a{ color:#f60; font-weight:bold;}
.cont_lef_con h5 a:hover{ text-decoration:underline;}

.cont_lef_list { margin:0 5px 5px 5px;}
.cont_lef_list li{ line-height:28px; padding-left:18px; border-bottom:1px dotted #E1EAED; }
.cont_lef_list a{ color:#20629e;}
.cont_lef_list a:hover{ color:#f60;}
.cont_lef_ls1{ background:url(/2010images/m01.gif) no-repeat 0px 5px;}
.cont_lef_ls2{ background:url(/2010images/m02.gif) no-repeat 0px 5px;}
.cont_lef_ls3{ background:url(/2010images/m03.gif) no-repeat 0px 5px;}
.cont_lef_ls4{ background:url(/2010images/m04.gif) no-repeat 0px 5px;}
.cont_lef_ls5{ background:url(/2010images/m05.gif) no-repeat 0px 5px;}
.cont_lef_ls6{ background:url(/2010images/m06.gif) no-repeat 0px 5px;}
.cont_lef_ls7{ background:url(/2010images/m07.gif) no-repeat 0px 5px;}
.cont_lef_ls8{ background:url(/2010images/m08.gif) no-repeat 0px 5px;}
.cont_lef_ls9{ background:url(/2010images/m09.gif) no-repeat 0px 5px;}
.cont_lef_ls10{ background:url(/2010images/m10.gif) no-repeat 0px 5px;}
.cont_lef_ls11{ background:url(/2010images/m11.gif) no-repeat 0px 5px;}
.cont_lef_ls12{ background:url(/2010images/m12.gif) no-repeat 0px 5px;}
  
/*--------------------------------
   content  mid
--------------------------------*/
.page_title{ margin-bottom:5px;}
.page_title h1 {line-height:40px;font-size:36px; color:#20629e;}
.page_title p{color:#777; }



.search_tab{ width:520px; margin-bottom:8px;}
.cont_mid_search{ width:518px; background:#ecf3f9; padding:1px 0; border:1px solid #8eabbc;}
.cont_mid_search li{ margin-bottom:5px;}
.cont_mid_search ul{ width:510px; margin:5px 8px 10px 8px; _margin:5px 0 10px 8px;}
.cont_mid_search label{display:block;}
.cont_mid_search input{ height:18px; line-height:18px; color:#888;}
.cont_mid_search h2{ width:516px; color:#20629e; font-size:20px; margin-top:5px;}
.cont_mid_search h2 span{ margin-left:95px;}
.cont_mid_search h3{ color:#555;  line-height:21px; font-weight:bold;}
.cont_mid_search p{ color:#666; line-height:17px; }
.cont_mid_search h3 .cont_mid_bfont{ font-size:16px; font-weight:bold; color:#333; margin-right:1px;}



.cont_mid_tit{ width:520px; background:url(/2010images/lt_bg2.gif) no-repeat top; padding-top:10px; margin-bottom:8px;}
.cont_mid_tit h2{ color:#20629e; font-size:19px; }
.cont_mid_tit h2 span{ margin-left:5px;}
.cont_mid_tit h4{ margin:0 3px 0 5px;color:#666; margin-bottom:10px;}
.cont_mid_con{ width:518px; border-left:1px solid #8eabbc;border-right:1px solid #8eabbc;border-bottom:1px solid #8eabbc; margin-bottom:5px;}
.cont_mid_chshow{ width:520px; margin-top:1px;} 
.cont_mid_chl{ float:left; width:120px; }

#tab-title span.selected{background:#509ad8; border-right:1px solid #fff;color:#fff;} /*标题被选中时的样式*/
#tab-title span{background:#ecf3f9; cursor:pointer; display:block; height:30px; line-height:30px; text-align:center; border-right:1px solid #8eabbc;}
#tab-content li{ line-height:30px; display:block; height:30px; overflow:hidden; vertical-align:middle; margin-right:3px;}
#link_modify{ font-weight:bold; text-decoration:underline;}
#link_more a{ width:180px; margin-left:200px;text-align:center; font-weight:bold;}
#link_more a:hover{  width:180px; margin-left:200px;}
#tab-content .hide{display:none;} /*默认让第一块内容显示，其余隐藏*/
#tab-content a{ color:#20629e; display:block; font-weight:normal;}
#tab-content a:hover{ color:#f60; background:#ecf3f9; _background:#fff; cursor:pointer;}
#tab-content span.hotelname{ width:220px;margin-right:10px;  margin-left:10px; display:block; float:left; }
#tab-content span.localname{ width:90px;margin-right:5px; display:block; float:left; }
#tab-content span.price{ width:70px; color:#d82600;  font-weight:bold; text-align:center; _width:30px; }
#lef_link_more{ float:right; margin-right:5px; line-height:21px; height:21px;}
#lef_link_more a{ font-weight:bold; padding:0 3px; color:#fff;display:block; background:#509ad8;}
#lef_link_more a:hover{  background:#f60; color:#fff;}
 
 
 
.cont_mid_lvy{ width:520px; color:#20629e; font-weight:bold; margin-bottom:8px;}
.cont_mid_lvy h3{color:#20629e; line-height:26px; font-size:14px; font-weight:bold; }
.cont_mid_bcon{ width:518px; border-left:1px solid #8eabbc;border-right:1px solid #8eabbc;border-bottom:1px solid #8eabbc;}
#cnav-title span{ cursor:pointer; background:#d9eaf7; width:260px; height:26px; display:block; float:left; border-bottom:1px solid #8eabbc; text-align:center;}
#cnav-title span.selected{ background:url(/2010images/lt_bg3.gif) no-repeat left; border-bottom:1px solid #c4dbec; height:26px; }
#cnav-content ul{ height:290px;*height:270px; padding:8px 0;*padding:0;}
#cnav-content ul.hide{ display:none;}
.cont_mid_binfo{ background:#ecf3f9; color:#666; font-weight:normal; padding-top:25px; *padding-top:0px; }
.cont_mid_binfo p{ margin:0 5px;}

li.city_link_more{ float:right; margin-right:20px; margin-top:10px;_width:150px;}
li.city_link_more a{ color:#fff; line-height:25px;  height:25px; padding:0 3px; display:block;background:#509ad8;}
li.city_link_more a:hover{background:#f60; color:#fff;}

.con_mid_cityinfo{ width:90px;display:block; float:left; overflow:hidden; text-align:center;  margin:4px 5px; }
.con_mid_cityinfo img{width:90px; height:60px; overflow:hidden; border:1px solid #cbcbcb; margin-bottom:5px; display:block;}
.con_mid_cityinfo a{ font-weight:normal; color:#202f96;}
.con_mid_cityinfo a:hover{color:#f60; text-decoration:underline;}
.cont_mid_simg01l{ float:left;background:url(/2010images/sea_01.gif) no-repeat; width:40px; height:40px; display:block; margin:0 25px 5px 25px;}
.cont_mid_simg01r{ float:left; margin:0 0 5px 0;}
.cont_mid_simg02l{ float:left;background:url(/2010images/sea_02.gif) no-repeat; width:40px; height:40px; display:block; margin:0 25px 5px 25px;}
.cont_mid_simg02r{ float:left; margin:0 0 5px 0;}
.cont_mid_simg03l{ float:left;background:url(/2010images/sea_03.gif) no-repeat; width:40px; height:40px; display:block; margin:0 25px 0 25px;}
.cont_mid_simg03r{ float:left; margin:0 0 0 0;}

.ser_bton{ margin:15px 100px; padding:0; *margin:0;*padding:0 0 10px 100px;}
.ser_bspan{ display:block; height:28px; width:160px; text-align:center; font-size:14px;background:#509ad8; color:#fff;}
.ser_bspan a,.ser_bspan input{background:#509ad8; color:#fff; border:1px solid #509ad8; cursor:pointer;height:28px; width:160px;display:block; }
 
.cont_mid_fav{width:518px; background:#fff; border:1px solid #8eabbc; margin-bottom:8px;}
.cont_mid_fav ul{ float:left; width:165px; border-right:1px dotted #c5ddf6; padding-right:6px;}
.cont_mid_fav li{ padding-left:10px; line-height:25px;}
.cont_mid_fav ul b{ color:#f60;} 
.cont_mid_fav ul a{ color:#20629e; }
.cont_mid_fav ul a:hover{ background:#509ad8; color:#fff;}
.cont_mid_fav h2{color:#20629e; font-size:20px; margin:3px 0 0 5px; line-height:30px; }
.cont_mid_fav p{margin:0 8px 0 8px; color:#555;}

 
/*--cont clander--*/
.checkinBox,.checkoutBox{float:left;padding-right:35px;}
.checkinBox label,.checkoutBox label{ display:block;}
.inputClass,.inputClassDate,.inputSomething,.inputNothing{color:#5a5a5a;padding-left:2px;height:18px;line-height:18px;font-size:12px; }
.inputClassDate{background:#fff url(/2010images/calendar.gif) no-repeat 105px 1px;width:120px; cursor:pointer;}
.iframecal{display:none;z-index:100;position:absolute;width:288px;height:192px;#height:186px;_height:186px;}
  
/*--------------------------------
   content  rig
--------------------------------*/

.cont_rig_cal{width:227px; height:220px; margin-bottom:8px; background:url(/2010images/r_call.gif) left top no-repeat;padding-top:95px;}
.cont_rig_cal h3{ background:#82b8f6; line-height:25px; margin-left:3px; color:#fff; padding-left:5px; font-weight:bold;}
.cont_rig_cal span{ padding-left:10px; color:#20629e; font-weight:bold; line-height:21px;}
.cont_rig_cal p{margin-left:2px; padding:5px 10px 5px 10px;line-height:17px; color:#fff; background:#509ad8}

.cont_rig_ctxt{ width:227px; line-height:21px; margin-bottom:8px;}
.cont_rig_ctxt h3{background:url(/2010images/cg_tbg.gif) no-repeat ;width:227px; line-height:27px; color:#20629e; font-weight:bold;}
.cont_rig_ctxt h3 span{ margin-left:5px;}
.cont_mid_ctxt{ width:225px; border:1px solid #8eabbc; border-top:0;}
.cont_mid_ctxt li{ padding-left:7px; line-height:28px; border-bottom:1px dotted #c5ddf6; background:url(/2010images/li_lt.gif) 5px 14px no-repeat;}
.cont_mid_ctxt li span{ margin-left:5px;}
.cont_mid_ctxt h4{ text-align:right; line-height:25px;}
.cont_mid_ctxt h4 a{ padding-right:5px; color:#f60; font-weight:bold;}
.cont_mid_ctxt h4 a:hover{ text-decoration:underline;}
.cont_rig_ctxt a{ color:#195cb5;}
.cont_rig_ctxt a.chot{ color:#d82600;}
.cont_rig_ctxt a:hover{ color:#f60;}


.cont_rig_timg{ width:227px; overflow:hidden; text-align:center; margin-top:8px;}
.cont_rig_timg img{border:1px solid #cbcbcb; display:block; margin-bottom:8px; width:225px;}

    
.cont_rig_tit{ width:225px; margin-bottom:8px; border:1px solid #8eabbc; background:#fbfcfe; }
.cont_rig_tit h3{ color:#fff; padding-left:5px; line-height:28px; font-weight:bold; background:#509ad8;}
.cont_rig_tit li{ line-height:28px; padding-left:20px; border-bottom:1px dotted #c5d8e7; }
.cont_rig_tit li a{ color:#195cb5;}
.cont_rig_rs{ background:url(/2010images/li_lt2.gif) no-repeat 10px 14px #fafbfd;}
.cont_rig_rsf{background:url(/2010images/li_lt2.gif) no-repeat 10px 14px #eff4f8;}



/*-- footer --*/
.foot{ width:980px; margin:0 auto; line-height:21px; color:#666; border-top:1px solid #bbdbe5; background:#ecf3f9; text-align:center;padding-bottom:5px;}
.foot a{ padding-left:3px; padding-right:3px; color:#20629e;}
.foot a:hover{color:#f50;}
.foot span{ line-height:40px;}


/*-- flink --*/
.flink{ width:960px; margin:0 auto; margin-top:20px; border:1px solid #d9d9d9; background:#f5f5f5;}
.flink a{ color:#939393; padding:5px; line-height:25px;}
.flink a:hover{color:#737373;}

/*-- page path--*/
.page_path{ font-family: Tahoma; color:#666; margin-bottom:5px; background:#ecf3f9; line-height:25px; }
.page_path a{ color:#20629e; margin-left:5px;margin-right:3px; padding:2px;}
.page_path a:hover{ color:#fff; background:#509ad8;}

 
/*--page car --*/

.page_car{ width:730px; background:#fff; padding:15px; border-top:1px dotted #8eabbc;}
.page_car li{ float:left; width:130px; background:#ecf3f9; margin-right:12px; margin-bottom:5px; line-height:25px; text-align:center; border:1px solid #8eabbc;}
.page_car a{ color:#20629e; display:block;}
.page_car a:hover{  color:#fff; background:#509ad8;}

.page_map{ width:730px; background:#fff; padding:15px; border-top:1px dotted #8eabbc;}
.page_wea{ width:730px; background:#fff; padding:15px; border-top:1px dotted #8eabbc;}