You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
192 lines
12 KiB
CSS
192 lines
12 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
#header {
|
|
position: fixed !important;
|
|
z-index: 9999 !important;
|
|
width: 100% !important;
|
|
}
|
|
.resolveFixed { padding-top:110px;}
|
|
.pageBanner { position:relative; margin-bottom: 20px}
|
|
.pageBanner .pageTitle { position:absolute; width:100%; text-align:center; color:#fff; font-size:38px; letter-spacing:2px; text-shadow:4px 4px 6px #000; font-weight: 300; height: 60px; top:calc(50% - 30px)}
|
|
h1 { border-bottom: none; display: block; text-align: center; margin: 40px 0 45px; }
|
|
h2 { display: block; text-align: center; font-size: 26px; margin: 30px 0 30px; clear: both; font-weight: 300; }
|
|
.whatsAH { margin-bottom: 65px}
|
|
.asiaMap img { height:390px; width: 500px; margin-top: 30px}
|
|
.introText {font-size: 15px;}
|
|
.mostReadh2 { margin-top:65px}
|
|
.AHfeature {width: 500px;}
|
|
.circleBackground { border-radius: 100%; background-color:#e7e8ea; width: 90%}
|
|
.featureItems { font-size: 16px;font-weight:300;margin-top: 10px; margin-left: -20px}
|
|
.featureIcon { margin-top: 10px; margin-left: -15px; padding: 7px}
|
|
.tourPic {width: 40%;}
|
|
.itineraries {font-size:14px; margin-top:10px}
|
|
.itineraryTitle {font-size:22px; font-style: italic;font-weight:300;text-align:center;margin-top: 10px;}
|
|
.wideTourPic { display:block; position:relative}
|
|
.wideTourPic img {height:355px}
|
|
.picText {color:#FFF; font-size: 18px; position: absolute; text-shadow:4px 4px 4px #000; bottom:0px; width: 100%; padding:10px 5px 15px 10px;position:absolute;background: #000;
|
|
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
|
|
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/
|
|
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opear */
|
|
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/;}
|
|
.wideTourInfo {padding-right:10px; display:block}
|
|
.tourHighlights {margin-top:15px}
|
|
.tourHighlights ul li {background:url(https://data.chinahighlights.com/pic/square-red.gif) no-repeat left 7px; background-size:6px; padding-left:20px; line-height:20px; margin-bottom:10px; font-size:14px}
|
|
.narrowTourPic{ position: relative;}
|
|
.narrowTourBlock {display:block; position:relative; border:1px solid #d1d1d1;border-radius:4px 4px 4px 4px;height:355px }
|
|
.narrowTourInfo { padding:0 15px 0 15px}
|
|
.tourBlock { display: block; margin-bottom:30px; position:relative; border: 1px solid #d1d1d1; padding-left:0; border-radius:4px 4px 4px 4px; height:355px }
|
|
.tourBlock .recommendedIcon { background:url(https://data.chinahighlights.com/pic/recommended-icon-oppsite.png) no-repeat; display: block; width:101px; height:63px; position:absolute; top:0}
|
|
.tourBlock img { border-radius: 4px 0 0 4px; width:100% }
|
|
.tourBlock .tourInfo { border-radius: 0 0 4px 4px; display: block; padding: 10px; color:#FFF; }
|
|
.tourBlock .viewMore { background: #a31022; display: block; text-align: center; width: 120px; margin: 15px auto; border-radius: 4px; }
|
|
.tourBlock .viewMore a { text-decoration: none; color: #fff; display:block; padding:6px }
|
|
.tourBlock .viewMore .fa { margin-left: 5px; font-size: 135%;}
|
|
.tourBlock .tourInfo { height:205px;}
|
|
.tourBlock h3 { font-size: 16px; display: block; margin: 10px 0 15px; }
|
|
.tourBlock p { font-size: 14px; margin-top:20px}
|
|
.narrowTourBlock .viewMore { background: #a31022; display: block; text-align: center; width: 120px; margin: 15px auto; border-radius: 4px; padding: 6px 0; }
|
|
.narrowTourBlock .viewMore a { text-decoration: none; color: #fff; display: block;}
|
|
.narrowTourBlock .viewMore .fa { margin-left: 5px; font-size: 135%; }
|
|
.narrowITtitle { font-size:18px; font-style: italic; font-weight: 300; margin:15px 0 8px 0;}
|
|
.narrowTourBlock .viewMore:hover { width: 100%}
|
|
.tourBlock .viewMore:hover { width: 100%}
|
|
.narrowTourBlock p { font-size:14px; }
|
|
.asiaDestination {position: relative; height:400px;margin-bottom: 30px}
|
|
.asiaDestination img { height:100%; border-radius:4px}
|
|
.asiaDestination img:hover {border-radius: 20px}
|
|
.asiaMidDestination { position: relative; height:195px}
|
|
.asiaMidDestination img {width: 100%; height:100%; border-radius: 4px}
|
|
.asiaMidDestination img:hover {border-radius: 20px}
|
|
.asiaMidDestination:last-child {margin-top: 10px}
|
|
.destinationText {font-size: 24px; font-weight: 300; position: absolute; color:#FFF; text-shadow:4px 4px 6px #000; top:50%;left:32% }
|
|
.destinationText2 {font-size: 24px; font-weight: 300; position: absolute; color:#FFF; text-shadow:4px 4px 6px #000; top:43%;left:42% }
|
|
.asiaDestinationBlock {margin-bottom: 15px}
|
|
.articleColumn {margin-bottom: 20px}
|
|
#customerReview {background: #f1f1f1; margin-top:50px}
|
|
.customerPhoto { width:90%; border-radius:4px;transform: rotate(-5deg);padding: 5px;box-shadow: 2px 2px 5px #999;float:right; }
|
|
.reviewContainer { padding:1px 15px 60px 15px; margin:auto;border-radius:4px;border:1px solid #f1f1f1}
|
|
.tmContainer { width:680px}
|
|
.selectDestination {width:620px;background:#FFF;padding:8px 5px 8px 20px;border-radius:4px;}
|
|
.inputName {width: 620px; margin-top:15px}
|
|
.specialNeed { width:620px; margin-top: 15px}
|
|
.specialNeed textarea {width:100%; border-radius: 4px;height:80px; padding:10px}
|
|
.submitbutton { width:620px;}
|
|
.formBlock { position:relative; margin-left: 10px}
|
|
.articleLists { position: relative;}
|
|
.articleLists img {border-radius:4px;}
|
|
.articleLists img:hover {filter:blur(1px)}
|
|
.articleLists .col-md-6 {padding-right: 2px;padding-left: 2px}
|
|
.articleLists row {margin-right: -2px;margin-left: -2px}
|
|
.articleText { position: absolute; font-size: 22px; font-weight: 300;bottom:0px; padding:10px 10px 10px 15px;text-shadow:4px 4px 6px #000; color:#FFF;
|
|
border-radius: 0 0 4px 4px;
|
|
background: #000;
|
|
background: #000;
|
|
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
|
|
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*FireFox*/
|
|
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opear */
|
|
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/;margin-right:2px}
|
|
.articleText:hover{font-weight: 400}
|
|
/* tailor made */
|
|
#tailor-make { background-image:url(//data.chinahighlights.com/image/asia/footBackPic.jpg); display: block; padding: 0px 0 50px; margin-bottom:-20px; background-size: 110%; padding-top:20px}
|
|
.tailorMake .tailorTitle { display: block; font-size:30px; text-transform: uppercase; margin:0 0 25px; text-align:center; color:#777}
|
|
.itemTitle { display: block; font-size:14px; color:#999; margin-bottom:5px; text-align:right; padding-right:15px; text-transform: uppercase;}
|
|
/* added by Mercier 20161110 */
|
|
.moreTours { width:350px; display: block; background:#FFF; text-align:center; border-radius:4px; margin:35px auto; border:1px solid #a31022}
|
|
.moreTours .fa { font-size:125%; margin-left:3px;}
|
|
.moreTours a { color:#a31022; text-decoration:none; font-size:16px; display:block; padding:10px;}
|
|
.moreTours:hover {background: #a31022;}
|
|
.moreTours a:hover {color: #FFF}
|
|
h3 {font-size:18px;margin:7px 0 10px 15px;font-weight:300;}
|
|
.quoting {background:url(https://www.asiahighlights.com/pic/quote-left-s.png) no-repeat left top;display: block;width: 90%;padding-left: 30px;}
|
|
.quotingEnd {background: url(https://www.asiahighlights.com//pic/quote-right-s.png) no-repeat right bottom;padding-right:20px }
|
|
.customerName{color: #999;margin-left: 30px}
|
|
.moreReviews{float: right;margin:20px 0 20px 0}
|
|
.moreReviews i{margin-left: 5px;vertical-align: middle;font-size: 18px;}
|
|
@media(max-width:750px){
|
|
.itemTitle { text-align: left !important;}
|
|
}
|
|
.tailorMake .selectCountry { margin-bottom:15px; display: block;}
|
|
.tailorMake label { display:inline-block; width:108px; margin-bottom:10px; color:#666; font-size:15px; font-weight: normal;line-height:1.5em;}
|
|
.tailorMake input[type="checkbox"] { vertical-align: middle; margin: -3px 5px 0 0;}
|
|
.tailorMake input[type="text"] { display: block; width:100%; border:1px solid #999; border-radius:4px; padding:8px 10px; margin-bottom:15px; font-size:14px;}
|
|
.tailorMake input[type="text"]:focus, textarea:focus, select:focus { border-color:#a31022;}
|
|
.tailorMake select { display: block; width:100%; border:1px solid #999; border-radius:4px; padding:9px 10px; margin-bottom:15px; font-size:14px;
|
|
-moz-appearance: none;
|
|
font-size: 14px;
|
|
}
|
|
.tailorMake select option { margin-bottom:5px; padding-left: 14px;}
|
|
.tailorMake textarea { display: block; width:100%; height:80px; border:1px solid #999; border-radius:4px; padding:8px 10px; margin-bottom:15px; font-size:14px;}
|
|
.submitbutton input[type="submit"] { background:#a31022; width:295px; border-radius:4px; padding:10px; text-align:center; border: none; color:#fff; font-size:16px; float: right}
|
|
.submitbutton input[type="submit"]:hover {border-radius: 100px}
|
|
.leaderName { color:#000; display: block; margin-bottom:15px; font-size:18px;}
|
|
.leaderTitle { display: block; color:#999; font-size:15px; margin-bottom:15px;}
|
|
.quoteEnd { background:url(/image/asia/quote-right.png) no-repeat; display: inline-block; width:15px; height:10px; margin-left:10px;}
|
|
@media (max-width:750px) {
|
|
.pageBanner .pageTitle { font-size:22px !important; top:40px !important}
|
|
.pageBanner{margin-bottom: 0}
|
|
#wrapper {width:100%}
|
|
.items { margin-left: 0px; margin-right:0px}
|
|
.resolveFixed {padding-top:0}
|
|
.asiaMap img {width:90%; height: auto; margin:auto; margin-top: 20px}
|
|
h2{ font-size: 22px}
|
|
.AHfeature {width:100%}
|
|
.featureItems { font-size:16px}
|
|
.whatsAH {margin-bottom: 0}
|
|
.narrowTourBlock {margin-top: 10px; height:auto}
|
|
.narrowTourBlock img {width: 100%}
|
|
.moreTours {margin:20px auto 0px auto}
|
|
.asiaDestination img {width:100%}
|
|
.asiaDestination {margin-bottom:10px}
|
|
.asiaMidDestination:last-child {margin-bottom:10px}
|
|
.asiaMidDestination {height:auto}
|
|
.mostReadh {margin-top: 30px}
|
|
.articleLists img {width:100%}
|
|
.articleText {font-size: 18px;}
|
|
.article1 {margin-right: -7.5px}
|
|
.article2 {margin-left: -7.5px}
|
|
.article3 {margin-right: -7.5px; margin-top: 15px}
|
|
.article4 {margin-left: -7.5px; margin-top: 15px}
|
|
.reviewContainer{width: 100%}
|
|
.customerPhoto {width:100%}
|
|
.reviewBlock:last-child {margin-top: 25px}
|
|
.tmContainer {width: 100%}
|
|
.selectDestination {width: 100%}
|
|
.specialNeed {width:100%;}
|
|
.inputName {width:100%}
|
|
.submitbutton {width:100%}
|
|
#tailor-make {background-size: auto}
|
|
.wideTourPic { margin-right:-15px; margin-left: -15px }
|
|
.tourBlock {height:auto}
|
|
.tourBlock img {border-radius:4px 4px 0 0 }
|
|
.tailorMake label {font-size:14px}
|
|
|
|
|
|
|
|
/* home ad */
|
|
.homeAd { width:1170px; display: block; position:absolute; bottom:100px;}
|
|
.homeAd .workshop { display: block; width:230px; height:230px; border:5px solid #fff; position:absolute; bottom:-50px; left:calc(50% - 115px); text-align:center; padding-top:65px; background: rgba(0,0,0,.3)}
|
|
.homeAd .workshop:hover { background: rgba(0,0,0,.6)}
|
|
.homeAd .workshop a { display: block; z-index:9999; height:100%; text-decoration: none; font-size:30px; font-size:18px; font-weight: 800; color:#fff;}
|
|
.homeAd .workshop .workshopName { border-bottom:3px solid #fff; display:inline-block; margin-bottom:20px; padding-bottom:20px; text-transform: uppercase; font-weight:600;}
|
|
.homeAd .workshop .seeMore { display: block; font-size:22px; letter-spacing:0.1em; text-transform: uppercase;}
|
|
@media(max-width:760px) {
|
|
.homeAd { display: none !important;}
|
|
#wrapper {width:100%}
|
|
}
|
|
|
|
|
|
|
|
|
|
/* destinations */
|
|
.destinations { display: block; margin:0 0 50px; position:relative;}
|
|
.destinations a { text-decoration: none;}
|
|
.destinations img { border-radius:4px; width:100%;}
|
|
|
|
.destinations .countryName { display: block; position:absolute; left:15px; bottom:15px; color:#fff; font-size:18px;}
|
|
.destinations .focusTag { background:#a31022; width:50px; text-align:center; color:#fff; border-radius:6px; position:absolute; left:15px; top:15px; padding:3px 5px;}
|
|
|
|
|
|
/* footer free cancelation */
|
|
#footer { margin-top:0 !important;}
|
|
.footerPromo { display: none !important}
|