@charset 'utf-8';

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

/********************
 * Preset
 ********************/

/**
 * Icon
 */
.icon-hot,
.icon-latest {
    width: 101px;
    height: 101px;
    background-position: 0 -96px;
}
.icon-latest {
    background-position: 0 -197px;
}
.members-only {
    float: right;
    width: 49px;
    height: 28px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    background-position: -160px -210px;
}
.ui-list .members-only {
    margin-left: 28px;
}

/**
 * UI list
 */

/* ui horizontal list */
.horizontal-list .ui-list-item {
    padding: 10px;
    width: 710px;
    background-color: #fff;
}
.horizontal-list .ui-list-item-odd {
    background-color: #f7f7f7;
}
.horizontal-list .title a,
.horizontal-list .more a {
    color: #51b5e0;
}
.horizontal-list .title {
    margin-bottom: 10px;
}
.horizontal-list .title a {
    font-weight: 700;
}
.horizontal-list .more {
    margin-left: 20px;
}

/* ui product list */
.product-list,
.double-column-list {
    padding-top: 30px;
    border-top: 1px solid #ddd;
}
.product-list .ui-list-item:after {
    display: block;
    height:0;
    visibility: hidden;
    font-size: 0;
    content: ' ';
    clear: both;
}
.product-list .ui-list-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    zoom: 1;
}
.product-list .pic {
    float: left;
    margin-right: 20px;
}
.product-list .no-pic {
    width: 285px;
    height: 165px;
}
.product-list .pic,
.double-column-list .pic {
    position: relative;
    width: 285px;
}
.double-column-list .pic .no-pic {
    width: 345px;
    height: 200px;
}
.product-list .pic .icon,
.double-column-list .pic .icon {
    position: absolute;
    top: -20px;
    left: -5px;
}
.product-list .ctnr {
    overflow: hidden;
    zoom: 1;
}
.product-list .title {
    margin-bottom: 10px;
    font-size: 14px;
}
.product-list .info {
    margin-bottom: 10px;
}
.product-list .desc {
    margin-bottom: 22px;
}

/* ui inline list */
.inline-list .ui-list-item {
    float: left;
}
.inline-list .pic,
.inline-list .title,
.inline-list .desc {
    margin-bottom: 8px;
}
.inline-list .pic a {
    display: block;
}
.inline-list .title a {
    font-weight: 700;
}
.inline-list .title a:hover {
    color: #51b5e0;
}
.ui-list-group:after {
    display: block;
    height:0;
    visibility: hidden;
    font-size: 0;
    content: ' ';
    clear: both;
}
.ui-list-group {
    zoom: 1;
}

/* ui double column list */
.double-column-list .ui-list-item {
    margin-right: 40px;
    width: 345px;
}
.double-column-list .ui-list-group {
    margin-bottom: 30px;
    padding-bottom: 29px;
    border-bottom: 1px solid #ddd;
}
.double-column-list .pic,
.double-column-list .pic a {
    width: 345px;
    height: 200px;
}
.double-column-list .info {
    margin-bottom: 10px;
}

/* ui three column list */
.three-column-list .ui-list-item {
    margin-right: 20px;
    width: 230px;
}
.three-column-list .ui-list-group {
    margin-bottom: 20px;
    padding-bottom: 19px;
    border-bottom: 1px solid #e6ebee;
}
.three-column-list .pic,
.three-column-list .pic a {
    width: 230px;
    height: 134px;
    overflow: hidden;
}

