/* ============================================
   Hotel Style - Unified
   Combined from: a-resource/css-ui/style.css (hotel detail/room/review/map),
                  /css/style.css (booking flow)
   Generated: 2026-06-16
   ============================================ */

/* === MODULE: hotel-html === 酒店静态页面模板 === */
.banner-hotel-single{
    background: url(/a-resource/images/banner/hotel-singel.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 2em 0;
}
.banner-bottom{
    padding: 3px 0 0 0;
    background: #f4f7f9;
}
.banner-bottom-grid a {
    text-decoration: none;
    display: block;
    box-shadow: 0 0px 1px #CECECE;
}
.banner-bottom-grid a:hover {
color: #B8861B;
 text-decoration: underline;
}
.banner-bottom-info h2{
    color: #292929;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.45em;
    margin: 0.5em 0 0 0;
}
.banner-bottom-info h3{
    color: #292929;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.45em;
    margin-top: 5px;
}
.banner-bottom-grids {
    margin: 1em 0 0 0;
}
.hotel-text{
    margin-bottom:1em;
}
.hotel-text p{
    font-size: 0.991em;line-height: 1.8em;
    margin: .5em 0 0 0;
    color: #464646;
}
.hotel-text ul{
    font-size: 1.2em;
    margin: 0;
    color: #333333;
    font-weight:600;
    text-decoration: none;
    box-shadow: 0 0 0;
}
.holidays-top-grid a img{
    width:100%;
    height: 230px;
}
.holidays-top-grids{
    margin-bottom:1em;
}
.holidays-top-grid{
    padding-left:0;
}
.holidays-top-grid img{
    width:100%;
	height:230px;
}
.faqs-top-grids,.c-rooms{
    background: #FFF;
    padding: 10px 10px 5px 10px;  
}
.faqs-top-rule{
    background: #FFF;
    padding-top: 0.2em;
	color: #464646; 
}
.c-rooms{
    background: #FFF;
    padding-top: 0.2em;
	color: #464646; 
}
.faqs-top-rule h1 {
  font-size: 1.4em;

}
.faqs-top-rule p {
  line-height: 1.5em;
  font-size: 0.973em;}
.hotel-price{
    margin: 1em 0;
}
.p-day{
    margin:2em 0;
}
.hotel-price span.p-day-grid{
    color: #464646;
    font-size: 1em;
    font-weight: 400;
}
.p-left{
    float:left;
    width:30%;
}
.p-right{
    float: left;
    width: 70%;
    padding: 1em 0;
}
.p-right-img a{
    background: url(/a-resource/images/ui/p1.jpg) no-repeat 0px 0px;
    min-height: 150px;
    background-size: cover;
    display: block;
}
.p-right-img1 a{
    background: url(/a-resource/images/ui/p2.jpg) no-repeat 0px 0px;
    background-size: cover;
    display: block;
}
.p-right-img2 a{
    background: url(/a-resource/images/ui/p3.jpg) no-repeat 0px 0px;
    background-size: cover;
    display: block;
}
.p-right-img3 a{
    background: url(/a-resource/images/ui/p4.jpg) no-repeat 0px 0px;
    background-size: cover;
    display: block;
}
.p-right-left a{
    color: #337ab7;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    text-transform: capitalize;
}
.p-right-left p{
    color: #464646;
    font-size: 1em;
    margin: .5em 0 0 0;
    line-height: 1.8em;
}
.p-right-left p.p-call{
    font-size: 1.2em;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.p-right-right{
    text-align:right;
}
.p-right-right h6{
    color: #B8860B;
    font-weight: 600;
    font-size: 1.2em;
    margin: 0;
}
.p-right-right p{
    color: #464646;
    font-size: 1em;
    margin: .5em 0 0 0;
    line-height: 1.8em;
}
.p-right-right span.p-offer{
    color: #000;
    font-size: 1.8em;
}
.p-right-right span.p-last-price{
    text-decoration: line-through;
    color: #464646;
    font-size: 1.4em;
    display: block;
}

/* === MODULE: hotel-single === 酒店详情单页样式 === */
.spl-btn{
border:1px solid #d5d5d5;
border-radius: 0 0 4px 4px;
padding-bottom:0.7em; 
}
.spl-btn p{
line-height: 1.2em;
}
.spl-btn-note{
border:1px solid #d5d5d5;
border-radius: 4px;
padding:0.4em 0 0.7em 0;
}
.spl-btn-bor p{
    color:#fff;
    font-size:1.05em;
    display:inline-block;
}
.spl-btn-bor {
    padding: 4px 0 4px 8px;
    background: #666;
	border-radius: 4px 4px 0 0;
}
.spl-btn-bor span{
margin-right: 10px;
color:#fff;
font-size:20px;
top:0;
}
.spl-btn h4 {
    text-align: right;
    font-weight: 600;
    color: #464646;
    font-size: 26px;
}
.spl-btn h4 span {
    text-decoration: line-through;
    color: #464646;
    font-size: 18px;
}
p.best-pri {
 text-align:right;
  color: #000;
  font-size: 13px;
  margin: 12px 0 24px 0;
}
a.best-btn {
  text-decoration: none;
  background: #464646;
  color: #fff;
  font-size: 18px;
  padding: 6px 16px;
}
a.best-btn:hover {
    background: #337ab7;
}
.sp-bor-btn{
    padding:2px 10px 2px 10px;
	line-height:13px;
}
.comments-head{
    padding:5px;
}
.comments-head h3 {
    float: left;
    color: #292929;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
    margin: 0;
}
.comments-head p{
    color: #464646;
    font-size: 1.5em;
    float: right;
    font-weight: 600;
}
.comments-bot {
  padding: 8px;
  border-top: 1px solid #d5d5d5;
  font-size: 0.973em;}
.comments-bot p {
    font-size: 1em;
    line-height: 1.8em;
    color: #464646;
}
.comments-bot h4 {
    margin-top: .5em;
    font-size: 1em;
    color: #337ab7;
    font-weight: 600;
}
.comments-bot .glyphicon-minus {
  font-size: 9px;
  top: 0;
}
.hotel-info{
  border: 1px solid #d5d5d5;
  margin-top:1.5em;
}
.hotel-info-head{
    padding:10px;
}
.hotel-info-head h3 {
    float: left;
    color: #292929;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
    margin: 0;
}
.hotel-info-head p{
    color: #464646;
    font-size: 1.5em;
    float: right;
    font-weight: 600;
}
.hotel-info-bot {
  padding: 8px;
  border-top: 1px solid #d5d5d5;
}
.hotel-info-bot p {
    font-size: 1em;
    line-height: 1.8em;
    color: #464646;
}
.hotel-info-bot h4 {
    margin-top: .5em;
    font-size: 1em;
    color: #337ab7;
    font-weight: 600;
}
.hotel-info-bot .glyphicon-minus {
  font-size: 9px;
  top: 0;
}
.hotel-top-grids{
    background: #FFF;
    padding: 1em 1em 1em 1em;   
}
.hotel-grids h5{
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    line-height: 1.5em;
}
.hotel-grids p,.hotel-bottom-grids p{
    color: #464646;
    font-size: 1em;
    margin: 1em 0 0 0;
    line-height: 1.8em;
	font-size: 0.973em;}
.hotel-bottom-grids{
    margin:1em 0 0 0;
}
.hotel-bottom-grids h6{
    color: #000;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}
.c-rooms{
    margin:1em 0 0 0;
}
/* === MODULE: hotel-room === 酒店房型模块 === */
.p-table-grids {
    border: solid 1px #E1E7EA;
	padding-bottom:10px;
}
.p-table:nth-child(2){
    margin:2em 0;
}
.p-table-grad-heading{
    background: #F4F7F9;
}
.p-table-grids p{
	padding-left:10px;
	padding-bottom:5px;
}
.p-table-grad-heading h5{
    padding: 0.68em;
    border-right: solid 1px #E1E7EA;
	border-bottom: solid 2px #B8860B;
    font-size: 1.3em;
    font-weight: 600;
}
.p-table-grad-heading h6{
    padding: 1em;
    border-right: solid 1px #E1E7EA;
    font-size: 1em;
    font-weight: 600;
    color: #292929;
}
.p-table-grad-heading-first{
    background: #DEDEDE;
}
.p-table-grad-heading-first h6{
    padding: 1em;
    border-right: solid 1px #E1E7EA;
    font-size: 1em;
    font-weight: 600;
    color: #292929;
}
.p-table-grid-info {
    padding: 20em;
}
.p-table-grid-info a img{
    width:100%;
}
.p-table-hotel-info {
    padding: 1em;
}
.p-table-hotel-info a img{
    width:100%;
}
.room-basic-info {
    padding: 1em 0;
}
.room-basic-info a {
    color: #337ab7;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}
.room-basic-info h6 {
    color: #337ab7;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 1em;
    margin: 0.5em 0 0 0;
}
.room-basic-info p {
    color: #464646;
    font-size: 1em;
    margin: 0;
    line-height: 1.8em;
}
.p-table-grid {
    padding: 0;
}
.rate-features {
    padding: 1em;
}
.rate-features ul {
    padding: 0;
    margin: 0;
	line-height: 1.3em;
}
.rate-features ul li {
    display: block;
    margin: .5em 0;
    font-size: 1em;
    line-height: 1.8em;
    color: #464646;
    padding-left: 1em;
    background: url(/a-resource/images/ui/arrow-s.png) no-repeat 0px 6px;
}
.avg-rate {
    padding: 1em;
}
.avg-rate h5 {
    color: #337ab7;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}
.avg-rate p {
    color: #464646;
    font-size: 1em;
    margin: .5em 0 0 0;
    line-height: 1.3em;
}
.avg-rate span.p-offer {
    color: #000;
    font-size: 1.3em;
}
.avg-rate span.p-last-price {
    text-decoration: line-through;
    color: #464646;
    font-size: 1.1em;
    display: block;
}
.book-button-column {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em 0;
}
.book-button-column a {
    text-transform: capitalize;
    background: #B8860B;
    color: #FFFFFF;
    padding: .5em 1em;
    border: none;
    border-radius: 2px;
    font-size: 1.2em;
    outline: none;
    text-align: center;
}
.book-button-column a:hover {
    background: #337AB7;
    color: #FFFFFF;
}
#button2 {
    border-radius: 2px;
}

/* === MODULE: hotel-map === 酒店地图静态页面模板 === */
.map-gd iframe{
    width:100%;
    height:300px;
    border:none;
}
.map-gd{
    margin:12px 0;
}

/* === MODULE: hotel-review === 酒店评论模块 === */
.other-comments{
  border: 1px solid #d5d5d5;
}
.order-history{
    padding:2px 10px 2px 10px;
	line-height:19px;
}
.order-history p{
     padding:2px 0;
	font-size:1em;
}


.single-pg-hdr h2{
    color: #292929;
    font-size: 2em;
    font-family: 'Roboto', sans-serif;
}
.single-pg-hdr p {
    font-size: 1em;
    color: #464646;
    margin: 16px 0 0 0;
}
.single-pg-hdr a {
    color: #337ab7;
    margin: 0 8px;
}
.single-pg-hdr{
    background: #F4F7F9;
    padding: 20px;;
}

/* === MODULE: hotel-grid === 酒店专用栅格列 col-md-13~17 === */

.col-md-13 {
    width: 66.66666667%;
	background-color:#FFFFFF;
	padding:12px;
    box-shadow: 0 0px 1px #CECECE;
  }

.col-md-14 {
  position: relative;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
  width: 27.33333333%;
  }

.col-md-15 {
  position: relative;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
  width: 72.66666667%;
  }

.col-md-16{
    color: #464646;
}

.col-md-16 {
    width: 33.33333333%;
  }

.col-md-17 {
    float: left;
  }

.col-md-17 {
    width: 71.66666667%;
  }/* === MODULE: hotel-booking-add === 酒店预定附加样式 === */
.newbooking-form{
    padding: 15px 10px 10px 10px;
    background: #FFF;
    margin: 1px 0;
    box-shadow: 0 0px 1px #CECECE;
}
.newbooking-form h1{
    font-size:1.6em;
    margin-left: 0.3em;
	font-weight:200;
 }
.newbooking-form table{
    font-size:1.1em;
 }
.newbooking-form p{
    font-size:1.1em;
	line-height:1.1em;
 }
.shadow-grids{
    padding: 15px 10px 10px 10px;
    background: #FFF;
    margin: 1px 0;
	font-size: 0.978em;
    box-shadow: 0 0px 1px #CECECE;
}
.shadow-grids h3{
    font-size:1.6em;
    margin: 0;
	font-weight:200;
 }

/* === MODULE: hotel-responsive === 酒店响应式断点 === */
@media (max-width: 920px) {
.banner-bottom-grid {
        float: left;
        width: 33.33%;
    }
.p-right-left {
        float: left;
        width: 70%;
        padding: 0 0 0 1em;
    }
.p-right-right {
        text-align: right;
        float: left;
        width: 30%;
        padding: 0 1em 0 0;
    }
.p-right-right span.p-offer {
        font-size: 1.5em;
    }
.p-right-right span.p-last-price {
        font-size: 1em;
    }
.holidays-top-grid {
        padding: .5em 0;
    }
}

@media (max-width:640px) {
.banner-bottom {
        padding: 3px 0 0 0;
    }
.banner-bottom-grid {
        float: none;
        width: 100%;
    }
}

@media (max-width:480px) {
.p-right-img a {
        min-height: 176px;
    }
.p-right {
        float: none;
        width: 100%;
    }
.p-right-left {
        float: none;
        width: 100%;
    }
.p-right-right {
        text-align: left;
        float: none;
        width: 100%;
        padding: 2em 1em 0;
    }
.p-left {
        float: none;
        width: 100%;
    }
}

@media (max-width:320px) {
.banner-bottom-info h2 {
        font-size: 1.5em;
    }
.banner-bottom-info h3 {
        font-size: 1.5em;
    }
.banner-bottom {
        padding: 1em 0 0 0;
    }
.banner-bottom-grids {
        margin: 1em 0 0 0;
    }
.banner-bottom-grid {
        padding: 0;
    }
.p-right-img a {
        min-height: 140px;
    }
.p-right-right {
        padding: 1em 1em 0;
    }
.spl-btn-bor p {
        font-size: 1em;
    }
.spl-btn-bor span {
        font-size: 1em;
    }
a.best-btn {
        font-size: 1em;
    }
.comments-bot p {
        font-size: 1em;
    }
}

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17 {
    float: left;
  }
.col-md-8 {
    width: 66.66666667%;
  }
.col-md-4 {
    width: 28.33333333%;
  }
}

/* === MODULE: hotel-booking === 酒店前台预定流程 === */
/* ===================================
   Hotel Booking Page Styles
   Extracted from /a-resource/css-api/style.css
   Used by: hotel-guest-info.asp, hotel-order-check.asp, orderhotel-submit.asp
   =================================== */

/* Context center area */
.context-center {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #D5D5D5;
}

/* Layout */
#wrapper {
    width: 950px;
    margin: auto;
}
#mainbody {
    float: right;
    border-left: 1px solid #E1E1E1;
    margin: 7px 0 0 0;
    padding: 2px 3px 5px 2px;
    width: 723px;
}
#sidebar {
    margin: 0 auto;
    padding: 0;
    width: 170px;
    float: left;
}
#container {
    width: 900px;
    padding: 0;
}
.menu {
    margin: 5px auto 10px auto;
}
.menubooking {
    margin: 20px auto;
}

