/* Reset
************************************/
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; margin: 0; padding: 0 }

body {
    font-size: 16px;
    background: #F6F7F1;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: Verdana,Arial,Georgia,sans-serif;
    color: #333;
    line-height: 1.5;
}

.container {
    text-align: left;
}

h1, h2, h3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

h1, h2, h3, h4, h5 {
    /*font-weight: bold;*/
}

p {
    /*line-height: 30px;*/
    margin: 0 0 20px;
}

table {
    width: 100%;
}

a, a:focus, a:hover { text-decoration: none; color: #333 }
a:hover { text-decoration: underline }

.mt-0 { margin-top: 0;  }
.mt-5 { margin-top: 5px;  }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }

.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-35 { margin-bottom: 35px }

.title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.view-container table {
    width: 100%;
    border: solid #bbb;
    border-width: 1px;
    margin-bottom: 15px;
}

.view-container table th, .view-container table td {
    padding: 8px 10px;
}

.blue { color: blue }

.content-part { padding: 30px 0 }
.content-part-white { background: #fff; padding: 30px 0 }

.breadcrumbs { margin: 20px 0 15px; color: #999; text-align: left }

.star-item {
    background: url(../images/star.png) no-repeat left center;
    padding-left: 25px;
}

.inlink_keywords, .page-view a {
    text-decoration: underline;
    color: #d67221;
}

.list-item {
    /*border-top: solid 1px #ddd;*/
    padding: 6px 0;
    line-height: 130%;
    list-style: inside square;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

header {
    background: #fff;
}

#logo {
    margin: 5px 0;
}

.navbar-inverse {
    background-color: #328AB6;
    border-color: #328AB6;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-nav>li:hover  {
    background-color: #459FCB;
    border-color: #459FCB;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    padding: 0;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #459FCB;
}

.navbar-nav>li>.dropdown-menu{
    background-color: #459FCB;
}
.navbar-nav>li>.dropdown-menu>li>a{
    color: #fff;
}
.navbar-nav>li>.dropdown-menu>li>a:focus,
.navbar-nav>li>.dropdown-menu>li>a:hover {
    background-color: #328AB6;
}

#nav {
    margin-bottom: 0;
    border-radius: 0;
}

.sub-nav li {
    display: inline;
    margin: 0 0 0 10px;
}
.sub-nav li .call {
    font-size: 16px;
}

#our-team > p, #our-team > div {
    text-align: center;
}

#our-team .sales {
    margin-top: 20px;
    margin-bottom: 50px;
}

footer {
    overflow: hidden;
    padding-top: 25px;
    background: url(../images/footer-top.png) center top repeat-x;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: #328AB6;
    color: #fff;
}

.nav-tabs>li {
    margin-right: 10px;
}

.nav-tabs>li>a {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.nav-tabs {
    border-bottom: 1px solid #ccc;
}


.img-item-1 { background: url("../images/tour_background/1.jpg") no-repeat;  }
.img-item-7 { background: url("../images/tour_background/7.jpg") no-repeat; }
.img-item-54 { background: url("../images/tour_background/54.jpg") no-repeat; }
.img-item-26 { background: url("../images/tour_background/26.jpg") no-repeat; }
.img-item-5 { background: url("../images/tour_background/5.jpg") no-repeat; }
.img-item-6 { background: url("../images/tour_background/6.jpg") no-repeat; }
.img-item-4 { background: url("../images/tour_background/4.jpg") no-repeat; }
.img-item-3 { background: url("../images/tour_background/3.jpg") no-repeat; }
.img-item-22 { background: url("../images/tour_background/22.jpg") no-repeat; }
.img-item-2 { background: url("../images/tour_background/2.jpg") no-repeat; }
.img-item-21 { background: url("../images/tour_background/21.jpg") no-repeat; }
.img-item-55 { background: url("../images/tour_background/55.jpg") no-repeat; }
.img-item-57 { background: url("../images/tour_background/57.jpg") no-repeat; }
.img-item-30 { background: url("../images/tour_background/30.jpg") no-repeat; }
.img-item-29 { background: url("../images/tour_background/29.jpg") no-repeat; }
.img-item-27 { background: url("../images/tour_background/27.jpg") no-repeat; }
.img-item-31 { background: url("../images/tour_background/31.jpg") no-repeat; }
.img-item-28 { background: url("../images/tour_background/28.jpg") no-repeat; }
.img-item-63 { background: url("../images/tour_background/63.jpg") no-repeat; }
.img-item-64 { background: url("../images/tour_background/64.jpg") no-repeat; }

.img-tour-item {
    background-size:cover;
    margin-bottom: 25px;
}

.img-tour-item .cont {
    padding: 25px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    min-height: 360px;
}

.img-tour-item a, .img-tour-item p, .img-tour-item h2, .img-tour-item h4 {
    color: #fff;
    /*-webkit-text-shadow: 2px 2px 5px rgba(0,0,0,.7);*/
    /*-moz-text-shadow: 2px 2px 5px rgba(0,0,0,.7);*/
    /*text-shadow: 2px 2px 5px rgba(0,0,0,.7);*/
    text-decoration: none;
}

.tour-big-cover {
    background-size:cover;
    color: #fff;
    padding: 25px;
    margin-bottom: 25px;
    min-height: 360px;
}

.photo-item img {
    width: 100%;
    height: 260px;
}

#pager {

}

.media-box {
    position: relative;
}
.media-box .media-title {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(0,0,0,0.3);
    padding: 5px 10px;
    width: 100%;
}

