@charset "utf-8";

body {
	background:#f8f9fb;
}

.memberLogin {
	position:relative;
	padding:25px;
	width:100%;
	& .memberLoginWrapper {
		width:400px;
		padding:35px 0;
		margin:0 auto;
	}

	& .logo {
		text-align:center;
		margin:35px 0;
		& img {
			max-width:100%;
		}
		& a {
			font-size:2rem;
			color:#666;
		}
	}

	& .btnLogin {
		display: block;
		width: 100%;
		height: 50px;
		margin-top: 20px;
		font-size: 19px;
		text-align: center;
		line-height: 52px;
		color: #fff;
		background: #666;
		border:1px solid #333;
	}
	
	& .autoLogin {
		position: relative;
		width: 100%;
		height: 38px;
		line-height: 14px;
		
		& .setAutoLogin {
			float: left;
			margin-top: 10px;
			
			& .labelAutoLogin {
				float: right;
				overflow: hidden;
				padding-left: 7px;
				font-size: 13px;
				color: #555;
				line-height: 21px;
				cursor: pointer;
			}
			
			& .autoLoginCheck {
				float: left;
				position: relative;
				width: 20px;
				height: 20px;
				& .checkAutoLogin {
					position: absolute;
					left: 0;
					top: 0;
					z-index: 1;
					width: 100%;
					height: 100%;
					border: 0;
					-ms-filter: alpha(opacity=1);
					cursor: pointer;
				}
			}
		}
	}
}

.memberRegister {
	position:relative;
	padding:25px;
	& .memberRegisterWrapper {
		padding:35px 0;
		width:500px;
		margin:0 auto;
	}
	& .logo {
		text-align:center;
		margin:35px 0;
		& img {
			max-width:100%;
		}
		& a {
			font-size:2rem;
			color:#666;
		}
	}
	& .btnRegister {
		display: block;
		width: 100%;
		height: 50px;
		margin-top: 20px;
		font-size: 19px;
		text-align: center;
		line-height: 52px;
		color: #fff;
		background: #666;
		border:1px solid #333;
	}
}

& .memberExtraLink {
	margin-top:25px;
	& .extraLinks {
		text-align:center;	
		& li {
			display:inline-block;
			font-size:14px;
			&.divider {
				border-left:1px solid #ccc;
				width:1px;
				margin:0 15px;
			}
		}
	}
}

.memberForm {
	position:relative;
	& .fieldRow {
		position: relative;
		margin-top: 10px;
		border: 1px solid #d6d6d6;
		font-size: 15px;
		& .inputLabel {
			position: absolute;
			top: 0;
			left: 0;
			height: 48px;
			font-size: 15px;
			color: #888;
			line-height: 49px;
			text-indent: 15px;
			letter-spacing: -1px;
			pointer-events: none;
		}
		& .inputText {
			display: block;
			width: 100%;
			height: 48px;
			padding: 0 15px;
			border: 0;
			font-weight: 700;
			font-size: 15px;
			line-height: 25px;
			color: #101010;
			vertical-align: top;
			background-color: #fff;
			outline: 0;
			box-sizing: border-box;
		}
	}
}

.captcha {
	text-align:center;	
	margin:10px 0;
	& audio {
		display:inline-block!important;
	}
}