#page-reserve-guide{text-align:center;line-height:2em;font-size:30px}#page-reserve-guide li{display:inline-block;float:none;width:20%;color:#bfbfbf}#page-reserve-guide li:before{position:absolute;left:0;top:0;margin-left:-8px;content:'>';display:inline-block;color:#bfbfbf;font-family:微软雅黑}#page-reserve-guide li:first-child:before{content:''}#page-reserve-guide li.active{color:#000}.reserve-menu{background:url(../uploads/bg-hua-02.jpg) repeat center top;padding:20px 40px 20px 100px;margin-bottom:20px}.reserve-menu .list-group-item{position:relative;margin-left:-1px;margin-right:-1px;margin-bottom:2px}.reserve-menu .list-group-item>div{padding-left:1px;padding-right:1px}.reserve-menu .list-group-item .badge{position:absolute;left:-80px; text-align:right;height:30px;line-height:30px;background:0 0;color:#9c9c9c;font-size:14px;font-weight:400}.reserve-menu .list-group-item a{display:block;background:#000;color:#828282;height:30px;line-height:30px;text-align:center;font-size:12px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.reserve-menu .list-group-item a:hover,.reserve-menu .list-group-item a.active{color:#4f4f4f;background:#fff}.page-reserve-room-list .list-group-item{margin-bottom:20px;position:relative;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:#f4f4f4;min-height:60px;border-radius:0}.page-reserve-room-list .list-group-item:before{position:absolute;right:-20px;top:50%;margin-top:-20px;font-family:FontAwesome;width:40px;height:40px;border-radius:20px;background:#000;border:#fff 3px solid;z-index:10;color:#fff;line-height:40px;text-align:center;font-size:20px;content:"\f107";-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;transition-delay:.2s;-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s}.page-reserve-room-list .list-group-item .reserve-tit{font-size:18px;font-family:微软雅黑;line-height:60px;position:absolute;line-height:18px;z-index:5;top:20px}.page-reserve-room-list .list-group-item .reserve-body{float:none;height:0;min-height:0;overflow:hidden;background:url(../uploads/bg-hua-02.jpg) repeat left top;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=(0));opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}.page-reserve-room-list .list-group-item:hover{background:#404040}.page-reserve-room-list .list-group-item:hover a{color:#9c9c9c}.page-reserve-room-list .list-group-item:hover a:hover{color:#fff}.page-reserve-room-list .list-group-item:hover .reserve-body{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=(100));opacity:1}.page-reserve-room-list .list-group-item:hover:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);border:#fff 2px solid;}.page-reserve-room-list .list-group-item .thumbnail{margin-bottom:0}.page-reserve-room-list .list-group-item .thumbnail img{border:#fff 1px solid}.page-reserve-room-list .list-group-item .thumbnail:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.page-reserve-room-list .list-group-item .imgs span{display:block}
.page-reserve-room-list .list-group-item .imgs img{margin-top:10px;margin-bottom:10px}
.page-reserve-room-list .list-group-item .text-muted{color:#fff}
.page-reserve-room-list .list-group-item .btn{padding:8px 30px;-webkit-border-radius:0;border-radius:0;background-clip:padding-box;font-family:微软雅黑}.page-reserve-room-list .list-group-item .btn-link{color:#fff;text-decoration:none;cursor:auto}

.page-reserve-room-list .list-group-item .msj{ line-height:24px; padding-top:16px; text-decoration:line-through;}
.page-reserve-room-list .list-group-item .msj .text-muted{ color:#777;}
.page-reserve-room-list .list-group-item .hyj{ line-height:24px;}
.page-reserve-room-list .list-group-item .hyj p{ color:#fff;}

.panel-reserve .panel-heading{padding:10px;color:#fff;font-size:20px}.panel-reserve .panel-body{margin-bottom:10px;background:url(../uploads/bgsev.png) repeat center top;padding:8px 0;color:#9f9f9f}.panel-reserve .panel-body>div{padding-top:5px;padding-bottom:5px}.reserve-order .form-group .radio-inline{color:#c8c8c8;padding-top:5px;padding-bottom:5px}.reserve-order .form-group .radio-inline small{color:#8c8c8c}

.panel-reserve a{ color:#777;}

.secmsg{padding:0 10px 20px;line-height:180%;color:#fff}
.secmsg h3{fotn-weight:normal;font-size:20px}
.secmsg p{font-size:18px;font-family:微软雅黑}
.secmsg .text-danger{color:#f27187;padding-left:5px;padding-right:5px}
.secmsg a{color:#fff;}
#loading{text-align:center}#loading .loadings{width:100%;height:100%;position:absolute;background:#000}#loading .fa{font-size:34px}#zf{position:fixed;display:none;width:100%;height:100%;left:0;top:0;z-index:100}#zf .zfbg{background-color:#000;filter:alpha(opacity=50);opacity:.5;width:100%;height:100%}#zf .panel-default{width:680px;height:380px;background:#fff;position:absolute;top:50%;margin-top:-190px;left:50%;margin-left:-340px;z-index:101;color:#000;line-height:200%;font-size:14px;font-family:微软雅黑;-webkit-border-radius:0;border-radius:0;background-clip:padding-box}#zf .panel-heading{font-size:36px;text-align:center;padding:18px;border-bottom:#f3f3f3 1px solid;margin-bottom:40px}#zf .panel-heading i{margin-right:10px;color:#fff;background:#000;width:54px;height:54px;border-radius:27px;text-align:center;line-height:54px}#zf h4{font-size:22px;margin:20px}#zf .btn-default{width:170px;height:40px;background:#000;color:#fff;font-size:16px;margin:18px 1px;-webkit-border-radius:0;border-radius:0;background-clip:padding-box;border:0}#zf .btn-default:hover{opacity:.8}.roomodal .modal-content{border-radius:0}.roomodal .modal-content .modal-body{padding:6px;text-align:center}.roomodal .modal-content .modal-body img{max-width:100%}.roomodal .modal-content .modal-footer{position:relative;text-align:left;border:0;padding:5px 80px 15px 15px;min-height:60px}.roomodal .modal-content .modal-footer p{font-size:12px;line-height:180%;color:#878787}.roomodal .modal-content .modal-footer .close{position:absolute;right:6px;bottom:0;font-size:16px;opacity:1;color:#d9d9d9;font-weight:400}.roomodal .modal-content .modal-footer .close span{font-size:30px;vertical-align:middle;margin-left:5px;color:#727272}.roomodal .modal-content .modal-footer .btn-angle{position:absolute;top:0;right:28px;background:#000;width:22px;font-size:20px;text-shadow:0 1px 2px rgba(0,0,0,.6);color:#fff;margin:5px;padding:0;height:22px;border-radius:0;border-width:0;line-height:22px;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:1}.roomodal .modal-content .modal-footer .btn-angle:hover{opacity:.75}.roomodal .modal-content .modal-footer .btn-angle-right{right:1px}

.reserve-menu .list-group-item .jycss a.jycss{background-color:#2a2a2a; color:#4d4d4d;}

#filter{ background-image:url(../uploads/bg-hua-03.jpg); padding:20px;}
#filter .list-group-item>div:first-child{line-height:30px; text-align:right; padding-right:10px; font-size:16px; color:#434343;}
#filter .list-group-item a{ background-color:transparent; color:#8a8a8a; font-size:14px; overflow:hidden;}
#filter .list-group-item a:hover,
#filter .list-group-item a.active{ background-color:#404040; color:#fff;}
#filter .list-group-item .jycss a.jycss{background-color:transparent; color:#d5d5d5;}
.sous{ background:url(../uploads/bg-hua-03.jpg) repeat center; padding:20px; margin-bottom:30px;}
.sous .form-group{ margin:0 0 0 -1px;}
.sous .form-group>div:first-child{text-align:right; padding-left:1px; padding-right:10px; color:#434343;}
.sous .input-group>.form-control{ background-color:#fff; border:1px solid #c2c2c2; color:#878787;}
.sous .form-group .btn{ float:left; height:38px; background-color:#000; color:#fff; border:1px solid #000; box-shadow:none; padding:4px 0;}

.query{ margin-top:20px; padding:50px 36px;}
.query .form-group{ margin:0 -5px;}
.query .form-group>div{ padding:0 5px; font-size:16px; color:#434343;}
.query .form-group>div:first-child{ padding:0 5px;}
.query .form-group>.col-md-1{ text-align:right;}
.query-list #page-news-list-pic-top li .caption{ background-image:none; background-color:#f4f4f4;}

.panel-dfts{ position:relative;}
.panel-dfts .dfts{ position:absolute; right:0; top:11px; width:70px; line-height:1.2; overflow:hidden;}
.panel-dfts .dfts:hover,
.panel-dfts .dfts:focus{ color:#000;}
.panel-dfts .dfts .fa{ float:left; font-size:40px; margin-right:5px;}
#myModal4 .modal-header{ text-align:center; font-size:36px; color:#000;}
#myModal4 .modal-header .fa{ margin-right:5px;}
#myModal4 .modal-body .close{ float:none; display:block; padding:7px 40px; background-color:#000; font-size:16px; color:#fff; opacity:1.0; font-weight:normal; margin:20px auto; line-height: 1.42857;}

.scx{text-decoration: line-through;}
.scx strong{ font-weight:normal;}

.page-reserve-room-list .show .reserve-body{ opacity:1; height:100px;}
.page-reserve-room-list .show:before{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.show .imgs span{ display:block;}
.show a{ color:#9c9c9c;}
@media (min-width:768px){.page-reserve-room-list .list-group-item{font-size:12px}.page-reserve-room-list .list-group-item .reserve-tit{position:absolute;top:50%;margin-top:-10px;line-height:18px;z-index:5}.roomodal .modal-dialog{width:720px}

#myModal4 .modal-body{ padding:15px 80px;}
}

@media (min-width:992px){.page-reserve-room-list .list-group-item .reserve-body{line-height:100px}.page-reserve-room-list .list-group-item:hover .reserve-body{height:100px}.page-reserve-room-list .list-group-item:hover .reserve-body img{height:75px}

#filter .list-group-item>div{ width:22%;}
#filter .list-group-item>div:first-child{width:8.33333%;}
.page-reserve-room-list .show .reserve-body{ height:100px;}
}

@media (min-width:768px) and (max-width:991px){
#page-reserve-guide{font-size:24px}
#page-reserve-guide li{width:23%}
.page-reserve-room-list .list-group-item .reserve-body{line-height:78px}
.page-reserve-room-list .list-group-item:hover .reserve-body{height:78px}
.page-reserve-room-list .list-group-item:hover .reserve-body img{height:56px}
.page-reserve-room-list .list-group-item .price{ padding-left:0; padding-right:0;}
.page-reserve-room-list .list-group-item .msj{ line-height:20px; padding-top:10px;}
.page-reserve-room-list .list-group-item .hyj{ line-height:20px;}

#filter .list-group-item>div:first-child{ font-size:15px;}
.sous .form-group>div:first-child{ font-size:15px;}
.query .form-group>div,
.query .form-group>div:first-child{ font-size:14px;}

.panel-dfts .dfts{ right:-30px;}
}

@media (max-width:767px){#page-reserve-guide{font-size:16px}#page-reserve-guide li{width:23%}
.reserve-menu{padding:10px}.page-reserve-room-list .list-group-item:before,.page-reserve-room-list .list-group-item.show:before{position:absolute;right:5px;top:15px;margin-top:0;width:30px;height:30px;line-height:30px}.roomodal .modal-dialog{margin-left:auto;margin-right:auto}

.page-reserve-room-list .list-group-item:hover:before{ display:none;}

#filter{ padding:10px;}
#filter .list-group-item>div:first-child{ padding-right:1px; font-size:15px;}
.sous{ padding:10px;}
.sous .form-group{ margin-bottom:0;}
.sous .form-group>div{ padding:0 1px;}
.sous .form-group>div:first-child{ padding:0 1px; font-size:14px; text-align:left;}
.query .form-group>div,
.query .form-group>div:first-child,
.query .form-group>.col-md-1{ font-size:14px; text-align:left;}
.query .form-group>div:last-child{ margin-top:10px;}

.panel-dfts .dfts{ position:relative; top:auto; margin:0 auto; display:block; text-align:center; width:auto; padding-top:10px;}
.panel-dfts .dfts .fa{ float:none; font-size:18px;}
}

@media (min-width:640px) and (max-width:767px){.page-reserve-room-list .list-group-item .reserve-body{padding-top:50px;line-height:78px}.page-reserve-room-list .list-group-item:hover .reserve-body{height:140px}.page-reserve-room-list .list-group-item:hover .reserve-body img{height:60px}.roomodal .modal-dialog{width:588px}#zf .panel-default{width:600px;margin-left:-300px}
.page-reserve-room-list .list-group-item .msj{ font-size:12px; padding-top:8px;}
.page-reserve-room-list .list-group-item .hyj{ font-size:12px;}
.page-reserve-room-list .show .reserve-body{ height:140px;}
}

@media (max-width:639px){.page-reserve-room-list .price{position:absolute;right:40px;top:-10px;width:auto;text-align:right;white-space:nowrap}.roomodal .modal-content .modal-footer{padding:0 6px 20px}.roomodal .modal-content .modal-footer .btn-angle{top:auto;bottom:0;left:0}.roomodal .modal-content .modal-footer .btn-angle-right{left:26px}#zf .panel-heading{margin-bottom:15px}}

@media (max-width:639px) and (min-width:480px){.page-reserve-room-list .list-group-item .reserve-body{padding-top:50px;line-height:78px}.page-reserve-room-list .list-group-item:hover .reserve-body{height:140px}.page-reserve-room-list .list-group-item:hover .reserve-body img{height:64px}.page-reserve-room-list .list-group-item .imgs{width:60%}.reserve-order .feedback-bg{padding:10px}.roomodal .modal-dialog{width:400px}#zf .panel-default{width:450px;margin-left:-225px}
.page-reserve-room-list .show .reserve-body{ height:140px;}

#filter .list-group-item a{ background-color:#f8f8f8;}
#filter .list-group-item>div{ width:21%;}
#filter .list-group-item>div:first-child{ width:14%;}

.page-reserve-room-list .list-group-item .msj{padding-top:20px; line-height:18px;}
.page-reserve-room-list .list-group-item .hyj{ line-height:18px;}
}

@media (max-width:479px){.reserve{padding:10px}.reserve .panel-default{margin-bottom:0}.reserve-menu{padding:5px}
#page-reserve-guide{font-size:14px}

/*#page-reserve-guide li{ width:21%;}
#page-reserve-guide li:first-child{ width:30%;}*/

#page-reserve-guide .panel-default{margin-bottom:0}
.page-reserve-room-list .list-group-item .reserve-body{padding-top:50px;line-height:78px}.page-reserve-room-list .list-group-item:hover .reserve-body{height:350px}.page-reserve-room-list .list-group-item:hover .reserve-body img{height:180px}.page-reserve-room-list .list-group-item .imgs{width:100%;float:none;padding:0}.page-reserve-room-list .list-group-item .imgs span{width:100%;float:none;line-height:24px;text-align:center}.page-reserve-room-list .list-group-item .btnbox{width:100%;float:none;padding:0}.page-reserve-room-list .list-group-item .btnbox .btn{width:100%}.panel-reserve .panel-body>div{width:100%}.reserve-order .text-center .btn{float:none;margin-left:6px}.roomodal .modal-dialog{width:300px}#zf .panel-default{width:300px;margin-left:-150px}#zf .btn-default{width:130px}
.page-reserve-room-list .show .reserve-body{ height:350px;}
.page-reserve-room-list .show .reserve-body img{ height:180px;}

.page-reserve-room-list .list-group-item .msj{padding-top:12px; line-height:18px;}
.page-reserve-room-list .list-group-item .hyj{ line-height:18px;}

#filter .list-group-item a{ background-color:#f8f8f8; font-size:16px; color:#434343; line-height:26px;}
#filter .list-group-item>div:first-child{ font-size:12px; color:#8a8a8a; line-height:26px;}
#filter .cond1>div{ width:50%; margin-bottom:2px;}
#filter .cond1>div:first-child{ width:100%; text-align:left;}
#filter .cond2>div{ width:33.33%;}
#filter .cond2>div:first-child{ width:100%; text-align:left;}
#filter .cond3>div{ width:50%; margin-bottom:2px;}
#filter .cond3>div:first-child{ width:100%; text-align:left;}
#filter .cond4>div{ width:33.33%;}
#filter .cond4>div:first-child{ width:100%; text-align:left;}
#filter .cond5>div{ width:50%;}
#filter .cond5>div:first-child{ width:100%; text-align:left;}
#filter .cond6>div{ width:50%;}
#filter .cond6>div:first-child{ width:100%; text-align:left;}

.panel-dfts .dfts{ width:auto; text-align:center; padding:5px 0;}
.panel-dfts .dfts .fa{ float:none; font-size:16px;}
}