#Rooms_amenities li {
    display: block;
    float: left;
    width: 48%;
    background: url(../images/ico_dot.gif) no-repeat 0 8px;
    padding-left: 10px;
    margin: 3px 0;
}

#Rooms_amenities .row {
    background: #E2EEFC;
    margin-bottom: 10px;
}

#Rooms_amenities .title {
    text-align: center;
    color: #5789AC;
    font-weight: normal;
}

#Rooms_amenities .body {
    background: #EDF6FF;
}

.errorMessage {
    color: red;
}

.photo-wrap {
    background-color: #323130;
    padding: 40px 20px;
}

.photo-wrap .cur-photo img, .photo-wrap .thumbs img {
    width: 100%;
    max-height: 100%;
    _width: 100%;
}

.photo-wrap .thumbs img {
    border-color: #323130;
    border-width: 3px;
    border-style: solid;
}

.photo-wrap .thumbs .cur img {
    border-color: #DF4A25 #D0431F #C03D1C;
}

#itinerary { position: relative; text-align: left; margin-top: 30px }
#itinerary ul li {
    padding: 0 0 30px 0;
    width: 100%;
    display: block;
    overflow: hidden;
    zoom: 1;
}
#itinerary .itr-title { background: #ececec; position: relative; margin-bottom: 15px; padding: 10px 0 10px 100px }
#itinerary .itr-title span {
    position: absolute;
    height: 50px;
    width: 85px;
    line-height: 50px;
    text-align: center;
    background: #F1AB29;
    color: #FFF;
    font-size: 16px;
    left: 0;
    top: 0;
}
#itinerary .itr-title strong {
    position: relative;
    top: -1px;
    vertical-align: top;
    line-height: 30px;
    padding-top: 0;
    /*border-bottom: 1px solid #dfdfdf;*/
    /*border-top: 1px solid #dfdfdf;*/
    /*border-right: 1px solid #dfdfdf;*/
    font-weight: bold;
    font-size: 20px;
}
#itinerary img { width: 100%;  }
#itinerary .activity { color: #d67221 }

.price-detail {  padding:0;  }
.price-detail h4 { font-size: 20px; margin: 25px 0 10px; font-weight: bold }
.price-detail dl {  }
.price-detail dl dt { background: url('../images/tick-icon.png') no-repeat left 12px; padding: 10px 0 0 30px; font-weight: bold; font-size: 18px; margin: 15px 0 10px }
.price-detail dl dd { padding-left: 30px; line-height: 1.6; color: #555 }

.price-detail.exclude {  }
.price-detail.exclude dl dt { background: url('../images/button_cancel.png') no-repeat left 12px; }

.enquiry-btn {
    padding: 10px 25px;
    font-size: 22px;
}

#carousel-index .tripadvisor-img {
    position:absolute;
    right: 30px;
    top:30px;
    z-index: 999
}


.site-share { float: right; position: fixed; bottom: 20%; right: 0; z-index: 10000; width: 56px; background-color:#fff; }
.site-share .xbyx_share span{ background: url(../images/widget32x32.icon.png) no-repeat left }
.site-share .xbyx_share.at-svc-facebook { background: #305891; }
.site-share .xbyx_share.at-svc-pinterest_share { background: #c82828; }
.site-share .xbyx_share.at-svc-google_plusone_share, a.at-svc-google_plusone { background: #ce4d39; }
.site-share .xbyx_share.at-svc-twitter { background: #2ca8d2; }
.site-share .xbyx_share span.at15t_twitter { background-position: 0 -192px }
.site-share .xbyx_share span.at15t_facebook { background-position: 0 -32px }
.site-share .xbyx_share span.at15t_google_plusone{ background-position: 0 0px }
.site-share .xbyx_share span.at15t_pinterest,span.at15t_pinterest{ background-position: 0 -160px }
.site-share{ border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding:5px; box-shadow:-1px 0px 4px #ddd; border-radius:5px;}
#xbyx_share_icon a.xbyx_share span { display: block; width: 32px; height: 32px; overflow: hidden; line-height: 32px; cursor: pointer; position: relative; background-repeat: no-repeat; border: none; padding: 0; margin: 0 auto; overflow: hidden; text-indent: -9999em }
.site-share a.xbyx_share { position: relative; display: block; width: 44px; line-height: 44px; margin: 0; padding: 6px 0; outline: none; text-align: center; text-indent: -9999em; float: right; -webkit-transition: width .15s ease-in-out; -moz-transition: width .15s ease-in-out; -ms-transition: width .15s ease-in-out; -o-transition: width .15s ease-in-out; transition: width .15s ease-in-out; overflow: hidden; background: #e8e8e8; z-index: 100030; cursor: pointer; border-radius:4px; margin-bottom:2px;}
.site-share a.xbyx_share:hover { width:64px;}

#xbyx_share_count{ text-align:center; color:#3c3c3c; font-family:"Times New Roman", Times, serif; font-weight:bold;}
#xbyx_share_count span{ olor:#903;}


/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
    .photo-wrap .thumbs img {
        height:100px;
    }

    .img-cover {
        height:160px;
    }


}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    .navbar-nav {
        margin: 0;
    }

    #our-team > p, #our-team > div {
        text-align: left;
    }

    .content-view img {
        max-width: 100% !important;
    }

    .photo-wrap .thumbs img {
        height:50px;
    }

    .img-cover {
        height:80px;
    }


}