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.
115 lines
12 KiB
CSS
115 lines
12 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
h2 { display: block; margin:15px 0; font-weight: normal; font-size:20px;}
|
|
#agent { display: block; width: 980px; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 0px; }
|
|
#teamIntro { display: block; background: url(https://data.chinahighlights.com/pic/indent.png) repeat-x bottom;}
|
|
.handWriting { display: block; font-size: 14px; clear: both; text-align: left; margin: 0 auto 20px; background: url(/partner/css/images/bg-team.png) no-repeat -40px bottom; border-radius:4px; padding-bottom: 32px; position:relative; }
|
|
.handWriting h2 { display: block; font-size: 20px; font-weight: normal; color: #a31022; text-align: right; margin-bottom:25px; }
|
|
.handWriting p { line-height: 30px; font-size: 15px; margin-top: 14px; color: #202020; margin-left: 320px; }
|
|
.handWriting .viewMore { display: block; position: absolute; right: 5px; background: #a31022; color: #fff; padding: 5px 10px; border-radius: 4px; }
|
|
.handWriting .viewMore a { color:#fff;}
|
|
#staffDetail { background: url(https://data.chinahighlights.com/pic/indent.png) repeat-x bottom; padding-bottom: 3px; }
|
|
.taBox { display: block; width: 920px; padding: 30px; font-size: 14px; }
|
|
.taBox .taTitle { display: block; font-size: 38px; color: #a31022; clear: both; margin-bottom: 15px; text-align: center }
|
|
#tourTop p { font-size: 20px; line-height: 30px; font-family: Verdana, Times, serif; }
|
|
.carolInfo { background: url(/partner/css/images/bg-carol.png) no-repeat; width: 574px; height: 207px; display: block; padding: 50px 15px 0 250px; margin-left: 50px; }
|
|
.robertInfo { background: url(/partner/css/images/bg-robert.png) no-repeat; width: 569px; height: 182px; display: block; padding: 80px 300px 0 15px; margin-left: 25px; }
|
|
.sunnyInfo { background: url(/partner/css/images/bg-sunny.png) no-repeat; width: 564px; height: 170px; display: block; padding: 50px 300px 0 15px; margin-left: 25px; }
|
|
.aliceInfo { background: url(/partner/css/images/bg-alice.png) no-repeat; width: 576px; height: 197px; display: block; padding: 45px 15px 0 275px; margin-left: 25px; }
|
|
.carolInfo, .robertInfo, .sunnyInfo, .aliceInfo { position: relative; }
|
|
.carolInfo_in { position: absolute; z-index: 10; top: 10px; left: 480px; }
|
|
.robertInfo_in { position: absolute; z-index: 10; top: 35px; left: 160px; }
|
|
.sunnyInfo_in { position: absolute; z-index: 10; top: 3px; left: 500px; }
|
|
.aliceInfo_in { position: absolute; z-index: 10; left: 180px; top: 7px }
|
|
#feedback { background: url(https://data.chinahighlights.com/pic/indent.png) repeat-x bottom; }
|
|
#feedback .feedbackDetail { background: url(/partner/css/images/customer-alan.png) no-repeat 25px center; padding: 30px 30px 30px 400px; }
|
|
#feedback .feedbackDetail .fdTitle { display: block; font-size: 38px; color: #a31022; clear: both; margin-bottom: 15px; }
|
|
#feedback .feedbackDetail p { font-size: 20px; line-height: 30px; }
|
|
#feedback .feedbackDetail p.quoteEnd { background: url(/partner/css/images/quote-end.png) no-repeat right bottom; }
|
|
#whyUs { background: url(/partner/css/images/bg-carol-why.png) no-repeat 150px bottom; padding: 50px 0 80px 500px; }
|
|
#whyUs .whyTitle { display: block; font-size: 38px; color: #a31022; clear: both; margin-bottom: 15px; }
|
|
#whyUs ul { margin: 0 }
|
|
#whyUs ul li { list-style: none; line-height: 30px; font-size: 20px; background: url(/partner/css/images/green-mark.png) no-repeat 0 10px; padding-left: 40px; }
|
|
.whattoGet { display: block; margin: 0; clear: both; position: relative; padding: 20px 50px; width: 880px; text-align: center; }
|
|
.whattoGet .getTitle { display: block; font-size: 38px; clear: both; margin-bottom: 15px; }
|
|
.whattoGet p { font-size: 20px; line-height: 30px; }
|
|
.whattoGet .listNumber { display: inline-block; font-family: segoepr; font-size: 20px; margin-right: 5px; }
|
|
.bookaTour { display: block; margin: -40px auto 0 0; background: url(/partner/css/images/bg-case.png) no-repeat top; clear: both; position: relative; padding: 50px; width: 880px; text-align: center; }
|
|
.tourTitle { display: block; font-size: 24px; clear: both; margin: 20px 0; }
|
|
.bookaTour .tourList { float: left; width: 270px; margin-right: 30px; box-shadow: 0 0 4px #999 }
|
|
.bookaTour .tourList.last { margin-right: 0 }
|
|
.bookaTour .tourList img { width: 270px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
|
|
.bookaTour .tourList .tourInfo { background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: center; padding: 10px 10px 50px 10px; position: relative; font-size: 14px; height: 60px; }
|
|
.bookaTour .tourList .tourInfo .tourName { font-size: 16px; display: block; margin: 5px 0 }
|
|
.bookaTour .tourList .tourInfo .viewMore { background: url(https://data.chinahighlights.com/pic/red-arrow-20x20.png) no-repeat right; padding-right: 25px; display: block; position: absolute; right: 0; bottom: 10px; font-size: 16px; }
|
|
.bookaTour .tourList .tourInfo .viewMore a { text-decoration: none; }
|
|
/* cases */
|
|
#caseStudy { display: block; background: url(/partner/css/images/bg-case.png) no-repeat top; clear: both; position: relative; padding: 50px 50px 30px 50px; width: 880px; text-align: center; margin-top: -80px; margin-bottom: 25px; }
|
|
#caseStudy p { line-height: 30px; font-size: 20px; margin-top: 14px; font-family:/*NuevaStd*/ Verdana, "Times New Roman", Times, serif; margin-bottom: 10px; }
|
|
.caseTitle { display: block; font-size: 38px; color: #a31022; clear: both; margin: 20px 0; }
|
|
.borderTop { background: url(https://data.chinahighlights.com/pic/indent.png) repeat-x top; }
|
|
.noborderBottom { background-image: none!important; }
|
|
.caseBlock { display: block; float: left; width: 270px; margin: 0 30px 0 0; }
|
|
.caseBlock img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
|
|
.caseBlock .caseInfo { background: #fff; padding: 10px; display: block; text-align: left; margin-top: -4px; box-shadow: 0 0 4px #999; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
|
|
.caseBlock.last { margin-right: 0!important; }
|
|
.caseBlock .caseInfo .groupType { display: block; font-size: 16px; margin: 5px 0 10px 0; }
|
|
.caseBlock .caseInfo .taInfo { display: block; margin: 5px 0; }
|
|
.caseBlock .caseInfo ul { margin: 0 }
|
|
.caseBlock .caseInfo ul li { line-height: 20px; font-size: 14px; background: url(https://data.chinahighlights.com/pic/square.gif) no-repeat 0 6px; padding-left: 15px; }
|
|
.getTitle { text-align: center; font-size: 38px; color: #a31022; }
|
|
.topIcon { width: 50px; position: fixed; right: 50%; top: 50%; margin-right: -550px; }
|
|
a#linkwhite:link { text-decoration: none; color: #FFF }
|
|
a#linkwhite:hover { text-decoration: none; color: #CCC }
|
|
a#linkwhite:visited { color: #FFF }
|
|
.who2 { border: thin; pedding: 80px; background-color: #a31022; border-width: 5px; font-size: 24px; color: #FFF; border-radius: 4px; padding-bottom: 10px; padding-left: 50px; padding-right: 50px; padding-top: 10px; margin: 25px 50px; width: 200px; height: 150px; font-size: 20px; line-height: 30px; }
|
|
.orText { font-size:33px; text-transform:uppercase; color:#f1f1f1; display:inline-block; font-weight: bold; font-family:Arial, Helvetica, sans-serifl;}
|
|
/*---*/
|
|
#tourTop { display: block; margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 0; }
|
|
#tourTop .topLeft { display: block; float: left; width: 465px; height: 500px; margin-right: 10px; overflow: hidden }
|
|
#tourTop .middleTop { display: block; float: left; width: 235px; height: 500px; margin-bottom: 0px; margin-left: 10px; margin-right: 20px; margin-top: 0px; position:relative; }
|
|
#tourTop .middleOne { display: block; float: left; width: 235px; height: 500px; position:relative }
|
|
#tourTop .rightTop { display: block; float: right; width: 326px; height: 144px; margin-bottom: 10px; }
|
|
#tourTop .rightTop img { width: 326px; height: 144px; }
|
|
#tourTop .rightOne { display: block; float: right; width: 326px; height: 298px; }
|
|
#tourTop .bottomLeft { width: 485px; height: 144px; float: left; display: block; margin-top: 10px; }
|
|
#tourTop .bottomLeft img, #tourTop .bottomRight img { width: 485px; height: 144px; }
|
|
#tourTop .bottomRight { width: 485px; height: 144px; float: right; display: block; margin-top: 10px; }
|
|
.intro_con { background: url(/partner/css/images/handshake.png) no-repeat right bottom }
|
|
.tripList { float: left; width: 290px; position: relative; margin-right: 25px; }
|
|
.tripList img { border-radius: 4px 4px 0 0; }
|
|
.tripList .tripInfo { background: #fff; display: block; height: 190px; padding: 10px; position: relative; border-radius: 0 0 4px 4px; }
|
|
.tripList .tripInfo .likeIt { text-align: center; background: #a31022; background: -moz-linear-gradient(center top, #d2172e 0%, #b21226 50%, #a31022 100%) repeat; background: -webkit-gradient(linear, left top, left bottom, from(#d2172e), to(#a31022)); padding: 5px 10px 7px 10px; border-radius: 4px; color: #fff; cursor: pointer; position: absolute; bottom: 10px; left: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
|
|
.tripList .tripInfo .likeIt:hover { background: #a31022; }
|
|
.tripList .tripInfo .likeIt a { color: #fff; text-decoration: none; }
|
|
.case { float: left; weight: 550px }
|
|
#questionBox { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-question-title.png) no-repeat top; margin: 30px 0 0 15px; padding: 1px 10px 0px 10px; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 0 02px #d5d5d5; float: right; width: 255px; }
|
|
#questionBox .interested { font-size: 25px; color: #FFFFFF; display: block; margin: 5px 0; text-align: left; }
|
|
#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, textarea { width: 222px; 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: 100px; }
|
|
#questionBox .sendButton { margin: 15px 0 15px 80px; display: block; }
|
|
#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: 9px; left: 21px; cursor: text }
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
#questionBox .couponPromo { display: none;}
|
|
#questionBox .couponTip { display: none;}
|
|
.tourLeft { float: left; width: 660px; }
|
|
.tourLeft .tourList { margin: 0 0 20px 0; height: 200px; }
|
|
.tourLeft .tourList .tourPhoto { float: left; width: 263px; }
|
|
.tourLeft .tourList .tourPhoto img { border-radius: 6px; }
|
|
.tourLeft .tourList .tourPhoto .photoTitle { font-size:18px; color:#545454; margin: 0 0 10px 0 }
|
|
.tourLeft .tourList .tourPic img { width: 263px; height: 163px; }
|
|
.tourLeft .tourList .tourSummary { float: right; width: 370px; }
|
|
.tourLeft .tourList .tourTitle { color: #0c6197; font-size: 17px; display: block; margin: 0 0 15px 0; }
|
|
.tourLeft .tourList .tourSummary .tourInfo { border: 1px solid #d1d1d1; background: #fff; height: 143px; border-radius: 6px; padding: 10px; position: relative; }
|
|
.tourLeft .tourList .tourSummary .tourInfo .viewMore { display:block; position:absolute; bottom:10px; right:10px;}
|
|
.producttable { margin-bottom: 20px }
|
|
.tripInfo { display: block; margin-top:10px; text-align:justify;}
|
|
.tripInfo .tripTitle { font-size:16px; display: block; margin-bottom:10px;}
|
|
.tripInfo .viewMore { display: block; background:#a31022; padding:5px; border-radius:4px; position:absolute; bottom:0; right:0; font-size:12px;}
|
|
.tripInfo .viewMore a { color:#fff; text-decoration: none;}
|
|
.serviceType td { font-size:14px;}
|