/* register page */
.shadow_top{ box-shadow: 0 5px 10px rgba(96, 0, 109, 0.05) inset; padding: 50px 0; }
.j_reg{ width: 460px; margin-left: 300px; }
.j_reg h6{ font-size: 25px; color: #333; text-align: center; font-weight: normal; height: 60px; line-height: 60px; padding-left: 100px; }
.j_reg_box li{*zoom:1; padding: 9px 0; }
.j_reg_box li:after{display:block;clear:both;content:"  ";visibility:hidden;height:0;}
.j_reg_box li label{ width: 100px; float: left; height: 42px; line-height: 42px; font-size: 15px; text-align: right; margin-right: 22px; }
.j_reg_box li div{ width: auto; float: left; height: 42px;  position: relative; }
.j_reg_box li input{ height: 40px; width: 320px; }

.j_reg_box li.regToLogin div{ text-align: right; width: 454px; height: 24px; }
.regToLogin a{ color: #608de4; }
.regToLogin a:hover{ color: #a40182; text-decoration: underline; }
.reg_btn{ display: block; background: #a40182; color: #fff; height: 42px; line-height: 42px; width: 332px; text-align: center; font-size: 15px; }
.reg_btn:hover{ background: #c10a9b; }
.j_reg_box .getPhoneCode{ display: block; margin-left: 10px; top: 0; right: 0; position: absolute; background: #a40182; color: #fff; height: 42px; line-height: 42px; width: 132px; text-align: center; font-size: 15px; }
.j_reg_box .getPhoneCode:hover{ background: #c10a9b; }
.j_reg_box .noGetCode{ display: block; margin-left: 10px; top: 0; right: 0; position: absolute; background: #a40182; color: #bbb; height: 42px; line-height: 42px; width: 132px; text-align: center; font-size: 15px; }
.j_reg_box .noGetCode:hover{ background: #a40182; }

.i_loginBg{ height: 622px; background: url(../images/i_loginBg.jpg) no-repeat center center; padding: 0; }

/* login */
.loginBg{background-image: url(../images/loginBg.jpg); width: 100%; height: 100%; position: absolute;top: 0;left: 0;z-index: -10;background-position: center 0;background-repeat: no-repeat; background-attachment: fixed;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;zoom: 1;}
.login-content{ width: 435px; height: 476px; background: url(../images/login_box.png) no-repeat; top: 70px; right: 50px; position: absolute; }
.login-main{  width: 315px; margin-left: 60px; }
.login-main h2{ font-size: 20px; color: #a40182; font-weight: normal; letter-spacing: 2px; padding-top: 60px; padding-bottom: 10px; }

.loginForm li{ margin-top: 35px; }
.userBg{ height: 55px; width: 312px; background: url(../images/login_icon.png) no-repeat 14px 14px #fafafa; position: relative; border: 1px solid #eaeaea; }
.pwdBg{ height: 55px; width: 312px; background: url(../images/login_icon.png) no-repeat 15px -108px #fafafa; position: relative; border: 1px solid #eaeaea; }
.userBg input, .pwdBg input{ margin-left: 50px; height: 45px!important; line-height: 45px; margin-top: 5px; width: 260px; border: 0; background: none; outline: none; font-size: 16px; color: #333; *+padding-top:7px;   }
.login-btn{ width: 314px; height: 55px; line-height: 55px; background: #a40182; font-size: 16px; color: #FFFFFF; border: none; outline: none; cursor: pointer; }
.login-btn:hover{ background: #c50b9f; }

.to_reg{ font-size: 13px; }
.to_reg a{ color: #608de4; font-size: 13px;}
.to_reg a:hover{ color: #a40182; text-decoration: underline; }