@charset "utf-8";

@import "common.css";

/*register3*/
.register3{ width:1000px; height:78px; background:url(../images/bg_register.gif) left center no-repeat; padding-top:20px;}
.registerCenter{ height:460px; background-color:#fff;}
.bgRegisterCenter{ width:161px; height:161px; background:url(../images/bg_registerCenter.gif) left center no-repeat; padding:50px 0 30px; margin:0 auto;}
.Successful{line-height:36px; font-weight:bold; text-align:center; font-size:36px; color:#e66557; font-family:Microsoft YaHei;}
.conRegister{ margin-top:35px;}
.conRegister p{ text-align:center; font-size:18px; font-family:Microsoft YaHei;}
.returnIndex{ text-align:center; margin-top:25px; }
.returnIndex a{ color:#3f62a3; font-size:14px; text-decoration:underline; font-family:Microsoft YaHei;}
/*register2*/
.register2{ width:1000px; height:78px; background:url(../images/bg_register2.gif) left center no-repeat; padding-top:20px;}
.registerCenter2{ height:415px; background-color:#fff; padding-top:70px;}
.registerLeft{ width:112px; height:112px; background:url(../images/registerLeft.gif) left center no-repeat; margin-left:130px;}
.registerRight{ width:580px; margin-left:50px; }
.registerRight p{ font-family:Microsoft YaHei;}
.registerRight p.p1{ font-size:34px; line-height:34px; color:#e66557; font-weight:bold; margin:10px 0 15px;}
.registerRight p.p2{ font-size:24px; line-height:24px; color:#e66557; }
.registerRight p.p3{ font-size:14px; line-height:14px; margin-top:45px; }
.registerRight p.p3 span{ color:#e66557;}
.registerRight p.p4{ font-size:14px; line-height:14px; margin:15px 0 30px;}
.registerRight p.p5{ font-size:14px; line-height:14px;  color:#27539c; font-weight:700;}
.registerRight p.p6{ font-size:14px; line-height:20px; margin:17px 0 14px;}
.registerRight p.p7{ font-size:14px; line-height:20px; }
.registerRight p.p7 a{ color:#4063a4; text-decoration:underline; font-weight:600;}
/*register1*/
.reg_form{ background-color:#fff;}
.elementCenter{margin: auto;float: none;}
.required{ text-align:right; color:#b7b7b7;  line-height:20px; padding:2% 2% 2% 0;}
.reg_form h3{ color:#27539c; font-family:Microsoft YaHei; font-size:18px; font-weight:600;}
.tab1{ margin:0 auto; font-size:14px; line-height:30px;}
.tab1 th{ width:158px; text-align:right; color:#7d7d7d;  }
.tab1 td{ line-height:30px;}
.tabLeft{font-weight: bold;font-size: 14px; color: #7d7d7d;}
.tabLeft strong{ color:#ff673d; margin-right:5px;}
.tabRight{}
.tabRight .true{ width:28px; height:30px; position:relative; top:10px;  background:url(../images/true.gif) left center  no-repeat; display:inline-block; *display:inline; }
.tabRight .false{ width:28px; height:30px; position:relative; top:10px;   background:url(../images/false.gif) left center no-repeat; display:inline-block; *display:inline; }
.pwdStrength{ height:14px; text-align:center; background-color:#ededed;  font-size:12px; line-height:15px;color:#b3b3b3; }
.userPwd{ color:#ededed;}
.pwd2{ color:#bdbdbd;}
.conMail{ width:275px; font-size:12px; color:#b0b0b0; line-height:20px; margin-top:10px;}
.tabRight .userName2{ width:92px;}
.tabRight .code{ width:83px; height:30px; background:url(../images/code.gif) left center no-repeat; display:inline-block; *display:inline; position:relative; top:10px;}
.tabRight a.change{ width:75px; height:30px; display:inline-block; *display:inline; line-height:14px; font-size:12px; color:#b0b0b0; cursor:pointer;}
.registerBtn{ width:124px; height:32px; border-radius:4px; background-color:#e66557; text-align:center; line-height:32px; font-size:16px;   font-family:Microsoft YaHei; color:#fff; font-weight:500; cursor:pointer;}
/*login*/
.main2{ background-color:#ecebe9;}
.fontFamily{ text-align: center;}
.login1{ background-color:#fff;  box-shadow: 1px 2px px #d5d4d2; border:1px solid #d5d4d2\9;padding-bottom: 20px;margin-bottom: 20px;}
/* .snsLogo{ width:130px; height:50px; background:url(../images/snsLogo.gif) left center no-repeat; margin:0 auto; padding:25px 0 15px;}
.fontFamily{ width:226px; height:56px; background:url(../images/fontFamily.gif) left center no-repeat; margin:0 auto; margin-bottom:20px; }
.login1{ background-color:#fff; width:30%; margin:0 auto 40px; box-shadow: 1px 2px px #d5d4d2; border:1px solid #d5d4d2\9;}
@media (max-width:1199px) and (min-width:680px) {
	.login1{width:50%;}
}
@media (max-width:679px){
	.login1{width:90%;}
} */
.login{margin:0 auto; }
.loginTop{ width:86px; margin:0 auto; padding:20px 0;}
.user_name{ width:80%; height:47px; line-height:47px; border-radius:3px; padding-left:10px; border:1px solid #ccc; color:#666; margin-bottom:20px;  margin-left:20px; font-size:14px;}
.leftBox input{ vertical-align:-2px; color:#666; margin-left:20px;}
a.rightBox{ color:#597EB5; cursor:pointer; margin-right:20px;}
.loginCheckBox a:hover{  color:#EA594A;}
.loginCheckBox{ margin-bottom:20px; margin:0 auto;}
.btn{ margin-top:20px; overflow:hidden; *margin-bottom:20px; }
.loginBtn{ width:120px; line-height:48px; height:48px; background-color:#e66557; border-radius:3px; color:#fff; font-size:18px; cursor:pointer; border:none;  margin-left:20px; text-align:center;border-bottom: 3px solid #ca5c4f;}
.loginBtn a{ float:left;  width:120px; line-height:48px; color:#fff; }
.registerBtn2{  width:120px; height:48px; line-height:48px; background-color:#9ace80; border-radius:3px; color:#fff; font-size:18px; cursor:pointer; border:none; margin-left:20px;  text-align:center;border-bottom: 3px solid #9bbb8c;}
.registerBtn2 a{ float:left;  width:120px; height:48px;  color:#fff;}
@media (max-width:389px){
	.loginBtn{width: 110px;margin-left: 0px;}
	.registerBtn2{width: 110px;margin-left: 0px;}
}
.otherLogin{ overflow:hidden;background-color:#f6f6f6; height: 50px; line-height:50px; margin:0 auto; margin-top:20px; *margin-top:0; }
.otherLogin .otherLeft{ color:#c0c0c0; font-weight:normal;}
.otherLogin .otherRight{}
.otherRight a{ float:left; margin-top:10px;margin-left:15px; width:24px; height:24px; }
.otherRight a.other1{ background:url(../images/other1.gif) left center no-repeat; display:inline-block; *display:inline;}
.otherRight a.other1:hover{   background:url(../images/other01.gif) left center no-repeat; }
.otherRight a.other2{  background:url(../images/other2.gif) left center no-repeat; display:inline-block; *display:inline;}
.otherRight a.other2:hover{  background:url(../images/other02.gif) left center no-repeat; }
.otherRight a.other3{  background:url(../images/other3.gif) left center no-repeat; display:inline-block; *display:inline;}
.otherRight a.other3:hover{  background:url(../images/other03.gif) left center no-repeat; }
.otherRight a.other4{  background:url(../images/other4.gif) left center no-repeat; display:inline-block; *display:inline;}
.otherRight a.other4:hover{  background:url(../images/other04.gif) left center no-repeat; }