@charset "gb2312";
body { background:#fff url(http://www.ef360.com/login/images/bg.jpg) no-repeat center top;}
.header { height:120px; }
.header .logo { float:left; padding-top:30px; padding-left:20px; }
.header .logo img{ vertical-align:middle}
.header .logotxt { margin-left:35px;}
.header .nav { float:right; padding:30px 30px 0 0; color:#999 }
.footer { border-top:3px solid #ff5cad; margin-top:30px; padding-top:30px; text-align:center; }
.loginboxleft { float:left; padding:30px 0 0 30px; width:530px; }
.loginboxright { float:right; margin:-32px 30px 0 0; width:325px; height:515px; background:url(http://www.ef360.com/login/images/LoginSpt.png) no-repeat 0 -180px; position:relative; _display:inline }
.loginboxright h2 { height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; text-align:center; }
.btnLogin { width:206px; height:47px; background:url(http://www.ef360.com/login/images/LoginSpt.png) no-repeat 0 -50px; border:none; padding:0; cursor:pointer; }
.btnLogin:hover { background-position:0 -100px; }
.inputbox { display:inline-block; background:url(http://www.ef360.com/login/images/LoginSpt.png) no-repeat left 0; height:35px; padding-left:10px; margin-right:10px; vertical-align:middle; }
.inputbox input { border:none; background:url(http://www.ef360.com/login/images/LoginSpt.png) no-repeat right 0; height:17px; line-height:normal; vertical-align:middle; margin:0; margin-right:-2px; padding:9px 5px 9px 5px; width:170px; font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; position:relative; }
.inputcheck{margin:0; padding:0; vertical-align:middle; margin-top:-3px;}
.usernameico,
.passwordico { background:url(http://www.ef360.com/login/images/LoginSpt.png) no-repeat -220px -50px; width:24px; height:24px; display:inline-block; vertical-align:middle; margin-right:10px; margin-top:6px; float:left; }
.passwordico { background-position:-220px -74px; }

.Captcha{border:1px solid #CCC; padding:4px; width:85px; height:25px; display:inline-block; background:#fffedf; margin-right:8px; margin-left:1px; vertical-align:middle;}
.Captcha img{vertical-align:middle;}
.loginform { padding:15px; }
.loginform li { margin-top:8px;}
.loginform label { display:block; padding:0 0 3px 10px; font-size:14px; }

.loginregbtn{position:relative;}
.loginregbtn li { width:530px; height:67px; float:left;}
.loginregbtn li .boxbg { width:530px; height:50px; background:url(http://www.ef360.com/login/images/LoginRegBtn.png) no-repeat 0 0; position:relative; cursor:pointer; }
.loginregbtn li.btnreg2 .boxbg { background-position:0 -50px }
.loginregbtn li.btnreg3 .boxbg { background-position:0 -100px }
.loginregbtn li.btnreg4 .boxbg { background-position:0 -150px }
.loginregbtn li .shadows { height:15px; background:url(http://www.ef360.com/login/images/LoginRegBtn.png) no-repeat center -400px; }
.loginregbtn li .boxbg h3 { height:0px; overflow:hidden; }
.loginregbtn li .boxbg p { padding:7px 0 0 130px; color:#fff; font-size:12px; line-height:18px; }
.loginregbtn li.active .boxbg { margin-bottom:2px; margin-top:-1px; }
.loginregbtn li.btnreg1.active .boxbg { background-position:0 -200px; }
.loginregbtn li.btnreg2.active .boxbg { background-position:0 -250px; }
.loginregbtn li.btnreg3.active .boxbg { background-position:0 -300px; }
.loginregbtn li.btnreg4.active .boxbg { background-position:0 -350px; }

.loginregbtn li.active1 .boxbg { background-position:0 -200px; }
.loginregbtn li.active2 .boxbg { background-position:0 -250px; }
.loginregbtn li.active3 .boxbg { background-position:0 -300px; }
.loginregbtn li.active4 .boxbg { background-position:0 -350px; }

.accout_list { height:16px; line-height:16px;}
.accout_list a{ margin:0 5px; cursor:pointer;}

.regq{text-align:center; padding:25px 0; font-size:14px; line-height:24px;}
.loading{position:absolute; left:50px; top:8px;}

.icomsg{ height:24px; line-height:24px; padding:0 10px 0 30px; text-align:left; display:inline-block; width:160px; border-radius:5px; }
.icoError{border:1px solid #CD0A0A; background:#FEF1EC url(http://www.ef360.com/login/images/minus-octagon.png) no-repeat 5px center; color:#CD0A0A}
.icoWarning{border:1px solid #FCEFA1; background:#FBF9EE url(http://www.ef360.com/login/images/exclamation-octagon.png) no-repeat 5px center; color:#363636}
.icoOk{border:1px solid #1ca42d; background:#FBF9EE url(http://www.ef360.com/login/images/tick-octagon.png) no-repeat 5px center; color:#363636}

.inputtext { background:url(../images/RegInputBg.png) no-repeat top left; border:1px solid #B6B6B6; background-color:#9A9A9A #CDCDCD #CDCDCD #9A9A9A; padding:8px; width:260px; height:auto; margin:0;}

.forgetbox{ height:480px;}
.forgetbox .hd { padding:30px 30px; text-align:center;}
.forgetbox .hd h1{ font-family:'΢ÈíÑźÚ'; font-size:22px;}
.forgetbox .bd{padding:0 200px;}

.FormList{ padding: 0 35px;; height:170px;}
.FormList li { padding:8px 0; clear:both;font-size:14px; }
.FormList li label.form-l { width:90px; display:inline-block;*display:inline;zoom:1; text-align:right; color:#333; margin-right:5px; vertical-align:middle; padding-right:10px;}
.FormList li div.form-r { width:300px; display:inline-block;*display:inline;zoom:1; vertical-align:middle; text-align:left; }
.FormList .FormFocus {border:1px solid #3fccf5; background:#d9f5fd; padding:7px 4px; }

.forgetpwbar { background:url(../images/forgetpwbar.png) no-repeat top left; width:800px; height:50px; margin:auto;}
.forgetpwbar div{ background:url(../images/forgetpwbar.png) no-repeat bottom left; width:800px; height:50px;}
.forgetpwbar div.step1{width:200px;}
.forgetpwbar div.step2{width:450px;}
.forgetpwbar div.step3{width:700px;}
.forgetpwbar div.step4{width:800px;}

.selectbar{ height:30px; line-height:30px; font-size:14px; border-bottom:1px solid #ccc; margin-top:30px; text-align:center;}
.selectbar a,
.selectbar a:visited{ height:30px; line-height:30px; padding:0 20px; margin:0 2px; border:1px solid #ccc; border-bottom:none; display:inline-block; background:#ccc; color:#FFF;font-weight:bold;}
.selectbar a.active,
.selectbar a.active:visited{ height:30px; line-height:30px; background:#fafaf8; color:#333; }

.forgetBtnA{ background:url(../images/ForgetPwBtn.png) no-repeat 0 0; border:none; display:inline-block; cursor:pointer; width:150px; height:40px; }
.forgetBtnA:hover{ background:url(../images/ForgetPwBtn.png) no-repeat 0 -40px;  }

.forgetBtnB{ background:url(../images/ForgetPwBtn.png) no-repeat 0 -80px; border:none; display:inline-block; cursor:pointer; width:150px; height:40px; }
.forgetBtnB:hover{ background:url(../images/ForgetPwBtn.png) no-repeat 0 -120px;  }

.err_info{color:#CD0A0A; font-size:14px; font-weight:bold; line-height:20px; margin-top:-80px;}
.ico_err{ width:16px; height:16px; line-height:16px; display:inline-block;  background:url(http://www.ef360.com/login/images/minus-octagon.png) no-repeat 0px center; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.ico_warning{ width:16px; height:16px; line-height:16px; display:inline-block;  background:url(http://www.ef360.com/login/images/exclamation-octagon.png) no-repeat 0px center; vertical-align:middle; margin-top:-2px; margin-right:5px;}