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.
72 lines
6.1 KiB
CSS
72 lines
6.1 KiB
CSS
/* great wall hiking */
|
|
#topTrips { display: block; border-top: 6px solid #a31022; background: none; }
|
|
#topTrips .bgHiking { background-image: url(/image/ivv/bg-panda.jpg?01); background-repeat: no-repeat; background-position: left top; height: 200px; padding-top: 30px; background-size:100%; position: relative }
|
|
@media(min-width:1000px) {
|
|
#topTrips .bgHiking { height:425px !important; background-size:100% !important;}
|
|
}
|
|
#contentBg { background: #f1f1f1; padding-top: 30px; }
|
|
|
|
#contentBg #content { background: #f1f1f1; }
|
|
h2 { color: #0c6197; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; margin: 0 0 10px 0; }
|
|
.hikingSummary h2 { color: #0c6197; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 25px; margin:25px 0 10px; }
|
|
.hikingSummary h3 .listNo { display: inline-block; background: url(https://data.chinahighlights.com/css/images/greatwall/bg-h3.png) no-repeat; text-align: center; color: #fff; width: 23px; height: 23px; font-weight: normal; padding-top:2px;}
|
|
.hikingSummary p { font-size: 14px; line-height: 22px; }
|
|
.hikingSummary p.noMargin { margin-left: 0 }
|
|
|
|
|
|
|
|
#footer { margin-top: 0!important }
|
|
.schedule { margin:15px 0; border:1px solid #0c6197; width:100%; border-radius:4px;}
|
|
.schedule td { border-bottom:1px solid #999; border-right:1px solid #999; padding:10px 5px; line-height:20px;}
|
|
.schedule th { border-bottom:1px solid #0c6197; border-right:1px solid #999; padding:10px 5px;}
|
|
.itinerary { margin:15px 0 25px; border:2px solid #0c6197; width:100%; border-radius:4px; background:#fff}
|
|
.itinerary td { border-bottom:1px solid #666; border-right:1px solid #666; padding:5px; line-height:20px;}
|
|
.itinerary th { border-bottom:1px solid #666; border-right:1px solid #666; padding:5px; line-height:20px;}
|
|
/* taking part */
|
|
@media(max-width:750px) {
|
|
.takingPart { height:auto !important;}
|
|
}
|
|
.takingPart { border:1px solid #0c6197; border-radius:4px; padding:10px; display:block; margin-bottom:25px; height:365px; background:#fff}
|
|
.takingPart .TakingTitle { display: block; font-size:16px; margin-bottom:15px; text-align:center}
|
|
.takingPart .optionNumber { background:#0c6197; text-align:center; width:30px; height:30px; font-size:16px; color:#fff; display: inline-block; border-radius: 4px 0 4px 0; margin:-11px 10px 0 -11px; float: left;}
|
|
.takingPart ol { padding-left:10px; margin-left:5px;}
|
|
.takingPart ol li { padding-left:5px; line-height:20px;}
|
|
.takingPart .fa-dollar, .takingPart .fa-share { width:1em; color:#999}
|
|
|
|
ol.faq { padding-left:10px; margin-left:5px; margin-bottom:25px;}
|
|
ol.faq li { line-height:25px; margin-bottom:15px; padding-left:10px;}
|
|
ol.faq li strong { font-size:16px; font-weight: normal; color:#333}
|
|
ol.faq li li { background:url(https://data.chinahighlights.com/pic/red-double-arrow.png) no-repeat left 10px; padding-left:25px;}
|
|
|
|
.photoBlock { display: block; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif;}
|
|
.photoBlock img { margin-bottom:5px;}
|
|
/* question form */
|
|
#questionBox { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-question-title.png); background-repeat: no-repeat; background-position: center -7px; background-color:#fff; background-size: contain; margin: 38px 0 15px 0; border-radius: 4px 4px 0 0; position:relative; }
|
|
#questionBox .yourStyle { text-align: left; font-family:Arial, Helvetica, sans-serif;}
|
|
#questionBox .yourStyle input[type="radio"] { margin-top:2px !important}
|
|
#questionBox .arrowLeft { display: block; text-align:center; color:#a31022; background:#fff; border-radius:4px 0 0 4px; width:60px; height:44px; position:absolute; left:-59px; border:2px solid #d1d1d1; border-right: none; top:57px; font-size:25px;}
|
|
#questionBox .questionContent { display: block; padding: 1px 15px 5px; border: 1px solid #d1d1d1; border-top: none; border-radius: 0 0 4px 4px; box-shadow:0 0 2px #d1d1d1; }
|
|
.withTA { border-top: none !important; box-shadow: none !important;}
|
|
#questionBox .interested { font-size: 22px; font-family:Arial, Helvetica, sans-serif; color: #fff; display: block; margin: 5px 0; text-shadow:0 1px 1px #333; }
|
|
#questionBox .interest-label { font-size: 12px; color: #fff; display: block; margin-bottom: 40px }
|
|
#questionBox .infoRequired { text-align: center; margin: 22px 0 0 0; display: block; }
|
|
#questionBox .infoRequired input[type="text"], textarea { width: 100%; height: 28px; font-size: 12px; font-family: Verdana, Geneva, sans-serif; padding: 5px; background-color: #fff; margin-bottom: 10px; border-color: #D1D1D1 #999999 #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: 25px 0; display: block; background: #a31022; border: none; color: #fff; text-shadow: 0 0 2px #000; text-align: center; border-radius: 4px; padding: 5px 0 7px; 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; }
|
|
/* 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; }
|
|
|
|
.travelAdvisor { display: block; margin-bottom:15px; margin-top:55px; line-height:20px;}
|
|
.travelAdvisor img { float: right; margin:5px 0 10px 15px; border-radius:50%;}
|
|
|
|
.photoRight { float: right; margin:5px 0 10px 15px; display:block; width:300px;}
|
|
.photoRight img { margin-bottom:5px;} |