#content .content_left .date{
    float:left;
    display:inline-block;
    background:url("/website/static/images/date_b.png") 0 0 no-repeat;
    width:44px;
    height:33px;
    text-align:center;
    margin:5px 0;
    margin-bottom:0;
    margin-left:10px;
    color:#666666;
    font-size:20px;
    padding-top:9px;
    font-weight:bold;
    line-height:11px;
    font-family:"Arial";
}
#content .content_left .date span{
    font-size:11px;
    font-weight:normal;
}
#content .content_left h2{
    color: #8e7c4a;
    font-size:24px;
    margin:13px 10px;
    font-weight:normal;
    border-right:2px solid #40332D;
    padding-right:15px;
    line-height:21px;
}
#content .content_left .phone{
    font-size:16px;
    color:#8e7c4a;
    padding:12px 0;
    padding-left:35px;
    background:url(/website/static/images/iconimg_servicephone.png) left center no-repeat;
}

.Introduction_tab{
    clear:both;
    position:relative;
    margin:7px 0;
    padding:10px 0;
    border-top:1px dotted #DFD3C1;
    display:inline-block;
    width:100%;
}
.Introduction_tab .tabs{
    position:absolute;
    top:-42px;
    left:194px;
}
.Introduction_tab .tabs li{
    display:inline;
    margin-right:12px;
}
.Introduction_tab .tabs li a{
    font-size:14px;
    color:#4D433B;
    padding-right:9px;
}
.Introduction_tab .tabs li.active a{
    font-weight:bold;
    background:url(/website/static/images/arrowimg_submenu_down_d.png) right center no-repeat;
}
.Introduction_tab .tab_container .tab_content{
    font-size:14px;
    color:#757575;
    line-height:22px;
}


/* Elastislide Style */
#rg-gallery{
    width: 100%;
    margin:25px auto;
    position:relative;
}
#rg-gallery .rooms_title{
    position:absolute;
    left:10px;
    bottom:40px;
    z-index:9999;
    width:540px;
    height:45px;
    background:url(/website/static/images/shadowimg_gallery.png) 0 0 no-repeat;
    font-size:20px;
    color:#4B3F3A;
    padding:9px 20px;
}
#rg-gallery .rooms_title span.price{
    font-size:14px;
}

#rg-gallery-imges {
    position: relative;
    padding:10px;
    box-shadow: 0 0 5px #F2F2F2;
}

.es-carousel-wrapper{
    padding:20px 27px;
    position:relative;
    margin-bottom:20px;
    width:100%;
}
.es-carousel{
    overflow:hidden;
    height:67px;
    width: 545px;
}
.es-carousel ul{
    display:none;
    padding-left:0;
}
.es-carousel ul li{
    height:67px;
    width:100px;
    float:left;
    display:block;
    margin-right:20px;
}
.es-carousel ul li a{
    display:block;
    border-style:solid;
    border-color:#EEEEEE;
    opacity:0.5;
    -webkit-touch-callout:none;
    /* option */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    height:67px;
    width:100px;
}
.es-carousel ul li.selected a{
    border-color:#efefef;
    opacity:1.0;
}
.es-carousel ul li a img{
    display:block;
    border:none;
    height:67px;
    width:100px;
}
.es-nav span{
    position:absolute;
    top:50%;
    left:5px;

    width:24px;
    height:24px;
    margin-top:-13px;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.5;
}
.es-nav span.es-nav-prev{
    background:transparent url(/website/static/images/pic_arrow_l.png) no-repeat 0 0;
}
.es-nav span.es-nav-next{
    right:5px;
    left:auto;
    background:transparent url(/website/static/images/pic_arrow_r.png) no-repeat 0 0;
}
.es-nav span:hover{
    opacity:1.0;
}

.rg-image-wrapper{
    position:relative;
    min-height:20px;
}
#content .rg-image-wrapper .title {
    position: absolute;
    left: 0;
    bottom: 9%;
    max-width: 100%;
    background-color: rgba(255, 255, 255, .7);
    color: #3C3C3C;
    z-index: 1;
    margin: 0;
    line-height: 40px;
    font-size: 24px;
    padding: 0 15px;
    border: none;
    display: none;
}
#content .rg-image-wrapper .title.show {
    display: block;
}

.rg-image{
    position:relative;
    text-align:center;
    line-height:0px;
}
.rg-image img{
    height:387px;
    width:580px;
}

/*.rg-loading{*/
/*    width:46px;*/
/*    height:46px;*/
/*    position:absolute;*/
/*    top:50%;*/
/*    left:50%;*/
/*    background:#000 url(/website/static/images/fancybox_loading.gif) no-repeat center center;*/
/*    margin:-23px 0px 0px -23px;*/
/*    z-index:100;*/
/*    -moz-border-radius: 10px;*/
/*    -webkit-border-radius: 10px;*/
/*    border-radius: 10px;*/
/*    opacity:0.7;*/
/*}*/

@media (min-width: 768px) {
    .rg-image img {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 991px) {
    #rg-gallery {
        width: 620px;
        margin-bottom: 0;
    }

    .es-carousel-wrapper {
        margin-bottom: 0;
    }

    .es-carousel {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #rg-gallery{
        width:100%;
        max-width: 620px;
    }
    .rg-image-wrapper{
        width:100%;
    }
    .rg-image img {
        height: auto;
        width: 100%;
    }
    #rg-gallery .rooms_title {
        left: 10px;
        font-size: 14px;
        padding: 14px 8px;
    }
    .Introduction_tab .tabs{
        position:relative;
        left:0;
        top:0;
        margin:15px 0;
        margin-bottom: 25px;
    }
    .Introduction_tab .tabs span{
        padding:0;
    }
    .Introduction_tab .tabs li{
        padding:5px 10px;
        margin:0;
    }
    .Introduction_tab .tabs li.active{
        background:#DBDBDB;
        border-bottom:none;
        padding:5px 10px;
        color:#000;
    }
    .Introduction_tab .tabs li.active a{
        background-image:none;
        padding-right:0;
    }
    #content .content_left h2{
        border-right:none;
        margin: 13px 0;
        padding: 0;
    }
    #content .content_left .phone{
        font-size:14px;
        padding-top:16px;
    }
    #rg-gallery .rooms_title{
        width:100%;
    }
}

@media screen and (max-width: 480px) {
    #content .rg-image-wrapper .title {
        font-size: 18px;
    }
}

@media screen and (max-width: 375px) {
    #rg-gallery .rooms_title {
        bottom: 20px;
    }
}