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

.inBanner{
	display: none;
}

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

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

/* 重整按鈕------------------------------ */
.fL_info a {
    padding: 0;
	margin: 0;
    background: var(--secondary_color);
    border: .0625rem solid var(--secondary_color);
}

.fL_info .material-icons {
    font-size: clamp( 1.25rem, 3.4667vw, 1.625rem );
	color: #fff;
}

/* 注意事項------------------------------ */
.fL_info.captcha .notice {
	font-size: clamp( .75rem, 1.8667vw, .875rem );
	color: #ce3a3a;
}

/* 忘記密碼標題-------------------------- */
.right.no_left .right_title, .pageContent_title.special_title {
	margin-top: clamp(1.4517rem, 2.3438vw, 2.8125rem);
	margin-bottom: 0;
}




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

.form_listBg.member_login.member_forget {
	display: block;
}

	.form_listBg.member_login.member_forget .form_listArea {
		margin: 0 auto;
    	/*max-width: 32.5rem;*/ /* 520px */
    	max-width: clamp( 32.5rem, 109.3333vw, 51.25rem ); /* 520 820 */
		padding: 2.5rem 3.125rem; /*40px 50px*/
		background-color: #fff;
		border: 0.05em solid #e8e8e8;
	    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
	}

	.form_listBg .form_listArea{
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		gap: .9375rem; /*15px*/
	}

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

		.form_listBg.member_login.member_forget .loginButton {}

            .form_listBg.member_login.member_forget .loginButton input{
                width: 100%;
				max-width: unset;
                background-color: var(--primary_color);
				border-color: var(--primary_color);
                border-radius: 10px;
                color: #fff;
                font-weight: 700;
                font-size: inherit;
            }

			.form_listBg.member_login.member_forget .fL_info input[type="date"] {
				max-width: 100%;
			}

			.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 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{
	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(--member_grey_color);
			width: 100%;
			height: 0.05em;
		}

		.form_listBg .deco_bg .deco_text{
			color: var(--member_grey_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(--member_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: var(--primary_color);
				font-weight: bold;
			}

@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%;
	}			
}