/* fix */
.product-list li.last {
    margin-bottom: 0;
    padding: 0;
    border: 0;
}
.inline-list li.last {
    margin-right: 0;
}
.inline-list .last-group {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

/**
 * UI tab
 */

/* product tab */
.product-tab .ui-tab-trigger {
    padding-left: 10px;
    height: 30px;
    border-bottom: 1px solid #ddd;
}
.product-tab .ui-tab-trigger-item {
    display: inline-block;
    padding: 0 25px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    line-height: 30px;
    background-color: #eaeaea;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dcdcdc)); /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f7f7f7, #dcdcdc); /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #f7f7f7, #dcdcdc); /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, #f7f7f7, #dcdcdc); /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, #f7f7f7, #dcdcdc); /* Firefox 16+, IE10, Opera 12.50+ */
    border-top: 1px solid #ddd;
}
.product-tab .ui-tab-trigger .first {
    border-left: 1px solid #ddd;
}
.product-tab .ui-tab-trigger .last {
    border-right: 1px solid #ddd;
}
.product-tab .ui-tab-trigger-item-current {
    margin-bottom: -1px;
    height: 31px;
    cursor: default;
    font-weight: 700;
    background: #fff;
}
.product-tab .ui-tab-ctnr {
    padding-top: 20px;
}

/* view tab */
.view-tab .ui-tab-trigger {
    position: relative;
    margin-bottom: -1px;
}
.view-tab .ui-tab-trigger-item {
    float: left;
    margin-right: 5px;
    padding: 0 15px 0 5px;
    height: 23px;
    line-height: 23px;
    background-repeat: repeat-x;
    background-position: 0 -2050px;
    border: 1px solid #a2a2a2;
}
.view-tab .ui-tab-trigger .last {
    margin-right: 0;
}
.view-tab .ui-tab-trigger-item .icon {
    margin-right: 10px;
    vertical-align: middle;
}
.view-tab .ui-tab-trigger-item-current {
    color: #9e2b16;
    border-color: #9e2b16;
}
.view-tab .icon-list-view {
    width: 16px;
    height: 15px;
    background-position: -110px -210px;
}
.view-tab .ui-tab-trigger-item-current .icon-list-view {
    background-position: -110px -225px;
}
.view-tab .icon-grid-view {
    width: 12px;
    height: 13px;
    background-position: -130px -210px;
}
.view-tab .ui-tab-trigger-item-current .icon-grid-view {
    background-position: -130px -223px;
}

/**
 * UI table
 */
.ui-table {
    width: 100%;
}

/* product info table */
.product-info-table th,
.product-info-table td {
    padding: 8px 20px;
}
.product-info-table th {
    width: 120px;
    font-weight: 700;
    background-color: #f7f7f7;
}
.product-info-table td {
    width: 212px;
}

/* facility table */
.facility-table td {
    width: auto;
}
.facility-list {
    list-style: inside square none;
}
.facility-list-item {
    float: left;
    margin-right: 10px;
    white-space: nowrap;
}

/* capacity table */
.capacity-table {
    border: 1px solid #ddd;
}
.capacity-table caption {
    font-weight: 700;
}
.capacity-table th,
.capacity-table td {
    padding: 10px 0;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #ddd;;
}
.meeting-room-table caption {
    padding: 10px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
}

/**
 * UI gallery
 */
.ui-gallery-trigger-list {
    position: relative;
}
.ui-gallery-trigger,
.ui-gallery-trigger-list img {
    width: 700px;
    height: 398px;
}
.ui-gallery-trigger-list,
.ui-gallery-trigger {
    width: 688px;
}
.ui-gallery-trigger {
    position: relative;
    margin: 0 auto;
}
.ui-gallery-trigger-list li {
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
    height: 398px;
}
.gallery-trigger-thumbs {
    position: relative;
    width: 680px;
    height: 74px;
    margin: 0 28px;
    overflow: hidden;
}
.ui-gallery-prev,
.ui-gallery-next {
    display: block;
    position: absolute;
    top: 170px;
    cursor: pointer;
    width: 56px;
    height: 58px;
    overflow: hidden;
}
.ui-gallery-prev {
    left: 25px;
}
.ui-gallery-next {
    right: 25px;
}
.ui-gallery-switch-btn {
    height: 74px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.ui-gallery-switch-btn li {
    float: left;
    padding: 0 4px;
}
.ui-gallery-switch-btn li,
.ui-gallery-switch-btn li img {
    width: 128px;
    height: 74px;
    cursor: pointer;
    opacity: .8;
    filter: Alpha(Opacity=80);
}
.ui-gallery-info {
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px dashed #ddd;
}
.ui-gallery-title {
    font-weight: 700;
}
.ui-gallery-switch-wrap {
    width: 730px;
    position: relative;
}
.ui-gallery-switch-wrap .btn-prev,
.ui-gallery-switch-wrap .btn-next {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 26px;
    width: 22px;
    height: 22px;
}
.ui-gallery-switch-wrap .btn-prev {
    left: 0;
    background-position: -80px -170px;
}
.ui-gallery-switch-wrap .btn-next {
    right: 0;
    background-position: -80px -192px;
}
.ui-gallery-switch-wrap .btn-prev-disabled {
    background-position: -180px -600px;
}
.ui-gallery-switch-wrap .btn-next-disabled {
    background-position: -180px -630px;
}
.ui-gallery-switch-btn .ui-slide-trigger-item-current,
.ui-gallery-switch-btn .ui-slide-trigger-item-current img {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.ui-gallery-switch-btn .ui-slide-trigger-item-current img {
    cursor: default;
    width: 126px;
    height: 72px;
    border: 1px solid #a1321d;
}

/********************
 * Common
 ********************/

/**
 * UI booking entrance
 */
.ui-booking-entrance {
    background-color: #fff;
}
.ui-booking-entrance legend,
.product-aside-title {
    border-bottom: 1px solid #ecebeb;
}

/* guest room detail */
.spe-booking-entrance {
    position: relative;
    top: -12px;
}
.spe-booking-entrance {
    width: 230px;
}
.spe-booking-entrance .booking-entrance-form,
.spe-booking-entrance legend {
    padding-right: 7px;
    padding-left: 8px;
}
.spe-booking-entrance legend {
    width: 215px;
}

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

/**
 * Product slide
 */
.product-slide,
.product-slide .ui-slide-inner,
.product-slide .ui-slide-item {
    width: 480px;
    height: 280px;
}
.product-slide .ui-slide-trigger {
    left: 145px;
}
/**
 * UI layout
 */
.ui-main {
    padding: 24px 0 60px;
    min-height: 240px;
    _height: 240px;
    background-color: #fff;
}
.ui-content {
    float: right;
    width: 730px;
}
.ui-aside {
    width: 188px;
}
.ui-header {
    margin-bottom: 15px;
}
.single-page .ui-header,
.without-slide-page .ui-header {
    margin-bottom: 0;
}
.single-page .ui-content {
    width: 960px;
}
.single-page .background-mask,
.without-slide-page .background-mask {
    display: none;
}

/* without slide */
.without-slide-page .ui-header {
    height: 95px;
}

/**
 * Slide banner
 */
.slide-wrapper {
    margin-bottom: 15px;
}
.banner-slide,
.banner-slide .ui-slide-inner {
    padding-right: 255px;
    width: 705px;
    height: 312px;
}
.banner-slide .ui-slide-trigger {
    left: 240px;
}

/**
 * Booking entrance
 */
.booking-entrance {
    top: 0;
    right: 0;
}

/**
 * UI breadcrumb
 */
.ui-breadcrumb {
    margin-bottom: 15px;
    margin-right: -3px;
    text-align: right;
}
.ui-breadcrumb a,
.ui-breadcrumb span {
    padding: 0 3px;
}
.ui-breadcrumb a,
.ui-breadcrumb a:visited,
.ui-breadcrumb a:hover {
    color: #484848;
    text-transform: capitalize;
}
.ui-breadcrumb a:hover {
    text-decoration: underline;
}
.ui-breadcrumb-item-current {
    color: #9e2b16;
}

/**
 * UI content
 */

/* ui page title */
.page-title {
    margin-bottom: 30px;
    color: #9e2b16;
    font-size: 14px;
    text-transform: capitalize;
    overflow: hidden;
}

.single-page .page-title {
    font-size: 24px;
}

/* ui entry */
.entry {
    line-height: 1.65;
    word-break: break-all;
}
.entry a:active {
    padding-top: 1px;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry strong {
    font-weight: 700;
}
.entry h1 {
    font-size: 20px;
}
.entry h2 {
    font-size: 18px;
}
.entry h3 {
    font-size: 16px;
}
.entry h4 {
    width: 14px;
}
.entry ol,
.entry ul {
    padding-left: 32px;
}
.entry ol {
    list-style: outside square none;
}
.entry ul {
    list-style: outside square none;
}
.entry p {
    margin: 12px 0;
    line-height: 2;
}


/**
 * UI aside
 */
.ui-aside-nav {
    margin-bottom: 20px;
}
.ui-aside-nav li {
    height: 35px;
    border-bottom: 1px solid #ddd;
    background-repeat: repeat-x;
    background-position: 0 -2010px;
}
.ui-aside-nav a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    color: #585858;
    font-size: 14px;
    line-height: 35px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-transform: capitalize;
}
.ui-aside-nav-item-current a,
.ui-aside-nav a:hover {
    color: #9e2b16;
}

/* product entry */
.product-entry {
    margin-bottom: 50px;
}

/**
 * UI product aside
 */
.product-aside {
    position: relative;
    padding-top: 55px;
    padding-bottom: 30px;
    width: 230px;
    height: 195px;
    background-color: #fff;
}
.product-aside .product-ctnr {
    word-break: break-all;
}
.product-aside-title {
	padding: 5px 10px;
    width: 200px;
}
.product-aside .info {
    margin-bottom: 10px;
}
.product-aside .info-list dt {
    float: left;
}
.product-aside .action {
    position: absolute;
    left: 0;
    bottom: 0;
}
.product-aside .action {
    width: 230px;
}
.product-aside-tips {
    color: #484848;
}

/* number group */
.num-group {
    width: 82px;
    height: 25px;
}
.num-group .ui-input {
    width: 24px;
    text-align: center;
}
.num-group a {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    line-height: 9999px;
    overflow: hidden;
}
.num-group .button-minus,
.num-group .button-plus {
    width: 15px;
    height: 15px;
}
.num-group .button-minus {
    background-position: -110px -250px;
}
.num-group .button-minus-disabled {
    cursor: default;
    background-position: -110px -265px;
}
.num-group .button-plus {
    background-position: -130px -250px;
}
.num-group .button-plus-disabled {
    cursor: default;
    background-position: -130px -265px;
}

/* tags */
.tags .tag {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px 3px;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
}
.tags .tag-0 {
    color: #819963;
    border-color: #aecf86;
    background-color: #e7f3c7;
}
.tags .tag-1 {
    color: #b34b78;
    border-color: #e5becf;
    background-color: #f9e1f0;
}
.tags .tag-2 {
    color: #3d8e99;
    border-color: #86c7cf;
    background-color: #c7f3f0;
}
.tags .tag-3 {
    color: #807f47;
    border-color: #e4e27f;
    background-color: #fef2c4;
}
.tags .tag-4 {
    color: #70738c;
    border-color: #b3b8e1;
    background-color: #dce3f7;
}

/* aside module */
.aside-module {
    padding-top: 50px;
}
.aside-module a {
    color: #585858;
}
.aside-module a:hover {
    text-decoration: underline;
}
.aside-module-header {
    padding-bottom: 6px;
    height: 28px;
    line-height: 28px;
    background-repeat: repeat-x;
    background-position: 0 -1950px;
}
.aside-module-header h3 {
    color: #9e2b16;
    font-size: 14px;
}
.aside-module-body {
    padding: 10px 5px;
}

/* aside online service */
.aside-online-service dd a {
    word-break: break-all;
}

/* aside hot */
.aside-hot .more {
    float: right;
}
.aside-hot-list li {
    margin-bottom: 5px;
    padding-left: 10px;
}
.aside-hot-list .icon {
    margin-right: 5px;
    width: 6px;
    height: 9px;
    vertical-align: middle;
    background-position: -20px -410px;
}

/* aside online service */
.aside-online-service dl {
    margin-bottom: 5px;
    overflow: hidden;
}
.aside-online-service dt {
    float: left;
    margin-right: 3px;
}
.aside-online-service dd {
    overflow: hidden;
}

/********************
 * Pages
 ********************/

/**
 * About hotel
 */
.map-module {
    padding-top: 50px;
}
.map-module h2 {
    margin-bottom: 10px;
    font-weight: 700;
}
.map-module .map {
    width: 725px;
    height: 351px;
}

/**
 * Hotel news
 */

/* UI list news */
.ui-list-news .ui-list-item {
    padding: 15px 20px;
    background-color: #fff;
}
.ui-list-news .ui-list-item-odd {
    background-color: #f7f7f7;
}
.ui-list-news .meta {
    padding-left: 20px;
}
.ui-list-news .title {
    font-weight: 700;
}
.ui-list-news .title a {
    color: #51b5e0;
}


/* ui container detail header */
.ui-ctnr-detail-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px dashed #ddd;
}
.ui-ctnr-detail-header h2 {
    margin-bottom: 10px;
    color: #51b5e0;
    font-size: 14px;
}

/* ui share */
.ui-share {
    margin-bottom: 20px;
    overflow: hidden;
}
.ui-share-title {
    margin-right: 5px;
    float: left;
}

/* ui container detail footer */
.ui-ctnr-detail-footer {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    overflow: hidden;
}
.next-news {
    display: inline;
    float: right;
}


/**
 * Hotel surrounding page
 */

.surrounding-list li {
    padding: 10px 15px;
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/desc-repeat.png) repeat-x 0 100%;
    border-bottom: 1px solid #e4e4e4;
}
.surrounding-list dl {
    display: inline;
}
.surrounding-list dt {
    margin-bottom: 10px;
    height: 21px;
    line-height: 21px;
    display: block;
}
.surrounding-list dt strong {
    display: inline;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
}
.surrounding-list .icon-pic {
    cursor: pointer;
    margin-left: 10px;
    width: 16px;
    height: 13px;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    background-position: -140px -410px;
    background-color: #fff;
    overflow: hidden;
}
.view-scenic-pic {
    position: relative;
    padding: 5px;
    border: 5px solid #c9c9c9;
    background-color: #f5f5f5;
}
.view-scenic-pic,
.view-scenic-pic img {
    width: 345px;
    height: 200px;
}
.view-scenic-pic .icon-product-info-arrows {
    width: 19px;
    height: 20px;
    display: block;
    position: absolute;
    left: 79px;
    top: -15px;
    z-index: 1;
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/icon-scenic-pic-arrows.png) no-repeat 0 0;
}

