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




.right_contentBg{
	padding-top: 0;
}









	.contact_info{
		row-gap: 0.3125rem;
		column-gap: 1.5625vw;
		font-size: clamp(1.125rem, 0.792rem + 0.54vw, 1.438rem);
		display: flex;
		flex-wrap: wrap;
	}
		.contact_info .list{
			width: 100%;
			display: flex;
			align-items: center;
			gap: 0.3125rem;
		}
			.contact_info .list img{
				width: 100%;
				height: auto;
			}

			.contact_info .list a , 
			.contact_info .list .fax{
				
			}

			.contact_info .list a{
				color: inherit;
				display: inline-block;
				font-size: inherit;
			}
			.contact_info .list a:hover{
				opacity: 0.5;
			}

			.contact_info .list:not(.trademark):not(.map){
				/*width: calc((100% / 2) - (1 * 0.9375rem / 2));*/ /* 2欄平均寬度，扣除間距 */
				width: auto;
			}
		




			.contact_info .list.trademark{
			}
			.contact_info .list.map{
			}
			.contact_info .list.tel{
							
			}
			.contact_info .list.fax{
							
			}
			.contact_info .list.url{
				align-items: flex-end;			
			}
			.contact_info .list.mail{
				align-items: flex-end;
			}




			.trademark{
			}
				.trademark img{
					width: 80%;
				}


			.contact_info .list:last-of-type img ,
			.contact_info .list:nth-last-of-type(2) img{
				width: clamp(1.934rem, 1.663rem + 0.44vw, 2.188rem);
			}




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

	.contact_info{
		max-width: clamp(31.688rem, 27.687rem + 6.46vw, 35.438rem);
		/* max-width: 567px; */
	}
	.contact_info .list.map {
		/* font-size: 26px; */
		font-size: clamp(1.436rem, 1.235rem + 0.33vw, 1.625rem);
	}
	.contact_info .list.tel a ,
	.contact_info .list .fax_in{
		/* font-size: 27px; */
		font-size: clamp(1.492rem, 1.283rem + 0.34vw, 1.688rem);
	}

	.contact_info .list.url ,
	.contact_info .list.mail{
		/* font-size: 18.1px; */
		font-size: clamp(1rem, 0.86rem + 0.23vw, 1.131rem);
	}

}



@media (max-width: 990px){

	.contact_info {
		flex-direction: column;
		font-size: 1rem;
	}


	.contact_info .list.trademark img {
		width: 100%;
		max-width: 31.25rem;
	}
	.contact_info .list:last-of-type img, 
	.contact_info .list:nth-last-of-type(2) img {
		width: 1.25rem;
	}

}


























.contact_area {
	margin-top: 1.25rem;
}

.text_area{
	padding-bottom: clamp(1.936rem, 3.12vw, 3.75rem);
}

/* 聯絡我們左 */
.contactLeft {
	float: left;
    width: 48%;
    padding: 0px 0px 20px;
    box-sizing: border-box;
    /* margin: 44px 0px 0px; */
	/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14);
    background: #fff;
    border-radius: 5px;*/
}

/* 聯絡我們右 */
.contactRight {
	float:right;
	width:50%;
	/*padding:25px 0px 0px;*/
}

/*-------驗證碼----------------------------------------------------------------------------*/
.captcha {
	line-height: 37px;
    padding: 0px 0px 5px 0px !important;
}
	.captcha input[type="text"] {
		width:80px;
		margin-right:5px;
	}
	.captcha a {
		transition: 0.5s ease all;
		color: #fff;
		background: #555;
		border-radius: 3px;
		padding: 2px 11px 3px;
		font-size: 14px;
		display: inline-block;
		line-height: 29px;
		text-decoration: none;
		vertical-align: middle;
		margin: 0px 0px 0px 5px;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		/* color:#c30000; */
	}


/*表單區 按鍵區*/
	.form_btn_area {
		padding: 3.125rem 0px 0px;
		text-align:center;
        width: 100%;
	}
		.form_btn_area input {
			margin:0px 20px;
		}
		.form_btn_area input:nth-of-type(2) {
			background: #949595;
		}






/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {
	
.page .wrap{
	max-width: 61.875rem;
}

	
}











	@media (max-width: 540px){
				/*一列兩個樣式*/
				.fLType2 {
					width:auto;
					display:block;
				}
				
				/*表單區 按鍵區*/
				.form_btn_area input {
					float:left;
					width:48%;
					margin:0px;
				}
					.form_btn_area input:nth-of-type(2) {
						float:right;
					}
				.form_btn_area.one input {
					float:none;
				}


				/*證件照重新上傳*/  /*Judy修改20180702*/
				.fLR_info.modifyIn{
					float:none;
				}
				
				.fL_right.inputFile.modifyIn{
					float:none;
					width: 100%;
					margin-left:0px;
					margin-top: 0px;
				}	

	}
			
	@media (max-width: 800px){
		.contactLeft, .contactRight {
			float:none;
			width:auto;
		}
			.contactLeft {
				margin:15px 0px 0px;
			}
			
		.contactMap iframe{
			height:200px;
		}
			
			
			
			
	}