|
|
|
@ -79,20 +79,20 @@ ul.ArticleList li {border-bottom: 1px #d6d6d6 solid;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
padding-bottom: 15px;}
|
|
|
|
|
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;}
|
|
|
|
|
/* learn more style for info with red */
|
|
|
|
|
.learnMore { text-transform:uppercase; color:#a31022; text-decoration: none !important;}
|
|
|
|
|
.learnMore:HOVER { text-decoration: underline !important}
|
|
|
|
|
.learnMore { text-transform:uppercase; color:#a31022; text-decoration: none;}
|
|
|
|
|
.learnMore:HOVER { text-decoration: underline;}
|
|
|
|
|
.learnMore i { font-size:130%;}
|
|
|
|
|
/* only use without banner */
|
|
|
|
|
.withH1 { display: block; background:#fff; 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 { display: block; background:#fff; margin-top:0; padding-top:0; border-top:2px solid #d9d9d9;}
|
|
|
|
|
.withH1 h1{margin: -10px 0 35px;
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-family: 'Alegreya Sans',sans-serif;
|
|
|
|
|
font-size: 45px;
|
|
|
|
|
font-weight: 700;}
|
|
|
|
|
.withH1 .crumbNav { margin-top:-15px !important;}
|
|
|
|
|
.withH1 .crumbNav { margin-top:-15px;}
|
|
|
|
|
.warningPart{border-radius: 4px;border: 1px dashed #ad1818; padding: 10px 10px 0;}
|
|
|
|
|
.Information h2.RedBorder { text-align: left; }
|
|
|
|
|
.ArticleInfo { padding-bottom: 10px; }
|
|
|
|
@ -116,7 +116,7 @@ table th .TrainNumber { font-size: 15px; text-align: center; padding-bottom: 10p
|
|
|
|
|
.telNo strong { font-size: 16px; font-weight: normal; color: #a31022 }
|
|
|
|
|
#fp { font-size: 14px; float: left; cursor: pointer; display: block; margin-top: 2px; }
|
|
|
|
|
.moretelNo ul { margin: 0; }
|
|
|
|
|
.moretelNo ul li { list-style: none; font-size: 14px; line-height: 22px!important; cursor: pointer; padding-left: 6px!important; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: none!important; width: auto!important; }
|
|
|
|
|
.moretelNo ul li { list-style: none; font-size: 14px; line-height: 22px; cursor: pointer; padding-left: 6px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: none; width: auto; }
|
|
|
|
|
.moretelNo ul li:hover { background: #f5f5f5; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }
|
|
|
|
|
.tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; }
|
|
|
|
|
.publishPic { margin-right: 15px; }
|
|
|
|
@ -157,7 +157,7 @@ ul.TopList li.crownIcon { margin: 15px 0; min-height: 50px; }
|
|
|
|
|
.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) {
|
|
|
|
|
ul.TopList li.FlyFrom { padding-bottom: 28px; }
|
|
|
|
|
.cityMap .flightTimes { display: none !important; }
|
|
|
|
|
.cityMap .flightTimes { display: none; }
|
|
|
|
|
}
|
|
|
|
|
ul.TopList li .TopLine { font-size: 13px; }
|
|
|
|
|
.TopThings { background: #f1f1f1; padding-bottom: 30px; padding-top: 30px; }
|
|
|
|
@ -195,8 +195,8 @@ ul.InfoList li {background: url(https://data.asiahighlights.com/image/travel-gui
|
|
|
|
|
#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; }
|
|
|
|
|
@media(max-width:758px) {
|
|
|
|
|
#banner h1 { position: relative !important; background: none !important; top: 0 !important; color: #545454 !important; font-size: 18px !important; padding: 15px 0 !important; margin: auto -15px !important; }
|
|
|
|
|
#Topbanner h1 { position: relative !important; background: none !important; top: 0 !important; color: #545454 !important; font-size: 18px !important; text-align: left !important; padding: 15px 0 !important; margin: auto -15px !important; text-shadow: none !important; }
|
|
|
|
|
#banner h1 { position: relative; background: none; top: 0; color: #545454; font-size: 18px; padding: 15px 0; margin: auto -15px; }
|
|
|
|
|
#Topbanner h1 { position: relative; background: none; top: 0; color: #545454; font-size: 18px; text-align: left; padding: 15px 0; margin: auto -15px; text-shadow: none; }
|
|
|
|
|
}
|
|
|
|
|
.tourBox1 { margin-top: 25px; }
|
|
|
|
|
.TourInfo { margin-top: 25px; border-bottom: none; }
|
|
|
|
@ -250,13 +250,13 @@ span.title { display: block; font-size: 16px; margin: 0 0 8px; }
|
|
|
|
|
.infoList { width: 100%; }
|
|
|
|
|
.ViewMore { margin-bottom: 15px; }
|
|
|
|
|
.traveller select { height: 35px; }
|
|
|
|
|
.bookTour { width: 100% !important; }
|
|
|
|
|
.bookTour { width: 100%; }
|
|
|
|
|
#Topbanner h1 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: medium none; color: #fff; display: block; font-size: 22px; font-weight: normal; left: 0; line-height: 28px; position: absolute; text-align: left; text-shadow: 0 1px 5px #000; top: -150px; width: 330px; }
|
|
|
|
|
.listInfo { margin-bottom: 20px !important; }
|
|
|
|
|
.ratedTours .tourInfo { margin-bottom: 20px !important; }
|
|
|
|
|
.listInfo { margin-bottom: 20px; }
|
|
|
|
|
.ratedTours .tourInfo { margin-bottom: 20px; }
|
|
|
|
|
.tailor-make { display: block; text-align: center; }
|
|
|
|
|
.tailor-make img { display: inline; }
|
|
|
|
|
.tailorButton a { width: 100% !important; }
|
|
|
|
|
.tailorButton a { width: 100%; }
|
|
|
|
|
}
|
|
|
|
|
/* recommend tours */
|
|
|
|
|
.ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; }
|
|
|
|
@ -282,7 +282,7 @@ span.title { display: block; font-size: 16px; margin: 0 0 8px; }
|
|
|
|
|
#questionBox .infoRequired p { display: none1; }
|
|
|
|
|
#questionBox .infoRequired p { +left: 660px;
|
|
|
|
|
}
|
|
|
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
|
|
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px; margin-bottom: 0px; position: relative; text-align: center; }
|
|
|
|
|
#questionBox .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 10px; left: 10px; cursor: text; font-size: 14px; color: #777; }
|
|
|
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
|
|
|
/* submit checking */
|
|
|
|
@ -294,9 +294,9 @@ a:hover { text-decoration: none; color: #b61326; }
|
|
|
|
|
.noteInfo { margin: 0 15px; }
|
|
|
|
|
.cityMap { position: relative; }
|
|
|
|
|
.cityMap .flightTimes { background: #e6e5e5; border-radius: 4px; border: 1px solid #d1d1d1; width: 240px; height: 200px; display: block; position: absolute; left: -10px; top: 220px; padding: 15px; }
|
|
|
|
|
.cityMap .flightTimes.cambodiaMap { height: 220px !important; top: 490px !important; left: calc(50% - 120px)!important; }
|
|
|
|
|
.cityMap .flightTimes.laosMap { height: 220px !important; top: 480px !important; left: 50px!important; }
|
|
|
|
|
.cityMap .flightTimes.myanmarMap { height: 220px !important; top: 600px !important; left: 100px!important; }
|
|
|
|
|
.cityMap .flightTimes.cambodiaMap { height: 220px; top: 490px; left: calc(50% - 120px); }
|
|
|
|
|
.cityMap .flightTimes.laosMap { height: 220px; top: 480px; left: 50px; }
|
|
|
|
|
.cityMap .flightTimes.myanmarMap { height: 220px; top: 600px; left: 100px; }
|
|
|
|
|
.cityMap .flightTimes span { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; display: block; margin-bottom: 15px; }
|
|
|
|
|
.cityMap .flightTimes ul { width: 49%; float: left; display: block; }
|
|
|
|
|
.cityMap .flightTimes ul li { line-height: 20px; margin-bottom: 5px; }
|
|
|
|
@ -347,10 +347,10 @@ a:hover { text-decoration: none; color: #b61326; }
|
|
|
|
|
.bookingSteps .tailorMake span a:hover { background:#fff; color:#a31022; box-shadow:none; text-shadow:none; }
|
|
|
|
|
.bookingSteps .tailorMake span .fa { font-size: 120%; margin-left: 5px; font-weight: bold; }
|
|
|
|
|
@media(max-width:768px) {
|
|
|
|
|
.bookingSteps { position: relative !important; background: #555; width: 100% !important; margin-left: 0 !important; top: 0 !important; margin-top: 15px; padding: 20px; }
|
|
|
|
|
.bookingSteps .steps { width: auto !important; height: auto !important; display: block !important; background: none !important; padding: 10px !important; text-align: left !important; font-size: 14px !important; }
|
|
|
|
|
.bookingSteps .steps strong { display: block !important; margin-bottom: 0 !important; font-size: 20px !important; float: left !important; margin: 5px 15px 0 0; }
|
|
|
|
|
.bookingSteps .tailorMake { float: none !important; text-align: center !important; margin-top: 20px !important; }
|
|
|
|
|
.bookingSteps { position: relative; background: #555; width: 100%; margin-left: 0; top: 0; margin-top: 15px; padding: 20px; }
|
|
|
|
|
.bookingSteps .steps { width: auto; height: auto; display: block; background: none; padding: 10px; text-align: left; font-size: 14px; }
|
|
|
|
|
.bookingSteps .steps strong { display: block; margin-bottom: 0; font-size: 20px; float: left; margin: 5px 15px 0 0; }
|
|
|
|
|
.bookingSteps .tailorMake { float: none; text-align: center; margin-top: 20px; }
|
|
|
|
|
}
|
|
|
|
|
.TopReasons { background: #f1f1f1; padding-bottom: 30px; padding-top: 30px; margin-bottom: 30px; }
|
|
|
|
|
.TopReasons h2 { margin-top: 0 !important; text-align: left; }
|
|
|
|
@ -360,8 +360,8 @@ a:hover { text-decoration: none; color: #b61326; }
|
|
|
|
|
.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; }
|
|
|
|
|
.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:hover { text-decoration: none !important; }
|
|
|
|
|
.viewMoreLink a { font-size: 14px; text-decoration: underline; }
|
|
|
|
|
.viewMoreLink a:hover { text-decoration: none; }
|
|
|
|
|
/* page footer tailor made block */
|
|
|
|
|
.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; }
|
|
|
|
|