@charset "utf-8";

body{ background:url(../images/bg_body.png) repeat #000; font:normal 11px/1.5 Verdana, Geneva, sans-serif; color:#656363;}
a:link,a:visited{ text-decoration:underline; color:#BF0505;}
a:hover,a:active{ color:#F60;}

#topbar{ height:31px; min-width:1002px; position:relative; z-index:1; background:url(../images/bg_topbar.png) repeat-x;}
.topbarMain{ width:980px; height:31px; margin:0 auto; background:url(../images/bg_topbar.png) no-repeat 240px -40px;}
.topbarR{ position:absolute; z-index:1; width:50%; height:31px; top:0; right:0; background:url(../images/bg_topbar.png) repeat-x 0 -80px;}
#header,#main,#footer,#mainGame{ width:820px; margin:0 auto;}
#header{ height:102px; overflow:hidden; font:0/0 Arial;}
#main{ width:812px; padding:4px; background:url(../images/bg_register.png) repeat-x #FCFAFA;}
#mainGame{ width:812px; padding:4px; background:#CECECE;}
#footer{ height:70px; background:url(../images/sprites_register.png) no-repeat -820px 0; text-align:center; line-height:50px; color:#656363;}
#footer a:link,#footer a:visited{ text-decoration:none; color:#999;}
#footer a:hover,#footer a:active{ text-decoration:none; color:#F60;}
.pageHead{ width:812px; height:31px; background:url(../images/sprites_register.png) no-repeat;}
.pageHead .title{ float:left; padding-left:30px; font:bold 14px/31px Verdana; color:#F0EDED;}
.pageHead .step{ float:right; padding-right:16px; margin:3px 0; height:25px; color:#FCF4F4;}
.pageHead .step li{ float:left;line-height:25px; height:25px; overflow:hidden;}
.pageHead .step li span{ float:left; height:25px; padding:0 12px 0 30px; background:url(../images/sprites_register.png) no-repeat;}
.pageHead .step li.s1 span{ background-position:0 -40px;}
.pageHead .step li.s1 span.current{ background-position:0 -100px;}
.pageHead .step li.s2 span{ background-position:0 -70px;}
.pageHead .step li.s2 span.current{ background-position:0 -130px;}
.note{ padding:25px 50px; font-size:12px;}
.register{ margin:0 auto; width:720px; border:1px solid #EBE7E7; background:#F0EDED; min-height:360px; height:auto !important; height:360px; font-size:12px;}
.registerFooter{ margin:0 auto; width:722px; height:50px; background:none; position:relative; z-index:1;}
.registerFooter span{ display:block; position:absolute; z-index:1; width:36px; height:130px; overflow:hidden; right:-36px; top:-130px; background:url(../images/sprites_register.png) no-repeat -600px -40px;}
.inputNormal,.inputFocus{ background:#FAFAFA; border:1px solid #C4C1C1; background:#F2F3F2; width:150px; height:16px; line-height:16px; padding:2px;}
.inputFocus{ border:1px solid #FC0; background:#FFF;}
.info,.infook{ display:none; width:255px; float:left; line-height:1.4; position:absolute; z-index:100; font-size:11px;}
.info{ border:1px solid #FE0; background-color:#FFF; padding:3px 5px;}
.ps2,.ps{ width:100%; clear:both;}
.ps{ height:4px; background-color:#666; overflow:hidden;}
.ps2{height:20px;}
.agreementIframe{ border:1px solid #E9E4E4; width:640px; height:300px; margin:10px auto 0 auto; background:#F2F3F2;}

.gameList{ width:802px; margin:0 auto; padding-bottom:10px; color:#444;}
.gameList dl{ width:782px; background:url(../images/bg_register_line.png) no-repeat left bottom; padding:15px 10px;}
.gameList dt{ float:left; width:172px; padding:28px 0 0 8px;}
.gameList dd{ float:left; width:602px;}
.gameList .title{ font:bold 12px/1.5 Verdana; }
.gameList .intro{ padding:6px 0 12px 0; font-size:11px;}
.gameList .btn{ clear:both; height:21px;}
.gameList .btn li{ float:left; width:132px; height:21px; margin-right:10px; -display:inline; font-size:12px;}
.gameList .btn li a{ display:block; height:21px; text-indent:32px; overflow:hidden; line-height:20px; background:url(../images/sprites_register.png) no-repeat;}
.gameList .btnOfficial a:link,.gameList .btnOfficial a:visited{ text-indent:28px; background-position:0 -210px; color:#F1F1F1; text-decoration:none;}
.gameList .btnOfficial a:hover,.gameList .btnOfficial a:active{ color:#FF0;}
.gameList .btnDownload a:link,.gameList .btnDownload a:visited{ background-position:-140px -210px; color:#F1F1F1; text-decoration:none;}
.gameList .btnDownload a:hover,.gameList .btnDownload a:active{ color:#FF0;}
.gameList .btnPlay a:link,.gameList .btnPlay a:visited{ background-position:-280px -210px; color:#F1F1F1; text-decoration:none;}
.gameList .btnPlay a:hover,.gameList .btnPlay a:active{ color:#FF0;}
.gameList .btnActivate a:link,.gameList .btnActivate a:visited{ background-position:-420px -210px; color:#F1F1F1; text-decoration:none;}
.gameList .btnActivate a:hover,.gameList .btnActivate a:active{ color:#FF0;}

.successful{ width:782px; margin:0 auto; padding:15px 0; color:#444;}
.successful .btn{ clear:both; padding:0 0 8px 5px;}
.successful p{ padding-bottom:14px;}
.successful dl.tips dt{ font-weight:bold; padding:5px 0;}
.successful dl.tips dd{ padding:3px 0; list-style:decimal outside none;}