/* 匯入共用會員欄位模組.css */
@import url("../style_member/style_member_form.css");





.pageContent ,
.right_contentBg{
    min-height: unset;
}


.pageContent_in{
    margin: 0 auto;	
    padding: 0;
}







/* ==================忘記密碼css===================== */

.form_listBg.member_login.member_forget {
	display: block;
	/* padding: 0px 40px 60px; */
}
	.form_listBg.member_login.member_forget .form_listArea {
		margin: 0 auto;
		padding: 1.25rem 1.5625rem; /*20px 25px*/
    	max-width: 32.5rem; /* 520px */
		border: 0.05em solid #e8e8e8;
	    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
	}
	.form_listBg .form_listArea{
		/* width: 50%; */
		/* padding: 0 50px; */
		/* padding: 0 2.6vw; */
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		gap: .9375rem; /*15px*/
	}

	.form_title {
		text-align: center;
		margin-bottom: 0;
	}


		.form_listBg.member_login.member_forget .loginButton {
			/* padding: 25px 0px 0px; */
		}
            .form_listBg.member_login.member_forget .loginButton input{
                width: 100%;
                background-color: var(--seventh_color);
                color: #fff;
                border-radius: unset;
                /* font-size: 15px; */
                font-weight: 700;
                border-radius: 100px;
                font-size: inherit;
            }



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

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


					/*地址樣式-----------------------*/
					.fL_info.address {
						/* display: grid;*/
						grid-template-columns: repeat(3 , 1fr) auto; 
					}
						/* .fL_info.address select{
							width: auto;
						}
						.fL_info.address input{
						}	 */
						.fL_info.address input:last-of-type{
							grid-column-start: 1;
							grid-column-end: 4;
						}



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

@media (max-width: 990px) {

    .pageContent {
        padding: 30px 0 ;
    }

		.form_listBg.member_login.member_forget .form_listArea {
			padding: 15px 10px;
		}
}

@media (max-width: 641px){
	.form_listBg.member_login.member_forget .form_listArea {
		width: 100%;
	}
}



















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


/* 裝飾區塊 */
.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: var(--sixth_color);
			width: 100%;
			height: 0.05em;
		}
	
		.form_listBg .deco_bg .deco_text{
			color: var(--sixth_color);
			font-size:  clamp(0.8125rem, 0.7292vw, 0.8750rem); /* 字體 最小值 13px、大小約 0.7292vw、最大值 14px */
			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: #ccc;
				width: 0.05em;
				height: 23px;
			}

			.form_listBg .other_bg .content .other_list a{
				display: block;
				color:  var(--dark_color);
				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%;
	}			
}