Haina
/
asiahighlights.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

资源调用加上了二级域名，用CDN分发

Browse Source
master
尹诚诚 7 years ago
parent 5f47977c75
commit 6a2913ee15
21 changed files with 277 additions and 299 deletions
Show Stats Download Patch File Download Diff File

24
css/about.css
Unescape Escape View File

@ -1,7 +1,7 @@
@charset "utf-8"; @charset "utf-8";
/* CSS Document */ /* CSS Document */
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0 50px !important; color: #333; } h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0 50px !important; color: #333; }
.whatWeDo { background: #f1f1f1; padding: 50px 0; } .whatWeDo { background: #f1f1f1; padding: 50px 0; }
.whatWeDo .container > p { text-align: center !important; margin-bottom: 50px; } .whatWeDo .container > p { text-align: center !important; margin-bottom: 50px; }
@ -10,9 +10,9 @@ h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0
.ourValue { padding: 50px 0; } .ourValue { padding: 50px 0; }
.ourValue .container > p { text-align: center !important; margin-bottom: 50px; } .ourValue .container > p { text-align: center !important; margin-bottom: 50px; }
.ourValue .col-md-12 p { font-size: 18px; } .ourValue .col-md-12 p { font-size: 18px; }
.ourValue ul li { line-height: 22px; margin-bottom: 15px; font-size: 14px; background: url(/pic/red-square.png) no-repeat left 7px; padding-left: 20px; } .ourValue ul li { line-height: 22px; margin-bottom: 15px; font-size: 14px; background: url(https://data.asiahighlights.com/pic/red-square.png) no-repeat left 7px; padding-left: 20px; }
.ourValue img { margin-bottom: 80px; } .ourValue img { margin-bottom: 80px; }
.creatingTrip { background: url(/image/about/bg-creating.jpg) no-repeat; height: 527px; display: block; color: #fff; padding-top: 80px; } .creatingTrip { background: url(https://data.asiahighlights.com/image/about/bg-creating.jpg) no-repeat; height: 527px; display: block; color: #fff; padding-top: 80px; }
.creatingTrip h2 { text-align: left !important; color: #fff !important; } .creatingTrip h2 { text-align: left !important; color: #fff !important; }
.creatingTrip a { color: #fff; } .creatingTrip a { color: #fff; }
.recognized { background: #f1f1f1; padding: 50px 0 } .recognized { background: #f1f1f1; padding: 50px 0 }
@ -36,17 +36,17 @@ h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0
#historyList { display: block; background: #f1f1f1; padding: 20px 0; overflow: hidden; } #historyList { display: block; background: #f1f1f1; padding: 20px 0; overflow: hidden; }
#historyList h2 { font-size: 18px !important; color: #333 !important; margin: 0 0 20px !important; text-align: left !important; } #historyList h2 { font-size: 18px !important; color: #333 !important; margin: 0 0 20px !important; text-align: left !important; }
#historyList h2 strong { color: #a31022; font-weight: normal; font-size: 30px !important; font-family: Georgia, "Times New Roman", Times, serif; margin-right: 10px; display: inline-table; } #historyList h2 strong { color: #a31022; font-weight: normal; font-size: 30px !important; font-family: Georgia, "Times New Roman", Times, serif; margin-right: 10px; display: inline-table; }
.middleLine { background: url(/pic/history-line.png) repeat-y; display: block; left: calc(50% - 2px); margin: 27px auto; min-height: 2068px; position: absolute; width: 5px; } .middleLine { background: url(https://data.asiahighlights.com/pic/history-line.png) repeat-y; display: block; left: calc(50% - 2px); margin: 27px auto; min-height: 2068px; position: absolute; width: 5px; }
.historyItemL { display: block; float: left; margin-bottom: 50px; min-height: 70px; padding-right: 100px; position: relative; width: 537px; z-index: 9998; box-shadow: 0 0 5px #999; border-radius: 4px; padding: 20px; background: #fff; } .historyItemL { display: block; float: left; margin-bottom: 50px; min-height: 70px; padding-right: 100px; position: relative; width: 537px; z-index: 9998; box-shadow: 0 0 5px #999; border-radius: 4px; padding: 20px; background: #fff; }
.historyItemL .arrow { display: block; background: url(/pic/arrow-right.png) no-repeat; width: 19px; height: 40px; position: absolute; right: -19px; top: 15px; } .historyItemL .arrow { display: block; background: url(https://data.asiahighlights.com/pic/arrow-right.png) no-repeat; width: 19px; height: 40px; position: absolute; right: -19px; top: 15px; }
.historyItemL .point { background: url(/pic/red-dot.png) no-repeat; display: block; width: 14px; height: 14px; position: absolute; top: 26px; right: -40px; } .historyItemL .point { background: url(https://data.asiahighlights.com/pic/red-dot.png) no-repeat; display: block; width: 14px; height: 14px; position: absolute; top: 26px; right: -40px; }
.historyItemR { display: block; float: right; margin-bottom: 80px; min-height: 70px; padding-left: 100px; position: relative; width: 537px; z-index: 9998; box-shadow: 0 0 5px #999; border-radius: 4px; padding: 20px; background: #fff; } .historyItemR { display: block; float: right; margin-bottom: 80px; min-height: 70px; padding-left: 100px; position: relative; width: 537px; z-index: 9998; box-shadow: 0 0 5px #999; border-radius: 4px; padding: 20px; background: #fff; }
.firstRight { margin-top: 50px; } .firstRight { margin-top: 50px; }
.historyItemR .arrow { display: block; background: url(/pic/arrow-left.png) no-repeat; width: 19px; height: 40px; position: absolute; left: -19px; top: 35px; } .historyItemR .arrow { display: block; background: url(https://data.asiahighlights.com/pic/arrow-left.png) no-repeat; width: 19px; height: 40px; position: absolute; left: -19px; top: 35px; }
.historyItemR .point { background: url(/pic/red-dot.png) no-repeat; display: block; width: 14px; height: 14px; position: absolute; top: 46px; left: -40px; } .historyItemR .point { background: url(https://data.asiahighlights.com/pic/red-dot.png) no-repeat; display: block; width: 14px; height: 14px; position: absolute; top: 46px; left: -40px; }
.historyItem { display: block; margin: 10px auto 60px; min-height: 70px; position: relative; width: 537px; z-index: 9998; box-shadow: 0 0 5px #999; border-radius: 4px; padding: 20px; background: #fff; } .historyItem { display: block; margin: 10px auto 60px; min-height: 70px; position: relative; width: 537px; z-index: 9998; box-shadow: 0 0 5px #999; border-radius: 4px; padding: 20px; background: #fff; }
.historyItem .arrow { display: block; background: url(/pic/arrow-down.png) no-repeat; width: 27px; height: 24px; position: absolute; left: calc(50% - 13px); top: -20px; } .historyItem .arrow { display: block; background: url(https://data.asiahighlights.com/pic/arrow-down.png) no-repeat; width: 27px; height: 24px; position: absolute; left: calc(50% - 13px); top: -20px; }
.historyItem .point { background: url(/pic/red-dot.png) no-repeat; display: block; width: 14px; height: 14px; position: absolute; top: -40px; left: calc(50% - 7px); } .historyItem .point { background: url(https://data.asiahighlights.com/pic/red-dot.png) no-repeat; display: block; width: 14px; height: 14px; position: absolute; top: -40px; left: calc(50% - 7px); }
@media(max-width:750px) { @media(max-width:750px) {
.historyItem { width: auto !important; } .historyItem { width: auto !important; }
.historyItemR, .historyItemL { width: auto !important; float: none !important; } .historyItemR, .historyItemL { width: auto !important; float: none !important; }
@ -55,8 +55,8 @@ h2 { font-size: 26px !important; display: block; text-align: center; margin: 0 0
} }
.historyPhoto { float: right; display: inline-block; margin-left: 15px; } .historyPhoto { float: right; display: inline-block; margin-left: 15px; }
/* @ 2017-10-23 */ /* @ 2017-10-23 */
.ourReviews .reviewInfo { line-height: 22px; font-size: 14px; font-style: italic; padding-top: 10px; background: url(/pic/quote-left.png) no-repeat left 10px; padding-left: 35px; margin-bottom: 65px; } .ourReviews .reviewInfo { line-height: 22px; font-size: 14px; font-style: italic; padding-top: 10px; background: url(https://data.asiahighlights.com/pic/quote-left.png) no-repeat left 10px; padding-left: 35px; margin-bottom: 65px; }
.ourReviews .reviewInfo .quoteRight { background: url(/pic/quote-right.png) no-repeat; display: inline-block; width: 23px; height: 20px; } .ourReviews .reviewInfo .quoteRight { background: url(https://data.asiahighlights.com/pic/quote-right.png) no-repeat; display: inline-block; width: 23px; height: 20px; }
.ourReviews .reviewInfo a { text-decoration: underline; } .ourReviews .reviewInfo a { text-decoration: underline; }
.ourReviews .reviewInfo a:hover { text-decoration: none; } .ourReviews .reviewInfo a:hover { text-decoration: none; }
.ourReviews .customerPhoto { display: block; box-shadow: 0 0 5px #999; padding: 3px; background: #fff; margin-top:16px; } .ourReviews .customerPhoto { display: block; box-shadow: 0 0 5px #999; padding: 3px; background: #fff; margin-top:16px; }

10
css/ah-2017.css
Unescape Escape View File

@ -15,9 +15,9 @@ a { text-decoration: none;}
.tourInfo { background: #fff; padding: 10px 20px; border-radius: 0 0 4px 4px; margin-bottom:15px; border:1px solid #d1d1d1; } .tourInfo { background: #fff; padding: 10px 20px; border-radius: 0 0 4px 4px; margin-bottom:15px; border:1px solid #d1d1d1; }
.tourPhoto { position:relative;} .tourPhoto { position:relative;}
.tourPhoto img { width:100%; border-radius:4px 4px 0 0;} .tourPhoto img { width:100%; border-radius:4px 4px 0 0;}
.tourPhoto .dayTag { background:url(/pic/days-tag.png) no-repeat; display: block; width:67px; height:65px; text-align:center; color:#fff; position:absolute; right:0; bottom:0; font-size:14px; padding-top:10px; line-height:15px;} .tourPhoto .dayTag { background:url(https://data.asiahighlights.com/pic/days-tag.png) no-repeat; display: block; width:67px; height:65px; text-align:center; color:#fff; position:absolute; right:0; bottom:0; font-size:14px; padding-top:10px; line-height:15px;}
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; } .tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; }
.tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align:right; display: block;} .tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align:right; display: block;}
.priceFrom { display: block; margin:15px 0;} .priceFrom { display: block; margin:15px 0;}
.priceFrom em { color:#a31022; font-style:normal; font-size:16px; margin-left:5px;} .priceFrom em { color:#a31022; font-style:normal; font-size:16px; margin-left:5px;}
.priceFrom strong { color:#a31022; font-style:normal; font-size:30px;} .priceFrom strong { color:#a31022; font-style:normal; font-size:30px;}
@ -72,7 +72,7 @@ a { text-decoration: none;}
.reasonInfo a { color:#a31022;} .reasonInfo a { color:#a31022;}
.reasonInfo .fa { font-size:115%;} .reasonInfo .fa { font-size:115%;}
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
#topPlaces { background:#f1f1f1; padding:25px 0; margin: 0 0 30px;} #topPlaces { background:#f1f1f1; padding:25px 0; margin: 0 0 30px;}
#topPlaces h2 { text-align:center;} #topPlaces h2 { text-align:center;}
@ -87,9 +87,9 @@ a { text-decoration: none;}
.travelStyle h2 { font-size: 28px; text-align: center; } .travelStyle h2 { font-size: 28px; text-align: center; }
.travelStyle h3 { font-size: 16px; color: #09599d; display: block; margin: 15px 0 20px; } .travelStyle h3 { font-size: 16px; color: #09599d; display: block; margin: 15px 0 20px; }
.travelStyle .firstP { font-size: 16px; text-align: center; margin-bottom: 20px; } .travelStyle .firstP { font-size: 16px; text-align: center; margin-bottom: 20px; }
.travelStyle ul li { line-height: 20px; margin-bottom: 20px; background: url(/pic/happy-icon.png) no-repeat left 5px; padding-left: 45px; font-size: 14px; min-height: 30px; } .travelStyle ul li { line-height: 20px; margin-bottom: 20px; background: url(https://data.asiahighlights.com/pic/happy-icon.png) no-repeat left 5px; padding-left: 45px; font-size: 14px; min-height: 30px; }
.travelStyle ul li strong { display: block; font-weight: normal; font-size: 15px; color: #333; } .travelStyle ul li strong { display: block; font-weight: normal; font-size: 15px; color: #333; }
.travelStyle ul li.upset { background: url(/pic/upset-icon.png) no-repeat left top !important; } .travelStyle ul li.upset { background: url(https://data.asiahighlights.com/pic/upset-icon.png) no-repeat left top !important; }
.groupTravel { border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; padding: 0 20px 10px; } .groupTravel { border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; padding: 0 20px 10px; }
.groupTravel li { margin-bottom: 40px !important; } .groupTravel li { margin-bottom: 40px !important; }
.flightsMap { background:#f1f1f1; margin:25px 0;} .flightsMap { background:#f1f1f1; margin:25px 0;}

12
css/ah-guides.css
Unescape Escape View File

@ -13,7 +13,7 @@ a { text-decoration: none;}
#banner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; bottom: 0; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; margin-bottom: 1px !important; } #banner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; bottom: 0; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; margin-bottom: 1px !important; }
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
.guideBlock { display: block; background:#fff; border-radius:4px; padding:40px; margin:30px 0 50px; position:relative; padding-left:280px;} .guideBlock { display: block; background:#fff; border-radius:4px; padding:40px; margin:30px 0 50px; position:relative; padding-left:280px;}
.guideBlock.onRight { padding:40px 280px 40px 40px !important;} .guideBlock.onRight { padding:40px 280px 40px 40px !important;}
@ -23,13 +23,13 @@ a { text-decoration: none;}
.guideBlock .guideName.orange { color:#ed8a20;} .guideBlock .guideName.orange { color:#ed8a20;}
.guideBlock .guideName.pink { color:#93477a;} .guideBlock .guideName.pink { color:#93477a;}
.guideBlock .guideTitle { font-size:20px; display: block; margin:0 0 20px; color:#999; } .guideBlock .guideTitle { font-size:20px; display: block; margin:0 0 20px; color:#999; }
.guide1 { background:url(/image/guides/guide-1.png) no-repeat; display: block; width:234px; height:316px; position:absolute; left:0; bottom:0;} .guide1 { background:url(https://data.asiahighlights.com/image/guides/guide-1.png) no-repeat; display: block; width:234px; height:316px; position:absolute; left:0; bottom:0;}
.guide2 { background:url(/image/guides/guide-2.png) no-repeat; display: block; width:292px; height:323px; position:absolute; right:0; bottom:0;} .guide2 { background:url(https://data.asiahighlights.com/image/guides/guide-2.png) no-repeat; display: block; width:292px; height:323px; position:absolute; right:0; bottom:0;}
.guide3 { background:url(/image/guides/guide-3.png) no-repeat; display: block; width:229px; height:326px; position:absolute; left:0; bottom:0;} .guide3 { background:url(https://data.asiahighlights.com/image/guides/guide-3.png) no-repeat; display: block; width:229px; height:326px; position:absolute; left:0; bottom:0;}
.guide4 { background:url(/image/guides/guide-4.png) no-repeat; display: block; width:274px; height:327px; position:absolute; right:0; bottom:0;} .guide4 { background:url(https://data.asiahighlights.com/image/guides/guide-4.png) no-repeat; display: block; width:274px; height:327px; position:absolute; right:0; bottom:0;}
.cars { display: block; margin-bottom:40px;} .cars { display: block; margin-bottom:40px;}
.cars img { margin-bottom:15px;} .cars img { margin-bottom:15px;}
/* side nav */ /* side nav */
.sideNav { display: block; border-top:3px solid #a31022;} .sideNav { display: block; border-top:3px solid #a31022;}
.sideNav li { border-bottom:1px solid #d1d1d1; background:url(/pic/square-gray-8x8.png) no-repeat 10px center; line-height:20px; padding:10px 0 10px 30px; font-size:14px;} .sideNav li { border-bottom:1px solid #d1d1d1; background:url(https://data.asiahighlights.com/pic/square-gray-8x8.png) no-repeat 10px center; line-height:20px; padding:10px 0 10px 30px; font-size:14px;}

2
css/basic.css
Unescape Escape View File

@ -24,7 +24,7 @@ p a:hover { text-decoration: none!important; }
} }
.contactInfo { position: absolute; text-align: right; top: 10px; right: 15px; text-transform: uppercase; } .contactInfo { position: absolute; text-align: right; top: 10px; right: 15px; text-transform: uppercase; }
.contactInfo a { margin-right: 25px; text-decoration: none; } .contactInfo a { margin-right: 25px; text-decoration: none; }
.contactInfo .phoneNumber { background: url(/pic/phone-icon.png) no-repeat left; padding-left: 22px; } .contactInfo .phoneNumber { background: url(https://data.asiahighlights.com/pic/phone-icon.png) no-repeat left; padding-left: 22px; }
p { font-size: 16px; line-height: 28px; } p { font-size: 16px; line-height: 28px; }
/* footer */ /* footer */
.footerMember { background: #535353; padding: 25px 0; text-align: center; } .footerMember { background: #535353; padding: 25px 0; text-align: center; }

2
css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
css/citytour-index.css
Unescape Escape View File

@ -21,7 +21,7 @@ h2 span { background: #1375a8; font-size: 12px; color: #fff; border-radius: 4px;
.cityGuide .cityDetail img { width: 100%; } .cityGuide .cityDetail img { width: 100%; }
.cityGuide .cityDetail sup { color: #fff; background: #a31022; padding: 0 3px 1px; border-radius: 4px; } .cityGuide .cityDetail sup { color: #fff; background: #a31022; padding: 0 3px 1px; border-radius: 4px; }
.cityGuide .cityDetail .withBorder { border: 2px solid #a31022; border-radius: 4px; } .cityGuide .cityDetail .withBorder { border: 2px solid #a31022; border-radius: 4px; }
.cityGuide .cityDetail .recommendIcon { display: block; background: url(/pic/recommended-icon-oppsite.png) no-repeat; width: 63px; height: 101px; position: absolute; right: 13px; top: -2px; } .cityGuide .cityDetail .recommendIcon { display: block; background: url(https://data.asiahighlights.com/pic/recommended-icon-oppsite.png) no-repeat; width: 63px; height: 101px; position: absolute; right: 13px; top: -2px; }
.cityGuide .cityDetail .cityTitle { border-radius: 0 0 4px 4px; color: #fff; padding: 8px 0 8px 10px; background: #d1d1d1; display: block; } .cityGuide .cityDetail .cityTitle { border-radius: 0 0 4px 4px; color: #fff; padding: 8px 0 8px 10px; background: #d1d1d1; display: block; }
.cityGuide .cityDetail .cityTitle2 { border-radius: 4px 4px 0 0; color: #fff; padding: 8px 0 8px 10px; background: #d1d1d1; display: block; } .cityGuide .cityDetail .cityTitle2 { border-radius: 4px 4px 0 0; color: #fff; padding: 8px 0 8px 10px; background: #d1d1d1; display: block; }
.cityGuide .cityDetail .cityTitle a { color: #1375a8; text-decoration: none; } .cityGuide .cityDetail .cityTitle a { color: #1375a8; text-decoration: none; }
@ -31,7 +31,7 @@ h2 span { background: #1375a8; font-size: 12px; color: #fff; border-radius: 4px;
.cityGuide .cityDetail ul { background: #d1d1d1; padding: 10px; border-radius: 0 0 4px 4px; } .cityGuide .cityDetail ul { background: #d1d1d1; padding: 10px; border-radius: 0 0 4px 4px; }
.cityGuide .cityDetail .photoBlock { position:relative} .cityGuide .cityDetail .photoBlock { position:relative}
.cityGuide .cityDetail .cityTag { background: rgba(0,0,0,.5); display: block; text-align:center; width:215px; position:absolute; top:20px; left:0; border-radius: 0 4px 4px 0; color:#fff; padding:5px; text-transform:uppercase;} .cityGuide .cityDetail .cityTag { background: rgba(0,0,0,.5); display: block; text-align:center; width:215px; position:absolute; top:20px; left:0; border-radius: 0 4px 4px 0; color:#fff; padding:5px; text-transform:uppercase;}
.cityGuide .cityDetail ul li { line-height: 18px; margin-bottom: 5px; background: url(/pic/red-mark.png) no-repeat left 8px; padding-left: 20px; } .cityGuide .cityDetail ul li { line-height: 18px; margin-bottom: 5px; background: url(https://data.asiahighlights.com/pic/red-mark.png) no-repeat left 8px; padding-left: 20px; }
.cityGuide .cityDetail ul li a { text-decoration: none; font-size: 14px; } .cityGuide .cityDetail ul li a { text-decoration: none; font-size: 14px; }
.cityGuide .cityDetail ul li a:hover { color: #a31022; text-decoration: none; } .cityGuide .cityDetail ul li a:hover { color: #a31022; text-decoration: none; }
.promoLeft { margin-bottom: 15px; } .promoLeft { margin-bottom: 15px; }

6
css/contact.css
Unescape Escape View File

@ -4,7 +4,7 @@
h1 { border-bottom: none !important; margin-bottom:25px;} h1 { border-bottom: none !important; margin-bottom:25px;}
.pgHead { margin-top:40px;} .pgHead { margin-top:40px;}
.contactUs { border:1px solid #d9d9d9; box-shadow:0 0 2px #d9d9d9; border-radius:4px; padding:20px; margin-bottom:30px; background:#fff; position:relative} .contactUs { border:1px solid #d9d9d9; box-shadow:0 0 2px #d9d9d9; border-radius:4px; padding:20px; margin-bottom:30px; background:#fff; position:relative}
.contactUs .arrow { background:url(/pic/arrow-25x40.png) no-repeat; display: block; width:25px; height:40px; position:absolute; left:-25px; top:30px;} .contactUs .arrow { background:url(https://data.asiahighlights.com/pic/arrow-25x40.png) no-repeat; display: block; width:25px; height:40px; position:absolute; left:-25px; top:30px;}
.contactUs .introText { font-size:20px; border-bottom:2px dashed #d1d1d1; display: block; padding: 0 10px 25px; margin-bottom:35px;} .contactUs .introText { font-size:20px; border-bottom:2px dashed #d1d1d1; display: block; padding: 0 10px 25px; margin-bottom:35px;}
.contactUs input { border:1px solid #d1d1d1; font-size:18px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:20px;} .contactUs input { border:1px solid #d1d1d1; font-size:18px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:20px;}
.contactUs textarea { border:1px solid #d1d1d1; font-size:18px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:20px; height:150px;} .contactUs textarea { border:1px solid #d1d1d1; font-size:18px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:20px; height:150px;}
@ -22,7 +22,7 @@ input[type="button"] { background:#a31022; border: none; color:#fff; padding:10p
.pgSay .whatsapp strong { display: block;} .pgSay .whatsapp strong { display: block;}
} }
.pgSay { background:#f1f1f1; padding:20px 50px; border-radius:4px;font-size:20px; line-height:35px; margin-top:20px; position:relative} .pgSay { background:#f1f1f1; padding:20px 50px; border-radius:4px;font-size:20px; line-height:35px; margin-top:20px; position:relative}
.pgSay .arrow { background:url(/pic/arrow-21x26.png) no-repeat; display: block; width:21px; height:26px; left:-21px; top:calc(50% - 13px); position:absolute;} .pgSay .arrow { background:url(https://data.asiahighlights.com/pic/arrow-21x26.png) no-repeat; display: block; width:21px; height:26px; left:-21px; top:calc(50% - 13px); position:absolute;}
.pgSay .whatsapp { display: block; background:url(/pic/whatsapp-icon.png) no-repeat left; padding-left:35px;} .pgSay .whatsapp { display: block; background:url(https://data.asiahighlights.com/pic/whatsapp-icon.png) no-repeat left; padding-left:35px;}
.pgSay .whatsapp strong { color:#a31022; font-size:26px; font-weight: normal;} .pgSay .whatsapp strong { color:#a31022; font-size:26px; font-weight: normal;}
.tips { display: block; margin:35px 20px; font-size:14px; line-height:25px; color:#545454 !important;} .tips { display: block; margin:35px 20px; font-size:14px; line-height:25px; color:#545454 !important;}

6
css/cruise.css
Unescape Escape View File

@ -1,6 +1,6 @@
@charset "utf-8"; @charset "utf-8";
/* CSS Document */ /* CSS Document */
.Top { background:url(/image/top-bg.jpg) no-repeat; height:720px; padding-top: 55px;} .Top { background:url(https://data.asiahighlights.com/image/top-bg.jpg) no-repeat; height:720px; padding-top: 55px;}
.TopList h1 { color:#fff; text-shadow: 1px 1px 2px #333; font-size:35px; border-bottom:none; text-align:center; margin-bottom: 50px;} .TopList h1 { color:#fff; text-shadow: 1px 1px 2px #333; font-size:35px; border-bottom:none; text-align:center; margin-bottom: 50px;}
.TopList .List { background: #FFF; margin-bottom: 25px; padding:5px; font-size:16px; color:#000; border-radius: 4px 4px 4px 4px;} .TopList .List { background: #FFF; margin-bottom: 25px; padding:5px; font-size:16px; color:#000; border-radius: 4px 4px 4px 4px;}
@ -10,7 +10,7 @@
.DetailInfo { background:#f1f1f1; padding:40px 0 20px 0;} .DetailInfo { background:#f1f1f1; padding:40px 0 20px 0;}
.Navi { font-size:11px; margin-bottom:15px;} .Navi { font-size:11px; margin-bottom:15px;}
.Navi img { display: none;} .Navi img { display: none;}
.Navi a { background:url(/image/arrow.png) no-repeat right 3px; padding-right:10px; margin-right:15px;} .Navi a { background:url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right:10px; margin-right:15px;}
.Navi .Page{ color: #a31022; } .Navi .Page{ color: #a31022; }
.CruiseTitle { color:#fff; background:#a31022; width:100%; display:block; border-radius: 4px 4px 0 0; padding:10px 0 10px 15px; font-family:Trebuchet MS; font-size:22px; } .CruiseTitle { color:#fff; background:#a31022; width:100%; display:block; border-radius: 4px 4px 0 0; padding:10px 0 10px 15px; font-family:Trebuchet MS; font-size:22px; }
@ -22,7 +22,7 @@ table.CruiseTable tr.BgWhite td.wishlist, table.CruiseTable tr.BgGrey td.wishlis
td.wishlist img,.arrowup{cursor: pointer;} td.wishlist img,.arrowup{cursor: pointer;}
table.CruiseTable tr.BgWhiteBottom td{ background-color:#fff; border-bottom:1px solid #e0e0e0; font-size:18px; font-family:Trebuchet MS;} table.CruiseTable tr.BgWhiteBottom td{ background-color:#fff; border-bottom:1px solid #e0e0e0; font-size:18px; font-family:Trebuchet MS;}
table.CruiseTable tr.BgGrey { background:#f7f6f6; } table.CruiseTable tr.BgGrey { background:#f7f6f6; }
table.CruiseTable tr.BgGrey td.date input, table.CruiseTable tr.BgWhite td.date input { border: 1px solid #d1d1d1; background: url(/pic/calendar.png) no-repeat 98% 6px #fff; padding: 5px 5px; width: 100%; border-radius: 4px; color: #555; font-family: 'Open Sans', sans-serif; font-size:14px; } table.CruiseTable tr.BgGrey td.date input, table.CruiseTable tr.BgWhite td.date input { border: 1px solid #d1d1d1; background: url(https://data.asiahighlights.com/pic/calendar.png) no-repeat 98% 6px #fff; padding: 5px 5px; width: 100%; border-radius: 4px; color: #555; font-family: 'Open Sans', sans-serif; font-size:14px; }
table.CruiseTable tr.BgGreyBottom { background:#f7f6f6; border-bottom:1px solid #e0e0e0;} table.CruiseTable tr.BgGreyBottom { background:#f7f6f6; border-bottom:1px solid #e0e0e0;}
table.CruiseTable tr.BgBottom td{ background:#fff; border-bottom:1px solid #e0e0e0; font-size:18px; padding:25px 10px;} table.CruiseTable tr.BgBottom td{ background:#fff; border-bottom:1px solid #e0e0e0; font-size:18px; padding:25px 10px;}
table.CruiseTable tr.DetailInfo td textarea { border: 1px solid #acacac; background: #fff; padding: 10px; height: 150px; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #555; font-size: 12px; top:15px; } table.CruiseTable tr.DetailInfo td textarea { border: 1px solid #acacac; background: #fff; padding: 10px; height: 150px; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #555; font-size: 12px; top:15px; }

102
css/destination.css
Unescape Escape View File

@ -11,7 +11,7 @@ ul.ArticleList { margin-bottom: 20px; border-top: 3px solid #c6162b; }
ul.ArticleList li.ListTop { border-bottom: 1px #d6d6d6 solid; font-size: 12px;} ul.ArticleList li.ListTop { border-bottom: 1px #d6d6d6 solid; font-size: 12px;}
ul.ArticleList li.ListTop a { text-decoration: none; } ul.ArticleList li.ListTop a { text-decoration: none; }
ul.ArticleList li.ListTop a:hover { color: #c5162b; } ul.ArticleList li.ListTop a:hover { color: #c5162b; }
ul.ArticleList li { border-bottom: 1px #d6d6d6 solid; font-size: 12px; background: url(/image/info-list.png) no-repeat 15px center; padding:10px 0 10px 38px; } ul.ArticleList li { border-bottom: 1px #d6d6d6 solid; font-size: 12px; background: url(https://data.asiahighlights.com/image/info-list.png) no-repeat 15px center; padding:10px 0 10px 38px; }
ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important} ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important}
/* learn more style for info with red */ /* learn more style for info with red */
.learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;} .learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;}
@ -49,23 +49,23 @@ table th .TrainNumber { font-size: 15px; text-align: center; padding-bottom: 10p
.tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; } .tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; }
.publishPic { margin-right: 15px; } .publishPic { margin-right: 15px; }
.publishintros ul.author li { list-style: none; line-height: 25px; } .publishintros ul.author li { list-style: none; line-height: 25px; }
.publishintros ul.author a.email { text-decoration: underline; background: url(/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; } .publishintros ul.author a.email { text-decoration: underline; background: url(https://data.asiahighlights.com/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
.publishintros ul.author a.feedback { text-decoration: underline; background: url(/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; } .publishintros ul.author a.feedback { text-decoration: underline; background: url(https://data.asiahighlights.com/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
input.depart { background: url(/pic/calendar-icon.png) no-repeat right center; } input.depart { background: url(https://data.asiahighlights.com/pic/calendar-icon.png) no-repeat right center; }
span.ageInfo { font-size: 12px; display: block; margin: 5px 0 10px; } span.ageInfo { font-size: 12px; display: block; margin: 5px 0 10px; }
/*info index*/ /*info index*/
.TopInfo { padding-top: 30px; padding-bottom: 30px; } .TopInfo { padding-top: 30px; padding-bottom: 30px; }
.TopMore { color: #b61326; } .TopMore { color: #b61326; }
ul.TopList li.airplane { background: url(/image/plane.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; } ul.TopList li.airplane { background: url(https://data.asiahighlights.com/image/plane.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; }
ul.TopList li.money { background: url(/image/money.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; } ul.TopList li.money { background: url(https://data.asiahighlights.com/image/money.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; }
ul.TopList li.add { background: url(/image/add.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; } ul.TopList li.add { background: url(https://data.asiahighlights.com/image/add.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; }
ul.TopList li.airline { background: url(/image/recommended-airline.png) no-repeat; font-size: 15px; padding-left: 60px; } ul.TopList li.airline { background: url(https://data.asiahighlights.com/image/recommended-airline.png) no-repeat; font-size: 15px; padding-left: 60px; }
ul.TopList li.TimeZone { background: url(/image/time-zone.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; } ul.TopList li.TimeZone { background: url(https://data.asiahighlights.com/image/time-zone.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; }
ul.TopList li.FlyFrom { background: url(/image/fly-from.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; } ul.TopList li.FlyFrom { background: url(https://data.asiahighlights.com/image/fly-from.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; }
ul.TopList li.cambodiaIcon { background: url(/pic/cambodia-symbol.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; } ul.TopList li.cambodiaIcon { background: url(https://data.asiahighlights.com/pic/cambodia-symbol.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; }
ul.TopList li.topIcon { background: url(/pic/top-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; } ul.TopList li.topIcon { background: url(https://data.asiahighlights.com/pic/top-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; }
ul.TopList li.hinduIcon { background: url(/pic/hindu-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; } ul.TopList li.hinduIcon { background: url(https://data.asiahighlights.com/pic/hindu-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; }
ul.TopList li.crownIcon { background: url(/pic/crown-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; } ul.TopList li.crownIcon { background: url(https://data.asiahighlights.com/pic/crown-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; }
@media(max-width:750px) { @media(max-width:750px) {
ul.TopList li.cambodiaIcon { margin: 25px 0; min-height: 50px; } ul.TopList li.cambodiaIcon { margin: 25px 0; min-height: 50px; }
ul.TopList li.topIcon { margin: 15px 0; min-height: 50px; } ul.TopList li.topIcon { margin: 15px 0; min-height: 50px; }
@ -82,7 +82,7 @@ ul.TopList li.crownIcon { margin: 15px 0; min-height: 50px; }
.Navi .Page { color: #a31022; } .Navi .Page { color: #a31022; }
.CruiseTitle { color: #fff; background: #a31022; width: 100%; display: block; border-radius: 4px 4px 0 0; padding: 10px 0 10px 15px; font-family: Trebuchet MS; font-size: 22px; } .CruiseTitle { color: #fff; background: #a31022; width: 100%; display: block; border-radius: 4px 4px 0 0; padding: 10px 0 10px 15px; font-family: Trebuchet MS; font-size: 22px; }
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
@media(max-width:750px) { @media(max-width:750px) {
ul.TopList li.FlyFrom { padding-bottom: 28px; } ul.TopList li.FlyFrom { padding-bottom: 28px; }
.cityMap .flightTimes { display: none !important; } .cityMap .flightTimes { display: none !important; }
@ -93,7 +93,7 @@ ul.TopList li .TopLine { font-size: 13px; }
.tourIdeas h2 {text-align:center} .tourIdeas h2 {text-align:center}
.TopThings a { color:#fff; text-decoration: none;} .TopThings a { color:#fff; text-decoration: none;}
.TopThings a:hover {text-decoration: underline !important; color:#fff;} .TopThings a:hover {text-decoration: underline !important; color:#fff;}
.TopThings a.viewMore { color:#a31022; text-decoration: none !important; background:url(/pic/red-arrow.png) no-repeat right center; padding-right:15px; } .TopThings a.viewMore { color:#a31022; text-decoration: none !important; background:url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right center; padding-right:15px; }
.TopThings a.viewMore:hover {text-decoration:underline !important; color:#a31022;} .TopThings a.viewMore:hover {text-decoration:underline !important; color:#a31022;}
.AllDetails { text-align: center; color: #b71327; font-size: 18px; } .AllDetails { text-align: center; color: #b71327; font-size: 18px; }
.toparticle { border-radius: 4px;margin-bottom: 30px; position: relative; } .toparticle { border-radius: 4px;margin-bottom: 30px; position: relative; }
@ -102,7 +102,7 @@ ul.TopList li .TopLine { font-size: 13px; }
.toparticle img { width:100%;} .toparticle img { width:100%;}
.bestArticle { background: rgba(0,0,0,.5); border-radius: 0 0 4px 4px; bottom: 0; color: #fff;font-size: 16px; height: 55px; left: 0;padding: 5px 10px;position: absolute;text-align: center;width: 100%;} .bestArticle { background: rgba(0,0,0,.5); border-radius: 0 0 4px 4px; bottom: 0; color: #fff;font-size: 16px; height: 55px; left: 0;padding: 5px 10px;position: absolute;text-align: center;width: 100%;}
.toptitle { background: rgba(0, 0, 0, .6) none repeat scroll 0 0; border-radius: 0 0 4px 4px; bottom: 0; color: #fff; font-size: 16px; left: 0; padding: 10px 20px; position: absolute; width: 100%; } .toptitle { background: rgba(0, 0, 0, .6) none repeat scroll 0 0; border-radius: 0 0 4px 4px; bottom: 0; color: #fff; font-size: 16px; left: 0; padding: 10px 20px; position: absolute; width: 100%; }
.toptitle ul li { line-height:25px; margin-bottom:5px; background:url(/pic/white-squre.png) no-repeat left; padding-left:20px;} .toptitle ul li { line-height:25px; margin-bottom:5px; background:url(https://data.asiahighlights.com/pic/white-squre.png) no-repeat left; padding-left:20px;}
.toptitle ul li a {color:#fff} .toptitle ul li a {color:#fff}
.toptitle ul li a:hover{text-decoration:underline} .toptitle ul li a:hover{text-decoration:underline}
.BottomArticle, .ViewMore { background-color: #f1f1f1; padding: 15px; } .BottomArticle, .ViewMore { background-color: #f1f1f1; padding: 15px; }
@ -124,7 +124,7 @@ h2.AboutUs { font-size: 37px; font-family: Trebuchet MS; }
.MediaMore { padding-top: 15px; margin-top: 15px; } .MediaMore { padding-top: 15px; margin-top: 15px; }
.SocialMedias { margin-top: 15px; } .SocialMedias { margin-top: 15px; }
ol.ListNumber li { font-size: 14px; margin-bottom: 8px; list-style: none; } ol.ListNumber li { font-size: 14px; margin-bottom: 8px; list-style: none; }
ul.InfoList li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 8px; padding-left: 20px; font-size: 14px } ul.InfoList li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 8px; padding-left: 20px; font-size: 14px }
#Topbanner { display: block; position: relative; } #Topbanner { display: block; position: relative; }
#Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; } #Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; }
#Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; } #Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; }
@ -138,15 +138,15 @@ ul.InfoList li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repe
.tourInfo h3 p {color:#888;!important;} .tourInfo h3 p {color:#888;!important;}
.tourInfo h3 em { font-style: normal; font-size:22px; color:#000;} .tourInfo h3 em { font-style: normal; font-size:22px; color:#000;}
.tourHighlights ul { height: 100%; overflow: hidden; } .tourHighlights ul { height: 100%; overflow: hidden; }
.tourHighlights ul li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; } .tourHighlights ul li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; }
h2 { color: #333 !important; font-size: 30px !important; margin: 35px 0 20px !important; display: block; } h2 { color: #333 !important; font-size: 30px !important; margin: 35px 0 20px !important; display: block; }
h2.highlights { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.highlights { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.includeIcon { background: rgba(0, 0, 0, 0) url("/pic/include.png") no-repeat scroll left 5px / 22px auto; padding-left: 35px; text-align: left; } h2.includeIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/include.png") no-repeat scroll left 5px / 22px auto; padding-left: 35px; text-align: left; }
h2.costIcon { background: rgba(0, 0, 0, 0) url("/pic/cost.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.costIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/cost.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.HotelUes { background: rgba(0, 0, 0, 0) url("/pic/hotel.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.HotelUes { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/hotel.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
.whatIncluded { height: 100%; overflow: hidden; } .whatIncluded { height: 100%; overflow: hidden; }
.whatIncluded li { background: rgba(0, 0, 0, 0) url("/pic/green-mark-17x16.png") no-repeat scroll left 5px; float: left; line-height: 20px; margin-bottom: 5px; padding: 0 20px 0 30px; width: 50%; } .whatIncluded li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/green-mark-17x16.png") no-repeat scroll left 5px; float: left; line-height: 20px; margin-bottom: 5px; padding: 0 20px 0 30px; width: 50%; }
.priceTable { border: 1px solid #d1d1d1; margin-bottom: 20px; text-align: center; width: 100%; } .priceTable { border: 1px solid #d1d1d1; margin-bottom: 20px; text-align: center; width: 100%; }
.priceTable th { background: #e8e8e8 none repeat scroll 0 0; border-bottom: 1px solid #d1d1d1; font-size: 16px; font-weight: normal; padding: 8px 10px; text-align: center; } .priceTable th { background: #e8e8e8 none repeat scroll 0 0; border-bottom: 1px solid #d1d1d1; font-size: 16px; font-weight: normal; padding: 8px 10px; text-align: center; }
.priceTable td { border-bottom: 1px solid #d1d1d1; font-size: 14px; padding: 5px 10px; } .priceTable td { border-bottom: 1px solid #d1d1d1; font-size: 14px; padding: 5px 10px; }
@ -155,15 +155,15 @@ h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-rep
.tourDates { clear: both; display: block; font-size: 18px; line-height: 20px; margin: 30px 0 10px; } .tourDates { clear: both; display: block; font-size: 18px; line-height: 20px; margin: 30px 0 10px; }
.hotelImage img { border: 1px solid #d1d1d1; padding: 5px; } .hotelImage img { border: 1px solid #d1d1d1; padding: 5px; }
.HotelInfo { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; padding-bottom: 30px; position: relative; } .HotelInfo { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; padding-bottom: 30px; position: relative; }
.HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; } .HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(https://data.asiahighlights.com/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; }
.HotelInfo .viewMore a { color: #fff; text-decoration: none; } .HotelInfo .viewMore a { color: #fff; text-decoration: none; }
.HotelInfo .HotelName { color: #1b5fac; font-size: 16px; display: block; margin-bottom: 15px; } .HotelInfo .HotelName { color: #1b5fac; font-size: 16px; display: block; margin-bottom: 15px; }
.noteIcon { background: rgba(0, 0, 0, 0) url("/pic/note.png") no-repeat scroll left center / 22px auto; padding-left: 35px; } .noteIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/note.png") no-repeat scroll left center / 22px auto; padding-left: 35px; }
.inpageNav { display: block; margin-bottom: 30px; } .inpageNav { display: block; margin-bottom: 30px; }
.inpageNav li { background: rgba(0, 0, 0, 0) url("/pic/gray-arrow-right.png") no-repeat scroll left 7px; font-size: 18px; margin-bottom: 10px; padding-left: 25px; border-bottom: 1px dashed #d1d1d1; padding-bottom: 10px; } .inpageNav li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/gray-arrow-right.png") no-repeat scroll left 7px; font-size: 18px; margin-bottom: 10px; padding-left: 25px; border-bottom: 1px dashed #d1d1d1; padding-bottom: 10px; }
.inpageNav li a { text-decoration: none; } .inpageNav li a { text-decoration: none; }
/*iquiry box by candice song*/ /*iquiry box by candice song*/
.tourBox { background: #efefef url(/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; } .tourBox { background: #efefef url(https://data.asiahighlights.com/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; }
ul.tourList { padding: 15px 0 0; } ul.tourList { padding: 15px 0 0; }
ul.tourList li { color: #fff; font-size: 13px; list-style: outside none none; margin: 0 0 5px; } ul.tourList li { color: #fff; font-size: 13px; list-style: outside none none; margin: 0 0 5px; }
.promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0 0 0 20px; } .promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0 0 0 20px; }
@ -178,7 +178,7 @@ a.priceLink { padding: 0 20px 0 0; }
span.title { display: block; font-size: 16px; margin: 0 0 8px; } span.title { display: block; font-size: 16px; margin: 0 0 8px; }
.traveller select, input.depart { width: 100%; border: 1px solid #d1d1d1; border-radius: 4px; padding: 8px 10px; } .traveller select, input.depart { width: 100%; border: 1px solid #d1d1d1; border-radius: 4px; padding: 8px 10px; }
.bookTour { display: block; overflow: hidden; margin: 15px auto; width: 80%; } .bookTour { display: block; overflow: hidden; margin: 15px auto; width: 80%; }
.bookTour input { background: url(/pic/dot-arrow.png) no-repeat 93% center #a31022; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none; padding: 5px 10px; border-radius: 4px; } .bookTour input { background: url(https://data.asiahighlights.com/pic/dot-arrow.png) no-repeat 93% center #a31022; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none; padding: 5px 10px; border-radius: 4px; }
.tripNotes h3 { font-size: 18px; display: block; margin: 0 0 15px; } .tripNotes h3 { font-size: 18px; display: block; margin: 0 0 15px; }
@media(max-width:768px) { @media(max-width:768px) {
.infoList { width: 100%; } .infoList { width: 100%; }
@ -198,9 +198,9 @@ span.title { display: block; font-size: 16px; margin: 0 0 8px; }
.tourInfo { background: #f1f1f1; padding: 10px 20px; border-radius: 0 0 4px 4px; margin-bottom: 15px; } .tourInfo { background: #f1f1f1; padding: 10px 20px; border-radius: 0 0 4px 4px; margin-bottom: 15px; }
.tourPhoto { position: relative; } .tourPhoto { position: relative; }
.tourPhoto img { width: 100%; } .tourPhoto img { width: 100%; }
.tourPhoto .dayTag { background: url(/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; } .tourPhoto .dayTag { background: url(https://data.asiahighlights.com/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; }
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; } .tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; }
.tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; } .tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; }
.tourInfo .viewDetail a:hover{text-decoration:underline !important;} .tourInfo .viewDetail a:hover{text-decoration:underline !important;}
.tourInfo .viewDetail2 { background: #a31022; border-radius: 4px; display: block; margin: 15px auto 10px; padding: 6px 0; width:150px; text-align: center; } .tourInfo .viewDetail2 { background: #a31022; border-radius: 4px; display: block; margin: 15px auto 10px; padding: 6px 0; width:150px; text-align: center; }
.tourInfo .viewDetail2 a { color: #fff; font-size: 15px; text-decoration: none; } .tourInfo .viewDetail2 a { color: #fff; font-size: 15px; text-decoration: none; }
@ -240,29 +240,29 @@ a:hover { text-decoration: none; color: #b61326; }
.photoInfo .infoTitle { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); padding: 8px; font-size: 18px; color: #fff; display: block; } .photoInfo .infoTitle { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); padding: 8px; font-size: 18px; color: #fff; display: block; }
.photoInfo img { border-radius: 4px 4px 0 0; } .photoInfo img { border-radius: 4px 4px 0 0; }
.listInfo { background: #f1f1f1; padding: 20px; border-radius: 0 0 4px 4px; } .listInfo { background: #f1f1f1; padding: 20px; border-radius: 0 0 4px 4px; }
.listInfo li { background: url(/pic/gray-square.png) no-repeat left; padding-left: 20px; line-height: 30px; } .listInfo li { background: url(https://data.asiahighlights.com/pic/gray-square.png) no-repeat left; padding-left: 20px; line-height: 30px; }
/* recommend tours */ /* recommend tours */
.ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; } .ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; }
.ratedTours img { border-radius: 4px 4px 0 0; } .ratedTours img { border-radius: 4px 4px 0 0; }
.ratedTours .tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; } .ratedTours .tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; }
.ratedTours .tourPhoto { position: relative; } .ratedTours .tourPhoto { position: relative; }
.ratedTours .tourPhoto .dayTag { background: url(/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; } .ratedTours .tourPhoto .dayTag { background: url(https://data.asiahighlights.com/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; }
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; } .tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; }
.tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; } .tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; }
/* other asia countries */ /* other asia countries */
.otherCountry { display: block; margin: 25px 0; } .otherCountry { display: block; margin: 25px 0; }
.countryLink { display: block; float: left; width: 20%; text-align: center } .countryLink { display: block; float: left; width: 20%; text-align: center }
.countryLink a { display: block; } .countryLink a { display: block; }
.vnMap { background: url(/pic/vn-map-gray.png) no-repeat center; padding-top: 150px; } .vnMap { background: url(https://data.asiahighlights.com/pic/vn-map-gray.png) no-repeat center; padding-top: 150px; }
.vnMap:hover { background: url(/pic/vn-map.png) no-repeat center; } .vnMap:hover { background: url(https://data.asiahighlights.com/pic/vn-map.png) no-repeat center; }
.cbMap { background: url(/pic/cb-map-gray.png) no-repeat center; padding-top: 150px; } .cbMap { background: url(https://data.asiahighlights.com/pic/cb-map-gray.png) no-repeat center; padding-top: 150px; }
.cbMap:hover { background: url(/pic/cb-map.png) no-repeat center; } .cbMap:hover { background: url(https://data.asiahighlights.com/pic/cb-map.png) no-repeat center; }
.laMap { background: url(/pic/la-map-gray.png) no-repeat center; padding-top: 150px; } .laMap { background: url(https://data.asiahighlights.com/pic/la-map-gray.png) no-repeat center; padding-top: 150px; }
.laMap:hover { background: url(/pic/la-map.png) no-repeat center; } .laMap:hover { background: url(https://data.asiahighlights.com/pic/la-map.png) no-repeat center; }
.maMap { background: url(/pic/ma-map-gray.png) no-repeat center; padding-top: 150px; } .maMap { background: url(https://data.asiahighlights.com/pic/ma-map-gray.png) no-repeat center; padding-top: 150px; }
.maMap:hover { background: url(/pic/ma-map.png) no-repeat center; } .maMap:hover { background: url(https://data.asiahighlights.com/pic/ma-map.png) no-repeat center; }
.thMap { background: url(/pic/th-map-gray.png) no-repeat center; padding-top: 150px; } .thMap { background: url(https://data.asiahighlights.com/pic/th-map-gray.png) no-repeat center; padding-top: 150px; }
.thMap:hover { background: url(/pic/th-map.png) no-repeat center; } .thMap:hover { background: url(https://data.asiahighlights.com/pic/th-map.png) no-repeat center; }
.photoTxt { display: block; text-align: center; margin-top: 10px; font-style: italic; } /* for guide info */ .photoTxt { display: block; text-align: center; margin-top: 10px; font-style: italic; } /* for guide info */
.tourPhotoL { display: block; margin: 10px 0; position: relative } .tourPhotoL { display: block; margin: 10px 0; position: relative }
.tourPhotoL img { border-radius: 4px; } .tourPhotoL img { border-radius: 4px; }
@ -287,17 +287,17 @@ a:hover { text-decoration: none; color: #b61326; }
.TopReasons li { line-height: 20px; margin-bottom: 20px; font-size: 14px; } .TopReasons li { line-height: 20px; margin-bottom: 20px; font-size: 14px; }
.TopReasons li .orderNum { background: #a31022; width: 20px; height: 20px; display: block; float: left; text-align: center; color: #fff; margin: 5px 15px 20px 0 } .TopReasons li .orderNum { background: #a31022; width: 20px; height: 20px; display: block; float: left; text-align: center; color: #fff; margin: 5px 15px 20px 0 }
.TopReasons li:last-child { text-align: right; } .TopReasons li:last-child { text-align: right; }
.TopReasons li:last-child a { background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; text-decoration: underline; } .TopReasons li:last-child a { background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; text-decoration: underline; }
.TopReasons li:last-child a:hover { text-decoration: none; } .TopReasons li:last-child a:hover { text-decoration: none; }
.viewMoreLink { background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; } .viewMoreLink { background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; }
.viewMoreLink a { font-size: 14px; text-decoration: underline !important; } .viewMoreLink a { font-size: 14px; text-decoration: underline !important; }
.viewMoreLink a:hover { text-decoration: none !important; } .viewMoreLink a:hover { text-decoration: none !important; }
/* page footer tailor made block */ /* page footer tailor made block */
.footerTailor { background: url(/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; } .footerTailor { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; }
.footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; } .footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; }
.footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; } .footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; }
.footerTailor .textBlock span a { color: #fff; } .footerTailor .textBlock span a { color: #fff; }
.footerTailorShort { background: url(/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; border-radius: 4px; } .footerTailorShort { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; border-radius: 4px; }
.footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; } .footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; }
.footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; width: 280px; } .footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; width: 280px; }
.footerTailorShort .textBlock span a { color: #fff; font-size: 18px; display: block; padding: 10px 10px 12px;} .footerTailorShort .textBlock span a { color: #fff; font-size: 18px; display: block; padding: 10px 10px 12px;}
@ -312,7 +312,7 @@ a:hover { text-decoration: none; color: #b61326; }
} }
/* for myanmar guide */ /* for myanmar guide */
.cityList { font-size:14px;} .cityList { font-size:14px;}
.cityList li { line-height:18px; margin-bottom:8px; background:url(/pic/square-gray-8x8.png) no-repeat left; padding-left:20px;} .cityList li { line-height:18px; margin-bottom:8px; background:url(https://data.asiahighlights.com/pic/square-gray-8x8.png) no-repeat left; padding-left:20px;}
.listImage { display: inline-block; width:19%; margin-bottom:50px;} .listImage { display: inline-block; width:19%; margin-bottom:50px;}
.listImage img { max-width:100%; width:100%;} .listImage img { max-width:100%; width:100%;}
@ -320,7 +320,7 @@ a:hover { text-decoration: none; color: #b61326; }
.tips { background: #fff; height: 415px; padding-left: 15px; padding-right: 10px; padding-top: 5px; border-radius: 0 0 4px 4px; border:1px solid #d1d1d1; margin-bottom:35px; } .tips { background: #fff; height: 415px; padding-left: 15px; padding-right: 10px; padding-top: 5px; border-radius: 0 0 4px 4px; border:1px solid #d1d1d1; margin-bottom:35px; }
.tips span.tourname { color: #000; display: block; font-size: 20px; height: 30px; margin-bottom: 5px; margin-top: 5px; } .tips span.tourname { color: #000; display: block; font-size: 20px; height: 30px; margin-bottom: 5px; margin-top: 5px; }
ul.gray li { background: rgba(0, 0, 0, 0) url(/pic/square-gray-8x8.png) no-repeat scroll 20px center; font-size: 14px; padding-left: 40px; margin-bottom:10px;} ul.gray li { background: rgba(0, 0, 0, 0) url(https://data.asiahighlights.com/pic/square-gray-8x8.png) no-repeat scroll 20px center; font-size: 14px; padding-left: 40px; margin-bottom:10px;}
ul.gray { line-height: 24px; margin-left: -20px; } ul.gray { line-height: 24px; margin-left: -20px; }
ul.gray li a:hover { color: #a31022; } ul.gray li a:hover { color: #a31022; }
ul.gray li a { text-decoration: none; } ul.gray li a { text-decoration: none; }

46
css/detail-new.css
Unescape Escape View File

@ -7,30 +7,30 @@
h2 { color: #333 !important; font-size: 23px !important; margin: 35px 0 30px !important; display: block; } h2 { color: #333 !important; font-size: 23px !important; margin: 35px 0 30px !important; display: block; }
.tourMap { display: block; background:#f1f1f1; margin:50px 0; padding:0 0 50px;} .tourMap { display: block; background:#f1f1f1; margin:50px 0; padding:0 0 50px;}
.whatIncluded { height: 100%; overflow: hidden; } .whatIncluded { height: 100%; overflow: hidden; }
.whatIncluded li { background: rgba(0, 0, 0, 0) url(/pic/red-mark.png) no-repeat scroll left 5px; line-height: 20px; margin-bottom: 15px; padding: 0 20px 0 30px; font-size:14px; } .whatIncluded li { background: rgba(0, 0, 0, 0) url(https://data.asiahighlights.com/pic/red-mark.png) no-repeat scroll left 5px; line-height: 20px; margin-bottom: 15px; padding: 0 20px 0 30px; font-size:14px; }
.tourHighlights ul { height: 100%; overflow: hidden; } .tourHighlights ul { height: 100%; overflow: hidden; }
.tourHighlights ul li { background: rgba(0, 0, 0, 0) url(/pic/square-red.gif) no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; font-size:14px; } .tourHighlights ul li { background: rgba(0, 0, 0, 0) url(https://data.asiahighlights.com/pic/square-red.gif) no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; font-size:14px; }
.dayTrip { background:url(/pic/bg-ontour.png) no-repeat left top; padding:0 0 20px 60px; position: relative;} .dayTrip { background:url(https://data.asiahighlights.com/pic/bg-ontour.png) no-repeat left top; padding:0 0 20px 60px; position: relative;}
.dayTrip .closeAction { display: block; background:url(/pic/arrow-up-red.png) no-repeat; width:18px; height:10px; position:absolute; right:0; top:16px; cursor:pointer;} .dayTrip .closeAction { display: block; background:url(https://data.asiahighlights.com/pic/arrow-up-red.png) no-repeat; width:18px; height:10px; position:absolute; right:0; top:16px; cursor:pointer;}
.dayTrip .openAction { display: block; background:url(/pic/arrow-down-red.png) no-repeat; width:18px; height:10px; position:absolute; right:0; top:16px; cursor:pointer;} .dayTrip .openAction { display: block; background:url(https://data.asiahighlights.com/pic/arrow-down-red.png) no-repeat; width:18px; height:10px; position:absolute; right:0; top:16px; cursor:pointer;}
.dayTrip.flyTo {background:url(/pic/bg-fly.png) no-repeat left top !important} .dayTrip.flyTo {background:url(https://data.asiahighlights.com/pic/bg-fly.png) no-repeat left top !important}
.dayTrip.ontourLast {background:url(/pic/ontour-last.png) no-repeat left top !important} .dayTrip.ontourLast {background:url(https://data.asiahighlights.com/pic/ontour-last.png) no-repeat left top !important}
.dayTrip h3 { font-size:16px; margin:0 0 20px; padding:10px 40px 0 0;} .dayTrip h3 { font-size:16px; margin:0 0 20px; padding:10px 40px 0 0;}
.dayTrip h3 strong { font-size:20px; margin-right:5px; color:#a31022; font-weight: normal;} .dayTrip h3 strong { font-size:20px; margin-right:5px; color:#a31022; font-weight: normal;}
.dayTrip .flyInfo { background:url(/pic/flight-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block; margin-right:20px;} .dayTrip .flyInfo { background:url(https://data.asiahighlights.com/pic/flight-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block; margin-right:20px;}
.dayTrip .vanInfo { background:url(/pic/car-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block; margin-right:20px;} .dayTrip .vanInfo { background:url(https://data.asiahighlights.com/pic/car-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block; margin-right:20px;}
.dayTrip .hotelInfo { background:url(/pic/hotel-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block; margin-right:20px;} .dayTrip .hotelInfo { background:url(https://data.asiahighlights.com/pic/hotel-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block; margin-right:20px;}
.dayTrip .return { background:url(/pic/round-trip-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block;} .dayTrip .return { background:url(https://data.asiahighlights.com/pic/round-trip-icon.png) no-repeat left center; padding-left:25px; margin-bottom:10px; font-size:11px; color:#000; display: inline-block;}
.itineraryPhoto { display: block; margin:15px 0 25px; color:#888; font-size:14px;} .itineraryPhoto { display: block; margin:15px 0 25px; color:#888; font-size:14px;}
.itineraryPhoto img { margin-bottom:5px;} .itineraryPhoto img { margin-bottom:5px;}
.hotelImage img { border-radius:4px; width:100%; height:125px; } .hotelImage img { border-radius:4px; width:100%; height:125px; }
.HotelInfo { border-bottom: 1px solid #d1d1d1; margin-bottom: 28px; padding-bottom: 30px; position: relative; } .HotelInfo { border-bottom: 1px solid #d1d1d1; margin-bottom: 28px; padding-bottom: 30px; position: relative; }
.HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; } .HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(https://data.asiahighlights.com/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; }
.HotelInfo .viewMore a { color: #fff; text-decoration: none; } .HotelInfo .viewMore a { color: #fff; text-decoration: none; }
.HotelInfo .HotelName { color: #a31022; font-size: 16px; display: block; margin-bottom: 15px; background:url(/pic/location-icon.png) no-repeat left center; padding-left:20px; } .HotelInfo .HotelName { color: #a31022; font-size: 16px; display: block; margin-bottom: 15px; background:url(https://data.asiahighlights.com/pic/location-icon.png) no-repeat left center; padding-left:20px; }
.HotelInfo .HotelName strong { font-weight: normal; color:#333; margin-left:10px;} .HotelInfo .HotelName strong { font-weight: normal; color:#333; margin-left:10px;}
.HotelInfo li { background:url(/pic/square-gray-8x8.png) no-repeat left; padding-left:20px; line-height:20px; margin-bottom:8px; font-size:14px;} .HotelInfo li { background:url(https://data.asiahighlights.com/pic/square-gray-8x8.png) no-repeat left; padding-left:20px; line-height:20px; margin-bottom:8px; font-size:14px;}
.tourTips li { background:url(/pic/red-square.png) no-repeat left 8px; padding-left:25px; line-height:25px; margin-bottom:20px; font-size:14px;} .tourTips li { background:url(https://data.asiahighlights.com/pic/red-square.png) no-repeat left 8px; padding-left:25px; line-height:25px; margin-bottom:20px; font-size:14px;}
.tourTips li strong { display: block; margin-bottom:5px; font-weight: normal; color:#000; font-size:16px;} .tourTips li strong { display: block; margin-bottom:5px; font-weight: normal; color:#000; font-size:16px;}
.guideCar { display: block; margin:50px 0; padding:50px 0; background:#f1f1f1; overflow: hidden;} .guideCar { display: block; margin:50px 0; padding:50px 0; background:#f1f1f1; overflow: hidden;}
.guideCar .guideInfo { width:48%; float: left; border-right:1px solid #d1d1d1; overflow: hidden; padding-right:40px;} .guideCar .guideInfo { width:48%; float: left; border-right:1px solid #d1d1d1; overflow: hidden; padding-right:40px;}
@ -47,8 +47,8 @@ transform:rotate(-8deg);
-webkit-transform:rotate(-8deg); /* Safari 和 Chrome */ -webkit-transform:rotate(-8deg); /* Safari 和 Chrome */
-o-transform:rotate(-8deg); /* Opera */ -o-transform:rotate(-8deg); /* Opera */
} }
.ourReviews .reviewInfo { line-height:22px; font-size:14px; font-style:italic; padding-top:10px; background:url(/pic/quote-left.png) no-repeat left 10px; padding-left:35px; margin-bottom:65px;} .ourReviews .reviewInfo { line-height:22px; font-size:14px; font-style:italic; padding-top:10px; background:url(https://data.asiahighlights.com/pic/quote-left.png) no-repeat left 10px; padding-left:35px; margin-bottom:65px;}
.ourReviews .reviewInfo .quoteRight { background:url(/pic/quote-right.png) no-repeat; display:inline-block; width:23px; height:20px;} .ourReviews .reviewInfo .quoteRight { background:url(https://data.asiahighlights.com/pic/quote-right.png) no-repeat; display:inline-block; width:23px; height:20px;}
.ourReviews .reviewInfo a { text-decoration: underline;} .ourReviews .reviewInfo a { text-decoration: underline;}
.ourReviews .reviewInfo a:hover { text-decoration: none;} .ourReviews .reviewInfo a:hover { text-decoration: none;}
.inquiryBtn { display: block; padding:30px 0 50px; text-align:center; font-size:24px;} .inquiryBtn { display: block; padding:30px 0 50px; text-align:center; font-size:24px;}
@ -59,9 +59,9 @@ transform:rotate(-8deg);
.open-close { display: block; margin:25px 0 5px; text-align: right; color:#999; font-weight: bold;} .open-close { display: block; margin:25px 0 5px; text-align: right; color:#999; font-weight: bold;}
.open-close a { color:#a31022; margin:0 10px; font-weight: normal; font-size:14px; text-decoration: none;cursor:pointer;} .open-close a { color:#a31022; margin:0 10px; font-weight: normal; font-size:14px; text-decoration: none;cursor:pointer;}
.open-close a:hover { text-decoration: underline} .open-close a:hover { text-decoration: underline}
.specialistSay { font-size:14px; line-height:25px; background:url(/pic/quote-left-s.png) no-repeat left 8px; padding-left:30px;} .specialistSay { font-size:14px; line-height:25px; background:url(https://data.asiahighlights.com/pic/quote-left-s.png) no-repeat left 8px; padding-left:30px;}
.specialistSay em.quoteRight { display: inline-block; background:url(/pic/quote-right-s.png) no-repeat; width:17px; height:12px;} .specialistSay em.quoteRight { display: inline-block; background:url(https://data.asiahighlights.com/pic/quote-right-s.png) no-repeat; width:17px; height:12px;}
.tourSummary h2 { background:url(/image/peggie.png) no-repeat left; background-size:60px 60px; padding:25px 0 25px 80px; color:#666 !important;} .tourSummary h2 { background:url(https://data.asiahighlights.com/image/peggie.png) no-repeat left; background-size:60px 60px; padding:25px 0 25px 80px; color:#666 !important;}
.priceBlock { border:1px solid #d1d1d1; background:#f1f1f1; border-radius:4px; padding:30px 25px; font-size:14px; margin-left:30px;} .priceBlock { border:1px solid #d1d1d1; background:#f1f1f1; border-radius:4px; padding:30px 25px; font-size:14px; margin-left:30px;}
.priceBlock .basedOn { display: block; text-align: center;} .priceBlock .basedOn { display: block; text-align: center;}
.priceBlock .inquiryNow { background:#a31022; text-align:center; display: block; border-radius:4px; width:90%; margin:25px auto 0; } .priceBlock .inquiryNow { background:#a31022; text-align:center; display: block; border-radius:4px; width:90%; margin:25px auto 0; }
@ -73,8 +73,8 @@ transform:rotate(-8deg);
.priceBlock .from { display:inline-block; float: left; margin-top:5px;} .priceBlock .from { display:inline-block; float: left; margin-top:5px;}
.fixedNav { display: block;} .fixedNav { display: block;}
.fixedNav li { margin-bottom:5px; border:1px solid #d1d1d1; background:#f1f1f1; border-radius:4px; padding:10px 25px; font-size:20px; color:#777; margin-left:30px;} .fixedNav li { margin-bottom:5px; border:1px solid #d1d1d1; background:#f1f1f1; border-radius:4px; padding:10px 25px; font-size:20px; color:#777; margin-left:30px;}
.fixedNav li.active { background: url(/pic/bg-nav-active.png) no-repeat left; border: none; color:#fff; position:relative; margin-left:0; padding-left:55px;} .fixedNav li.active { background: url(https://data.asiahighlights.com/pic/bg-nav-active.png) no-repeat left; border: none; color:#fff; position:relative; margin-left:0; padding-left:55px;}
.fixedNav li:first-child:hover { background: url(/pic/bg-nav-active.png) no-repeat left; border: none; color:#fff; position:relative; margin-left:0; padding-left:55px;} .fixedNav li:first-child:hover { background: url(https://data.asiahighlights.com/pic/bg-nav-active.png) no-repeat left; border: none; color:#fff; position:relative; margin-left:0; padding-left:55px;}
.fixedNav li.active:hover{ background-color: none!important;} .fixedNav li.active:hover{ background-color: none!important;}
.fixedNav li.active a { color:#fff;} .fixedNav li.active a { color:#fff;}
.fixedNav li:hover:not(:first-child){ background:#a31022;} .fixedNav li:hover:not(:first-child){ background:#a31022;}
@ -88,4 +88,4 @@ transform:rotate(-8deg);
.ourReviews .customerPhoto { transform: none !important; margin-left:auto; margin-right:auto;} .ourReviews .customerPhoto { transform: none !important; margin-left:auto; margin-right:auto;}
} }
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }

30
css/form-advanced.css
Unescape Escape View File

@ -3,17 +3,17 @@
body { background:#f1f1f1; font-family:'Open Sans', sans-serif!important;} body { background:#f1f1f1; font-family:'Open Sans', sans-serif!important;}
/* CSS Document */ /* CSS Document */
sup { color:#a31022; font-size:105%; top:0px !important;} sup { color:#a31022; font-size:105%; top:0px !important;}
#formBanner { display: block; margin-bottom:30px; background:url(/image/form-banner.jpg) no-repeat center; height:400px; position:relative} #formBanner { display: block; margin-bottom:30px; background:url(https://data.asiahighlights.com/image/form-banner.jpg) no-repeat center; height:400px; position:relative}
#formBanner h1 { border-bottom: none; color:#fff; position:absolute; width:100%; top:50px; text-align:center; font-size:30px !important; font-family:'Open Sans', sans-serif!important; text-shadow:2px 2px 2px #666;} #formBanner h1 { border-bottom: none; color:#fff; position:absolute; width:100%; top:50px; text-align:center; font-size:30px !important; font-family:'Open Sans', sans-serif!important; text-shadow:2px 2px 2px #666;}
.procedure { background:rgba(0,0,0,.5); display: block; padding:20px 0; position:absolute; left:0; bottom:0; width:100%; color:#fff;} .procedure { background:rgba(0,0,0,.5); display: block; padding:20px 0; position:absolute; left:0; bottom:0; width:100%; color:#fff;}
.procedure .subTitle { display: block; font-size:18px; text-align:center; margin-bottom:30px;} .procedure .subTitle { display: block; font-size:18px; text-align:center; margin-bottom:30px;}
.whiteBorder { background:#fff; display: block; height:1px; margin:36px -12px 0 -15px;} .whiteBorder { background:#fff; display: block; height:1px; margin:36px -12px 0 -15px;}
.procedure .listIcon { background:url(/pic/list-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px; background-size:55px 55px; margin-top:9px; font-size:14px;} .procedure .listIcon { background:url(https://data.asiahighlights.com/pic/list-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px; background-size:55px 55px; margin-top:9px; font-size:14px;}
.procedure .peopleIcon { background:url(/pic/people-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;} .procedure .peopleIcon { background:url(https://data.asiahighlights.com/pic/people-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;}
.procedure .emailIcon { background:url(/pic/email-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;} .procedure .emailIcon { background:url(https://data.asiahighlights.com/pic/email-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;}
.procedure .handIcon { background:url(/pic/hands-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;} .procedure .handIcon { background:url(https://data.asiahighlights.com/pic/hands-icon.png) no-repeat left 10px; display: block; padding:11px 0 11px 66px;background-size:55px 55px; font-size:14px;}
.formTrust { display: block; margin-left:20px;} .formTrust { display: block; margin-left:20px;}
.monkReview { background:url(/image/walking-monks.jpg) no-repeat right bottom; display: block; color:#fff; margin:50px 0; font-size:14px; padding:20px 30px 150px; border-radius:4px; background-size: 100%; line-height:22px;} .monkReview { background:url(https://data.asiahighlights.com/image/walking-monks.jpg) no-repeat right bottom; display: block; color:#fff; margin:50px 0; font-size:14px; padding:20px 30px 150px; border-radius:4px; background-size: 100%; line-height:22px;}
.monkReview b { display: block; margin-top:15px; font-size:16px; font-weight: normal;} .monkReview b { display: block; margin-top:15px; font-size:16px; font-weight: normal;}
#inquiryBox { display: block; box-shadow:0 0 5px #999; border-radius:4px; margin:0 0 35px; padding:25px; background:#fff; margin-top:20px;} #inquiryBox { display: block; box-shadow:0 0 5px #999; border-radius:4px; margin:0 0 35px; padding:25px; background:#fff; margin-top:20px;}
#inquiryBox h2 { font-size:24px; border-bottom:1px solid #d1d1d1; padding-bottom:20px; margin:0 0 20px;} #inquiryBox h2 { font-size:24px; border-bottom:1px solid #d1d1d1; padding-bottom:20px; margin:0 0 20px;}
@ -24,14 +24,14 @@ sup { color:#a31022; font-size:105%; top:0px !important;}
textarea { font-family:'Open Sans', sans-serif!important; font-size:14px; line-height:20px; padding:15px !important; border:1px solid #d1d1d1; background:#fff; width:96%; height:150px; border-radius:2px;} textarea { font-family:'Open Sans', sans-serif!important; font-size:14px; line-height:20px; padding:15px !important; border:1px solid #d1d1d1; background:#fff; width:96%; height:150px; border-radius:2px;}
#contactInfo .subTitle { display: block; font-size:16px; font-weight:400; color:#333; margin:30px 0 15px;} #contactInfo .subTitle { display: block; font-size:16px; font-weight:400; color:#333; margin:30px 0 15px;}
#contactInfo input { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:8px 15px; color:#777 !important; background:#fff; border:1px solid #d1d1d1;} #contactInfo input { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:8px 15px; color:#777 !important; background:#fff; border:1px solid #d1d1d1;}
#Date_Start { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:8px 15px; color:#777 !important; background:url(/pic/calendar-icon-red.png) no-repeat 96% 7px #fff; border:1px solid #d1d1d1;} #Date_Start { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:8px 15px; color:#777 !important; background:url(https://data.asiahighlights.com/pic/calendar-icon-red.png) no-repeat 96% 7px #fff; border:1px solid #d1d1d1;}
#inquiryBox label { font-weight: normal;} #inquiryBox label { font-weight: normal;}
#inquiryBox .flexibleDate { display: block; font-size:14px; margin: 5px 0 0 -15px; font-size:14px; background:url(/pic/checkbox-icon.png) no-repeat left 5px; margin-bottom:10px; padding:5px 0 5px 30px;} #inquiryBox .flexibleDate { display: block; font-size:14px; margin: 5px 0 0 -15px; font-size:14px; background:url(https://data.asiahighlights.com/pic/checkbox-icon.png) no-repeat left 5px; margin-bottom:10px; padding:5px 0 5px 30px;}
#inquiryBox .checked {background: url(/pic/checked-icon.png) no-repeat left;} #inquiryBox .checked {background: url(https://data.asiahighlights.com/pic/checked-icon.png) no-repeat left;}
#inquiryBox select { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important; border:1px solid #d1d1d1;} #inquiryBox select { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(https://data.asiahighlights.com/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important; border:1px solid #d1d1d1;}
#inquiryBox select option { padding:5px 0 5px 10px;} #inquiryBox select option { padding:5px 0 5px 10px;}
#inquiryBox input[type="checkbox"] { vertical-align: middle;} #inquiryBox input[type="checkbox"] { vertical-align: middle;}
#contactInfo select { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important;border:1px solid #d1d1d1;} #contactInfo select { width:100%; font-size:14px; font-family:'Open Sans', sans-serif!important; border-radius:2px!important; padding:2px 10px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(https://data.asiahighlights.com/pic/select-tag.png) no-repeat 96% center #fff; background-size: 18px 10px; color:#777 !important;border:1px solid #d1d1d1;}
#contactInfo select option { padding:5px 0 5px 10px;} #contactInfo select option { padding:5px 0 5px 10px;}
.submitBtn { display: block; margin:30px 0 100px; font-size:14px; line-height:22px;} .submitBtn { display: block; margin:30px 0 100px; font-size:14px; line-height:22px;}
.submitBtn .beginNow { background:#a31022; border-radius:4px; display: block; margin-bottom:15px;} .submitBtn .beginNow { background:#a31022; border-radius:4px; display: block; margin-bottom:15px;}
@ -40,12 +40,12 @@ textarea { font-family:'Open Sans', sans-serif!important; font-size:14px; line-h
.submitBtn .beginNow .fa { font-size:170%; margin-left:10px; display:inline-block; vertical-align: middle; font-weight:300 !important;} .submitBtn .beginNow .fa { font-size:170%; margin-left:10px; display:inline-block; vertical-align: middle; font-weight:300 !important;}
.onlyCall { display: block; font-size:14px; color:#777; margin:75px 0 0 -20px;} .onlyCall { display: block; font-size:14px; color:#777; margin:75px 0 0 -20px;}
.destinations li { display: block; float: left; width:24%; font-size:14px; background:url(/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; } .destinations li { display: block; float: left; width:24%; font-size:14px; background:url(https://data.asiahighlights.com/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; }
.destinations li.checked { background:url(/pic/checked-icon.png) no-repeat left;} .destinations li.checked { background:url(https://data.asiahighlights.com/pic/checked-icon.png) no-repeat left;}
.hotelStyle li { display: block; float: left; width:32%; font-size:14px; background:url(/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; } .hotelStyle li { display: block; float: left; width:32%; font-size:14px; background:url(https://data.asiahighlights.com/pic/checkbox-icon.png) no-repeat left; margin-bottom:10px; padding:5px 0 5px 35px; }
.hotelStyle li:nth-child(2) { width:35% !important;} .hotelStyle li:nth-child(2) { width:35% !important;}
.hotelStyle { display: block; margin-bottom:25px; overflow: hidden;} .hotelStyle { display: block; margin-bottom:25px; overflow: hidden;}
.hotelStyle li.checked { background:url(/pic/checked-icon.png) no-repeat left;} .hotelStyle li.checked { background:url(https://data.asiahighlights.com/pic/checked-icon.png) no-repeat left;}
.hotelStyle li em { display: block; font-style: normal; color:#999;} .hotelStyle li em { display: block; font-style: normal; color:#999;}
.interestedIn { display: block; margin-bottom:10px; font-size:14px;} .interestedIn { display: block; margin-bottom:10px; font-size:14px;}
@media(max-width:760px) { @media(max-width:760px) {

16
css/global.min.css vendored
Unescape Escape View File

@ -1623,12 +1623,12 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
.logobox .img-responsive { display: inline } .logobox .img-responsive { display: inline }
.languageSwitch { text-align: right } .languageSwitch { text-align: right }
.languageSwitch a { text-decoration: none; width: 30px; height: 17px; overflow: hidden; display: inline-block; margin-right: 10px } .languageSwitch a { text-decoration: none; width: 30px; height: 17px; overflow: hidden; display: inline-block; margin-right: 10px }
.languageSwitch a.germany { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1200px no-repeat } .languageSwitch a.germany { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1200px no-repeat }
.languageSwitch a.spanish { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1475px no-repeat } .languageSwitch a.spanish { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1475px no-repeat }
.languageSwitch a.french { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1134px no-repeat } .languageSwitch a.french { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1134px no-repeat }
.languageSwitch a.italy { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1542px no-repeat } .languageSwitch a.italy { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1542px no-repeat }
.languageSwitch a.russia { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1410px no-repeat } .languageSwitch a.russia { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1410px no-repeat }
.languageSwitch a.japanese { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1269px no-repeat } .languageSwitch a.japanese { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1269px no-repeat }
.tollfree { margin-right: 10px; padding: 2px 10px 0 25px; position: relative } .tollfree { margin-right: 10px; padding: 2px 10px 0 25px; position: relative }
.fa-phone { font-size: 14px } .fa-phone { font-size: 14px }
.tollfree .currentNo { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB9SURBVHjaYjx27NgfFRUVZgY08Pbt2wtMwsLCYZ8/f0aX+8/Ly+vBpKamtu7GjRuLkWWAihulpaVfMvz//5/h+fPnrHv27Ln+6tWr/0B86eXLl0wgcSaQSgkJid+MjIxunz59ev3z588wMTGxfxDDgSpgeNu2bYrIfIAAAwCXNUjZWhR61gAAAABJRU5ErkJggg==) no-repeat right 5px; padding-right: 10px; cursor: pointer; color: #f1f1f1; display: inline; margin-left: 5px } .tollfree .currentNo { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB9SURBVHjaYjx27NgfFRUVZgY08Pbt2wtMwsLCYZ8/f0aX+8/Ly+vBpKamtu7GjRuLkWWAihulpaVfMvz//5/h+fPnrHv27Ln+6tWr/0B86eXLl0wgcSaQSgkJid+MjIxunz59ev3z588wMTGxfxDDgSpgeNu2bYrIfIAAAwCXNUjZWhR61gAAAABJRU5ErkJggg==) no-repeat right 5px; padding-right: 10px; cursor: pointer; color: #f1f1f1; display: inline; margin-left: 5px }
@ -1640,7 +1640,7 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
.tollfree .freePhone .closeBlock:hover { background: 0 0 } .tollfree .freePhone .closeBlock:hover { background: 0 0 }
#footer { margin-top: 20px; background: #535353; border-top: 1px solid #e1e1e1; padding: 0; color: #fff } #footer { margin-top: 20px; background: #535353; border-top: 1px solid #e1e1e1; padding: 0; color: #fff }
#footer .chSlogan { display: block; background: url(/css/images/global/CH-slogan.png) no-repeat; width: 619px; height: 23px; margin: 10px 0 15px 15px } #footer .chSlogan { display: block; background: url(https://data.asiahighlights.com/css/images/global/CH-slogan.png) no-repeat; width: 619px; height: 23px; margin: 10px 0 15px 15px }
#footer .footPhone { display: block; padding-top: 15px } #footer .footPhone { display: block; padding-top: 15px }
#footer .footPhone p { line-height: 16px!important } #footer .footPhone p { line-height: 16px!important }
#footer .footPhone p>a { color: #fff; text-decoration: none; margin-right: 20px; display: inline-block } #footer .footPhone p>a { color: #fff; text-decoration: none; margin-right: 20px; display: inline-block }
@ -1668,7 +1668,7 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
.trustList { border:1px solid #d1d1d1; height:235px; border-radius:6px; background:#fff; padding:0 20px 20px; color:#333; font-size:14px;} .trustList { border:1px solid #d1d1d1; height:235px; border-radius:6px; background:#fff; padding:0 20px 20px; color:#333; font-size:14px;}
.trustList img { margin-top:35px;} .trustList img { margin-top:35px;}
.trustList .trustTitle { display: block; background:#ebebeb; padding:8px 20px; margin:0 -20px 15px; font-size:16px; border-radius:6px 6px 0 0;} .trustList .trustTitle { display: block; background:#ebebeb; padding:8px 20px; margin:0 -20px 15px; font-size:16px; border-radius:6px 6px 0 0;}
.trustList li { background:url(/pic/mark-red.png) no-repeat left 7px; padding-left:25px; line-height:20px; margin-bottom:10px;} .trustList li { background:url(https://data.asiahighlights.com/pic/mark-red.png) no-repeat left 7px; padding-left:25px; line-height:20px; margin-bottom:10px;}
.mainFooter { display: block; padding:25px 0;} .mainFooter { display: block; padding:25px 0;}
.mainFooter .featuredIn { display: block; border-bottom:1px solid #777; text-align:center; padding-bottom:25px;} .mainFooter .featuredIn { display: block; border-bottom:1px solid #777; text-align:center; padding-bottom:25px;}
.footLinks { border-bottom:1px solid #777; padding:25px 0; color:#bbb; margin-bottom:25px;} .footLinks { border-bottom:1px solid #777; padding:25px 0; color:#bbb; margin-bottom:25px;}

96
css/guide.css
Unescape Escape View File

@ -12,7 +12,7 @@ ul.ArticleList { margin-bottom: 20px; border-top: 3px solid #c6162b; }
ul.ArticleList li.ListTop { border-bottom: 1px #d6d6d6 solid; font-size: 12px;} ul.ArticleList li.ListTop { border-bottom: 1px #d6d6d6 solid; font-size: 12px;}
ul.ArticleList li.ListTop a { text-decoration: none; } ul.ArticleList li.ListTop a { text-decoration: none; }
ul.ArticleList li.ListTop a:hover { color: #c5162b; } ul.ArticleList li.ListTop a:hover { color: #c5162b; }
ul.ArticleList li { border-bottom: 1px #d6d6d6 solid; font-size: 12px; background: url(/image/info-list.png) no-repeat 15px center; padding:10px 0 10px 38px; } ul.ArticleList li { border-bottom: 1px #d6d6d6 solid; font-size: 12px; background: url(https://data.asiahighlights.com/image/info-list.png) no-repeat 15px center; padding:10px 0 10px 38px; }
ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important} ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important}
/* learn more style for info with red */ /* learn more style for info with red */
.learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;} .learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;}
@ -50,23 +50,23 @@ table th .TrainNumber { font-size: 15px; text-align: center; padding-bottom: 10p
.tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; } .tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; }
.publishPic { margin-right: 15px; } .publishPic { margin-right: 15px; }
.publishintros ul.author li { list-style: none; line-height: 25px; } .publishintros ul.author li { list-style: none; line-height: 25px; }
.publishintros ul.author a.email { text-decoration: underline; background: url(/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; } .publishintros ul.author a.email { text-decoration: underline; background: url(https://data.asiahighlights.com/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
.publishintros ul.author a.feedback { text-decoration: underline; background: url(/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; } .publishintros ul.author a.feedback { text-decoration: underline; background: url(https://data.asiahighlights.com/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
input.depart { background: url(/pic/calendar-icon.png) no-repeat right center; } input.depart { background: url(https://data.asiahighlights.com/pic/calendar-icon.png) no-repeat right center; }
span.ageInfo { font-size: 12px; display: block; margin: 5px 0 10px; } span.ageInfo { font-size: 12px; display: block; margin: 5px 0 10px; }
/*info index*/ /*info index*/
.TopInfo { padding-top: 30px; padding-bottom: 30px; } .TopInfo { padding-top: 30px; padding-bottom: 30px; }
.TopMore { color: #b61326; } .TopMore { color: #b61326; }
ul.TopList li.airplane { background: url(/image/plane.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; } ul.TopList li.airplane { background: url(https://data.asiahighlights.com/image/plane.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; }
ul.TopList li.money { background: url(/image/money.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; } ul.TopList li.money { background: url(https://data.asiahighlights.com/image/money.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; }
ul.TopList li.add { background: url(/image/add.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; } ul.TopList li.add { background: url(https://data.asiahighlights.com/image/add.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; }
ul.TopList li.airline { background: url(/image/recommended-airline.png) no-repeat; font-size: 15px; padding-left: 60px; } ul.TopList li.airline { background: url(https://data.asiahighlights.com/image/recommended-airline.png) no-repeat; font-size: 15px; padding-left: 60px; }
ul.TopList li.TimeZone { background: url(/image/time-zone.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; } ul.TopList li.TimeZone { background: url(https://data.asiahighlights.com/image/time-zone.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; }
ul.TopList li.FlyFrom { background: url(/image/fly-from.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; } ul.TopList li.FlyFrom { background: url(https://data.asiahighlights.com/image/fly-from.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; }
ul.TopList li.cambodiaIcon { background: url(/pic/cambodia-symbol.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; } ul.TopList li.cambodiaIcon { background: url(https://data.asiahighlights.com/pic/cambodia-symbol.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; }
ul.TopList li.topIcon { background: url(/pic/top-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; } ul.TopList li.topIcon { background: url(https://data.asiahighlights.com/pic/top-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; margin-bottom: 30px; }
ul.TopList li.hinduIcon { background: url(/pic/hindu-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; } ul.TopList li.hinduIcon { background: url(https://data.asiahighlights.com/pic/hindu-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; }
ul.TopList li.crownIcon { background: url(/pic/crown-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; } ul.TopList li.crownIcon { background: url(https://data.asiahighlights.com/pic/crown-icon.png) no-repeat; font-size: 15px; padding-left: 60px; padding-bottom: 5px; }
@media(max-width:750px) { @media(max-width:750px) {
ul.TopList li.cambodiaIcon { margin: 25px 0; min-height: 50px; } ul.TopList li.cambodiaIcon { margin: 25px 0; min-height: 50px; }
ul.TopList li.topIcon { margin: 15px 0; min-height: 50px; } ul.TopList li.topIcon { margin: 15px 0; min-height: 50px; }
@ -83,7 +83,7 @@ ul.TopList li.crownIcon { margin: 15px 0; min-height: 50px; }
.Navi .Page { color: #a31022; } .Navi .Page { color: #a31022; }
.CruiseTitle { color: #fff; background: #a31022; width: 100%; display: block; border-radius: 4px 4px 0 0; padding: 10px 0 10px 15px; font-family: Trebuchet MS; font-size: 22px; } .CruiseTitle { color: #fff; background: #a31022; width: 100%; display: block; border-radius: 4px 4px 0 0; padding: 10px 0 10px 15px; font-family: Trebuchet MS; font-size: 22px; }
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
@media(max-width:750px) { @media(max-width:750px) {
ul.TopList li.FlyFrom { padding-bottom: 28px; } ul.TopList li.FlyFrom { padding-bottom: 28px; }
.cityMap .flightTimes { display: none !important; } .cityMap .flightTimes { display: none !important; }
@ -113,7 +113,7 @@ h2.AboutUs { font-size: 37px; font-family: Trebuchet MS; }
.MediaMore { padding-top: 15px; margin-top: 15px; } .MediaMore { padding-top: 15px; margin-top: 15px; }
.SocialMedias { margin-top: 15px; } .SocialMedias { margin-top: 15px; }
ol.ListNumber li { font-size: 14px; margin-bottom: 8px; list-style: none; } ol.ListNumber li { font-size: 14px; margin-bottom: 8px; list-style: none; }
ul.InfoList li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 8px; padding-left: 20px; font-size: 14px } ul.InfoList li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 8px; padding-left: 20px; font-size: 14px }
#Topbanner { display: block; position: relative; } #Topbanner { display: block; position: relative; }
#Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; } #Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; }
#Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; } #Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; }
@ -124,15 +124,15 @@ ul.InfoList li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repe
.tourBox1 { margin-top: 25px; } .tourBox1 { margin-top: 25px; }
.TourInfo { margin-top: 25px; border-bottom: none; } .TourInfo { margin-top: 25px; border-bottom: none; }
.tourHighlights ul { height: 100%; overflow: hidden; } .tourHighlights ul { height: 100%; overflow: hidden; }
.tourHighlights ul li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; } .tourHighlights ul li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; }
h2 { color: #333 !important; font-size: 26px !important; margin: 35px 0 20px !important; display: block; } h2 { color: #333 !important; font-size: 26px !important; margin: 35px 0 20px !important; display: block; }
h2.highlights { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.highlights { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.includeIcon { background: rgba(0, 0, 0, 0) url("/pic/include.png") no-repeat scroll left 5px / 22px auto; padding-left: 35px; text-align: left; } h2.includeIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/include.png") no-repeat scroll left 5px / 22px auto; padding-left: 35px; text-align: left; }
h2.costIcon { background: rgba(0, 0, 0, 0) url("/pic/cost.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.costIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/cost.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.HotelUes { background: rgba(0, 0, 0, 0) url("/pic/hotel.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.HotelUes { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/hotel.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
.whatIncluded { height: 100%; overflow: hidden; } .whatIncluded { height: 100%; overflow: hidden; }
.whatIncluded li { background: rgba(0, 0, 0, 0) url("/pic/green-mark-17x16.png") no-repeat scroll left 5px; float: left; line-height: 20px; margin-bottom: 5px; padding: 0 20px 0 30px; width: 50%; } .whatIncluded li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/green-mark-17x16.png") no-repeat scroll left 5px; float: left; line-height: 20px; margin-bottom: 5px; padding: 0 20px 0 30px; width: 50%; }
.priceTable { border: 1px solid #d1d1d1; margin-bottom: 20px; text-align: center; width: 100%; } .priceTable { border: 1px solid #d1d1d1; margin-bottom: 20px; text-align: center; width: 100%; }
.priceTable th { background: #e8e8e8 none repeat scroll 0 0; border-bottom: 1px solid #d1d1d1; font-size: 16px; font-weight: normal; padding: 8px 10px; text-align: center; } .priceTable th { background: #e8e8e8 none repeat scroll 0 0; border-bottom: 1px solid #d1d1d1; font-size: 16px; font-weight: normal; padding: 8px 10px; text-align: center; }
.priceTable td { border-bottom: 1px solid #d1d1d1; font-size: 14px; padding: 5px 10px; } .priceTable td { border-bottom: 1px solid #d1d1d1; font-size: 14px; padding: 5px 10px; }
@ -141,15 +141,15 @@ h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-rep
.tourDates { clear: both; display: block; font-size: 18px; line-height: 20px; margin: 30px 0 10px; } .tourDates { clear: both; display: block; font-size: 18px; line-height: 20px; margin: 30px 0 10px; }
.hotelImage img { border: 1px solid #d1d1d1; padding: 5px; } .hotelImage img { border: 1px solid #d1d1d1; padding: 5px; }
.HotelInfo { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; padding-bottom: 30px; position: relative; } .HotelInfo { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; padding-bottom: 30px; position: relative; }
.HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; } .HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(https://data.asiahighlights.com/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; }
.HotelInfo .viewMore a { color: #fff; text-decoration: none; } .HotelInfo .viewMore a { color: #fff; text-decoration: none; }
.HotelInfo .HotelName { color: #1b5fac; font-size: 16px; display: block; margin-bottom: 15px; } .HotelInfo .HotelName { color: #1b5fac; font-size: 16px; display: block; margin-bottom: 15px; }
.noteIcon { background: rgba(0, 0, 0, 0) url("/pic/note.png") no-repeat scroll left center / 22px auto; padding-left: 35px; } .noteIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/note.png") no-repeat scroll left center / 22px auto; padding-left: 35px; }
.inpageNav { display: block; margin-bottom: 30px; } .inpageNav { display: block; margin-bottom: 30px; }
.inpageNav li { background: rgba(0, 0, 0, 0) url("/pic/gray-arrow-right.png") no-repeat scroll left 7px; font-size: 18px; margin-bottom: 10px; padding-left: 25px; border-bottom: 1px dashed #d1d1d1; padding-bottom: 10px; } .inpageNav li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/gray-arrow-right.png") no-repeat scroll left 7px; font-size: 18px; margin-bottom: 10px; padding-left: 25px; border-bottom: 1px dashed #d1d1d1; padding-bottom: 10px; }
.inpageNav li a { text-decoration: none; } .inpageNav li a { text-decoration: none; }
/*iquiry box by candice song*/ /*iquiry box by candice song*/
.tourBox { background: #efefef url(/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; } .tourBox { background: #efefef url(https://data.asiahighlights.com/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; }
ul.tourList { padding: 15px 0 0; } ul.tourList { padding: 15px 0 0; }
ul.tourList li { color: #fff; font-size: 13px; list-style: outside none none; margin: 0 0 5px; } ul.tourList li { color: #fff; font-size: 13px; list-style: outside none none; margin: 0 0 5px; }
.promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0 0 0 20px; } .promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0 0 0 20px; }
@ -164,7 +164,7 @@ a.priceLink { padding: 0 20px 0 0; }
span.title { display: block; font-size: 16px; margin: 0 0 8px; } span.title { display: block; font-size: 16px; margin: 0 0 8px; }
.traveller select, input.depart { width: 100%; border: 1px solid #d1d1d1; border-radius: 4px; padding: 8px 10px; } .traveller select, input.depart { width: 100%; border: 1px solid #d1d1d1; border-radius: 4px; padding: 8px 10px; }
.bookTour { display: block; overflow: hidden; margin: 15px auto; width: 80%; } .bookTour { display: block; overflow: hidden; margin: 15px auto; width: 80%; }
.bookTour input { background: url(/pic/dot-arrow.png) no-repeat 93% center #a31022; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none; padding: 5px 10px; border-radius: 4px; } .bookTour input { background: url(https://data.asiahighlights.com/pic/dot-arrow.png) no-repeat 93% center #a31022; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none; padding: 5px 10px; border-radius: 4px; }
.tripNotes h3 { font-size: 18px; display: block; margin: 0 0 15px; } .tripNotes h3 { font-size: 18px; display: block; margin: 0 0 15px; }
@media(max-width:768px) { @media(max-width:768px) {
.infoList { width: 100%; } .infoList { width: 100%; }
@ -184,9 +184,9 @@ span.title { display: block; font-size: 16px; margin: 0 0 8px; }
.tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; margin-bottom: 15px; } .tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; margin-bottom: 15px; }
.tourPhoto { position: relative; } .tourPhoto { position: relative; }
.tourPhoto img { width: 100%; } .tourPhoto img { width: 100%; }
.tourPhoto .dayTag { background: url(/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; } .tourPhoto .dayTag { background: url(https://data.asiahighlights.com/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; }
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; } .tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; }
.tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; } .tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; }
.tourInfo .viewDetail2 { background: #a31022; border-radius: 4px; display: block; margin: 15px auto 10px; padding: 6px 0; width:150px; text-align: center; } .tourInfo .viewDetail2 { background: #a31022; border-radius: 4px; display: block; margin: 15px auto 10px; padding: 6px 0; width:150px; text-align: center; }
.tourInfo .viewDetail2 a { color: #fff; font-size: 15px; text-decoration: none; } .tourInfo .viewDetail2 a { color: #fff; font-size: 15px; text-decoration: none; }
/* quick inquiry form */ /* quick inquiry form */
@ -225,29 +225,29 @@ a:hover { text-decoration: none; color: #b61326; }
.photoInfo .infoTitle { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); padding: 8px; font-size: 18px; color: #fff; display: block; } .photoInfo .infoTitle { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); padding: 8px; font-size: 18px; color: #fff; display: block; }
.photoInfo img { border-radius: 4px 4px 0 0; } .photoInfo img { border-radius: 4px 4px 0 0; }
.listInfo { background: #f1f1f1; padding: 20px; border-radius: 0 0 4px 4px; } .listInfo { background: #f1f1f1; padding: 20px; border-radius: 0 0 4px 4px; }
.listInfo li { background: url(/pic/gray-square.png) no-repeat left; padding-left: 20px; line-height: 30px; } .listInfo li { background: url(https://data.asiahighlights.com/pic/gray-square.png) no-repeat left; padding-left: 20px; line-height: 30px; }
/* recommend tours */ /* recommend tours */
.ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; } .ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; }
.ratedTours img { border-radius: 4px 4px 0 0; } .ratedTours img { border-radius: 4px 4px 0 0; }
.ratedTours .tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; } .ratedTours .tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; }
.ratedTours .tourPhoto { position: relative; } .ratedTours .tourPhoto { position: relative; }
.ratedTours .tourPhoto .dayTag { background: url(/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; } .ratedTours .tourPhoto .dayTag { background: url(https://data.asiahighlights.com/pic/days-tag.png) no-repeat; display: block; width: 67px; height: 65px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding-top: 10px; line-height: 15px; }
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; } .tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; }
.tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; } .tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align: right; display: block; }
/* other asia countries */ /* other asia countries */
.otherCountry { display: block; margin: 25px 0; } .otherCountry { display: block; margin: 25px 0; }
.countryLink { display: block; float: left; width: 20%; text-align: center } .countryLink { display: block; float: left; width: 20%; text-align: center }
.countryLink a { display: block; } .countryLink a { display: block; }
.vnMap { background: url(/pic/vn-map-gray.png) no-repeat center; padding-top: 150px; } .vnMap { background: url(https://data.asiahighlights.com/pic/vn-map-gray.png) no-repeat center; padding-top: 150px; }
.vnMap:hover { background: url(/pic/vn-map.png) no-repeat center; } .vnMap:hover { background: url(https://data.asiahighlights.com/pic/vn-map.png) no-repeat center; }
.cbMap { background: url(/pic/cb-map-gray.png) no-repeat center; padding-top: 150px; } .cbMap { background: url(https://data.asiahighlights.com/pic/cb-map-gray.png) no-repeat center; padding-top: 150px; }
.cbMap:hover { background: url(/pic/cb-map.png) no-repeat center; } .cbMap:hover { background: url(https://data.asiahighlights.com/pic/cb-map.png) no-repeat center; }
.laMap { background: url(/pic/la-map-gray.png) no-repeat center; padding-top: 150px; } .laMap { background: url(https://data.asiahighlights.com/pic/la-map-gray.png) no-repeat center; padding-top: 150px; }
.laMap:hover { background: url(/pic/la-map.png) no-repeat center; } .laMap:hover { background: url(https://data.asiahighlights.com/pic/la-map.png) no-repeat center; }
.maMap { background: url(/pic/ma-map-gray.png) no-repeat center; padding-top: 150px; } .maMap { background: url(https://data.asiahighlights.com/pic/ma-map-gray.png) no-repeat center; padding-top: 150px; }
.maMap:hover { background: url(/pic/ma-map.png) no-repeat center; } .maMap:hover { background: url(https://data.asiahighlights.com/pic/ma-map.png) no-repeat center; }
.thMap { background: url(/pic/th-map-gray.png) no-repeat center; padding-top: 150px; } .thMap { background: url(https://data.asiahighlights.com/pic/th-map-gray.png) no-repeat center; padding-top: 150px; }
.thMap:hover { background: url(/pic/th-map.png) no-repeat center; } .thMap:hover { background: url(https://data.asiahighlights.com/pic/th-map.png) no-repeat center; }
.photoTxt { display: block; text-align: center; margin-top: 10px; font-style: italic; } /* for guide info */ .photoTxt { display: block; text-align: center; margin-top: 10px; font-style: italic; } /* for guide info */
.tourPhotoL { display: block; margin: 10px 0; position: relative } .tourPhotoL { display: block; margin: 10px 0; position: relative }
.tourPhotoL img { border-radius: 4px; } .tourPhotoL img { border-radius: 4px; }
@ -272,17 +272,17 @@ a:hover { text-decoration: none; color: #b61326; }
.TopReasons li { line-height: 20px; margin-bottom: 20px; font-size: 14px; } .TopReasons li { line-height: 20px; margin-bottom: 20px; font-size: 14px; }
.TopReasons li .orderNum { background: #a31022; width: 20px; height: 20px; display: block; float: left; text-align: center; color: #fff; margin: 5px 15px 20px 0 } .TopReasons li .orderNum { background: #a31022; width: 20px; height: 20px; display: block; float: left; text-align: center; color: #fff; margin: 5px 15px 20px 0 }
.TopReasons li:last-child { text-align: right; } .TopReasons li:last-child { text-align: right; }
.TopReasons li:last-child a { background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; text-decoration: underline; } .TopReasons li:last-child a { background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; text-decoration: underline; }
.TopReasons li:last-child a:hover { text-decoration: none; } .TopReasons li:last-child a:hover { text-decoration: none; }
.viewMoreLink { background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; } .viewMoreLink { background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; }
.viewMoreLink a { font-size: 14px; text-decoration: underline !important; } .viewMoreLink a { font-size: 14px; text-decoration: underline !important; }
.viewMoreLink a:hover { text-decoration: none !important; } .viewMoreLink a:hover { text-decoration: none !important; }
/* page footer tailor made block */ /* page footer tailor made block */
.footerTailor { background: url(/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; } .footerTailor { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; }
.footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; } .footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; }
.footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; } .footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; }
.footerTailor .textBlock span a { color: #fff; } .footerTailor .textBlock span a { color: #fff; }
.footerTailorShort { background: url(/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; border-radius: 4px; } .footerTailorShort { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; border-radius: 4px; }
.footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; } .footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; }
.footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; width: 280px; } .footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; width: 280px; }
.footerTailorShort .textBlock span a { color: #fff; font-size: 18px; display: block; padding: 10px 10px 12px;} .footerTailorShort .textBlock span a { color: #fff; font-size: 18px; display: block; padding: 10px 10px 12px;}
@ -297,7 +297,7 @@ a:hover { text-decoration: none; color: #b61326; }
} }
/* for myanmar guide */ /* for myanmar guide */
.cityList { font-size:14px;} .cityList { font-size:14px;}
.cityList li { line-height:18px; margin-bottom:8px; background:url(/pic/square-gray-8x8.png) no-repeat left; padding-left:20px;} .cityList li { line-height:18px; margin-bottom:8px; background:url(https://data.asiahighlights.com/pic/square-gray-8x8.png) no-repeat left; padding-left:20px;}
.myanmarGuide { margin-top:140px;} .myanmarGuide { margin-top:140px;}
.listImage { display: inline-block; width:19%; margin-bottom:50px;} .listImage { display: inline-block; width:19%; margin-bottom:50px;}
.listImage img { max-width:100%; width:100%;} .listImage img { max-width:100%; width:100%;}
@ -305,7 +305,7 @@ a:hover { text-decoration: none; color: #b61326; }
.tips { background: #fff; height: 415px; padding-left: 15px; padding-right: 10px; padding-top: 5px; border-radius: 0 0 4px 4px; border:1px solid #d1d1d1; margin-bottom:35px; } .tips { background: #fff; height: 415px; padding-left: 15px; padding-right: 10px; padding-top: 5px; border-radius: 0 0 4px 4px; border:1px solid #d1d1d1; margin-bottom:35px; }
.tips span.tourname { color: #04679a; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; height: 30px; margin-bottom: 5px; margin-top: 5px; } .tips span.tourname { color: #04679a; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; height: 30px; margin-bottom: 5px; margin-top: 5px; }
ul.gray li { background: rgba(0, 0, 0, 0) url(/pic/square-gray-8x8.png) no-repeat scroll 20px center; font-size: 14px; padding-left: 40px; margin-bottom:10px;} ul.gray li { background: rgba(0, 0, 0, 0) url(https://data.asiahighlights.com/pic/square-gray-8x8.png) no-repeat scroll 20px center; font-size: 14px; padding-left: 40px; margin-bottom:10px;}
ul.gray { line-height: 24px; margin-left: -20px; } ul.gray { line-height: 24px; margin-left: -20px; }
ul.gray li a:hover { color: #a31022; } ul.gray li a:hover { color: #a31022; }
ul.gray li a { text-decoration: none; } ul.gray li a { text-decoration: none; }

6
css/homepage.css
Unescape Escape View File

@ -30,9 +30,9 @@ h2 em { display: none; }
.whyAH .whyus { display: block; margin: 35px 0; overflow: hidden; text-align: left !important } .whyAH .whyus { display: block; margin: 35px 0; overflow: hidden; text-align: left !important }
.whyAH .whyus li { font-size: 18px; color: #959595; padding: 35px 0 35px 150px; margin-bottom: 15px; } .whyAH .whyus li { font-size: 18px; color: #959595; padding: 35px 0 35px 150px; margin-bottom: 15px; }
.whyAH .whyus li strong { font-size: 22px; display: block; color: #545454; font-weight: normal; } .whyAH .whyus li strong { font-size: 22px; display: block; color: #545454; font-weight: normal; }
.whyAH .whyus li.planning { background: url(/pic/planning-icon.png) no-repeat left; } .whyAH .whyus li.planning { background: url(https://data.asiahighlights.com/pic/planning-icon.png) no-repeat left; }
.whyAH .whyus li.customize { background: url(/pic/customize-icon.png) no-repeat left; } .whyAH .whyus li.customize { background: url(https://data.asiahighlights.com/pic/customize-icon.png) no-repeat left; }
.whyAH .whyus li.guarantee { background: url(/pic/guarantee-icon.png) no-repeat left; } .whyAH .whyus li.guarantee { background: url(https://data.asiahighlights.com/pic/guarantee-icon.png) no-repeat left; }
.popularArticle { display: block; padding: 30px 0 50px; } .popularArticle { display: block; padding: 30px 0 50px; }
.popularArticle .articleFirst img { border-radius: 4px 4px 0 0; } .popularArticle .articleFirst img { border-radius: 4px 4px 0 0; }
.popularArticle .articleFirst .articleInfo { background: #f4f4f4; border-radius: 0 0 4px 4px; padding: 15px; } .popularArticle .articleFirst .articleInfo { background: #f4f4f4; border-radius: 0 0 4px 4px; padding: 15px; }

18
css/inquiry-form.css
Unescape Escape View File

@ -4,7 +4,7 @@ label { font-weight: normal !important;}
#inquiryForm { background-color: #f1f1f1; padding-top: 30px; } #inquiryForm { background-color: #f1f1f1; padding-top: 30px; }
.pgHead { display: block; margin-top: 15px; } .pgHead { display: block; margin-top: 15px; }
.advisorInfo { background-color: #fff; border-radius: 4px; padding: 20px 15px; font-size: 18px; position: relative; margin-top: 30px; display: block; } .advisorInfo { background-color: #fff; border-radius: 4px; padding: 20px 15px; font-size: 18px; position: relative; margin-top: 30px; display: block; }
.advisorInfo .arrow { background: url(/pic/white-arrow.png) no-repeat; display: block; width: 21px; height: 26px; position: absolute; left: -20px; top: calc(50% - 13px); } .advisorInfo .arrow { background: url(https://data.asiahighlights.com/pic/white-arrow.png) no-repeat; display: block; width: 21px; height: 26px; position: absolute; left: -20px; top: calc(50% - 13px); }
.FormDetail { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; border-radius: 6px; box-shadow: 0 0 3px #666 inset; padding: 20px 40px 20px 50px; position: relative; z-index: 9999; margin: 50px 0; } .FormDetail { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; border-radius: 6px; box-shadow: 0 0 3px #666 inset; padding: 20px 40px 20px 50px; position: relative; z-index: 9999; margin: 50px 0; }
.TourInfo { border-bottom: 2px solid #d5d5d5; padding-bottom: 15px; margin-left: -25px; } .TourInfo { border-bottom: 2px solid #d5d5d5; padding-bottom: 15px; margin-left: -25px; }
.InquiryOn { text-align: right; color: #c01935; font-size: 20px; } .InquiryOn { text-align: right; color: #c01935; font-size: 20px; }
@ -45,7 +45,7 @@ input[type="submit"] { width: 100%; background: #a31022; border: none; padding:
.FormDetail { margin-top: 30px !important; } .FormDetail { margin-top: 30px !important; }
.advisorInfo { margin-top: 0 !important; } .advisorInfo { margin-top: 0 !important; }
} }
input.arrivalDate { background: url(/pic/calendar.png) no-repeat 95% center; } input.arrivalDate { background: url(https://data.asiahighlights.com/pic/calendar.png) no-repeat 95% center; }
/*csk 底部表单*/ /*csk 底部表单*/
.footerBtn { display: block; margin: 0 auto; width: 250px; text-align: center; background: #a31022; border-radius: 4px; font-size: 20px; padding: 8px 0; color: #fff; cursor: pointer; } .footerBtn { display: block; margin: 0 auto; width: 250px; text-align: center; background: #a31022; border-radius: 4px; font-size: 20px; padding: 8px 0; color: #fff; cursor: pointer; }
.footerBtn>span { color: #fff; } .footerBtn>span { color: #fff; }
@ -56,17 +56,17 @@ input.arrivalDate { background: url(/pic/calendar.png) no-repeat 95% center; }
/* from tailor made */ /* from tailor made */
.whoTravel { display: block; margin: 5px 0 20px; } .whoTravel { display: block; margin: 5px 0 20px; }
.whoTravel .groupType { display: block; padding: 8px 0 8px 35px; } .whoTravel .groupType { display: block; padding: 8px 0 8px 35px; }
.whoTravel .groupType.adults { background:url(/pic/adults-icon.png) no-repeat left;} .whoTravel .groupType.adults { background:url(https://data.asiahighlights.com/pic/adults-icon.png) no-repeat left;}
.whoTravel .groupType.youth { background:url(/pic/yonth-icon.png) no-repeat left; padding-left:55px !important;} .whoTravel .groupType.youth { background:url(https://data.asiahighlights.com/pic/yonth-icon.png) no-repeat left; padding-left:55px !important;}
.whoTravel .groupType.kids { background:url(/pic/kid-icon.png) no-repeat left;} .whoTravel .groupType.kids { background:url(https://data.asiahighlights.com/pic/kid-icon.png) no-repeat left;}
.whoTravel .groupType select { display: block; width:100%; border:1px solid #d1d1d1; height:30px; border-radius:4px; margin:5px 0 0;} .whoTravel .groupType select { display: block; width:100%; border:1px solid #d1d1d1; height:30px; border-radius:4px; margin:5px 0 0;}
.whoTravel .groupType label { display: block; clear: both; width: 100%;} .whoTravel .groupType label { display: block; clear: both; width: 100%;}
.hotelBlock { display: block; margin: 5px 0 30px; } .hotelBlock { display: block; margin: 5px 0 30px; }
.hotelBlock .hotelStyle { display: block; padding-top: 40px; text-align: center; cursor: pointer; margin-top:20px; } .hotelBlock .hotelStyle { display: block; padding-top: 40px; text-align: center; cursor: pointer; margin-top:20px; }
.hotelBlock .hotelStyle.luxury { background: url(/pic/luxury.png) no-repeat top center; } .hotelBlock .hotelStyle.luxury { background: url(https://data.asiahighlights.com/pic/luxury.png) no-repeat top center; }
.hotelBlock .hotelStyle.boutique { background: url(/pic/boutique.png) no-repeat top center; } .hotelBlock .hotelStyle.boutique { background: url(https://data.asiahighlights.com/pic/boutique.png) no-repeat top center; }
.hotelBlock .hotelStyle.comfort { background: url(/pic/comfort.png) no-repeat top center; } .hotelBlock .hotelStyle.comfort { background: url(https://data.asiahighlights.com/pic/comfort.png) no-repeat top center; }
.hotelBlock .hotelStyle.standard { background: url(/pic/standard.png) no-repeat top center; } .hotelBlock .hotelStyle.standard { background: url(https://data.asiahighlights.com/pic/standard.png) no-repeat top center; }
.contactinfo { display: block; margin-top:5px; margin-bottom:30px; } .contactinfo { display: block; margin-top:5px; margin-bottom:30px; }
.input-group-addon { background: #d1d1d1 !important; } .input-group-addon { background: #d1d1d1 !important; }
.personalInfo label { color: #666; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; } .personalInfo label { color: #666; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; }

6
css/missing.css
Unescape Escape View File

@ -4,7 +4,7 @@
h1 { border-bottom: none !important; margin-bottom:25px;} h1 { border-bottom: none !important; margin-bottom:25px;}
.pgHead { margin-top:40px;} .pgHead { margin-top:40px;}
.contactUs { border:1px solid #d9d9d9; box-shadow:0 0 2px #d9d9d9; border-radius:4px; padding:30px; margin:30px 0; background:#fff; position:relative} .contactUs { border:1px solid #d9d9d9; box-shadow:0 0 2px #d9d9d9; border-radius:4px; padding:30px; margin:30px 0; background:#fff; position:relative}
.contactUs .arrow { background:url(/pic/arrow-25x40.png) no-repeat; display: block; width:25px; height:40px; position:absolute; left:-25px; top:30px;} .contactUs .arrow { background:url(https://data.asiahighlights.com/pic/arrow-25x40.png) no-repeat; display: block; width:25px; height:40px; position:absolute; left:-25px; top:30px;}
.contactUs .introText { font-size:22px; display: block; margin-bottom:20px; color:#a31022} .contactUs .introText { font-size:22px; display: block; margin-bottom:20px; color:#a31022}
.contactUs input { border:1px solid #d1d1d1; font-size:16px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:20px; background:#f9f9f9;} .contactUs input { border:1px solid #d1d1d1; font-size:16px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:20px; background:#f9f9f9;}
.contactUs textarea { border:1px solid #d1d1d1; font-size:16px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:40px; height:150px; background:#f9f9f9;} .contactUs textarea { border:1px solid #d1d1d1; font-size:16px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:40px; height:150px; background:#f9f9f9;}
@ -21,7 +21,7 @@ h1 { border-bottom: none !important; margin-bottom:25px;}
.pgSay .whatsapp strong { display: block;} .pgSay .whatsapp strong { display: block;}
} }
.pgSay { background:#f1f1f1; padding:20px 50px; border-radius:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; line-height:35px; margin-top:20px; position:relative} .pgSay { background:#f1f1f1; padding:20px 50px; border-radius:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; line-height:35px; margin-top:20px; position:relative}
.pgSay .arrow { background:url(/pic/arrow-21x26.png) no-repeat; display: block; width:21px; height:26px; left:-21px; top:calc(50% - 13px); position:absolute;} .pgSay .arrow { background:url(https://data.asiahighlights.com/pic/arrow-21x26.png) no-repeat; display: block; width:21px; height:26px; left:-21px; top:calc(50% - 13px); position:absolute;}
.pgSay .whatsapp { display: block; background:url(/pic/whatsapp-icon.png) no-repeat left; padding-left:35px;} .pgSay .whatsapp { display: block; background:url(https://data.asiahighlights.com/pic/whatsapp-icon.png) no-repeat left; padding-left:35px;}
.pgSay .whatsapp strong { color:#a31022; font-size:26px; font-weight: normal;} .pgSay .whatsapp strong { color:#a31022; font-size:26px; font-weight: normal;}
.tips { display: block; margin:35px 20px; font-size:14px; line-height:25px; color:#545454 !important;} .tips { display: block; margin:35px 20px; font-size:14px; line-height:25px; color:#545454 !important;}

64
css/tailor-make.css
Unescape Escape View File

@ -4,7 +4,7 @@ label { font-weight: normal !important;}
#inquiryForm { background-color: #f1f1f1; padding-top: 30px;} #inquiryForm { background-color: #f1f1f1; padding-top: 30px;}
.pgHead { display:block; margin-top:15px;} .pgHead { display:block; margin-top:15px;}
.advisorInfo { background-color: #fff; border-radius: 4px; padding: 20px 15px; font-size: 18px; position: relative; margin-top:30px; display: block; } .advisorInfo { background-color: #fff; border-radius: 4px; padding: 20px 15px; font-size: 18px; position: relative; margin-top:30px; display: block; }
.advisorInfo .arrow { background:url(/pic/white-arrow.png) no-repeat; display: block; width:21px; height:26px; position:absolute; left:-20px; top:calc(50% - 13px);} .advisorInfo .arrow { background:url(https://data.asiahighlights.com/pic/white-arrow.png) no-repeat; display: block; width:21px; height:26px; position:absolute; left:-20px; top:calc(50% - 13px);}
.FormDetail { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; border-radius: 6px; box-shadow: 0 0 3px #666 inset; padding: 20px 40px 20px 50px; position: relative; z-index: 9999; margin:50px 0; } .FormDetail { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; border-radius: 6px; box-shadow: 0 0 3px #666 inset; padding: 20px 40px 20px 50px; position: relative; z-index: 9999; margin:50px 0; }
@media(max-width:768px) { @media(max-width:768px) {
.who { margin-bottom:20px;} .who { margin-bottom:20px;}
@ -13,7 +13,7 @@ label { font-weight: normal !important;}
.FormDetail { margin-top:30px !important;} .FormDetail { margin-top:30px !important;}
.advisorInfo { margin-top:0 !important;} .advisorInfo { margin-top:0 !important;}
} }
input.arrivalDate { background:url(/pic/calendar.png) no-repeat 95% center;} input.arrivalDate { background:url(https://data.asiahighlights.com/pic/calendar.png) no-repeat 95% center;}
/* tailor make */ /* tailor make */
#tailorBlock { display: block; margin: 10px 0; position: relative; } #tailorBlock { display: block; margin: 10px 0; position: relative; }
@ -37,15 +37,15 @@ input.arrivalDate { background:url(/pic/calendar.png) no-repeat 95% center;}
#tailorRight input { vertical-align: middle; margin: -3px 5px 0 0; } #tailorRight input { vertical-align: middle; margin: -3px 5px 0 0; }
.whoTravel { display: block; margin: 5px 0 20px; } .whoTravel { display: block; margin: 5px 0 20px; }
.whoTravel .groupType { display: block; padding: 8px 0 8px 35px; } .whoTravel .groupType { display: block; padding: 8px 0 8px 35px; }
.whoTravel .groupType.adults { background:url(/pic/adults-icon.png) no-repeat left;} .whoTravel .groupType.adults { background:url(https://data.asiahighlights.com/pic/adults-icon.png) no-repeat left;}
.whoTravel .groupType.youth { background:url(/pic/yonth-icon.png) no-repeat left; padding-left:55px !important;} .whoTravel .groupType.youth { background:url(https://data.asiahighlights.com/pic/yonth-icon.png) no-repeat left; padding-left:55px !important;}
.whoTravel .groupType.kids { background:url(/pic/kid-icon.png) no-repeat left;} .whoTravel .groupType.kids { background:url(https://data.asiahighlights.com/pic/kid-icon.png) no-repeat left;}
.whoTravel .groupType select { display: block; width:100%; border:1px solid #d1d1d1; height:30px; border-radius:4px; margin:5px 0 0;} .whoTravel .groupType select { display: block; width:100%; border:1px solid #d1d1d1; height:30px; border-radius:4px; margin:5px 0 0;}
.whoTravel .groupType label { display: block; clear: both; width: 100%;} .whoTravel .groupType label { display: block; clear: both; width: 100%;}
.flightOption { display: block; padding: 8px 0 8px 65px; } .flightOption { display: block; padding: 8px 0 8px 65px; }
.flightOption.starting { background:url(/pic/flight-start.png) no-repeat left;} .flightOption.starting { background:url(https://data.asiahighlights.com/pic/flight-start.png) no-repeat left;}
.flightOption.ending { background:url(/pic/flight-end.png) no-repeat left;} .flightOption.ending { background:url(https://data.asiahighlights.com/pic/flight-end.png) no-repeat left;}
@media(min-width:768px) { @media(min-width:768px) {
.fiveStar.selected, .fourStarL.selected, .threeStar.selected { margin-top: 20px; } .fiveStar.selected, .fourStarL.selected, .threeStar.selected { margin-top: 20px; }
.fourStarV.selected { margin-top: 30px; } .fourStarV.selected { margin-top: 30px; }
@ -53,14 +53,14 @@ input.arrivalDate { background:url(/pic/calendar.png) no-repeat 95% center;}
.flights.selected, .selfB.selected { margin-top: 30px; } .flights.selected, .selfB.selected { margin-top: 30px; }
.train.selected, .mixed.selected { margin-top: 15px; } .train.selected, .mixed.selected { margin-top: 15px; }
} }
.whoTravel .groupType.alone { background: url(/pic/tailor-icon.png) no-repeat -4px 6px; } .whoTravel .groupType.alone { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat -4px 6px; }
.whoTravel .groupType.alone:hover { background: url(/pic/tailor-icon.png) no-repeat -304px 6px; } .whoTravel .groupType.alone:hover { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat -304px 6px; }
.whoTravel .groupType.couple { background: url(/pic/tailor-icon.png) no-repeat 7px -358px; } .whoTravel .groupType.couple { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat 7px -358px; }
.whoTravel .groupType.couple:hover { background: url(/pic/tailor-icon.png) no-repeat -293px -358px; } .whoTravel .groupType.couple:hover { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat -293px -358px; }
.whoTravel .groupType.family { background-image: url(/pic/tailor-icon.png); background-repeat: no-repeat; background-position: 40px -722px; } .whoTravel .groupType.family { background-image: url(https://data.asiahighlights.com/pic/tailor-icon.png); background-repeat: no-repeat; background-position: 40px -722px; }
.whoTravel .groupType.family:hover { background-image: url(/pic/tailor-icon.png); background-repeat: no-repeat; background-position: -260px -722px; } .whoTravel .groupType.family:hover { background-image: url(https://data.asiahighlights.com/pic/tailor-icon.png); background-repeat: no-repeat; background-position: -260px -722px; }
.whoTravel .groupType.group { background-image: url(/pic/tailor-icon.png); background-repeat: no-repeat; background-position: 24px -1088px; } .whoTravel .groupType.group { background-image: url(https://data.asiahighlights.com/pic/tailor-icon.png); background-repeat: no-repeat; background-position: 24px -1088px; }
.whoTravel .groupType.group:hover { background-image: url(/pic/tailor-icon.png); background-repeat: no-repeat; background-position: -276px -1088px; } .whoTravel .groupType.group:hover { background-image: url(https://data.asiahighlights.com/pic/tailor-icon.png); background-repeat: no-repeat; background-position: -276px -1088px; }
.travelDays { display: block; margin: 5px 0 30px; clear: both } .travelDays { display: block; margin: 5px 0 30px; clear: both }
.travelDays .daysBlock { margin-left: -15px; display: block; line-height: 25px; } .travelDays .daysBlock { margin-left: -15px; display: block; line-height: 25px; }
.travelDays .daysBlock select.tourDays { text-align: center; border: 5px solid #d1d1d1; background: #fff; border-radius: 4px; font-family: 'Open Sans', sans-serif; padding: 2px 0; color: #555; margin-right: 5px; font-size: 1.5rem; } .travelDays .daysBlock select.tourDays { text-align: center; border: 5px solid #d1d1d1; background: #fff; border-radius: 4px; font-family: 'Open Sans', sans-serif; padding: 2px 0; color: #555; margin-right: 5px; font-size: 1.5rem; }
@ -68,30 +68,30 @@ input.arrivalDate { background:url(/pic/calendar.png) no-repeat 95% center;}
.travelDays .daysBlock input.radio { display: inline; margin-right: 0 !important } .travelDays .daysBlock input.radio { display: inline; margin-right: 0 !important }
.travelDays .daysBlock label { display: inline-block; margin-right: 20px; } .travelDays .daysBlock label { display: inline-block; margin-right: 20px; }
.datesArrival { display: block; margin: 5px 0 30px; } .datesArrival { display: block; margin: 5px 0 30px; }
.datesArrival input { border: 1px solid #d1d1d1; background: url(/css/images/calender.GIF) no-repeat 98% 6px #fff; padding: 5px 3px; text-align: center; width: 100%; border-radius: 4px; margin: 0 0 0 20px !important; color: #555; font-family: 'Open Sans', sans-serif; border: 5px solid #d1d1d1; font-size: 1.5rem; } .datesArrival input { border: 1px solid #d1d1d1; background: url(https://data.asiahighlights.com/css/images/calender.GIF) no-repeat 98% 6px #fff; padding: 5px 3px; text-align: center; width: 100%; border-radius: 4px; margin: 0 0 0 20px !important; color: #555; font-family: 'Open Sans', sans-serif; border: 5px solid #d1d1d1; font-size: 1.5rem; }
.datesArrival input:focus { border: 5px solid #a31022; } .datesArrival input:focus { border: 5px solid #a31022; }
.datesArrival input[type="date"] { height: 30px; } .datesArrival input[type="date"] { height: 30px; }
.hotelBlock { display: block; margin: 5px 0 30px; } .hotelBlock { display: block; margin: 5px 0 30px; }
.hotelBlock .hotelStyle { display: block; padding-top: 40px; text-align: center; cursor: pointer; margin-top:20px; } .hotelBlock .hotelStyle { display: block; padding-top: 40px; text-align: center; cursor: pointer; margin-top:20px; }
.hotelBlock .hotelStyle.luxury { background: url(/pic/luxury.png) no-repeat top center; } .hotelBlock .hotelStyle.luxury { background: url(https://data.asiahighlights.com/pic/luxury.png) no-repeat top center; }
.hotelBlock .hotelStyle.boutique { background: url(/pic/boutique.png) no-repeat top center; } .hotelBlock .hotelStyle.boutique { background: url(https://data.asiahighlights.com/pic/boutique.png) no-repeat top center; }
.hotelBlock .hotelStyle.comfort { background: url(/pic/comfort.png) no-repeat top center; } .hotelBlock .hotelStyle.comfort { background: url(https://data.asiahighlights.com/pic/comfort.png) no-repeat top center; }
.hotelBlock .hotelStyle.standard { background: url(/pic/standard.png) no-repeat top center; } .hotelBlock .hotelStyle.standard { background: url(https://data.asiahighlights.com/pic/standard.png) no-repeat top center; }
.guideBlock { display: block; margin: 5px 0 30px; } .guideBlock { display: block; margin: 5px 0 30px; }
.guideBlock .guideStyle { padding-top: 75px; margin-left: 15px; cursor: pointer; margin-top:25px;} .guideBlock .guideStyle { padding-top: 75px; margin-left: 15px; cursor: pointer; margin-top:25px;}
.guideBlock .guideStyle.everyDay { background: url(/pic/everyday.png) no-repeat top center; } .guideBlock .guideStyle.everyDay { background: url(https://data.asiahighlights.com/pic/everyday.png) no-repeat top center; }
.guideBlock .guideStyle.mostDay { background: url(/pic/mostday.png) no-repeat top center; } .guideBlock .guideStyle.mostDay { background: url(https://data.asiahighlights.com/pic/mostday.png) no-repeat top center; }
.guideBlock .guideStyle.onlyEssential { background: url(/pic/essential.png) no-repeat top center; } .guideBlock .guideStyle.onlyEssential { background: url(https://data.asiahighlights.com/pic/essential.png) no-repeat top center; }
.transportBlock { display: block; margin: 5px 0 30px; } .transportBlock { display: block; margin: 5px 0 30px; }
.transportBlock .transportStyle { display: block; float: left; width: 200px; margin-right: 40px; padding-top: 70px; margin-left: 15px; cursor: pointer } .transportBlock .transportStyle { display: block; float: left; width: 200px; margin-right: 40px; padding-top: 70px; margin-left: 15px; cursor: pointer }
.transportBlock .transportStyle.train { background: url(/pic/tailor-icon.png) no-repeat 51px -4621px; } .transportBlock .transportStyle.train { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat 51px -4621px; }
.transportBlock .transportStyle.train:hover { background: url(/pic/tailor-icon.png) no-repeat -249px -4621px; } .transportBlock .transportStyle.train:hover { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat -249px -4621px; }
.transportBlock .transportStyle.flights { background: url(/pic/tailor-icon.png) no-repeat 24px -3929px; } .transportBlock .transportStyle.flights { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat 24px -3929px; }
.transportBlock .transportStyle.flights:hover { background: url(/pic/tailor-icon.png) no-repeat -276px -3929px; } .transportBlock .transportStyle.flights:hover { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat -276px -3929px; }
.transportBlock .transportStyle.mixed { background: url(/pic/tailor-icon.png) no-repeat 24px -4274px; } .transportBlock .transportStyle.mixed { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat 24px -4274px; }
.transportBlock .transportStyle.mixed:hover { background: url(/pic/tailor-icon.png) no-repeat -276px -4274px; } .transportBlock .transportStyle.mixed:hover { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat -276px -4274px; }
.transportBlock .transportStyle.selfB { background: url(/pic/tailor-icon.png) no-repeat 11px -2493px; } .transportBlock .transportStyle.selfB { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat 11px -2493px; }
.transportBlock .transportStyle.selfB:hover { background: url(/pic/tailor-icon.png) no-repeat -288px -2493px; } .transportBlock .transportStyle.selfB:hover { background: url(https://data.asiahighlights.com/pic/tailor-icon.png) no-repeat -288px -2493px; }
.specialRequest { display: block; margin-top: 5px; margin-bottom:30px; } .specialRequest { display: block; margin-top: 5px; margin-bottom:30px; }
.specialRequest textarea { border: 5px solid #d1d1d1; background: #fff; padding: 10px; height: 150px; margin-left: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #555; font-size: 12px; } .specialRequest textarea { border: 5px solid #d1d1d1; background: #fff; padding: 10px; height: 150px; margin-left: 15px; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #555; font-size: 12px; }
.specialRequest textarea:focus { border: 5px solid #a31022; } .specialRequest textarea:focus { border: 5px solid #a31022; }
@ -147,7 +147,7 @@ sup { color: #a31022; font-weight: bold; }
.Question { font-size: 20px !important; margin-top: 20px; margin-bottom: 15px; margin-left:-25px; text-align: left;} .Question { font-size: 20px !important; margin-top: 20px; margin-bottom: 15px; margin-left:-25px; text-align: left;}
.Question small { font-size:12px; position:relative} .Question small { font-size:12px; position:relative}
.Question .hint { box-shadow:0 0 5px #777; padding:10px; border-radius:4px; display: block; width:400px; font-size:12px; background:#fff; position: absolute; top: 28px; left: 0; z-index: 9999; line-height: 18px;} .Question .hint { box-shadow:0 0 5px #777; padding:10px; border-radius:4px; display: block; width:400px; font-size:12px; background:#fff; position: absolute; top: 28px; left: 0; z-index: 9999; line-height: 18px;}
.Question .hint .arrowUp { background:url(/pic/arrow-up.png) no-repeat; display: block; width:26px; height:14px; position:absolute; left:25px; top:-14px;} .Question .hint .arrowUp { background:url(https://data.asiahighlights.com/pic/arrow-up.png) no-repeat; display: block; width:26px; height:14px; position:absolute; left:25px; top:-14px;}
.who { font-size: 15px; } .who { font-size: 15px; }
.who select { width:125px;} .who select { width:125px;}
.dateFlexible { font-size: 14px; } .dateFlexible { font-size: 14px; }

4
css/thankyou.css
Unescape Escape View File

@ -19,7 +19,7 @@ h1 { border-bottom: none !important; margin-bottom:25px; width:80%; margin:0 aut
.pgSay .whatsapp strong { display: block;} .pgSay .whatsapp strong { display: block;}
} }
.pgSay { background:#f1f1f1; padding:20px 50px; border-radius:4px; font-size:20px; line-height:35px; margin-top:20px; position:relative} .pgSay { background:#f1f1f1; padding:20px 50px; border-radius:4px; font-size:20px; line-height:35px; margin-top:20px; position:relative}
.pgSay .arrow { background:url(/pic/arrow-21x26.png) no-repeat; display: block; width:21px; height:26px; left:-21px; top:calc(50% - 13px); position:absolute;} .pgSay .arrow { background:url(https://data.asiahighlights.com/pic/arrow-21x26.png) no-repeat; display: block; width:21px; height:26px; left:-21px; top:calc(50% - 13px); position:absolute;}
.pgSay .whatsapp { display: block; background:url(/pic/whatsapp-icon.png) no-repeat left; padding-left:35px;} .pgSay .whatsapp { display: block; background:url(https://data.asiahighlights.com/pic/whatsapp-icon.png) no-repeat left; padding-left:35px;}
.pgSay .whatsapp strong { color:#a31022; font-size:26px; font-weight: normal;} .pgSay .whatsapp strong { color:#a31022; font-size:26px; font-weight: normal;}
.tips { display: block; margin:35px 0; padding-bottom:35px; font-size:12px; line-height:22px; color:#545454 !important;} .tips { display: block; margin:35px 0; padding-bottom:35px; font-size:12px; line-height:22px; color:#545454 !important;}

94
css/tour-detail.css
Unescape Escape View File

@ -10,7 +10,7 @@ ul.ArticleList { margin-bottom: 20px; border-top: 3px solid #c6162b; }
ul.ArticleList li.ListTop { border-bottom: 1px #d6d6d6 solid; font-size: 12px;} ul.ArticleList li.ListTop { border-bottom: 1px #d6d6d6 solid; font-size: 12px;}
ul.ArticleList li.ListTop a { text-decoration: none; } ul.ArticleList li.ListTop a { text-decoration: none; }
ul.ArticleList li.ListTop a:hover { color: #c5162b; } ul.ArticleList li.ListTop a:hover { color: #c5162b; }
ul.ArticleList li { border-bottom: 1px #d6d6d6 solid; font-size: 12px; background: url(/image/info-list.png) no-repeat 15px center; padding:10px 0 10px 38px; } ul.ArticleList li { border-bottom: 1px #d6d6d6 solid; font-size: 12px; background: url(https://data.asiahighlights.com/image/info-list.png) no-repeat 15px center; padding:10px 0 10px 38px; }
ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important} ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15px !important}
.learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;} .learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;}
.learnMore:HOVER { text-decoration: underline !important} .learnMore:HOVER { text-decoration: underline !important}
@ -19,7 +19,7 @@ ul.ArticleList li.cityName { background:#d1d1d1; font-size:16px;padding-left:15p
.infoSuggested img { border-radius:4px;} .infoSuggested img { border-radius:4px;}
.infoSuggested .infoBox { background:rgba(0,0,0,.8); display: block; position:absolute; bottom:0; left:0; width:100%; border-radius:0 0 4px 4px; color:#fff; padding:20px 25px;} .infoSuggested .infoBox { background:rgba(0,0,0,.8); display: block; position:absolute; bottom:0; left:0; width:100%; border-radius:0 0 4px 4px; color:#fff; padding:20px 25px;}
.infoBox h2 { color:#fff !important; margin:0 0 20px !important; font-size:20px !important;} .infoBox h2 { color:#fff !important; margin:0 0 20px !important; font-size:20px !important;}
.infoSuggested .infoBox ul li { background:url(/pic/white-squre.png) no-repeat left; padding-left:20px; line-height:20px; margin-bottom:10px; font-size:14px;} .infoSuggested .infoBox ul li { background:url(https://data.asiahighlights.com/pic/white-squre.png) no-repeat left; padding-left:20px; line-height:20px; margin-bottom:10px; font-size:14px;}
.infoSuggested .infoBox ul li a { color:#fff;} .infoSuggested .infoBox ul li a { color:#fff;}
.infoSuggested .infoBox .learnMore { display: block; text-align:right; color:#fff !important;} .infoSuggested .infoBox .learnMore { display: block; text-align:right; color:#fff !important;}
@ -61,33 +61,11 @@ table th .TrainNumber { font-size: 15px; text-align: center; padding-bottom: 10p
.tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; } .tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; }
.publishPic { margin-right: 15px; } .publishPic { margin-right: 15px; }
.publishintros ul.author li { list-style: none; line-height: 25px; } .publishintros ul.author li { list-style: none; line-height: 25px; }
.publishintros ul.author a.email { text-decoration: underline; background: url(/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; } .publishintros ul.author a.email { text-decoration: underline; background: url(https://data.asiahighlights.com/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
.publishintros ul.author a.feedback { text-decoration: underline; background: url(/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; } .publishintros ul.author a.feedback { text-decoration: underline; background: url(https://data.asiahighlights.com/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
input.depart { background:url(/pic/calendar-icon.png) no-repeat right center;} input.depart { background:url(https://data.asiahighlights.com/pic/calendar-icon.png) no-repeat right center;}
span.ageInfo { font-size:12px; font-family: arial; text-align: center; display: block; margin:5px 0 10px;} span.ageInfo { font-size:12px; font-family: arial; text-align: center; display: block; margin:5px 0 10px;}
/*info index*/
/* h2 { text-align: center; font-style: Trebuchet MS; }
.TopInfo { padding-top: 30px; padding-bottom: 30px; }
.TopMore { color: #b61326; }
ul.TopList li.airplane { background: url(/image/plane.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; }
ul.TopList li.money { background: url(/image/money.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; }
ul.TopList li.add { background: url(/image/add.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; }
ul.TopList li.airline { background: url(/image/recommended-airline.png) no-repeat; font-size: 15px; padding-left: 60px; }
ul.TopList li.TimeZone { background: url(/image/time-zone.png) no-repeat; font-size: 15px; padding-left: 60px; margin-bottom: 20px; padding-bottom: 10px; }
ul.TopList li.FlyFrom { background: url(/image/fly-from.png) no-repeat; font-size: 15px; padding-left: 60px; }
@media(max-width:750px) {
ul.TopList li.FlyFrom { padding-bottom:28px;}
.cityMap .flightTimes { display: none !important;}
}
ul.TopList li .TopLine { font-size: 13px; }
.TopThings { background: #f1f1f1; padding-bottom: 30px; padding-top: 30px; }
.AllDetails { text-align: center; color: #b71327; font-size: 18px; }
.toparticle { border-radius: 4px; font-family: Trebuchet MS; margin-bottom: 30px; position: relative; }
.toptitle { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; border-radius: 0 0 4px 4px; bottom: 0; color: #fff; font-size: 16px; height: 55px; left: 0; padding: 5px 10px; position: absolute; text-align: center; width: 100%; }
.BottomArticle, .ViewMore { background-color: #f1f1f1; padding: 15px; }
.ViewMore { text-align: right; color: #b71327; margin-top: 2px; }
.BottomTitle { font-size: 16px; margin-bottom: 10px; }
.Bottom { margin-top: 35px; } */
/*About Us*/ /*About Us*/
h2.AboutUs { font-size: 37px; font-family: Trebuchet MS; } h2.AboutUs { font-size: 37px; font-family: Trebuchet MS; }
#banner h1.AboutUs { color: #fff; display: block; font-family: Trebuchet MS; font-size: 45px; font-weight: normal; left: 0; top: -400px; line-height: 55px; position: absolute; text-align: left; width: 765px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; } #banner h1.AboutUs { color: #fff; display: block; font-family: Trebuchet MS; font-size: 45px; font-weight: normal; left: 0; top: -400px; line-height: 55px; position: absolute; text-align: left; width: 765px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; }
@ -103,7 +81,7 @@ h2.AboutUs { font-size: 37px; font-family: Trebuchet MS; }
.MediaMore { padding-top: 15px; margin-top: 15px; } .MediaMore { padding-top: 15px; margin-top: 15px; }
.SocialMedias { margin-top: 15px; } .SocialMedias { margin-top: 15px; }
ol.ListNumber li { font-size: 14px; margin-bottom: 8px; list-style: none; } ol.ListNumber li { font-size: 14px; margin-bottom: 8px; list-style: none; }
ul.InfoList li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 8px; padding-left: 20px; font-size: 14px } ul.InfoList li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 8px; padding-left: 20px; font-size: 14px }
#Topbanner { display: block; position: relative; } #Topbanner { display: block; position: relative; }
#Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; } #Topbanner h1 { position: absolute; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 28px; top: -71px; width: 100%; padding: 15px; text-align: center; left: 0; color: #fff; border-radius: 4px 4px 0 0; }
#Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; } #Topbanner h1 { color: #fff; display: block; font-family: fontawesome; font-size: 45px; font-weight: normal; left: 0; top: -440px; line-height: 60px; position: absolute; text-align: left; width: 800px; background: none; border-bottom: none; text-shadow: 0 1px 5px #000; }
@ -113,15 +91,15 @@ ul.InfoList li { background: rgba(0, 0, 0, 0) url("/pic/square-red.gif") no-repe
} }
.TourInfo { margin-top: 25px; border-bottom: none; } .TourInfo { margin-top: 25px; border-bottom: none; }
.tourHighlights ul { height: 100%; overflow: hidden; } .tourHighlights ul { height: 100%; overflow: hidden; }
.tourHighlights ul li { background: rgba(0, 0, 0, 0) url(/pic/square-red.gif) no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; } .tourHighlights ul li { background: rgba(0, 0, 0, 0) url(https://data.asiahighlights.com/pic/square-red.gif) no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 20px; }
h2 { color: #333 !important; font-size: 23px !important; margin: 35px 0 30px !important; display: block; } h2 { color: #333 !important; font-size: 23px !important; margin: 35px 0 30px !important; display: block; }
h2.highlights { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.highlights { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.includeIcon { background: rgba(0, 0, 0, 0) url("/pic/include.png") no-repeat scroll left 5px / 22px auto; padding-left: 35px; text-align: left; } h2.includeIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/include.png") no-repeat scroll left 5px / 22px auto; padding-left: 35px; text-align: left; }
h2.costIcon { background: rgba(0, 0, 0, 0) url("/pic/cost.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.costIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/cost.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.HotelUes { background: rgba(0, 0, 0, 0) url("/pic/hotel.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.HotelUes { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/hotel.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; } h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/itinerary.png") no-repeat scroll left center / 22px auto; padding-left: 35px; text-align: left; }
.whatIncluded { height: 100%; overflow: hidden; } .whatIncluded { height: 100%; overflow: hidden; }
.whatIncluded li { background: rgba(0, 0, 0, 0) url("/pic/green-mark-17x16.png") no-repeat scroll left 5px; float: left; line-height: 20px; margin-bottom: 5px; padding: 0 20px 0 30px; width: 50%; } .whatIncluded li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/green-mark-17x16.png") no-repeat scroll left 5px; float: left; line-height: 20px; margin-bottom: 5px; padding: 0 20px 0 30px; width: 50%; }
.priceTable { border: 1px solid #d1d1d1; margin-bottom: 20px; text-align: center; width: 100%; } .priceTable { border: 1px solid #d1d1d1; margin-bottom: 20px; text-align: center; width: 100%; }
.priceTable th { background: #e8e8e8 none repeat scroll 0 0; border-bottom: 1px solid #d1d1d1; font-size: 16px; font-weight: normal; padding: 8px 10px; text-align: center; } .priceTable th { background: #e8e8e8 none repeat scroll 0 0; border-bottom: 1px solid #d1d1d1; font-size: 16px; font-weight: normal; padding: 8px 10px; text-align: center; }
.priceTable td { border-bottom: 1px solid #d1d1d1; font-size: 14px; padding: 5px 10px; } .priceTable td { border-bottom: 1px solid #d1d1d1; font-size: 14px; padding: 5px 10px; }
@ -130,16 +108,16 @@ h2.itineraryIcon { background: rgba(0, 0, 0, 0) url("/pic/itinerary.png") no-rep
.tourDates { clear: both; display: block; font-size: 18px; line-height: 20px; margin: 30px 0 10px; } .tourDates { clear: both; display: block; font-size: 18px; line-height: 20px; margin: 30px 0 10px; }
.hotelImage img { border: 1px solid #d1d1d1; padding: 5px; } .hotelImage img { border: 1px solid #d1d1d1; padding: 5px; }
.HotelInfo { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; padding-bottom: 30px; position: relative; } .HotelInfo { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; padding-bottom: 30px; position: relative; }
.HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; } .HotelInfo .viewMore { display: block; position: absolute; bottom: 10px; right: 0; width: 100px; padding: 3px; background: url(https://data.asiahighlights.com/pic/white-arrow-s.png) no-repeat 80px center #a31022; text-align: center; border-radius: 4px; text-transform: uppercase; }
.HotelInfo .viewMore a { color: #fff; text-decoration: none; } .HotelInfo .viewMore a { color: #fff; text-decoration: none; }
.HotelInfo .HotelName { color: #1b5fac; font-size: 16px; display: block; margin-bottom: 15px; } .HotelInfo .HotelName { color: #1b5fac; font-size: 16px; display: block; margin-bottom: 15px; }
.noteIcon { background: rgba(0, 0, 0, 0) url("/pic/note.png") no-repeat scroll left center / 22px auto; padding-left: 35px; } .noteIcon { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/note.png") no-repeat scroll left center / 22px auto; padding-left: 35px; }
.inpageNav { display: block; margin-bottom: 30px; } .inpageNav { display: block; margin-bottom: 30px; }
.inpageNav li { background: rgba(0, 0, 0, 0) url("/pic/gray-arrow-right.png") no-repeat scroll left 7px; font-size: 18px; margin-bottom: 10px; padding-left: 25px; border-bottom: 1px dashed #d1d1d1; padding-bottom: 10px; } .inpageNav li { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/gray-arrow-right.png") no-repeat scroll left 7px; font-size: 18px; margin-bottom: 10px; padding-left: 25px; border-bottom: 1px dashed #d1d1d1; padding-bottom: 10px; }
.inpageNav li a { text-decoration: none; } .inpageNav li a { text-decoration: none; }
/*iquiry box by candice song*/ /*iquiry box by candice song*/
.tourBox { background: #efefef url(/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; } .tourBox { background: #efefef url(https://data.asiahighlights.com/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; }
.tourBoxTailor { background: #efefef url(/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; padding-bottom: 20px;} .tourBoxTailor { background: #efefef url(https://data.asiahighlights.com/pic/form-head.png) no-repeat top; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0 25px; margin-bottom: 35px; padding-bottom: 20px;}
ul.tourList { padding: 15px 0 0; } ul.tourList { padding: 15px 0 0; }
ul.tourList li { color: #fff; font-size: 13px; list-style: outside none none; margin: 0 0 5px; } ul.tourList li { color: #fff; font-size: 13px; list-style: outside none none; margin: 0 0 5px; }
.promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0 0 0 20px; } .promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0 0 0 20px; }
@ -154,7 +132,7 @@ a.priceLink { padding: 0 20px 0 0; }
span.title { display: block; font-size: 18px; font-family: arial; margin: 5px 0 8px;} span.title { display: block; font-size: 18px; font-family: arial; margin: 5px 0 8px;}
.traveller select, input.depart { width: 100%; border: 1px solid #d1d1d1; border-radius: 4px; padding: 8px 10px; } .traveller select, input.depart { width: 100%; border: 1px solid #d1d1d1; border-radius: 4px; padding: 8px 10px; }
.bookTour { display: block; overflow: hidden; margin: 15px auto; width: 80%; } .bookTour { display: block; overflow: hidden; margin: 15px auto; width: 80%; }
.bookTour input { background: url(/pic/dot-arrow.png) no-repeat 93% center #a31022; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none; padding: 5px 10px; border-radius: 4px; } .bookTour input { background: url(https://data.asiahighlights.com/pic/dot-arrow.png) no-repeat 93% center #a31022; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none; padding: 5px 10px; border-radius: 4px; }
.tripNotes h3 { font-size: 18px; display: block; margin: 0 0 15px; } .tripNotes h3 { font-size: 18px; display: block; margin: 0 0 15px; }
@media(max-width:768px) { @media(max-width:768px) {
.infoList { width: 100%; } .infoList { width: 100%; }
@ -202,40 +180,40 @@ a:hover { text-decoration: none; color: #b61326; }
.photoInfo .infoTitle { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); padding: 8px; font-size: 18px; color: #fff; display: block; } .photoInfo .infoTitle { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); padding: 8px; font-size: 18px; color: #fff; display: block; }
.photoInfo img { border-radius: 4px 4px 0 0; width:100%; } .photoInfo img { border-radius: 4px 4px 0 0; width:100%; }
.listInfo { background: #f1f1f1; padding: 20px; border-radius: 0 0 4px 4px; } .listInfo { background: #f1f1f1; padding: 20px; border-radius: 0 0 4px 4px; }
.listInfo li { background: url(/pic/gray-square.png) no-repeat left; padding-left: 20px; line-height: 30px; } .listInfo li { background: url(https://data.asiahighlights.com/pic/gray-square.png) no-repeat left; padding-left: 20px; line-height: 30px; }
/* recommend tours */ /* recommend tours */
.ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; } .ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; }
.ratedTours img { border-radius: 4px 4px 0 0; } .ratedTours img { border-radius: 4px 4px 0 0; }
.tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; margin-bottom:15px; } .tourInfo { background: #fff; padding: 20px; border-radius: 0 0 4px 4px; margin-bottom:15px; }
.tourPhoto { position:relative;} .tourPhoto { position:relative;}
.tourPhoto img { width:100%;} .tourPhoto img { width:100%;}
.tourPhoto .dayTag { background:url(/pic/days-tag.png) no-repeat; display: block; width:67px; height:65px; text-align:center; color:#fff; position:absolute; right:0; bottom:0; font-size:14px; padding-top:10px; line-height:15px;} .tourPhoto .dayTag { background:url(https://data.asiahighlights.com/pic/days-tag.png) no-repeat; display: block; width:67px; height:65px; text-align:center; color:#fff; position:absolute; right:0; bottom:0; font-size:14px; padding-top:10px; line-height:15px;}
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; } .tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0 20px; }
.tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align:right; display: block;} .tourInfo .viewDetail a { background: rgba(0, 0, 0, 0) url("https://data.asiahighlights.com/pic/red-arrow.png") no-repeat scroll right center; color: #a31022; font-size: 15px; padding-right: 15px; text-decoration: none; text-align:right; display: block;}
/* other asia countries */ /* other asia countries */
.otherCountry { display: block; margin:25px 0;} .otherCountry { display: block; margin:25px 0;}
.countryLink { display: block; float: left; width:20%; text-align:center} .countryLink { display: block; float: left; width:20%; text-align:center}
.countryLink a { display: block;} .countryLink a { display: block;}
.vnMap { background:url(/pic/vn-map-gray.png) no-repeat center; padding-top:150px;} .vnMap { background:url(https://data.asiahighlights.com/pic/vn-map-gray.png) no-repeat center; padding-top:150px;}
.vnMap:hover { background:url(/pic/vn-map.png) no-repeat center;} .vnMap:hover { background:url(https://data.asiahighlights.com/pic/vn-map.png) no-repeat center;}
.cbMap { background:url(/pic/cb-map-gray.png) no-repeat center; padding-top:150px;} .cbMap { background:url(https://data.asiahighlights.com/pic/cb-map-gray.png) no-repeat center; padding-top:150px;}
.cbMap:hover { background:url(/pic/cb-map.png) no-repeat center;} .cbMap:hover { background:url(https://data.asiahighlights.com/pic/cb-map.png) no-repeat center;}
.laMap { background:url(/pic/la-map-gray.png) no-repeat center; padding-top:150px;} .laMap { background:url(https://data.asiahighlights.com/pic/la-map-gray.png) no-repeat center; padding-top:150px;}
.laMap:hover { background:url(/pic/la-map.png) no-repeat center;} .laMap:hover { background:url(https://data.asiahighlights.com/pic/la-map.png) no-repeat center;}
.maMap { background:url(/pic/ma-map-gray.png) no-repeat center; padding-top:150px;} .maMap { background:url(https://data.asiahighlights.com/pic/ma-map-gray.png) no-repeat center; padding-top:150px;}
.maMap:hover { background:url(/pic/ma-map.png) no-repeat center;} .maMap:hover { background:url(https://data.asiahighlights.com/pic/ma-map.png) no-repeat center;}
.thMap { background:url(/pic/th-map-gray.png) no-repeat center; padding-top:150px;} .thMap { background:url(https://data.asiahighlights.com/pic/th-map-gray.png) no-repeat center; padding-top:150px;}
.thMap:hover { background:url(/pic/th-map.png) no-repeat center;} .thMap:hover { background:url(https://data.asiahighlights.com/pic/th-map.png) no-repeat center;}
.photoTxt { display: block; text-align:center; margin-top:10px; font-style:italic;} /* for guide info */ .photoTxt { display: block; text-align:center; margin-top:10px; font-style:italic;} /* for guide info */
.tourPhotoL { display: block; margin:10px 0; position:relative} .tourPhotoL { display: block; margin:10px 0; position:relative}
.tourPhotoL img { border-radius:4px;} .tourPhotoL img { border-radius:4px;}
.tourPhotoL .photoTitle { position:absolute; left:0; bottom:15px; border-radius:0 4px 4px 0; background:rgba(0,0,0,.7); padding:8px 10px; color:#fff; font-size:14px;} .tourPhotoL .photoTitle { position:absolute; left:0; bottom:15px; border-radius:0 4px 4px 0; background:rgba(0,0,0,.7); padding:8px 10px; color:#fff; font-size:14px;}
/* page footer tailor made block */ /* page footer tailor made block */
.footerTailor { background: url(/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; } .footerTailor { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; }
.footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; } .footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; }
.footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; } .footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; }
.footerTailor .textBlock span a { color: #fff; } .footerTailor .textBlock span a { color: #fff; }
.footerTailorShort { background: url(/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0; overflow: hidden; color: #333; border-radius: 4px; background-size:100%; } .footerTailorShort { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0; overflow: hidden; color: #333; border-radius: 4px; background-size:100%; }
.footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; } .footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; }
.footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; } .footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; }
.footerTailorShort .textBlock span a { color: #fff; font-size: 18px; } .footerTailorShort .textBlock span a { color: #fff; font-size: 18px; }
@ -252,7 +230,7 @@ a:hover { text-decoration: none; color: #b61326; }
.inquiryButton { display: block; margin: 35px auto; width:250px; text-align:center; background:#a31022; border-radius:4px; font-size:20px; padding:8px 0;} .inquiryButton { display: block; margin: 35px auto; width:250px; text-align:center; background:#a31022; border-radius:4px; font-size:20px; padding:8px 0;}
.inquiryButton a { text-decoration: none; color:#fff;} .inquiryButton a { text-decoration: none; color:#fff;}
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
.withH1 { display: block; background:#f1f1f1; margin-top:0 !important; padding-top:0 !important; border-top:2px solid #d9d9d9;} .withH1 { display: block; background:#f1f1f1; margin-top:0 !important; padding-top:0 !important; border-top:2px solid #d9d9d9;}
.withH1 h1 { margin:-10px 0 35px !important; border-bottom: none !important} .withH1 h1 { margin:-10px 0 35px !important; border-bottom: none !important}
.withH1 .crumbNav { margin-top:-15px !important;} .withH1 .crumbNav { margin-top:-15px !important;}

12
css/tour-index.css
Unescape Escape View File

@ -36,16 +36,16 @@ h2 em { display: none; }
.priceBlock strong { color: #a31022; font-size: 18px; font-weight: normal; } .priceBlock strong { color: #a31022; font-size: 18px; font-weight: normal; }
.priceBlock strong:before { content: "$"; display: inline-block;} .priceBlock strong:before { content: "$"; display: inline-block;}
.tourInfo .viewDetail { background: #fff; display: block; padding: 10px 15px; text-align: center; width: 100% !important; text-align: center; border-top:1px solid #d1d1d1; position:absolute; left:0; bottom:0; } .tourInfo .viewDetail { background: #fff; display: block; padding: 10px 15px; text-align: center; width: 100% !important; text-align: center; border-top:1px solid #d1d1d1; position:absolute; left:0; bottom:0; }
.tourInfo .viewDetail a { color: #a31022; font-size: 16px; text-decoration: none; background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; } .tourInfo .viewDetail a { color: #a31022; font-size: 16px; text-decoration: none; background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; }
.tourInfo .viewDetail a:hover { text-decoration: underline;} .tourInfo .viewDetail a:hover { text-decoration: underline;}
.showMore { display: block; text-align:center;} .showMore { display: block; text-align:center;}
.showMore a { text-decoration: none; font-size:22px; background:url(/pic/big-arrow-down.png) no-repeat center 40px; height:80px; display: block;} .showMore a { text-decoration: none; font-size:22px; background:url(https://data.asiahighlights.com/pic/big-arrow-down.png) no-repeat center 40px; height:80px; display: block;}
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
/* page footer tailor made block */ /* page footer tailor made block */
.footerTailor { background: url(/image/tour/bg-tailor-pagoda.jpg) no-repeat center; display: block; padding: 30px 0 40px; margin: 25px 0 0; overflow: hidden; color: #fff; } .footerTailor { background: url(https://data.asiahighlights.com/image/tour/bg-tailor-pagoda.jpg) no-repeat center; display: block; padding: 30px 0 40px; margin: 25px 0 0; overflow: hidden; color: #fff; }
.footerTailor .textBlock { display: block; font-size: 20px; } .footerTailor .textBlock { display: block; font-size: 20px; }
.footerTailor .textBlock span { display: block; border:2px solid #fff; border-radius: 4px; letter-spacing: 0.03em; margin: 30px 0 10px;width: 260px; font-size: 18px; text-align:center } .footerTailor .textBlock span { display: block; border:2px solid #fff; border-radius: 4px; letter-spacing: 0.03em; margin: 30px 0 10px;width: 260px; font-size: 18px; text-align:center }
.footerTailor .textBlock span:hover { background:#a31022;} .footerTailor .textBlock span:hover { background:#a31022;}
@ -60,7 +60,7 @@ h2 em { display: none; }
/* 2018-1-24 */ /* 2018-1-24 */
.topTailor { border:d9d9d9; background:url(/pic/albee.png) no-repeat 30px center #f1f1f1; border-radius:4px; display: block; padding:20px 20px 20px 165px; margin-bottom:25px;} .topTailor { border:d9d9d9; background:url(https://data.asiahighlights.com/pic/albee.png) no-repeat 30px center #f1f1f1; border-radius:4px; display: block; padding:20px 20px 20px 165px; margin-bottom:25px;}
.topTailor .tailorTitle { display: block; font-size:22px; margin: 0 0 15px;} .topTailor .tailorTitle { display: block; font-size:22px; margin: 0 0 15px;}
.topTailor .beginNow { display: block; background:#a31022; border-radius:4px; text-align:center; border:2px solid #f1f1f1;} .topTailor .beginNow { display: block; background:#a31022; border-radius:4px; text-align:center; border:2px solid #f1f1f1;}
.topTailor .beginNow:hover { background: none; border:2px solid #a31022;} .topTailor .beginNow:hover { background: none; border:2px solid #a31022;}
@ -80,7 +80,7 @@ h2 em { display: none; }
.moreAsia .articleInfo .articleTitle { display: block; font-size:18px; margin-bottom:15px;} .moreAsia .articleInfo .articleTitle { display: block; font-size:18px; margin-bottom:15px;}
.moreAsia .articleInfo .viewMore { border-top:1px solid #d1d1d1; display: block; text-align:center; padding-top:10px; margin-top:10px;} .moreAsia .articleInfo .viewMore { border-top:1px solid #d1d1d1; display: block; text-align:center; padding-top:10px; margin-top:10px;}
.moreAsia .articleInfo .viewMore:hover a { text-decoration: underline;} .moreAsia .articleInfo .viewMore:hover a { text-decoration: underline;}
.moreAsia .articleInfo .viewMore a { text-decoration: none; font-size:16px; color:#a31022; background:url(/pic/red-arrow.png) no-repeat right 5px; padding-right:20px;} .moreAsia .articleInfo .viewMore a { text-decoration: none; font-size:16px; color:#a31022; background:url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right 5px; padding-right:20px;}
@media(max-width:750px) { @media(max-width:750px) {
.tourBlock img { width:100%;} .tourBlock img { width:100%;}
.destinationCover .areaBlock { margin-bottom:35px;} .destinationCover .areaBlock { margin-bottom:35px;}

16
css/tour.css
Unescape Escape View File

@ -37,7 +37,7 @@ h2 em { display: none; }
.priceBlock strong:before { content: "$"; display: inline-block;} .priceBlock strong:before { content: "$"; display: inline-block;}
.tourInfo .viewDetail { background: #fff; display: block; padding: 10px 15px; text-align: center; width: 100% !important; text-align: center; border-top:1px solid #d1d1d1; position:absolute; left:0; bottom:0; } .tourInfo .viewDetail { background: #fff; display: block; padding: 10px 15px; text-align: center; width: 100% !important; text-align: center; border-top:1px solid #d1d1d1; position:absolute; left:0; bottom:0; }
.tourInfo .viewDetail a { color: #a31022; font-size: 16px; text-decoration: none; background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; } .tourInfo .viewDetail a { color: #a31022; font-size: 16px; text-decoration: none; background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; }
.tourInfo .viewDetail a:hover { text-decoration: underline;} .tourInfo .viewDetail a:hover { text-decoration: underline;}
.whyAH { display: block; background: #f1f1f1; padding: 50px 0; } .whyAH { display: block; background: #f1f1f1; padding: 50px 0; }
.whyAH h3 { font-size: 18px; display: block; margin: 30px 0 10px; text-align: left !important } .whyAH h3 { font-size: 18px; display: block; margin: 30px 0 10px; text-align: left !important }
@ -71,7 +71,7 @@ h2 em { display: none; }
#questionBox .infoRequired p .arrowDownTest { background-color: #FFFFFF; border: 1px solid #999999; color: #A31022; display: block; padding: 3px 4px; position: absolute; z-index: 11000; left: 10px; top: -22px; } #questionBox .infoRequired p .arrowDownTest { background-color: #FFFFFF; border: 1px solid #999999; color: #A31022; display: block; padding: 3px 4px; position: absolute; z-index: 11000; left: 10px; top: -22px; }
#questionBox .infoRequired p .arrowDown { left: 4px; position: absolute; top: 26px; } #questionBox .infoRequired p .arrowDown { left: 4px; position: absolute; top: 26px; }
.crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; }
.crumbNav a { background: url(/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; } .crumbNav a { background: url(https://data.asiahighlights.com/image/arrow.png) no-repeat right 3px; padding-right: 10px; margin-right: 10px; color: #555; }
/* added by Mercier 20161110 */ /* added by Mercier 20161110 */
.bookingSteps { display: block; position: absolute; top: -290px; color: #fff; margin-left: 60px } .bookingSteps { display: block; position: absolute; top: -290px; color: #fff; margin-left: 60px }
.bookingSteps .steps { width: 180px; height: 180px; display: inline-block; background: rgba(0,0,0,.7); border-radius: 50%; text-align: center; font-size: 16px; padding: 10px 24px; margin-right: 40px; } .bookingSteps .steps { width: 180px; height: 180px; display: inline-block; background: rgba(0,0,0,.7); border-radius: 50%; text-align: center; font-size: 16px; padding: 10px 24px; margin-right: 40px; }
@ -92,14 +92,14 @@ h2 em { display: none; }
.TopReasons li { line-height: 20px; margin-bottom: 20px; font-size: 14px; } .TopReasons li { line-height: 20px; margin-bottom: 20px; font-size: 14px; }
.TopReasons li .orderNum { background: #a31022; width: 20px; height: 20px; display: block; float: left; text-align: center; color: #fff; margin: 5px 15px 20px 0 } .TopReasons li .orderNum { background: #a31022; width: 20px; height: 20px; display: block; float: left; text-align: center; color: #fff; margin: 5px 15px 20px 0 }
.TopReasons li:last-child { text-align: right; } .TopReasons li:last-child { text-align: right; }
.TopReasons li:last-child a { background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; text-decoration: underline; } .TopReasons li:last-child a { background: url(https://data.asiahighlights.com/pic/red-arrow.png) no-repeat right; padding-right: 15px; text-decoration: underline; }
.TopReasons li:last-child a:hover { text-decoration: none; } .TopReasons li:last-child a:hover { text-decoration: none; }
/* page footer tailor made block */ /* page footer tailor made block */
.footerTailor { background: url(/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; } .footerTailor { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-longer.png) no-repeat right #daceb9; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; }
.footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; } .footerTailor .textBlock { width: 60%; float: left; display: block; margin-left: 10%; text-align: center; font-size: 20px; }
.footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; } .footerTailor .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; font-size: 18px; }
.footerTailor .textBlock span a { color: #fff; text-decoration: none; } .footerTailor .textBlock span a { color: #fff; text-decoration: none; }
.footerTailorShort { background: url(/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; border-radius: 4px; } .footerTailorShort { background: url(https://data.asiahighlights.com/css/bg/bg-tailor-shorter.png) no-repeat right; display: block; padding: 15px 0; margin: 25px 0 0; overflow: hidden; color: #333; border-radius: 4px; }
.footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; } .footerTailorShort .textBlock { width: 70%; float: left; display: block; text-align: center; font-size: 20px; }
.footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; } .footerTailorShort .textBlock span { display: block; background: #a31022 none repeat scroll 0 0; border-radius: 4px; letter-spacing: 0.03em; margin: 30px auto 10px; padding: 10px 10px 12px; width: 280px; }
.footerTailorShort .textBlock span a { color: #fff; font-size: 18px; } .footerTailorShort .textBlock span a { color: #fff; font-size: 18px; }
@ -118,7 +118,7 @@ h2 em { display: none; }
.tourBox .withCover .viewMore .fa { font-size: 115%; margin-left: 5px; } .tourBox .withCover .viewMore .fa { font-size: 115%; margin-left: 5px; }
.tourBox .withCover .tourDestinations { display: block; margin-bottom: 15px; color: #999; } .tourBox .withCover .tourDestinations { display: block; margin-bottom: 15px; color: #999; }
.tourBox img { width: 100%; } .tourBox img { width: 100%; }
.tourBox .recommendIcon { display: block; background: url(/pic/recommend-icon.png?01) no-repeat; width: 113px; height: 22px; position: absolute; left: -5px; top: 15px; } .tourBox .recommendIcon { display: block; background: url(https://data.asiahighlights.com/pic/recommend-icon.png?01) no-repeat; width: 113px; height: 22px; position: absolute; left: -5px; top: 15px; }
.tourBox .namePrice { background: #fff; padding: 15px; display: block; overflow: hidden; } .tourBox .namePrice { background: #fff; padding: 15px; display: block; overflow: hidden; }
.tourBox .namePrice h2 { display: block; margin: 0 0 10px; text-align: left; line-height: 20px; } .tourBox .namePrice h2 { display: block; margin: 0 0 10px; text-align: left; line-height: 20px; }
.tourBox .namePrice h2 a { text-decoration: none; font-size: 16px; } .tourBox .namePrice h2 a { text-decoration: none; font-size: 16px; }
@ -127,7 +127,7 @@ h2 em { display: none; }
.tourBox .namePrice span em { font-style: normal; color: #a31022; font-size: 16px; margin-left: 10px; display: inline-block; float: left; } .tourBox .namePrice span em { font-style: normal; color: #a31022; font-size: 16px; margin-left: 10px; display: inline-block; float: left; }
.tourBox .namePrice span strong { font-weight: normal; color: #a31022; font-size: 28px; display: inline-block; float: left; margin-top: -5px; } .tourBox .namePrice span strong { font-weight: normal; color: #a31022; font-size: 28px; display: inline-block; float: left; margin-top: -5px; }
.fullTourList { border: 1px solid #d1d1d1; display: block; margin: 10px 0 30px; height: 228px; padding-right: 20px; position:relative } .fullTourList { border: 1px solid #d1d1d1; display: block; margin: 10px 0 30px; height: 228px; padding-right: 20px; position:relative }
.fullTourList .newIcon { display: block; background: url(/pic/new-icon.png?01) no-repeat; width: 113px; height: 22px; position: absolute; left: -5px; top: 15px; } .fullTourList .newIcon { display: block; background: url(https://data.asiahighlights.com/pic/new-icon.png?01) no-repeat; width: 113px; height: 22px; position: absolute; left: -5px; top: 15px; }
.fullTourList h2 { text-align: left; margin: 15px 0 15px; } .fullTourList h2 { text-align: left; margin: 15px 0 15px; }
.fullTourList p { line-height: 20px !important; } .fullTourList p { line-height: 20px !important; }
.fullTourList h2 a { font-size: 20px; } .fullTourList h2 a { font-size: 20px; }
@ -183,7 +183,7 @@ h2 em { display: none; }
.infoNav li { font-size:16px; border-bottom:1px solid #d1d1d1;} .infoNav li { font-size:16px; border-bottom:1px solid #d1d1d1;}
.infoNav li:first-child { border-top:1px solid #d1d1d1;} .infoNav li:first-child { border-top:1px solid #d1d1d1;}
.infoNav li a { text-decoration: none; display: block; padding:15px 0;} .infoNav li a { text-decoration: none; display: block; padding:15px 0;}
.infoNav li.active { background:url(/pic/red-arrow-13.png) no-repeat right;} .infoNav li.active { background:url(https://data.asiahighlights.com/pic/red-arrow-13.png) no-repeat right;}
.extraInfo h3 { font-size:22px; margin:40px 0 20px; font-weight:300;} .extraInfo h3 { font-size:22px; margin:40px 0 20px; font-weight:300;}
.extraInfo h3:first-child { margin-top:0 !important;} .extraInfo h3:first-child { margin-top:0 !important;}
.extraInfo .photoBox { display: inline-block; float: right; margin:0 0 20px 20px;} .extraInfo .photoBox { display: inline-block; float: right; margin:0 0 20px 20px;}

Write Preview
Loading…
Cancel
Save