/*page*/
body {margin: 0;padding:0; font-size:12px;TEXT-ALIGN: center;font:12px Arial, "宋体";background:url(images/color_bg.gif)}
HTML BODY {TEXT-ALIGN: center;}
div{MARGIN: 0px auto; font-family: arial, helvetica, sans-serif;text-align:left;}
/*reset*/
 dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, button, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img { border:0; }
table { border-spacing:0; }
 ul { list-style:none; }
 ol{list-style-position: inside;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:400; }
strong { font-style:normal; font-weight:700; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:400; }
q:before, q:after { content:""; }
abbr, acronym { border:0; } 
.b{font-weight:bold}
.mini-pad{padding:4px;}
p{margin:10px 0}
h2{font-weight:bold;font-size:14px}
input,select,.button{font-size:12px;padding:4px}
/*end reset */
A:link,A:visited{ COLOR: #e36300;	 TEXT-DECORATION: none;}
.dbwith{width:970px}
a:link:hover,a:visited:hover{
color:#000000; 
}
blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border: 1px solid #e1cc89;
  margin: 5px;
  text-indent: 23px;
}
p{line-height:1.5em;}
#page ,.page{width:970px;overflow:visible;text-align:center; }
.page{float:left;}
/*gloabl*/
.errormsg{display:none;color:Red}
.noborder{norder:0}
.block{display:block}
.fl{float:left}
.fr{float:right}
.ar,.aR{text-align:right}
.al{text-align:left}
.ac{text-align:center}
.c,.cl{clear:both}
.quota{border:1px solid #cdc;color:#888;padding:4px;margin:5px;}
.m-m{margin:4px;}
.m20{margin:20px;}
.m10{margin:10px;}
.bg-gray{background:#d4d4d4;}
.bg-black{background:#888;}
.bg-wt{background:#FFF;}
.m-p{padding:4px}
.bold,.b{font-weight:bold;}
.hide,.disnone{display:none}
.red{color:Red;}
.green{color:green;}
.red2{color:#e36300}
.gray{color:#999}
.cwhite{color:#fff}

.search{background:url(images/search.gif) no-repeat 0 0;text-indent:30px;margin-left:10px;}
.bigbutton{padding:4px 10px}
.bhover{color:#fff;background:#000;cursor:pointer}
.pointer{cursor:pointer}
.shadow_input,.bt_gray,.bt_red{width:188px;height:22px;background:url(images/hc_bigframe.gif) no-repeat -237px -149px;border:0;padding-left:4px}
.bt_gray,.bt_red{background-position:-434px -147px;height:20px;color:#fff;width:76px;cursor:pointer}
.bt_gray:hover,.bt_red{background-position:-513px -147px;}
.bt_red:hover{background-position:-434px -147px;}
.w1{width:200px;}
.w2{width:300px;}
.w3{width:750px;}
.w4{width:650px;}
.w5{width:800px;}
.del{text-decoration:line-through;}

/*admin*/
.amenu li  a{display:block;width:96%;height:20px;margin:2px;padding-top:6px;background:#fc9;text-indent:10px }
.amenu li  a:hover, a .current{background:#fc0}
/*admin*/

/* global struct */


.hint{border:1px solid #f93 ;padding:4px;margin:4px;background:#ffec99 url(images/hc_bigframe.gif) no-repeat -948px -248px;padding-left:24px;}
.jshow{width:120px;}
.tr0 td,.tr1 td{background:#eee;padding:4px}
.tr1 td{background:#fef;}
.trhead td{background:#888;color:#fff;padding:4px}
.main{margin:5px 0;padding:5px 0;}
.left{width:255px;float:left}
.right{width:713px;float:right}
.adminleft{width:200px}
.adminright{width:760px;float:left;margin-left:5px;}

.box{border:1px solid #ccc;background:#fff;}
.box .in,.box form{border:2px solid #eee;}
#login{width:500px;position:absolute;top:50px;left:50%;margin-left:-250px;border:2px solid #666;background:#fc6}


.sform{float:left;
width:975px;height:100px;
background:url(images/hc_bigframe.gif) no-repeat 0 50px;margin-top:0px;z-index:1000
}
.sform2 from{display:hidden}

.scroll_body{
float:left;
width:973px;
border:1px solid #ccc;
border-top:0;border-bottom:0;
background:#fff;
overflow:hidden;
}
.block_link{
width:975px;height:34px;background:url(images/hc_bigframe.gif) no-repeat 0 -61px;
}
.scroll_ft{
float:left;
clear:both;
font-size:1px;
width:975px;height:8px;background:url(images/hc_bigframe.gif) no-repeat 0 -139px;margin:0 0 20px 0;
}
.sprites{background:url(images/hc_bigframe.gif) no-repeat 0 0;}

/*menu*/
#topmenu{background:url(images/hc_header.gif) repeat-x 0 -122px;height:51px;}
#headmenu {clear:both;width:100%;display:block;float:left;margin:0;padding:0;height:51px;
width:980px;
position: absolute;
left: 50%;
margin-left:-490px;
}
#headmenu  li{height:30px;display:block;float:left;width:85px;text-align:center;
background:url(images/hc_header.gif) no-repeat right top}
#headmenu  li a{display:block;height:33px;color:#FFF;font-weight:bold;padding:18px 10px 0 10px}
#headmenu  li a:hover,#headmenu  .current a{
background:url(images/hc_header.gif) no-repeat right -59px;
color:#000;text-decoration:none;font-weight:bold;}
.current .nav{font-weight:bold;background:#fc0;color:#000}

/*redefine css*/
.border0{border:0 !important}

 
#ajax-status,#ajaxs,#live{
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#fff;font-weight:bold;
padding:5px 15px;
background:red ;
z-index:200;
position:fixed !important;/*important*/
position:absolute;/*IE */
float:right;
top:20%;
left:50%;
text-align:center;display:none;
}
#live{display:block;border:0;
padding:0;text-align:left;
left:100%;margin-left:-160px;color:#000;font-weight:normal;
height:168px;
background:#fff url(images/hc_bigframe.gif) no-repeat 0 -262px;
width:160px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
 
}

.overdiv{position:fixed !important;/*important*/
position:absolute;/*IE */}
#footer{text-align:center;margin:10px 0}

/*button*/
.bt01{color:#fff;cursor:pointer;
 width:50px;height:28px;background:url(images/hc_bigframe.gif) no-repeat -902px -3px;border:0;margin:10px  0 0 58px ;
}
/*tab*/
.tab_top,.tab_bot{
width:230px;height:20px;text-indent:40px;font-weight:bold;padding-top:6px;
background:url(images/hc_bigframe.gif) no-repeat 0 -151px;
}
.tab_bot{height:12px;font-size:4px;background-position:0 -197px;}
.tab_mid{border:1px solid #ccc;width:226px;border-top:0;border-bottom:0;}
/*main round*/
#sitesearchtext{height:20px;}
.rd_top,.rd_bot{
width:646px;height:18px;text-indent:20px;font-weight:bold;padding-top:10px;
background:url(images/hc_bigframe.gif) no-repeat -233px -173px;color:#e36300;font-size:12px;
margin-left:16px;
}
.rd_bot{height:3px;font-size:4px;background-position:-233px -195px;font-size:2px;margin-bottom:10px;}
.rd_mid{border:1px solid #eee;width:644px;border-top:0;border-bottom:0;overflow:hidden;background:#fff;margin-left:16px;}
.content{font-size:12px;line-height:2em;margin:2px 5px;}
.content p {color:#666;padding-left:10px;line-height:2em; font-size:13px}
.content  ul li,.content  ol li{color:#666;}
.content h2{font-size:100%;background:#fee;padding:4px 2px;margin:5px 10px 5px -5px;text-indent:30px}
.recplan,.hotplan{
background:url(images/hc_bigframe.gif) no-repeat -942px -152px
}
.recplan{background-position:-942px -190px}
.content h3{font-weight:bold;color:#000;padding-left:10px;border-bottom:1px dashed #ccc;background:#fc0}
.plan_title{font-size:120%;}
.content  img{background:#eee;padding:4px;margin:2px;border:1px solid #ccc;}

.price,.price a{font-size:110%;margin:0px 5px 0 0 ;font-weight:bold;float:right; color:#000;}
.price a{text-decoration:underline;}

#sidebar{width:260px;margin-right:20px;overflow:hidden;margin-top:8px;}
.shd{ border-bottom:0;padding:0 0;color:#fff;width:100%;background-position:0 -218px;}
.shd a{color:#fff}
.shd div{height:20px;padding:10px 0 0 10px;
background:#fff url(images/hc_bigframe.gif) no-repeat -86px -218px;width:254px;margin:0 0 0 6px;
}
.smb{color:#e56500;border:1px solid #eee;background:#fff}
.smb div,.smb ul{margin:4px}
.sft,.sft2{border-top:2px solid #EEE;margin-bottom:10px}

.wblock  div{background-position:-68px -218px;width:262px;
}


.more{margin:0 10px;padding:0;background-position:-593px -153px;display:block;text-indent:14px;height:20px;float:right}
.pricesel{background-position:-940px -218px;padding-left:40px;height:50px;}
.sidebox{margin:5px 0;border-top:1px solid #e56500;border-bottom:3px solid #ddd;width:100%}
.sidebox-title {border:1px solid #e56500;border-bottom:0;background:#e56500;padding:5px 0;color:#fff;width:100%
}
.sidebox-content{color:#e56500;border:1px solid #EEE;
}
/*hotel */
.pgnav{float:left;clear:both;margin:0 0 0 15px}
.pgnav a{display:block;float:left;margin:2px ;border:1px solid #f60;width:22px;text-align:center}
.pgnav a:hover,.linkcur:link,.linkcur:visited{background:#f60;color:#fff;}
.star0,.star1,.star2,.star3,.star4,.star5,.star6{
display:block;margin:0 10px 4px 0;
background:url(images/star.gif) no-repeat right 0;
float:left;width:80px;
}
#orderguide{
display:block;background-position:-734px -148px;width:58px;height:22px;
z-index:200;
position:fixed !important;/*important*/
position:absolute;/*IE */
float:right;
left:65%;
text-align:center;padding:2px 0 0 2px;
color:#FFF;
top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?
documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) /2
: document.body.scrollTop+(document.body.clientHeight-this.clientHeight) /2);
}
}
.addcartflt:link,.addcartflt:visited{color:#fff}
.star1{
background-position:right -110px;
}
.star2{/*4*/
background-position:right -31px;
}
.star3{
background-position:right -141px;
}
.star4{/*3*/
background-position:right -64px;
}
.star5{
background-position:right -174px;
}
.star6{
background:none
}

.header_adv_div{width:480px;margin:0 3px 3px 10px ;height:280px;overflow:hidden;border:2px solid #ede;background:#eee}

.head_ad,.hotelicon,.head_ad_tiny{width:480px;height:280px;float:left;border:1px solid #ccc;margin:2px 2px 5px 2px;
background:url(images/loading.gif) no-repeat 30px 30px;
}
.head_ad_tiny{clear:both;margin:0 0 8px 0;padding:3px;display:block}
.hotelicon,.head_ad_tiny{background-image:none;width:150px;height:30px;overflow:hidden;cursor:pointer}
.head_ad_tiny:hover,.head_ad_tiny-h,.head_ad_tiny-h:link,.head_ad_tiny-h:visited{background:#fc0;color:#000;}
.loose li{margin:8px 0;border-bottom:1px dashed #ccc}
.loose{margin:0;}
.indexlist li{margin:2px 0;border-bottom:1px dashed #ccc}
.advtext{float:right;background:#000;opacity:.60; 
filter:alpha(opacity=60);color:#fff;margin-top:220px;padding:2px;}
.advtext a,.advtext a:link,.advtext a:visited{color:#fff;}
.webnav{text-indent:30px;}
ul.hotel_price_list{
border:2px solid #fc0;background:#fff;
}
ul.hotel_price_list li{margin:4px ;border-bottom:1px dashed #fc0}
.newstag{margin:4px 10px;}
.newstag a{text-align:left;padding:4px}


/* date input */
/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 0px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .nav {
    width: 17.5em; /* 7 * 2.5em */
  }
  .date_selector .month_nav, .date_selector .year_nav {
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
  }
  .date_selector .month_nav {
    float: left;
    width: 55%;
  }
  .date_selector .year_nav {
    float: right;
    width: 35%;
    margin-right: 0px; /* Compensates for cell borders */
  }
  .date_selector .month_name, .date_selector .year_name {
    font-weight: bold;
    line-height: 20px;
  }
  .date_selector .dbt {
    display: block;
    position: absolute;
    top: 0;
    width: 18px;margin:0;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
    text-align: center;
    font-size: 100%;
    border: 1px solid #F2F2F2;
  }
    .date_selector .dbt:hover, .date_selector .dbt.hover {
      background: none;
      color: #003C78;
      cursor: pointer;
      border-color: #ccc;
    }
  .date_selector .prev {
    left: 0;
  }
  .date_selector .next {
    right: 0;
  }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
      color: black;font-size:12px;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      color: #003C78;
      background: white;
    }
    .date_selector td.today {
      background: #FFFEB3;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
    .date_selector td.selectable_day {
      cursor: pointer;
    }
    .date_selector td.selected {
      background: #D8DFE5;
      font-weight: bold;
    }
    .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
      background: #003C78;
      color: white;
    }
/*auto complete*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
/* date input end */
.alipay,.cmb,.icbc{background:url(images/paybg.gif) no-repeat 0 0 ;height:20px;text-indent:80px;margin:0 10px;color:#000;font-weight:normal}
 
.redbg{background: red !important}
/*payment*/
/*comment*/
#commentDiv{margin:10px }
.comment{border-top:1px solid #333;background:#eee;margin:4px 0}
.comment .content{color:#666;border-top:2px solid #ccc;margin:0;background:#EEE;padding:0 5px 0 50px}
.comment .commentinfo{;color:#999;padding:10px} 

.comment .icon{border:1px solid #777;margin:2px;padding:2px;background:#eee}
.comment .fl{width:100px;}
.levelmenu,.levelmenu ul{margin:2px 0 2px 10px;}
.levelmenu li{padding:2px;display:block;}
.levelmenu ul li{border-bottom:1px dashed #ccc}
.div-0, .div-1{margin-left:10px; background:#ffe;border:1px solid #eee;width:100%;border-bottom:0;padding:10px}
.div-1{background:#fff;}
.div-0:hover, .div-1:hover{background:#FEF}
#planlist{width:630px;}
.phpcaldiv{width:100%;}
.phpcal td{border:1px solid #eee;border-right:0;border-top:0;padding:2px;color:#999}
.phpcal td a{color:green;display:block;font-weight:bold;text-decoration:underline}
.phpcal{width:100%;border-right:1px solid #ccc;}
.dateunsel{color:#000;border:1px solid #888;background:#fff}
/*index tab*/
.tab{width:100%;height:190px;background:url(images/global.gif) no-repeat 0 0;overflow:hidden;margin:0 4px;}
.tab ul {margin:2px 0 0 0;clear:both; }
.tab ul li{float:left;margin:0 5px;}
.tab ul li a{display:block;margin:6px 2px 2px 2px;padding:5px 6px 0 6px;height:22px;float:left;font-weight:bold;}
.tab ul li a:hover,.tab ul li a:active,.shover,.shover:link,.shover:visited{border:1px solid #f4c16c;background:#fe0;
border-top:0;text-decoration:none;color:#000;
}
.tabcontent{ clear:both;margin:20px 20px 0 10px;background:#efe;height:120px;padding:5px 0}
.tabcontent img{width:160px;height:100px;padding:2px;border:1px solid #ccc;background:#eee;margin:3px;}
.tabcontent ol{ width:390px;overflow:hidden}
.tabcontent ol li{margin:6px;}
.tabcontent .pcity{font-weight:bold;background:#fc0;padding:4px 10px;border:1px solid #ccc}

dl {display:block;float:left;border-bottom:1px dashed #ccc;margin:0 0 10px 0}
dt a{font-weight:bold;}
dd , dt{float:left;display:block; width:500px;}
.m {float:left;width:100px;height:100px}
.btbar{
width:100%;float:left;z-index:1000;overflow:visible;position:fixed; left:0px;bottom:0px;_position: absolute;
_top: expression(documentElement . scrollTop +   documentElement .clientHeight-this . offsetHeight);
background:#fff url(images/btbar.png) ;margin-top:10px;
padding:10px 0 4px 0 ;
/*opacity:.95; filter:alpha(opacity=95);*/
}