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.
58 lines
5.5 KiB
CSS
58 lines
5.5 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
.topBanner { background: url(/image/promo/bg-pp-offer.jpg) no-repeat center; display: block; height: auto; }
|
|
|
|
@media(min-width:1000px) {
|
|
.topBanner { height: 500px !important; margin-bottom: 15px; position:relative }
|
|
.topBanner .photoBy { color:#fff; font-weight: bold; text-align:right; bottom:15px; right:10px; display: block; position:absolute; font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 5px #000; font-size:13px;}
|
|
.pcText { margin: 100px 0 0 !important;}
|
|
.balance { background: url(https://data.chinahighlights.com/css/images/aboutus/balance-icon.png) no-repeat left 20px; padding-left: 90px; margin-top: 30px; }
|
|
}
|
|
.pcText { display: block; margin-top: 15px; text-align: center; }
|
|
.welcomeText { display: block; margin: 20px 0; color: #a31022; font-size: 35px; }
|
|
h2 { margin: 20px 0 10px !important; font-size: 20px !important; color: #0c6197; }
|
|
p { font-size: 14px !important; margin-bottom: 15px !important; }
|
|
.freeTour { border: 2px solid #0c6197; border-radius: 4px; padding: 15px; margin: 20px 0 35px; display: block; position:relative }
|
|
.usp { background:#a31022; padding-top:10px; text-align:center; color:#fff; position:absolute; left:-23px; top:-15px;border-radius:100%; width:60px; height:60px; font-size:14px;}
|
|
.freeTour h2 { margin: 0 0 25px 35px !important }
|
|
.freeTour .tourHighlights { display: block; }
|
|
.freeTour .tourHighlights h2 { font-size: 20px !important; color: #0c6197; margin-left:0 !important; }
|
|
.freeTour .tourHighlights h2 .fa { font-size: 25px !important; }
|
|
.freeTour .tourHighlights ul li { line-height: 20px; margin-bottom: 10px; font-size: 14px; }
|
|
.freeTour .tourHighlights ul li .fa { color: #0c6197; margin-right: 5px; }
|
|
.freeTour .tourHighlights .viewMore { display: block; background: #a31022; width: 200px; border-radius: 4px; padding: 10px; float: right; text-align: center; }
|
|
.freeTour .tourHighlights .viewMore a { font-size: 16px; color: #fff; text-decoration: none; }
|
|
.otherTour { border: 2px solid #0c6197; border-radius: 4px; padding: 15px; margin: 20px 0 35px; display: block; position:relative; }
|
|
.otherTour h2 { margin: 0 0 25px 35px !important }
|
|
.priceTable { border: 1px solid #999; width: 100%; text-align: center; margin: 25px 0 15px; }
|
|
.priceTable th { padding: 10px 5px; border-bottom: 1px dashed #d1d1d1; text-align: center; }
|
|
.priceTable td { padding: 10px 5px; color: #a31022; font-weight: bold; }
|
|
.priceTable tr:last-child td { color:#999; padding:5px !important; font-weight: normal; text-decoration:line-through;}
|
|
|
|
|
|
h2.secondary { font-size: 20px !important; color: #0c6197; margin-left:0 !important }
|
|
#questionBox { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-question-title.png); background-repeat: no-repeat; background-position: center top; background-size: contain; margin: 15px 0; padding: 1px 10px 0px 10px; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 0 02px #d5d5d5; position: relative }
|
|
#questionBox .interested { font-size: 23px; color: #fff; display: block; margin:13px 0 35px; text-align: center}
|
|
#questionBox .interest-label { font-size: 12px; color: #a31022; display: block; margin-bottom: 40px }
|
|
#questionBox .infoRequired { text-align: center; margin: 10px 0 0 0; display: block }
|
|
#questionBox .infoRequired input, textarea { width: 100%; font-size: 12px; font-family: Verdana, Geneva, sans-serif; padding: 5px; background-color: #fff; margin-bottom: 15px; border-color: #D1D1D1 #999 #999999 #D1D1D1; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 2px 2px 2px #d1d1d1 }
|
|
#questionBox .infoRequired input:focus, textarea:focus { border-color: #0074CC; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0074CC }
|
|
#questionBox .infoRequired textarea { height: 150px }
|
|
#questionBox .sendButton { margin: 15px 0; display: block; background: #a31022; border: none; color: #fff; text-shadow: 0 0 2px #000; text-align: center; border-radius: 4px; padding: 5px 0; font-size: 15px; 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: 4px; left: 10px; cursor: text }
|
|
#questionBox .infoRequired .des label { text-align: left }
|
|
#questionBox .infoRequired p .arrowDownTest label { line-height: 20px; position: relative; left: 0; margin: 0; padding: 0; top: 0 }
|
|
#questionBox .infoRequired p .arrowDownTest { background-color: #FFF; border: 1px solid #999; 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 }
|
|
#questionBox .infoRequired input.calendarIcon { background: url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat scroll 98% 6px #fff }
|
|
#questionBox .infoRequired .paxInfo { margin: 2px 0 15px }
|
|
#questionBox .infoRequired select { padding: 5px; margin-bottom: 15px; border-radius: 4px; border: 1px solid #d1d1d1; display: inline-block }
|
|
#questionBox .infoRequired .totalCost { display: block; margin: -5px 0 10px; text-align: left; border: 1px dashed #f1f1f1; border-radius: 4px; padding: 1px 8px; color: #999; font-family: Arial, Helvetica, sans-serif; display: none }
|
|
#questionBox .infoRequired .totalCost strong { color: #a31022 }
|
|
|
|
ol.terms { margin-left:17px; padding-left:0; margin-top:-5px;}
|
|
ol.terms li { line-height:20px; margin-bottom:8px; font-size:14px;} |