/**
 * Contact hotel page
 */

/* contact information */
.contact-information {
    margin-right: 30px;
    padding-right: 29px;
    width: 240px;
    border-right: 1px dashed #ddd;
}
.contact-information dt,
.contact-form legend {
    margin-bottom: 15px;
    color: #6f6f6f;
    font-weight: 700;
}
.contact-information dd {
    margin-bottom: 8px;
}
.contact-information dd .content {
    overflow: hidden;
}
.contact-information .title {
    float: left;
}
.contact-information .booking-num {
    padding-top: 30px;
    margin-bottom: 15px;
}
.contact-information .link-map {
    color: #51b5e0;
    text-decoration: underline;
}
.contact-map {
    width: 240px;
    height: 190px;
}

/* contact form */
.contact-form {
    float: left;
    width: 430px;
}
.textarea-contact-message {
    width: 288px;
}

/**
 * Photo page
 */
.album-list .title a {
    margin-right: 5px;
}

/**
 * Guest room page
 */
.rooms-list li .actions {
    margin-bottom: 20px;
    height: 30px;
    overflow: hidden;
}
.rooms-list .ui-checkbox-group {
    vertical-align: middle;
}
.button-room-list .ui-btn-text {
    padding-right: 30px;
    padding-left: 30px;
}
.detail-group {
    margin-bottom: 40px;
}

/* spe booking entrance */
.spe-booking-entrance {
    float: right;
}

/* compare toolbar */
.ui-compare-toolbar {
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 60px;
    float: right;
    z-index: 88;
}
.mini-toolbar {
    float: right:
    margin-left: 3px;
    padding: 30px 5px 5px;
    width: 20px;
    height: 120px;
    background-color: #c83b22;
}
.mini-toolbar .title {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
    word-break: break-all;
    font-weight: 700;
}
.mini-toolbar .num {
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 17px;
    color: #0380c8;
    font-weight: 700;
    text-align: center;
    line-height: 17px;
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.mini-toolbar .button-close,
.mini-toolbar .button-unfold {
    right: 0;
    bottom: 0;
    position: absolute;
    width: 30px;
    height: 26px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 26px;
    background-color: #862817;
}
.mini-toolbar .button-close {
    top: 0;
}
.compare-wrapper {
    width: 163px;
    background-color: #fff;
    border: 1px solid #b45d4e;
}
.compare-wrapper-header {
    margin-bottom: 10px;
    padding-left: 10px;
    height: 32px;
    color: #fff;
    font-weight: 700;
    line-height: 32px;
    background-color: #9e2b16;
}
.compare-wrapper-header h2 {
    font-size: 14px;
}
.compare-wrapper-header .button-fold {
    float: right;
    width: 30px;
    color: #fff;
    text-align: center;
    background-color: #862817;
}
.compare-wrapper .no-data {
    text-align: center;
}
.compare-room-list li {
    margin-bottom: 10px;
    padding: 0 14px 10px 14px;
    border-bottom: 1px dotted #ddd;

}
.compare-room-list .pic {
    margin-bottom: 5px;
    padding: 2px;
    width: 128px;
    height: 70px;
    border: 1px solid #d9d9d9;
    overflow: hidden;
}
.compare-room-list .button-remove {
    float: right;
    padding-left: 10px;
}
.ui-compare-toolbar .actions {
    padding: 0 14px 10px 15px;
    overflow: hidden;
}
.ui-compare-toolbar .button-compare-empty {
    float: right;
    padding: 1px 5px;
    color: #fff;
    background-color: #6d6d6d;
}
.ui-compare-toolbar .button-compare {
    display: block;
    width: 75px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: 0 -1780px;
}

/* detail compare list */
.room-detail-compare-list {
    padding: 0 10px;
}
.room-detail-compare-list li {
    float: left;
    margin-bottom: 20px;
    width: 50%;
}
.room-detail-compare-list .pic {
    margin-right: 25px;
    width: 145px;
    height: 85px;
}
.room-detail-compare-list .ctnr {
    position: relative;
    margin-left: 170px;
    padding-bottom: 27px;
    height: 55px;
}
.room-detail-compare-list .title {
    font-weight: 700;
}
.room-detail-compare-list .actions {
    position: absolute;
    bottom: 0;
    left: 0;
}
.room-detail-compare-list .ui-checkbox-group {
    display: block;
    cursor: pointer;
    padding-left: 4px;
    width: 70px;
    height: 27px;
    line-height: 26px;
    color: #fff;
    background-position: 0 -167px;
}
.room-detail-compare-list .checked-group {
    cursor: default;
    background-position: 0 -194px;
}

/* product compare result */
.compare-result-table th,
.compare-result-table td {
    padding: 6px 0;
    border: 1px solid #ddd;
}
.compare-result-table tbody th {
    padding-left: 35px;
    width: 165px;
    text-align: left;
}
.compare-result-table {
    text-align: center;
}
.compare-result-table caption {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 1px 0;
}
.compare-result-table tbody td {
    padding-right: 25px;
    padding-left: 25px;
    width: 188px;
    vertical-align: top;
}
.compare-result-table caption,
.compare-result-table tbody .title-item {
    color: #4e4e4e;
    font-size: 14px;
    font-weight: 700;
}
.compare-result-table caption {
    padding: 10px 0;
    text-align: center;
    background-color: #f7f7f7;
}
.compare-result-table thead th {
    padding-left: 35px;
    width: 165px;
    text-align: left;
}
.compare-result-table tbody .title-item {
    background-color: #f9f9f9;
}
.compare-item {
    margin-right: auto;
    margin-left: auto;
    width: 135px;
}
.comment-item a,
.compare-item .pic {
    display: block;
    width: 135px;
    height: 80px;
    overflow: hidden;
}
.compare-item .title {
    padding: 5px 0;
    white-space: nowrap;
}
.compare-item .select {
    margin-bottom: 5px;
}
.select-compare-room {
    width: 150px;
}
.icon-tick {
    width: 16px;
    height: 13px;
    background-position: -120px -390px;
}

/**
 * Dining page
 */

/* product pic group */
.product-pic-group {
    margin-bottom: 30px;
    width: 700;
    height: 275px;
    overflow: hidden;
}
.product-pic-group .pic {
    display: inline;
    float: left;
    overflow: hidden;
}
.product-pic-group .pic1 {
    margin-right: 15px;
    width: 480px;
    height: 275px;
}
.product-pic-group .pic2,
.product-pic-group .pic3 {
    width: 235px;
    height: 135px;
}
.product-pic-group .pic2 {
    margin-bottom: 5px;
}

/* product information bar */
.product-info-bar {
    margin-bottom: 30px;
    padding: 5px 10px;
    font-size: 18px;
    background-color: #f2f2f2;
}
.product-info-bar .time {
    float: right;
}

/**
 * Meeting rooms page
 */
.meeting-list {
    margin-bottom: 100px;
}
.product-entry .product-entry-title {
    margin-bottom: 20px;
    font-weight: 700;
}

/* meeting room table */
.meeting-room-table {
    margin-top: -1px;
}
.meeting-room-table .icon,
.venue-table .icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
.icon-back-type {
    background-position: -78px -460px;
}
.icon-desk-type {
    background-position: -98px -460px;
}
.icon-theater-type {
    background-position: -118px -460px;
}
.icon-banquet-type {
    background-position: -138px -460px;
}
.icon-u-type {
    background-position: -178px -460px;
}
.icon-long-type {
    background-position: -198px -460px;
}
.icon-cocktail-type {
    background-position: -158px -460px;
}

/**
 * Venue information
 */
.venue-table {
    margin-bottom: 30px;
}
.venue-table caption {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}
.venue-table th,
.venue-table td {
    padding: 10px 5px;
    text-align: center;
    border: 1px solid #ddd;
}
.capacity-table td {
    width: 11%;
}
.database-table td {
    width: 12%;
}

/* rfp */
.rfp-title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
}
.simple-header {
    margin-bottom: 20px;;
    padding-left: 10px;
    height: 28px;
    line-height: 28px;
    background-color: #f7f7f7;
}
.simple-header h3 {
    font-weight: 700;
}
.simple {
    margin-bottom: 30px;
}
.simple-body {
    padding: 10px 0;
}
.rfp-form .ui-datepicker-trigger {
    right: auto;
    left: 200px;
}

