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


.inbanner{
	display: none;
}

.pageContent {
	padding: 0;
	min-height: inherit;
}

.page_login{
	/* background-image: url(../../../member/images/bg.webp); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 748px;
}



/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

	.pageContent {
		
		/* padding: 0;
		min-height: inherit; */
	}

	.right_contentBg{
		padding: 0;
	}
	.page_login .wrap {		
		min-height: inherit;
	}
}









/* ==================會員登入css===================== */


.member_loginBg{
	padding: clamp(1.613rem, 2.6vw, 3.125rem) 0;
	box-sizing: border-box;
}
	.member_loginIn{

	}
		/* 標題 */
		.member_loginIn .title{
			font-size: inherit;
			font-weight: bold;
		}

		
		/* 登入內容區塊 */
		.login_contentBg{
			margin: clamp(0.9678rem, 1.5625vw, 1.8750rem) auto; /* 15.48px , 1.5625vw , 30.00px */ 
			max-width: 31.25rem;
			width: 100%;
			padding: 17.5px 27.5px 20px;
            padding: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			/* border: 0.05em solid var(--dark_color); */
			box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
			overflow: hidden;
			background-color: #ffffff;
		}

			.login_contentIn{
				
			}

				.login_contentIn .right_title{	
					text-align: center;		
					/* font-size: 20px;		 */
				}		
					/* .login_contentIn .right_title h2{					
					} */
					.login_contentIn .right_title:after {
						display: none;
					}


				/* 表單區塊 */
				.member_loginBg .form_listBg{

				}
					/* 列表 */
					.form_listArea .form_list{
						/* position: relative; */
						/* padding: 7.5px 0px; */
						/* box-sizing: border-box; */
					}

					/* 標題 */
					.form_listArea .form_list .title{
						/* position: absolute; */
						/* left: 0; */
						/* top: 50%; */
						/* -webkit-transform: translateY(-50%); */
						/* transform: translateY(-50%); */
						/* font-weight: normal; */
						/* font-size: 15px; */
						/* line-height: 21px; */
						/* padding: 7px 0px; */
					}

					/* 欄位 */
					.form_listArea .form_list .content{
						/* padding: 0px 0px 0px 85px; */
						/* font-size: 15px; */
						/* line-height: 21px; */
						/* line-height: 38px; */
						/* letter-spacing: 1px; */
						padding: 0;
					}
						.form_listArea .form_list .content input{
							/* letter-spacing: 1px; */
							/* padding: 0px 7px; */
							/* font-size: 13px; */
							/* line-height: 17px; */
						}

					/* 按鈕 */
					.form_list.login_button {
						/* padding: 22.5px 0px 0px; */
					}
						.form_list.login_button input[type="submit"] {
							width: 100%;
							background-color: var(--third_color);
							border: none;
							color: #fff;
							border-radius: 0;
						}


					/* 社群登入按鈕 */
					.form_list.login_button.sns {
						margin: 0px -3px;

						display: flex;
						flex-wrap: wrap;
						flex-direction: row;
						align-items: flex-start;
					}

						.form_list.login_button.sns .button{
							width: 50%;
							box-sizing: border-box;
							padding: 0px 3px;
						}
							
							
							.form_list.login_button.sns .button input{
								text-align: center;
								width: 100%;
								/* font-size: 13px; */
								padding: 10px 5px 10px 28px;
								color: #ffffff;
								line-height: normal;
							}

							/* line */
							.form_list.login_button.sns .button.line input{
								background-color: #00c300;
								background-image: url(../images/line_icon.png);
								background-repeat: no-repeat;
								background-position: 10px center;
								background-size: 28px;
							}
							
							/* facebook */
							.form_list.login_button.sns .button.fb input{
								background-color: #3B5998 ;
								background-image: url(../images/fb_icon.png);
								background-repeat: no-repeat;
								background-position: 5px center;
								background-size: 28px;
							}
							
							/* 忘記密碼頁 */
							.form_list.login_button.forget input[type="button"] {
								background-color: #666666;
							}



				/* 裝飾區塊 */
				.member_loginBg .deco_bg{
					/* padding: 25px 0px 15px; */
                    padding-top:clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
                    padding-bottom:clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
					
				}
					.member_loginBg .deco_bg .content{
						display: flex;
						-webkit-box-align: center;
						-webkit-align-items: center;
						-moz-box-align: center;
						-ms-flex-align: center;
						align-items: center
					}
						.member_loginBg .deco_bg .deco_line{
							flex: 1;
							-webkit-box-flex: 1;
							-webkit-flex: 1;
							-moz-box-flex: 1;
							-ms-flex: 1;
							background-color: var(--dark_color_sec);
							width: 100%;
							height: 0.05em;
						}
					
						.member_loginBg .deco_bg .deco_text{
							color: var(--dark_color);
							font-size:  .8125rem;
							padding: 0px 10px;
						}		



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

						display: flex;
						flex-wrap: wrap;
						flex-direction: row;
						align-items: flex-start;
					}
						.member_loginBg .other_bg .content .other_list{
							/* float: left; */
							/* display: inline-block;
							box-sizing: border-box;
							position: relative;
							width: 48%; */ 

							position: relative;

							/* width: 50%; */
							padding: 0px .1875rem;
							box-sizing: border-box;
							text-align: center;
							width: 100%;
						}
							.member_loginBg .other_bg .content .other_list:nth-of-type(2):before{
								position: absolute;
								left: -0.5px;
								content:'';
								background-color: var(--dark_color_sec);
								width: 0.05em;
								height: .8125rem;
							}

							.member_loginBg .other_bg .content .other_list a{
								display: block;
								color: var(--dark_color);
								font-size:  .8125rem;
								/* padding: 5px 15px; */
								transition: 0.2s ease all;
								text-decoration: none;
							}
							.member_loginBg .other_bg .content .other_list a:hover{
								color:var(--primary_color);
							}		










/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

	.member_loginBg{
		min-height: inherit;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}