@import url(../style_member/style_form.css);

/*/////////////////////////////////////////////////////////*/
/*-------會員註冊--------*/
/*/////////////////////////////////////////////////////////*/
.form_listBg.member_login.member_add {
	display: block;
	/* padding: 0px 40px 60px; */
}
	.form_listBg.member_login.member_add .form_listArea {
		margin: 0 auto;
		padding: 20px 25px;
    	width: 520px;
		border: 0.05em solid #e8e8e8;
	    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
	}

		.form_listBg.member_login.member_add .loginButton {
			padding: 25px 0px 15px;
		}

			.form_listBg.member_login.member_add .fL_info input[type="date"] {
				/* width: 290px; */
				max-width: 100%;
				/* background-color: #F4F4F4; */
				/* border: unset; */
			}

			.form_listBg.member_login.member_add .fL_info label {
				padding: 0;
			}

@media (max-width: 1024px) {
	.form_listBg.member_login.member_add {
		display: block;
		/* padding: 0px 0px 60px; */
	}
}

@media (max-width: 990px) {
	.form_listBg.member_login.member_add .form_listArea {
		width: 80%;
	}
}

@media (max-width: 641px){
	.form_listBg.member_login.member_add .form_listArea {
		width: 100%;
		/* padding: 0; */
	}
}

/*/////////////////////////////////////////////////////////*/
/*-------會員忘記密碼--------*/
/*/////////////////////////////////////////////////////////*/

.form_listBg.member_login.member_forget .form_listArea {
	margin: 0 auto;
	padding: 20px 25px;
	width: 520px;
	border: 0.05em solid #e8e8e8;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
}

/* 裝飾區塊 */
.form_listBg .deco_bg{
	padding: 10px 0px 15px;
	width: 100%;
}
	.form_listBg .deco_bg .content{
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
		.form_listBg .deco_bg .deco_line{
			flex: 1;
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			-moz-box-flex: 1;
			-ms-flex: 1;

			background-color: #000;
			width: 100%;
			height: 0.05em;
		}
	
		.form_listBg .deco_bg .deco_text{
			color: #000;
			font-size:  13px;
			padding: 0px 10px;
		}	





/* 其他功能區塊 */
.form_listBg .other_bg{
	padding: 0px;
	text-align: center;
	width: 100%;
}
	.form_listBg .other_bg .content {
		margin: 0px -3px;

		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: flex-start;
	}
		.form_listBg .other_bg .content .other_list{
			position: relative;

			width: 50%;
			padding: 0px 3px;
			box-sizing: border-box;
		}
			.form_listBg .other_bg .content .other_list:nth-of-type(2):before{
				position: absolute;
				left: -0.5px;

				content:'';
				background-color: #000;
				width: 0.05em;
				height: 23px;
			}

			.form_listBg .other_bg .content .other_list a{
				display: block;
				color: #000;
				font-size:  13px;
				padding: 5px 15px;
				transition: 0.2s ease all;
				text-decoration: none;
			}
			.form_listBg .other_bg .content .other_list a:hover{
				color: #305572;
			}

@media(max-width:465px){
	.form_listBg .form_area .form_list > [type="text"] {
		width: 71%;
	}
}

@media(max-width:425px){
	.form_listBg .form_area .form_list > [type="text"] {
		width: 68%;
	}
}

@media (max-width: 414px){
	.form_listBg .form_area .form_list > [type="text"] {
		width: 67%;
	}			
}