/* tickets */
.tickets-info {
    padding-top: 10px;
}
.tickets-info .pic {
    float: left;
}
.tickets-info .pic,
.tickets-info .pic img {
    width: 220px;
    height: 140px;
}
.tickets-info .ctnr {
    margin-left: 230px;
}
.tickets-info .title {
    margin-bottom: 10px;
    font-size: 14px;
}

/**
 * Login & Register
 */
.login-group,
.register-group,
.get-password-group,
.pay-online-group {
    padding: 0 35px;
    background-color: #eef9fd;
    -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 6px rgba(0, 0, 0, .1);
    overflow: hidden;
}
.get-password-group {
    padding: 35px;
}
.login-group .column,
.register-group .column,
.pay-online-group .column {
    float: left;
}
.login-group .column,
.register-group .column,
.pay-online-group .column {
    margin-bottom: -99999px;
    padding-top: 30px;
    padding-bottom: 99999px;
}
.login-group .form-column,
.register-group .form-column,
.pay-online-group .form-column {
    width: 384px;
    border-right: 1px solid #c8d7dd;
}
.login-group .desc-column,
.register-group .desc-column,
.pay-online-group .desc-column {
    padding-left: 34px;
    width: 470px;
    border-left: 1px solid #fff;
}
.login-group .login-form,
.register-group .login-form,
.login-group .member-info,
.register-group .member-info {
    padding-bottom: 30px;
}
.login-group .column-title,
.register-group .column-title,
.get-password-group .column-title,
.pay-online-group .column-title {
    margin-bottom: 30px;
    font-size: 14px;
}
.login-group .btn-group,
.register-group .btn-group {
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
}
.login-group .switch-group,
.register-group .switch-group {
    margin-bottom: 10px;
    padding-top: 15px;
    border-top: 1px solid #d7f4fe;
}
.login-group .switch-group a,
.register-group .switch-group a {
    margin-left: 5px;
}
.login-group .ui-form-help,
.register-group .ui-form-help {
    display: inline-block;
    line-height: 24px;
}
.button-login,
.button-register {
    margin-right: 10px;
}
.login-group .desc-column .text,
.register-group .desc-column .text {
    margin-bottom: 25px;
}
.login-group .membership dt,
.login-group .membership dd,
.register-group .membership dt,
.register-group .membership dd {
    padding-left: 28px;
}
.login-group .membership dt,
.register-group .membership dt {
    position: relative;
    margin-bottom: 5px;
    font-weight: 700;
}
.membership dt .icon {
    position: absolute;
    width: 15px;
    height: 14px;
    top: 5px;
    left: 0;
    background-position: -120px -410px;
}
.login-group .membership dd,
.register-group .membership dd {
    margin-bottom: 25px;
}
.pay-online-tips {
    margin-bottom: 30px;
}
.pay-online-tips dt,
.pay-online-partners dt{
    margin-bottom: 10px;
    color: #cd0909;
}
.pay-online-group .btn-group {
    padding-bottom: 20px;
}
.pay-online-partners dt {
    clear: both;
    overflow: hidden;
}
.pay-online-partners dd {
    float: left;
}
.pay-online-partners dd {
    margin-right: 10px;
    width: 138px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    text-indent: -99999em;
    background-color: white;
    border: 1px solid #DDD;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
}
.pay-online-partners .logo-alipay {
    background-position: 0 -700px;
}
.pay-online-partners .logo-unionpay {
    background-position: 0 -760px;
}
.pay-online-partners .logo-paypal {
    background-position: 0 -820px;
}

.register-form .ui-tips {
    margin-left: 130px;
    padding: 5px 0;
}

/**
 * Room reservation
 */

/* booking tab */
.booking-tab .ui-tab-trigger {
    margin-bottom: 20px;
    padding: 10px 0 0 10px;
    background-repeat: repeat-x;
    background-position: 0 -1410px;
    border-bottom: 1px solid #ececec;
}
.booking-tab .ui-tab-trigger-item {
    float: left;
    margin-bottom: -1px;
    margin-right: 10px;
    width: 175px;
    height: 40px;
    color: #4d4d4d;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    background-position: 0 -600px;
}
.booking-tab .ui-tab-trigger-item-current {
    font-weight: 700;
    background-position: 0 -650px;
}

.switch-currency-wrapper {
    float: right;
    padding-right: 10px;
}
.switch-currency-wrapper span {
    margin-right: 5px;
}
.switch-currency {
    width: 65px;
}

/* login tips */
.login-tips {
    float: right;
}
.login-tips .ui-btn {
    margin-left: 10px;
}

