﻿/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form, figure,select,textarea,img{margin:0px; padding:0px; border:0px;}
body{font-family:"微软雅黑"; font:14px/20px; z-index:10}
li {list-style-type:none;}
input{ border:none; outline:none}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#866d2d}
.clear {clear:both; height:0px;}
.hide {display: none;}
.hidden{display: none;}
table { border-collapse: collapse; border-spacing: 0;}
address, cite, dfn, em, i, optgroup, var {font-style: normal;}

#weather{width:450px; height:18px; line-height:18px; font-size:12px; float: right; text-align:right;}

.selectdiv{ background: url('../images/selectarrow.png') right center no-repeat; 
   /* the width and the height of your image */
    width: 50px;
    height: 30px;
    overflow: hidden;
    border: solid 1px #ccc;}
.selectdiv select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:10px;
    width: 50px;
    height:100%;    
}

.sdiv1{ background: url('../images/selectarrow.png') right center no-repeat; 
   /* the width and the height of your image */
    width: 40px;
    height: 20px;
    overflow: hidden;
    border: solid 1px #ccc; float:right}
.sdiv1 select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:2px;
    width: 40px;
    height:100%;    
}


.ncontent img{max-width:100%;}
.acontent a.link{width: 200px; margin-bottom:10px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: left;
    border: 1px solid #886d2d;
    text-align: center;
    letter-spacing: 0px;
    background-color: #866d2d;
    color: #fff;
    font-size: 16px;
	margin:0px 10px 10px 10px;}
