You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
9.6 KiB
CSS
92 lines
9.6 KiB
CSS
@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-family: fontawesome; 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; }
|
|
/* tour detail new style */
|
|
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;}
|
|
.whatIncluded { height: 100%; overflow: hidden; }
|
|
.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 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(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(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(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(https://data.asiahighlights.com/pic/bg-fly.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 strong { font-size:20px; margin-right:5px; color:#a31022; font-weight: normal;}
|
|
.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(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(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(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 img { margin-bottom:5px;}
|
|
.hotelImage img { border-radius:4px; width:100%; height:125px; }
|
|
.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(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 .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 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(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;}
|
|
.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 .guidePhoto { box-shadow:0 0 5px #999; padding:3px; background:#fff; float: left; display: block; width:199px; margin-top:10px;}
|
|
.guideCar .guideInfo .guideSummary { float: right; display: block; width:285px; font-size:14px; line-height:23px;}
|
|
.guideCar .carInfo { width:48%; float: right;}
|
|
.guideCar .carInfo .carPhoto { box-shadow:0 0 5px #999; padding:3px; background:#fff; float: left; display: block; width:199px; margin-top:10px;}
|
|
.guideCar .carInfo .carSummary { float: right; display: block; width:325px; font-size:14px; line-height:23px;}
|
|
.guideCar .guideInfo h2, .guideCar .carInfo h2 { margin-top:0 !important;}
|
|
.ourReviews .customerPhoto { display: block; box-shadow:0 0 5px #999; padding:3px; background:#fff;
|
|
transform:rotate(-8deg);
|
|
-ms-transform:rotate(-8deg); /* IE 9 */
|
|
-moz-transform:rotate(-8deg); /* Firefox */
|
|
-webkit-transform:rotate(-8deg); /* Safari 和 Chrome */
|
|
-o-transform:rotate(-8deg); /* Opera */
|
|
}
|
|
.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(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:hover { text-decoration: none;}
|
|
.inquiryBtn { display: block; padding:30px 0 50px; text-align:center; font-size:24px;}
|
|
.inquiryBtn .inquiryNow { background:#a31022; text-align:center; display: block; border-radius:4px; width:250px; margin:25px auto; }
|
|
.inquiryBtn .inquiryNow input { color:#fff; text-decoration: none; display: block; padding:10px 0; font-size:18px;}
|
|
.inquiryBtn .inquiryNow a { color:#fff; text-decoration: none; display: block; padding:10px 0; font-size:18px;}
|
|
.inquiryBtn .inquiryNow:hover { background:#800D1C}
|
|
.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:hover { text-decoration: underline}
|
|
.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(https://data.asiahighlights.com/pic/quote-right-s.png) no-repeat; width:17px; height:12px;}
|
|
.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 .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 input {background:#a31022; border:0px; color:#fff; text-decoration: none; padding:10px 0; font-size:18px;}
|
|
.priceBlock .inquiryNow .fa {color:#fff; font-size:120%;}
|
|
.priceBlock .inquiryNow:hover { background:#800D1C}
|
|
.priceBlock .inquiryNow:hover input{ background:#800D1C}
|
|
.priceBlock b { color:#a31022; margin:0 10px 10px; font-size:35px; font-weight: normal; display: inline-block;}
|
|
.priceBlock .from { display:inline-block; float: left; margin-top:5px;}
|
|
.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.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(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 a { color:#fff;}
|
|
.fixedNav li:hover:not(:first-child){ background:#a31022;}
|
|
.fixedNav li:hover a {color:#fff;}
|
|
@media(max-width:750px) {
|
|
.priceBlock { margin-left:0 !important;}
|
|
.guideInfo, .carInfo { width:100% !important; float: none !important; border-right: none !important; border-bottom:1px solid #d1d1d1; padding-left:0 !important; padding-bottom:20px; margin-bottom:20px;}
|
|
.guidePhoto, .carPhoto { float: none !important; margin:10px auto 15px;}
|
|
.guideSummary, .carSummary { float: none !important; width:100% !important;}
|
|
.specialistSay { margin-bottom:25px;}
|
|
.ourReviews .customerPhoto { transform: none !important; margin-left:auto; margin-right:auto;}
|
|
}
|
|
.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; }
|