.member-login{background-image: url("../images/member/bg.jpg");background-repeat: no-repeat;background-position: center 0;min-height: 760px;padding-bottom: 36px;}
.member-login .crumbs,.member-login .crumbs a,.member-login .crumbs a:after{color: #FFFFFF;}
.member-box{margin: 40px auto 0 auto;background-color: #FFFFFF;border-radius: 10px;padding: 30px 26px 40px 26px;}
.member-box h1{height: 46px;line-height: 46px;text-align: center;font-size: 28px;color: #000000;}
.member-box > ul > li{padding-top: 30px;border-bottom: 1px solid #CCCCCC;position: relative;width: 49%;float: left;margin-left: 1%;}
.member-box > ul > li.big,.member-login .login > ul > li{float:none;width:100%;clear: both;}
.member-box > ul > li label{line-height: 22px;color: #000000;font-size: 14px;display: block;}
.member-box > ul > li input.form_input{height: 36px;line-height: 36px;border: none;width: 100%;padding-left: 1%;outline: none;font-size: 14px;color: #000000;font-weight: bold;}
.member-box a.forget{position: absolute;right: 0;top: -60px;line-height: 22px;color: #838383;border-bottom: 2px solid transparent;padding: 0 5px;}
.member-box a.forget:hover{border-bottom: 2px solid #EE5A00;}
.member-box .remember{text-align: center;color: #838383;font-size: 13px;padding: 16px 0;position: relative;}
.member-box .remember input{display: inline-block;border: 2px solid #B2B2B2;width: 20px;height: 20px;-webkit-appearance: checkbox;cursor: pointer;}
.member-box .remember span{display: inline-block;height: 18px;line-height: 18px;overflow: hidden;padding-left: 5px;}
.member-box .remember span a{text-decoration: underline;}
.member-box .btn button{width: 100%;height: 40px;line-height: 40px;font-size: 18px;border: none;border-radius: 10px;background-color: #939BAA;color: #FFFFFF;font-weight: bold;text-transform: uppercase;cursor: pointer;}
.member-box .btn button:hover{background-color: #EE5A00;}
.member-box .links{padding-top: 24px;line-height: 22px;text-align: center;}
.member-box .links a{text-decoration: underline;color: #269D81;}
.member-box .links a:hover{color: #EE5A00;}
.member-box dl.quick{padding-top:24px;}
.member-box dl.quick dt{line-height: 40px;height: 40px;text-align: center;font-size: 14px;color: #838383;position: relative;}
.member-box dl.quick dt:before,.member-box dl.quick dt:after{content:"";width: 150px;height: 1px;background-color: #E3E3E3;position: absolute;top: 50%;}
.member-box dl.quick dt:before{left: 0;}
.member-box dl.quick dt:after{right: 0;}
.member-box dl.quick dd{padding: 20px 0;text-align: center;}
.member-box dl.quick dd a{width: 46px;height: 46px;display: inline-block;line-height: 44px;font-size: 24px;border: 1px solid #E0E0E0;border-radius: 50%;margin: 0 14px;color: #E0E0E0;cursor: pointer;}
.member-box dl.quick dd a:hover{background-color: #269D81;border: 1px solid #269D81;color: #FFFFFF;}
.member-login .login{width: 470px;}
.member-login .register{width: 850px;}
@media screen and (max-width: 768px)
{
	.member-login{background-image: none;}
	.member-box{width: auto !important;margin: 20px 1rem;}
	.member-box > ul > li{float: none;width: 100%;clear: both;}
	.member-box a.forget{position: static;float: left;}
	.member-box .remember{text-align: right;}
	.member-box dl.quick dt:before,.member-box dl.quick dt:after{width:100px;}
}