/*Great Wall 页面框架*/ body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #aad2de; background-image: url(/image/yangtzeriver/bg-blue.png); background-repeat: repeat-x; background-position: top; } .clear { clear:both; } img { border: none;} #wrapper { width:958px; margin:auto; padding-top:15px; } #headerBig { width:958px; background-image:url(/image/yangtzeriver/head.PNG); height:280px; } #header { width:958px; background-image:url(/image/panda/headSmall.png); height:227px; } #logo { padding:90px 0 0 50px; float:left; } #topNav { width:155px; height:22px; float:right; margin:15px 10px 0 0; color:#fff; font-size:11px; font-weight:bold; padding:5px 0 0 10px; background-image: url(/image/yangtzeriver/bg-contact.png); background-repeat: repeat-x; } #topNav a { color:#d1d1d1; } #topNav a:hover { text-decoration: none; color:#a31022; } #main { width:958px; background-image: url(/image/yangtzeriver/bg-write.png); background-repeat: repeat-y; margin-left:2px; } #main h1 { border-bottom: 5px solid #b1b1b1; margin:0 15px 25px 15px; padding:8px 0 5px 0px; font-size:24px; color:#555; } /*----sideBar-----*/ #sideBar { width:270px; padding-bottom: 40px; float: left; z-index:1000; margin-left:16px; *margin-left: 8px; } #sideBar h2 { border-bottom:1px solid #CCCCCC; color:#666666; background:#f1f1f1 url(/image/yangtzeriver/mao.JPG) center left no-repeat; display:block; font-size:15px; line-height:22px; margin:0; padding:5px 0 5px 26px; } #sideBar .navLeft { margin:0 0 20px 0; padding:0; background:#f5f5f5; border-top-width: 5px; border-top-style: solid; border-top-color: #4389c4; } #sideBar .navLeft ul { position:static; margin:0; padding:0; margin-bottom:20px; } #sideBar .navLeft li { list-style: none; margin:0; padding:3px 0; float:left; background: #f1f1f1 url(/css/images/sprites.gif) no-repeat 8px -692px; line-height:15px; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc; position:relative; width:128px; *width:125px; margin-left:6px; } #sideBar .navLeft li.subnav { position:relative; background: url(/pic/arrow-r.GIF) no-repeat right 50%; } #sideBar .navLeft li.subnav a:hover { color:#fff; background: url(/pic/white-arrow.gif) #A31022 no-repeat right 52% } #sideBar .navLeft li.subnav:hover { border:1px solid #d1d1d1; width:190px; } #sideBar .navLeft a { padding: 5px 0 5px 20px; display:block; font-size: 12px; } #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:#444; } #sideBar .navLeft a:hover { color:#A31022; background-color: #f4f4f4; background-image: url(/css/images/sprites.gif); background-repeat: no-repeat; background-position: 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:#f1f1f1; background-color:#7CADD6; font-size:12px; font-weight: bold; } #sideBar .navLeft li a:hover { color:#f4f4f4; background-color:#7CADD6; } /*----contentMiddle-----*/ #contentMiddle { width:630px; float:left; margin-left:14px; padding-bottom:20px; } #contentMiddle h2, #contentMiddle h2 a { font-size:18px; color:#666; margin:0px 0 5px 0; padding:10px 0 0 0px; line-height:18px; text-decoration:none; } #contentMiddle h3 { font-size:15px; color: #333; margin:5px 0 8px 0; padding:0; } #contentMiddle p { color:#333; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; padding:0px; margin:0px; margin-bottom:10px; } #contentMiddle p a { color:#307ABE; font-size:11px; font-weight: bold; text-decoration: none } #contentMiddle p a:hover { text-decoration: underline; } #contentMiddle ul { margin:0 0 15px 0px; padding:0; } #contentMiddle ul li { font-size:12px; color:#444; background:url(/css/images/drop-2.GIF) no-repeat left 4px; line-height:18px; margin-bottom:8px; list-style:none; padding-left:14px; font-family:Verdana, Arial, Helvetica, sans-serif; } #contentMiddle ul.dropLeft { list-style:none; padding:0px; float:left; margin:5px 10px 15px 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454; width:200px; } #contentMiddle ul li a { color:#666; } #contentMiddle ol { margin:0 0 15px 20px; padding:0; } #contentMiddle ol li { font-size:12px; color:#666; font-style:italic; line-height:13px; margin-bottom:8px; } #contentMiddle ul li a, #contentMiddle ol li a { color:#666; } .yangtzeRiverThing1 { width:300px; float:left; border:#86b1c1 8px solid; -moz-border-radius:6px; position:relative; margin-top:18px; padding-bottom:10px; } .yangtzeriver1 { width:74px; height:62px; position:absolute; margin:-24px 0 0 -10px; background-image: url(/image/yangtzeriver/boat-1.png); background-repeat: no-repeat; } .yangtzeriver2 { width:74px; height:62px; position:absolute; margin:-24px 0 0 -10px; background-image: url(/image/yangtzeriver/boat-2.png); background-repeat: no-repeat; } .yangtzeRiverThing1 img { margin:0 0 5px 13px; } .yangtzeRiverThing1 ul { list-style:none; padding:0px; margin:0px; margin:0 13px 0 13px; } #contentMiddle .yangtzeRiverThing1 ul li { font-size:11px; border-bottom:#89B63D 1px dashed; padding-bottom:5px; margin-top:5px; line-height:18px; list-style:none; background:none; font-weight:normal; font-style:normal; padding-left:5px; } #contentMiddle .yangtzeRiverThing1 ul li a { color:#545454; text-decoration:none; font-weight:bold; } #contentMiddle .yangtzeRiverThing1 ul li a:hover { text-decoration:underline; } .red { color:#a31022; } .yangtzeRiverThing2 { width:300px; float:right; border:#BFC695 1px solid; position:relative; padding-left:8px; margin-top:18px; -moz-border-radius:6px; background:url(/image/yangtzeriver/testimonial.jpg) no-repeat right bottom; height:380px; } .panda2 { width:65px; height:54px; background:url(/image/panda/t-2.png) no-repeat; position:absolute; margin:-15px 0 0 0; } .yangtzeRiverThing2 h3, .yangtzeRiverThing1 h3 { margin:0px; font-size:16px; padding:10px 0 0 65px!important; margin-bottom:15px; color: #555555; } .yangtzeRiverThing1 h3 { padding:0px; margin:0px; font-size:16px; padding:3px 0 0 65px!important; margin-bottom:15px; color: #666; } .yangtzeRiverThing2 ol { padding:0px; margin:0px; margin-left:35px; color:#545454; } .yangtzeRiverThing2 ol li { font-size:12px; line-height:18px; margin-bottom:5px; } .word { font-size:11px; font-weight:bold; } .pandaPhoto { width:155px; height:155px; background:url(/image/panda/bg-4.png) no-repeat; padding:9px 0 0 9px; float:left; margin:10px 9px 5px 9px; *margin: 10px 7px 5px 7px; } .photoName { margin-top:10px; font-size:11px; color:#666; font-style:italic; } #footer { margin-left:3px; } #bottom { width:100%; padding-bottom:50px; } #bottomIn { width:958px; margin:auto; font-size:11px; color:#666; padding-top: 10px; padding-bottom: 10px; border-top: 3px solid #bbbbbb; text-align:center; background-image: url(/image/panda/bg-2.png); background-repeat: repeat-y; } #bottomIn img { border:none; } #bottomIn p { margin:0 0 5px 0; line-height:15px; } #bottomIn a:link, #bottomIn a:visited, #footer a:hover { color:#666666; border:none; } #bottomIn a:hover { color:#a31022; text-decroration:none } #bottombg { width:100%; margin-left:2px; height:16px; *margin-top: -3px; background:url(/image/panda/bg-5.png) no-repeat center; } .videoArea { width:330px; margin:0 5px; float:right; font-size:11px; color:#666; line-height:14px; } .photoArea { width:auto; margin:0 0 0 5px; float:right; font-size:11px; color:#666; line-height:14px; } Photo Name here .roundCorner { -moz-border-radius:5px 5px 5px 5px; } .faqAnswer { background:url("/css/images/faq/a-bg.gif") no-repeat scroll -10px top #F6F6F6; margin-bottom:15px; padding:10px 10px 10px 50px; } .faqquestion { background:url("/css/images/faq/q-bg.gif") no-repeat scroll left top #E7F1F4; margin-bottom:0px; padding:12px 10px 12px 50px; font-size: 14px; color:#444; } .faqquestion a { color:#444; text-decoration:none; } .faqquestion a:hover { color:#a31022; text-decoration:under-line; } #sideBar .facts { border:1px solid #e8e8e8; padding:5px 0 5px 4px; background:#f9f9f9; width: 100%; } #sideBar .facts a { color:#444; } #sideBar .facts a:hover { color:#a31022; text-decoration:none; } #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(/css/images/arrow-gray.gif); margin-left:12px; } .testimonialBox { margin:8px 5px 8px 0; border-bottom:1px dotted #c6c6c6; padding: 5px; ; } .more { text-align:right; margin:10px; color:#666; font-size:12px; } .more a { color:#444; } .testimonial { font-family:Georgia, Times New Roman, Times, serif; font-weight:bold; letter-spacing:-0.06em; line-height:17px; color:#666; font-style:italic; text-decoration:none; font-size: 13px; } .quoteBegin { background:url("/pic/bg-quote-begin.gif") no-repeat scroll 4px 6px transparent; } .quoteEnd { background:url("/pic/bg-quote-end.gif") no-repeat scroll 4px 6px transparent; } .bywho { font-size:12px; color:#777; } /* yangtze attracion style */ .photoAttr { width:180px; background:url(/image/yangtzeriver/bg-photo.png) no-repeat; padding:7px 0 7px 10px; float:left; margin:10px 10px 5px 9px; *margin: 10px 7px 5px 7px; } .photoAttr img { width: 160px; height: 120px; } .photoAttr p { display: block!important; margin-top:12px!important; padding-left:5px!important; } table.allAttractions { width:100%; margin: 10px 0; border: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; } table.allAttractions th { padding: 10px; background: url(/image/yangtzeriver/bg-th.png) repeat-x; border-right: 1px solid #fff; font-size:13px; } table.allAttractions td { padding: 10px; border-bottom: 1px dashed #666; font-size:12px; } table.allAttractions td a { color:#545454; } table.allAttractions td a:hover { color:#a31022; text-decoration: none; } table.allAttractions td.provice { text-align:center; font-weight: bold; } table.allAttractions td.noborder { border-bottom: none; } table.allAttractions tr.withColor { background:#f1f1f1; } /* get news */ .guideBox { margin:10px 0 15px 0; border: none; padding-bottom:10px; border:1px solid #d1d1d1; -moz-border-radius: 4px; } /* function box for city guide only */ .guideBox h4 { font-size:18px; background:#f1f1f1; border-bottom: none; font-weight:500; color:#2988b0; margin:0 0 15px 0; padding:8px 0 8px 15px; } .guideBox ul { margin:0 10px 0 0; padding-left:5px; } .guideBox ul li { list-style: none; background:url("/pic/square.png") no-repeat scroll left 8px transparent; padding: 0 0 5px 13px; line-height:18px; font-size:12px; margin:0 0 8px 10px; border-bottom:1px dashed #999; color:#818181; } .guideBox ul li a { text-decoration: none; margin-right:8px; color:#545454; } .guideBox ul li a:hover { color:#a31022; } .whoposted { font-size:11px; } /* 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;} .fbLike a:hover { text-decoration: none;}