/* Typography helpers */
.font-price {
    color: #cc0000;
}
.font-price1 {
    color: #cc0000;
    font-weight: bold;
    background-color: #ccc;
}
.font-flyer {
    font-size: 1em;
    font-weight: normal;
}
.font-attention {
    padding: 3px;
    color: #000;
    font-weight: bold;
    background-color: #E4E4E4;
}
.font-price3 {
    font-size: 104%;
    font-weight: bold;
    background-color: #EBEBEB;
}
.font-price2 {
    color: #cc0000;
}
.font-booking {
    font-size: 1.13em;
}
.font-flights {
    font-size: 130%;
    font-weight: bold;
}
.font-left {
    padding-left: 5px;
}
.font-contact {
    padding-left: 3em;
}

/* Div boxes */
.divbox {
    margin: 10px 3px 5px 12px;
    padding: 2px 5px 3px 5px;
    background: url(/a-resource/images/bg/div-title.jpg) repeat-x top;
    border: 1px solid #999999;
}
.divbox-payment {
    margin: 10px 3px 5px 10px;
    padding: 2px 5px 0px 5px;
    background: url(/a-resource/images/bg/div-title-payment1.jpg) repeat-x top;
    border: 1px solid #999999;
}
.divbox-1 {
    margin: 0 3px 10px 20px;
    padding: 3px;
}
.divbox-booking {
    margin: 10px 8px 15px 0;
    padding: 2px 5px 3px 19px;
    background: url(/a-resource/images/pic/5267.png) no-repeat left;
    border-bottom: 1px solid #B8860B;
}
.divbox-booking-index {
    margin: 0px 8px 7px 0;
    padding: 2px 5px 10px 15px;
    background: url(/a-resource/images/arrow/yellow.gif) no-repeat left;
    border-bottom: 1px solid #B8860B;
}

