/*/////////////////////////////////////////////////////////*/
/*-------下載模組_法規&表單--------*/
/*/////////////////////////////////////////////////////////*/

.DownloadArea{
    margin-top: 20px;
	padding:0;
}
    /* 附件下載標題 */
    .dl_title{
    display: block;
    font-size: 1.25em;
    font-weight: 600;
    color: var(--primary_color);
    margin-bottom: 10px;
}
	/*下載列表*/
	.DownloadList{
		position: relative;
		border-bottom: 1px #b5b5b5 solid;
		margin: 0 0 10px 0;
		/* padding: 10px 170px 10px 110px; */
		padding: 10px 110px 10px 0;
	}
	
		.DownloadTag{
			position:absolute;
			/*top:15px;*/
			left:0px;
			font-size: 1em;
			/*font-weight: bold;*/
			color: #b56767;
			text-align: left;
		}	
	
		.DownloadDate{
			position:absolute;
			/*top:15px;*/
			left: 0px;
			font-family: 'Montserrat', sans-serif;
			color: #575757;
			font-size: 1em;
			line-height: 22px;
		}
		
		.DownloadTit{
			font-weight:normal;
			font-size: 1em;
			line-height: 22px;
			color: #333;
			display: block;
		}                        
		.Download{
			position:absolute;
			top:8px;
			right:0px;			
		}
											
			/*下載圖標*/
			.DownlFile{
				float:left;
				padding-left:10px;

			}
				.DownlFile a{
					display:block;
				}
				.DownlFile a:hover{
					opacity:0.5;
				}				
				.DownlFile img{
					width:28px;
					height:auto;
				}
	


@media (max-width:990px){

	.DownloadList{
	}
		.DownloadDate {
			font-size: .875em;
		}
			.DownlFile img {
				width: 26px;
			}
}


@media (max-width:768px){
	
	/*下載列表*/
	.DownloadList{
		padding: 0px 0px 10px 0px;
		margin-bottom: 10px;
	}

		.DownloadDate {
			position: unset;
			left: unset;
			margin-bottom: 10px;
		}
		
		.Download {
			position: unset;
			top:unset;
			margin-top: 10px;
			bottom: 0px;
		}
		.DownlFile {
			/*float: left;*/
			padding: 0px 15px 0px 0px;
		}
}




/*/////////////////////*/
/*---- 表格區塊 -----*/
/*/////////////////////*/
.table_contentArea{
	overflow-x: scroll;
}
.table_contentBg table{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 0px;
	box-sizing: border-box;
	min-width: 820px;
	table-layout: fixed;
}

	.table_contentBg table td {
		text-align:center;
		vertical-align:middle;
		font-size:1em;
		line-height: 24px;
		color:#000000;
		padding:8px 14px;
		box-sizing:border-box;
		border-bottom: solid 1px #d6d6d6;
		border-right: solid 1px #d6d6d6;
		background-color: #f8f8f8;
		width: 33%;
	}
	.table_contentBg table tr td .slot,
	.table_contentBg table tr td .place,
	.table_contentBg table tr td .order_detail_button {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: .3125rem;
	}



	.table_contentBg table tr:first-of-type td {
		border-top: solid 1px #d6d6d6;
		/* background-color: #a9a9a9;
		color: #fff; */
		background-color: var(--primary_color);
		color: #fff;
	}

	.table_contentBg table tr:nth-of-type(2n+0) td {
		background-color: #ffffff;
	}

	.table_contentBg table td:first-of-type {
		width: 15%;
		max-width: 20%;
		border-left: solid 1px #d6d6d6;
	}
	.table_contentBg table td:last-of-type {
		width: 15%;
		max-width: 20%;
	}

		/* 點數樣式 */
		/* 增加 */
		.table_contentBg table span.increase{
			
			color: #5fa65a;
		}
		/* 減少 */
		.table_contentBg table span.decrease{
			
			color: #d70d13;
		}
		/* 減少 */
		.in_progress{
			color: #007be4;
		}
		/*已取消*/
		.cancel {
			color: #929292;
		}



@media (max-width: 920px) {

	

}


@media (max-width: 524px) {


		
}

@media (max-width: 413px){
	
	
}



/*/////////////////////*/
/*---- 訂單紀錄 -----*/
/*/////////////////////*/
.table_contentBg.order table td {
	width: 15%;
}

.table_contentBg.order table td:first-of-type {
	width: 15%;
	max-width: unset;
}

.table_contentBg.order table td:nth-of-type(3) {
	width: 10%;
	max-width: unset;
}
.table_contentBg.order table td:last-of-type {
	/* width: 32%; */
	max-width: unset;
}

	.table_contentBg.order input.order_search{
		/* width: auto; */
		width: 100px;
		height: 40px;
		line-height: 40px;
		background-color: var(--primary_color);
		color: #fff;
		border: none;
		padding: 0px 10px;
		
	}
	.table_contentBg.order input.stop:disabled{
		/* width: auto; */
		
		height: 40px;
		line-height: 40px;
		background-color: var(--fourth_color);
		border: 1px solid var(--fourth_color);
		color: var(--dark_color);
		padding: 0;
		cursor: default;
	}

	/* .table_contentBg.order input.order_information{
		width: auto;
		height: 40px;
		line-height: 40px;
		background-color: #fff;
		color: #313131;	
		border: none;
		padding: 0px 10px;
	} */
@media(max-width:990px){
	.table_contentBg.order input.transfer_btn{
		width:100px;
		margin-top: 10px;
	}
}

@media (max-width: 920px){
	
	
}



@media (max-width: 413px){
	
	

	
}


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

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

	/*表單區備註*/
	.form_remark {
		font-size: 15px;
		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: 17px;
			/* 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:15px;
			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;
					width: 100%;
				}
				.fL_info label.ind {
					display:inline-block;
					width: unset;
				}
					




			/*----- 地址樣式 -----*/
			.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: 1100px){

	/*----- 表單區 -----*/
	.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;
	} */
}

/*-------驗證碼----------------------------------------------------------------------------*/
.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: #333;
		border-radius: 5px;
		padding: 0px 11px;
		font-size: 14px;
		display: inline-block;
		margin: 9px 0px 7px;
		line-height: 29px;
		text-decoration:none;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		color:var(--primary_color);
	}

/* =============================== */
/* 按鈕樣式 */
/* =============================== */
.btn_area{
	
}
.btn_area input{
	width: unset;
	height: unset;
	font-size: 1.125em;
    font-family: var(--mandarin_font);
    display: inline-block;
    color: rgb(255, 255, 255);
    position: relative;
    background: var(--primary_color);
    padding: 0 clamp(1.4517rem, 2.3438vw, 2.8125rem);
    padding-top: clamp(0.5161rem, 0.8333vw, 1.0000rem);
    padding-bottom: clamp(0.5161rem, 0.8333vw, 1.0000rem);
    border-radius: 0.3125em;
    overflow: hidden;
    border: none;
    max-width: 11.25rem;
    cursor: pointer;
    text-decoration: none;
	
}

@media (max-width: 540px){
	.btn_area{
		display: flex;
		flex-direction: column;
		gap: .625rem;
		justify-content: center;
		align-items: center;
		
	}
	.btn_area input{
		font-size: 1em;
		width: 100%;
		max-width: unset;
		
	}
}

/* =============================== */
/* 個人資訊蒐集框 */
/* =============================== */
.personal > .fL_info{
	max-height: 12.5rem;
	overflow-y: auto;
	border: solid 1px #aeaeae;
	padding: .625rem;
}