.ui-popup {
    -moz-box-shadow: 5px 5px 5px rgba(0, 0,0, .2);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
}
/* policy rules */
.policy-rules {
    position: relative;
    padding: 10px;
    width: 400px;
    background: #fafafa;
    border: 1px solid #cfcfcf;
}
.policy-rules .icon-arrow {
    display: none;
    position: absolute;
    top: -10px;
    left: 20px;
    width: 12px;
    height: 10px;
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/icon-popup-arrow.png) no-repeat 0 0;
}

/* average-popup */
.average-popup {
    position: relative;
    width: 630px;
    min-height: 70px;
    _height: 70px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
}
.average-popup .icon-arrow {
    position: absolute;
    top: -12px;
    right: 210px;
    width: 13px;
    height: 12px;
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/icon-average-popup-arrow.png) no-repeat 0 0;
}
.average-table th,
.average-table td {
    padding: 0 5px;
    width: 70px;
    text-align: center;
}
.average-table thead {
    background: #fafafa;
    border-bottom: 1px solid #cfcfcf;
}
.average-table thead th {
    line-height: 24px;
}
.average-table tbody tr {
    border-top: 1px solid #cfcfcf;
}
.average-table tbody .first {
    border-top: 0 none;
}

/* booking search bar */
.booking-search-bar {
    margin-bottom: 30px;
}
.booking-search-bar .control-group {
    float: left;
    margin-right: 20px;
}
.booking-search-bar .date-group .controls {
    position: relative;
    width: 182px;
}
.booking-search-bar .ui-label {
    display: block;
    line-height: 24px;
}
.booking-search-bar .ui-input {
    width: 170px;
}
.booking-search-bar .ui-select {
    width: 80px;
}
.booking-search-bar .btn-group {
    margin-right: 0;
    padding-top: 24px;
}
.btn-booking-search,
.btn-user-offer-search {
    display: block;
    width: 99px;
    height: 25px;
    color: #fff;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-position: -109px -97px;
}
.btn-booking-search:hover {
    color: #fff;
    background-position: -109px -122px;
}
.btn-booking-search:active {
    background-position: -109px -147px;
}

/* search information */
.search-info {
    margin-bottom: 15px;
    padding: 0 10px;
}
.search-info li {
    float: left;
    margin-bottom: 5px;
    width: 235px;
}
.search-info li strong {
    margin-right: 3px;
}

/* search ctnr item header */
.result-ctnr-item-header {
    cursor: pointer;
    margin-bottom: 8px;
    padding: 10px 10px 10px 15px;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
}
.result-ctnr-item-header h3 {
    font-weight: 700;
    font-size: 14px;
}
.result-ctnr-item-header .room-status,
.multi-room-table tbody .status-item {
    width: 170px;
    color: #63b05f;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}
.result-ctnr-item-header .room-status-full,
.multi-room-table tbody .room-status-full {
    color: #a72f1c;
}
.result-ctnr-item-header .price-group {
    display: inline-block;
    margin-left: 65px;
    padding-right: 40px;
    width: 160px;
}
.result-ctnr-item-header .price {
    margin-right: 3px;
}
.result-ctnr-item-header .price span {
    color: #51b5e0;
    font-size: 18px;
    font-weight: 700;
}
.result-ctnr-item-header .btn-toggle {
    display: block;
    padding-right: 25px;
    width: 75px;
    height: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    background-position: 0 -97px;
}
.btn-toggle:hover {
    color: #fff;
}
.result-ctnr-item-body {
    position: relative;
    margin: 15px 0;
    padding-top: 12px;
    border: 1px solid #ccc;
    border-bottom: 0;
    zoom: 1;
}
.result-ctnr-item-body .price {
    font-weight: 700;
}
.icon-result-arrow {
    position: absolute;
    top: -10px;
    right: 55px;
    width: 14px;
    height: 10px;
    background-position: -140px -390px;
}

/* expand */
.result-ctnr-item-expand .result-ctnr-item-header,
.result-ctnr-item-header-hover {
    background-color: #eef9fe;
}

.result-ctnr-item-expand .btn-toggle {
    background-position: 0 -127px;
}

/* product preview */
.product-preview {
    padding: 15px;
    border-bottom: 1px solid #fff;
}
.product-preview .pic {
    margin-right: 15px;
    padding: 3px;
    width: 195px;
    height: 110px;
    border: 1px solid #c5c5c5;
    overflow: hidden;
}
.product-preview-ctnr {
    position: relative;
    float: left;
    padding-bottom: 30px;
    min-height: 88px;
    _height: 88px;
    width: 710px;
}
.product-preview-ctnr .more {
    margin-bottom: 20px;
    padding-top: 30px;
}
.product-preview-ctnr .more a {
    color: #51b5e0;
}
.product-preview-ctnr .more a:hover {
    text-decoration: underline;
}
.product-preview-ctnr .service i,
.multi-product-preview .service i {
    margin-right: 15px;
    text-indent: -9999em;
}

/* room status */
.room-status-table th,
.room-status-table td {
    padding: 5px 0;
    border: 0;
}
.room-status-table thead th {
    padding: 10px 0;
}
.room-status-table tbody th,
.room-status-table tbody td {
    background-repeat: repeat-x;
    background-position: 0 -2080px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
}
.room-status-table .last-row th,
.room-status-table .last-row td {
    border-bottom-color: #ccc;
}
.room-status-table th {
    font-weight: 700;
}
.room-status-table thead .status-item {
    padding-right: 115px;
}
.room-status-table .price-item {
    width: 200px;
}
.room-status-table .breakfast-item {
    width: 290px;
    text-align: center;
}
.room-status-table .type-item {
    padding-left: 30px;
    width: 190px;
}
.room-status-table .clause-item {
    width: 130px;
    text-align: center;
}
.room-status-table .actions-item {
    padding-right: 9px;
    width: 100px;
}
.room-status-table tbody .type-item {
    font-size: 14px;
    font-weight: 700;
}
.room-status-table .price span {
    font-size: 18px;
    font-weight: 700;
}
.clause-item-action {
    display: inline-block;
    cursor: default;
    color: #6b6b6b;
}
.icon-clause {
    margin-right: 5px;
    width: 14px;
    height: 16px;
    vertical-align: middle;
    background-position: -39px -410px;
}
.icon-average-price {
    cursor: default;
    margin-right: 5px;
    width: 14px;
    height: 16px;
    vertical-align: middle;
    background-position: -60px -410px;
}
.average-price {
    width: 632px;
}
/* multi room list */
.resv-multi-room-list .result-ctnr-item-body {
    padding-top: 0;
}
.resv-multi-room-list .multi-room-table thead {
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/multi-room-table-thead.png) repeat-x 0 0;
}
.resv-multi-room-list .result-ctnr-item-header .breakfast-item {
    padding-right: 40px;
    width: 120px;
}
.resv-multi-room-list .result-ctnr-item-header h3 {
    width: 230px;
}
.multi-room-table tr {
    border-bottom: 1px solid #efefef;
}
.multi-room-table thead th {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 20px;
    color: #6f6f6f;
    font-weight: 700;
    line-height: 20px;
}
.multi-room-table .status-item,
.multi-room-table .price-item,
.multi-room-table .num-item {
    text-align: center;
}
.multi-room-table .title-item {
    padding-left: 25px;
    padding-right: 25px;
    width: 430px;
}
.multi-room-table tbody .title-item {
    padding-top: 20px;
    padding-bottom: 20px;
}
.multi-room-table .status-item {
    width: 58px;
}
.multi-room-table .price-item {
    width: 260px;
}
.multi-room-table .num-item {
    width: 160px;
}
.multi-room-table .num-group {
    margin: 0 auto;
}
.multi-product-preview .pic {
    position: relative;
    float: left;
    margin-right: 20px;
    padding: 2px;
    width: 120px;
    height: 70px;
    border: 1px solid #ddd;
}
.product-preview .pic,
.multi-product-preview .pic {
    position: relative;
}
.product-preview .pic .icon-zoom-in,
.multi-product-preview .pic .icon-zoom-in {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 23px;
    background-position: 0 -1110px;
}
.multi-room-table .ctnr {
    margin-left: 146px;
}
.multi-room-table .ctnr .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}
.multi-room-table tfoot td {
    padding: 15px 10px 15px 0;
    text-align: right;
}

