@charset "utf-8";
.photoTop { display: block; margin-bottom: 0; position:relative; }
@media(min-width:1024px){
.photoTop img { max-width: 100%;}
}
@media(min-width:1350px) {
.photoTop img { width:100%;}
}
h2 {  font-size:30px!important; margin-bottom:30px !important;}
.photoTop .bgYear { display: block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.4);}
.photoTop .bgYear h1 { display: block; text-align:center; font-size:60px; font-weight:500; color:#fff; vertical-align: middle; letter-spacing:0.05em; text-shadow:3px 3px 3px #000; border-bottom: none; height:100px; position:absolute; top:calc(50% - 50px); width:100%;} 
.pageStarts { padding: 30px 0 50px; display: block; }
.pageStarts h2 { margin-top:60px; text-align: center; font-weight: 300;}
.destinations { display: block; padding:20px 0 40px;}
.destinations ul { margin:35px 0 0;}
.destinations li { font-size:16px; margin-bottom:40px;}
.destinations li em { font-size:16px; font-style: normal;}
.destinations li strong { margin-right: 10px; color:#777;}
.bestTime {  padding: 50px 0; display: block; }
.bestTime h2 { font-size: 28px; margin: 0 0 25px; }
.bestTime h3 { font-size: 20px; display: block; margin: 25px 0 15px; }
.bestTime ul { margin: 0 0 25px 15px; }
.bestTime ul li { line-height: 30px; margin-bottom: 5px; background: url(https://data.chinahighlights.com/pic/square-gray-8x8.png) no-repeat left; padding-left: 25px; font-size:16px; }
.travelStyle { margin-top:25px; margin-bottom:-20px; padding: 30px 0;background:url(/pic/white-arrow-gray-bg.png) no-repeat center -15px #d9d9d9}
.travelStyle h2 { font-size: 28px; text-align: center; }
.travelStyle h3 { font-size: 20px; display: block; margin: 15px 0 20px; border-left:18px solid #a31022; padding:0 0 2px 10px; line-height:16px; font-family:'Open Sans', sans-serif; }
.travelStyle p { text-align:justify}
.groupTravel { padding: 0 10px 20px; }
.recommendTours { padding: 30px 0; background:#f1f1f1;}
.recommendTours img { border-radius: 4px 4px 0 0; width: 100%; }
.recommendTours h2, .destinations h2, .bestTime h2 { font-size: 28px; text-align: center;     text-align: center;
    font-weight: 300;
    margin-top: 50px;}
    @media(max-width:750px) {
        .experienceimg { display: block !important;}
        .photoTop .bgYear h1 {font-size: 30px;
            line-height: 30px;}
    }  
@media(min-width:1400px) {
.recommendTours { padding-bottom:40px;}

.recommendTours .row { margin-left:-30px; margin-right:-30px;}
.recommendTours .col-md-8 { padding-left:15px; padding-right:15px;}
.recommendTours .tourPackage { padding:15px 30px 30px !important;}
}
.tourPackage { background: #fff none repeat scroll 0 0; border-radius: 0 0 6px 6px; margin-bottom: 25px; padding: 15px; border-top: none; }
.tourPackage h3 { font-size: 20px;  margin: 20px 0 10px;}
.tourPackage .destinations { color: #777; display: block; height: 40px; margin: 10px 0; }
.tourPackage .viewDetail { background: #a31022 none repeat scroll 0 0; border-radius: 4px; display: block; margin: 10px 0; text-align: center; }
.tourPackage .viewDetail a { color: #fff; font-size: 15px; text-decoration: none; display: block; padding: 6px 0 8px; }
.tourPackage .viewDetail .fa { margin-left:10px; font-size:120%;}

.crumbNav { display:inline-block; float: right; text-align:right; font-size:15px; color:#a31022;}
.crumbNav a { text-decoration: none; padding: 2px 8px 4px 0; color: #444 }
.crumbNav a:after { content:"›"; margin-left:5px; font-size:16px;}
.crumbNav a:hover { color: #a31022; text-decoration: none }
.tailorLast { display: block; margin:25px 0; font-size:25px; font-family: 'Open Sans', sans-serif; line-height:40px; text-align:center; color:#333; font-weight:300;}
.tailorLast span { text-align:center; font-size:20px; width:250px; margin:30px auto 10px; display: block; border-radius:6px; border:2px solid #a31022; font-weight:400;}
.tailorLast span a { color:#a31022; text-decoration: none; display: block; padding:1px 10px;}
.tailorLast span .fa { font-size:120%; margin-left:15px;}
.dayStay { border-top:1px dashed #d1d1d1; margin-top:25px; padding-top:25px;}
/* more info */
.moreInfo { display: block; margin:40px 0 10px; border-top:1px solid #d1d1d1; padding-top:35px;}
.moreInfo h2 { font-size:20px!important; text-align: left; color:#333;}
.newExperience img { border-radius:50%; position:absolute; top:-50px; left:calc(50% - 50px);}
.newExperience .tryNew { display: block; font-family: 'Open Sans', sans-serif;font-size:16px; font-weight:300; line-height:25px; margin:55px 0 15px; border:1px solid #fff; background:#fff; border-radius:6px; position:relative; height:175px; padding:65px 15px 15px;}
.newYearPhoto { display: block; width:360px; float: right; margin:10px 0 15px 30px;}
.newYearPhoto img { border-radius:4px;}
.guideChange { display: block; margin:50px 0; padding:30px 0; font-size:25px; font-weight:300; background:url(/pic/quotation-left.png) no-repeat left 25px; padding-left: 50px; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.guideChange span { display: block; margin-top:30px;}
.guideChange span a { color:#a31022;}
.pageReview { display: block; margin:25px 0 10px; font-size:18px; font-weight:300; background:url(/pic/quote-left.png) no-repeat left top; padding-left: 40px; text-align:center; font-style: italic}
.pageReview .byWho { display: block; font-size:16px; margin-top:15px; color:#999; background:url(/pic/quote-right.png) no-repeat right bottom;}
.photoRight { display: block; float: right; margin:0 0 20px 50px; text-align:center; font-style: italic; font-size:16px; color:#777}
.photoRight img { margin-bottom:15px;}
.beijingindextour {
    margin-bottom: 40px;
}
.gltour {
    position: relative;
    z-index: 10;
}
.gltour img {
    border-radius: 4px 4px 0 0;
}
.tourdays {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.72);
    width: 100%;
    padding: 7px 20px;
    font-weight: 300;
}
.date {
    margin-right: 30px;
    color: #fff; 
}
.date .fa {
    margin-right: 10px;
    color: #fff;
}
.pricedollar {
    float: right;
    font-style: italic;
    color: #fff;
    font-size: 18px;
}
.pricedollar .fa {
    color: #fff;
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
}
.TourIndexTitle {
    border: 1px solid #cbcbcb;
    border-top: none;
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 0 0 4px 4px;
    background: #fff;
    display: inline-block;
    width: 100%;
}
.beijingtourname {
    font-size: 22px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    margin-top: 5px;
    height: 60px;
}
.beijingtourname a {
    text-decoration: none;
    color: #000;
}
.tourIndexHighlights li {
    line-height: 20px;
    margin-bottom: 15px;
    background: url(/pic/gray-dot.png) no-repeat left 5px;
    padding-left: 25px;
    font-size: 16px;
    color: #777;
}
.beijingviewmore {
    font-size: 16px;
    color: #a31022;
    text-align: center;
    display: block;
    border: 1px solid #a31022;
    border-radius: 4px;
    width: 55%;
    margin: 20px auto;
}
.TourIndexTitle .beijingviewmore>a {
    color: #a31022;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 0;
    display: block;
}
.beijingviewmore .fa {
    margin-left: 15px;
}
.experienceimg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.experience {
    float: left;
    position: relative;
    padding-right: 2px;
}
.beijingexperienceinfo {
    position: absolute;
    bottom: 0;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    width: calc(100% - 2px);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: auto;
    padding: 10px 15px;
}
.experiencename {
    font-size: 24px;
    display: block;
    margin-bottom: 0px;
    font-weight: 300;
    font-style: italic;
}
.experiencesub {
    display: block;
    font-size: 16px;
    font-weight: 300;
}
.highlightsmore {
    float: right;
    padding: 3px 5px;
    font-size: 16px;
    display: block;
    font-weight: 300;
}
.highlightsmore a {
    color: #fff;
    text-decoration: none;
}
.experiencelast {
    float: left;
    position: relative;
    padding-right: 0;
}
img.articlepic { border-radius:4px;}
.articletitle {     font-size: 17px;
    color: #000;
    margin-top: 15px;
    display: block;margin-bottom: 80px;}
    .articletitle a { color: #000; text-decoration: none;}.
    .articletitle a:hover {
        color: #a31022;
    }
p.textcenter { text-align: center;}