@charset "utf-8"; /* CSS Document */ #banner { display: block; position: relative; } #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: 0; } #banner h1.AboutUs { color: #fff; display: block; font-size: 30px; font-weight: normal; left: 0; top: -365px; line-height: 37px; position: absolute; text-align: left; width: 600px; background: none; border-bottom: none; } h2 { text-align: center; font-style: Trebuchet MS; font-size:26px; margin: 0 0 35px;} a { text-decoration: none;} @media(max-width:750px) { #banner h1 { background: none !important; color:#555 !important; position:static !important; font-size:20px !important} } /* recommend tours */ .ratedTours { background: #f1f1f1; padding: 30px 0 50px; margin-bottom: 20px; } .ratedTours img { border-radius: 4px 4px 0 0; } .tourInfo { background: #fff; padding: 10px 20px; border-radius: 0 0 4px 4px; margin-bottom:15px; border:1px solid #d1d1d1; } .tourPhoto { position:relative;} .tourPhoto img { width:100%; border-radius:4px 4px 0 0;} .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 .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 em { color:#a31022; font-style:normal; font-size:16px; margin-left:5px;} .priceFrom strong { color:#a31022; font-style:normal; font-size:30px;} /* page footer tailor made block */ .inpageTailor { margin: 0 0 10px 0; padding-top: 15px;} .inpageTailor .tailorForm .tailorContent {font-size: 17px; line-height: inherit; } .tailorButton a { width: 240px; border: 2px solid #a31022; border-radius: 4px; display: block; text-decoration: none; font-size: 20px; padding: 5px 10px 20px; text-align: center; position: relative; color: #555 } .tailorMadeButton a { width: 240px; border: 2px solid #a31022; border-radius: 4px; display: block; text-decoration: none; font-size: 20px; padding: 5px 10px 20px; text-align: center; position: relative; color: #555;left: 35px; top: 75px; } .tailorButton a:hover { background: #a31022; color: #fff; transition: all 0.5s ease-in-out; } .tailorButton .promiseWords { font-size: 11px; display: block; margin-top: -21px; margin-left: 8px; padding-left: 15px; color: #000; } .tailorButton .promiseWords:hover { color: #fff } .tailorMadeButton a:hover { background: #a31022; color: #fff; transition: all 0.5s ease-in-out; } .tailorMadeButton .promiseWords { font-size: 11px; display: block; margin-top: -21px; margin-left: 8px; padding-left: 15px; color: #000; margin-left: 40px; margin-top: 55px;} .tailorMadeButton .promiseWords:hover { color: #fff } @media(max-width:750px) { .TopReasons { padding-top:0 !important;} .tailorButton a { margin:15px auto !important; padding:5px 10px 10px !important;} .tailorButton .promiseWords { display: none !important;} .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} } /*-------- 2016-12-05------ */ .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; } .bookingSteps .tailorMake span a { color: #fff; 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; display: none !important; } .bookingSteps .steps { display: none !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; font-size:20px !important;} .destiMap { margin-bottom:30px !important} .groupTravel { border: none !important; padding:0 !important;} .tailorPhoto { text-align:center; display: block;} } .TopReasons { padding-bottom: 30px; margin-bottom: 30px; } .TopReasons h2 { margin-top: 0 !important; text-align: center; } .TopReasons h3 { color:#999; font-size:16px; margin:0 0 15px;} .reasonInfo { font-size:14px; padding-left:23px; display: block; margin-bottom:30px;} .reasonInfo a { color:#a31022;} .reasonInfo .fa { font-size:115%;} .crumbNav { text-align: right; margin: 25px 0; font-size: 11px; color: #a31022; } .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 h2 { text-align:center;} #topPlaces h3 { color:#0957a0; font-size:20px; margin:0 0 20px;} #topPlaces .whyVisa { font-size:16px; color:#000; display: block; margin-bottom:5px;} #topPlaces ol { margin-left:10px; padding-left:10px; margin-bottom:30px;} #topPlaces li{ font-size:14px; line-height:20px; margin-bottom:10px;} .destiMap { float: right; margin:15px 0 10px 30px;} .whenVisit { padding:25px 0; margin:25px 0; display: block;} .whenVisit h2 { text-align:center;} .travelStyle {background:#f1f1f1; padding:25px 0; margin-bottom:25px;} .travelStyle h2 { font-size: 28px; text-align: center; } .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 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.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 li { margin-bottom: 40px !important; } .flightsMap { background:#f1f1f1; margin:25px 0;} .photoTitle { text-align:center; display:block; margin:15px 0;} .more_content { margin-top:15px;}