*{margin:0;padding:0;}
body{font-family: tahoma,arial,宋体,sans-serif;min-width:800px;overflow-X:hidden;}
a{text-decoration:none;}
li{list-style:none;}
.login_nav{position:relative;width:100%;height:100px;}
.login_nav img{margin-left:10%;margin-top:4px;}
.login_nav label{
text-align:center;
}
.login_nav a{position:absolute;right:26%;font-size:12px;bottom:20px;color:#7f7f7f;padding-left:20px;padding-top:2px;}
.login_nav a:hover{color:#4242ff;}
.login_bg{position:relative;width:100%;height:760px;background: url(warehouse/lib/img/login/login_bg.png) no-repeat;background-size:100% 100%;}
#img{position:absolute;}
.login{position:relative;width:370px;height:320px;margin:auto;top:25%;padding:20px 20px 10px;border-radius:5px;}
.errorTips{position:absolute;width:321px; line-height:30px; text-align:center;color:#FFF; background:#FD5583; margin:16px 30px; border-radius:3px; display:none;bottom:2px;cursor:pointer;}
.verify input{width: 110px;height: 35px;border:1px solid #57B0F4; border-radius:4px;padding-left: 15px;margin: 0 5px 5px 30px;}
.verifyimg{width: 47%;height: 37px;float:right;margin-right:30px;}
.verify_img{width: 150px;height: 37px;}
.get_verify{float: right;width:20px;height:20px;padding-top:8px;cursor:pointer;}
.div_box{position:relative;height:20px;margin-top:10px;}
.div_box a{position:absolute;bottom:1px;right:10px;color:#a2a2a2;}
.div_box a:hover{color:#57B0F4;text-decoration:underline;}
.line{position:relatiove;width:100%;height:42px;}
.line img{position:absolute;left:10px;}
.line h3{height:30px;margin-left:80px; padding-top:5px;color:#406eaa; font-size:16px;  line-height:30px; margin-bottom:10px;}
.checkimg{position:relative;height:20px;margin:10px -7px;}
.checkimg img{top: 3px; position: relative;}
#loginform{position:relative;width:100%;height:auto;}
.user,.psw,.lang{position:absolute; margin-top:20px;margin-left:40px;width:16px; height:18px;z-index:1;}
.user{background:url(warehouse/lib/img/login/iPhone.png) 0 -480px no-repeat; }
.psw{background:url(warehouse/lib/img/login/iPhone.png) 0 -506px no-repeat; }
.lang{background:url(warehouse/lib/img/login/language.png) 0 0 no-repeat; }
#loginform input,.language{width:69%; padding: 10px 5px 10px 45px;border:1px solid #57B0F4; border-radius:4px;margin:6px 30px;}
.btnInfo{position:relative;width:308px; height:50px; font-size:16px;color:#fff;border: 1px solid transparent;border-color:#57B0F4;border-radius:4px;background-color: #57B0F4;text-align:center;cursor:pointer;margin:10px 30px;}
.btnInfo:hover{color: #fff;background-color: #0e7dcf;border-color: #0e7dcf;}
.loginadbtn{position:absolute;top:80px;left:20%;}
.loginadbtn a{ display:block; width:190px;height:40px; text-align:center; line-height:40px; font-size:16px; color:#406eaa; border:1px solid #848484;background:url(warehouse/lib/img/login/btn.png) 0 -3px no-repeat;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.login_bottom{width:100%;height:auto;border-top:1px solid #c0c0c0;margin-top:20px;}
.login_bottom p{margin-top:20px;color:#666;font-size:12px;text-align:center;}
.friendLink{width:100%;padding-top:20px;text-align:center;}
.friendLink a{color:#406EAA;margin-left:40px;text-decoration:none;}
.friendLink a:hover{text-decoration:underline;}
@keyframes icon-bounce {
  0%{
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
  }

  25% {
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-webkit-transform: rotate(72deg);
transform: rotate(72deg);
  }

  50% {
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
  }

  75% {
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-webkit-transform: rotate(216deg);
transform: rotate(216deg);
  }

  85% {
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-webkit-transform: rotate(288deg);
transform: rotate(288deg);
  }
  100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
  }
} 

/*register*/
#header,#menu{width:100%; min-width:1200px; background:#fff;}
.header{width:1200px; margin:0 auto; height:100px; line-height:100px; padding-top:15px; position:relative;}
#footer{margin:20px auto 45px; width:1170px; padding-left:30px; height:170px; background:#fff; border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb; position:relative;}
#footer p{text-align:center; margin-top:100px;border-top:1px solid #ebebeb;}
.weixin{width:170px; height:170px; position:absolute; top:0; right:0; z-index:1;border-left:1px solid #ebebeb; background:#fff;}
.weixin img{width:100px; height:100px; margin:25px 35px 0 35px;}
.weixin h3{color:#666; font-size:12px; line-height:20px; text-align:center;}

input[type="text"]:focus,input[type="password"]:focus{
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.8);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.8);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.8)
}
.header a{position:absolute; top:60px; right:50px; font-size:12px; color:#666; height:20px; line-height:23px; text-indent:20px;}
.header a:hover{color:#009fe3;}
.header h3{position:absolute; top:60px; left:60px; height:24px; font:18px/24px 'Microsoft YaHei'; border-left:1px solid #afafaf; padding:0 12px;}
.png_bg{position:absolute; top:50px;}
.register_content{width:1200px; margin:0 auto; position:relative;}
.bg{height:34px;background:url(warehouse/lib/img/login/line.png) left 0 repeat-x;}
.step_ul{padding:0 40px; margin-top:32px; height:64px; background:url(warehouse/lib/img/login/iPhone.png) 0 -314px no-repeat;}
.step1{padding:0 40px; height:64px; background:url(warehouse/lib/img/login/iPhone.png) center -381px no-repeat;}
.step2{padding:0 40px; height:64px; background:url(warehouse/lib/img/login/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:#406eaa;}
.step1 .li2{background:#d1d1d1; margin-left:40px;}
.step2 .li1{background:#d1d1d1;}
.step2 .li2{background:#009fe3; margin-left: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;}
#member_id,#mail,#newpw,#newpw2{width:308px; height:26px;line-height:26px;padding:10px 5px; border:1px solid #aeaeae; border-radius:4px; color:#666;}
#company_id,#nm_en,#charger_nm_en,#email,#zipcode,#tel,#fax,#account_no,#address_en,#pw,#pw2{width:308px; height:26px;line-height:26px;padding:10px 5px; border:1px solid #aeaeae; border-radius:4px; color:#666;}
.input_div span{ margin-left:6px;}
#findPW_btn,#resetPW_btn,#btn, .btn2, .success_login, .login_btn{width:460px; height:60px; text-align:center; font:bold 16px/60px '宋体'; border:0 none; border-radius:4px; color:#fff; cursor:pointer; background:#406eaa;letter-spacing:6px;}
#findPW_btn,#resetPW_btn,#btn{width:320px;}
#btn:hover, .btn2:hover, .success_login:hover,.login_btn:hover{background:#4c74d1;}
.input_div span{no-repeat;padding-left:25px; padding-bottom:6px;}
.input_div5 span{background:0 none;}

.reg_login{width:270px; height:240px; border:2px solid #e1e1e1; border-top:2px solid #4c74d1; position:absolute; top:190px; right:40px; background:url(warehouse/lib/img/login/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;}
.login_title {font-weight: 300;color: white;font-size: 50px;position: relative;top: 12%;letter-spacing: 4px;width: 900px;margin: 0 auto;text-align: center;}
.formTitle {color: #64AAFA;font-weight: bold;font-size: 30px;margin: auto;width: 100%;text-align: center;letter-spacing: 9px;margin-bottom: 10px;}