/*Great Wall 页面框架*/ body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#E4DBB4!important; } #wrapper { background:url(/image/greatwall/bg-greatwall1.gif) no-repeat top #e4dbb4; padding-bottom:20px; } * { margin:0px; padding:0px; } .clear { font-size:1px; height:1px; line-height:1px; clear:both; } #headerWrapper { margin:0 auto; height:450px;position:relative; background: url(/image/greatwall/bg-greatwall2.gif) no-repeat right 35px;_background:none;_height:250px; } #header { width:950px; margin:0 auto; position:relative; height:250px; background: url(/image/greatwall/bg-great-wall.gif) no-repeat center bottom; } #header #logo { width:221px; position:absolute; margin:40px 0 0 30px; } #header #name { width:500px; position:absolute; margin:100px 0 0 260px; } #header #topMenu { position:absolute; width:150px; height:30px; color:#825210; line-height:30px; padding:0 10px; right:0px; top:0px; background:url(/image/greatwall/bg-top-nav.gif) repeat-x; font-weight:bold; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; } #header #topMenu a { color:#825210; } #content { width:930px!important; margin:-225px auto 0 auto; background:#fff; position:relative; padding:10px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; _margin-top:0;} #contentHead { padding:0px 20px 0 0px; position:relative; } #contentHead #subNav { font-size:11px; color:#A31022; padding:5px 0px 3px 5px; position:relative; } #contentHead #subNav a { text-decoration:underline; background: url(https://data.chinahighlights.com/css/images/arrow-navigate.gif) no-repeat right 7px; padding:2px 8px 4px 5px; color:#444; } #contentHead #subNav a:hover { color:#a31022; text-decoration:none; } #contentHead #subNav a.moreCatagory:hover { color:#444; -moz-border-radius:2px; text-decoration:underline; background: url(https://data.chinahighlights.com/css/images/arrowDown.gif) no-repeat 95% 8px #f1f1f1; padding:2px 12px 4px 5px; border:1px solid #dfdfdf; } /*Great Wall 页面基本元素*/ h1 { font-size:22px; margin:18px 0px 10px 0px; color:#545454; border-bottom:#D2D2D2 1px solid; padding:0px 0px 2px 5px; } h2 { font-size:18px; font-weight: normal; border-bottom:1px solid #d1d1d1; padding-bottom:2px; margin: 0 0 10px 0; padding-top:5px; } #content a { color:#444; } #content a:hover { color:#a31022; text-decoration:none; } #contentMiddle { width:730px; float:right; margin-left:14px; } #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; } #contentMiddle .main { margin-right:5px; padding-bottom:15px; margin-bottom:20px; position: relative; width:480px; float:left; } #contentMiddle p { color:#555; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; line-height:18px; margin-bottom:10px; } /*------以下是sideBar样式-------*/ #sideBar { width:175px; padding-bottom: 40px; float: left; z-index:1000; } #sideBar p { display: block; margin-bottom:10px;} #sideBar h2 { font-size:14px; text-transform:uppercase; margin:5px 0px; display:block; line-height:18px; padding-left:8px; border-bottom:1px solid #ccc; color:#666; } #sideBar h4 a { color:#666; text-decoration:none; } #sideBar h3 { font-size:14px; color:#444; line-height:16px; border-bottom:1px solid #d1d1d1; } #sideBar .sideBar h4 a:hover { color:#a31022; } #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.subnav { position:relative; background: url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat right 50%; } #sideBar .navLeft li.subnav a:hover { color:#fff; background: url(https://data.chinahighlights.com/pic/white-arrow.gif) #A31022 no-repeat right 52%; } #sideBar .navLeft li.subnav:hover { border:1px solid #d1d1d1; width:190px; } #sideBar .subnavContent { height:auto; background:; margin:0; padding:0; position:relative; border: 1px solid #d1d1d1; } #sideBar .navLeft .subnavContent ul { margin: 0; padding:0; background: #fff; } #sideBar .subnavContent ul li { list-style: none; line-height: 18px; padding:0; margin-left:0; } #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; } #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:0 10px 10px 0; padding:5px; border:1px solid #a1a1a1; float:left; width:340px; height:380px; -moz-border-radius:5px; background:#f7f7f7; } .factsBox.last { margin-right:0!important;} .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; float:left; color:#5a5a5a; background:#f1f1f1; padding:8px; position:relative; -moz-border-radius:5px 5px 5px 5px; width: 704px; } #content #contentMiddle .historyCultureOut h2 { height:auto; margin:0; padding:5px 0 5px 0; border:none; color: #666; } .historyCulture { background:#fff url(/image/greatwall/history.jpg) no-repeat bottom right; padding:5px; border:1px solid #D1D1D1; } .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 { width:310px; float:left; margin:5px 10px 10px 5px; padding-right:10px; border-right:1px solid #d1d1d1; } .cultureBox { width:310px; margin:5px 0px 0px 0px; float:left; } #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; width:680px; padding:5px 0 5px 10px; } .customercomment .commentNum .say { width:34px; height:19px; position:absolute; background:url(https://data.chinahighlights.com/css/images/photo/bg-comment.gif) no-repeat; left: 16px; 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; } /* 页面底部基本元素*/ #footer { width:auto; clear:both; font-size:11px; color:#666; padding-top: 10px; padding-bottom: 10px; background-color: #fff; background-image: url(https://data.chinahighlights.com/css/images/china-highlights.gif); background-repeat: no-repeat; text-align: center; line-height:1.4em; background-position: 98% 45%; } #footer img { border:none; } #footer p { margin:0 0 5px 0; line-height:15px; } #footer a:link, #footer a:visited, #footer a:hover { color:#666666; border:none; } #footer a:hover { color:#a31022; text-decroration:none } .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; } /*--Bold Chat for the Footer--*/ #boldChat { width: 190px; position: fixed; bottom:0px; right: 50px; *left: 1000px; z-index: 1000; -margin-left: 1000px;_display:none; } #boldChat .fixedChat { width:203px; height: 19px; background:url(https://data.chinahighlights.com/css/images/bg-boldchat.gif) no-repeat; position:relative; padding-left: 28px; padding-top: 4px; color:#fff; margin-left:3px; } #boldChat .fixedChat a { text-decoration: none; color:#fff; } #boldChat .chatWindow { width:223px; height: 76px; position:relative; display: none; } #boldChat .chatWindow img { margin-right: 5px; } #boldChat .closeChat { display:none; width:20px; height:20px; position:absolute; top:10px; right:0px; cursor:pointer; } .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-left:8px; margin-bottom:6px; background:url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat 0px 4px; padding:0 0 0 10px; float:left; list-style:none; width:200px; } 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; } .ourMembers { font-size:11px; font-weight:bold; margin:20px auto; text-align:left; width:903px; padding-left:15px; } .ourMembers img { margin:10px 10px 0 0; width:auto; } .ourMembers .security { border-right:1px solid #999999; float:left; margin-right:12px; width:195px; } .ourMembers .members { border-right:1px solid #999999; float:left; margin-right:12px; width:310px; } .ourMembers .payment { float:left; margin-right:12px; width:360px; } .ourMembers .follow { float:left; width:160px; } .ourMembers a { color:#545454; } .securityArea { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:32px; left:650px; position:absolute; top:-8px; width:320px; } .mcafeeIcon { float:left; font-size:11px; height:32px; width:120px; } .mcafeeHotel { height:32px; left:530px; position:absolute; top:70px; width:115px; } .mcafeeHotel2 { height:32px; left:820px; position:absolute; top:-38px; width:115px; } .mcafeeFlight { height:32px; left:610px; position:absolute; top:40px; width:115px; } .TrusteIcon { float:left; margin-top:-5px; text-align:right; width:181px; } .TrusteIcon span { display:block; margin-top:4px; } /* 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;}