/* booking information group */
.booking-info-group {
    margin-bottom: 20px;
}
.booking-info-group .column {
    display: inline;
    float: left;
}

/* boooking control column */
.booking-control-column {
    margin-right: 10px;
    padding: 10px 25px 30px;
    width: 510px;
    border: 6px solid #e8e8e8;
}
.btn-re-choice .icon {
    margin-right: 5px;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    background-position: -60px -390px;
}
.check-date {
    padding: 10px 0;
}
.check-date li {
    float: left;
    width: 50%;
}
.check-date .last {
    text-align: right;
}

/* booking information  */
.booking-control-column-header,
.booking-info-header {
    margin: 0 -25px 30px;
    padding: 0 25px 10px;
    width: 510px;
    border-bottom: 2px solid #f7f7f7;
}
.booking-control-column-header h2,
.booking-info-header h2 {
    font-size: 14px;
    font-weight: 700;
}
.booking-for-others {
    margin-bottom: 20px;
    padding-top: 10px;
}

/* lodger information */
.lodger-info {
    margin-bottom: 10px;
    width: 400px;
    background-color: #f7f7f7;
}
.lodger-info-header {
    padding: 10px 15px;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ededed, #e6e6e6);
    background-image:    -moz-linear-gradient(top, #ededed, #e6e6e6);
    background-image:      -o-linear-gradient(top, #ededed, #e6e6e6);
    background-image:         linear-gradient(to bottom, #ededed, #e6e6e6);
}
.lodger-info-header h2 {
    font-weight: 700;
}
.lodger-info-header .button-close {
    width: 16px;
    height: 16px;
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/icon-guest-item-close.png) no-repeat 0 0;
}
.lodger-info-body {
    padding: 20px 0;
}
.add-lodger {
    margin-bottom: 20px;
}

/* booking review column */
.booking-review-column {
    width: 378px;
}
.booking-review-column-header {
    margin-bottom: 20px;
}
.booking-review-column-header h2 {
    font-size: 14px;
    font-weight: 700;
}
.booking-review-column-body .clause {
    text-align: right;
}

/* booking room item */
.booking-room-item,
.booking-total-room-price,
.booking-service-body,
.review-product-item,
.review-product-total-item,
.review-service,
.booking-total-price {
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/booking-mod-repeat-x.png) repeat-x 0 100%;
    border: 1px solid #e8e8e8;
}
.booking-room-item {
    margin-bottom: 20px;
    padding: 0 5px;
}
.booking-room-item-body {
    padding: 20px 15px;
}
.booking-room-item-body .pic {
    float: left;
    margin-right: 20px;
    width: 160px;
    height: 90px;
}
.booking-room-item-body .ctnr {
    margin-left: 180px;
}
.booking-room-item-body .title {
    margin-bottom: 5px;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 700;
}
.booking-room-item-body .price {
    margin-right: 20px;
}
.booking-room-item-footer {
    padding: 0 15px;
    height: 46px;
    line-height: 46px;
    border-top: 1px solid #dbdbdb;
}
.booking-room-item-footer .price {
    float: right;
}
.booking-room-item-footer .price span {
    font-size: 14px;
}

/* booking total room price */
.booking-total-room-price {
    margin-bottom: 20px;
    padding: 20px;
}
.booking-total-room-price .discount {
    margin-bottom: 10px;
    text-align: right;
}
.booking-total-room-price .total-price {
    line-height: 18px;
    overflow: hidden;
}
.booking-total-room-price .total-price strong {
    font-size: 14px;
}
.booking-total-room-price .total-price .price {
    float: right;
}
.booking-total-room-price .total-price .price span {
    font-size: 18px;
}

/* booking service */
.booking-service {
    margin-bottom: 20px;
}
.booking-service-header,
.booking-require-header {
    padding: 0 15px 10px;
}
.booking-service-header h2,
.booking-require-header h2 {
    font-size: 14px;
    font-weight: 700;
}
.booking-service-body,
.review-service-body {
    padding: 0 5px;
}

/* booking service table */
.booking-service-table th,
.booking-service-table td {
    padding: 10px;
    width: 145px;
    text-align: center;
}
.booking-service-table thead th {
    font-weight: 700;
}
.booking-service-table tbody .title-item {
    text-align: left;
}
.booking-service-table .num-group {
    margin-right: auto;
    margin-left: auto;
}
.booking-service-table tfoot td,
.review-service-table tfoot td {
    padding: 10px;
    border-top: 1px solid #dbdbdb;
}
.service-total-price .price span {
    font-size: 18px;
}
.service-total-price {
    width: 898px;
    text-align: right;
    white-space: nowrap;
}
.ds-table-additional {
    width: 100%;
}
.input-services-additional {
    width: 100px;
}
.ds-icon-del-services {
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/icon-del.png) no-repeat 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
    width: 16px;
}
/* booking require */
.booking-require-header {
    margin-bottom: 10px;
    border-bottom: 1px solid #e6ebee;
}
.booking-require-body .column {
    display: inline;
    float: left;
    width: 50%;
}

/* arrival list */
.arrival-list h3 {
    margin-bottom: 10px;
}
.arrival-list ul {
    margin-bottom: 50px;
}
.arrival-list li {
    float: left;
    margin-right: 10px;
}

/* require entry column */
.require-entry-column .control-group {
    margin-bottom: 20px;
}
.require-entry-column .ui-label {
    display: block;
    margin-bottom: 5px;
}
.textarea-booking-require-entry,
.textarea-modify-require-entry {
    width: 378px;
}

/* booking actions */
.booking-actions {
    text-align: right;
}
.booking-actions .button-booking-return {
    margin-right: 40px;
}

/* pay onlnie list */
.pay-online-list li {
    margin-bottom: 20px;
}
.pay-required-item .price span {
    font-size: 24px;
}
.pay-online-list .last .price {
    margin-right: 30px;
}

/* pay online type */
.pay-online-type li {
    margin-bottom: 30px;
}
.pay-online-type li strong {
    display: inline-block;
    width: 138px;
    height: 48px;
    vertical-align: middle;
    text-indent: -99999em;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}
.pay-online-type .alipay-type-item strong {
    background-position: 0 -890px;
}
.pay-online-type .union-pay-type-item strong {
    background-position: 0 -960px;
}
.pay-online-type .paypal-type-item strong {
    background-position: 0 -1030px;
}
.pay-online-type li span {
    display: inline-block;
    width: 310px;
    vertical-align: middle;
}

/* QR code */
.qr-code {
    margin-bottom: 35px;
}
.qr-code .pic {
    float: left;
    margin-right: 30px;
    width: 70px;
    height: 70px;
}
.qr-code .ctnr {
    margin-left: 100px;
}

/* pay actions */
.pay-actions {
    padding-top: 30px;
    border-top: 1px solid #e8e8e8;
}
.ui-btn-pay {
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 50px;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    background-repeat: repeat-x;
    background-position: 0 -1600px;
}
.ui-btn-pay:hover {
    background-position: 0 -1660px;
}
.ui-btn-pay:active {
    background-position: 0 -1720px;
}
.other-actions {
    margin: 0 auto;
    padding-top: 20px;
    width: 300px;
    text-align: right;
}
.other-actions a {
    margin-left: 50px;
    font-weight: 700;
}
.credit-card-info-form {
    width: 350px;
    padding: 0 10px;
}
/* review check date */
.review-check-date {
    margin-bottom: 20px;
}

