@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
img{border:none;}
html,body{height:100%;}
em{font-style:normal;}
body{font-family:"宋体";font-size:12px; color:#666; }

/*other*/
.clear{ clear:both}
.show{ display:block}
.hide{ display: none}
.span{ display:block; float:left; width:auto}
#closeWin{ width:16px; height:16px; float:right; cursor:pointer; }
.ML15{ margin-left:15px; float:left}
.ML10{ margin-left:10px; float:left}
.FL{ float:left}
.mAuto{ margin:0 auto}
.lineH22{ line-height:22px}

.B_bottom770{border-bottom:1px #e0e0e0 solid; height:20px; float:left; width:770px;}
.lineH22{ line-height:22px; color: #333333;}

/*input*/

.input218,.input114,.inputAmend218,.input176{ width:194px; height:24px; line-height: 24px; padding-left:2px; border:#c9c9c9 solid 1px; margin-right:3px; color:#555}
.input114{ width:116px}
.input176{ width:176px}
.inputAmend218{ background:#F6F6F6; border:1px #F6F6F6 solid}

/*a*/
.a0{ color:#666; text-decoration:none}
.a0:active,.a0:hover{ color:#c00; text-decoration:none}
.a12{ font-size:12px}
.a666{ color:#666;  text-decoration:underline}
.a666:active,.a666:hover{text-decoration:none; }
.a999{ color:#999; text-decoration:none}
.a999:active,.a999:hover{text-decoration:none;color:#CC0000 }
.aRed12,.aRed12:active,.aRed12:hover{ color:#CC0000; font-size:12px; text-decoration:underline}
.aRed12:active,.aRed12:hover{ text-decoration:underline}
.aRed12line,.aRed12line:active,.aRed12line:hover{ color:#CC0000; font-size:12px; text-decoration: underline}
.aRed12line:active,.aRed12line:hover{ text-decoration:none}
#spanUrl{ text-decoration: underline;}

.aRed14B{ color:#CC0000; font-size:14px; font-weight:bold}
.aRed12B{color:#347e01; font-size:12px; font-weight:bold}
.aBlack14B{ color:#5c5c5c; font-size:14px; font-weight:bold}
.a333B12{ color:#333; font-size:12px; font-weight: bold;}
.aRed12L{ color:#CC0000; font-size:12px; font-weight:lighter; line-height:20px; padding-right:3px}

/*btn*/
.btn2,.btn3{ width:auto; height:32px; font-size:14px; font-weight:bold; text-align:center; line-height:32px; padding-left:3px; background:url(../images/btnLeft.jpg) left no-repeat; float:left}
.btn2 a,.btn3 a,.btn4 a{ color:#333; text-decoration:none}
.btn3 a:active,.btn3 a:hover,.btn4 a:active,.btn4 a:hover{ color:#A7060B; text-decoration:none}
.btn2Right,.btn3Right{ width:auto; background:url(../images/btnRight.jpg) right no-repeat; height:32px; padding:0 30px 0 27px; float:left; cursor:pointer}
.btn2 a{ color:#fff; text-decoration:none}
.btn2 a:active,.btn2 a:hover{ color:#fff;}
.btn2{background:url(../images/btn2Left.jpg) left no-repeat; height:29px; line-height:29px;}
.btn2Right{ background:url(../images/btn2Right.jpg) right no-repeat;height:29px; line-height:29px;  padding:0 20px 0 17px; color:#FFF}
.btn3{background:url(../images/btn3Left.jpg) left no-repeat; height:29px; line-height:29px;}
.btn3Right{ background:url(../images/btn3Right.jpg) right no-repeat;height:29px; line-height:29px; padding:0 20px 0 17px;}

.btn4{width:auto; height:25px; font-size:12px; font-weight:bold; text-align:center; line-height:25px; padding-left:3px; background:url(../images/btn4Left.jpg) left no-repeat; float:left }
.btn4Right{ width:auto; background:url(../images/btn4Right.jpg) right no-repeat; height:25px; padding:0 20px 0 17px; float:left;cursor:pointer}

.btn1{width:172px; height: 47px;}
.btn1 a{ display: block; width:176px; height: 48px; background:url(../../images/regist/register_btn_bg.gif) no-repeat scroll;}
.btn1 a .btn1Right{ display: none;}
.btn1 a:link,
.btn1 a:visited{background-position: 0 0;}
.btn1 a:hover{background-position: 0 -65px;}
.btn1 a:active{background-position: 0 -130px;}


/*div1Info*/
.div1Info{ width:460px; height:auto; float:left}
.div1InfoTop{ width:436px; height:20px; padding:10px 12px; float:left;background:url(../images/div1InfoTop.jpg) top no-repeat; color:#333333; font-size:14px; font-weight:bold; float:left}
.div1InfoTop a{ display:block; float:left; line-height:20px}
.div1InfoBg{ width:380px; height:auto; float:left;  background:url(../images/div1InfoBg.jpg) repeat-y; padding:10px 40px; line-height:18px}
.div1InfoBgDiv{ width:380px; height:auto; float:left; padding:10px 0}
.div1InfoCon{ width:350px; height:auto; padding:15px; float:left; background:#F9F9F9;}
.div1InfoCon ul{ width:350px; float:left; height:auto}
.div1InfoCon ul li{ color:#333333; width:350px; float:left; height:auto; padding:3px 0}
.div1InfoCon ul li .img{ width:16px; height:18px; float:left; background:url(../images/numBg.jpg) no-repeat; text-align:center; color:#fff; font-size:10px;}
.div1InfoCon ul li .text{ width:325px; float:left; line-height:19px}
.div1InfoBtn{ width:215px; padding:25px 75px; float:left;   background:url(../images/dian.gif) repeat-x bottom; margin-bottom:15px;}
.div1InfoText{ width:270px; margin:15px auto ; text-align:center}

.div1InfoText span{ display:block; float:left; width:auto}
.div1InfoBottom{ width:440px; height:24px; float:left;  background:url(../images/div1InfoBottom.jpg); padding:0 10px}


/*div2info*/
.div2Info{ width:350px; height:auto; float:left}
.div2InfoTop{ width:326px; height:20px; padding:10px 12px; float:left;background:url(../images/div2InfoTop.jpg) top no-repeat; color:#333333; font-size:14px; font-weight:bold; float:left}
.div2InfoTop a{ display:block; float:left; line-height:20px}
.div2InfoBg{ width:270px; height:auto; float:left;  background:url(../images/div2InfoBg.jpg) repeat-y; padding:10px 40px; line-height:18px}
.div2InfoBgDiv{ width:270px; height:auto; float:left; padding:10px 0; text-align:center}
.div2InfoBtn{ width:105px; padding:25px 75px; float:left;   background:url(../images/dian.gif) repeat-x bottom; margin-bottom:15px;}
.div2InfoText{ width:270px; margin:0px auto ; text-align:center}
.div2InfoText a{ display:block; float:left; padding-left:3px; color:#666666; text-decoration:none}
.div2InfoText a:active,.div2InfoText a:hover{ color:#CC0000; text-decoration:none}
.div2InfoText span{ display:block; float:left; width:auto}
.div2InfoBottom{ width:330px; height:24px; float:left;  background:url(../images/div2InfoBottom.jpg); padding:0 10px}


#main,#tongxinWrap,#gameWrap{ width:770px;  float:left;/* background:url(../images/loginConBg.jpg) repeat-x; */height:auto; padding:3px 0 0 0}
#tongxinWrap,#gameWrap{ background:none}
#main .welcome,#tongxinWrap .welcome,#gameWrap .welcome{ padding:0 15px 5px 15px; color:#444; float:left; width:auto; line-height:22px;}


 .loginInfo{ width: 615px; height: auto; margin:0px auto; }
 .formRow{ width: 615px; height:auto; float:left;padding:2px 0 0px 0}
 .formRow span.r_succeed{ display: inline-block;width:400px; height: 72px; background:url(../../images/regist/success_tip_bg.png) 0 -144px no-repeat; }
 .formRow span.get_mobile_pass{ display: inline-block; font-size: 14px; font-weight: bold; padding: 5px 0;}
  .formRow strong{font-family: "微软雅黑"; font-size: 20px; font-weight: bold; color: #4f7f00; display: inline-block; padding-bottom: 8px;}
 .formRow span.bind_pass{ color: #333333; font-weight: bold; }
 .formL{ width:150px; padding-right:3px; text-align:right; color:#333333; font-size:14px; float:left; line-height: 26px; font-family: "微软雅黑";}
 .formR,.formRBg,.formRDiv{ width:460px; float:left;}
 .formRBg{ padding:3px;width:454px; background:#F6F6F6; float:left; color:#A6A6A6}
 .formR span{ display:black; width:auto; float:left}
 .formR span a{ display:block; float:left; width:auto; line-height:20px}
 .formR .num{ width:90px; height:20px; float:left}
 .formR .spanInput{ width:220px; float:left; }
  .formR .spanInput span{ display:block; float:left; padding-right:5px}
 .formR .spanInputBg{background:#F6F6F6; ; color:#A6A6A6}
 .formR .spanInfo{ width:230px; float:left; padding-left:5px; line-height:16px; text-align:left}
 .formR .spanInfo span{ display:block; float:left; width:auto}
 .formR .spanCue,.formR .spanCueNbg{ width:300px; float:left; height:15px;color:#CC0000; background:url(../images/ico_close00.gif) 12px 2px no-repeat; padding:3px 0 0 24px; text-align:left}
 .formR .spanCue{ background:url(../images/ico_close00.gif) left no-repeat top; height:20px;line-height:16px}
 .formR .spanCueNbg,.formRBg .spanCueNbg{ background:none; padding:0}
 .formBtn{ width:200px; padding:20px 0 30px 0; margin:auto; height:32px}

 .explian{background:#F7F7F7;padding:17px;width:736px;height:auto;float:left;}
 .explian .title{ width:auto; line-height:30px; background:url(../images/dian.gif) repeat-x bottom; padding-bottom:10px}
 .explian dl{ float:left; padding-top:12px; width:730px; line-height:19px}
 .explian dl dt{ color:#333333; float:left; width:730px;}
 .explian dl dd{ color:#999; float:left ;width:730px}

 .changeLogin{width:750px; heigth:auto; float:left; padding:25px 10px}
 .changeLogin span{ display:block; width:auto; float:left}
 .changeLogin .ourgame{ width:148px; height:70px; float:left; padding-right:10px;}
 .changeLogin .ourgame a, .renren,.dx,.sian{line-height:28px; color:#666; text-decoration:none;}
 .changeLogin .ourgame a:active,.changeLogin .ourgame a:hover, .renren:active, .renren:hover, .dx:active, .dx:hover, .sian:active, .sian:hover{color:#CC0000; text-decoration:underline;}
 .changeLogin .ourgame .title,.changeLogin .partner .title{ width:148px; height:20px; float:left; line-height:20px; padding-bottom:5px}
 .changeLogin .ourgame .link a,.changeLogin .ourgame .link a:active,.changeLogin .ourgame .link a:hover{ width:100px; float:left; background:url(../images/ourgameLogo.jpg) no-repeat left; padding-left:32px;  }
 .changeLogin .ourgame .link a:active,.changeLogin .ourgame .link a:hover{ color:#CC0000; text-decoration:underline}
 .changeLogin .partner{ width:580px; float:left; height:70px}
  .changeLogin .partner .spanDiv{ width:580px; float:left}
 .changeLogin .partner span{  padding:0 12px 0 0; height:28px; float:left; width:auto; line-height:28px}
 .renren { background:url(../images/renrenLogo.jpg) no-repeat left; padding-left:44px; float:left; width:40px}
 .dx{ background:url(../images/dxLogo.jpg) no-repeat; padding-left:34px; float:left; width:60px}
 .sian{ background:url(../images/sianLogin.jpg) no-repeat left; padding-left:38px; float:left; width:60px}
 .line{ font-size:16px; color:#E0E0E0}

 /*regStep1*/
 .regCon{ width: 731px; height:auto; float:left; }
 .regCon .title1{ width:590px; height:31px; line-height:30px; margin: 27px auto 45px auto; border-bottom:1px #d9e0e6 solid; color:#333333; padding-left: 20px; font-size:16px; font-weight:bold;}
 .regCon .contentInfo{ height:auto; float:left; width:731px; margin-top: 50px; text-align:center}
 .regCon .B_Top{border-top:1px #e0e0e0 solid; width: 721px; margin:25px 0; padding-top:15px}
 .regConInfoText{ width:350px; margin:15px auto ; text-align:left;}
 .regConInfoText input{width:15px; height: 15px; vertical-align: bottom;}
 .regActivationInfo{ width:452px; margin:25px auto; height:auto}
 .regActivationInfoDiv{width:372px; text-align:left;line-height:24px; margin-left: 50px; height:auto; color: #5c5c5c;}
 .regOkTab{ width:718px; padding:30px 0px 30px 40px; border:1px #DBDBDB solid; background:#F9F9F9; float:left ; margin-top:20px; height:auto}
 .regOkTabL{ width:160px; float:left; height:auto}
 .regOkTabL .img{ width:150px; height:190px; padding:1px; border:1px #C9C9C9 solid; margin:8px 0}
 .regOkTabR,.regOkTabR dl{ width:505px; float:right; height:auto}
 .regOkTabR dl dt{ width:495px; height:30px; font-size:14px; font-weight:bold; color:#444; float:left; text-align:left; padding-left:2px}
 .regOkTabR dl dd{ width:215px; height:60px; padding:0 28px 15px 0px; float:left }
 #spanUrl{ color: #367e00;}


 /*ourgameLogin*/
 #loginWrap{ width:388px; height:140px; background:url(../images/ourgameLoginBg.jpg) no-repeat; padding:130px 22px 25px 22px }

 .loginForm,.loginFormNbg{ width:388px; height:83px; padding:15px 0 9px 0; float:left; background:url(../images/dian.gif) bottom repeat-x;}
 .loginFormNbg{ background:none;height:85px; padding:25px 0 9px 0 }
 .loginFormRow{ width:388px; line-height:22px; float:left; padding-bottom:4px}
 .loginFormL{ width:95px; padding-right:3px; color:#333; float:left; text-align:right; line-height:20px}
 .loginFormR{ width:285px; float:left}
 .loginFormR .spanInput{ width:180px; float:left; padding-right:5px;}
 .loginFormR .spanInfo{ width:95px; float:left; color:#999}
 .loginFormR span{ display:block; float:left;}
 .loginFormBtn{ padding:8px 162px 0 162px; width:62px;}
 .loginInfoLink{ width:388px; float:left; text-align:center; padding:8px 0 0 0; color:#666}

 #gameIdloginWrap{ width:388px; height:140px; background:url(../images/gameIdLoginBg.jpg) no-repeat; padding:130px 22px 25px 22px }

 .alert{ width:374px; height:196px; padding:50px 13px 10px 13px; background:url(../images/alertBg.jpg) no-repeat; float:left}
 .alert .title,.alert .titleCon{ width:374px; line-height:35px; float:left; color:black; font-size:12px; text-align:center; font-weight:bold;}
 .alert .titleCon{ font-weight:lighter}
 .alertText,.alertText2{ width:340px; line-height:22px; background:#F5F5F5; float:left;padding:16px; font-size:12px}/*rework xiong 2011-05-10*/
 .alertText2{ width:260px; padding:16px 56px}
 .alerBtn{ width:160px;height:35px; margin:10px auto 0 auto}

 /*sofeLow密码强弱*/
 .sofeLow, .sofeMiddle, .sofeHigh{ width:125px; height:20px; float:left;background:url(../images/sofeLow.jpg) no-repeat ;}
 .sofeMiddle{ background:url(../images/sofeMiddle.jpg) no-repeat}
 .sofeHigh{background:url(../images/sofeHigh.jpg) no-repeat}


 /*change*/

.change,#tongxinCon,#gameCon,tongxinWrap,gamexinWrap{ width:770px;  height:auto; float:left}
.menu{ width:770px; height:39px; background:url(../images/menuBg.jpg) repeat-x; float:left; margin-bottom:18px; overflow:hidden;}
.menu li{float:left; cursor:pointer; height:39px}
.menu li.menuABefore{ width:186px; height:39px; background:url(../images/menuChange.jpg) 0 0; float:left;}
.menu li.menuBAfter{ width:184px; height:39px; background:url(../images/menuChange.jpg) -186px 0; float:left}

/**************  popup window  ***************/
.blackBox{width:100%; position:absolute; left:0; top:0; height:100%; background:#000; filter:alpha(opacity:25);opacity:0.25;}
.popBox{ width:460px; height:auto;display:block;position:absolute; margin:-135px 0 0 -202px; top:50%; left:50%; z-index:10; zoom:1;}

.loginBox{width:245px; margin:0 auto; clear:both;}

div#OGCopyRight a:active,#OGCopyRight a:hover { text-decoration: none; }
div#OGCopyRight #OGHealthTips{clear:both}

#container{width:1000px; overflow: hidden; margin: 0 auto; padding-bottom: 20px;}
#head{width:100px; height: 118px;}
#head a{ display: block;width:285px; height: 118px; background:url(../../images/regist/logo.jpg) no-repeat scroll;}

body{ background:url(../../images/regist/body_bg.jpg) no-repeat scroll center 37px #ffffff;}
body#mail_regist{ background: none;}
#content{width:1000px; height: 732px; overflow: hidden; background: #ffffff; position: relative;}
#sidebar{width:265px; height: 710px; padding:22px 0 0 4px;background:url(../../images/regist/sidebar_bg.jpg) no-repeat scroll; position: absolute;top:0; left: 0; z-index: 2;}
#sidebar ul{width:265px; height: 306px;}
#sidebar ul li{width:265px; height: 98px; float: left;}
#sidebar ul li a{ display: block; width:265px; height: 98px; float: left; background:url(../../images/regist/navigation_bg.png) no-repeat scroll; }


#account1 a:link,
#account1 a:visited{ background-position: -4px 0;}
#account1 a:hover{ background-position: -285px 0;}
#account1 a.menu_on:link,
#account1 a.menu_on:visited,
#account1 a.menu_on:hover{background-position: -565px 0;}

#mobile1 a:link,
#mobile1 a:visited{ background-position: -4px -99px;}
#mobile1 a:hover{ background-position: -285px -99px;}
#mobile1 a.menu_on:link,
#mobile1 a.menu_on:visited,
#mobile1 a.menu_on:hover{background-position: -565px -99px;}

#email1 a:link,
#email1 a:visited{ background-position: -4px -198px;}
#email1 a:hover{ background-position: -285px -198px;}
#email1 a.menu_on:link,
#email1 a.menu_on:visited,
#email1 a.menu_on:hover{background-position: -565px -198px;}


#register_data{width:742px; height: 730px; border: 1px solid #95c1e0; border-left: 0;position: absolute;top:0; right: 0; z-index: 1;}
.position{width:742px; height: 21px; background: #eff7fc;}
.data_form{width:731px; height: 719px; overflow: hidden; float: right;}


#billboard{width:671px; height: 143px; position: relative; margin: 185px auto 0 auto;}
#billboard .billboard_out{width:596px; height: 110px; margin: 0 auto; overflow: hidden;}
.slides,
.slide,
.game_into,
.game_into li{width:596px; height: 110px; }
.game_into li{ float: left; width:64px; height: 110px; margin-left: 12px; display: inline;}
.game_into li a{ display: block; width:64px; height: 110px; float: left; position: relative;}
.game_into li img{width:64px; height: 64px; border:0; position: absolute; left: 0; bottom: 0; z-index: 1;}
.game_into li .mask{width:64px; height: 64px; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(../../images/regist/mask_bg.png) no-repeat scroll;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/mask_bg.png" ,sizingMethod="crop");}
#billboard .controls{width:671px; height: 29px; position: absolute; top: 64px; left: 0;}
#billboard .controls .btn{ display:block;width:17px; height: 29px; background: url(../../images/regist/control_bg.png) no-repeat scroll;}
#billboard .controls .prev{ float: left; background-position: 0 0;}
#billboard .controls .next{float: right; background-position: -17px 0;}
.game_into li.logo{width:116px; height: 110px;}
.game_into li.logo a{ display: block; width: 116px; height: 110px; background: url(../../images/regist/success_log.png) no-repeat scroll;}

#billboard .pointers{width:671px; height: 9px; text-align: center; clear: both; margin-top: 24px;}
#billboard .pointers a{ display:inline-block;width:10px; height: 9px; overflow: hidden; zoom: 1; background: url(../../images/regist/pointer_bg.png) no-repeat scroll -15px 0; margin: 0 2px;}
#billboard .pointers a.active{ background-position: 0 0;}

a.intoBtn{display:inline-block;  width:178px; height:48px; background:url(../../images/regist/into_ourgame_bg.gif) no-repeat scroll;}
a.intoBtn:link,
a.intoBtn:visited{ background-position: 0 0;}
a.intoBtn:hover{background-position: 0 -68px;}
a.intoBtn:active{background-position: 0 -135px;}


#into_check{width:442px; height: 337px; position: absolute; z-index: 1000;}
.into_check_bg{width:442px; height: 337px; position: absolute; top:0; left: 0; z-index: 1100;background: url(../../images/regist/dialog_bg.png) no-repeat scroll;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/dialog_bg.png" ,sizingMethod="crop");}
.into_check_close{ display: block; width: 18px; height: 18px; position: absolute; top: 12px;right:12px; z-index: 1300;}
.into_check_content{width:325px; height: 222px; position: absolute; z-index: 1200; padding: 64px 60px 51px 57px;background: url(../../images/regist/check_bg.png) no-repeat scroll center;}
a.into_hall{ display:block;width:128px; height: 136px; position: absolute; top:115px; left: 67px;}
a.down_hall{ display:block;width:128px; height: 136px; position: absolute; top:115px; left: 251px;}