/* Rounded corner div (xsnazzy) */
#xsnazzy {
    background: transparent;
    margin: 2px 10px;
}
.xtop, .xbottom {
    display: block;
    background: transparent;
    font-size: 1px;
}
.xb1, .xb2, .xb3, .xb4 {
    display: block;
    overflow: hidden;
}
.xb2, .xb3, .xb4 {
    background: #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.xb1 {
    margin: 0 5px;
    background: #ccc;
}
.xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}
.xb3 {
    margin: 0 2px;
}
.xb4 {
    height: 2px;
    margin: 0 1px;
}
.xboxcontent {
    padding: 1px 10px;
    display: block;
    border: 0 solid #ccc;
    border-width: 0 1px;
}

/* Sidebar menu */
.slidedoormenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 170px;
    border-left: 5px solid #047AAC;
}
.slidedoormenu li {
    border-bottom: 1px solid #fff;
}
.slidedoormenu li a {
    background: url(images/bg-menure-blue1.jpg) repeat-y left top;
    font: bold 12px;
    display: block;
    color: black;
    width: auto;
    padding: 7px 0;
    text-indent: 5px;
    text-decoration: none;
}
.slidedoormenu li a:visited, .slidedoormenu li a:active {
    color: black;
}
.slidedoormenu li a:hover {
    background-position: -387px 0;
    color: black;
}
.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a {
    border-bottom-width: 0;
}
.slidedoormenu li.lastitem a {
    padding: 8px 0;
}
.slidedoormenu li a {
    width: 100%;
}
.sidebar-title {
    background: url('images/search2.gif') no-repeat left;
    margin: 0;
    padding: 2px 0;
    text-decoration: none;
    text-indent: 18px;
}
.sidebar-menu {
    margin: 1px auto;
    width: 168px;
    font-size: 12px;
    padding: 0;
}
.sidebar-menu li a {
    display: block;
    padding: 3px 1px 2px 1px;
    padding-left: 2px;
    width: 170px;
    text-decoration: none;
    border-bottom: 1px solid #E9E9E9;
}
.sidebar-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-menu-top {
    margin: 5px auto;
    width: 175px;
    font-size: 12px;
    padding: 8px 1px 2px 1px;
    border: 1px solid #E9E9E9;
}
.sidebar-menu-top li a {
    display: block;
    padding: 3px 1px 2px 1px;
    padding-left: 6px;
    width: 170px;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}
