asiahighlights.com/css/tour.css

@charset "utf-8";
/* CSS Document */
#banner { display: block; position: relative; }
#banner span { position: absolute; right: 10%; text-align: right; display: block; top: 25px; font-size: 38px; color: #fff; text-shadow: 2px 2px 2px #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#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; }
.menu a.active { color: #a31022; border-bottom: 4px solid #a31022; padding-bottom: 8px; }
.aboutAH { display: block; background: #f1f1f1;/* padding: 50px 0;*/ text-align: center; }
.aboutAH img { max-width: 100%; }
h1 { font-size: 30px; border-bottom: none; margin: 0 0 30px; color: #545454; }
h2 { font-size: 30px; color: #545454; margin-bottom: 30px; text-align: center; }
@media(max-width:768px) {
#banner span { position: relative !important; margin: 15px 10px !important; font-size: 20px !important; color: #333 !important; text-shadow: none !important; text-align: center !important; top: auto !important; right: auto !important }
h2 em { display: none; }
.topTours { padding: 30px 0 !important; }
.topTours .tourInfo { margin-bottom: 20px; }
.articleFirst { margin-bottom: 20px; }
.popularArticle .articleRight { margin-bottom: 20px !important; }
.whyAH { padding: 20px 0 0 !important; }
.whyAH .whyus ul { margin: 0 -15px !important; }
.whyAH .whyus li { background-size: 20% !important; padding: 10px 0 10px 70px !important; font-size: 15px !important; }
}
.aboutAH p, .topTours p { margin-bottom: 35px !important; }
.topTours { display: block; padding: 30px 0 50px; }
.topTours img { border-radius: 4px 4px 0 0; }
.tourBlock { display: block; background: #fff; border: 1px solid #ccc; overflow: hidden; margin-bottom: 30px; }
.tourInfo { padding: 15px 15px 0; border-radius: 0 0 4px 4px; text-align: left !important; }
.tourInfo h3 { font-size: 16px; margin: 5px 0 10px; }
.tourInfo .destinations { color: #777; display: block; height: 33px; margin: 10px 0; }
.priceBlock { display: block; margin: 15px 0 20px; vertical-align: top; }
.priceBlock em { font-style: normal; display: inline-block; vertical-align: top; padding-top: 5px; margin-right: 5px; }
.priceBlock strong { color: #a31022; font-size: 28px; font-weight: normal; }
.priceBlock strong:before { content: "$"; font-size: 16px; display: inline-block; vertical-align: top; padding-top: 5px; }
.tourInfo .viewDetail { background: #f5f5f5; display: block; margin: 10px -15px -1px; padding: 6px 15px; text-align: center; width: 110%; text-align: right; }
.tourInfo .viewDetail a { color: #a31022; font-size: 15px; text-decoration: none; background: url(/pic/red-arrow.png) no-repeat right; padding-right: 15px; }
.whyAH { display: block; background: #f1f1f1; padding: 50px 0; }
.whyAH h3 { font-size: 18px; display: block; margin: 30px 0 10px; text-align: left !important }
.whyAH p { text-align: left !important; }
.popularArticle { display: block; padding: 30px 0 50px; }
.popularArticle .articleFirst img { border-radius: 4px 4px 0 0; }
.popularArticle .articleFirst .articleInfo { background: #f4f4f4; border-radius: 0 0 4px 4px; padding: 15px; }
.popularArticle .articleFirst h3 { margin: 0 0 15px; font-size: 18px; }
.popularArticle .articleFirst p { line-height: 20px !important; margin-bottom: 0; }
.popularArticle .articleRight { margin-bottom: 29px; position: relative }
.popularArticle .articleRight img { border-radius: 4px; }
.popularArticle .articleRight span { position: absolute; top: 0; font-size: 18px; color: #fff; }
/* quick inquiry form */
#questionBox { margin: 10px 0 15px 0; position: relative; border-radius: 6px; }
#questionBox .questionContent { display: block; padding: 10px 20px; background: #d1d1d1; border-radius: 6px; }
#questionBox .interested { font-size: 21px; display: block; text-align: center; margin: 5px 0; text-transform: uppercase; font-weight: bold; color: #a31022; }
#questionBox .interest-label { font-size: 14px; text-align: center; display: block; margin-bottom: 25px; }
#questionBox .infoRequired { text-align: center; margin: 22px 0 0 0; display: block; }
#questionBox .infoRequired input, textarea { width: 100%; font-size: 14px; font-family: Verdana, Geneva, sans-serif; padding: 10px; background-color: #fff; margin-bottom: 10px; border-radius: 4px; border: none; color: #333; box-shadow: 0 0 2px #999 }
#questionBox .infoRequired input:focus, textarea:focus { border-color: #a31022; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #000; transition: all 0.5s ease-in-out; border-radius: 10px; }
#questionBox .infoRequired textarea { height: 150px; }
#questionBox .sendButton { margin: 15px 0; display: block; background: #a31022; border: none; color: #fff; text-shadow: 0 0 2px #000; text-align: center; border-radius: 4px; padding: 10px; font-size: 15px; width: 100%; }
#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 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 */
#questionBox .infoRequired p .arrowDownTest label { line-height: 20px; position: relative; left: 0; margin: 0; padding: 0; top: 0; }
#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; }
.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; }
/* added by Mercier 20161110 */
.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 strong { display: block; font-size: 30px; font-weight: normal; margin-bottom: 10px; }
.bookingSteps .tailorMake { display: block; font-size: 25px; float: right; margin-top: 40px; }
.bookingSteps .tailorMake span { display: block !important; position: static !important }
.bookingSteps .tailorMake span a { color: #fff; font-family: Arial, Helvetica, sans-serif; display: block; font-size: 16px; border: 3px solid #fff; border-radius: 4px; padding: 8px 0; text-align: center; text-transform: uppercase; text-shadow: 0 0 2px #333; font-weight: bold; width: 200px; margin: 15px auto; box-shadow: 0 0 5px #333 inset; }
.bookingSteps .tailorMake span a:hover { box-shadow: 0 0 5px #000 inset; }
.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; }
}
.TopReasons { background: #f1f1f1; padding-bottom: 30px; padding-top: 30px; margin-bottom: 30px; }
.TopReasons h2 { margin-top: 0 !important; text-align: left; }
.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: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:hover { text-decoration: none; }
/* 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 .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 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 .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 a { color: #fff; font-size: 18px; }
@media(max-width:750px) {
.footerTailor { background: #daceb9 !important; }
.footerTailorShort { background: #daceb9 !important; }
.textBlock { width: 100% !important; float: none !important; font-size: 14px !important; margin-left: 0 !important; }
.textBlock span { padding: 5px 0 7px !important; }
.textBlock span a { font-size: 14px !important; width: 200px !important }
}
/* top tours */
.tourBox { border: 1px solid #d1d1d1; display: block; margin-bottom: 35px; position: relative; }
.tourBox .withCover { width: 358px; height: 303px; display: none; background: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; padding: 25px; color: #fff; }
.tourBox .withCover .viewMore { display: block; margin: 25px auto; width: 130px; text-align: center; background: #a31022; border-radius: 4px; }
.tourBox .withCover .viewMore a { display: block; color: #fff; text-decoration: none; padding: 5px; font-size: 14px; }
.tourBox .withCover .viewMore .fa { font-size: 115%; margin-left: 5px; }
.tourBox .withCover .tourDestinations { display: block; margin-bottom: 15px; color: #999; }
.tourBox img { width: 100%; }
.tourBox .recommendIcon { display: block; background: url(/pic/recommend-icon.png) no-repeat; width: 113px; height: 22px; position: absolute; left: -5px; top: 15px; }
.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 a { text-decoration: none; font-size: 16px; }
.tourBox .namePrice span { display: block; width: 140px; float: right; }
.tourBox .namePrice span b { font-weight: normal; 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; }
.fullTourList { border: 1px solid #d1d1d1; display: block; margin: 10px 0 30px; height: 228px; padding-right: 20px; }
.fullTourList .newIcon { display: block; background: url(/pic/new-icon.png) no-repeat; width: 113px; height: 22px; position: absolute; left: -5px; top: 15px; }
.fullTourList h2 { text-align: left; margin: 15px 0 15px; }
.fullTourList p { line-height: 20px !important; }
.fullTourList h2 a { font-size: 20px; }
.fullTourList img { float: left; margin: 0 35px 0 0; }
.fullTourList .tourDestinations { display: block; margin-bottom: 15px; color: #999; }
.fullTourList .viewMore { display: block; float: right; width: 130px; text-align: center; background: #a31022; border-radius: 4px; }
.fullTourList .viewMore a { display: block; color: #fff; text-decoration: none; padding: 5px; font-size: 14px; }
.fullTourList .viewMore .fa { font-size: 115%; margin-left: 5px; }
.fullTourList .listPrice { width: 150px; float: left; display: block; }
.fullTourList .listPrice b { font-weight: normal; display: inline-block; float: left; }
.fullTourList .listPrice em { font-style: normal; color: #a31022; font-size: 16px; margin-left: 10px; display: inline-block; float: left; }
.fullTourList .listPrice strong { font-weight: normal; color: #a31022; font-size: 28px; display: inline-block; float: left; margin-top: -5px; }
/* after question form */
.moreAbout { display: block; font-size: 18px; margin: 25px 0 15px; }
.infoList { background: #d1d1d1; border-radius: 0 4px 4px 0; font-size: 14px; margin-bottom: 20px; overflow: hidden; padding-top: 10px; }
.infoList:hover { background: #d9d9d9 none repeat scroll 0 0; }
.infoList a { text-decoration: none; }
.infoList strong { font-weight: normal; }
.infoList img { border-radius: 4px 0 0 4px; float: left; margin-right: 10px; margin-top: -10px; width: 100px; }

.getTA { display: block; margin-bottom:35px 0 20px;}
.widSSPData { border-radius:4px !important;}
#CDSWIDSSP { width:auto !important;}
.footTailor { display: block; margin:35px auto; width:200px; background:#a31022; text-align:center; border-radius:4px;}
.footTailor a { display: block; padding:10px 0; text-decoration: none; color:#fff; font-size:18px;}
@media(max-width:768px) {
.footTailor { position:fixed; bottom:-35px; left:0; width:100% !important; border-radius:0!important; z-index:9999;}	
}