@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(/pic/right-arrow.png) no-repeat left 3px; padding-left:20px;} @media (min-width:768px) { img { border-radius:6px } } #homeSlideshow { background:url(http://data.chinahighlights.com/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(http://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("/pic/comma-a.gif") no-repeat scroll left top; } .ContactInformation { background: rgba(0, 0, 0, 0) url("/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;} }