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.
171 lines
17 KiB
CSS
171 lines
17 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
@font-face { font-family: 'impact'; src: url('/pic/font/impact.eot'); src: local('fontName Regular'), local('fontName'), url('/pic/btctrial.woff') format('woff'), url('/pic/font/impact.ttf') format('truetype'), url('/pic/btctrial.svg#chbrush') format('svg'); }
|
|
@font-face { font-family: 'segoepr'; src: url('/pic/btctrial.eot'); src: local('fontName Regular'), local('fontName'), url('/pic/btctrial.woff') format('woff'), url('/pic/font/segoepr.ttf') format('truetype'), url('/pic/btctrial.svg#chbrush') format('svg'); }
|
|
@font-face { font-family: 'NuevaStd'; src: url('/pic/font/NuevaStd-Bold.eot'); src: local('fontName Regular'), local('fontName'), url('/pic/font/nuevastd-cond.woff') format('woff'), url('/pic/font/NuevaStd-Cond.ttf') format('truetype'), url('/pic/font/nuevastd-cond.svg#chbrush') format('svg'); }
|
|
h2 { margin:0 0 15px; font-weight: normal;}
|
|
#prog { display: block; width:1000px; margin:10px 0 10px 0; }
|
|
#progIntro { display: block; background:url(https://data.chinahighlights.com/pic/indent.png) repeat-x bottom; padding: 15px 30px 0 0; }
|
|
.handWriting { display: block; font-size: 14px; clear: both; margin: 0 auto; position: static; padding-bottom: 25px; padding-left: 0px; padding-right: 0; padding-top: 0; background-image: url(/partner/css/images/bg-case_.png); background-position: top; background-repeat: no-repeat; }
|
|
.handWriting h2 { display: block; font-size:55px; font-weight: normal; margin:10px 0 20px 0; font-family:NuevaStd; color:#a31022; }
|
|
.handWriting p { line-height:35px; font-size:25px; margin-top:14px; color:#202020; margin-left:500px; }
|
|
#progDetail { background:url(https://data.chinahighlights.com/pic/indent.png) repeat-x bottom; padding-bottom:3px; }
|
|
.taBox .taTitle { display: block; font-size: 38px; color: #000000; clear: both; margin-bottom: 15px; text-align: center }
|
|
.staffDetail { display:block; background:url(https://data.chinahighlights.com/pic/indent.png) repeat-x bottom; padding-bottom:3px; margin-top:30px; }
|
|
.taBox { display: block; width:920px; background:url(/partner/css/images/bg-ta-repeat.png) repeat-y; padding:30px; font-size:14px; }
|
|
.carolInfo { background: url(/partner/css/images/bg-vy.png) no-repeat; width: 350px; height: 230px; display: block; padding-bottom: 0; padding-left: 350px; padding-right: 45px; padding-top: 15px; }
|
|
.robertInfo { border: 1px #666; border-radius: 4px; float:left width: 400px; height: 272px; display: block; margin-left: 5px; padding-bottom: 0; padding-left: 0px; padding-right: 320px; padding-top: 35px; }
|
|
.sInfo { background: url(/partner/css/images/bg-c.png) no-repeat; width: 350px; height: 227px; display: block; padding-bottom: 0; padding-left: 350px; padding-right: 0px; padding-top: 50px; }
|
|
.ccInfo { background: url(/partner/css/images/bg-cc.png) no-repeat right; float:left width: 400px;
|
|
height: 262px; display: block; margin-left: 15px; padding-bottom: 0; padding-left: 10px; padding-right: 400px; padding-top: 35px; }
|
|
.AuHMInfo { background: url(/partner/css/images/bg-AuHM.png) no-repeat left; float:left width: 400px;
|
|
height: 262px; display: block; margin-left: 15px; padding-bottom: 0; padding-left: 400px; padding-right: 10px; padding-top: 35px; }
|
|
.carolInfo, .robertInfo, .sInfo, .ccInfo, .AuHMInfo { position: relative; text-align: center; }
|
|
.carolInfo_in { position:absolute; z-index:10; top:10px; left:480px; }
|
|
.robertInfo_in { position:absolute; z-index:10; top:35px; left:130px; }
|
|
.sInfo_in { position:absolute; z-index:10; top:10px; left:480px; }
|
|
.ccInfo_in { position:absolute; z-index:10; top:35px; left:130px; }
|
|
.AuHMInfo_in { position:absolute; z-index:10; top:35px; left:130px; }
|
|
.tripvideo { position: absolute; width: 320px; float: right; display: block; position: relative; margin-bottom: 10px; }
|
|
#feedback { background:url(https://data.chinahighlights.com/pic/indent.png) repeat-x bottom; }
|
|
#feedback .feedbackDetail { padding-bottom: 80px; padding-left: 60px; padding-right: 270px; padding-top: 30px; background-image: url(/partner/css/images/customer-f.png); background-position: 90% 30%; background-repeat: no-repeat; }
|
|
#feedback .feedbackDetail .fdTitle { display: block; clear: both; margin-bottom: 15px; text-align: center; }
|
|
#feedback .feedbackDetail p.quoteEnd { background:url(/partner/css/images/quote-end.png) no-repeat right bottom; }
|
|
#whyUs { text-align: center; background:url(/partner/css/images/quote-end.png) no-repeat 90% 95%; }
|
|
#whyUs .whyTitle { display: block; margin-bottom: 15px; clear: both; text-align: center; top: 80px; }
|
|
#whyUs ul { margin: 0; }
|
|
#whyUs ul li { list-style: none; line-height: 30px; text-align: center; }
|
|
#howcanyou { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 100px; }
|
|
.whattoGet { display: block; clear: both; position: relative; width: 880px; text-align: center; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 50px; }
|
|
.whattoGet .getTitle { display: block; font-size: 14px; clear: both; margin-bottom: 15px; text-align: center; }
|
|
.whattoGet .listNumber { display:inline-block; font-size:20px; margin-right:5px; }
|
|
.bookaTour { display: block; background: url(/partner/css/images/bg-case.png) no-repeat top; clear: both; position: relative; width: 880px; text-align: center; margin-bottom: 0; margin-left: 0px; margin-right: auto; margin-top: -70px; padding-bottom: 50px; padding-left: 50px; padding-right: 50px; padding-top: 20px; }
|
|
.tourTitle { display: block; font-size: 38px; color: #a31022; clear: both; margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 50px; }
|
|
.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; 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 { font-size: 38px; color: #a31022; }
|
|
.topIcon { width:50px; position:fixed; right:50%; top:50%; margin-right:-550px; }
|
|
.videofb { margin-bottom: 50px; margin-left: 50px; margin-right: 50px; margin-top: 10px; }
|
|
.video_1 { pedding: 80px; background-color: rgb(209,209,209); border-width: 5px; color: #878787; padding: 10px 25px; width: 250px; height: 80px; float: left; margin-bottom: 25px; margin-left: 25px; margin-right: 25px; margin-top: 25px; border-radius: 4px; vertical-align:central; }
|
|
.video_2 { border: thin; pedding: 80px; background-color: rgb(209,209,209); border-width: 5px; color: #878787; padding: 10px 25px; width: 250px; height: 80px; float: right; margin-bottom: 25px; margin-left: 25px; margin-right: 25px; margin-top: 25px; border-radius: 4px; }
|
|
|
|
/* new */
|
|
#CDSWIDSSP { width:275px !important; border-radius:4px!important }
|
|
.whatSay { display: block; font-size: 15px; font-family: Verdana, Tahoma, Geneva, sans-serif; margin-bottom: 0px; margin-left: 0; margin-right: 0; margin-top: 0; }
|
|
.whatSay .quoteBegin { display:block; width:40px; height:30px; display: inline-block; background:url(https://data.chinahighlights.com/pic/quotation-begin.png) no-repeat; float: left; margin-right:5px; }
|
|
.whatSay .personalInfo { display: block; font-size:12px; text-align:right }
|
|
#rightBlock { float: right; width:680px; margin-top:20px;}
|
|
|
|
/* question box */
|
|
#questionBox { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-question-title.png) no-repeat top; margin: 10px 0 0 20px; padding: 1px 10px 0px 10px; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 0 02px #d5d5d5; float: right; width: 255px; float: right; }
|
|
#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;}
|
|
|
|
/*case download*/
|
|
.download-case { margin-bottom: 50px; margin-left: 30px; margin-right: 30px; margin-top: 10px; }
|
|
.download_1, .download_2 { 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; }
|
|
|
|
a#linkwhite:link { text-decoration: none; color: #FFF }
|
|
a#linkwhite:hover { text-decoration: none; color: #CCC }
|
|
a#linkwhite:visited { color: #FFF }
|
|
|
|
/* home slide show */
|
|
#homeSlideshow { z-indx: 20; margin: 0 auto; width:980px; display: block; padding:15px 0 0; position: relative; clear: both; }
|
|
.picShow { width:980px; height:397px; position:relative; background:#f6f6f6; border-radius:4px 4px 0 0; }
|
|
.picShow .scrollLeft { z-index: 40; width:88px; height:88px; position:absolute; bottom:15px; left:15px; }
|
|
.picShow .scrollRight { z-index: 40; width:88px; height:88px; position:absolute; bottom:15px; right:290px; }
|
|
.ourUSP { z-index: 21; width: 260px; height: 384px; position: absolute; right: 0; top: -2px; display: block; background: url(/partner/image/merge-right-140520.png) no-repeat right; padding-bottom: 10px; padding-left: 13px; padding-right: 4px; padding-top: 10px; }
|
|
.ourUSP .uspUnit { padding: 2px; height: 392px; width: 249px; display: block; margin-bottom: 0px; margin-left: 0; margin-right: 0; margin-top: 0; }
|
|
.ourUSP .uspUnit.secondOne { margin-top:-12px; }
|
|
|
|
|
|
|
|
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */
|
|
.advertising-container { position: relative; height: 400px; overflow: hidden; }
|
|
#featured { width: 980px; height: 400px; background: #FFF url('/js/orbit/orbit/1-0.gif') no-repeat 350px center; overflow: hidden; border-radius: 4px 4px 0 0; }
|
|
#featured img { width:980px; height:397px; border-radius:4px; }
|
|
#featured>img, #featured>div, #featured>a { display: none; }
|
|
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }
|
|
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden }
|
|
div.orbit>img { position: absolute; top: 0; left: 0; display: none; }
|
|
div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }
|
|
.orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
|
div.timer { display: none; width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; left: 10px; opacity: 0.6; cursor: pointer; z-index: 1001; }
|
|
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(/js/orbit/orbit/rotator-black.png) no-repeat; z-index: 3; }
|
|
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
|
|
span.rotator.move { left: 0 }
|
|
span.mask.move { width: 40px; left: 0; background: url(/js/orbit/orbit/timer-black.png) repeat 0 0; }
|
|
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(/js/orbit/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; }
|
|
span.pause.active { background: url(/js/orbit/orbit/pause-black.png) no-repeat 0 -40px }
|
|
div.timer:hover span.pause, span.pause.active { opacity: 1 }
|
|
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
|
|
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, .6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; }
|
|
div.slider-nav { display: block }
|
|
div.slider-nav span { display: none; width: 88px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; bottom: 15px; margin-top: -50px; cursor: pointer; }
|
|
div.slider-nav span.right { width: 88px; height: 88px; background: url("https://data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png") no-repeat scroll 0 -422px transparent; right: 290px; }
|
|
div.slider-nav span.left { width: 88px; height: 88px; background: url("https://data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png") no-repeat scroll 0 -560px transparent; left: 10px; }
|
|
.bullets { position: absolute; z-index: 1000; list-style: none; bottom: 20px; left: 36%; /*50*/ margin-left: -50px; padding: 0; }
|
|
.bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(/js/orbit/orbit/bullets.png) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }
|
|
.bullets li.active { color: #222; background-position: -8px 0; }
|
|
|
|
/* AU-headmaster-case */
|
|
|
|
.AuSchoolInfo { position: relative; text-align: center; }
|
|
.AuSchoolInfo_in { position:absolute; z-index:10; top:10px; left:480px; }
|
|
.AuSchoolInfo { background: url(/partner/css/images/bg-vy.png) no-repeat; width: 600px; height: 230px; display: block; padding-bottom: 0; padding-left: 350px; padding-right: 45px; padding-top: 15px; }
|
|
|
|
.AuTrip { width: auto; height: 550px }
|
|
.trip { float: left; width: 275px; hrigh: 460px; margin: 20px 24px; border:1px; border-color:#999; border-radius:4px;}
|
|
.TourMap { border: 0; border-radius:4px; }
|
|
.TourRoute {margin:10px; text-align: center;}
|
|
.quoteBefore { background:url(https://data.chinahighlights.com/css/images/tour/family/quote-start.png) no-repeat; width:14px; height:16px; display: inline-block; margin: 0 5px 0 0; }
|
|
.quoteEnd { background:url(https://data.chinahighlights.com/css/images/tour/family/quote-end.png) no-repeat; width:15px; height:15px; display: inline-block; margin: 0 0 0 5px; }
|
|
|
|
.trip .caseDetail { display: block; width:auto; position:absolute; bottom:-610px; }
|
|
|
|
.TopSellers { width:100%; }
|
|
.TopSellers ul { list-style:none; width:100%; margin:10px 0; float:left; border-bottom:1px solid #CCC; }
|
|
.TopSellers ul img { width:280px; height:120px; border:none; float:left; border-radius:4px; margin: 10px 20px}
|
|
.TopSellers ul img.moredetail { width:177px; height:32px; margin:10px 280px 0 0; display:inline; float:right; }
|
|
.TopSellers ul li { width:650px; float:right; line-height:150%; color:#545454; }
|
|
.TopSellers ul li.routetitle { font-size:16px; display: block; margin-bottom:5px; }
|
|
.TopSellers ul li.routetitle a { text-decoration: none}
|
|
|
|
ul.boxa { list-style:none; margin-top:-5px; padding-top:5px; float:left; width:100%; }
|
|
ul.boxa li { width:210px; padding:10px; float:left; margin:1px; text-align:center; }
|
|
ul.boxa li span { width:226px; float:left; margin:-3px 0 0 0; padding:10px 0; }
|
|
ul.boxa li img { border:1px solid #F0F0F0; width:208px; height:152px; border-radius:4px; }
|
|
ul.boxa li a { color:#000; }
|
|
ul.boxa li a:hover img, ul.boxa li a:hover span { background:#F0F0F0; text-decoration:underline; }
|
|
ul.boxa li.group { width:160px; float:left; margin:8px; padding:0; }
|
|
ul.boxa li.group img { width:158px; height:118px; border-radius:4px; }
|
|
ul.boxa li.group span { width:168px; } |