#memberForm{background-color: #616471;padding-bottom: 200px;}
#memberForm .navigation a{color:#FFFFFF;}
#memberForm .navigation + .wrap{width:570px;}
#memberForm h1{margin-top: 70px;line-height: 130px;font-size: 22px;color: #FFFFFF;font-weight: bold;text-align: center;}
#memberForm li{position: relative;border-bottom: 1px solid #989AA3;height: 60px;line-height: 60px;color: #FFFFFF;}
#memberForm li i{font-style: normal;font-weight: bold;position: absolute;z-index: 2;text-align: right;min-width: 22%;}
#memberForm li input{border: none;height: 60px;width: 77%;background-color: transparent;padding-left: 23%;color: #FFFFFF;}
#memberForm li img{position: absolute;right: 10px;top: 15px;cursor: pointer;display: none;}
#memberForm .links{padding: 10px 3px;}
#memberForm .links a.forget{color: #FF9000;text-decoration: underline;}
#memberForm .links + .btns{text-align:left;}
#memberForm .links + .btns input.btn{margin-right: 20px;float: left;}
#memberForm .btns{padding-top: 20px;text-align: center;}
#memberForm .btns input.btn:hover{background-color: #FF0C10;}
#memberForm .btns .btn{width: 275px;height: 48px;border: none;border-radius: 5px;background-color: #FF6D0C;font-size: 20px;font-weight: bold;color: #FFFFFF;display: block;text-align: center;line-height: 48px;cursor: pointer;text-decoration: none;margin: 0 auto;}
#memberForm .btns a{color: #FF9000;}
#memberForm .btns a.btn{margin-right: 0;background-color: #7F849A;}
#memberForm .btns a.btn:hover{background-color: #202020;}
#memberForm .agreement{padding: 15px 0;text-align: center;}
#memberForm .agreement a{color:#FF9000;}
#memberForm .agreement label{position: relative;padding-left: 23px;line-height: 20px;font-size: 14px;color: #FFFFFF;cursor: pointer;}
#memberForm .agreement label:before{content:"";width: 14px;height: 14px;border: 1px solid #000000;display: block;position: absolute;left: 0;top: 0;background-color: #FFFFFF;}
#memberForm .agreement label:after{opacity:0;content:'';position:absolute;width:14px;height:6px;background:transparent;top:1px;left:3px;border:2px solid #FF0C10;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#memberForm .agreement input[type=checkbox]:checked+label:after{opacity:1;}
/*error*/
#memberForm .error{text-align: center;color: #FFFFFF;border: 1px solid #FFFFFF;margin-bottom: 7px;padding: 7px 0;}
#memberForm .error li{border-bottom: none;line-height: 20px;height: auto;}
@media screen and (max-width: 767px)
{
	#memberForm{padding-bottom: 50px;}
	#memberForm .navigation + .wrap{width: auto;margin: 0 0.5rem;}
	#memberForm li i{position: static;line-height: 16px;display: block;text-align: left;padding-top: 8px;}
	#memberForm li input{padding-left: 0;width: 100%;height: 36px;line-height: 36px;float: left;}
	#memberForm .btns .btn{width: 49%;margin-right: 2%;}
}