/* CSS Document */
*{ margin:0; padding:0; font-size:12px; font-family:"ËÎÌå"; color:#626262;line-height:22px;}
body {background-color: #FAFAF8; background-image:url(mbg.gif); width:100%; height:100%;}

ul,li{ list-style:none}
sub{font-family:Arial; font-size:10px;}

a{ cursor:pointer;}
a:link,a:visited    { text-decoration: none;color: #626262;}
a:active,a:hover   { text-decoration: none;color: #27bbff;}

.a1{ cursor:pointer;}
.a1:link,.a1:visited { text-decoration:underline;color: #626262;}
.a1:active,.a1:hover  { text-decoration: none;color: #27bbff;}

#zhe_msg{ background-color:#FFFFFF; position:absolute; margin:-95px 0 0 -160px; padding:0px; top:50%; left:50%;border:1px solid #999999; width:320px; height:150px; z-index:101; text-align:center;}
#zhe{background-color:#ffffff; width:100%; height:100%;overflow: auto;filter:alpha(opacity=90);opacity:.9; position:absolute; margin:0px; padding:0px; top:0px; left:0px; z-index:100}
#msg_c{margin-top:30px;width:100%;color:#4d8522;}

.fb { font-weight:bolder;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.yellow{ color:#fb9a00}
.blue{ color:#0097dc}
.green{ color:#6ca03b}
.sgreen{  color:#4d8522; }
.input_1{ border:1px solid #dadada; height:20px; padding-left:5px; line-height:19px;}
.input_2{ width:51px; height:52px; }
.btn{ margin-top:15px; }
.info{ width:100%;color:#aaaaaa; margin:5px 0 20px 5px; }
.next{width:100%;margin:30px 0 10px 0; text-align:right;}
.w150{ width:180px;}

#mbox { width:1000px; margin:0 auto;background:url(mbg1.gif)}
#flaBg{ background:url(flaBg.jpg) no-repeat;height:auto!important;height:599px;min-height:599px;}
#nav  { height:137px; width:100%;}
#main div{float:left; }
#left { width:200px;padding:20px 30px 0 35px;}
#right{ width:729px;}
#foot { clear:both;height:20px; background:url(foot.jpg) repeat-x; text-align:right; color:#5f5f5f; padding:10px 0 10px 0; }
.main { width:100%; text-align:center;}
#content{ width:706px; padding:15px 0 20px 0; overflow:hidden;}
#subject{ border-bottom:2px solid #d9e3cd; width:699px; padding:0 5px 2px 0;}
#subject #sleft  { float:left; }
#subject #sright { margin:12px 2px 0 0;float:right;}

#fla{ height:509px}
#info{ height:90px}
#login{ background:url(okBg.jpg) no-repeat 0 15px; margin-left:72px; width:314px; height:91px; float:left;display:inline}
#login #uname,#login #upass{ border:none; background:url(inputBg.gif) no-repeat; padding:0px 0 0 3px ; margin-left:5px; height:20px; width:120px}
img{ border:none}
#act{ float:left; display:inline}
#news{ float:left;display:inline; margin-left:22px}
#news div{ background:url(liBg.gif) no-repeat; padding-left:20px; margin-top:2px; padding-bottom:3px;  }

#hsn{ width:730px;}
#hsn_left{ width:170px; height:100px;}
#hsn_t{ height:79px; width:730px; background:url(p3_11.jpg) no-repeat; }
#hsn_t img{ margin:24px 0 0 50px;}
#hsn_c{ width:730px;}
#hsn_c div{ float:left}
#hsn_cl{ height:100%;width:6px; border-right:2px solid #e7e8e0; }
#hsn_cm{ height:100%;width:699px;}
#hsn_cr{ height:100%;width:6px;border-left:2px solid #e7e8e0;}
#hsn_b{ height:31px; width:730px; background:url(p3_12.jpg) no-repeat;text-align:right; }
#hsn_b img{ margin-right:80px;}
.hsn_cm1{ margin:20px 0 0 10px; width:307px; }
.hsn_cm2{ margin:20px 0 0 -50px; width:380px; color:#858585;  }
.hsn_cm3{ margin:10px 0 0 18px; width:620px; color:#858585; }
.hsn_cm4{ margin:20px 0 0 20px; width:380px; color:#858585;  }
.hsn_cm6{ margin:20px 0 0 20px; width:280px; color:#858585;  }
.hsn_cm7{ margin:-20px 0 -20px 20px; width:200px; }
.hsn_cm5{ margin:20px 0 0 20px; width:200px; }
.hsn_p{ margin-top:14px;}
#hsn_more{padding:100px 0 0 170px;}

#nl{  width:100%; padding-bottom:2px; margin:0 0 0 5px }
#nl #sleft  { float:left; }
#nl #sright { margin:12px 2px 0 0;float:right;}

.zine{ margin:10px;}
.zine li{ background:url(l_icon.gif) no-repeat; padding:2px 0 3px 20px; width:658px; font-size:14px;}
.zine li div{float:left;}

.list2{ margin:20px 50px 10px 30px;}
.list2 li{ margin-top:5px; color:#4d8522;}
.list3{ margin:10px 2px 5px 10px;}
.list3 li{ background:url(l_icon.gif) no-repeat; padding:2px 0 3px 25px; margin-top:2px; font-size:14px; }
.list4{ margin:0 20px 10px 50px; padding-bottom:10px; border-bottom: 1px dotted #6ca03b;}
.list4 li{ background:url(l_icon.gif) no-repeat; padding:0px 0 0px 25px; font-size:14px; }

.list5{ margin:0 0 0 0; }
.list5 li{ background:url(l_icon.gif) no-repeat; padding:0 0 0 20px; }

.download ul{ clear:both;}
.download ul li { float:left; width:300px;margin:15px 25px 0 5px}
.download_intro{width:318px; font-size:14px;  color:#6ca03b;}
.download_intro a:link,.download_intro a:visited { text-decoration:none;color: #6ca03b;}
.download_intro a:active,.download_intro a:hover  { text-decoration: underline;color: #3b7702;}

.rule{ margin-left:5px;}

.life{border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;
width:689px; background-color:#FFFFFF;}
.life_t{ margin-left:20px;padding:10px 10px 15px 10px; border-bottom:1px dotted  #62983b; 
		width:600px; font-size:16px; font-weight:bolder; text-align:center; color:#62983b; 	
}
.life_t2{margin-left:20px;padding:0 10px 0 10px; border-bottom:1px dotted  #62983b;width:600px; height:45px;   }
.life_t2 div{font-size:16px; font-weight:bolder;color:#62983b; background:url(icon.jpg) no-repeat; height:45px; padding:15px 0 0 35px; }
.life_c{margin:15px 20px 0 20px;  padding-bottom:25px;width:600px; overflow:hidden;}


#reg{ width:360px; margin-bottom:6px;clear:both;}
#reg li{ color:#6ca03b;}
#reg #sleft{float:left; width:70px; margin-top:2px;}

.reg_msg{ width:360px; margin-bottom:6px;clear:both;}
.reg_msg li{ color:#e4097b;}
.reg_msg #sleft{float:left; width:70px; margin-top:2px;}

#friend{  margin:5px 0 0 0; clear:both;}
#friend li{ margin-right:5px; float:left;color:#4d8522; }

#orders{ width:700px; margin-top:15px;}
#orders div{ margin-left:5px;float:left}

#game { border:1px solid #b8c89c;}
#games{ width:700px; margin-top:15px;}
#games div{ margin:0 25px 45px 20px;float:left; width:175px; }
#games div span{color:#498322;margin:10px 0 0 0; width:175px;text-align:center; height:52px;}
#games div a{color:#498322; }
#games div a:link,#games div a:visited    { text-decoration: none;color: #498322;}
#games div a:active,#games div a:hover   { text-decoration: none;color: #27bbff;}

#zine{clear:both; width:100%; overflow:hidden}

#ulogin{ width:250px; padding-top:20px; margin-left:5px; }
#ulogin ul{ width:100%;clear:both; }
#ulogin ul li{ float:left; font-weight:bolder; color:#6ca03b; margin-top:8px; }
.uname{ background:url(icon_uname.gif) no-repeat; padding:3px 0  0 30px; width:55px;margin:0;}
.upass{ background:url(icon_upass.gif) no-repeat; padding:3px 0  0 30px; width:55px;margin:0;}
.ucode{ background:url(icon_ucode.gif) no-repeat; padding:3px 0  0 30px; width:55px;margin:0;}
.w150{ width:150px;}
.w180{ width:180px;}

.glory{ background:url(p2_25.gif) no-repeat; height:149px; width:656px; padding:60px 0 0 60px; }
.glory_list{ width:630px;margin-left:30px; padding-bottom:10px; border-bottom: 1px dotted #6ca03b; }

.mylife{  width:720px;}
.mylife_li{border-bottom: 1px dotted #6ca03b;width:700px;padding:15px 0 15px 0; clear:both;}

.mylife_l{ margin-left:10px; }
.mylife_r{ margin-left:20px; width:420px; overflow:hidden; }
.mylife_t{ color:#6ca03b; width:400px;font-weight:bolder; clear:both; margin:5px 0 10px 0; color:#6ca03b; font-size:14px;}
.mylife_c{ color:#626262; width:400px;line-height:19px; clear:both;}

.product{width:700px; margin:5px 0; border-bottom: 1px dotted #6ca03b;height:auto!important;height:220px;min-height:220px;}
.p_l{ margin:5px }
.p_l img{ border:1px solid #e3e6e8;}
.p_r{ margin-left:15px; width:400px;}
.p_t{ color:#6ca03b; width:420px; margin:5px 0 10px 0; color:#6ca03b; }
.p_c{ color:#666666;line-height:18px; }