@charset "utf-8";
/* CSS 用户注册/登陆表单元素样式 */

/*修改google浏览器，文本框/选择框默认的聚焦黄色背景为白色 */
input:-webkit-autofill,select:-webkit-autofill {  
    -webkit-box-shadow: 0 0 0 1000px white  inset !important;
} 

.btn { width:100%; height:40px; line-height:40px; border-radius:5px; outline:none; font-size:16px; text-align:center; }
.btn-general { border:1px solid #32b48a; color:#fff; background:#28b18a; cursor:pointer; }
.btn-general:hover { background:#31c79c; }
.btn-smscode { border:1px solid #32b48a; color:#fff; background:#28b18a; cursor:pointer; }
.btn-smscode:hover { background:#31c79c; }
.btn-emailcode { border:1px solid #55bbc7; color:#fff; background:#55bbc7; cursor:pointer; }
.btn-emailcode:hover { background:#77dde9; }
.btn:disabled { border:1px solid #eee; color:#bbb; background:#eee; cursor:default; }
input[type="text"],input[type="password"] {
	width: 100%;
	height: 40px;
	padding: 0 20px 0 70px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: none;
	outline:0;
	color: #666;
	background-image: url(/images/login_icon.png);
	background-repeat: no-repeat;
	background-size: 50px 750px;
	background-color: #f2f2f2;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
	border-color: #55bbc7;
	background-color: #fff;
}
.error input, .error select, .error textarea {
	border-color: #b94a48;
	color: #b94a48;
}

#voucher { background-position:0 0; }
#voucher:focus { background-position:0 -50px; }
#voucher.error { border-color:#ff6767; background-position:0 -100px; }
input[type='password'] { background-position:0 -150px; }
input[type='password']:focus { background-position:0 -200px; }
input[type='password'].error { border-color:#ff6767; background-position:0 -250px; }
#mobile { background-position:0 -300px; }
#mobile:focus { background-position:0 -350px; }
#mobile.error { border-color:#ff6767; background-position:0 -400px; }
#email { background-position:0 -450px; }
#email:focus { background-position:0 -500px; }
#email.error { border-color:#ff6767; background-position:0 -550px; }
#smsCode, #emailCode, #validateCode { background-position:0 -600px; }
#smsCode:focus, #emailCode:focus, #validateCode:focus { background-position:0 -650px; }
#smsCode.error, #emailCode.error, #validateCode.error { border-color:#ff6767; background-position:0 -700px; }