/* --------- sec_form --------- */
	.sec_form{
		background: white;
		min-height: 100%;
		padding-bottom: 
	}
	.sec_form .container{
		padding:245px 11px 244px;
		box-sizing: border-box;
	}
	.sec_form .form_title{
		font-size: 1.85em;
		font-weight: 700;
		letter-spacing: 0px;
		margin-bottom: 40px;
	}

	.sec_form .left,
	.sec_form .right{
		display: inline-block;
		max-width: 450px;
		width: 50%;
		vertical-align: top;
		position: relative;
	}
	.sec_form .left{
		padding-right:calc(50% - 450px - 3px);
	}
	.sec_form .left:after{
		content:"";
		display: block;
		width: 2px;
		height: 200px;
		background: #646464;
		position: absolute;
		right: 0;
		top: 50px;
	}
	#forget{
		width:70px;
		margin:-30px auto 0;
		color:#FFAB00;
		position: relative;
		cursor: pointer;
	}
	#forget:after{
		content:"";
		display: block;
		width: 0;
		height: 1px;
		background: #FFAB00;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#forget:hover:after{
		width: 100%;
	}
	.sec_form .right{
		padding-left:calc(50% - 450px - 3px);
	}
	.sec_form li{
		min-height: 29px;
		margin: 30px 0;
		position: relative;
	}
	.form_item{
		display: inline-block;
		width: 113px;
		font-size: .95em;
		z-index: 1;
		letter-spacing: 3px;
		line-height: 1em;
		padding:6px 0px;
		box-sizing: border-box;
		pointer-events: none;
	}
	.note{
		position: absolute;
		color: #FFB64D;
		font-size: .9em;
		bottom: -1.2em;
	}
	
	.sec_form .btn{
		width: 120px;
		height: 37px;
		background: #FFB64D;
		line-height: 36px;
		margin:0 auto 30px;
		display: block;
	}

	/*text樣式覆蓋*/
		input[type=text],
		input[type=email],
		input[type=password]{
			display: inline-block;
			width: calc(100% - 113px);
			height: 29px;
			margin-left: -4px;
			color:#A3A3A3;
			font-size: .95em;
			letter-spacing: 3px;
			border-radius: 2px;
			border:none;
			box-sizing: border-box;
			padding:0px 20px;
			border:1px solid #DADADA;
			-webkit-appearance: none;
		}
		input[type=text]:active,
		input[type=text]:focus,
		input[type=email]:active,
		input[type=email]:focus,
		input[type=password]:active,
		input[type=password]:focus{
			outline:1px solid #FFB64D;
			border-color: transparent;
		}
/* --------- END sec_form --------- */
/* --------- sec_form --------- */

/* --------- forget --------- */
.main{
	
}
#forget_filter{
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 20;
	display: none;
}
.forget_box{
	max-width: 800px;
	width: 80%;
	height: 350px;
	background-color: white;
	box-sizing: border-box;
	padding:50px;
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	margin:auto;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.forget_box h4{
	font-size: 1.5em;
	letter-spacing: 2px;
	margin-bottom: 30px;
	text-align: center;
}
.forget_box ul{
	width: 90%;
	margin:0 auto;
}
.forget_box li{
	padding:5px 0;
}
.forget_box .enter_verify{
	width: 100px;
}
.btns{
	text-align: center;
	margin-top: 20px;
}
.forget_box .btn{
	width: 100px;
	height: 40px;
	line-height: 38px;
	margin:0 5px;
}
#verify{
	display: inline-block;
	vertical-align: top;
	background-color: #aaa;
	width: 100px;
	height: 29px;
}
/* --------- END forget --------- */
/* --------- RWD --------- */
	@media only screen and (max-width: 1100px){
		.sec_form .left, .sec_form .right{
			width: 40%;
		}
		.sec_form .left{
			padding-right:calc(10% - 3px);
		}
		.sec_form .right{
			padding-left:calc(10% - 3px);
		}
	}
	@media only screen and (max-width: 980px){
		.sec_form .container{
			padding:224px 11px 224px;
			box-sizing: border-box;
		}
		.sec_form .left,
		.sec_form .right {
			width: 100%;
			display: block;
			padding:0;
			margin:0 auto;
			max-width: 520px;
		}
		.sec_form .left:after{
			display: none;
		}

		.forget_box h4{
			font-size: 1.3em;
		}
	}
	@media only screen and (max-width: 768px){
		.forget_box {
			padding:30px;
		}
	}
	@media only screen and (max-width: 480px){
		.sec_form .container{
			padding:100px 0 50px;
		}
		.sec_form .form_title{
			text-align: center;
		}
		.sec_form li{
			margin:20px 0;
		}
		.form_item{
			padding:6px 0 15px;
		}
		.note{
			position: relative;
			display: inline-block;
			top: 0;left: 0;
		}
		input[type=text],
		input[type=email],
		input[type=password],
		.forget_box .enter_verify {
			width: 100%;
			margin:0 auto;
		}
		input[type=text]:active,
		input[type=text]:focus,
		input[type=email]:active,
		input[type=email]:focus,
		input[type=password]:active,
		input[type=password]:focus{
			border-color: #FFB64D;
		}
		.forget_box {
			width: 90%;
			height: 400px;
		}
		#verify{
			display: block;
			margin: 10px auto 0;
		}
		.forget_box h4{
			font-size: 1.1em;
			margin-bottom: 10px;
		}
		.forget_box .btn{
			width: 90px;
		}
	}
/* --------- END RWD --------- */