@charset 'utf-8';

/*!
 * DOSSM PAY FIRST TEMPLATE INDEX PAGE STYLESHEET
 * @required: base/reset.css;dossm-pay/tmpl1/common.css
 * @author: samzeng@wintour.cn
 * @date: 01/03/2013
 * Copyright 2012
 */

/**
 * UI layout
 */
.ui-main {
    height: 416px;
}

/* index backgorund mask */
.background-mask {
    height: 816px;
}

/* booking entrance */
.ui-booking-entrance {
    background-color: rgba(250, 250, 250, .85);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FAFAFA,endColorstr=#D8FAFAFA)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FAFAFA,endColorstr=#D8FAFAFA);   /* IE6 & 7 */
    zoom: 1;
    _background: #fff;
}
.ui-booking-entrance legend {
    margin-bottom: 15px;
    padding-top: 10px;
}

/* group */
.info-group {
    margin-bottom: 20px;
}

/**
 * About hotel
 */
.about-hotel {
    float: left;
    margin-right: 20px;
    padding: 20px 30px;
    width: 620px;
    height: 235px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.about-hotel-title {
    margin-bottom: 20px;
    color: #4e4e4e;
    font-size: 24px;
}
.entry {
    margin-bottom: 40px;
}
.page-entrance li {
    float: left;
    color: #4e4e4e;
    font-size: 18px;
}
.page-entrance a,
.page-entrance a:visited,
.page-entrance a:hover {
    color: #4e4e4e;
    text-decoration: none;
}
.page-entrance .icon {
    margin-right: 10px;
    vertical-align: middle;
}
.tel-item {
    width: 270px;
}
.tel-item .icon-tel {
    width: 26px;
    height: 26px;
    background-position: -80px -430px;
}
.map-item {
    width: 195px;
}
.map-item .icon-map {
    width: 26px;
    height: 26px;
    background-position: 0 -430px;
}
.contact-item {
    width: 130px;
}
.contact-item .icon-contact {
    width: 22px;
    height: 26px;
    background-position: -40px -430px;
}

/**
 * Offer scroll
 */
.offer-scroll {
    float: left;
    padding: 10px 12px 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}
.offer-scroll,
.ui-scroll,
.ui-scroll-inner {
    position: relative;
    width: 230px;
    height: 245px;
}
.ui-scroll,
.ui-scroll-inner {
    height: 210px;
}
.offer-scroll,
.ui-scroll-inner {
    overflow: hidden;
}
.offer-scroll-title {
    margin-bottom: 10px;
    color: #4e4e4e;
    font-size: 18px;
}
.offer-scroll ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 214px;
}
.offer-scroll li {
    float: left;
    width: 230px;
}
.offer-scroll li .no-pic {
    display: block;
    width: 230px;
    height: 155px;
}
.offer-scroll .pic,
.offer-scroll .title {
    margin-bottom: 8px;
}
.offer-scroll .pic img {
    width: 230px;
    height: 155px;
}
.offer-scroll .title {
    font-size: 14px;
    font-weight: 700;
}
.offer-scroll .btn-prev,
.offer-scroll .btn-next {
    display: block;
    position: absolute;
    top: 125px;
    width: 40px;
    height: 26px;
    overflow: hidden;
}
.offer-scroll .btn-prev {
    left: -12px;
}
.offer-scroll .btn-next {
    right: -12px;
}
/**
 * Partners
 */
.partners {
    float: left;
    margin-right: 20px;
    padding: 20px 40px;
    width: 600px;
    height: 50px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.partners dt,
.partners dd {
    float: left;
}
.partners dt {
    padding-right: 39px;
    width: 96px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
}
.partners dd {
    margin-right: 22px;
    width: 138px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    text-indent: -99999em;
    background-color: #fff;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
}
.partners .logo-alipay {
    background-position: 0 -700px;
}
.partners .logo-unionpay {
    background-position: 0 -760px;
}
.partners .logo-paypal {
    background-position: 0 -820px;
}
.partners .last {
    margin-right: 0;
}

/**
 * Comment entrance
 */
.comment-entrance,
.ds-api-comment-entrance {
    float: left;
    width: 255px;
    padding: 25px 0;
    height: 40px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.comment-entrance a {
    margin: 0 auto;
    padding: 0;
    background: none;
}
.ds-api-comment-entrance {
    padding: 10px 0;
    height: 70px;
    text-align: center;
}
.ds-api-comment-entrance .ds-api-comment-score {
    color: #fe3f04;
    font: 400 26px/42px arial;
    margin-left: 5px;
    vertical-align: baseline;
}