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.
111 lines
9.6 KiB
CSS
111 lines
9.6 KiB
CSS
/*Great Wall 页面框架*/
|
|
body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/image/panda/bg-1.jpg) repeat-x top #c6ce9b; }
|
|
.clear { clear:both; }
|
|
#wrapper { width:958px; margin:auto; padding-top:15px; }
|
|
#headerBig { width:958px; background-image:url(/image/panda/head.png); height:390px; }
|
|
#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; background:url(/image/panda/bg-top.png) no-repeat; margin:5px 2px 0 0; color:#000; font-size:11px; font-weight:bold; padding:5px 0 0 10px; }
|
|
#topNav a { color:#000; }
|
|
#main { width:958px; background:url(/image/panda/bg-2.png) repeat-y; }
|
|
#main h1 { width:846px; height:49px; background:url(/image/panda/bg-3.png) no-repeat; margin:0 0 15px 15px; padding:8px 0 0 80px; font-size:24px; color:#555; }
|
|
/*----sideBar-----*/
|
|
|
|
#sideBar { width:175px; padding-bottom: 40px; float: left; z-index:1000; margin-left:16px; *margin-left: 8px;
|
|
}
|
|
#sideBar h2 { border-bottom:1px solid #CCCCCC; color:#666666; display:block; font-size:14px; line-height:18px; margin:5px 0; padding-left:8px; text-transform:uppercase; }
|
|
#sideBar .navLeft { margin:0 0 20px 0; padding:0; border-top-width: 5px; border-top-style: solid; border-top-color: #8F995A; }
|
|
#sideBar .navLeft ul { position:static; margin:0; padding:0; }
|
|
#sideBar .navLeft li { list-style: none; margin:0; padding:0; background:#fff; background: #fff url(/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(/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: 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-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:#47700A; background-color:#f4f4f4; font-size:13px; }
|
|
#sideBar .navLeft li a:hover { color:#f4f4f4; background-color:#8F995A; }
|
|
/*----contentMiddle-----*/
|
|
|
|
#contentMiddle { width:730px; float:left; margin-left:14px; padding-bottom:20px; }
|
|
#contentMiddle h2 { font-size:18px; color:#444; padding:0px; margin:0px; height:33px; padding:10px 0 0 40px; background:url(/image/panda/bamboo.png) no-repeat; }
|
|
#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:#444; }
|
|
#contentMiddle p a:hover { color:#a31022; text-decoration:none; }
|
|
#contentMiddle ul { margin:0 0 15px 0px; padding:0; }
|
|
#contentMiddle ul li { font-size:12px; color:#444; font-style:italic; background:url(/css/images/drop-2.GIF) no-repeat left center; line-height:13px; margin-bottom:8px; list-style:none; padding-left:14px; }
|
|
#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; }
|
|
.pandaThing1 { width:340px; float:left; border:#ADB586 8px solid; -moz-border-radius:6px; position:relative; margin-top:18px; padding-bottom:10px; }
|
|
.panda1 { width:74px; height:62px; background:url(/image/panda/t-1.png) no-repeat; position:absolute; margin:-24px 0 0 -10px; }
|
|
.pandaThing1 h3 { padding:0px; margin:0px; font-size:16px; padding:10px 0 0 65px; margin-bottom:15px; color: #666; }
|
|
.pandaThing1 img { margin:0 0 5px 13px; }
|
|
.pandaThing1 ul { list-style:none; padding:0px; margin:0px; margin:0 13px 0 13px; }
|
|
#contentMiddle .pandaThing1 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 .pandaThing1 ul li a { color:#545454; text-decoration:none; font-weight:bold; }
|
|
#contentMiddle .pandaThing1 ul li a:hover { text-decoration:underline; }
|
|
.red { color:#a31022; }
|
|
.pandaThing2 { width:350px; float:right; border:#BFC695 1px solid; position:relative; padding-left:8px; margin-top:18px; -moz-border-radius:6px; background:url(/image/panda/bg-panda.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; }
|
|
.pandaThing2 h3 { padding:0px; margin:0px; font-size:16px; padding:10px 0 0 65px; margin-bottom:15px; color: #555555; }
|
|
.pandaThing2 ol { padding:0px; margin:0px; margin-left:35px; color:#545454; }
|
|
.pandaThing2 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 { width:100%; background:url(/image/panda/bg-bottom-1.jpg) no-repeat left bottom; }
|
|
#bottom { width:100%; background:url(/image/panda/bg-bottom-2.jpg) no-repeat right bottom; padding-bottom:50px; }
|
|
#bottomIn { width:958px; margin:auto; background:url(/image/panda/bg-2.png) repeat-y; font-size:11px; color:#666; padding-top: 10px; padding-bottom: 10px; text-align:center; }
|
|
#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:auto; 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 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; }
|
|
|
|
/* 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;}
|
|
.fbLike a:hover { text-decoration: none;} |