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.
185 lines
11 KiB
CSS
185 lines
11 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
h2 { font-size:20px; padding-left:10px; margin-bottom:15px; background:#f1f1f1; color:#777; border-radius:4px; padding:7px 0 8px 5px; }
|
|
h3 { font-size:16px; margin-bottom:10px; background:url(https://data.chinahighlights.com/pic/right-arrow.png) no-repeat left 3px; padding-left:20px;}
|
|
@media (min-width:768px) {
|
|
img { border-radius:6px }
|
|
}
|
|
#homeSlideshow { background:url(/js/orbit/orbit/1-0.gif) no-repeat center center; margin-top:15px; margin-bottom:25px; }
|
|
#homeSlideshow .flexslider { position:relative }
|
|
#homeSlideshow .flexslider ul { padding:0; margin:0 }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a { width:88px; height:88px; margin:-20px 0 0; display:block; background:url(https://data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png) no-repeat 0 0; position:absolute; top:48%; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease; z-index:10 }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a:focus { outline:0 }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .flex-next { background-position:0 -422px; right:10px }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev { background-position:0 -560px; left:10px }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .disabled { opacity:.3!important; filter:alpha(opacity=30); cursor:default }
|
|
#homeSlideshow .flexslider ul.slides { zoom:1; position:relative }
|
|
#homeSlideshow .flexslider ul.slides>li { display:none; -webkit-backface-visibility:hidden; position:inherit!important }
|
|
#homeSlideshow .flexslider ul.slides>li img { width:100%;}
|
|
#homeSlideshow .flexslider ul.slides>li span { display: block; text-align:center; color:#fff; font-size:30px; text-shadow:2px 2px 1px #333; width:70%; font-weight:normal; text-decoration: none; position:absolute; top:7px; left:15%;}
|
|
#homeSlideshow .flexslider ul.slides>li span.visible-xs { font-size:14px;}
|
|
#homeSlideshow .flexslider ul.slides>img { width:100%; display:block }
|
|
#homeSlideshow .flexslider ul.slides:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
|
|
#homeSlideshow .flexslider ol { padding:0; margin:0 }
|
|
#homeSlideshow .flexslider ol.flex-control-nav { position:absolute; top:90%; left:45%; z-index:1000 }
|
|
#homeSlideshow .flexslider ol.flex-control-nav>li { margin:0 6px; display:inline-block; zoom:1 }
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a { width:11px; height:11px; display:block; cursor:pointer; text-indent:-9999px; background:#fff; border:1px solid #fff; border-radius:20px }
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a:hover { background:#a31022 }
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a.flex-active { background:#a31022 }
|
|
#homeSlideshow .flexslider:hover .flex-next { opacity:.8; right:5px }
|
|
#homeSlideshow .flexslider:hover .flex-next:hover { opacity:1 }
|
|
#homeSlideshow .flexslider:hover .flex-prev { opacity:.8; left:5px }
|
|
#homeSlideshow .flexslider:hover .flex-prev:hover { opacity:1 }
|
|
@media (max-width:768px) {
|
|
#homeSlideshow .flex-direction-nav { display:none!important }
|
|
}
|
|
/* ----- */
|
|
.tourRight { padding:10px; margin-bottom:15px; }
|
|
.superFans { margin-bottom:10px;}
|
|
.tourRight .rightTitle { display: block; margin:0 0 15px; font-size:18px; }
|
|
.rightPic { display: block; margin:15px auto; padding-top:10px;}
|
|
.rightPic .infoList { margin-bottom:15px; font-size:14px;}
|
|
.rightPic .infoList a { text-decoration: none;}
|
|
.infoList .col-md-15, .infoList .col-sm-15 { margin-left: -15px;}
|
|
|
|
/* top 10 tour */
|
|
.toptourList { padding:10px 0 0; position:relative; border-radius:4px; margin-bottom:15px;}
|
|
.toptourList .tagIcon { display: block; position:absolute; top:10px; left:10px; background:#a31022; padding:2px 8px 3px; text-align:center; color:#fff; border-radius:0 4px 4px 0; box-shadow:0 2px 10px #000;}
|
|
.listImg img { border-radius:4px; margin-bottom:10px;}
|
|
.toptourList .mainTitle { color:#0d548a; font-weight:normal; display:block; margin:-5px 0 8px; font-size:18px;}
|
|
.toptourList .mainTitle a { text-decoration: none;}
|
|
.toptourList .tourInfo { padding-bottom:20px;}
|
|
.toptourList .tourInfo .subTitle { font-size:15px; margin:0 0 5px 0; display:block }
|
|
.viewMore { display:block; text-align:right}
|
|
/* get TA rating */
|
|
.TAtitle { display: block; margin:10px 0 0; font-size:16px; color:#000 }
|
|
li#hroO2dB, li#A4g8q5ya { list-style: none !important; margin-bottom:10px;}
|
|
#CDSWIDSSP .widSSPData { width:100% !important; margin: 15px 0 !important; border-radius:4px!important; border: none !important; padding:0 !important}
|
|
#CDSWIDSSP .widSSPData .widSSPH18 { display: none !important;}
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd { width:auto !important}
|
|
#CDSWIDSSP { width:auto !important}
|
|
/* for submit */
|
|
#CDSWIDWRL { width:100% !important; max-width:275px !important;}
|
|
#CDSWIDWRL .widWRLData { border-radius:4px; max-height:inherit !important; margin: 15px 0 10px 0;}
|
|
#CDSWIDWRL .widWRLReview textarea { width:245px !important; height:120px !important; min-width:245px !important; max-height:inherit !important}
|
|
/* question box */
|
|
#questionBox { margin: 10px 0 15px; position: relative; border-radius:6px; background:#d1d1d1; padding:10px 20px; }
|
|
#questionBox .questionContent { display: block; padding: 10px 20px; background:#d1d1d1; border-radius:6px; }
|
|
#questionBox .interested { font-size: 26px; 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; margin: 22px 0 0 0; display: block; }
|
|
#questionBox .infoRequired input, textarea { width: 100%; font-size: 14px; font-family: Verdana, Geneva, sans-serif; padding: 10px; background-color: #fff; margin-bottom: 10px; border-radius: 4px; border: none; color:#333; box-shadow:0 0 2px #999 }
|
|
#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-shadow: 0 0 2px #000; text-align: center; border-radius: 4px; padding: 10px; 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: 10px; left: 10px; cursor: text; font-size: 14px; color: #777; }
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
#questionBox .infoRequired p select { padding-left: 10px 0 10px 5px; font-size: 14px; margin-bottom: 10px;}
|
|
/* 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; }
|
|
|
|
/* top faq */
|
|
.topFaqs { margin-bottom:15px;}
|
|
.questionTitle { display: block; font-size:15px; margin:5px 0 10px;}
|
|
.answerContent { display: block; padding-left:20px; color:#666}
|
|
.faqList span { font-size:16px; display: block; margin-bottom:5px;}
|
|
/* winter vacation */
|
|
@media(min-width:1000px) {
|
|
h2.categoryTitle { font-size: 28px !important; }
|
|
.tourRow h3 { height: 33px !important }
|
|
.tourRow h3.moreText { height: 60px !important; }
|
|
.tourRow p { height: 100px !important }
|
|
}
|
|
h2.categoryTitle { margin-top: 15px; margin-bottom: 20px; font-size: 20px; color: #444; padding:8px 10px; }
|
|
.tourRow { border: 1px solid #d1d1d1; margin-bottom: 30px; padding: 15px; border-radius: 4px; position: relative; overflow: hidden; opacity: 0.98; background: #f9f9f9 }
|
|
.tourRow h3 { font-size: 15px; color: #000; margin: 20px 0 20px; }
|
|
.tourRow h3.moreText { background: none !important; padding-left:0 !important;}
|
|
.tourRow p { color: #919191; }
|
|
.tourRow a { text-decoration: none; }
|
|
.tourRow:hover { border: 1px solid #a31022; opacity: 1; background: #fff; }
|
|
.tourRow .subTitle { color: #04679a; margin: 0 0 15px; display: block; border-bottom: 1px dotted #919191; padding-bottom: 2px; }
|
|
.tourRow .tourImg { margin: -15px -15px 0 }
|
|
.tourRow .tourImg img { width: 100%; border-radius: 4px 4px 0 0; border-bottom: 3px solid #a31022; }
|
|
.tagIcon { display: block; position: absolute; top: 10px; left: 0; background: #a31022; padding: 2px 8px 3px; text-align: center; color: #fff; border-radius: 0 4px 4px 0; box-shadow: 0 2px 10px #000; }
|
|
/* fixed main menu */
|
|
#header { position: fixed !important; z-index: 9999; width: 100%;}
|
|
#contentHead { padding-top: 110px;}
|
|
|
|
.tourRight {
|
|
|
|
|
|
margin-bottom: 15px;
|
|
padding: 10px;
|
|
}
|
|
.tourRight .rightTitle {
|
|
display: block;
|
|
font-size: 18px;
|
|
margin: 0 0 15px;
|
|
}
|
|
.AdvisorImage { padding:0;}
|
|
.AdvisorInfo { padding:0; }
|
|
ul.TravelAdvisor li.AdvisorName { color:#17509f; font-size:17px;}
|
|
ul.TravelAdvisor li.AdvisorEmail { color:#a40f22; }
|
|
ul.TravelAdvisor li.contactme { margin-top:20px;}
|
|
.AdvisorIntro { background:#f2f2f2; padding:15px 10px; border-radius: 4px; margin-top: 25px; }
|
|
.IntroArrow{ display:block; position:absolute; left: 60px;
|
|
top: 135px;}
|
|
.PandaArrow{ display:block; position:absolute; left: 60px;
|
|
top: 120px;}
|
|
.PhotoArrow{ display:block; position:absolute; left: 60px;
|
|
top: 150px;}
|
|
.NoraSayArrow { position:relative; left: -15px;
|
|
top: 70px;}
|
|
.noraSay { margin-top: 5px;
|
|
padding: 15px 40px 15px 20px;font-size:14px; line-height:25px; color:#777; background:#f2f2f2; position:absolute; left: 28px;
|
|
top: 0;}
|
|
.EmailRed { color:#a91c1c; background:none;}
|
|
.ContactMe { background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/pic/comma-a.gif") no-repeat scroll left top; }
|
|
.ContactInformation { background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/pic/comma-b.gif") no-repeat scroll right 75px; padding-left: 75px; padding-bottom: 17px;}
|
|
.peopic {
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
text-align: center;
|
|
|
|
}
|
|
.peopic img {
|
|
width:100%;
|
|
margin-bottom:5px;
|
|
}
|
|
.peopic span {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
width: 100%;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
}
|
|
.peopic span.tailname {
|
|
color: #025499;
|
|
font-size: 16px;
|
|
margin-top: 5px;
|
|
display: block;
|
|
}
|
|
.infoList { margin-bottom: 20px; font-size: 14px; overflow: hidden; padding-top: 10px; background: #f1f1f1; border-radius: 0 4px 4px 0; }
|
|
.infoList:hover { background: #d9d9d9; }
|
|
.infoList a { text-decoration: none; }
|
|
.infoList strong { font-weight: normal; }
|
|
.infoList img { width: 100px; margin-right: 10px; float: left; border-radius: 4px 0 0 4px; margin-top: -10px; }
|
|
.moreAbout { font-size: 18px; display: block; margin: 25px 0 15px; }
|
|
.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;
|
|
}
|
|
@media(max-width:750px) {
|
|
#contentHead { padding-top: 45px!important;}
|
|
} |