/* 框 */
.signin{width: 498px; border: 1px solid #DADADA; background-color: #FFF; border-radius: 10px; margin: 50px auto; font-size: 12px; overflow: hidden;}
.signin > div{display: none;}
#signin{display: block;}
.signin .title{font-size: 24px; color: #666; font-weight: bold; text-align: center; border-bottom: 1px solid #DADADA; height: 80px;  line-height: 80px; margin-bottom: 45px; background-color: #FFF;}
.form > div{width: 350px; margin: 0 auto 15px;}
.signin input[type=text], .signin input[type=password]{width: 333px; height: 44px; line-height: 44px; padding-left: 15px; border: 1px solid #DADADA; font-size: 16px;}
.agrees{color: #666;}
.agrees input{display: inline-block; margin-right: 10px; vertical-align: top; width: 15px; height: 15px; border: 1px solid #DADADA;}
.agrees a{color: #000;}
.agrees label{cursor: pointer;}
.form input[type=submit]{display: block; width: 350px; height: 46px; margin: 0 auto; background-color: #cb2527; border: none; line-height: 46px; text-align: center; color: #FFF; font-size: 18px; font-weight: bold; margin-top: 10px; cursor: pointer;}
.form .haveid{width: 350px; margin: 15px auto 0; text-align: center; color: #666;}
.haveid a{color: #000;}
.form .wronghint{margin-bottom: 10px; margin-top: 25px; color: #cb2527;}
.form .wrong input{border-color: #cb2527;}
.form > div:first-child{position: relative;}
.form .close{position: absolute; background: url("../images/wrong.png") no-repeat; height: 19px; width: 19px; top: 13px; right: 12px; cursor: pointer;}
.form .quicklink{width: 350px; margin: 40px auto 0; text-align: center;}
.quicklink div{display: inline-block; width: 1px; height: 13px; background-color: #DADADA; vertical-align: top; margin: 0 5px;}
.quicklink a:first-child{color: #cb2527;}
a:hover{color: #cb2527;}
.copyright{color: #999; width:90%; margin: 0 auto; text-align: center; border-top:#DADADA 1px solid; font-size: 12px;}
.copyright p{margin-top: 10px;}

.larger{animation:hei 0.3s forwards; -webkit-animation:hei 0.3s forwards; -moz-animation:hei 0.3s forwards; -ms-animation:hei 0.3s forwards; -o-animation:hei 0.3s forwards;}
@keyframes hei{
	0%{height: 498px;}
	100%{height: 548px;}
}
.shorter{animation:sho 0.3s forwards; -webkit-animation:sho 0.3s forwards; -moz-animation:sho 0.3s forwards; -ms-animation:sho 0.3s forwards; -o-animation:sho 0.3s forwards;}
@keyframes sho{
	0%{height: 548px;}
	100%{height: 498px;}
}

/* 激活 */
#activation{height: 548px;}
#activation .quicklink{margin-top: 15px;}
#identify input{display: inline-block; width: 233px; vertical-align: top;}
#identify input[type=button]{display: inline-block; width: 95px; height: 46px; background-color: #cb2527; text-align: center; color: #FFF; line-height: 46px; cursor: pointer; border: none;}
#identify input[disabled=disabled]{background-color: #999; cursor: default;}
/* 登录 */
#signin{height: 498px;}
#signin .agrees a{float: right; color: #666;}
#signin .agrees a:hover{color: #cb2527;}
/* 注册 */
#register{height: 548px;}
#register #identify div{border: 1px solid #DADADA; width: 93px; height: 44px; background-color: #FFF; display: inline-block;}
#identify div img{width: 93px; height: 44px; border: none;}

/* 提示成功 */
#reg_success, #act_success, #reset_success{height: 548px;}
.success_icon{width: 100px; height: 100px; margin: 75px auto 30px auto; background: url("../images/success.png") no-repeat; background-size: 100% 100%;}
.success_mes{width:100%; margin: 0 auto; text-align: center;}
.success_mes p{width: 100%; font-size: 18px; font-weight: bold; color: #666;}
.success_mes a{width: 80%; margin: 16px auto;font-size: 14px; clear: both; display: block;line-height: 22px;}
.success_mes a.btn{width: 180px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #cb2527; border-radius: 3px;}
/* 找回密码 */
#find_password{height: 548px;}
#find_password .quicklink{margin-top: 15px;}
#identify2 input{display: inline-block; width: 233px; vertical-align: top;}
#identify2 input[type=button]{display: inline-block; width: 95px; height: 46px; background-color: #cb2527; text-align: center; color: #FFF; line-height: 46px; cursor: pointer; border: none; margin-right: 0;}
#identify2 input[disabled=disabled]{background-color: #999; cursor: default;}