/*
	[DESTOON B2B System] Copyright (c) 2008-2020 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
*{font-size:14px;color:#000000;}
body{font-family:'Microsoft YaHei',Verdana,Arial,Helvetica,sans-serif;background:#EFEFF4;margin:0;height:100%;}
a:link,a:visited,a:active {color:#0067B8;text-decoration:none;font-size:12px;}
a:hover{color:#FF6600;}
input{color:#000000;outline:none;-webkit-appearance:none;}
.login{width:400px;margin:160px auto 0 auto;background:#FFFFFF;border-radius:6px;box-shadow: 0 0 10px #DDDDDD;}
.head{letter-spacing:1px;padding:32px 48px 8px 48px;line-height:24px;overflow:hidden;font-weight:bold;font-size:20px;user-select:none;-moz-user-select:none;}
.head div {float:right;text-align:right;width:80px;font-weight:normal;background:url('login-switch.png') no-repeat 0 center;}
.head div span {color:#005AA0;}
.head div:hover {background:url('login-switch-on.png') no-repeat 0 center;}
.head div:hover span{color:#FF6600;}
.main {padding:0 0 24px 0;}
.main div{padding:16px 48px;}
#username{width:256px;height:36px;line-height:36px;border:#CCCCCC 1px solid;border-radius:4px;padding:0 16px 0 32px;background:#FFFFFF url('login-username.png') no-repeat 8px center;}
#mobile{width:256px;height:36px;line-height:36px;border:#CCCCCC 1px solid;border-radius:4px;padding:0 16px 0 32px;background:#FFFFFF url('login-mobile.png') no-repeat 8px center;}
#password{width:256px;height:36px;line-height:36px;border:#CCCCCC 1px solid;border-radius:4px;padding:0 16px 0 32px;background:#FFFFFF url('login-password.png') no-repeat 8px center;}
#captcha{width:60px;height:36px;line-height:36px;border:#CCCCCC 1px solid;border-radius:4px;padding:0 16px 0 32px;background:#FFFFFF url('login-captcha.png') no-repeat 8px center;}
#code{width:100px;height:36px;line-height:36px;border:#CCCCCC 1px solid;border-radius:4px;padding:0 16px 0 32px;background:#FFFFFF url('login-password.png') no-repeat 8px center;}
#username:hover,#mobile:hover,#password:hover,#captcha:hover,#code:hover{border:#005AA0 1px solid;}
#sbm,#btn{display:inline-block;width:136px;height:36px;line-height:normal !important;padding:0;text-align:center;cursor:pointer;border-radius:4px;}
#sbm{background:#0067B8;border:#005AA0 1px solid;color:#FFFFFF;margin-right:32px;}
#sbm:hover{background:#005AA0;}
#btn{background:#F8F8F8;border:#D8D8D8 1px solid;}
#btn:hover{background:#DEDEDE;border:#CECECE 1px solid;}
#msgs{z-index:1000;position:absolute;width:150px;margin:30px auto 0 201px;border-radius:4px;background:#CE3C39;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
#tips{width:400px;margin:16px auto 0 auto;background:#FFFFFF;height:36px;line-height:36px;font-size:12px;text-align:center;display:none;border-radius:4px;}
#tips:hover{background:#FDE7E7;}