/* review product item */
.review-product-item,
.review-product-total-item,
.booking-total-price {
    padding: 15px 20px;
    overflow: hidden;
}
.review-product-item,
.review-product-total-item {
    margin-top: -1px;
}
.review-product-group,
.review-product-total {
    float: left;
}
.review-product-item dt {
    margin-bottom: 5px;
    font-weight: 700;
}
.review-product-group {
    width: 236px;
}
.review-product-group dt {
    font-size: 14px;
}
.review-product-group .price {
    padding: 0 5px;
}
.review-product-total,
.review-product-total-item .price {
    width: 100px;
}

/* review product total item */
.review-product-total-item,
.review-service {
    margin-bottom: 20px;
}
.review-product-total-item strong,
.review-product-total-item .price span,
.review-service-table .price span {
    font-size: 14px;
}

/* review service */
.review-service-header {
    margin-bottom: 10px;
    padding: 15px 20px 0;
}
.review-service-header h2 {
    font-size: 14px;
    font-weight: 700;
}
.review-service-body {
    padding: 0 20px 15px;
}
.review-service-table tbody td {
    padding: 5px;
}
.review-service-table tbody .title-item {
    width: 200px;
}
.review-service-table tbody .price-item {
    padding-right: 10px;
    width: 90px;
    text-align: right;
}

/* booking total price */
.booking-total-price-table th,
.booking-total-price-talbe td {
    padding: 5px 0;
    width: 50%;
}
.booking-total-price-table tbody td {
    text-align: right;
}
.booking-total-price-table tbody .price span {
    font-size: 14px;
}
.booking-total-price-table tfoot strong,
.booking-total-price-table tfoot .price span {
    font-size: 18px;
}

/**
 * Comment page
 */
.comment-intro {
    margin-bottom: 15px;
}
.comment-intro .actions {
    margin-bottom: 10px;
}
.comment-intro-table {
    width: 100%;
    border: 1px solid #d5d4d4;
    background-color: #f7f7f7;
}
.comment-intro-table th,
.comment-intro-table td {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #d5d4d4;
}
.comment-intro-table th {
    font-weight: 700;
}
.comment-intro-table .first {
    width: 200px;
}
.star-show .icon {
    width: 93px;
    height: 16px;
    background-position: 0 -1090px;
}
.comment-ctnr {
    margin-bottom: 40px;
}
.comment-item {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f7f7f7;
}
.comment-item-header,
.comment-item .info-item {
    margin-bottom: 8px;
}
.comment-item-header .name {
    margin-right: 10px;
    padding-left: 25px;
    font-weight: 700;
}
.comment-item-header .name .icon {
    margin-right: 9px;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    background-position: -60px -460px;
}
.comment-item .info-item .title {
    float: left;
    margin-right: 10px;
    width: 80px;
    text-align: right;
}
.comment-item .info-item .text {
    margin-left: 90px;
}
.star-show .icon-star-5 {
    width: 93px;
}
.star-show .icon-star-4 {
    width: 74px;
}
.star-show .icon-star-3 {
    width: 55px;
}
.star-show .icon-star-2 {
    width: 35px;
}
.star-show .icon-star-1 {
    width: 16px;
}
.pagination-comment {
    text-align: right;
}
.comment {
    padding: 20px 15px;
    background-color: #f7f7f7;
}
.comment-title {
    margin-bottom: 15px;
    color: #9e2b16;
    font-size: 14px;
}
.comment-desc {
    margin-bottom: 15px;
    font-weight: 700;
}
.rating-tips {
    display: inline-block;
    position: relative;
    margin-left: 7px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #51b5e0;
}
.rating-tips i {
    display: block;
    position: absolute;
    top: 0;
    left: -6px;
    width: 6px;
    height: 20px;
    background-position: -40px -386px;
    overflow: hidden;
}
.rating-module {
    margin-bottom: 20px;
}
.rating-group {
    margin-bottom: 10px;
}
.rating-item {
    float: left;
    width: 310px;
    line-height: 16px;
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    word-spacing: -0.43em;
}
.rating-item span,
.rating-item a {
    display: inline-block;
    word-spacing: normal;
    letter-spacing: normal;
}
.rating-item span {
    margin-right: 5px;
    vertical-align: middle;
}
.rating-item .icon-star {
    width: 17px;
    height: 16px;
    vertical-align: middle;
    background-position: -170px -250px;
}
.rating-item .icon-star-checked {
    background-position: -190px -250px;
}
.comment .control-group {
    margin-bottom: 10px;
}
.comment .control-group .ui-label {
    float: left;
    width: 80px;
    text-align: right;
}
.comment .controls {
    margin-left: 90px;
    padding-right: 128px;
}
.comment .controls .ui-textarea {
    width: 700px;
}

/**
 * Member pages
 */
.member-page .ui-content {
    width: 725px;
}

/* aside anv */
.member-aside {
    float: left;
    margin-right: 45px;
    width: 190px;
}
.member-aside .aside-nav-item {
    margin-bottom: 1px;
    width: 190px;
}
.member-aside .aside-nav-item a {
    display: block;
    padding-left: 10px;
    height: 30px;
    color: #646464;
    font-size: 14px;
    line-height: 30px;
    background-color: #f5f5f5;
}
.member-aside .aside-nav-item-current a {
    margin-bottom: 1px;
    width: 205px;
    background-color: transparent;
    background-position: 0 -560px;
}
.member-aside .aside-nav-item-current a,
.member-aside .aside-nav-item a:hover {
    color: #484848;
}

/* aside sub nav */
.member-aside .aside-sub-nav-item a {
    padding-left: 15px;
    width: 175px;
    font-size: 12px;
    background: #fcfcfc;
}
.member-aside .aside-sub-nav-item-current a {
    padding-left: 9px;
    color: #51b5e0;
    border-left: 6px solid #51b5e0;
}
.member-aside .aside-sub-nav-item a:hover {
    color: #51b5e0;
}

/* member ctnr */
.member-ctnr {
    min-height: 500px;
    _height: 500px;
}
.member-ctnr-title {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 700;
}
.member-mod-header {
    margin-bottom: 30px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    background-color: #f7f7f7;
}
.member-mod-header h3 {
    font-weight: 700;
}

/* order mod */
.order-mod {
    margin-bottom: 20px;
}
.order-table th,
.order-table td {
    padding: 5px 0;
    text-align: center;
}
.order-table caption {
    margin-bottom: 10px;
    padding-left: 10px;
    font-weight: 700;
}
.order-table thead {
    border-top: 1px solid #f0eeee;
    background: #fafafa;
}
.order-table .actions-item a {
    padding: 0 5px;
    color: #51b5e0;
    text-decoration: underline;
}
.order-table .order-num-item {
    width: 120px;
}
.order-table .status-item {
    width: 100px;
}
.order-table .actions-item {
    width: 150px;
    white-space: nowrap;
}
.lodger-group {
    margin-bottom: 30px;
}

/* order status */
.order-status .icon {
    width: 16px;
    height: 16px;
}
.status-confirm {
    color: #44b400;
}
.icon-order-confirm {
    background-position: -120px -388px;
}
.status-wait {
    color: #ff9d00;
}
.icon-order-waite {
    background-position: -100px -389px;
}
.status-fail {
    color: #9e2b16;
}
.icon-order-fail {
    background-position: -99px -410px;
}