.acontent p strong{color: #866d2d;}	
/*全屏图片滚动*/
#bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0; }
img.bg { position:absolute; top: 0px; left: 0px; z-index:1; display:none;}

#background{clear: both; height: auto; min-height: 130px; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 100%; z-index: -1;}
.background-shadow{ background: url(../images/body_image_shadow.png) no-repeat 0 0; height: 130px; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; display: none;}
.wrapper{clear: both; margin:0px 0px 30px 0px; padding: 0; position: absolute; width: 100%; z-index: 100;}
.navleft{display: inline; float: left; margin: 0; margin-left:45px; padding: 0; position: relative; width: 255px; z-index: 100;}
/*.logo{width:255px; height: 144px; float: left; margin-left: 0px;}*/
.logo{background: url(../images/navigation_bg.png) no-repeat 0 0; clear: both; margin: 0; padding: 0px 6px; text-align: center; width: 180px; margin-left:31px;}
.reservations{background: url(../images/navigation_bg.png) no-repeat 0 0; clear: both; margin: 0; padding: 10px 15px; text-align: center; width: 162px; margin-left:31px;}
.bookaroom{ float: left; background-image: url(../images/menu_current_arrow.png); width: 190px; z-index: 300; cursor: pointer; margin-left: -10px; width: 190px; height: 45px; margin-top: 0px; line-height:40px; font-size: 18px; display: table-cell; vertical-align: middle;}
.navtop{width:192px; background: url(../images/navigation_bg.png) no-repeat 0 0; margin-left:31px; padding: 0px;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}
.navtop li{line-height: 40px; width:192px;background: url(../images/na_li_bg.png) no-repeat center bottom; padding:0px 0px;}
.navtop a {color:#533c32; background: url(../images/arrow_close.png) no-repeat 8px 20px; padding: 12px 16px 12px 20px; font-size:13px; margin-left:15px;}
.navtop li.active{    background: url(../images/sub_acitve_bg.png) }
.main-menu-btm-img{margin-left:31px;}
.ml20{margin-left:20px;}

.mainn{clear: both; margin: 0; padding: 0; text-align: center; width: 100%;  margin-left:31px; width:192px;}
.mainn a { background: url(../images/main_shadow_bg.png) no-repeat 0 bottom; display: block; outline: 0; padding: 10px 0 10px 0;text-decoration: none; z-index: 100; zoom: 1; font-family: '宋体'; color: #876c2e; font-size: 14px; text-transform: uppercase;}
.mainn a:hover .mainn{display:block; height:100px}

.mainzhu{ background: url(../images/navigation_bg.png) no-repeat 0 0; }
.drop-down-nav{width:100%; height:auto; float: none;clear: both; padding: 0px 0px; width: 192px; display:none;}
.drop-down-nav li{ float:left; width:100%;background: url(../images/na_li_bg.png) no-repeat center bottom; padding:0px 0px;}
.drop-down-nav a{color:#533c32; background: url(../images/arrow_close.png) no-repeat 8px 16px; padding: 12px 16px 12px 20px; font-size:13px; margin-left:15px; text-align: left;}

.mainn .main-menu-btm-img{margin-left:0px;}
.mainn:honver{background:#fe6e0e; color:#fff;  display:block;}
.mainn:hover .drop-down-nav{display:flex;}
.mainn:hover .main-menu-btm-img{display:block;}

.managerorderform li input { width: 200px; height: 20px; border: 1px solid #ccc; padding: 5px;}
.managerorderform a { display: inline-block;  width: 96px; height: 38px;
    background: #9a7f53;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
}
.managerorderform .msearchbtn{ float:none; margin-left:95px;}


.managerorder{width:100%; height:auto; float: none; background: url(../images/navigation_bg.png) no-repeat 0 0; clear: both; margin-left:31px; padding: 0px 0px; width: 192px; display: flex;}
.managerorder li{line-height: 40px; width:192px;background: url(../images/na_li_bg.png) no-repeat center bottom; padding:0px 0px;}
.managerorder a {color:#533c32; background: url(../images/arrow_close.png) no-repeat 8px 20px; padding: 12px 16px 12px 20px; font-size:13px; margin-left:15px;}
.managerorder li.active{    background: url(../images/sub_acitve_bg.png) }

/*
.mainn:hover 
.mainn:hover .drop-down-nav li:hover{display:block; background:#533c32; color:#fff;}
.mainn:hover .drop-down-nav li:hover a{color:#fff;}
*/

.rnav{width:231px; float:right;position:relative;}
.rnav ul li{float:left; text-align:center; position:relative; height:32px;}
.rnav ul li a{color:#fff;}
.rnav ul li.drop-down .dropimg{background-image: url(../images/select_language_overlay_gline.gif); background-position: center; height: 3px; width:110px; margin:0 auto;}
.rnav ul li.drop-down:hover{background-color:#FFF; color:#000}
.rnav ul li.drop-down:hover a{ background-color:#FFF; color:#000; width:130px; height:32px; display:block; position:relative; z-index:11;}
.rnav ul li.drop-down:hover .drop-down-menu{background: url(../images/select_language_overlay3_bg.png) no-repeat scroll 0 bottom transparent; background:#FFF; display:block; width:130px; padding:10px 0px 10px 0px; position:absolute; top:31px; height:32px; right:0px; z-index:1}
.rnav ul li.drop-down:hover .drop-down-menu a{background: url(../images/arrow_close.gif) no-repeat 10px 10px; padding-left:20px; display:block; float:left; line-height:30px; text-align:left; width:120px; height:30px; margin-right:0px; position:relative;}




/*客房搜索*/
.isearch{ position: absolute; margin-left: 280px; top: 120px; left:0px; padding-top:4px; box-shadow: 3px 3px 3px #C0C0C0;}
.isearch li{height: 30px; font-size: 12px; letter-spacing: 1px; line-height: 30px; color: #FFFFFF; padding-left: 12px; margin-bottom: 0px;}
.isearch li p{width:140px; float:left; color: #533c32;}@media \0screen\,screen\9 {/* 只支持IE6、7、8 */ 
.isearch li p{ position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */}  }
.isearch li p span{padding: 20px;}
.isearch li input{color:#533c32; border:1px solid #533c32; height:28px; line-height:28px; padding-left:10px;} 
.isearch li input.Wdate {border:1px solid #533c32; width:120px; background: transparent url(../images/icon1.png) no-repeat scroll 145px 10px; margin-left: 0px}
.isearch li select{ margin: 4px auto; padding: 0px 2px 3px 5px; background: transparent url(../images/icon1.png) no-repeat scroll 145px 10px; -webkit-appearance: initial;
color: #fff; margin-left:5px;ont-size: 14px; letter-spacing: 1px; width: 132px; border:1px solid #533c32; color:#533c32}
.isearch li select option{ background:#eee;  opacity:0.2;}
.isearchbtn{display:block; width: 235px; height: 30px; font-size: 12px; letter-spacing: 2px; background-color: #533c32; opacity:0.8; text-align:center; line-height: 30px; color: #FFFFFF; margin:5px auto;}

/*内容页*/
.main{clear: right; display: inline; float: left; margin: 0 0 0 30px; padding: 0; position: relative; width: 740px; z-index: 100;}
.main_contenttop{clear: both; margin: 20px 0 32px 0; padding: 0; width: 740px; position: relative; height:28px;}
.main_content{border: 1px solid #c1c1c1; clear: both; margin: 0; padding: 0; position: relative; width: 740px; z-index: 100;}
.main_contentalpha{background: rgb(255,255,255); background: rgba(255,255,255,0.95); -ms-filter: alpha(opacity=95); filter: alpha(opacity=95);}
.content_solid{clear: both;height: 100%; margin: 0; padding: 0; position: relative; width: 740px; z-index: 100;}
.content_top{border: 0; clear: both; height: 1%; margin: 0; padding: 0;}
.content_top img {display: block; vertical-align: bottom;}
.process{float: right; text-align: right; display: inline; width: 200px; margin-top: 8px;}
.main_tit{clear: both; margin: 0 auto 12px auto; padding: 12px 0 0 0; width: 680px;}
.main_tit span{
	/*color: #866d2d; font-size: 24px; font-weight: normal; margin: 0; padding: 0; width: 480px; display: inline; font-family: '宋体';*/
	color: #866D2D;
font-family: 'CardoRegular';
font-size: 26px;
font-weight: normal;
margin: 0;
padding: 0;
text-transform: uppercase;
	}
.sub-links-area1{background: url(../images/sub_link_bg.jpg) no-repeat top left; clear: both; min-height: 26px; margin: 0; padding: 3px 20px 0 20px; width: 700px;}
.main_content_area{clear: both;margin: 0 0 40px 0; padding: 0px 0 0 0; width: 740px; overflow: hidden; min-height: 400px;}
.main_wrapper{clear: both; margin: 0 auto 0 auto; padding: 0; width: 680px;}
.newstit{font-family: '宋体'; color: #343434; font-size: 24px; line-height: 35px; width:100%; display:block;}
.newsdate{font-family: '宋体'; color: #866d2d; font-size: 18px; line-height: 18px; width:100%; display:block;}
.newszhaiyao{color: #343434; font-family: '宋体',sans-serif; font-size: 12px; font-weight: normal; line-height: 22px; margin-bottom: 10px; margin-top: 0; height:66px; overflow:hidden}
.titles{ clear: both; margin: 5px 0 5px 0; padding: 0;}
.titles img {display: block; vertical-align: bottom;}
.content_bottom{border: 0; clear: both; height: 34px; margin: 30px 0 0 0; padding: 0; width: 740px;}
.ncontent{color: #343434; font-family: '宋体',sans-serif; font-size: 14px; font-weight: normal; line-height: 28px; margin-bottom: 10px;  margin-top: 0;}
.ncontent p{text-indent:2em; color: #343434; font-family: '宋体',sans-serif; font-size: 14px; font-weight: normal; line-height: 28px; margin-bottom: 10px; margin-top: 0;}
.ncontent p img{max-width:100%;}
.acontent{color: #343434; font-family: '宋体',sans-serif; font-size: 14px; font-weight: normal; line-height: 28px; margin-bottom: 10px;  margin-top: 0;}
.acontent p{color: #343434; font-family: '宋体',sans-serif; font-size: 14px; font-weight: normal; line-height: 28px; margin-bottom: 10px; margin-top: 0;}
.acontent p img{max-width:100%;}
.more{color: #343434; font-family: '宋体',sans-serif; font-size: 12px; font-weight: normal; line-height: 22x; margin-bottom: 10px;  margin-top: 0; background:#f2f2f2; margin-top:10px; padding: 6px 10px; border: 1px solid #DBDBDB;}

.scontent{color: #343434; font-family: '宋体',sans-serif; font-size: 14px; font-weight: normal; line-height: 28px; margin-bottom: 10px;  margin-top: 0;}
.scontent p{color: #343434; font-family: '宋体',sans-serif; font-size: 14px; font-weight: normal; line-height: 28px; margin-bottom: 10px; margin-top: 0;}

.albumlist{width:100%;}
.albumlist li{width:33.333333%; float:left;}
.albumlist p{text-align:center}

.ccontent{}
.ccontent{color: #343434; font-family: '宋体',sans-serif; font-size: 12px; font-weight: normal; line-height: 22px; margin-bottom: 10px;  margin-top: 0;}
.ccontent p{color: #343434; font-family: '宋体',sans-serif; font-size: 12px; font-weight: normal; line-height: 22px; margin-bottom: 10px; margin-top: 5px;}

.rsub-links-area1{background: url(../images/reservation_tracker_bg.jpg) no-repeat top left; clear: both; height: 80px; margin: 0; padding: 3px 20px 0 20px; width: 700px;}
.selectsummary{width: 682px; margin: 0 auto; padding: 5px 0; background: #e7e8e8; color: #000; margin:10px auto; font-family: '宋体',sans-serif; font-size: 12px; font-weight: normal; line-height: 22px; height:55px;}
.selectdate{padding:0px 5px;}
.selectagain{padding:5px; width:400px;  float:left;}
.selectagain li{width:80px; float:left;}
.searchbtn{height: 30px; font-size: 12px; letter-spacing: 6px; opacity:0.8; text-align:center; line-height: 30px; color: #fff;  float:right; background:#866d2d; margin-right:20px; width:100px;}
.searchbtn a{color:#fff;}

.roomlist{width:680px;}
.roomlist li{margin: 0px; width: 100%; padding: 11px 0px; border-bottom: 1px solid #cccbb9;}
.roompic{float:left; width:160px;}
.roompic img{width:160px; margin: 15px 0px; max-width:160px; max-height:160px;}
.roominfo{width:280px; margin:0px 20px; float:left;}
.rtype{float:left; width: 100%; margin-left:20px; padding-right: 9px;}
.rtype h2{font-size: 16px; font-weight: normal; color: #876c2e; margin-top: 15px;font-family: '宋体',sans-serif;}
.rtype h2 a{color: #876c2e;}
.rtype .facily-list{width: 100%; height: 1px; background-color: #533c32; margin-top: 5px;}
.rtype .room-area{line-height: 18px; margin-top: 4px; font-size: 12px;}
.rtype .room-area cite{cursor: default; display: inline-block;  margin-right: 6px; white-space: normal; font-style: normal; color:#000; font-size:12px}
.rtype .rate-desc{font-style: normal; color:#000; font-size:12px}
.span_rate_desc{color:#cc6633}
.roomprice{color:#cc6633}

.roombtn{float:right; width:100px;}
.roombtn  .to_booking{width: 85px; height: 30px; background-color:  #533c32; line-height: 30px; text-align: center; font-size: 14px; color: #FFFFFF; float: right; text-align:center; margin: 55px 10px 0px 0px;}
.roombtn  .no_booking{width: 85px; height: 30px; background-color:  #866d2d; line-height: 30px; text-align: center; font-size: 14px; color: #FFFFFF; float: right; text-align:center; margin: 55px 10px 0px 0px;}

/*pop-up 样式*/
.pop-up{ background: #fff none repeat scroll 0 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); position: relative;  width: 800px; z-index: 99;}
.pop-up a {color: #9a8b53;}
.pop-up .icon-close-pop {background: transparent url("../images/close-btn.png") no-repeat scroll -1px 0px; cursor: pointer; display: block; height: 34px; outline: 0 none; overflow: hidden; position: absolute; right: -15px; top: -15px; width: 34px; z-index: 100;}
.pop-up .icon-close-pop:hover{ background: transparent url("../images/close-btn.png") no-repeat scroll -1px -72px;}
.pop-up .icon-close-pop .close-txt { display: none;}
.pop-up .pop-wraper {position: relative;}
.pop-wraper .pop-header{}
.pop-wraper .pop-header h2{border-bottom: 1px solid #e6e6e6; font: bold 16px/22px Microsoft YaHei; padding: 10px 20px;  color: #333;  display: block;}
.pop-wraper .pop-header h2 span { display: inline-block; /*float: left;*/}
.pop-wraper .pop-header a.room-desc{ font-size: 15px; color: #9a8b53; font-weight: normal; cursor: pointer; display: inline-block;/*float:left;*/ padding-left: 15px;}
.pop-wraper .pop-header a:hover{ color:#85763f; text-decoration: underline;}
.pop-wraper .pop-header .price{ float: right; color: #9a7f53; font-size: 14px; padding-right: 10px;}
.pop-wraper .pop-header .price em{ font-weight: 700; font-size: 18px; padding-right: 3px;}
.pop-content{ max-height: 680px; overflow: hidden; margin: 10px auto; }
.room-detailroom-detail .pop-content{ max-height: 680px; overflow: auto; overflow-x:hidden; margin: 10px auto;}
.pop-content .pop-pic{ padding: 15px;}
.pop-content .pop-pic .pic-left{ float: left; width: 550px;}
.pop-content .pop-pic .pic-left img{ width: 540px; height: auto; padding-left: 7px;}
.pop-content .pop-pic .pic-right{float: left; width: 206px; padding-left: 10px;}
.pic-right ul {display: block; margin-top: -3px;}
.pic-right ul li{ width: 60px; height: 60px; padding: 0px 0 8px 8px; display: inline-block; float: left;}
.pic-right ul li a{ display: block; border: 3px solid #fff; border-radius: 2px;}
.pic-right ul li a:hover, .pic-right ul li a:active, .pic-right ul li a.active, .pic-right ul li a:focus{ border: 3px solid #fff; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); display: block;}
.pic-right ul li a img{ width: 54px; height: 54px;}
.room-detail{ margin: 30px 0;}
.pop-detail { padding: 15px;}
.pop-detail p{ color: #545454;font-size: 14px; line-height: 21px; padding: 10px 0;}
.pop-detail ul.room-base-info{ padding: 10px 0;}
.pop-detail ul.room-base-info li{float: left; list-style: none; display: inline-block; padding: 5px 0;font-size: 14px; color: #333;width: 45%;}
.pop-detail ul.room-base-info li a{}



.ordercontent{width: 680px; margin:0 auto;}

.orderstate{font-size: 15px; margin: 30px 0 10px 0; height:30px;}  
.orderstate li{float: left; height: 30px; line-height: 30px; position: relative; width: 340px;}  
.orderstate li span {width: 210px;float: left; height: 1px; position: relative; top: 15px; border-top: 2px dashed #ccc;}
.orderstate li b { float: right; font-weight: normal; position: relative; width: 120px; color: #757575;}
.orderstate li b s { background: #ccc none repeat scroll 0 0; border-radius: 6px; float: left; height: 12px; left: -16px; position: absolute; top: 9px; width: 12px;}
.orderstate li.highlight span { border-top: 2px solid #9a7f53;}
.orderstate li.highlight b { color: #9a7f53; float: right; font-weight: normal; position: relative; width: 100px;}
.orderstate li.highlight b s { background: #9a7f53 none repeat scroll 0 0; border-radius: 6px; float: left; height: 12px; left: -16px; position: absolute; top: 9px; width: 12px;}

.guest-rooms{width: 680px; border: 1px solid #ccc; margin:10px 0px; display: inline-block;}
.guest-rooms .room-main{padding: 5px 15px 0;}
.guest-rooms .title { border-bottom: 1px solid #fff; display: block; padding: 10px 0; *padding: 10px 0 0;  height: 25px; *height: 32px;*line-height: 30px;}
.guest-rooms .title i{ background:  url("../images/member/icon.png") no-repeat 0 -294px; display: block; float: left; height: 18px; margin-right: 5px; width: 15px; margin-top: 1px;}
.guest-rooms .title span{font-size: 18px; color:#222; font-weight: 500;float:left; line-height: 18px; *line-height: 22px;}
.room-list {clear: both; margin: 12px 0 20px;}
.room-list ul { margin: 0 0 10px; display: block;}
.room-list ul li {list-style: none; display: block; padding: 0 0 8px 0; font-size: 15px; color: #333; line-height: 2;}
.room-list ul li label {display: block; float:left; color: #545454; padding-right: 5px; min-width: 106px; vertical-align: top;}
.room-list ul li span { display: block; padding-right: 5px; overflow: hidden; vertical-align: top;}
.room-list ul li span cite{font-style: normal;}
.room-list ul li span cite span{display:inline-block;}
.room-list ul li span cite.spec{ margin-left: -1px;  *margin-left: -1px;}
.room-list ul li span.right-name { font-weight: 700;}
.room-list p{text-indent:0em;}
.date-color { color: #9a7f53; font-size: 15px; font-weight: 700; margin-right: 2px;}

.form-group { margin: 0 20px 6px 0; *margin: 0 20px 0 0; display: block; float: left; width: 100%;}
.price-detail {color: #545454; font-size: 16px; padding: 5px 0 10px; width: auto; font-weight: 700;}
.price-detail span { color: #9a7f53; }

.form-group  .table { border: 1px solid #fff; width: 100%;}
.table-hover  tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f8f4ef;}
.table thead tr th {
    background: #f1efef none repeat scroll 0 0;
    border-bottom: 2px solid #fff;
    font-size: 15px;
    padding: 10px 8px;
    text-align: center;
    text-transform: uppercase;
     border-right: 1px solid #fff;
}
.table thead tr th a span {
    color: #344644;
}
.table tbody tr td {
    border-top: 1px solid #fff;
    font-size: 14px;
    padding: 10px 8px;
    vertical-align: middle;
    text-align: center;
     border-right: 1px solid #fff;
}
.table tbody tr td em {
    font-size: 11px;
}
.table tbody tr td a {
    text-align: center;
}
.table tbody tr td:first-child {
    font-size: 15px;
    font-weight: 300;
}
.table tbody tr td .call-type {
    display: block;
    font-size: 0.75em;
    text-align: center;
}
.table tbody tr td .first-line {
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.5;
}
.table tbody tr td .first-line span {
    color: #969696;
    font-size: 15px;
    font-weight: 300;
}
.table tbody tr td .second-line {
    font-size: 15px;
    line-height: 1.2;
}
.table tbody tr.table-line-fb td {
    background-color: #9daccb;
    color: #262525;
}
.table tbody tr.text-left td{
    text-align:left;
}
.table tbody tr.text-right td{
    text-align:right;
}
.table tbody tr.text-center td{
    text-align:center;
}
.left-tl {
    float: left;
    padding-left: 7px;
}
.right-total {
    float: right;
    color: #9a7f53;
    font-size: 15px;
    font-weight: 700;
}
.table tbody tr td.tdnoline {
    border-top: none;
}
.table tbody tr.first-one td {
    border-bottom:  1px solid #fff;
}
.form-width {
    width: 400px;
}
.checkin em {
    font-size: 15px;
    color: #545454;
    margin-right: 5px;
    display: inline-block;
}

select {
   height: 34px;
   border: solid 1px #0086EA;
   /*为下拉小箭头留出一点位置，避免被文字覆盖*/
   padding-right:8px;
   padding-left: 2px;
   /*将默认的select选择框样式清除*/
   appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
   background: #fff;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.form-control {
    background-clip: padding-box;
    border: 1px solid #b2b2b2;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    height: 28px;
    line-height: 28px;*
    border: 1px solid #b2b2b2;*
    outline: 0 none;
}
.form-control:focus, .queryMod ul li input.Wdate:focus {
    border-color: rgba(52, 151, 219, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(52, 152, 219, 0.6);
    outline: 0 none;
}

.sdiv1 select.form-control{height:20px; line-height:20px;}

.text-input-width{
    margin: 2px auto;
    padding: 0px 5px;
    width: 120px;
    border: 1px solid #b2b2b2;
}
.r-space { 
    margin-right: 10px;
}
.form-area {
    width: 640px;
    height: 60px;
    padding: 5px;
    font-size: 13px;
    color: #333;
}
.room-list ul li label.v-top {
    vertical-align: top;
}
.room-list ul li em{
    color: #333;
}


.form-time{
    position:relative;  
}
.form-group label{
    font-size: 15px;
    color: #646464;
    width: 82px;
    overflow:hidden;
    display: inline-block;
}
.one-line {
    width: 100%;
    display: block; 
}


.form-drop {
    padding: 6px 6px 6px 10px !important;
    *padding: 0px 6px 10px 10px !important;
    height: 34px;
    width: 222px;
    *width: 212px;
}
.input-group-addon {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    background: #fff none repeat scroll 0 0;
    border: medium none;
    padding: 5px 8px 0;
    position: absolute;
    right: 94px;
    *right: 105px;
    top: 2px;
    top: 1px\0;
    *top: 3px;
    z-index: 3;
}
.fa-calendar {
    background:  url("../../images/booking/icon.png") no-repeat 0 -314px;
    width: 19px;
    height: 20px;
    display: block;
}
.col_total {
    color: #9a7f53;
    font-size: 15px;
}




.form-more {
    width: 100%;
}
.form-more .form-control{
    width: 280px;
}
.form-more .form-area {
    width: 520px;   
}
label.tips-icon {
    color: #ff0000 !important;
    width: 15px;
    min-width: 15px !important;
    padding: 8px 5px 0;
    vertical-align: middle;
}
.form-group label.tips-icon.gray {
    color: #757575;
}
.form-group label.code-tips {
    color: #757575;
    width: auto;
    font-size: 13px;
    vertical-align: middle;
}
.form-error {
    border:1px solid #ff0000;
}
.form-error:focus {
    border-color: #ff0000;
    box-shadow: none;
    outline: 0 none;
}
.form-error .form-group label.code-tips{
    color: #ff0000;
}
.loginWrap {
    position: relative;
}
.loginWrapInner {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ff0000;
    margin: 3px 0 3px 116px;
    overflow: hidden;
    padding: 5px;
    /*position: absolute;*/
    width: 307px;
    z-index: 9999;
    font-size: 13px;
    /*position: absolute;*/
}
.loginWrapInner p{
    color: #333;
    font-size: 13px;
    padding: 0 5px;
}
.form-group label.label-space {
    padding: 0 25px 0 0px;
    width: auto;
}
.form-group label.label-space span{
    padding-left: 10px;
    color: #333;
}
.form-group .checkbox label{
    width: auto;    
}
.form-group .checkbox .yuedu{
    padding-right: 5px;
    display:inline-block;   
}
.xuzhi{
    margin: 10px 0 10px 0;
}
.btn{
    border-radius: 3px;
}
.btn-warning {
    background-color:#9a7f53;
    border-color: #9a7f53;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .menu.btn-warning {
    background-color: #8e6f3d;
    border-color: #8e6f3d;
}
.btn-back {
    background-color: #b9b9b9;
}
.btn-back:hover, .btn-back:focus, .btn-back.focus, .btn-back:active, .btn-back.active, .open .btn-back.dropdown-toggle {
    background-color: #b2b1b1;
}
.btn-success {
    background-color: #008bce;
    border-color: #026dab;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .menu.btn-success {
    background-color: #026dab;
    border-color: #216897;
}
.btn-primary {
    background-color: #008bce;
    border-color: #026dab;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .menu.btn-primary {
    background-color: #026dab;
    border-color: #1c5c87;
}
.booking-service-btn .btn-warning, .booking-service-btn .btn-back {
    font-size: 18px;
    letter-spacing: 2px;
    padding: 8px 40px;
    vertical-align: bottom;
    margin-right:8px;
}
.booking-service-btn a{
    color: #fff;
    text-decoration:none;
}
.booking-service-btn a:hover{
    color: #fff;
    text-decoration:none;
}
.booking-service-btn {
    width: 100%;
    text-align:center;
    padding: 20px 0 50px !important;
    display: block;
}


.step2-main .form-group label, .step3-main .form-group label {
    float: left;    
}
.room-text {
    background-color: #fff;
    color: #333;
    display: lock;
    font-size: 15px;
    width: 200px;
    float: left;
}
.text-color {
     color: #9a7f53;
}
p.room-title {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 15px 0;
    color:#222;
}
p.room-title span{
    color: #9a7f53;
    font-weight: 700;
}
.pay-img { 
    padding: 0px 10px;
    vertical-align: middle;
}
.step2-main .form-group label.label-space, .step3-main .form-group label.label-space {
    float: none !important;
}
.pay-icon {
    padding: 10px 20px 20px;
    float: left;
}
.top-ok {
    border-bottom: 1px solid #ddd;
    margin: 10px 0 20px;
}
.right-text {
    float: left;
    padding: 20px 15px !important;
    width: 430px;
    text-align: left;;
}
.top-ok h2{
    padding:0 0 10px 0;
}
.pay-ok-text {
    padding: 0 !important;
}
.step3-main {
    padding-bottom: 180px;
}


.mt-space {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 22px;
    font-family: tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif !important;
}


.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    margin: 125px auto;
    width: 500px;
    transition: transform 0.3s ease-out 0s;
    transform: translate(0px, 0px);
}
.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
    border: medium none !important;
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
}

.modal-header {
    background: #04b7e9 none repeat scroll 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    padding: 12px 15px;
    *padding: 12px 15px 0;
}
.close {
    color: #fff;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
    font-size: 32px;
    opacity: 0.9;
}

button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.modal-header .close {
    margin-top: -8px;
}
.modal-title {
    line-height: 1.42857;
    margin: 0;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
}
.modal-body {
    padding: 15px;
    position: relative;
}
.question {
    box-sizing: border-box;
    padding: 15px 20px;
    text-align: center;
}
.question i {
    color: #f48a03;
    font-size: 48px;
}
.question h2 {
    font-size: 18px;
    margin: 0;
    padding-left: 0;
}
.question p {
    font-size: 15px;
    line-height: 28px;
    margin: 0;
}
.btn {
    background-clip: padding-box;
    border: medium none;
    border-radius: 3px;
    outline: medium none;
    padding: 8px 25px;
    *padding: 8px 12px 5px;
    transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;
    color:#fff;
    font-size: 15px;
}
.question .btn {
    margin: 10px 5px 5px 0;
}

.paybtn p{
    font-size: 15px;
    line-height: 24px;
    padding: 15px 0;
}
.paytishi {
    background: #fff url("../../images/booking/laba.gif") no-repeat scroll 0 0;
    float: right;
    font-size: 15px;
    font-weight: normal;
    padding-left: 20px;
}
.pay .title {
    border-bottom: 1px solid #ddd;
}
.pay-main {
    padding: 10px 0 20px 0;
}
.paybtn{
    font-size: 15px;    
}
.paybtn p {
    color: #333;
    margin: 10px auto;
}

.liucheng, .liucheng img {
    width: 850px;
}

h1.my-order {
    font-size: 18px;
    background: #9a7f53;
    height: 32px;
    line-height: 32px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
}

.order-list{border:1px solid #fff; width: 100%;}
.orderlistbg{float:left; width:100%;background-color: #e1d8bf; margin: 5px 0px 0px;}
.orderlist{clear:both; width:680px; margin:0px auto; display:block; background:#e5dfc9}
.booking-cont{ box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    background: #e5dfc9;
    border-radius: 3px;
    padding: 10px 0px;
    width: 680px;
    border: 1px solid #e0e0e0\9;
}