.sidebar-menu-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-title-top {
    font-size: 103%;
    margin: 0;
    padding: 2px 1px 2px 1px;
    text-decoration: none;
    background: #EBEBEB;
}

/* Back links */
.backlinks {
    margin: 0 10px 32px 5px;
    font-size: 85%;
    padding: 3px;
}
.backlinks ul {
    list-style: none;
    margin: 0;
}
.backlinks ul li {
    float: left;
    margin: 0px 5px;
}
.backlinks li a:link, .backlinks li a:visited {
    text-decoration: underline;
}

/* Order button */
.order_btn {
    display: inline-block;
}

/* Clear float */
.clear-float {
    clear: both;
}

/* Form table styles (used in booking pages) */
table {
    border-collapse: collapse;
}
td {
    vertical-align: top;
}

/* p tag reset for context area */
.context-center p {
    margin-top: 2px;
    margin-bottom: 0.5em;
}
.context-center h1 {
    font-size: 1.4em;
    margin: 5px 5px 10px 5px;
    line-height: 18px;
}
.context-center h2 {
    font-size: 105%;
    margin: 2px 3px;
}
.context-center h3 {
    font-size: 110%;
    margin: 3px 1px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.context-center h4 {
    font-size: 1.4em;
    margin: 3px 1px;
    text-decoration: none;
}