/* user offer */
.user-offer-header {
    margin-bottom: 50px;
    padding: 20px 15px;
    background-color: #f7f7f7;
}
.user-offer-header .control-group {
    float: left;
    margin-right: 10px;
}
.user-offer-header .ui-label {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 700;
}
.user-offer-header .controls {
    float: left;
}
.user-offer-body {
    padding-bottom: 20px;
    width: 725px;
    overflow: hidden;
}
.user-offer-body li {
    float: left;
    margin-bottom: 40px;
    margin-right: 25px;
    padding: 10px;
    width: 203px;
    height: 288px;
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .04);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .04);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .04);
}
.user-offer-body li.last {
    margin-right: 0;
}
.user-offer-body .title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
}
.user-offer-body .pic {
    width: 203px;
    height: 115px;
    overflow: hidden;
}
.user-offer-body .desc {
    padding: 10px 0 15px;
}
.user-offer-body .date {
    margin-bottom: 10px;
}
.user-offer-body .date dt {
    font-weight: 700;
}
.user-offer-body .actions {
    text-align: right;
}

/* user message */
.user-message-notice {
    float: right;
}
.user-message-notice .icon {
    margin-right: 5px;
    width: 16px;
    height: 10px;
    vertical-align: middle;
    background-position: -160px -410px;
}
.user-message-notice a {
    color: #9e2b16;
}
.welcome-info {
    margin-bottom: 20px;
}
.welcome-info dt,
.user-message-notice-mod h2 {
    margin-bottom: 20px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
    font-weight: 700;
}
.welcome-info dd {
    margin-bottom: 5px;
}
.welcome-info .title {
    margin-right: 5px;
}
.user-message-notice-mod h2 {
    font-weight: 700;
}

.user-message-notice-mod .more-group {
    text-align: right;
}
.user-message ul {
    margin-bottom: 10px;
}
.user-message li {
    margin-bottom: 5px;
}
.user-message .date {
    float: right;
}

.message-actions {
    padding-top: 20px;
}

/**
 * Order information
 */
.order-info-header {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.order-info-header .ui-btn {
    float: right;
}
.order-info-header .btn-order-cancel {
    margin-left: 20px;
}
.order-info-header strong {
    font-size: 14px;
}
.order-info-header .order-number {
    margin-right: 80px;
}
.order-info-header .order-status {
    color: #2aa400;
}

/* order information module */
.order-info-mod-header {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
}
.order-info-mod-header h2 {
    font-size: 14px;
    font-weight: 700;
}
.order-info-mod-header .btn-moidfy {
    display: block;
    float: right;
    line-height: 40px;
}
.order-info-mod-body {
    padding: 10px;
}
.room-info-table,
.service-info-table,
.order-info-list .total-item {
    border-top: 1px solid #ddd;
}
.room-info-table th,
.room-info-table td,
.service-info-table th,
.service-info-table td {
    padding: 5px 0;
    width: 25%;
    text-align: center;
}
.room-info-table th,
.service-info-table th {
    font-weight: 700;
}
.room-info-table .first,
.service-info-table .first {
    text-align: left;
}
.room-info-table .last,
.service-info-table .last {
    text-align: right;
}
.order-info-list li {
    margin-bottom: 10px;
}
.order-info-list .total {
    padding: 10px 0 0;
}
.order-info-list dt,
.order-info-list strong {
    font-weight: 700;
}
.order-info-list dt {
    margin-bottom: 5px;
}

/**
 * UI dialog
 */

/* online payment dialog */
.pay-online-info strong {
    display: inline-block;
    margin-right: 5px;
    text-align: right;
}
.payment-type-list li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.payment-type-list a {
    display: block;
    width: 140px;
    height: 50px;
    text-indent: -99999em;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}
.payment-type-list .alipay-type-item a {
    background-position: 0 -890px;
}
.payment-type-list .unionpay-type-item a {
    background-position: 0 -960px;
}
.payment-type-list .paypal-type-item a {
    background-position: 0 -1030px;
}
.payment-type-list li a:hover {
    border-color: #9E2B16;
}

/* product time */
.business-hours {
    font-size: 12px;
}
.business-hours-title {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}
.business-hours .business-hours-ctnr {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    overflow: hidden;
    zoom: 1;
}

/* comment */
/* date 8.27 2014*/
.ds-clear:after {
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    content: ' ';
    clear: both;
}
.ds-clear {
    zoom: 1;
}
/* 设置内联, 减少浮动带来的bug */
.ds-left,
.ds-right {
    display: inline;
}
.ds-left {
    float: left;
}
.ds-right {
    float: right;
}
/* 慧评网评论列表 */
.comment-intro .ds-button {
    border: medium none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.ds-api-hotel-rating {
    border: 1px solid #ddd;
    padding: 13px;
    margin-bottom: 10px;
}
.ds-api-comment-item {
    margin-bottom: 10px;
    padding: 10px;
    background: none;
    border-bottom: 1px solid #ddd;
}
.ds-api-last-comment-item {
    border-bottom: 0 none;
}
.ds-api-impression {
    width: 168px;
    height: 60px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
}
.ds-api-impression-title {
    font-size: 14px;
    font-weight: 600;
}
.ds-api-impression-item {
    margin: 0 0 -12px 50px;
    width: 710px;
}
.ds-api-impression-item li {
    margin: 0 60px 12px 0;
    width: 115px;
    height: 22px;
    line-height: 22px;
    float: left;
    border: 1px solid #d7d7d7;
    background-color: #f6f6f6;
}
.ds-button-api-get-impression-item {
    width: 76px;
    vertical-align: inherit;
    text-align: center;
    color: #606060;
}
.ds-button-api-impression-current-item,
.ds-button-api-get-impression-item:hover {
    color: #cd313f;
}
.ds-api-get-comment {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}
.ds-api-get-comment-title {
    line-height: 30px;
    text-indent: 20px;
}
.ds-api-comment-item-info-title,
.ds-api-comment-item-info-content {
    display: inline-block;
}
.ds-comment-item-info,
.ds-api-comment-item-info {
    margin-bottom: 8px;
}
.ds-api-comment-item-info {
    color: #949494;
}
.ds-api-comment-item-info-content .bw_green {
    color: #3c0;
}

.ds-pagination {
    letter-spacing: -0.34em;
    padding-top: 10px;
    text-align: right;
    word-spacing: -0.43em;
}
.ds-pagination-count {
    color: #ccc;
    line-height: 20px;
}
.ds-pagination-page, .ds-pagination-count {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal;
}
.ds-api-comment-entrance {
    background: url(http://cdn.dossm.com/assets/images/dossm-pay/tmpl1/sprite.png) no-repeat 0 -490px;
    height: 66px;
    width: 197px;
}
.ds-api-comment-entrance .ds-api-comment {
    text-align: center;
}
.ds-api-comment-entrance a {
    display: block;
    margin-top: -5px;
    padding-right: 12px;
    text-align: right;
}
.ds-api-impression-star .ds-api-comment-score, 
.ds-api-comment-entrance .ds-api-comment-score {
    color: #fe3f04;
    font: 400 26px/42px arial;
    margin-left: 5px;
    vertical-align: baseline;
}
.ds-api-get-comment .ds-button-primary {
    background-color: #e2d2ab;
    color: #734229;
    font-weight: 700;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    min-width: 90px;
    padding: 0 5px;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.ds-api-get-comment .ds-button-primary:hover {
    background-color: #938b5d;
    color: #fff;
}

.ds-api-impression-item li {
    background-color: #f6f6f6;
    border: 1px solid #d7d7d7;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 60px 12px 0;
    width: 115px;
}
.ds-button-api-get-impression-item {
    color: #606060;
    text-align: center;
    vertical-align: inherit;
    width: 76px;
}

.ds-comment-sub-category {
    font-size: 0;
    margin-top: 10px;
}
.ds-comment-sub-category ul {
    margin-left: -10px;
}
.ds-comment-sub-category .ds-sub-category-item {
    background-color: #f6f6f6;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 5px 10px;
    padding: 3px 10px;
}
.ds-comment-sub-category .ds-sub-category-current-item, 
.ds-comment-sub-category .ds-sub-category-item:hover {
    background-color: #f6f8d1;
}