/* Three part (reset,header,footer) 
Update : 2010-7-9 修改头部 ---首页背景图片和登录前后样式
---------------------------------------------------------*/

/* Reset CSS --- Uptate time：2010-5-28 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:12px/1.5 "宋体","Arial";}
img{border:none;vertical-align:top;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
button,input,select,textarea{font-size:100%;}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/* link */
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline;}
/* special css */
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.por{position:relative;}
.poa{position:absolute;}
.oh{white-space:nowrap;overflow:hidden;display:block;}
.list-num li{list-style:none inside decimal;}
.em1{text-indent:1em;}.em2{text-indent:2em;}.em3{text-indent:3em;}.em4{text-indent:4em;}
.en{line-height:15px;}
.fw{font-weight:bold;}
.red{color:#f00;}
.red a{color:#f00;}
.white{color:#fff;}
.white a{color:#fff;}
.black{color:#000;}
.black a{color:#000;}
.yellow{color:#ff0;}
.yellow a{color:#ff0;}
.blue{color:#00f;}
.blue a{color:#00f;}
.green{color:#094;}
.green a{color:#094;}
.cp{cursor:pointer;}
.tdu{text-decoration:underline;}
.tdn{text-decoration:none;}
/* clearfix */
.clearfix:after{content:'';display:block;height:0;clear:both}
.clearfix{zoom:1}
/* text-align */
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
/* font-size */
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s28{font-size:18px;}.s20{font-size:20px;}
/* margin;padding */
.mt0{margin-top:0;}.mt2{margin-top:2px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mb0{margin-bottom:0;}.mb2{margin-bottom:2px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb8{margin-bottom:8px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.ml0{margin-left:0;}.ml2{margin-left:2px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml8{margin-left:8px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.mr0{margin-right:0;}.mr2{margin-right:2px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr6{margin-right:6px;}.mr8{margin-right:8px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.pt0{padding-top:0;}.pt2{padding-top:2px;}.pt4{padding-top:4px;}.pt5{padding-top:5px;}.pt6{padding-top:6px;}.pt8{padding-top:8px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pb0{padding-bottom:0;}.pb2{padding-bottom:2px;}.pb4{padding-bottom:4px;}.pb5{padding-bottom:5px;}.pb6{padding-bottom:6px;}.pb8{padding-bottom:8px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pl0{padding-left:0;}.pl2{padding-left:2px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl6{padding-left:6px;}.pl8{padding-left:8px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pr0{padding-right:0;}.pr2{padding-right:2px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr6{padding-right:6px;}.pr8{padding-right:8px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.t0{top:0;}.t2{top:2px;}.t4{top:4px;}.t5{top:5px;}.t6{top:6px;}.t8{top:8px;}.t10{top:10px;}.t15{top:15px;}.t20{top:20px;}.t25{top:25px;}.t30{top:30px;}.b0{bottom:0;}.b2{bottom:2px;}.b4{bottom:4px;}.b5{bottom:5px;}.b6{bottom:6px;}.b8{bottom:8px;}.b10{bottom:10px;}.b15{bottom:15px;}.b20{bottom:20px;}.b25{bottom:25px;}.b30{bottom:30px;}.r0{right:0;}.r2{right:2px;}.r4{right:4px;}.r5{right:5px;}.r6{right:6px;}.r8{right:8px;}.r10{right:10px;}.r15{right:15px;}.r20{right:20px;}.r25{right:25px;}.r30{right:30px;}.l0{left:0;}.l2{left:2px;}.l4{left:4px;}.l5{left:5px;}.l6{left:6px;}.l8{left:8px;}.l10{left:10px;}.l15{left:15px;}.l20{left:20px;}.l25{left:25px;}.l30{left:30px;}
/* public 
---------------------------------------------------------*/
html,html body{background:#fff;}
#content{clear:both;width:980px;margin:0 auto;background-color:#fff;}
/* jingbi pop */
#pop-flash{display:none;width:300px;height:300px;position:absolute;left:40%;z-index:999;}
/* help pages background-img */
.app-page_legal #content{background:url("/images/include/body_bg_repeat.gif") repeat 0 0;}
/* make,arena background-color*/
html body .doc-body{padding:16px 16px 1px;background:#333;}

/* footer
---------------------------------------------------------*/
#footer{padding:10px 0;margin:0 auto;width:980px;line-height:22px;text-align:center;clear:both;color:#016a9f;}
#footer a{color:#016a9f;}
#footer .footer-main{padding:5px 0;}
/* help footer */
.app-page_legal #footer{background:url("/images/include/body_bg_repeat.gif") repeat 0 0;color:#fff;}
.app-page_legal #footer a{color:#fff;}

/* style v4 2010-5-5
---------------------------------------------------------*/

/* header images for every channel */
.app-page_index .head{background:url(/images/index_v4/new/index.jpg) no-repeat;}
.mygaia .head{background:url(/images/index_v4/mygaia.jpg) no-repeat;}
.game .head{background:url(/images/index_v4/game.jpg) no-repeat;}
.community .head{background:url(/images/index_v4/bbs1.jpg) no-repeat;}
.comic .head{background:url(/images/index_v4/comic1.jpg) no-repeat;}
.artarenas .head{background:url(/images/index_v4/arena.jpg) no-repeat;}
.manke .head{background:url(/images/index_v4/make1.jpg) no-repeat;}
.shopping .head{background:url(/images/index_v4/shopping.jpg) no-repeat;}

/* motto:pk,jigsaw */
.app-page_jigsawnew .head .motto,.app-page_pk  .head .motto{background:url(/images/index_v4/new/motto-pk.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/index_v4/new/motto-pk.png');_background-image: none;}

/* 导航选中 */
.app-page_index #nav_index{background:url(/images/index_v4/menu.png) no-repeat 0 -72px;text-indent:-9999em;}
.mygaia #nav_mygaia{background:url(/images/index_v4/menu.png) no-repeat -80px -72px;text-indent:-9999em;}
.game #nav_legend{background:url(/images/index_v4/menu.png) no-repeat -160px -72px;text-indent:-9999em;}
.comic #nav_comic{background:url(/images/index_v4/menu.png) no-repeat -240px -72px;text-indent:-9999em;}
.pk #nav_pk{background:url(/images/index_v4/menu.png) no-repeat -320px -72px;text-indent:-9999em;}
.manke #nav_manke{background:url(/images/index_v4/menu.png) no-repeat -400px -72px;text-indent:-9999em;}
.forums #nav_bbs{background:url(/images/index_v4/menu.png) no-repeat -480px -72px;text-indent:-9999em;}
/* 拼图 */
.app-page_jigsawnew #nav_pk{background:url(/images/index_v4/menu.png) no-repeat -320px -72px;text-indent:-9999em;}

/* header
---------------------------------------------------------*/
.head{margin:0 auto;text-align:left;width:980px;position:relative;height:171px;background:url(/images/index_v4/new/index.jpg) no-repeat;overflow:hidden;}
.head a{outline:none;color:#fff;}
.head a:hover{color:#fff;}
.head .logo{position:absolute;top:14px;left:22px;text-indent:-999em;display:block;width:161px;height:63px;background:url(/images/logo.png) no-repeat;}
.head .motto{position:absolute;top:23px;left:346px;width:104px;height:84px;text-indent:-999em;background:url(/images/index_v4/new/motto.png) no-repeat;}
.head .top-menu{position:absolute;bottom:0;right:0px;height:19px;line-height:19px;z-index:3;}
.head .top-menu a{text-decoration:underline;}
.head .top-menu span{padding:0 10px 0 18px;background:url(/images/index_v4/icoall.png) no-repeat 0 0;display:block;float:left;}
.head .menu-bg{position:absolute;bottom:-1px;left:0;width:980px;height:21px;background-color:#000;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity:60);}
.head .menu{position:absolute;bottom:0;left:0;width:980px;height:59px;background:url(/images/index_v4/menu.png) no-repeat left top;z-index:2;}
.head .menu-main a{display:block;float:left;width:80px;padding-top:40px;height:19px;text-align:center;font-weight:bold;}

.head .menu-main a:hover{background:url(/images/index_v4/menu.png) no-repeat;text-indent:-9999em;}
#nav_index:hover{background-position:0 -72px;}
#nav_mygaia:hover{background-position:-80px -72px;}
#nav_legend:hover{background-position:-160px -72px;}
#nav_comic:hover{background-position:-240px -72px;} 
#nav_pk:hover{background-position:-320px -72px;} 
#nav_manke:hover{background-position:-400px -72px;}
#nav_bbs:hover{background-position:-480px -72px;} 


/* login */
.header-body{width:322px;height:150px;position:absolute;top:7;right:7px;z-index:3;color:#350f2f;}
.header-body a{color:#350f2f;}
.header-body a:hover{color:#350f2f;}
.head .login{margin-top:3px;margin-left:36px;width:269px;height:130px;padding:11px 0 0 12px;background:url(/images/index_v4/new/login.png) no-repeat;} 
.head .login .login-form{position:relative;height:90px;padding-top:22px;padding-left:40px;}
.head .login .login-form label{display:block;width:100%;}
.head .login .login-form .input{margin:2px 0 2px;padding:2px 0 0 3px;width:104px;height:17px;font-weight:bold;border:none;color:#350f2f;background:none;}
.head .login .login-form .checkbox{padding-right:2px;vertical-align:middle;}
.head .login .login-form .submit{background:none;border:none;position:absolute;bottom:9px;left:79px;display:block;width:52px;height:22px;cursor:pointer;text-indent:-999em;}
.head .login .login-form .reg{position:absolute;top:0px;right:0px;display:block;width:108px;height:80px;text-indent:-999em;background:url(/images/index_v4/new/reg.png) no-repeat;}
.head .login .login-form .reg:hover{background:url(/images/index_v4/new/reg-h.png) no-repeat;}
.head .login .login-form .reg:active{background:url(/images/index_v4/new/reg-a.png) no-repeat;}
.head .login .login-form .dl{height:22px;}
.head .login .login-form .autologin{position:absolute;bottom:12px;left:3px;width:66px;height:14px;line-height:14px;}
.head .login .autologincheck{float:left;width:12px;height:12px;cursor:default;}
.head .login .autologinchecksel{float:left;width:12px;height:12px;background:url(/images/index_v4/new/checkbox.png) no-repeat;cursor:default;}
.head .login .login-form .pw{position:absolute;bottom:11px;
left:136px;}
.head .login .login-id{display:none;}
.head .login .login-pw{display:none;}
.head .login .login-id-lab{padding-bottom:3px;}
.head .login #hint{left:43px;position:absolute;top:1px;font-weight:bold;}
/* welcome */
.head .welcome{position:relative;}
.head .welcome .home{width:188px;height:90px;float:left;margin-top:28px;}
.head .welcome .home-hd{background:url(/images/index_v4/new/home-hd.png) no-repeat;}
.head .welcome .home-bd{background:url(/images/index_v4/new/home-bd.png) no-repeat;}
.head .welcome .home-ft{background:url(/images/index_v4/new/home-ft.png) no-repeat;}
.head .welcome .home-hd{height:21px;padding-top:5px;}
.head .welcome .home-ft{height:12px;}
.head .welcome .user{position:absolute;top:0px;right:0px;}
.head .welcome .hi{float:left;width:167px;position:relative;padding-left:19px;font-weight:bold;}
.head .welcome .hi em{float:left;white-space:nowrap;overflow:hidden;width:91px;font-weight:bold;}
.head .welcome .hi a{font-weight:bold;}
.head .welcome .hi span{float:left;padding-right:10px;}
.head .welcome .hi .exit{position:absolute;top:0px;right:15px;}
.head .welcome .msg em,.head .welcome .charge em,.head .welcome .charge strong{background:url(/images/index_v4/icoall.png) no-repeat;}
.head .welcome .msg em{display:block;float:left;width:15px;height:12px;margin:2px 5px 0 0;vertical-align:middle;background-position:0 -26px;}
.head .welcome .msg{padding:0 0;width:184px;}
.head .welcome .msg li{padding-left:20px;line-height:17px;}
.head .welcome .msg li a{display:block;float:left;width:132px;white-space:nowrap;overflow:hidden;}
.head .welcome .charge em,.head .welcome .charge strong{display:block;float:left;width:15px;height:14px;margin:2px 5px 0 0;vertical-align:middle;}
.head .welcome .charge{padding-left:21px;height:18px;width:144px;white-space:nowrap;overflow:hidden;}
.head .welcome .charge em{background-position:0 -52px;}
.head .welcome .charge span{display:block;float:left;vertical-align:middle;}
.head .welcome .charge strong{background-position:0 -78px;width:16px;margin-left:8px;}
.head .welcome .avatar{float:left;display:block;height:150px;width:120px;overflow:hidden;}

/* task_luckycar */
#task_luckycar_main{width:100%;position:absolute;top:0px;right:0px;}
#task_luckycar{margin:0 auto;width:980px;position:relative;}
.butclick_luckycar{display:block;position:absolute;right:350px;top:10px;z-index:10;height:88px;}