body{
	background: url(../img/join_bg.png) no-repeat;
	height: 880px;
}

.join_logo{
	color: #c9ccfe;
	font-size: 30px;
	width: 700px;
	line-height: 128px;
	padding-left:316px;
	box-sizing: border-box;
	background: url(../img/join_logo.png) no-repeat 24px top;
	margin: 132px auto 0;
	font-weight: 500;
}

.join{
	width: 674px;
	height: 505px;
	background: #fff;
	box-shadow:0px 5px 5px 0px rgba(179, 179, 179, 0.75);
	-moz-box-shadow:0px 5px 5px 0px rgba(179, 179, 179, 0.75); 
	-webkit-box-shadow:0px 5px 5px 0px rgba(179, 179, 179, 0.75);
	margin: -13px auto;
}

.join img{
	display: block;
}

.join .joinid{
	line-height: 76px;
	background: #242b31;
	color: #fff;
	font-size: 24px;
	margin-bottom: 60px;
	text-indent: 22px;
}

.join form i{
	display: block;
	width: 48px;
	height: 46px;
	background: url(../img/join_user.png) no-repeat center center;
	position: absolute;
	top: 0;
}

.join form .password i{
	background-image: url(../img/join_password.png);
}

.join form label{
	width: 576px;
	margin-left: 52px;
	margin-bottom: 30px;
	position: relative;
}

.join form input{
	width: 574px;
	height: 46px;
	background: #FFFFFF;
	border: 1px solid #dcdcdc;
	color: #d1d0d0;
	font-size: 16px;
	text-indent: 62px;
}

.join form .yzm input{
	width: 445px;
	text-indent: 32px;
}

.join button{
	width: 573px;
	height: 65px;
	border-radius: 4px;
	border: 0 none;
	background: #ff6e1f;
	color: #FFFFFF;
	font-size: 26px;
	margin-left: 52px;
}