/* �臬�亙�梁�冽���⊥�雿�璅∠�.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;
}



.member_forget   .form_remark{
	display: flex;
	justify-content: center;
	text-align: center;
    margin-bottom: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
}



/* ==================敹�閮�撖�蝣嬈ss===================== */

.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%);
		background: linear-gradient(135deg, #204f61 60%, #143243 100%);
		border-radius: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
	}
	.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*/
	}


    .member_forget .form_listArea input{
        color: #fff;
        border-bottom-color: #fff;
    }
    .member_forget .form_listArea input::placeholder {
        color: rgba(255 255 255 / 80%);
    }



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

        display: none;
	}


		.form_listBg.member_login.member_forget .loginButton {
			/* padding: 25px 0px 0px; */
			width: fit-content;
			margin: 0 auto;
		}
            .form_listBg.member_login.member_forget .loginButton input ,
            .form_listBg.member_login.member_forget .loginButton button{
                /* width: 100%;
                background-color: var(--member_color);
                color: #fff;
                border-radius: unset;
                font-weight: 700;
                border-radius: 100px;
                font-size: inherit; */
                all: unset;
                letter-spacing: 1px;
                color: #f7f7f7;
                display: inline-block;
                background-color: var(--second_color);
                letter-spacing: 3.91px;
                /*padding: clamp(.5rem,0.8854vw,1.0625rem) clamp(1.875rem,3.125vw,3.75rem); *//* ��撠��� 10.32px��憭批�蝝� 1.0417vw����憭批�� 20.00px */
                border-radius: 100px;
                border: 3px solid transparent;
                font-size: clamp(.875rem,1.1979vw,1.4375rem);
                font-family: var(--foreign_font);
                font-weight: 600;
                position: relative;
                text-align: center;
                cursor: pointer;

				/* ��獢�瞍詨惜皞��� */
                background-image: linear-gradient(#272727, #272727), linear-gradient(90deg, var(--third_color), var(--second_color), #7CCCF3, var(--third_color));
                background-origin: border-box;
                background-clip: padding-box, border-box;
                background-size: 200% auto; /* 霈�瞍詨惜��蝛粹��瘚��� */
                transition: all 0.3s ease;
                padding: clamp(.5rem,0.8854vw,1.0625rem) clamp(1.875rem,3.125vw,3.75rem); /* ��撠��� 10.32px��憭批�蝝� 1.0417vw����憭批�� 20.00px */
                line-height: 1;
      }
			

			.form_listBg.member_login.member_forget .loginButton button:hover{
				/* opacity: 0.5; */
				animation: borderflow 1s linear infinite;
			}

			/* @keyframes borderflow {
				0% {
					background-position: center, 0% 50%;
				}
				100% {
					background-position: center, 200% 50%;
				}
			} */



			.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%;
	display: none;
}
	.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%;
	display: none;
}
	.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: 1.1250rem;
				padding: 5px 15px;
				transition: 0.2s ease all;
				text-decoration: none;
				color: #fff;
			}
			.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%;
	}			
}