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.
168 lines
10 KiB
CSS
168 lines
10 KiB
CSS
/*basic*/
|
|
h2 { font-weight:300; font-size:30px; color:#a31022; margin-bottom:25px;}
|
|
h3 { font-size:20px;color:#a31022; margin-bottom:15px;}
|
|
a { text-decoration:none;}
|
|
.red { color:#a31022;}
|
|
.green {color:#029B0B}
|
|
.mbottom30 { margin-bottom:30px;}
|
|
.mbottom70 { margin-bottom:70px;}
|
|
.relative { position:relative;}
|
|
.fa { margin-right:10px;}
|
|
ol { padding-left:10px;}
|
|
/*banner*/
|
|
.banner-box {}
|
|
.details-banner { position:relative; }
|
|
.carousel-caption { color:#fff; bottom:0px; text-align:left; padding-bottom:0; }
|
|
.carousel-caption h1 {font-size: 36px;display:block;margin-bottom:5px; line-height:1.2em; color:#fff; font-weight:400; border-bottom:none;}
|
|
.carousel-caption p a{ font-size:18px; color:#fff;}
|
|
.carousel-caption p a .r-reviews { margin-left:5px; text-decoration:underline;font-size:16px;}
|
|
.bubble_50 {text-shadow: 0 1px 2px rgba(0,0,0,.0);}
|
|
.ui_bubble_rating:before {color:#000;}
|
|
.cover-content{position:absolute;content:" ";display:block;min-height:150px;left:0;right:0;bottom:0;z-index:10;background:-webkit-linear-gradient(rgba(255,255,255,0) 0,rgba(24,24,24,.75) 100%);background:-o-linear-gradient(rgba(255,255,255,0) 0,rgba(24,24,24,.75) 100%);background:linear-gradient(rgba(255,255,255,0) 0,rgba(24,24,24,.75) 100%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
|
|
.banner-bottom { background:#f2f2f2; height:90px; display:block;}
|
|
@media (max-width:992px) {
|
|
.carousel-caption { color:#333; position:static; text-shadow:none;}
|
|
.carousel-caption h1 { color:#333; font-size:30px;}
|
|
.carousel-caption p a{ font-size:18px; color:#545454;;}
|
|
}
|
|
/*---left---*/
|
|
body .daytrip-left{ font-size:16px;}
|
|
body .daytrip-left li { font-size:16px; margin-bottom:15px;}
|
|
/*tour-type*/
|
|
.tour-type { position:relative; margin-top:-75px; margin-bottom:50px;}
|
|
.tour-type li { float:left; margin-right:20px; margin-bottom:8px;}
|
|
.tour-type i { color:#a31022; }
|
|
.tour-type li i { font-size:18px;}
|
|
.tours-list li { position:relative; padding-left:25px; margin-bottom:15px;}
|
|
.tours-list li i { position:absolute; left:0; top:4px; font-size:18px;}
|
|
/*Detailed Itinerary*/
|
|
.daytrips-list {position:relative; margin-bottom:25px; border:solid 1px #d8d8d8; border-radius:4px;}
|
|
.daytrips-title { background:#f7f7f7; border-radius:4px; padding:15px;padding-right:45px; font-size:18px; position:relative;cursor: pointer}
|
|
.daytrips-title p { margin-bottom:0;}
|
|
.daytrips-title i { position:absolute; top:15px; right:5px; font-size:20px; line-height:20px;border: 2px solid #a31022;padding: 0 4px;border-radius: 4px; color:#a31022}
|
|
.daytrips-title .red { margin-right:10px;}
|
|
.daytrips-title:hover {color:#a31022;}
|
|
.daytrips-list.active .daytrips-title {border-radius:4px 4px 0 0;}
|
|
.daytrips-info { display:none;}
|
|
.daytrips-list.active .daytrips-info { padding:20px 20px 0 20px; display:block}
|
|
.daytrips-info img { border-radius:4px;}
|
|
.dayimg-txt {display: block;font-size: 15px;margin-top: 5px;font-style: italic;color: #777;}
|
|
#expandAll {line-height: 27px; float: right; cursor: pointer; font-size: 18px; font-style: italic; color: #a31022; margin-bottom: 10px; margin-top:-20px;}
|
|
ul.note { padding-left:20px; margin-bottom:20px;}
|
|
ul.note li{ list-style: disc; padding-bottom:15px;}
|
|
/*price*/
|
|
.table-bordered td {background:#fff; padding:8px 0; text-align:center;}
|
|
.table-bordered th {background:#f2f2f2;padding:8px 0; font-weight:normal; text-align:center;}
|
|
.fa-check-circle { font-size:24px;}
|
|
.price-ul li { position: relative; padding-left:25px;}
|
|
.price-ul li i { position:absolute; left:0; top:4px; }
|
|
/*Faqs*/
|
|
.faqs-list {position:relative; margin-bottom:25px;}
|
|
.faqs-title { background:#f2f2f2; border-radius:4px; padding:15px;padding-right:45px; font-size:18px; position:relative;cursor: pointer}
|
|
.faqs-title p { margin-bottom:0;}
|
|
.faqs-title i { position:absolute; top:15px; right:5px; font-size:20px; line-height:20px;border: 2px solid #a31022;padding: 0 4px;border-radius: 4px; color:#a31022}
|
|
.faqs-title .red { margin-right:10px;}
|
|
.faqs-title:hover {color:#a31022;}
|
|
.faqs-info { display:none;}
|
|
.faqs-list.active .faqs-info { padding:20px 20px 0 20px; display:block}
|
|
.faqs-info img { border-radius:4px;}
|
|
/*Reviews*/
|
|
.ta-img { margin-left:15px; margin-right:5px;}
|
|
.r-reviews { text-decoration:underline; font-size:16px; font-weight:normal;}
|
|
.reviews-list { margin-bottom:30px;}
|
|
.reviews-list p{ margin-bottom:10px; font-size:14px;}
|
|
.reviews-left { text-align:center;}
|
|
.reviews-left p { font-size:13px; margin-bottom:0px; color:#333; line-height:1.2em;}
|
|
.member img {border-radius:50%; margin-top:40px; margin-bottom:10px;}
|
|
.reviews-arrow { position:absolute;display: inline-block;width: 0;height: 0; left:-15px; top:30px;vertical-align: middle; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 15px solid #f2f2f2;}
|
|
.reviews-list .green { color:#00a680; margin-top:8px;}
|
|
.reviews-list .green a { color:#00a680; font-size:12px; margin-right:8px;}
|
|
.reviews-list .green a i{ font-size:13px; margin-right:2px;}
|
|
.reviews-list .green a i.fa-thumbs-up { margin-top:-2px; margin-right:0px;}
|
|
.ratingdate { font-size:13px; color:#888;}
|
|
.reviews-list .ui_bubble_rating { margin-left:10px; margin-right:10px;}
|
|
.reviews-info { padding:20px 20px 10px 20px; background:#f2f2f2; position:relative; border-radius:12px;}
|
|
.reviews-info a { color:#333;}
|
|
.reviews-info p { font-size:14px;}
|
|
.reviews-info p.reviews-title { border-bottom:solid 1px #fff; font-size:20px; font-size:600; padding-bottom:12px;}
|
|
.reviews-page {text-align: right;z-index: 1000; margin-top:30px;}
|
|
.reviews-page li {margin: 0 2px; display: inline-block;}
|
|
.reviews-page li a{width: 24px;height:24px;display: block;cursor: pointer;background: #a31022;border: 1px solid #a31022;border-radius:4px; color:#fff; text-align:center; line-height:22px;}
|
|
.reviews-page li a.active{background: #fff;border: 1px solid #888; color:#a31022;}
|
|
/*more*/
|
|
.caption { padding:1px 15px 10px; background:#f2f2f2; }
|
|
.caption h3 { font-size:20px; text-align:left; margin-bottom:18px;}
|
|
.caption p { margin-bottom:15px;}
|
|
.caption-price { padding-top:0px;}
|
|
.caption-price .red { display:inline-block; margin-bottom:10px; font-size:22px; margin-top:10px;}
|
|
.btn-red {background: #a31022; border-radius: 4px; text-align: center; color:#fff; padding:5px 20px; display:inline-block; font-size:16px; }
|
|
.btn-red i { margin-right:0;}
|
|
.btn-red:hover { color:#fff;}
|
|
.caption-price .btn-red { margin-bottom:10px;}
|
|
/*---right---*/
|
|
/*form*/
|
|
.daytrip-price {-moz-box-shadow:2px 3px 6px rgba(0,0,0,.5); -webkit-box-shadow:2px 3px 6px rgba(0,0,0,.5); box-shadow:2px 3px 6px rgba(0,0,0,.5); background:#fff; margin-top:-90px;border-radius:12px 12px 0 0; border:0; position:relative; padding-bottom:30px; margin-bottom:30px;}
|
|
.price-nav li { line-height:90px; float: left; width:50%;text-align:center; cursor:pointer; background:#ccc; font-size:20px; border-radius: 0 12px 0 0;}
|
|
.price-nav li:first-child { border-radius:12px 0 0 0;}
|
|
.price-nav li.active { background:#fff; color:#a31022;}
|
|
.price-nav li:hover { color:#a31022;}
|
|
.price-nav li i { font-size:24px;}
|
|
.price-form { margin:25px 30px 15px 30px; border-left: dashed 1px #ccc; padding-left:30px;}
|
|
.form-list { position:relative; padding-bottom:25px; line-height:42px; min-height:42px;}
|
|
.form-list:last-child { padding-bottom:0; margin-bottom:-10px;}
|
|
.form-list i { position:absolute; left:-50px; top:0px; font-size:20px; width:40px; height:40px; line-height:40px; background:#fff; text-align:center;}
|
|
.form-list:last-child i { font-size:24px; width:42px; height:42px; line-height:42px;}
|
|
.red-price {color:#a31022; font-size:24px;}
|
|
button {border:medium none;}
|
|
button.btn-red{font-size: 18px; padding:0px 12px; display:block; width:100%;text-align: center;}
|
|
/*TA*/
|
|
#CDSWIDSSP {width: 100% !important;}
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd {width: 100% !important;}
|
|
.gdlr-core-timeline-item-date{ font-size:14px !important; color:#a31200;}
|
|
.gdlr-core-timeline-item-content { font-size:14px !important; font-weight:normal !important; color:#000;}
|
|
.traveltour-blog-title-wrap .traveltour-single-article-date-wrapper {display:none;}
|
|
.gdlr-core-blog-grid-date {display:none;}
|
|
.traveltour-comments-area {display:none;}
|
|
/*phone fix*/
|
|
.fix-book { display:none;}
|
|
@media (max-width: 992px) {
|
|
.fix-book { background:#f2f2f2;z-index:999999; bottom:0; line-height:60px; width:100%; padding-left:20px; position:fixed; display:block;}
|
|
.fix-book .red-price { font-size:24px; color:#a31022;}
|
|
.fix-book .btn-red { display:inline-block; width:auto; border-radius:0; width:50%;}
|
|
}
|
|
/*footer*/
|
|
#footer { margin-top:0;}
|
|
/*20190605 ling*/
|
|
/*last minute*/
|
|
.last-minute { border: solid 3px #a31022; border-radius:12px; padding:35px 20px 0; position:relative; margin-top:40px;}
|
|
.last-minute p{ margin-bottom:18px;}
|
|
.minute-title { color:#a31022; font-size:24px; position: absolute; left: 0; right: 0; text-align:center; background:#fff; text-align:center; top:-20px; padding:0 10px; margin:0 10px ;}
|
|
.minute-title img { margin-right:5px;}
|
|
.cell-list {position:relative; padding-left:40px; font-size:20px; color:#a31022; margin-bottom:20px; line-height:0.9em;}
|
|
.cell-list .fa { color:#a31022;position:absolute; left:0;font-size:30px;}
|
|
.font14 { font-size:14px; color:#666;}
|
|
.font24 { font-size:20px;}
|
|
/*wechat*/
|
|
.wechat { background:#029B0B; color:#fff; text-align:center; margin-bottom:30px;}
|
|
.wechat-title { border-bottom:solid 2px #fff; margin:20px; padding-top:20px;}
|
|
.wechat-top {text-align:left;font-weight:300; font-size:18px; position:relative; padding-left:70px; line-height:1.3em; display:inline-block; padding-bottom:20px;}
|
|
.wechat-top strong {font-size:30px; font-weight:400;}
|
|
.wechat-top .fa { font-size:50px; position:absolute; left:0;}
|
|
.wechat ul { display:inline-block; margin-left:18px; margin-right:18px;}
|
|
.wechat li { text-align:left; margin-bottom:8px;}
|
|
|
|
/*20190815*/
|
|
#crumbNav { position: absolute; top:0; color:#fff; right:30px; text-shadow:0 0 5px #333;}
|
|
#crumbNav a,#crumbNav a:hover { color:#fff;}
|
|
@media (max-width: 992px) {
|
|
#crumbNav { position:static; text-align:right; color:#A31022;text-shadow:0 0 0px #fff;}
|
|
#crumbNav a { color:#444;}
|
|
#crumbNav a:hover { color:#A31022;}
|
|
}
|
|
|
|
/*zp*/
|
|
#myform #Starting_Date[readonly] {
|
|
background-color: #fff !important;
|
|
cursor: pointer !important;
|
|
}
|