@charset "utf-8";

input[type="text"]:focus,input[type="password"]:focus{
  outline:0;
  -webkit-box-shadow:inset 0 0px 1px #ccc,0 0 4px #eaeaea;
  -moz-box-shadow:inset 0 0px 1px #ccc,0 0 4px #eaeaea;
  box-shadow:inset 0 0px 1px #ccc,0 0 4px #eaeaea;
}

.header a{position:absolute; top:60px; right:50px; font-size:12px; color:#666; height:20px; line-height:20px;background:url(../images/iphone.png) -25px -290px no-repeat; text-indent:20px;}
.header a:hover{color:#ff3333;}
.header h3{position:absolute; top:56px; left:214px; height:24px; font:18px/24px 'Microsoft YaHei'; border-left:1px solid #afafaf; padding:0 12px;}

.register_content{width:1200px; margin:0 auto; position:relative;}
.bg{height:34px;background:url(../images/aaa.png) left 0 repeat-x;}
.step_ul{padding:0 40px; margin-top:32px; height:64px; background:url(../images/iphone.png) 0 -314px no-repeat;}
.step1{padding:0 40px; height:64px; background:url(../images/iphone.png) center -381px no-repeat;}
.step2{padding:0 40px; height:64px; background:url(../images/iphone.png) center -314px no-repeat;}
.step_ul li{float:left; width:540px; height:64px; text-align:center; font:bold 16px/64px '宋体'; color:#fff;}
.step1 .li1{background:#ff3333;}
.step1 .li2{background:#d1d1d1; margin-left:40px;}
.step2 .li1{background:#d1d1d1;}
.step2 .li2{background:#ff3333; margin-left:40px;}

#register_form{padding:60px 40px 88px 40px;}
.div_form{height:48px; margin-bottom:24px;}
.div_form label{float:left; width:146px; font-size:14px; color:#333; text-align:right; height:48px; line-height:48px;}
.div_form .input_div{float:left; width:620px;}
#username,#mail,#password1,#password2,#varcode{width:368px; height:35px;line-height:26px;padding:10px 5px; border:1px solid #aeaeae; color:#666;}
.input_div span{ margin-left:6px;}
#btn, .btn2, .success_login, .login_btn{width:499px; height:60px; text-align:center; font:bold 16px/60px '宋体'; border:0 none; color:#fff; cursor:pointer; background:#ff3333;letter-spacing:6px;}
#btn{width:368px;}
#btn:hover, .btn2:hover, .success_login:hover,.login_btn:hover{background:#ff0000;}
.code_img{width:70px; height:48px;}
.change{color:#666; text-decoration:underline; margin-left:10px;}
.input_div span{background:url(../images/text.png) no-repeat;padding-left:25px; padding-bottom:6px;}
.input_div5 span{background:0 none;}
.check2{background:url(../images/v3/check2.png) no-repeat; padding-left:22px; padding-bottom:4px;}
.check1{background:url(../images/v3/check1.png) no-repeat; padding-left:22px; padding-bottom:4px;}

.reg_login{width:270px; height:240px; border:2px solid #ccc; border-top:2px solid #ccc; position:absolute; top:190px; right:40px; background:url(../images/smile.png) center 35px no-repeat;}
.btn2{position:absolute; left:50px; top:160px; width:170px; height:38px; line-height:38px;}
.reg_login p{text-align:center; margin-top:130px; line-height:20px;}

/*注册成功*/
.success{height:65px; width:220px; background:url(../images/success.png) no-repeat; font:16px/65px '宋体'; text-indent:76px; margin:75px auto 45px;}

.success_login{display:block; width:460px; margin:0 auto; margin-bottom:130px;}

/*login*/

.form{clear:both;width:100%;}
#login_form{
	width: 388px;
	position: absolute;
	top: 135px;
	right: 17px;
	box-shadow: 0 0 10px #ccc;
}
#login_form h2{background: url(../images/iphone.png) left -452px no-repeat; padding-left:46px; color:#ff3333; font-size:16px; font-weight:bold; height:20px; line-height:20px; margin-bottom:24px ;}

.username, .pw{width:353px; padding:10px 5px 10px 45px; border:1px solid #eaeaea; height:20px; line-height:20px; margin-bottom:10px;  color:#666;}
.div_user, .div_pw{position:relative;}
.div_user span, .div_pw span{position:absolute; left:15px; top:12px; width:16px; height:18px; background:url(../images/iphone.png) 0 -480px no-repeat; z-index:1;line-height:18px;}
.div_pw span{background-position:0 -506px;}

.div_box{margin-top:5px; height:30px; line-height:30px; position:relative;}
.div_box a, .login_reg{position:absolute; right:5px;; top:0; color:#666;}
.div_box span a{position:absolute; right:80px;top:0; color:#ff3333;}
.login_reg{font-weight:bold;}
.div_box a:hover, .login_reg:hover{text-decoration:underline;}
.div_box input{position:absolute; top:4px; left:0;}

.login_btn{display:block;width:405px;height:50px; margin-top:20px; line-height:50px;vertical-align:middle;font-family:"黑体";border:solid 2px #ff3333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
#login_form h4{height:40px; line-height:40px;}

.form .button{position:absolute; left:135px; top:179px; width:190px; height:40px;text-align:center; line-height:40px; font-size:16px; color:#ff3333; font-weight:bold;}

#bakwhite{background-color:#fff;-moz-box-shadow: 0px 0px 5px #ccc;
-webkit-box-shadow: 0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc;width:1000px;height:600px;margin:10px auto;padding-right:10px;

}