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.
295 lines
29 KiB
CSS
295 lines
29 KiB
CSS
/* for menu selected */
|
|
#mainMenu ul.chNav li.destinations.active { background: url(https://data.chinahighlights.com/css/images/global/bg-nav-hover.png) repeat-x bottom !important; border-radius: 5px 5px 0 0; margin-top: -9px; padding-top: 15px; }
|
|
/*Great Wall 页面基本元素*/
|
|
h1 { font-size: 22px; margin: 18px 0px 10px 0px; color: #545454; border-bottom: #D2D2D2 1px solid; padding: 0px 0px 2px 5px; }
|
|
@media(min-width:1000px) {
|
|
#contentRight .Pic { float: right; margin: 0 0 5px 10px; padding: 5px 0 10px; width: 300px; overflow: hidden; }
|
|
}
|
|
#contentRight .Pic { border-bottom: 1px dotted #D1D1D1; display: block; font-style: italic; margin-bottom: 10px; padding: 5px 0 10px; }
|
|
#contentRight .Pic img { clear: both; display: block; margin-bottom: 8px; border-radius: 4px; }
|
|
#contentMiddle h2 { font-size: 18px; color: #545454; border-bottom: 1px solid #d2d2d2; padding: 20px 0px 0px 0px; }
|
|
#contentMiddle h3 { font-size: 14px; border-bottom: none; margin-top: 15px; }
|
|
.topBanner { margin: 10px 0 25px 0; position: relative }
|
|
.topBanner .bannerText { bottom: 75%;
|
|
position: absolute;
|
|
right: -55px;
|
|
text-align: right; }
|
|
.topBanner .gwFacts { background: url(/image/greatwall/gw-facts.png) no-repeat; height: 97px; position: absolute; bottom: -12px; left: 0 }
|
|
.topBanner .gwFacts a.howlong { display: block; width: 196px; height: 80px; float: left }
|
|
.topBanner .gwFacts a.howlong:hover { background: url(/image/greatwall/gw-facts-hover.png) no-repeat; }
|
|
.topBanner .gwFacts a.whobuild { display: block; width: 196px; height: 80px; float: left }
|
|
.topBanner .gwFacts a.whobuild:hover { background: url(/image/greatwall/gw-facts-hover.png) no-repeat -196px 0; }
|
|
.topBanner .gwFacts a.protection { display: block; width: 196px; height: 80px; float: left }
|
|
.topBanner .gwFacts a.protection:hover { background: url(/image/greatwall/gw-facts-hover.png) no-repeat -392px 0; }
|
|
.topBanner .gwFacts a.whichvip { display: block; width: 196px; height: 80px; float: left }
|
|
.topBanner .gwFacts a.whichvip:hover { background: url(/image/greatwall/gw-facts-hover.png) no-repeat -588px 0; }
|
|
.topBanner .gwFacts a.besttime { display: block; width: 196px; height: 80px; float: left }
|
|
.topBanner .gwFacts a.besttime:hover { background: url(/image/greatwall/gw-facts-hover.png) no-repeat -784px 0; }
|
|
/*------以下是sideBar样式-------*/
|
|
#sideBar p { display: block; margin-bottom: 10px; }
|
|
#sideBar .navLeft { margin: 0 0 20px 0; padding: 0; border-top-width: 5px; border-top-style: solid; border-top-color: #A31022; }
|
|
#sideBar .navLeft ul { position: static; margin: 0; padding: 0; }
|
|
#sideBar .navLeft li { list-style: none; margin: 0; padding: 0; background: #fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; line-height: 20px; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc; position: relative; display: block; }
|
|
#sideBar .navLeft li ul { margin-left: 10px; }
|
|
#sideBar .navLeft a { padding: 5px 0 5px 20px; display: block; font-size: 11px; font-weight: bold; }
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited, #sideBar .navLeft a:hover, #sideBar .navLeft a:active { text-decoration: none; cursor: pointer }
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited { color: #a1a1a1 }
|
|
#sideBar .navLeft a:hover { color: #A31022; background-color: #f4f4f4; background: url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 10px 50px #;
|
|
}
|
|
#sideBar .navLeft li.active a:link, #sideBar .navLeft li.active a:visited, #sideBar .navLeft li.active a:hover, #sideBar .navLeft li.active a:active { color: #A31022; background-color: #f4f4f4; }
|
|
#sideBar .navLeft li a:hover { color: #f4f4f4; background-color: #A31022; }
|
|
#sideBar p.leftimg { margin-bottom: 15px; }
|
|
#sideBar .topPicks { border-top-width: 5px; border-top-style: solid; border-top-color: #A31022; border-bottom: 1px solid #DFDEDB; overflow: hidden; padding: 5px 0 5px 4px; width: auto; }
|
|
.greatwallTitle { font-size: 15px; text-transform: none; padding: 0; font-weight: bold; margin: 0 0 5px 0; }
|
|
#sideBar .topPicks h2 { font-size: 15px; text-transform: none; padding: 0; }
|
|
#sideBar .topPicks h3 { font-size: 11px; color: #444; border-bottom: none; }
|
|
.topPicks span { color: #7D7D74; font-size: 18px; font-weight: bold; padding-right: 5px; }
|
|
#sideBar .topPicks ul li { list-style: none; }
|
|
#sideBar .topPicks li { padding: 3px 0; }
|
|
#sideBar .topPicks li p { color: #7D7D72; font-size: 11px; margin-bottom: 0.5em !important; margin-top: 0 !important; font-style: italic; }
|
|
#sideBar .facts { border: 1px solid #e8e8e8; padding: 5px 0 5px 4px; background: #f9f9f9; width: auto; margin: 0 0 10px 0; border-radius: 4px; }
|
|
#sideBar .facts h2 { font-size: 15px; text-transform: none; padding: 0; }
|
|
#sideBar .facts ul { list-style: none; margin: 0; padding: 0; }
|
|
#sideBar .facts ul li { font-size: 11px; color: #666; line-height: 14px; margin-bottom: 7px; list-style-image: url(https://data.chinahighlights.com/css/images/arrow-gray.gif); margin-left: 12px; }
|
|
/*------以下是ContentMiddle正文样式-------*/
|
|
.videoArea { width: 250px; margin: 0 5px; float: right; font-size: 11px; color: #666; line-height: 14px; }
|
|
.videoArea2 { width: 400px; margin: 0 5px; font-size: 11px; color: #666; line-height: 14px; }
|
|
.photoArea { width: auto; margin: 0 5px; float: right; font-size: 11px; color: #666; line-height: 14px; }
|
|
.factsBox { margin-bottom: 15px; padding: 5px; border: 1px solid #a1a1a1; border-radius: 4px; background: #f7f7f7; }
|
|
.factsBox.last { margin-right: 0!important; float: right; }
|
|
.factsBoxRight { margin-left: 10px; padding: 5px; border: 1px solid #a1a1a1; float: right; width: 320px; -moz-border-radius: 5px; background: #f7f7f7; }
|
|
.factsBox h2, .factsBoxRight h2 { padding: 5px 0; }
|
|
.factsBox a, .factsBoxRight a { text-decoration: underline; color: #666; }
|
|
.factsBox a:hover, .factsBoxRight a:hover { text-decoration: none; color: #a31022; }
|
|
.factsBox ul, .factsBox dl, .factsBoxRight ul, .factsBoxRight dl { margin: 0; }
|
|
.factsBox ul li, .factsBoxRight ul li { list-style: none; color: #888; list-style-image: url(https://data.chinahighlights.com/css/images/drop-2.GIF); line-height: 16px; margin-left: 15px; margin-bottom: 15px; }
|
|
.factsBox ul li a, .factsBoxRight ul li a { color: #555; }
|
|
.factsBox ul li a:hover, .factsBoxRight ul li a:hover { color: #a31022; text-decoration: none }
|
|
.factsBox dl dt, .factsBoxRight dl dt { background: url(https://data.chinahighlights.com/css/images/shopping.gif) no-repeat 4px left; padding-left: 16px; margin-top: 5px; line-height: 16px; font-size: 12px; color: #a31022; }
|
|
.factsBox dl dt a, .factsBoxRight dl dt a { background: url(https://data.chinahighlights.com/css/images/shopping.gif) no-repeat 4px left; }
|
|
.factsBox dl dd, .factsBoxRight dl dd { font-size: 11px; font-style: italic; color: #7d7d7d; margin-bottom: 15px; padding-left: 16px; }
|
|
.factsBox dl dd a { text-decoration: none; }
|
|
#content #contentMiddle .factsBox h2.tour, #content #contentMiddle .factsBoxRight h2.tour { background: url(/image/greatwall/bg-tour.png) no-repeat top left; padding-left: 65px; }
|
|
#content #contentMiddle .factsBox h2.facts { background: url(/image/greatwall/bg-facts.png) no-repeat top left; padding-left: 65px; }
|
|
#content #contentMiddle .factsBox h2.tour a, #content #contentMiddle .factsBox h2.facts a { text-decoration: none; }
|
|
.historyCultureOut { margin: 10px 0 20px; color: #5a5a5a; background: #f1f1f1; padding: 8px; position: relative; -moz-border-radius: 5px 5px 5px 5px; display: table; width: 100%; border-radius: 4px; }
|
|
#content #contentMiddle .historyCultureOut h2 { height: auto; margin: 0; padding: 5px 0 5px 0; border: none; color: #666; }
|
|
.historyCulture { margin: 0 }
|
|
.historyCulture ul { margin: 0 0 0 25px; padding: 0; }
|
|
.historyCulture ul li { list-style-image: url(https://data.chinahighlights.com/css/images/arrow-6.gif); line-height: 18px; margin-bottom: 5px; list-style-type: none; }
|
|
.historyCulture ul li a { color: #666; }
|
|
.historyCulture ul li a:hover { color: #a31022; text-decoration: none; }
|
|
.historyBox { padding-right: 10px; border-right: 1px solid #d1d1d1; }
|
|
.cultureBox { margin: 5px 0 0; }
|
|
#content .cultureBox ul li h3 { font-size: 12px; font-weight: normal; }
|
|
#content .cultureBox ul li p { font-size: 11px; color: #7D7D72; font-style: italic; line-height: 14px; }
|
|
.greatwallPhoto { margin: 5px; float: left; }
|
|
.greatwallPhoto img { border: 1px solid #555; }
|
|
.greatwallPhotoRight { margin: 5px; float: right; }
|
|
.greatwallPhotoRight img { border: 1px solid #555; }
|
|
.customercomment { width: auto; margin-top: 15px; }
|
|
.customercomment .commentNum { background: #8c8c8c; position: relative; padding: 5px 0 5px 10px; }
|
|
.customercomment .commentList { margin-top: 15px; }
|
|
.customercomment .commentNum .say { width: 34px; height: 10px; position: absolute; background: url(https://data.chinahighlights.com/css/images/photo/bg-comment.gif) no-repeat bottom; left: 10px; top: 28px; z-index: 9999 }
|
|
.customercomment .commentNum h5 { font-size: 16px; color: #FFF; font-weight: 100; }
|
|
.customer { color: #6B6B6B; margin: 0 0 5px; }
|
|
.customer span { color: #C6162B; }
|
|
.citiesList { list-style: none; margin-left: 5px; }
|
|
.sectionListPhoto { float: left; width: 120px; padding: 0px; margin: 0 10px 10px 0; }
|
|
.sectionListPhoto img { border: 1px solid #444; }
|
|
/* 页面底部基本元素*/
|
|
|
|
.greatwall1 { width: 98%; margin: 20px 0 10px 0; }
|
|
.greatwall1 .greatwallRecom { width: 150px; margin: 10px 10px 10px 0; float: left; }
|
|
.greatwall1 h2 { padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: none; margin-bottom: 6px; padding-left: 15px; }
|
|
.greatwall1 h2 a { text-decoration: none; border-bottom: 1px dashed #999; font-size: 15px; font-weight: bold; }
|
|
.greatwall1 h2 a:hover { text-decoration: none; border-bottom: 1px solid #999; }
|
|
.greatwall1 p { font-size: 12px; color: #6b6b6b; margin-bottom: 12px; }
|
|
.greatwall2 { width: 185px; float: right; margin-right: 15px; }
|
|
.greatwall3 { float: left; width: 430px; padding-bottom: 5px; margin-bottom: 8px; }
|
|
.greatwall3 ul { list-style: none; padding: 0px; margin: 0px; border-bottom: #CCC 1px dashed; padding-bottom: 3px; margin-bottom: 8px; }
|
|
.greatwall3 ul li { color: #6b6b6b; font-size: 11px; line-height: 16px; margin-bottom: 5px; }
|
|
.greatwall3 ul li a { color: #6b6b6b; font-weight: bold; text-decoration: underline; }
|
|
.greatwall3 ul li a:hover { color: #CCC; }
|
|
.greatwallWord1 { font-weight: bold; }
|
|
.greatwallWord2 { color: #a31022; font-weight: bold; font-size: 14px; }
|
|
.greatwallWord3 { color: #a31022; font-weight: bold; font-size: 11px; }
|
|
#content .custom { float: right; text-align: right; background: url(https://data.chinahighlights.com/pic/gtw-icon.gif) left no-repeat; padding: 10px; width: 190px; font-style: italic; margin-top: -5px; }
|
|
#content .custom a { color: #fc0000; }
|
|
#content .custom a:hover { color: #999; }
|
|
.greatwallout { width: 452px; background: #f1f1f1; border: 1px solid #d1d1d1; -moz-border-radius: 4px; }
|
|
.greatwallout h3 { font-size: 16px; color: #A31022; background-image: url(/image/greatwall/bg-4.GIF); background-position: top; background-repeat: no-repeat; padding: 0px; margin: 0px; border-bottom: none; padding-left: 15px; padding-top: 8px; }
|
|
.greatwallout p { margin: 5px 15px 5px 15px; font-size: 11px; color: #6b6b6b; }
|
|
.greatwallout1 { width: 452px; height: 7px; background-image: url(/image/greatwall/bg-5.GIF); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; }
|
|
.greatwallWord1 { font-weight: bold; }
|
|
.greatwallWord2 { color: #a31022; font-weight: bold; font-size: 14px; }
|
|
.greatwallWord3 { color: #a31022; font-weight: bold; font-size: 11px; }
|
|
.topTen { width: 340px; float: left; -moz-border-radius: 6px 6px 6px 6px; background-color: #D7D7D7; margin-right: 10px; margin-top: 15px; padding-bottom: 8px; position: relative; }
|
|
.topTen .topTenGreat { width: 69px; height: 69px; background: url(/image/greatwall/new/top.png); position: absolute; left: 275px; top: -15px; }
|
|
.topTenIn { width: 320px; float: left; -moz-border-radius: 6px 6px 6px 6px; background-color: #fff; margin: 8px 0 0 10px; background-image: url(/image/greatwall/new/img-3.png); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 5px; }
|
|
#contentMiddle h2.gwtitle { font-size: 14px; margin: 8px 0 5px 10px; padding: 0px 0 5px 15px; background: url(https://data.chinahighlights.com/pic/icon-red.gif) no-repeat left 5px; border: none; text-align: left; }
|
|
.topTenIn ol { padding: 0px; margin: 10px 5px 0 33px; }
|
|
.topTenIn ol li { color: #900; font-weight: bold; font-size: 11px; line-height: 18px; border-bottom: #C1C1C1 1px dashed; padding-bottom: 4px; margin-top: 4px; }
|
|
.topTenIn ol li a { color: #000; }
|
|
.topTenIn2 { font-weight: normal; color: #000; }
|
|
.greatWall4 { width: 350px; float: left; margin: 15px 6px 0 6px; -moz-border-radius: 6px 6px 6px 6px; border: #d1d1d1 1px solid; padding-bottom: 5px; }
|
|
.greatWall4 h4 { font-size: 14px; margin: 8px 0 0 10px; padding-left: 12px; background: url(https://data.chinahighlights.com/pic/icon-red.gif) no-repeat left 6px; margin-bottom: 12px; }
|
|
.greatWall4 p { padding: 0px; margin: 0 10px 0 15px; }
|
|
.greatWall4 ul { padding: 0px; margin: 0 10px 0 10px; list-style: none; margin-bottom: 10px; }
|
|
.greatWall4 ul li { font-size: 11px; line-height: 18px; border-bottom: #CCC 1px dashed; padding: 5px 0 5px 6px; }
|
|
.greatWall4 ul li a { font-weight: bold; }
|
|
.greatWallWord { color: #999; font-size: 11px; display: block; width: 307px; margin: 5px 0 0 10px; }
|
|
.greatwallP { width: 312px; margin-left: 19px; margin-bottom: 10px; }
|
|
.greatwallP table { width: 312px; margin: 5px 0 0 0; }
|
|
.greatWall5 { width: 698px; -moz-border-radius: 6px 6px 6px 6px; border: #d1d1d1 1px solid; margin: 15px 0 0 6px; padding-left: 6px; padding-right: 6px; }
|
|
.greatWall5 h4 { font-size: 16px; border-bottom: #d1d1d1 1px solid; margin: 8px 5px 15px 0; padding: 0 0 5px 5px; }
|
|
.tips { background: #f1f1f1; border-left: 4px solid #a31022; padding: 8px 8px 0 8px; margin: 8px 0; }
|
|
ul.drop1 { list-style: none; padding: 0px; margin: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #545454; }
|
|
ul.drop1 { margin: 0px 0px 20px 7px; }
|
|
ul.drop1 li, #content ul.dropLeft li { line-height: 18px; margin-bottom: 6px; background: url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat 0px 4px; list-style: none; }
|
|
ul.drop1 li a, ul.dropLeft li a { color: #545454; }
|
|
ul.drop1 li a.underline { color: #545454; }
|
|
ul.drop1 li a:hover, ul.dropLeft li a:hover { color: #a03; }
|
|
/* footer update by Mercier @ 20110307 */
|
|
.adsGroup { margin: 5px auto 15px auto; width: 950px; }
|
|
.adsGroup img { margin-right: 20px; }
|
|
/* like us on facebook */
|
|
.fbLike { float: right; padding: 10px; width: 250px; font-style: italic; margin-top: 5px; color: #3B5998; }
|
|
.fbLike a { color: #3B5998!important; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; }
|
|
.flights2China { margin: 15px 0; position: relative }
|
|
.closeAds { position: absolute; right: 5px; top: 5px; display: block; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 15px; background: #fff; color: #000; padding: 0 5px; }
|
|
.closeAds:hover { background: #d1d1d1; }
|
|
ul.gwList { margin: 10px 0; }
|
|
ul.gwList li { list-style: none; line-height: 18px; margin-bottom: 8px; background: url(https://data.chinahighlights.com/pic/red-dot.png) no-repeat left 5px; padding-left: 15px; }
|
|
.photoRight { display: block; float: right; margin: 0 0 5px 10px; }
|
|
/* for great wall travel page */
|
|
.gwtourBox { margin: 10px 0; border-top: 3px solid #d1d1d1; padding: 10px 0; }
|
|
.gwtourBox .gwTours h3 { font-size: 20px!important; color: #1c639a; margin: 0 0 8px 0!important; font-weight: normal; }
|
|
.gwtourBox .gwTours { float: left; width: 430px; }
|
|
.gwtourBox .gwTours ul { margin-left: 5px; }
|
|
.gwtourBox .gwTours ul li { list-style: none; background: url(https://data.chinahighlights.com/pic/square-gray.gif) no-repeat left 6px; border-bottom: 1px solid #d1d1d1; line-height: 18px; margin-bottom: 8px; padding: 0 0 8px 15px; }
|
|
.gwtourBox .gwTours ul li a { text-decoration: none; font-size: 15px; margin-right: 10px; }
|
|
.gwtourBox .gwTours ul li a:hover { text-decoration: underline!important; }
|
|
.gwtourBox .gwTours ul li:hover { background: url(https://data.chinahighlights.com/pic/square-red.gif) no-repeat left 6px; }
|
|
.gwtourBox .picRight { float: right; width: 290px; text-align: right; margin-bottom: 10px; }
|
|
.gwtourBox .moreTours { float: right; width: 265px; padding-left: 25px; }
|
|
.redPrice { color: #a31022; font-size: 12px!important; font-weight: bold; }
|
|
/* ----- */
|
|
@media(min-width:1000px) {
|
|
.videoRight { float: right; width: 300px; margin: 0 0 5px 10px; }
|
|
.embed-responsive.embed-responsive-4by3 { padding-bottom: 57%; }
|
|
}
|
|
.videoRight { display: block; }
|
|
.photoStyleIn { display: block; width: 100%; margin: 0 20px 20px 0; padding: 5px; border: 1px solid #d1d1d1; box-shadow: 0 0 4px #999; }
|
|
.photoStyleIn img { width: 100%; margin-bottom: 10px; }
|
|
/* ta rating style */
|
|
.taReviews { border: 1px solid #d1d1d1; padding: 2px; border-radius: 4px; margin-top: 10px; float: left; }
|
|
#taRtng { font-size: 11px; color: #545454; float: right; }
|
|
.taRtng { width: 250px; border-radius: 4px 4px 4px 4px; padding: 8px; border: 2px solid #68A253; display: block; margin: 0 0 5px 15px; }
|
|
#taRtng img { width: auto; }
|
|
#taRtng .cdsWrap { width: 100%; float: left; padding-bottom: 10px; }
|
|
#taRtng .cdsBadgeImage, .cdsBadgeContents { float: left; padding-right: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
|
|
#taRtng .overall em { position: relative; top: -4px; font-style: normal; left: 5px; }
|
|
#taRtng .cdsH18 { border-bottom: 2px solid #F4F5ED; margin: 11px 0 12px; padding: 0 0 1px; color: #09532D; font: 18px Arial, Tahoma, "Bitstream Vera Sans", sans-serif; }
|
|
#taRtng .cb { font: normal 12px Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; }
|
|
#taRtng .barRatingLine { width: 100%; padding-top: 2px; clear: both; }
|
|
#taRtng .barRatingText { width: 90px; font-style: normal; text-align: left; float: left; }
|
|
#taRtng .barRatingBkg { background-color: #e3e3e3; float: left; height: 12px; }
|
|
#taRtng .barRatingImg { background-color: #fabc18; height: 12px; }
|
|
#taRtng .barRatingTextGreen { color: #68A253; float: left; font-style: normal; margin-left: 5px; text-align: right; width: 20px; }
|
|
#taRtng .rsImg { float: left; }
|
|
.rmpic { display: none; }
|
|
/* great wall hiking */
|
|
#topTrips { display: block; border-top: 6px solid #a31022; background: none; padding-top: 110px; }
|
|
#topTrips .bgHiking { background-image: url(https://data.chinahighlights.com/css/images/greatwall/bg-hiking-left.png); background-repeat: no-repeat; background-position: left top; background-size:130%; height: 200px; padding-top: 30px; position: relative }
|
|
#topTrips .recommendTrips { width: 100%; margin: 0 auto; background: url(https://data.chinahighlights.com/css/images/greatwall/bg-trip.png) repeat-x; padding: 70px 0 30px 30px; border-radius: 4px; position: relative; }
|
|
#topTrips .recommendTrips .outdoor { position: absolute; top: -18px; right: 0; display: block; width: 311px; height: 86px; }
|
|
#topTrips .hikers { background-image: url(https://data.chinahighlights.com/css/images/greatwall/hikers-right.png); background-repeat: no-repeat; background-position: top; background-size:100%; display: block; width: 100px; height: 135px; position: absolute; bottom: 0; right: 0; }
|
|
@media(min-width:1000px) {
|
|
#topTrips {background: url(https://data.chinahighlights.com/css/images/greatwall/bg-hiking-top.png) repeat-x top !important; }
|
|
#topTrips .hikers {width: 262px !important; height: 355px !important;}
|
|
#topTrips .bgHiking { height:520px !important; background-size:100% !important;}
|
|
}
|
|
#topTrips .recommendTrips h1 { background: url(https://data.chinahighlights.com/css/images/greatwall/bg-h1.png) no-repeat; width: 358px; height: 70px; display: block; position: absolute; top: -10px; left: -25px; border-bottom: none; margin: 0; }
|
|
#topTrips .recommendTrips .tripList { float: left; width: 290px; position: relative; margin-right: 25px; }
|
|
#topTrips .recommendTrips .tripList img { border-radius: 4px 4px 0 0; }
|
|
#topTrips .recommendTrips .tripList .tripInfo { background: #fff; display: block; padding: 10px; position: relative; border-radius: 0 0 4px 4px; }
|
|
#topTrips .recommendTrips .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: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
|
|
#topTrips .recommendTrips .tripList .tripInfo .likeIt:hover { background: #a31022; }
|
|
#topTrips .recommendTrips .tripList .tripInfo .likeIt a { color: #fff; text-decoration: none; }
|
|
#topTrips .recommendTrips .tripList .tripName { background: url(https://data.chinahighlights.com/css/images/tour/detail/bg-opacity-30x68.png) repeat; padding: 5px; width: 100%; position: absolute; top: 0; left: 0; display: block; color: #fff; font-size: 15px; border-radius: 4px 4px 0 0; }
|
|
#topTrips .recommendTrips .tripList .duration { display: inline-block; color: #0c6197; font-size: 16px; margin: 0 10px 0 0; }
|
|
#topTrips .recommendTrips .tripList .difficulty { display: inline-block; font-size: 12px; }
|
|
#topTrips .recommendTrips .tripList .route { display: block; margin: 5px 0 10px 0; color: #a4a4a4; }
|
|
#topTrips .recommendTrips .tripList .route .arrow { background: url(https://data.chinahighlights.com/css/images/greatwall/arrow.png) no-repeat; width: 12px; height: 8px; display: inline-block; }
|
|
.tailorButton a, .view360 a { text-decoration: none; color: #fff; font-size: 15px; }
|
|
#contentBg { background: url(https://data.chinahighlights.com/css/images/greatwall/bg-maincontent.png) repeat; padding-top: 30px; }
|
|
#contentBg .crumbNav { font-size: 11px; width: 980px; margin: -10px auto 5px auto; color: #777; text-align:right }
|
|
#contentBg .crumbNav a { background-image: url(https://data.chinahighlights.com/css/images/arrow-navigate.gif); background-position: right 7px; background-repeat: no-repeat; color: #333; padding: 2px 8px 4px 5px; text-decoration: underline; margin-right: 5px; }
|
|
#contentBg #content { background: url(https://data.chinahighlights.com/css/images/greatwall/bg-maincontent.png) repeat; }
|
|
h2 { color: #0c6197; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; margin: 0 0 10px 0; }
|
|
.hikingSummary h3 { color: #0c6197; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; margin:25px 0 5px; }
|
|
.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; }
|
|
.hikingSummary p { font-size: 14px; line-height: 22px; margin: 0 0 15px 28px; }
|
|
.hikingSummary p.noMargin { margin-left: 0 }
|
|
.tourGuide .guideTitle { color: #0c6197; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; display: block; margin: 0 0 10px 0; }
|
|
.tourGuide .guideInfo { display: block; margin-bottom: 15px; }
|
|
.guideInfo .iconLeft { margin-top: 10px; }
|
|
.guideInfo .iconLeft img { border-radius: 6px; width: 100%; }
|
|
.tourGuide .guideInfo p { line-height: 18px; margin-bottom: 0; }
|
|
.guideInfo .guideIntro .guideName { color: #0c6197; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; margin: 0 0 5px 0; }
|
|
.tourLeft .tourList { margin-bottom: 20px; display: table }
|
|
.tourLeft .tourList .tourPhoto { position:relative;}
|
|
.tourLeft .tourList .tourPhoto .free { display: block; background:#a31022 none repeat scroll 0 0; padding: 4px 8px; position:absolute; left:0px; top:15px; box-shadow: 0 2px 10px #000;
|
|
color: #fff; border-radius: 0 4px 4px 0; right:230px; font-size:15px;}
|
|
.tourLeft .tourList .tourPhoto img { border-radius: 6px; width: 100%; margin-bottom: 10px; }
|
|
.tourLeft .tourList .tourPhoto .photoTitle { color: #0c6197; font-size: 17px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; margin: 0 0 10px 0 }
|
|
.tourLeft .tourList .tourPic img { width: 263px; height: 163px; }
|
|
.tourLeft .tourList .tourTitle { color: #0c6197; font-size: 17px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; margin: 0 0 15px 0; }
|
|
.tourLeft .tourList .tourSummary .tourInfo { border: 1px solid #d1d1d1; background: #fff; border-radius: 6px; padding: 10px 10px 30px; position: relative; }
|
|
.tourLeft .tourList .tourSummary .tourInfo .viewMore { 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; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-radius: 4px; color: #fff; cursor: pointer; position: absolute; bottom: 10px; right: 15px; }
|
|
.tourLeft .tourList .tourSummary .tourInfo .viewMore:hover { background: #a31022; }
|
|
.tourLeft .tourList .tourSummary .tourInfo .viewMore a { color: #fff; text-decoration: none }
|
|
.joinaHike { width: 100%; background: #fff; border-radius: 6px; padding: 10px 20px 30px 20px; color: #333; margin: 30px 0; position: relative; border:2px solid #a31022; }
|
|
.joinaHike .arrowLeft { display: block; background: #a31022; width: 50px; height: 40px; position: absolute; top: 50px; left: -50px; border-radius: 6px 0 0 6px; color:#fff; font-size:195%; text-align:center; }
|
|
.joinaHike .hikingTitle { display: block; font-size: 20px; margin: 0 0 8px 0; }
|
|
.joinaHike input { background: #fff; border: 1px solid #999; padding: 6px 5px; border-radius: 4px; font-size:14px; display: inline; color:#555;}
|
|
input.tourDays { width: 50px; }
|
|
.joinaHike input.contactInfo { width: 96%; margin-bottom: 10px; }
|
|
.joinaHike input.calendarIcon { background: url("https://data.chinahighlights.com/css/images/calender.GIF") no-repeat scroll 98% 7px #fff;}
|
|
@media(max-width:750px){
|
|
.joinaHike input.calendarIcon { width:250px !important; height:35px; display: block !important; padding:5px !important;}
|
|
}
|
|
.joinaHike textarea { border: 1px solid #999; background: #fff; border-radius: 4px; padding: 5px; height: 100px; width: 96%; line-height: 16px; font-size: 14px; color:#555 }
|
|
.joinaHike textarea:hover { background:#f9f9f9;}
|
|
.questionTitle { display: block; font-size: 15px; margin: 20px 0 10px -5px; color:#666; }
|
|
input.sendInquiry { background: #a31022; cursor: pointer; padding: 8px; font-size: 16px; border: none; color: #fff; display: block; margin: 15px 0 0; text-align: center; width: 96%; border-radius: 4px; text-shadow: 0 0 2px #000 }
|
|
.joinaHike label {font-size:12px; margin-right: 5px; font-weight: normal; }
|
|
.joinaHike input[type="checkbox"], .joinaHike input[type="radio"] { vertical-align: middle; margin: -3px 5px 0; }
|
|
.joinaHike .selectBox { display: block; margin-left: 15px; }
|
|
.joinaHike .flexibility { display: block; margin-top: 8px }
|
|
.joinaHike select { width: 46%; display: inline-block; margin-right: 5px; border: 1px solid #999; border-radius: 4px; background: #fff; color: #555; font-size:14px; padding:6px 5px; }
|
|
.joinaHike select option { margin-left:5px;}
|
|
.joinaHike sup { color:#a31022; font-size:13px;}
|
|
.required { border: 2px dashed #a31022 }
|
|
.qaBox1 { border: 1px solid #d1d1d1; background: #fff; border-radius: 6px; padding: 15px; margin-right: 17px; margin-bottom: 20px; }
|
|
.qaBox2 { border: 1px solid #d1d1d1; background: #fff; border-radius: 6px; padding: 15px; margin-right: 19px; margin-bottom: 20px; }
|
|
.qaBox3 { border: 1px solid #d1d1d1; background: #fff; border-radius: 6px; padding: 15px; margin-bottom: 20px; position: relative }
|
|
.qaBox3 .arrowLeft { display: block; background: url(https://data.chinahighlights.com/css/images/greatwall/arrow-blue-20x14.png) no-repeat 5px 10px #fff; width: 50px; height: 40px; position: absolute; bottom: 20px; left: -50px; border-radius: 6px 0 0 6px; }
|
|
.qaBox3 .goNext { text-align: center; background: url(https://data.chinahighlights.com/css/images/greatwall/white-arrow.png) no-repeat right #a31022; background: -moz-linear-gradient(center top, #999 0%, #888 50%, #777 100%) repeat; background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777)); padding: 5px 10px 7px 10px; border-radius: 4px; color: #fff; cursor: pointer; display: block; width: 150px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; position: absolute; bottom: 25px; left: 50px; }
|
|
.qaTitle { color: #0c6197; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; padding: 2px 0 2px 0; margin-bottom: 10px; display: block; }
|
|
.proPhoto { margin: 10px 0 25px 0; display: block; position: relative; }
|
|
.proPhoto img { margin-bottom: 10px; width: 980px; }
|
|
.proPhoto .photoParameter { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; }
|
|
#footer { margin-top: 0 }
|
|
.panarama { display: block; text-align: center; margin: -5px 0 20px 0; background: url(https://data.chinahighlights.com/css/images/greatwall/border-white.png) no-repeat center bottom; padding-bottom: 5px; }
|
|
.panarama a { text-decoration: none; font-size: 14px; }
|
|
.shareTO { display: block; background: url(https://data.chinahighlights.com/pic/fb-icon.jpg) no-repeat 0 12px; padding-left: 22px; float: right; width: 230px; }
|
|
.shareTO a { color: #3B5998; font-size: 16px; font-weight: normal; }
|
|
.photography { margin-bottom: 20px; }
|
|
.photography img { border: 1px solid #fff; }
|
|
/* fixed main menu */
|
|
#header { position: fixed !important; z-index: 9999; top: 0; width: 100%;}
|
|
@media(max-width:758px) {
|
|
#topTrips { padding-top: 0 !important;}
|
|
} |