/*/////////////////////////////////////////////////////////*/
/*-------聯絡我們--------*/
/*/////////////////////////////////////////////////////////*/

/* 聯絡我們區塊 */
.contactArea{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.9375rem;	
}

    /* 聯絡我們區塊left */
	.contact_left{
		box-sizing: border-box;
		padding: 0 15px;
		width: 50%;
	}
		.contact_left .text_area{
		}

			.contact_left .text_area iframe{	
				width: 100%;		
			}


    /* 聯絡我們區塊right */
	.contact_right{
		box-sizing: border-box;
		padding: 0 15px;
		width: 50%;
	}
		
	.contact_right p{
		padding-bottom:1.5625rem;
		font-size: 1.1875em;
	}


@media (max-width: 1024px){

/* 聯絡我們區塊 */
.contactArea{
	display: block;
	flex-wrap: unset;
	margin: 0;	
}

    /* 聯絡我們區塊left */
	.contact_left{
		padding: 0 0px;
		width: 100%;
	}
	
    /* 聯絡我們區塊right */
	.contact_right{
		padding: 30px 0 0px;
		width: 100%;
	}

}






/*-------表單區----------------------------------------------------------------------------*/

/*表單區底*/
.form_area_bg {
	/* width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 20px; */
}

	/*表單區備註*/
	.form_remark {
		font-size: .9375em;
		font-size: 1.1875em;
		line-height: 22px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.form_remark span{
			display: inline-block;
			box-sizing: border-box;
		}
		/*必填icon*/
		.requirde_icon {
			display:inline-block;
			/* border-radius:3px; */
			font-size: 1.0625em;
			/* color:#fff; */
			color: var(--primary_color);
			line-height: 1;
			padding:0px 5px;
		}
		.form_remark .requirde_icon{
			color: #fff;
			background-color: var(--primary_color);
			padding: 5px 6px 0px;
			border-radius: 3px;
			margin-right: 10px;
		}






	/*----- 表單區 -----*/
	.form_area {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
		.form_list {
			box-sizing:border-box;
			font-size:.9375em;
			font-size: 1.1875em;
			line-height:1.5;
			width:100%;
			padding:15px 0px 0px 0px;
		}
		.form_list.fLType2{
			width:49%;
		}
			.fL_tit {
				font-weight:bold;
				padding:3px 0px 6px 0px;
				position:relative;
			}
				/*必填icon*/
				.fL_tit .requirde_icon {
					/* position:absolute; */
					/* right:0px; */
				}
				
			.fL_info {
			}
				/*沒有輸入框時*/
				/* .fL_info.no_input {
					padding: 10px 0px 25px 0px;
					line-height: 24px;
				} */
				
				.fL_info label {
					display:inline-block;
				}
					




			/*----- 地址樣式 -----*/
			.fLR_address.fL_info {
				position:relative;
				padding-left: 333px !important;
			}
				.fLR_address select {
					position:absolute;
					left:0px;
					width:100px;
					height:42px;
				}
				.fLR_address select:nth-of-type(2) {
					position:absolute;
					left:110px;
				}

				.fLR_address input.fLRA_postalCode {
					position:absolute;
					width:100px;
					left:220px;
				}
				.fLR_address input.fLRA_address {
				}
			

						
					/*生日樣式*/
					.birthday{						
					}
					/* .fL_info.birthday {
					}
						.fL_info.birthday select {
							margin:0px 0px 0px 0px;
						} */




			/* ----- radio+checkbox選取框--------------------------  */
			.item_RadioCheckArea{
				padding-top: 9px;
				display: flex;
				align-items: center;
				flex-wrap: wrap;		
			}
				.item_RadioCheckArea .item_RadioCheck{
					display: flex;
					align-items: center;
				}
				.item_RadioCheckArea .item_radio,
				.item_RadioCheckArea .item_checkbox {
					position: absolute;
					display: none; 
				}
				
				.item_RadioCheckArea .item_radio[disabled],
				.item_RadioCheckArea .item_checkbox[disabled] {
					cursor: not-allowed; 
				}
				
				.item_RadioCheckArea .item_radio + label,
				.item_RadioCheckArea .item_checkbox + label {
					position: relative;
					/*display: block;*/
					padding-left: 30px;
					cursor: pointer;
					vertical-align: middle; 
					
					/* font-weight: bold; */
					/* margin-right: 10px; */
					margin: 2px 10px 2px 0;
				}

				.item_RadioCheckArea .item_radio + label a,
				.item_RadioCheckArea .item_checkbox + label a {
					text-decoration: none;
					color: var(--primary_color);
				}
				.item_RadioCheckArea .item_radio + label a:hover,
				.item_RadioCheckArea .item_checkbox + label a:hover {
					opacity: 0.5;
				}
				  
					.item_RadioCheckArea .item_radio + label:hover:before,
					.item_RadioCheckArea .item_checkbox + label:hover:before {
						animation-duration: 0.4s;
						animation-fill-mode: both;
						animation-name: hover-color; 
					}
					
					.item_RadioCheckArea .item_radio + label:before,
					.item_RadioCheckArea .item_checkbox + label:before {
						position: absolute;
						/*top: 0;*/
						/* top: -1px; */
						top: 50%;
    					transform: translateY(-50%);
						left: 0;
						display: inline-block;
						width: 20px;
						height: 20px;
						content: '';
						border: 1px solid #c0c0c0; 
					}
					
					.item_RadioCheckArea .item_radio + label:after,
					.item_RadioCheckArea .item_checkbox + label:after {
						position: absolute;
						display: none;
						content: ''; 
					}
				
				.item_RadioCheckArea .item_radio[disabled] + label,
				.item_RadioCheckArea .item_checkbox[disabled] + label {
					cursor: not-allowed;
					color: #444444;
					/* color: #e4e4e4;  */
				}
				
					.item_RadioCheckArea .item_radio[disabled] + label:hover, 
					.item_RadioCheckArea .item_radio[disabled] + label:before, 
					.item_RadioCheckArea .item_radio[disabled] + label:after,
					.item_RadioCheckArea .item_checkbox[disabled] + label:hover,
					.item_RadioCheckArea .item_checkbox[disabled] + label:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:after {
						cursor: not-allowed; 
					}
					
					.item_RadioCheckArea .item_radio[disabled] + label:hover:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:hover:before {
						border: 1px solid #e4e4e4;
						animation-name: none; 
					}
					
					
					.item_RadioCheckArea .item_radio[disabled] + label:before,
					.item_RadioCheckArea .item_checkbox[disabled] + label:before {
						border-color: #e4e4e4; 
					}
				
				.item_RadioCheckArea .item_radio:checked + label:before,
				.item_RadioCheckArea .item_checkbox:checked + label:before {
					animation-name: none; 
				}
				
				.item_RadioCheckArea .item_radio:checked + label:after,
				.item_RadioCheckArea .item_checkbox:checked + label:after {
					display: block; 
				}
				
				.item_RadioCheckArea .item_radio + label:before {
					border-radius: 50%; 
				}
				
				.item_RadioCheckArea .item_radio + label:after {
					/*top: 7px;*/
					/* top: 6px; */
					top: 50%;
    				transform: translateY(-50%);
					left: 7px;
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background: var(--primary_color);
				}
				
				.item_RadioCheckArea .item_radio:checked + label:before {
					border: 1px solid #000;
					border-color:var(--primary_color);
				}
				
				.item_RadioCheckArea .item_radio:checked[disabled] + label:before {
					border: 1px solid #c9e2f9; 
				}
				
				.item_RadioCheckArea .item_radio:checked[disabled] + label:after {
					background: #c9e2f9; 
				}
				
				.item_RadioCheckArea .item_checkbox + label:before {
					border-radius: 3px; 						
				}
				
				.item_RadioCheckArea .item_checkbox + label:after {
					top: 2px;
					left: 7px;
					box-sizing: border-box;
					width: 6px;
					height: 12px;
					transform: rotate(45deg);
					border-width: 2px;
					border-style: solid;
					/* border-color: #fff; */
					border-color: #000639;
					border-top: 0;
					border-left: 0; 
				}
				
				.item_RadioCheckArea .item_checkbox:checked + label:before {
					border:var(--primary_color);
					background:var(--primary_color);
				}
				
				.item_RadioCheckArea .item_checkbox:checked[disabled] + label:before {
					border: #c9e2f9;
					background: #c9e2f9; 
				}



















@media (max-width: 1200px){

	/*----- 表單區 -----*/
	.form_area {
		display: block;
		flex-direction: unset;
		flex-wrap: unset;
		justify-content: unset;
	}

		.form_list.fLType2 {
			width: 100%;
		}

		/*沒有輸入框時*/
		/* .fL_info.no_input {
			padding: 0px 0px 5px 0px;
		}
		.fL_info label {
			padding: 6px 0px;
		} */


		/*----- 地址樣式 -----*/
		.fLR_address.fL_info {
			padding-left: 0px !important;
		}
			.fLR_address select {
				width:49%;
			}
			.fLR_address select:nth-of-type(2) {
				left:auto;
				width:49%;
				right: 0;
			}

			.fLR_address input.fLRA_postalCode {
				position:static;
				width:100%;
				left:auto;
				margin-top: 52px;
			}
			.fLR_address input.fLRA_address {
				margin-top:10px;
			}


}

@media (max-width: 320px){
	/*生日樣式*/
	/* .fL_info.birthday {
		letter-spacing: 0px;
		white-space: nowrap;
		font-size: 12px;
	} */
}