/* help style  */
* {margin: 0px;padding: 0px;}
body, h1, h2, h3, h4, h5, p, input, textarea, select { font: 12px Arial, Helvetica, sans-serif, "????"; }
ol, ul, dl { list-style: none; }
img { border: 0; }
i, cite, em, var, address { font-style: normal; }
a { color: #069; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }

.logo{display:block;width:98px; height:28px;background:url(../images/topbar_logo.png) top left no-repeat; *background: none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/topbar_logo.png); margin-left:10px;}
.commonDoc{width:997px; margin:0 auto;}
.topbarMenuPage{width:997px; height:30px; overflow:hidden; border:2px solid #96bd49;border-bottom-width:0; background:url(../images/bg_top.jpg) repeat-x;}
.topbarMenuUserInfo{float: right; position:relative;top:-22px;right:10px}
.topbarMenuUserInfo a{ color:#fff;margin-right:5px}

.contact{width:600px; margin:0 auto;padding:90px 0 100px}
.contact h1{font-size:18px;font-weight:700;line-height:50px;}
.contact h2{font-size:14px;font-weight:700;color:#069;line-height:20px;}
.contact p{font-size:12px;line-height:25px;color: #000;}

.about{width:650px; margin:0 auto;padding:90px 0 100px}
.about h1{font-size:18px;font-weight:700;line-height:50px;}
.about p{font-size:12px;line-height:25px;color: #000; margin-bottom:10px;}

.help{width:900px; margin:30px auto;}
.help h1{height:40px;padding:8px 0 0 35px;font-size:16px; font-weight:700;border-bottom:1px solid #d8dfea; background:url(../images/icon/help.gif) no-repeat;color:#069}
.help h1 a{ float:right;font-size:12px;color:#888; text-decoration:none; font-weight:400;}
.help h1 a:hover{color: #069; text-decoration:underline;}
.help ul{list-style:none;margin:20px auto;}
.help ul li{float:left;width:254px;font-size:14px;padding:5px 0 0 46px; font-weight:700; color:#069}
.help ul li.imga{background:url(../images/icon/gifc.gif) no-repeat}
.help ul li.imgb{background:url(../images/icon/gifa.gif) no-repeat}
.help ul li.imgc{background:url(../images/icon/gifb.gif) no-repeat}
.help ul li ul{ margin:10px 0;padding:0;}
.help ul li ul li{padding:0;padding-left:22px;width:105px;text-align:left; line-height:30px; font-weight:400}

.help .searches{padding:0 20px 0;margin:20px 0 10px;line-height:25px;}
.help .searches ul{ padding:0 10px; margin:0; height:70px;border-bottom:1px solid #e5e5e5}
.help .searches li{padding:6px 0 0 22px;width:140px;text-align:left;line-height:16px;}
.help .searches li a{font-size:12px; font-weight:400;}
.help .searche{padding:0 20px 0;margin:20px 0 10px;line-height:25px;}
.help .searche ul{ padding:0 10px; margin:0; height:50px;border-bottom:1px solid #e5e5e5}
.help .searche li{padding:6px 0 0 22px;width:140px;text-align:left;line-height:16px;}
.help .searche li a{font-size:12px; font-weight:400;}

.help .helplist{ clear:both;padding:10px 20px;text-align:center;}
.help .helplist h2{ font-size:16px;color:#069; line-height:40px; text-align:left;}
.help .helplist h3{ font-size:14px;color:#000;padding-bottom:10px;text-align:left;}
.help .helplist p{ font-size:13px; line-height:22px;padding:0 0 10px 0; text-indent:24px;text-align:left; color:#666}
.help .helplist p.indent{padding-left:12px;}
.help .helplist span{display:block;text-align:right; background:url(../images/icon/line.gif) repeat-x left 50%;}

.login{ background:url(../images/icon/login.gif) no-repeat 0 6px;}
.enter{ background:url(../images/icon/enter.gif) no-repeat 0 6px;}
.password{ background:url(../images/icon/password.gif) no-repeat 0 6px;}
.invite{ background:url(../images/icon/invite.gif) no-repeat 0 6px;}
.res{ background:url(../images/icon/res.gif) no-repeat 0 6px;}
.friend{ background:url(../images/icon/friend.gif) no-repeat 0 6px;}
.gift{ background:url(../images/icon/gift.gif) no-repeat 0 6px;}
.frame{ background:url(../images/icon/frame.gif) no-repeat 0 6px;}
.blog{ background:url(../images/icon/blog.gif) no-repeat 0 6px;}
.photo{ background:url(../images/icon/photo.gif) no-repeat 0 6px;}
.file{ background:url(../images/icon/file.gif) no-repeat 0 5px;}
.rss{ background:url(../images/icon/rss.gif) no-repeat 0 6px;}
.movement{ background:url(../images/icon/moverment.gif) no-repeat 0 6px;}
.game{ background:url(../images/icon/game.gif) no-repeat 0 6px;}
.add{ background:url(../images/icon/add.gif) no-repeat 0 6px;}
.set{ background:url(../images/icon/set.gif) no-repeat 0 5px;}
.note{ background:url(../images/icon/note.gif) no-repeat 0 6px;}
.show{ background:url(../images/icon/show.gif) no-repeat 0 6px;}
.integral{ background:url(../images/icon/integral.gif) no-repeat 0 6px;}
.navigation{ background:url(../images/icon/navigation.gif) no-repeat 0 6px;}

.footers{border-top:1px solid #ccc;position:absolute;bottom:0;background:#fff; width:960px; text-align: center; margin: 0 auto;height:55px;}
.footers ul{ margin:10px 0 0}
.footers li{color: #999; display:inline;}
.footers li a{color:#999; vertical-align:middle; margin:0 5px}
.footers p {line-height: 25px; color: #999 ;}

.footer{border-top:1px solid #ccc; clear:both;background:#fff; width:960px; text-align: center; margin: 0 auto;height:55px;}
.footer ul{ margin:10px 0 0}
.footer li{color: #999; display:inline;}
.footer li a{color:#999; vertical-align:middle; margin:0 5px}
.footer p {line-height: 25px; color: #999 ;}