|
|
|
|
@charset "utf-8";
|
|
|
|
|
@font-face { font-family: 'WebSymbolsRegular'; src: url('websymbols/websymbols-regular-webfont.eot'); src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('websymbols/websymbols-regular-webfont.woff') format('woff'), url('websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; }
|
|
|
|
|
h1 { margin: 15px 0 25px; }
|
|
|
|
|
h1 span { font-size: 16px; }
|
|
|
|
|
ul.visit { margin: 10px 0 10px 10px; height: 100%; overflow: hidden; }
|
|
|
|
|
ul.visit li { list-style: none; background: url(https://data.chinahighlights.com/css/images/tour/blue-square.png) no-repeat left 5px; padding-left: 15px; float: left; width: 160px; line-height: 18px; margin-bottom: 5px; }
|
|
|
|
|
ul.visit li.first { font-size: 11px; font-weight: bold; background: none; float: none; clear: both; padding-left: 0; }
|
|
|
|
|
|
|
|
|
|
.experienceInfo ul { margin: 10px 0 0 0; height: 100%; overflow: hidden; }
|
|
|
|
|
.experienceInfo ul li { list-style: none; background: url(https://data.chinahighlights.com/css/images/tour/blue-square.png) no-repeat left 5px; padding-left: 15px; line-height: 18px; margin-bottom: 5px; }
|
|
|
|
|
.experienceInfo ul li.first { font-size: 11px; font-weight: bold; background: none; float: none; clear: both; padding-left: 0; }
|
|
|
|
|
/* switch tags */
|
|
|
|
|
.switchTags { border-bottom: 3px solid #a31022; overflow: hidden; height: 28px; position: relative; background: #FFF; z-index: 10; margin-bottom: 15px; }
|
|
|
|
|
.switchTags ul { margin-left: 0 }
|
|
|
|
|
.switchTags ul li { list-style: none; float: left; width: auto; padding: 5px 20px 5px 15px; margin-right: 5px; text-align: center; font-size: 14px; background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-tag.png) repeat-x; height: 18px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff; }
|
|
|
|
|
.switchTags ul li a { text-decoration: none; color: #fff; }
|
|
|
|
|
.switchTags ul li a.summary { background: url(https://data.chinahighlights.com/css/images/tour/detail/icon-summary.png) no-repeat left 5px; padding-left: 25px; }
|
|
|
|
|
.switchTags ul li a.itinerary { background: url(https://data.chinahighlights.com/css/images/tour/detail/icon-itinerary.png) no-repeat left; padding-left: 20px; }
|
|
|
|
|
.switchTags ul li a.price { background: url(https://data.chinahighlights.com/css/images/tour/detail/icon-price.png) no-repeat left 1px; padding-left: 25px; }
|
|
|
|
|
.switchTags ul li.active, .switchTags ul li:hover { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-tag-active.png) repeat-x; color: #fff; }
|
|
|
|
|
.switchTags ul li.active a, .switchTags ul li:hover a { color: #fff; }
|
|
|
|
|
.switchTags .sendInquiry { background: url(https://data.chinahighlights.com/pic/double-arrow-22x16.png) no-repeat right; color: #a31022; font-size: 12px; position: absolute; right: 5px; padding-right: 25px; margin-top: 10px; }
|
|
|
|
|
.switchTags .bookingButton-s { position: absolute; right: 0; top: 0; text-align: right; }
|
|
|
|
|
.switchTags .fbFans { display: block; margin-bottom: 10px; height: 25px; position: absolute; top: -30px; width: 275px; }
|
|
|
|
|
.switchTags .fbFans img { height: 25px; width: 275px }
|
|
|
|
|
#photoTop {
|
|
|
|
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 15px -10px 25px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
margin: 15px 0 25px !important;
|
|
|
|
|
}
|
|
|
|
|
#photoTop img {
|
|
|
|
|
border-radius: 4px !important;
|
|
|
|
|
}
|
|
|
|
|
#photoTop h1 {
|
|
|
|
|
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
|
|
|
|
|
border-radius: 0 4px 4px 0;
|
|
|
|
|
bottom: 15px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
|
|
font-size: 40px;
|
|
|
|
|
left: 142px;
|
|
|
|
|
padding: 5px 10px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
.BookTours a {
|
|
|
|
|
background: #a31022 none repeat scroll 0 0;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
float: right;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding: 7px 10px;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
#questionBox .ListInquiryInfo { color:#a31022;}
|
|
|
|
|
/* weather table style */
|
|
|
|
|
table.monthWeather { border-left: 1px solid #d1d1d1; border-top: 2px solid #a31022; margin: 0px 0 10px 0; width: 100%; border-spacing: 0; }
|
|
|
|
|
table.monthWeather th { font-size: 11px; border-bottom: 1px #D9D9D9 solid; border-right: 1px solid #D9D9D9; background-color: #F3F3F3; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; }
|
|
|
|
|
table.monthWeather th a { color: #545454; text-decoration: underline; }
|
|
|
|
|
table.monthWeather th a:hover { text-decoration: underline; color: #a31022; }
|
|
|
|
|
table.monthWeather tr th.month { background-repeat: no-repeat; padding: 12px 3px 12px 3px; background-position: 5px 4px; width: 39px; }
|
|
|
|
|
table.monthWeather tr td { padding: 6px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
|
|
|
|
|
table.monthWeather tr.gray { background-color: #f6f6f6; }
|
|
|
|
|
table.monthWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5px; }
|
|
|
|
|
table.monthWeather td a { color: #04679A; text-decoration: none; }
|
|
|
|
|
table.monthWeather td a:hover { text-decoration: underline; }
|
|
|
|
|
/* currency converter */
|
|
|
|
|
.priceTips { font-size: 14px; font-weight: normal; display: block; margin: 5px 0; line-height: 20px; background: url(https://data.chinahighlights.com/pic/speaker-icon.png) no-repeat left; padding-left: 70px; text-align: justify }
|
|
|
|
|
.moneyConverter { display: block; float: right; width: 50px; margin: -25px 0 10px 0; background:url(https://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) no-repeat 50px 2px #f1f1f1;
|
|
|
|
|
padding: 2px 5px; font -size:12px;
|
|
|
|
|
position: relative; border-radius: 4px; border: 1px solid #d1d1d1; }
|
|
|
|
|
.moneyConverter #first { color: #a31022 }
|
|
|
|
|
.moneyConverter .currencyList { position: absolute; top: 15px; left: -1px; width: 60px; display: block; background: #f1f1f1; padding: 5px 0 0 0; border: 1px solid #d1d1d1; border-top: none; border-radius: 4px; }
|
|
|
|
|
.moneyConverter .currencyList ul { margin: 0 }
|
|
|
|
|
.moneyConverter .currencyList ul li { list-style: none; line-height: 16px; padding: 2px 5px; cursor: pointer }
|
|
|
|
|
.moneyConverter .currencyList ul li:hover { background: #d1d1d1; }
|
|
|
|
|
.moneyConverter em { font-size: 13px; font-style: normal; margin-right: 3px; }
|
|
|
|
|
/* by Mercier*/
|
|
|
|
|
#tourTop { margin: 20px 0; height: 300px; width: 980px; clear: both; }
|
|
|
|
|
#tourTop .largeImg { float: left; width: 680px; position: relative; }
|
|
|
|
|
#tourTop .largeImg img { border-radius: 4px; width: 680px; height: 300px; }
|
|
|
|
|
#tourTop .largeImg .titleBlock { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-opacity-30x68.png) repeat; display: block; width: auto; padding: 5px 10px 10px 10px; position: absolute; top: 20px; left: 0; color: #fff; width: 660px; }
|
|
|
|
|
#tourTop .largeImg h1 { color: #fff; border-bottom: none; margin: 0 0 5px 0; font-weight: normal; font-size: 30px; text-shadow: 0 0 2px #333 }
|
|
|
|
|
#tourTop .largeImg h2 { font-size: 14px; color: #fff; margin: 0; font-weight: normal; text-shadow: 0 0 2px #333 }
|
|
|
|
|
#tourTop .topRight { float: right; width: 245px; height: 270px; padding: 15px; position: relative; background: #f1f1f1; border-radius: 4px; }
|
|
|
|
|
#tourTop .topRight ul { margin: 0 }
|
|
|
|
|
#tourTop .topRight ul li { list-style: none; background: url(https://data.chinahighlights.com/css/images/tour/detail/class-select.png) no-repeat; width: 72px; height: 20px; float: left; display: block; margin-right: 5px; padding-top: 2px; text-align: center; cursor: pointer }
|
|
|
|
|
#tourTop .topRight ul li.active, #tourTop .topRight ul li:hover { background: url(https://data.chinahighlights.com/css/images/tour/detail/class-select-active.png) no-repeat; width: 72px; height: 28px; float: left; color: #fff; }
|
|
|
|
|
#tourTop .topRight ul li a { text-decoration: none }
|
|
|
|
|
#tourTop .topRight ul li.active a, #tourTop .topRight ul li:hover a { text-decoration: none; color: #fff; }
|
|
|
|
|
#tourTop .topRight .classSelect { display: block; text-align: center; height: 28px; margin-bottom: 10px; }
|
|
|
|
|
#tourTop .topRight .eSign { width: 77px; height: 34px; position: absolute; top: 10px; right: 10px; background: url(https://data.chinahighlights.com/css/images/tour/detail/popular-2013-77x34.png) no-repeat; }
|
|
|
|
|
#tourTop .topRight .priceDefault { border-bottom: 1px solid #d1d1d1; height: 50px; }
|
|
|
|
|
#tourTop .topRight .priceDefault .priceFrom { display: inline-block; color: #545454; float: left; margin: 3px 10px 0 0; }
|
|
|
|
|
#tourTop .topRight .priceDefault .price { display: inline-block; font-size: 35px; color: #a31022; float: left; margin-right: 10px; font-weight: bold; }
|
|
|
|
|
#tourTop .topRight .priceDefault .dollarSign { font-size: 16px; display: block; float: left; margin-top: 5px; color: #a31022; font-weight: bold; }
|
|
|
|
|
#tourTop .topRight .priceDefault .pax { display: block; float: left; margin-top: 20px; }
|
|
|
|
|
#tourTop .topRight .tourTypes { display: block; height: 40px; padding-top: 5px; border-bottom: 1px solid #d1d1d1; }
|
|
|
|
|
#tourTop .topRight .tourTypes span { display: inline-block; width: auto; height: 21px; float: left; padding-top: 10px; margin: 0 10px; }
|
|
|
|
|
#tourTop .topRight .tourTypes .photographBlock { background: url(https://data.chinahighlights.com/pic/tour-icon.png) no-repeat 0 6px; width: 20px; }
|
|
|
|
|
#tourTop .topRight .tourTypes .bikingBlock { background: url(https://data.chinahighlights.com/pic/tour-icon.png) no-repeat -32px 6px; width: 25px; }
|
|
|
|
|
#tourTop .topRight .tourTypes .hikingBlock { background: url(https://data.chinahighlights.com/pic/tour-icon.png) no-repeat -60px 6px; width: 20px; }
|
|
|
|
|
#tourTop .topRight .tourTypes .familyBlock { background: url(https://data.chinahighlights.com/pic/tour-icon.png) no-repeat -94px 6px; width: 20px; }
|
|
|
|
|
#tourTop .topRight .tourTypes .relaxBlock { background: url(https://data.chinahighlights.com/pic/tour-icon.png) no-repeat -215px 6px; width: 25px; }
|
|
|
|
|
#tourTop .topRight .privateTitle { display: block; font-size: 14px; margin: 10px 0; text-align: center }
|
|
|
|
|
#tourTop .topRight .inquiryBlock { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-inquiry.png) no-repeat center; width: 275px; height: 60px; display: block; position: absolute; bottom: 0; left: 0; text-align: center; padding-top: 47px; border-radius: 0 0 4px 4px; }
|
|
|
|
|
.pintrestButton { position: absolute; right: 35px; top: 15px; }
|
|
|
|
|
.pintrestButton img { width: auto !important; height: auto !important }
|
|
|
|
|
.daytourBox { margin: 0 0 15px 0; }
|
|
|
|
|
.summaryBox { margin: 5px 0 20px 0; font-size: 14px; line-height: 25px; }
|
|
|
|
|
.summaryBox p { font-size: 14px !important; }
|
|
|
|
|
.summaryBox .subTitle { display: block; margin: 0 0 10px 0; font-size: 14px; font-weight: bold; }
|
|
|
|
|
.summaryBox .visit { display: block; width: 250px; float: left; }
|
|
|
|
|
.summaryBox .visit ul { margin: 0 }
|
|
|
|
|
.summaryBox .visit ul li { list-style: none; line-height: 16px; margin-bottom: 8px; background: url(https://data.chinahighlights.com/pic/gou14.png) no-repeat left 5px; padding-left: 20px; }
|
|
|
|
|
.summaryBox .visit ul li i { font-size: 12px; }
|
|
|
|
|
.summaryBox .experience { display: block; float: right; width: 400px; }
|
|
|
|
|
.summaryBox .experience ul { margin: 0 }
|
|
|
|
|
.summaryBox .experience ul li { list-style: none; line-height: 18px; margin-bottom: 8px; background: url(https://data.chinahighlights.com/pic/gou-blue.png) no-repeat left 3px; padding-left: 25px; }
|
|
|
|
|
.summaryBox p { display: block; clear: both; }
|
|
|
|
|
.dayTourList { margin: 10px 0 20px 0; background: #fff; padding: 15px; box-shadow: 0 0 5px #d1d1d1; border: 1px solid #d5d5d5; border-radius: 4px; }
|
|
|
|
|
.itineraryTitle { display: block; background: url(https://data.chinahighlights.com/css/images/tour/detail/itinerary-43x29.png) no-repeat left 8px / 32px auto; padding-left: 45px; font-size: 26px; margin: 30px 0 20px; color: #333 }
|
|
|
|
|
.HighlightsTitle { font-size: 15px !important; margin-left: 10px; }
|
|
|
|
|
.dayTourList > ul { margin: 0 }
|
|
|
|
|
.dayTourList > ul li { line-height: 18px; margin-bottom: 8px; }
|
|
|
|
|
.dayTourList > p { text-align: justify }
|
|
|
|
|
.dayTourList > p strong { font-size: 14px; }
|
|
|
|
|
/* price table */
|
|
|
|
|
#priceBlock { display: block; margin: 10px 0; }
|
|
|
|
|
#priceBlock .priceClass { display: block; }
|
|
|
|
|
.priceTitle { display: block; background: url(https://data.chinahighlights.com/css/images/tour/detail/price-43x29.png) no-repeat lef; padding-left: 55px; font-size: 22px; margin-bottom: 15px; }
|
|
|
|
|
#priceBlock ul { margin: 0 }
|
|
|
|
|
#priceBlock ul li { list-style: none; background: url(https://data.chinahighlights.com/css/images/tour/detail/class-select.png) no-repeat; width: 72px; height: 20px; float: left; display: block; margin-right: 5px; padding-top: 2px; text-align: center; cursor: pointer }
|
|
|
|
|
#priceBlock ul li.active, #priceBlock ul li:hover { background: url(https://data.chinahighlights.com/css/images/tour/detail/class-select-active.png) no-repeat; width: 72px; height: 28px; float: left; color: #fff; }
|
|
|
|
|
#priceBlock ul li a { text-decoration: none }
|
|
|
|
|
#priceBlock ul li.active a, #priceBlock ul li:hover a { text-decoration: none; color: #fff; }
|
|
|
|
|
.priceTable { width: 100%; margin: 5px 0 20px 0; border: 1px solid #d1d1d1; }
|
|
|
|
|
.priceTable th { font-size: 16px; font-weight: normal; background: #d1d1d1; height: 29px; padding-top: 3px; vertical-align: top; border-right: 1px solid #999; text-align:center; }
|
|
|
|
|
.priceTable th.last { border-right: none; }
|
|
|
|
|
.priceTable th.first { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-price-202x32.png) no-repeat #d1d1d1; color: #fff; }
|
|
|
|
|
.priceTable td { padding: 8px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; text-align: center; font-size: 14px; }
|
|
|
|
|
.priceTable td a { color:#a31022; text-decoration:none;}
|
|
|
|
|
.priceTable td.first { color: #545454 }
|
|
|
|
|
.priceTable td.last { border-right: none }
|
|
|
|
|
#priceBlock tr.inquiryButton td { border: none; text-align: right }
|
|
|
|
|
.buttonSubmit { cursor: pointer }
|
|
|
|
|
|
|
|
|
|
/* booking area */
|
|
|
|
|
.goBooking { margin: 15px 0; height: 220px; position: relative; display: block; }
|
|
|
|
|
.goBooking .freeQuote { background: url(https://data.chinahighlights.com/css/images/tour/detail/white-arrow.png) no-repeat 110px center #a31022; float: right; font-size: 15px; text-align: center; width: 135px; display: block; border-radius: 4px; padding: 5px 20px 7px 0; margin-top: -8px; }
|
|
|
|
|
.goBooking .freeQuote a { color: #fff; text-decoration: none }
|
|
|
|
|
.goBooking .questionTips { border-radius: 4px; border: 1px solid #d1d1d1; padding: 5px 10px 10px 15px; position: relative; background: #f1f1f1; float: right; }
|
|
|
|
|
.goBooking .questionTips a { text-decoration:none; color:#fff;}
|
|
|
|
|
.goBooking .questionTips a:hover {color:#fff; }
|
|
|
|
|
.goBooking .questionTips .arrowLeft { display: block; background: url(https://data.chinahighlights.com/css/images/arrow-left.JPG) no-repeat; width: 11px; height: 16px; top: 10%; left: -11px; position: absolute }
|
|
|
|
|
.goBooking .questionTips ul { margin: 0; }
|
|
|
|
|
.goBooking .questionTips ul li { list-style: none; line-height: 18px; font-size: 14px; margin-bottom: 8px; }
|
|
|
|
|
.goBooking .questionTips ul li.title { color: #a31022; font-size: 22px; margin-bottom: 15px }
|
|
|
|
|
.goBooking .peopic { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-sales.png) no-repeat 13px 3px; display: block; width: 392px; height: 234px; position: absolute; left: -25px; top: -15px; z-index: 1; }
|
|
|
|
|
|
|
|
|
|
#InquiryPay .PayBox { background: #f2f2f2; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-radius:0 0 4px 4px; padding:10px; width: 94%;}
|
|
|
|
|
#InquiryPay .PayBoxTop {background: #f2f2f2; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; height:15px;border-radius: 4px 4px 0 0; width: 95%;}
|
|
|
|
|
#InquiryPay .PayInfo { background:#ad1818; width:100%; padding: 10px 30px; border-bottom: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/css/images/tour/bg-opacity.png") repeat-x scroll center top; left: -10px; position: relative; }
|
|
|
|
|
#InquiryPay .PayInfo .PayInfoBottom {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom:-11px;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
#InquiryPay .infoRequired {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 22px 0 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#InquiryPay .infoRequired p label {
|
|
|
|
|
color: #777;
|
|
|
|
|
cursor: text;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
top: 335px; left: 35px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
#InquiryPay .infoRequired input, textarea {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border: medium none;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
box-shadow: 0 0 2px #999;
|
|
|
|
|
color: #333;
|
|
|
|
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
#InquiryPay .sendButton {
|
|
|
|
|
background: #bb202d none repeat scroll 0 0;
|
|
|
|
|
border: medium none;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
margin: 0 10px 15px 0;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* tour hotels */
|
|
|
|
|
.hotelBlock { display: block; border: 1px solid #d1d1d1; padding: 1px; }
|
|
|
|
|
.hotelBlock .defaultClass { background: -moz-linear-gradient(center top, #DCE1E7 0%, #C2C4CA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; font-size: 14px; height: 27px; margin: 0 0 10px; padding: 5px 0 0 15px; color: #000 }
|
|
|
|
|
.hotelBlock .hotelName { font-size: 15px; color: #a31022; display: block; margin-bottom: 8px; }
|
|
|
|
|
.hotelBlock table { width: 100%; font-size: 12px; margin: 5px 0 0 8px; }
|
|
|
|
|
.hotelBlock table td { padding: 10px 5px; vertical-align: top; line-height: 18px; }
|
|
|
|
|
.hotelBlock table td.borderLeft { border-left: 1px dashed #999; padding-left: 20px; }
|
|
|
|
|
.hotelBlock table td img { width: 150px; border-radius: 4px; }
|
|
|
|
|
.hotelBlock table td a.readMore { text-decoration: none; font-size: 12px; display: block; margin: 5px 0; font-weight: bold }
|
|
|
|
|
.hotelBlock table th { font-size: 16px; font-weight: normal; padding: 8px; border-bottom: 1px dashed #999; }
|
|
|
|
|
.hotelBlock table td .aimg { display: block; height: 100px; overflow: hidden; }
|
|
|
|
|
/* tour itinerary */
|
|
|
|
|
.dayTourList ul { margin: 0 }
|
|
|
|
|
.dayTourList ul li { list-style: none; }
|
|
|
|
|
.dayTourList .sayPic { float: left; height: 100px; margin-right: 10px; padding: 0; width: 100px; }
|
|
|
|
|
.TourDates { background: #f7f7f7; padding: 10px 20px; font-size: 18px; cursor: pointer; display: block; margin: 0 !important;}
|
|
|
|
|
.tourDates b { font-weight: normal; font-size: 22px; }
|
|
|
|
|
.tourDates .tourDays { color: #999; margin-right: 10px; height: 100px; }
|
|
|
|
|
.tourPhoto { float: right; width: 200px; margin-left: 10px; }
|
|
|
|
|
.tourPhoto img { margin: 0 0 5px 0!important; float: none!important; border-radius: 4px; }
|
|
|
|
|
.tourPhoto .photoTitle { background: #fff; text-align: center; padding: 5px; display: block; }
|
|
|
|
|
.topIcon { width: 50px; position: fixed; right: 50%; bottom: 170px; margin-right: -550px; left: 1285px; }
|
|
|
|
|
.topIcon img { margin-bottom: 5px; }
|
|
|
|
|
.tourPhoto250 { float: right; width: 250px; margin: 5px 0 10px 15px; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px; text-align: center; font-style: italic }
|
|
|
|
|
.tourPhoto250 img { margin: 0 0 5px 0!important; float: none!important; border-radius: 4px; }
|
|
|
|
|
.tourPhotoLarge { display: block; margin: 10px 0 0; font-size: 14px; color: #333; }
|
|
|
|
|
.tourPhotoLarge img { margin-bottom: 10px; display: block; border-radius: 4px; }
|
|
|
|
|
/* tour right content */
|
|
|
|
|
#addtionalRight { padding-top: 5px; }
|
|
|
|
|
#addtionalRight .mapTitle { display: block; margin-bottom: 15px; font-size: 20px; }
|
|
|
|
|
#addtionalRight .mapBlock { margin-bottom: 20px; }
|
|
|
|
|
#addtionalRight .mapBlock img { border-radius: 4px; width: 100%; }
|
|
|
|
|
.mobileMap { display: block; margin: 15px 0 25px; }
|
|
|
|
|
.mobileMap img { width: 100%; margin-bottom: 5px; }
|
|
|
|
|
/* question box */
|
|
|
|
|
#questionBox { margin: 10px 0 15px 0; position: relative; border-radius: 6px; }
|
|
|
|
|
#questionBox .questionContent { display: block; padding: 15px 20px 5px; background: #f1f1f1; border-radius: 4px; border:1px solid #cecece; }
|
|
|
|
|
#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; display: block; }
|
|
|
|
|
#questionBox .infoRequired input, textarea, select { width: 100%; font-size: 14px; padding: 10px; background-color: #fff; margin-bottom: 10px; border-radius: 4px; border: none; color: #333; box-shadow: 0 0 2px #999 }
|
|
|
|
|
#questionBox select.hasDatepicker { background-color: #fff;
|
|
|
|
|
border: medium none;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
box-shadow: 0 0 2px #999;
|
|
|
|
|
color: #333;
|
|
|
|
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
width:40%;}
|
|
|
|
|
|
|
|
|
|
#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-align: center; border-radius: 4px; padding: 10px; font-size: 16px; width: 100%; }
|
|
|
|
|
#questionBox .infoRequired p { display: none; }
|
|
|
|
|
#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; }
|
|
|
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
|
|
|
#questionBox .yourStyle { display: block; margin-bottom: 45px;
|
|
|
|
|
margin-top: 0; }
|
|
|
|
|
|
|
|
|
|
#questionBox .yourStyle ul.styles li { float:left; border:1px solid #969696; border-radius: 4px; color: #969696; font-size:11px; cursor: pointer; }
|
|
|
|
|
#questionBox .yourStyle ul.styles li.Comfort { background:url(https://data.chinahighlights.com/pic/comfort-grey.png) no-repeat; padding:3px 5px 3px 18px;background-color:#d8d8d8; background-position: 3px 4px; margin-right:5px;}
|
|
|
|
|
#questionBox .yourStyle ul.styles li.Discovery { background:url(https://data.chinahighlights.com/pic/discovery-grey.png) no-repeat; padding:3px 5px 3px 18px; background-color:#d8d8d8; background-position: 5px 4px; margin-right:5px;}
|
|
|
|
|
#questionBox .yourStyle ul.styles li.Essential { background:url(https://data.chinahighlights.com/pic/essential-grey.png) no-repeat; padding:3px 6px 3px 20px; background-color:#d8d8d8; background-position: 5px 5px;}
|
|
|
|
|
#questionBox .yourStyle ul.styles li.ComfortActive { background:url(https://data.chinahighlights.com/pic/comfort-red.png) no-repeat; padding:3px 5px 3px 18px;background-color:#fff; background-position: 3px 4px; color:#a31022; margin-right:5px;}
|
|
|
|
|
#questionBox .yourStyle ul.styles li.DiscoveryActive { background:url(https://data.chinahighlights.com/pic/discovery-red.png) no-repeat; padding:3px 5px 3px 18px; background-color:#fff; background-position: 5px 4px; color:#a31022; margin-right:5px;}
|
|
|
|
|
#questionBox .yourStyle ul.styles li.EssentialActive { background:url(https://data.chinahighlights.com/pic/essential-red.png) no-repeat; padding:3px 6px 3px 20px; background-color:#fff; background-position: 5px 5px; color:#a31022;}
|
|
|
|
|
#questionBox .yourStyle .ChooseStyle { text-align:left; display:block; margin: 5px 0;}
|
|
|
|
|
#questionBox .infoRequired .yourStyle label { width: auto;
|
|
|
|
|
margin-right: 0 !important;
|
|
|
|
|
display: block;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
background:#d8d8d8;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border:1px solid #bababa;}
|
|
|
|
|
#questionBox .yourStyle input { width: auto; border: none; padding: 0; height: auto; vertical-align: middle; margin: -4px 5px 0; }
|
|
|
|
|
#questionBox .yourStyle .whatStyle { color: #A31022; display: block; font-size: 11px; margin: 5px 0 10px; ; }
|
|
|
|
|
#questionBox .yourStyle .whatStyle a { color: #a31022 }
|
|
|
|
|
#questionBox .Email { font-size:11px; display: block; margin-left: 21px;
|
|
|
|
|
margin-top: -23px;}
|
|
|
|
|
#questionBox .questionContentCD { display: block; padding: 10px 20px; background: #efefef url("https://data.chinahighlights.com/css/images/daytrip/head-bg.png") no-repeat scroll 50% top; border-radius: 6px; }
|
|
|
|
|
.BookTitle { font-size:22px; color:#fff; text-align:center; }
|
|
|
|
|
ul.tourList {
|
|
|
|
|
padding: 5px 0 0 5px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
ul.tourList li {
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
list-style: outside none none;
|
|
|
|
|
margin: 0 0 10px;
|
|
|
|
|
}
|
|
|
|
|
ul.tourList li a{
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
list-style: outside none none;
|
|
|
|
|
margin: 0 0 10px;
|
|
|
|
|
}
|
|
|
|
|
ul.tourList li.ChooseStyle { font-weight:bold; font-size:16px;}
|
|
|
|
|
.promoPrice {
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
margin: 0 0 5px;
|
|
|
|
|
padding: 0 0 0 20px;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
}
|
|
|
|
|
span.moneyfrom {
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
vertical-align: 1.9em;
|
|
|
|
|
}
|
|
|
|
|
span.moneyTyp {
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
text-shadow: 0 0.04em 0.04em #545454;
|
|
|
|
|
vertical-align: 1.1em;
|
|
|
|
|
}
|
|
|
|
|
span.bestPrice {
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 50px;
|
|
|
|
|
text-shadow: 0 0.04em 0.04em #545454;
|
|
|
|
|
}
|
|
|
|
|
a.priceLink {
|
|
|
|
|
padding: 0 20px 0 0;
|
|
|
|
|
}
|
|
|
|
|
.promoPrice a {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.letterrow {
|
|
|
|
|
border-top: 3px solid #f1f1f1;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
height: 40px;
|
|
|
|
|
margin: 0 15px;
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
}
|
|
|
|
|
span.title {
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
margin: 0 0 8px;
|
|
|
|
|
}
|
|
|
|
|
/* 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; }
|
|
|
|
|
/* why us */
|
|
|
|
|
.whyUs { display: block; margin: 10px 0 }
|
|
|
|
|
.whyUs .whyTitle { font-size: 16px; display: block; margin: 10px 0 }
|
|
|
|
|
.whyUs ul { margin: 0 0 20px 0 }
|
|
|
|
|
.whyUs ul li { list-style: none; line-height: 20px; margin-bottom: 10px; background: url(https://data.chinahighlights.com/pic/green-mark-17x16.png) no-repeat left 5px; padding-left: 30px; font-size: 14px; }
|
|
|
|
|
.whyUs ul li:first-letter { font-size: 16px; display: inline-block; margin-right: 1px; }
|
|
|
|
|
/* product manager */
|
|
|
|
|
.product-manager { box-shadow: 0 0 2px #999; margin: 25px 0 15px; border: 1px solid #d1d1d1; border-radius: 4px; padding: 20px 10px 10px; position: relative; }
|
|
|
|
|
.product-manager .boxTitle { position: absolute; top: -10px; left: 35%; background: #fff; padding: 0 5px; font-size: 14px; text-shadow: 0 0 1px #999; }
|
|
|
|
|
.product-manager .boxTitle b { font-weight: normal; font-size: 15px; }
|
|
|
|
|
.product-manager .sayPic { width: 100px; float: left; margin-right: 10px; font-family: handwriting; }
|
|
|
|
|
.product-manager .sayPic img { border-radius: 4px; margin-bottom: 5px; }
|
|
|
|
|
.product-manager .designerName { font-family: handwriting; font-size: 15px; }
|
|
|
|
|
/* price inclusion and exclusion */
|
|
|
|
|
#priceInclusive { margin: 10px 0 15px 0; border: 1px solid #d1d1d1; height: 330px; float: left; width: 325px; border-radius: 4px; }
|
|
|
|
|
#priceInclusive ul, #priceExclusive ul { margin-left: 5px; }
|
|
|
|
|
#priceInclusive ul li, #priceExclusive ul li { list-style: none; background: url(https://data.chinahighlights.com/pic/square-gray.gif) no-repeat left 6px; padding-left: 15px; line-height: 18px; margin-bottom: 8px; }
|
|
|
|
|
#priceExclusive { margin: 10px 0 15px 0; border: 1px solid #d1d1d1; height: 330px; float: right; width: 305px; border-radius: 4px; }
|
|
|
|
|
.in-ex-title { display: block; font-size: 14px; margin: 0 0 10px 0; background: -moz-linear-gradient(center top, #DCE1E7 0%, #C2C4CA 100%) repeat; height: 32px; }
|
|
|
|
|
.in-ex-title span { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-price-202x32.png) no-repeat right; display: block; height: 28px; width: 150px; padding: 4px 0 0 10px; color: #fff; }
|
|
|
|
|
/* cht-1 page */
|
|
|
|
|
|
|
|
|
|
.topbutton { background:#f1f1f1; padding:30px 0; margin-bottom: 30px;
|
|
|
|
|
}
|
|
|
|
|
.topbutton a { color:#fff; text-decoration:none; }
|
|
|
|
|
.topbutton p.top { text-align:center; font-size:24px; line-height:30px; margin-bottom:30px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.middlebutton { background:#f1f1f1; padding:30px 20px; margin-bottom: 30px; border-radius: 4px; }
|
|
|
|
|
.middlebutton a { color:#fff; text-decoration:none; }
|
|
|
|
|
|
|
|
|
|
.middlebutton p.middle { text-align:center; font-size:17px; line-height:30px; margin-bottom:30px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bottombutton { background:#f1f1f1; padding:30px 0; margin-bottom: -20px;
|
|
|
|
|
margin-top: 20px; }
|
|
|
|
|
.bottombutton a { color:#fff; text-decoration:none; }
|
|
|
|
|
|
|
|
|
|
.bottombutton p.bottom { text-align:center; font-size:23px; line-height:30px; margin-bottom:30px;}
|
|
|
|
|
.TopRedButton a{ text-align:center; color:#fff; background:#a31022; padding:10px 15px; border-radius: 4px; font-size:18px;}
|
|
|
|
|
/*expand and collapse*/
|
|
|
|
|
/*
|
|
|
|
|
.tourDatesBJ .CloseIcon { background:url(https://data.chinahighlights.com/pic/close-icon-bj-1.png); height:21px; width:21px; cursor: pointer;
|
|
|
|
|
position: relative; float: right; display: block;}
|
|
|
|
|
.tourDatesBJ .OpenIcon { background:url(https://data.chinahighlights.com/pic/open-icon-bj-1.png); height:21px; width:21px; cursor: pointer;}
|
|
|
|
|
.tourDatesBJ {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 0 0 10px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
clear: both;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
border-top: 1px solid #d1d1d1;
|
|
|
|
|
padding-top: 15px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
#expandAll {
|
|
|
|
|
line-height: 27px;
|
|
|
|
|
float: right;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
color: #a31022;
|
|
|
|
|
}
|
|
|
|
|
#expandAllText {
|
|
|
|
|
float: right;
|
|
|
|
|
}*/
|
|
|
|
|
/*good to know*/
|
|
|
|
|
/*
|
|
|
|
|
.GoodtoKnow {
|
|
|
|
|
background: #f7f7f7;
|
|
|
|
|
border: 1px solid #e1e1e1;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
padding: 15px 15px 15px 20px;
|
|
|
|
|
margin-bottom: 25px;
|
|
|
|
|
}
|
|
|
|
|
.GoodtoKnow h3 {
|
|
|
|
|
color: #0e61ae;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
margin-top: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
.Dinner {
|
|
|
|
|
background: url(https://data.chinahighlights.com/pic/dinner-icon-bj-1.png) no-repeat;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
color: #797979;
|
|
|
|
|
display: block;
|
|
|
|
|
padding-left: 25px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
.Hotel {
|
|
|
|
|
background: url(https://data.chinahighlights.com/pic/hotel-icon-bj-1.png) no-repeat 0 2px;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
color: #797979;
|
|
|
|
|
display: block;
|
|
|
|
|
padding-left: 25px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
.TourImgTitle {
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
color: #777;
|
|
|
|
|
}*/
|
|
|
|
|
@media(min-width:1000px) {
|
|
|
|
|
#topTrips { height: 446px; }
|
|
|
|
|
.bg1, .sc-02, .bg63, .bg34, .bg128, .bg129, .bg45, .bg68, .bg-mt-01, .bg-pd-02, .bg-tb-19, .bg-cht-62, .bg-tb-01, .bg-fd-01, .bg-pd-01, .bg-ft-02, .cht-12 { height: 440px; }
|
|
|
|
|
#topTrips h1 { font-size: 65px ; margin-top: 0 !important }
|
|
|
|
|
#topTrips h1.smallText { font-size: 55px !important; }
|
|
|
|
|
.bg128 h1, .bg-cht-62 h1 { font-size: 45px !important; }
|
|
|
|
|
#topTrips .subTitle { font-size: 25px !important; }
|
|
|
|
|
}
|
|
|
|
|
#topTrips { display: block; border-top: 6px solid #a31022; }
|
|
|
|
|
#topTrips .bg1 { background-image: url(/image/tour-detail/top-10/cht-1-top-forbidden-city.jpg); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .sc-02 { background-image: url(/image/tour-detail/sc-02/sc-02-top.jpg); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .cht-12 { background-image: url(/image/tour-detail/cht-12/top.jpg); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-mt-01 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-mt-01.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-pd-02 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-pd-02.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-tb-19 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-tb-19.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-tb-01 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-tb-01.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-cht-62 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-62.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg34 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-34.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg128 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-128.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg129 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-129.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg63 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-63.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg45 { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-45.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-fd-01{ background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-cht-fd-01.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-pd-01{ background-image: url(/image/tour-detail/pd-01.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg-ft-02{ background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-ft-02.jpg?01); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .bg68 { background-image: url(/image/tour-list/luxury-tour/cht-68.jpg); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; padding-top: 30px; position: relative }
|
|
|
|
|
#topTrips .recommendTrips { width: 950px; margin: 0 auto; background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-theme.png) repeat-x; height:/*340px*/250px; padding: 70px 0 0 30px; border-radius: 4px; position: relative; display: none; }
|
|
|
|
|
#topTrips .recommendTrips .outdoor { position: absolute; top: -18px; right: 0; display: block; width: 311px; height: 86px; }
|
|
|
|
|
#topTrips .recommendTrips .styleText { /*background:url(https://data.chinahighlights.com/css/images/tour/detail/style-text.png) no-repeat;*/ width: 450px; height: 100px; display: block; position: absolute; top: 14px; left: 27px; border-bottom: none; margin: 0; font-size: 30px; color: #a31022 }
|
|
|
|
|
#topTrips .recommendTrips .tripList { float: left; width: 290px; position: relative; margin-right: 25px; background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-opacity-30x68.png) repeat; padding-top: 15px; text-shadow: 0 0 2px #999; }
|
|
|
|
|
#topTrips .recommendTrips .tripList .tripInfo { color: #fff; display: block; padding: 10px 20px 0; position: relative; border-radius: 0 0 4px 4px; height: 100px; font-size: 14px; }
|
|
|
|
|
.essentialBlock { display: block; width: 105px; height: 150px; margin: 0 auto; background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-essential.png) no-repeat; }
|
|
|
|
|
.discoverBlock { display: block; width: 105px; height: 150px; margin: 0 auto; background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-discovery.png) no-repeat; }
|
|
|
|
|
.comfortBlock { display: block; width: 105px; height: 150px; margin: 0 auto; background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-comfort.png) no-repeat; }
|
|
|
|
|
.stylePrice { display: block; color: #fff; margin: 10px 0; font-size: 20px; text-align: center; }
|
|
|
|
|
#topTrips h1 { display: block; margin: auto; border-bottom: none; font-size: 65px; text-shadow: 0 0 5px #000; text-transform: uppercase; font-weight: 600; margin-top: 15px; }
|
|
|
|
|
#topTrips .subTitle { font-size: 15px; color: #fff; text-transform: none; font-weight: normal; margin: 0 auto 100px; display: block; text-shadow: 0 0 5px #000 }
|
|
|
|
|
@media(max-width:750px) {
|
|
|
|
|
.Tourcity { font-size: 16px !important; }
|
|
|
|
|
#at-share-dock { display:none !important;}
|
|
|
|
|
img.CustomerSay {width: 100% !important;}
|
|
|
|
|
#photoTop h1 {
|
|
|
|
|
border-bottom: medium none;
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
|
|
font-size: 25px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin: -25px auto auto;
|
|
|
|
|
text-shadow: 0 0 5px #000;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
background:none;
|
|
|
|
|
width:100%;
|
|
|
|
|
left:0;
|
|
|
|
|
}
|
|
|
|
|
#topTrips .subTitle { margin-bottom:50px !important;}
|
|
|
|
|
}
|
|
|
|
|
.bg128 .subTitle, .bg129 .subTitle { margin-bottom: 50px !important; }
|
|
|
|
|
#topTrips .bg34 h1, #topTrips .bg129 h1, #topTrips .bg45 h1, #topTrips .bg63 h1, #topTrips .bg68 h1, #topTrips .bg-fd-01 h1, #topTrips .bg1 h1, .sc-02 h1, .bg-mt-01 h1, .bg-pd-02 h1, .bg-tb-19 h1, .bg-cht-62 h1, .bg-tb-01 h1, .bg-pd-01 h1, .bg-ft-02 h1, .cht-12 h1 { color: #fff }
|
|
|
|
|
.bg128 h1, .bg-cht-62 h1 { color: #fff; font-size: 25px; }
|
|
|
|
|
.topBlock {
|
|
|
|
|
background: #e4e4e4;
|
|
|
|
|
padding: 10px 0 60px 0;}
|
|
|
|
|
.tourRoute .lineBlock { border-bottom: 1px dashed #fff; width: 100%; height: 30px; position: relative; margin-top: 15px; }
|
|
|
|
|
.tourRoute .lineBlock b { font-size: 14px; font-weight: 400; }
|
|
|
|
|
.tourRoute .lineBlock .day1Dot { background: url(https://data.chinahighlights.com/pic/red-dot.png) no-repeat 0 25px; display: block; height: 35px; margin-bottom: -5px; position: relative; font-size: 16px; padding-left: 0;}
|
|
|
|
|
.day1Dot b, .day2Dot b { position: absolute; left: 0; top: 36px; display: block; }
|
|
|
|
|
.tourRoute .lineBlock .daylastDot { background: url(https://data.chinahighlights.com/pic/red-dot.png) no-repeat right 25px; display: block; height: 35px; margin-bottom: -5px; text-align: right; text-shadow: 0 0 2px #666; font-weight: bold; }
|
|
|
|
|
.tourRoute .lineBlock .day3Dot { background: url(https://data.chinahighlights.com/pic/red-dot.png) no-repeat 10px 20px; display: block; height: 30px; margin-bottom: -5px; }
|
|
|
|
|
@media(max-width:750px) {
|
|
|
|
|
|
|
|
|
|
#bookSteps ul li { width: 31% !important; background-image: none !important; padding-left: 0 !important; font-size: 12px !important; margin-right: 5px !important; text-align: center; padding: 8px 1px !important; height:42px !important; }
|
|
|
|
|
#bookSteps ul li a { font-size: 12px !important; }
|
|
|
|
|
ul.TourTailorTags { padding-top: 0 !important;}
|
|
|
|
|
}
|
|
|
|
|
#bookSteps { display: block; clear: both; margin: 0 auto 20px; width: 100%; border-bottom: 1px solid #d1d1d1; height: 42px; overflow: hidden; position: relative; z-index: 9999; background: #fff; }
|
|
|
|
|
#bookSteps a { color:#FFF;}
|
|
|
|
|
#bookSteps a:hover { color:#FFF;}
|
|
|
|
|
#bookSteps ul { margin: 0 0 0 10px; }
|
|
|
|
|
#bookSteps ul li { list-style: none; background-color: #999; padding: 8px 20px 10px; text-align: center; float: left; margin-right: 15px; color: #fff; border-radius: 4px 4px 0 0; font-size: 16px; cursor: pointer; height:42px; }
|
|
|
|
|
#bookSteps ul li.comfort { background: url(https://data.chinahighlights.com/css/images/tour/detail/comfort-s.png) no-repeat 10px 12px #cccccc; padding-left: 30px; }
|
|
|
|
|
#bookSteps ul li.discovery { background: url(https://data.chinahighlights.com/css/images/tour/detail/discover-s.png) no-repeat 10px center #cccccc; padding-left: 30px; }
|
|
|
|
|
#bookSteps ul li.whyluxury { padding-left:15px; }
|
|
|
|
|
#bookSteps ul li.essential { background: url(https://data.chinahighlights.com/css/images/tour/detail/essential-s.png) no-repeat 10px center #cccccc; padding-left: 30px; }
|
|
|
|
|
#bookSteps ul li a { text-decoration: none; color: #fff; font-size: 16px; }
|
|
|
|
|
#bookSteps ul li.active { background-color: #a31022; }
|
|
|
|
|
#bookSteps .freeQuote { background: url(https://data.chinahighlights.com/css/images/tour/detail/white-arrow.png) no-repeat 110px center #a31022; float: right; font-size: 15px; text-align: center; width: 135px; display: block; border-radius: 4px; padding: 5px 20px 7px 0; position: absolute; right: 0; bottom: 5px; }
|
|
|
|
|
#bookSteps .freeQuote a { color: #fff; text-decoration: none }
|
|
|
|
|
h2 { display: block; margin: 0 0 15px; font-size: 24px; }
|
|
|
|
|
.summaryBlock { display: block; border: 1px solid #d1d1d1; background: #ebebeb; margin-bottom: 15px; border-radius: 4px; padding: 7px 15px 7px; position: relative }
|
|
|
|
|
.summaryBlock .summaryTitle { display: block; font-size: 20px; }
|
|
|
|
|
.summaryBlock .summaryInfo { display: block; background: #fff; margin: 5px 0 -7px -15px; width: 105%; border-radius: 0 0 4px 4px; padding: 10px 15px 5px; }
|
|
|
|
|
.summaryBlock .closeIcon, .summaryBlock .closeIcons { background: url(https://data.chinahighlights.com/css/images/tour/detail/red-close-icon.png) no-repeat; display: block; width: 18px; height: 18px; position: absolute; top: 10px; right: 10px; cursor: pointer; }
|
|
|
|
|
.summaryBlock .openIcon, .summaryBlock .openIcons { background: url(https://data.chinahighlights.com/css/images/tour/detail/open-icon.png) no-repeat; display: block; width: 18px; height: 18px; position: absolute; top: 10px; right: 10px; cursor: pointer; }
|
|
|
|
|
.summaryBlock .closeIcons { background: url(https://data.chinahighlights.com/css/images/tour/detail/red-close-icon.png) no-repeat!important; }
|
|
|
|
|
.summaryBlock .openIcons { background: url(https://data.chinahighlights.com/css/images/tour/detail/open-icon.png) no-repeat!important; }
|
|
|
|
|
.bookingTips { display: block; margin: 10px 0; line-height: 18px; border: 1px dashed #d1d1d1; padding: 10px; border-radius: 4px; }
|
|
|
|
|
/* 3 style comprasion */
|
|
|
|
|
.styleCompare { width: 100%; border: 1px solid #999; display: block; margin: 15px 0 40px; border-radius: 4px; }
|
|
|
|
|
.styleCompare .fa { color: #a31022; font-size: 16px; margin: 0 5px; }
|
|
|
|
|
.styleCompare tr.last td, td.last, .styleCompare tr.last th { border-bottom: none !important }
|
|
|
|
|
.styleCompare td { padding: 5px 5px 8px 10px; border-bottom: 1px dashed #d1d1d1; border-right: 1px solid #d1d1d1; text-align: left; }
|
|
|
|
|
.styleCompare td.first { vertical-align: middle; font-size: 14px; }
|
|
|
|
|
.styleCompare td.priceFrom { vertical-align: middle; font-size: 14px; color: #a31022; ; }
|
|
|
|
|
.styleCompare th { padding: 10px 5px 10px 10px; text-align: left; border-bottom: 1px dashed #d1d1d1; border-right: 1px solid #d1d1d1; font-size: 14px; font-weight: normal; color: #333 }
|
|
|
|
|
.styleCompare td ul { margin: 0 }
|
|
|
|
|
.styleCompare td ul li { list-style: none; line-height: 16px; margin-bottom: 8px; background: url(https://data.chinahighlights.com/pic/arror5.gif) no-repeat left 5px; padding-left: 15px; }
|
|
|
|
|
.styleCompare tr.first td { background: #f1f1f1; border-right: none; line-height: 21px; }
|
|
|
|
|
.styleCompare tr.first td:nth-child(1), .styleCompare tr.first td:nth-child(3), .styleCompare tr.first td:nth-child(5) { border-right: 1px solid #d1d1d1; }
|
|
|
|
|
.styleCompare tr.last td, .styleCompare tr.last th { border-bottom: none; }
|
|
|
|
|
td.noline { border-bottom: 1px dashed #d9d9d9; font-size: 14px; color: #333 }
|
|
|
|
|
p.pagetext { font-size: 14px; display: block; margin: 10px 0 auto; }
|
|
|
|
|
/* trip notes */
|
|
|
|
|
.tripNotes { display: block; }
|
|
|
|
|
.tripNotes p { margin-bottom: 20px !important }
|
|
|
|
|
.tripNotes h2 { font-size: 26px !important; color: #333 !important; margin: 35px 0 30px !important; }
|
|
|
|
|
.tripNotes h3 { margin: 30px 0 15px !important; font-size: 18px !important; }
|
|
|
|
|
/* highlights and what's included */
|
|
|
|
|
.whatIncluded { overflow: hidden; height: 100%; margin-bottom: 20px; }
|
|
|
|
|
.whatIncluded li { background: url(https://data.chinahighlights.com/pic/green-mark-17x16.png) no-repeat left 5px; padding: 0 20px 0 30px; line-height: 20px; margin-bottom: 10px; }
|
|
|
|
|
.whatExcluded { overflow: hidden; height: 100%; margin-bottom: 20px; }
|
|
|
|
|
.whatExcluded li { background: url(https://data.chinahighlights.com/pic/tour-price-exclude.PNG) no-repeat left 5px; padding: 0 20px 0 30px; line-height: 20px; margin-bottom: 5px; }
|
|
|
|
|
ul.tourHighlights { height: 100%; overflow: hidden }
|
|
|
|
|
ul.tourHighlights li { background: url(https://data.chinahighlights.com/pic/square-red.gif) no-repeat 7px; background-size: 6px; padding-left: 30px; line-height: 22px; margin-bottom: 10px; font-size:16px; }
|
|
|
|
|
ul.tourHighlights li.ExclusiveProduct {background: url(https://data.chinahighlights.com/pic/top-10-crown.png) no-repeat left 2px; padding-left: 30px; }
|
|
|
|
|
ol.tourHighlights { margin-left:20px;}
|
|
|
|
|
ol.tourHighlights li { font-size:14px; line-height:18px; margin-bottom:10px;}
|
|
|
|
|
.tourGuide { margin-top: 15px; }
|
|
|
|
|
.tourGuide span { display: block; margin-top: 5px; text-align: center; }
|
|
|
|
|
.tourGuide img { border-radius: 4px; }
|
|
|
|
|
/* footer button */
|
|
|
|
|
#xsfooter { display: none !important; }
|
|
|
|
|
.footerBtn { display: none; }
|
|
|
|
|
@media(max-width:1024px) {
|
|
|
|
|
.TourDays { height: 110px;}
|
|
|
|
|
}
|
|
|
|
|
@media(max-width:750px) {
|
|
|
|
|
.TopCht1 { padding-top: 45px;}
|
|
|
|
|
.TopPrice { margin-top: 20px;}
|
|
|
|
|
h1.Top10 { font-size: 30px !important; font-weight: 400; top: calc(50% - 40px) !important;}
|
|
|
|
|
.footerBtn { position: fixed; bottom: 0; left: 0; display: block !important; width: 100%; color: #fff; font-size: 14px; }
|
|
|
|
|
.footerBtn a { color: #fff; text-decoration: none; font-size: 18px; padding-right: 25px; }
|
|
|
|
|
.footerBtn a:hover { color: #fff; }
|
|
|
|
|
.footerBtn .call { background: #0c6197; text-align: center; padding: 8px 0; }
|
|
|
|
|
.footerBtn .inquiry { background: #a31022; text-align: center; padding: 10px 0; font-size: 20px; }
|
|
|
|
|
.Top10Price { padding-top: 0 !important; margin-top: 20px;}
|
|
|
|
|
.Top10Title { top: 0 !important; }
|
|
|
|
|
.TourHotel { margin-bottom: 20px; height: auto !important; }
|
|
|
|
|
.tripAdvisorinfo { width: auto !important; margin: 0 !important; }
|
|
|
|
|
.contentHead { margin-top: 55px; padding: 0 15px;}
|
|
|
|
|
.topinfo {margin: 0 15px;}
|
|
|
|
|
.choiceBlock table { margin-top: 20px;}
|
|
|
|
|
#crumbNav { margin-top:60px;float: right;}
|
|
|
|
|
.HotelName { font-size: 20px;}
|
|
|
|
|
}
|
|
|
|
|
.tourHighlights ul li { background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/pic/square-red.gif") no-repeat scroll left 7px / 6px auto; line-height: 20px; margin-bottom: 5px; padding-left: 25px; }
|
|
|
|
|
.freeQuoteLast { background: url(https://data.chinahighlights.com/css/images/tour/detail/white-arrow.png) no-repeat 110px center #a31022; float: right; font-size: 15px; text-align: center; width: 135px; display: block; border-radius: 4px; padding: 5px 20px 7px 0; margin-top: -8px; }
|
|
|
|
|
.freeQuoteLast a { color: #fff; text-decoration: none }
|
|
|
|
|
/* feedback */
|
|
|
|
|
.feedbackBlock { display: block; margin-bottom: 20px; }
|
|
|
|
|
.feedbackDetail { background: url(https://data.chinahighlights.com/css/images/tour/detail/quote-left.png) no-repeat left 5px; padding-left: 25px; line-height: 25px; margin-bottom: 25px; }
|
|
|
|
|
.feedbackDetail .quoteEnd { background: url("https://data.chinahighlights.com/css/images/tour/detail/quote-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 14px; margin: 0 0 0 10px; width: 18px; }
|
|
|
|
|
.feedbackDetail .byWho { color: #a31022; text-align: right; display: block; padding-right: 20px; }
|
|
|
|
|
/* pay 30 save 70 */
|
|
|
|
|
.pay30 { display: none; }
|
|
|
|
|
|
|
|
|
|
/*改版*/
|
|
|
|
|
|
|
|
|
|
.TopItinerary { background-color: #e4e4e4; padding-top: 15px !important; }
|
|
|
|
|
.TopItinerary img { margin: auto;}
|
|
|
|
|
.Top10Price { border-bottom: 2px solid #d3d3d3; padding: 25px 0; margin-bottom: 30px;}
|
|
|
|
|
|
|
|
|
|
.TailorYourTour { margin-top: 20px !important; padding-left: 85px;}
|
|
|
|
|
.TailorYourTour a { color: #a31022; text-decoration: none; border: 2px solid #a31022;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
padding: 5px 15px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
text-align: center;}
|
|
|
|
|
.TailorYourTour a:hover { color: #fff; background: #a31022; }
|
|
|
|
|
.TailorTour { text-align: left; font-size: 24px; margin-bottom: 15px; margin-top: 20px; font-family: Segoe Script; padding: 0;}
|
|
|
|
|
.TopPrice p { font-size: 14px; line-height: 21px;}
|
|
|
|
|
ul.TourTailorTags { padding-top: 25px; padding-left: 0;}
|
|
|
|
|
ul.TourTailorTags li { float: left; margin-right: 20px; background:url(https://data.chinahighlights.com/pic/tour-detail-private-tags-bg.png) no-repeat 0 4px; font-size: 18px; padding-left: 25px;}
|
|
|
|
|
.DestinationHotel { position: relative;}
|
|
|
|
|
.DestinationHotel img { border-radius: 4px 4px 0 0; }
|
|
|
|
|
.HotelTag { position: absolute; top: 20px;}
|
|
|
|
|
.TourHotel { background-color: #e8e8e8; padding: 15px; border-radius: 0 0 4px 4px; height: 320px;}
|
|
|
|
|
.TourHotel p { margin-top: 10px;}
|
|
|
|
|
.HotelInfo { color: #868686; font-size: 13px; display: block; float: right;}
|
|
|
|
|
.HotelName { font-size: 16px; display: block;}
|
|
|
|
|
.DestinationOption { margin-bottom: 30px;}
|
|
|
|
|
.DestinationOption img { border-radius: 4px 4px 4px 4px;}
|
|
|
|
|
.OptionName { display: block; font-size: 16px; margin-bottom: 20px;}
|
|
|
|
|
.OptionDetail { display: block; height: 100%; margin-bottom: 20px;}
|
|
|
|
|
.tailorLast {
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 30px;
|
|
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #333;
|
|
|
|
|
background: url(https://data.chinahighlights.com/css/images/aboutus/arrow-with-bg.jpg) no-repeat top center #e7e8ea;
|
|
|
|
|
margin-bottom: -20px;
|
|
|
|
|
padding-bottom: 15px;
|
|
|
|
|
padding-top: 50px;}
|
|
|
|
|
.tailorLast span a {
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 10px;}
|
|
|
|
|
.tailorLast span {
|
|
|
|
|
background: #a31022;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
width: 300px;
|
|
|
|
|
margin: 20px auto;
|
|
|
|
|
display: block;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.Tourcity { border-bottom: none;
|
|
|
|
|
font-size: 30px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: block;
|
|
|
|
|
top: calc(50% - -30px);
|
|
|
|
|
height: 100px;
|
|
|
|
|
text-shadow: 5px 5px 5px #000;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
font-weight: 300;}
|
|
|
|
|
.TourItinerary { font-size: 22px; padding: 15px; font-weight: 300; color: #000; margin-top: 30px;}
|
|
|
|
|
.TourDays { background: #e7e7e7; border-radius: 4px; padding: 8px 5px; height: 110px;}
|
|
|
|
|
.TourDays b { display: block; color: #000; font-size: 16px; font-weight: 400; padding-left: 7px; margin-bottom: 5px;}
|
|
|
|
|
ul.TourSights { display: block; margin-bottom: 15px; height: auto !important;}
|
|
|
|
|
ul.TourSights li {
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
margin-bottom: 15px; font-size: 16px;
|
|
|
|
|
background: none !important;
|
|
|
|
|
}
|
|
|
|
|
ul.TourSights li .fa { margin-right: 12px !important; float: left;
|
|
|
|
|
margin-bottom: 15px; margin-top: 9px;}
|
|
|
|
|
ul.TourSees li {
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
margin-bottom: 5px; font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
.CityTransport { padding:15px 0; }
|
|
|
|
|
.CityTransport .fa { color: #a31022; text-align: center; font-size: 22px; display: block;}
|
|
|
|
|
.TrainHour { background:url(//data.chinahighlights.com/pic/top10/arrow-right.png?20180719) no-repeat bottom; padding-bottom: 15px; display: block; text-align: center; color: #000; margin-bottom: 5px;}
|
|
|
|
|
.TourHighlights { margin-bottom: 15px; padding-left: 0; margin-top: 20px;}
|
|
|
|
|
.TourMap { margin-bottom: 15px; padding-right: 0;padding-left: 44px; margin-top: 20px;}
|
|
|
|
|
.TourMap img { border-radius: 4px; margin-top: 40px;}
|
|
|
|
|
.TourPrice { text-align: center;}
|
|
|
|
|
.TourPriceRed { font-size: 22px; color: #a31022; font-weight: 300;}
|
|
|
|
|
.TopDetail { background: #e9e9e9; padding: 15px 0 60px 0;}
|
|
|
|
|
.TMtop { margin-top: 30px; margin-bottom: 50px;}
|
|
|
|
|
#expandAll { line-height: 27px; float: right; cursor: pointer; font-size: 18px !important; font-style: italic; color: #a31022; margin-bottom: 10px;}
|
|
|
|
|
#expandAllText { float: right; }
|
|
|
|
|
|
|
|
|
|
.TourList { background: #fff; border: 1px solid #d8d8d8; border-radius: 4px; margin-bottom: 30px; }
|
|
|
|
|
.TourDay { color: #a31022; margin-right: 10px;}
|
|
|
|
|
.InquiryButton { background: #a31022;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
width: 300px;
|
|
|
|
|
margin: 20px auto;
|
|
|
|
|
display: block;
|
|
|
|
|
border-radius: 4px; font-weight: 300; width: 100%;}
|
|
|
|
|
.InquiryButton a {color: #fff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 10px;}
|
|
|
|
|
.CloseButton .fa, .OpenButton .fa {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
float: right;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #a31022;
|
|
|
|
|
border: 2px solid #a31022;
|
|
|
|
|
padding: 0 4px; border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
.TourTailor { text-align: center; display: block;}
|
|
|
|
|
.InquiryFormBox { background: #fff; border-radius: 0 0 4px 4px; border: 1px solid #d6d6d6; width: 100%; position: relative; margin-bottom: 10px; border-radius: 4px; }
|
|
|
|
|
.InquiryFormBox .sendButton { background: #a31022 none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; font-size: 18px; margin: -10px 10px 15px 0; padding: 10px; text-align: center; width: 100%; }
|
|
|
|
|
.InquiryFormBox .sendButton .fa { margin-left: 20px; font-size: 21px;}
|
|
|
|
|
.InquiryFormBox input, textarea { background-color: #fff; border: medium none; border-radius: 4px; box-shadow: 0 0 2px #999; color: #333; font-size: 14px; padding: 10px; line-height: 24px; }
|
|
|
|
|
.InquiryFormBox input[type="text"], textarea { width: 100%; }
|
|
|
|
|
.InquiryFormBox p label { cursor: text; font-size: 14px; left: 10px; margin: 0; padding: 0; position: absolute; top: 10px; display: inline-block; }
|
|
|
|
|
.InquiryFormBox .TourTitle { color: #a31022; font-size: 28px; text-align: center; display: block; margin-bottom: 5px; font-weight:
|
|
|
|
|
300; }
|
|
|
|
|
.InquiryFormBox .InquiryInfo {
|
|
|
|
|
background: #f7f7f7;
|
|
|
|
|
padding: 10px 15px;
|
|
|
|
|
margin-bottom: 25px; }
|
|
|
|
|
.InquiryFormBox .FieldSet { padding: 0 20px 10px 20px;}
|
|
|
|
|
.InquiryFormBox input.InquiryCalendar { background: url(//data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px; padding-left: 50px ;}
|
|
|
|
|
.InquiryFormBox input.FullName { background: url(//data.chinahighlights.com/pic/input-name.png) no-repeat 15px; padding-left: 50px;}
|
|
|
|
|
.InquiryFormBox input.EmailAddress { background: url(//data.chinahighlights.com/pic/input-email.png) no-repeat 15px; padding-left: 50px;}
|
|
|
|
|
.InquiryFormBox input.Inquiryphone { background: url(https://data.chinahighlights.com/pic/top10/tour-form-phone-tag-bg.png) no-repeat 15px; padding-left: 50px; width: 100%; }
|
|
|
|
|
.InquiryFormBox p { margin-bottom: 20px !important}
|
|
|
|
|
.TourInfo { padding: 20px;}
|
|
|
|
|
.TourInfo .fa { margin-right: 10px;}
|
|
|
|
|
.fa-bed { font-size: 21px; margin-right: 10px; color: #c1c1c1;
|
|
|
|
|
margin-top: 2px;}
|
|
|
|
|
.fa-cutlery { font-size: 21px; margin-top: 2px;}
|
|
|
|
|
|
|
|
|
|
.highlightsTitle {font-size: 23px;
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 30px 0;
|
|
|
|
|
font-weight: 300;}
|
|
|
|
|
|
|
|
|
|
.fa-square { font-size: 5px;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
color: #c4c4c4;
|
|
|
|
|
margin-left: -12px;}
|
|
|
|
|
.fa-check-square-o { color: #a31022;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
margin-left: -20px;}
|
|
|
|
|
.InquiryButton .fa-angle-right { margin-left: 30px; font-size: 30px; }
|
|
|
|
|
.highlights {
|
|
|
|
|
background: #f1f1f1;
|
|
|
|
|
padding: 10px 0;
|
|
|
|
|
margin: 50px 0 100px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.highlights li {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
background: url(/pic/red-dot.png) no-repeat left 10px;
|
|
|
|
|
padding-left: 30px;
|
|
|
|
|
}
|
|
|
|
|
.tripAdvisor {
|
|
|
|
|
display: block;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding-left: 40px;
|
|
|
|
|
}
|
|
|
|
|
.tripAdvisorinfo {
|
|
|
|
|
display: block;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding-left: 40px;
|
|
|
|
|
width: 500px;
|
|
|
|
|
float: right;
|
|
|
|
|
margin: 25px 0 30px 30px;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
.TAname {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
display: block;
|
|
|
|
|
color: #000;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
.reviewNumber {
|
|
|
|
|
display: block;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
border-bottom: 1px solid #d1d1d1;
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
.reviewDetail {
|
|
|
|
|
display: block;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
color: #999;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
background: url(/pic/quote-left.png) no-repeat left 5px / 18px 14px;
|
|
|
|
|
padding-left: 25px;
|
|
|
|
|
}
|
|
|
|
|
.topheadline {
|
|
|
|
|
font-size: 55px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: block;
|
|
|
|
|
top: calc(50% - 60px);
|
|
|
|
|
height: 100px;
|
|
|
|
|
text-shadow: 3px 3px 3px #414141;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
font-weight: 300;}
|
|
|
|
|
.priceIncludes {
|
|
|
|
|
border: 1px solid #d9d9d9;
|
|
|
|
|
margin: 30px 0;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
.priceIncludes .pricePP {
|
|
|
|
|
background: #f1f1f1;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 30px 0;
|
|
|
|
|
border-radius: 4px 4px 0 0;
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
}
|
|
|
|
|
.priceIncludes .pricePP p { margin: 0; font-size: 15px;}
|
|
|
|
|
.priceIncludes .pricePP .fa {
|
|
|
|
|
font-size: 150%;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.priceIncludes .pricePP strong {
|
|
|
|
|
font-size: 35px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #a31022;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
.priceIncludes .includeTitle {
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 0 20px;
|
|
|
|
|
}
|
|
|
|
|
.priceIncludes ul {
|
|
|
|
|
margin: 30px 20px;
|
|
|
|
|
}
|
|
|
|
|
.priceIncludes ul li {
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
background: url(/pic/mark-555.png) no-repeat left top;
|
|
|
|
|
padding-left: 35px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
min.php?f=/publ…628745538:1837
|
|
|
|
|
.byWho {
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
background: url(/pic/quote-right.png) no-repeat right bottom / 18px 14px;
|
|
|
|
|
display:block;margin-top:15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.onedayroute { display:block;margin-bottom:90px;}
|
|
|
|
|
.titlebg {background:#d2d2d2;border-radius:50%;width:50px;height:50px;display:block;float:left;position:relative;margin-right:20px;}
|
|
|
|
|
.titlebg .fa { color: #6c6c6c;
|
|
|
|
|
display: grid;
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 23px;
|
|
|
|
|
line-height: 45px; }
|
|
|
|
|
.onedaytitle {font-size:22px;display:block;margin-bottom:15px;color:#000;font-weight:300;padding-top:10px;}
|
|
|
|
|
.onedayinfo {border-left:2px dashed #d2d2d2;padding-left:30px;margin-left:25px;margin-bottom:-25px;}
|
|
|
|
|
.tourpic {display:block;padding-bottom:60px;}
|
|
|
|
|
.onedayta {padding:80px 0;margin-bottom:-20px;background:#f1f1f1;display:block;margin-top:30px;}
|
|
|
|
|
i.fa.fa-lightbulb-o {
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
}
|
