/*modify by pekey 20190604*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Setting Start-------------------------------*/

/*================*/
/*-- 浮動top鍵 --*/
/*================*/
.topBtn_area{
	position:fixed;
	right:14px;
	bottom:0px;
	z-index: 10;
	transform: scale(0.84);
	transition:0.3s ease all;
}
	
	.topBtn {
		position:fixed;
		bottom:-70px;
		right:14px;
		z-index:99;
		/*z-index:3;*/
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width: 50px;
			height: 50px;
			/* border: solid 2px #4c4944; */
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background:var(--primary_color);
			/* padding: 25px 0px 0px; */
			color:#fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			box-shadow: rgba(255, 255, 255, 0.25) 0px 13px 27px -5px, rgba(255, 255, 255, 0.3) 0px 8px 16px -8px;
		}
			/* .topBtn a:before {
				position:absolute;
				content:'';
				border-bottom: solid 12px #ffffff;
				border-left: solid 8px rgba(0,0,0,0);
				border-right: solid 8px rgba(0,0,0,0);
				top: 8px;
				left: 50%;
				transform: translateX(-50%);
			} */
			.topBtn a svg {
				width: 20px;
				height: 16px;
				fill: #fff;
			}
			.topBtn a span {
				font-size: 0.9em;
				display:block;
				font-family: var(--foreign_font);
				padding-bottom: 5px;
			}
				/*hover*/
				.topBtn a:hover {
					opacity: 0.5;
				}
				
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
					
		
			









/*================*/
/*-- 浮動社群鍵 --*/
/*================*/				
					


/*--浮動社群鍵 / 此專案未使用---*/

.social_btn_area{
	position:fixed;
	right: 13px;
	bottom: 20px;
	transition:0.3s ease all;
	z-index: 201;
	/* display:none; */
}

		
.social_btn{
	margin:7px 0px;
	position: relative;
}		
	.social_btn a{
		display:block;
		transition:0.3s ease all;
		text-decoration:none;
		font-size:12px;
		line-height: 12px;
		text-align:center;
		width: 50px;
		height: 50px;
		box-sizing:border-box;
		background-color: #1974ec;
		border-radius: 50%;
		position:relative;
		/* box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 0.8); */
	}		
	.social_btn  img{
		/* width: 65%; */
		width: 20px;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
        /*標籤說明*/		
        .tab_description{
            display: none;
            position: absolute;
            left: -90px;
            top: 9px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            padding: 10px 10px;
            font-size:13px;
            transition: 0.3s ease all;
        }		
	        /*hover*/
            .social_btn:hover > .tab_description{
                display: block;
                transition: 0.3s ease all;
            }








/*--右側浮動FB--*/
.fbBtn {
}
    .fbBtn a {
        background-color: #1974ec;
    }
	
	
/*--右側浮動youtube--*/
.YtBtn {
}
    .YtBtn a {
        background-color: #fb031d;
    }
    


/*--右側浮動Line--*/
.lineBtn {
	margin:7px 0px;
	position: relative;
}
	.lineBtn a {
		background: #00c001;
	}
       
	



/*--右側浮動linkedInBtn--*/	
.linkedInBtn {
}
	.linkedInBtn a {
		background: #2764ac;
	}
    


/*--右側浮動Twitter--*/	
.twitterBtn {
}
	.twitterBtn a {
		background: #34b3f7;
	}
    



/*--右側浮動IG--*/		
.igBtn {
}
	.igBtn a {
		background-image: linear-gradient(45deg, #ffcd6c 0%, #ef5f4a 25%, #a335b4 50%, #505cd1 75%, #505cd1 75%, #9a37bb 100%);
	}

		
			
		
/*--右側浮動dcard--*/	
.dcardBtn{    
}
    .dcardBtn a {
        background:#0067a1;
    }
			
		
/*--右側浮動podcast--*/
.podcastBtn{	
}
	.podcastBtn a {
		background:#8622c2;
	}





@media (max-width: 990px){

	/*-- 浮動top鍵 --*/
	.topBtn{		
	}
		.topBtn a {
			width: 40px;
			height: 40px;
		}
		.topBtn a svg {
			/* top: 10px; */
			stroke-width: 2px;
			stroke-linecap: round;
			stroke: #fff;
			width: 25px;
			height: 25px;
		}
			.topBtn a span {
				display: none;
			}
		

	/*-- 浮動社群鍵 --*/
	.social_btn {
		margin:3px 0px;
	}
		.social_btn a{
			width: 40px;
			height: 40px;
		}	



}









/* ================================================== */
/* 訂房按鈕------------------------------------------- */
/* ================================================== */
/* 外層容器定位在螢幕右側（中間偏上） */
.floating_btn_wrap {
    position: fixed;
    right: 0;
    bottom: 30px;
    transform: translateY(0%);
    z-index: 51;
}

/* 按鈕主體樣式 */
.btn_floating {
    /* 核心 1：文字垂直排列 */
    /* writing-mode: vertical-rl; */
    font-size: clamp(1rem, 0.733rem + 0.43vw, 1.25rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(clamp(0.323rem, 0.52vw, 0.625rem) * 1);
    padding: clamp(0.484rem, 0.78vw, 0.938rem) clamp(0.323rem, 0.52vw, 0.625rem);
    background-color: var(--third_color);
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    /* letter-spacing: 2px; */
    
    /* 圓角（左側圓角，右側貼齊螢幕） */
    border-top-left-radius: clamp(0.484rem, 0.78vw, 0.938rem);
    border-bottom-left-radius: clamp(0.484rem, 0.78vw, 0.938rem);
    box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.15);
    transition: var(--transition-data);
    height: auto;
    flex-wrap: nowrap;
}

/* 滑鼠懸停效果 */
.btn_floating:hover {
    background-color: var(--primary_color);
    /* padding-right: 20px; */
    color: #ffffff;
    text-decoration: none;
}

/* 圖示旋轉修正 */
.btn_floating img {
    width: 100%;
    height: auto;
    display: block;
    /* max-width: calc(2.5rem * 0.8); */
    max-width: clamp(1.25rem, 0.917rem + 0.54vw, 1.563rem);
}
.btn_floating span {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color      : inherit;
    display: flex;
    /* text-align: center; */
    /* max-width: clamp(1rem, 0.733rem + 0.43vw, 1.25rem); */
    writing-mode: vertical-rl;
}
	
			





/* ========================================================= */
/* --- 版腳樣式                                              --- */
/* ========================================================= */


/* -------------------------------- */
/* footer 基礎                      */
/* -------------------------------- */
.footer {
	padding: 0;
	background-color: #fff;
	color: var(--dark_color);
}

.footer_area {
	box-sizing: border-box;
	background-color: var(--primary_color);
}


/* -------------------------------- */
/* footer_top_area                  */
/* -------------------------------- */
.footer_top_area {
	padding: clamp(2.063rem, -0.135rem + 2.98vw, 3.438rem) 0;
	padding: calc(clamp(2.063rem, -0.135rem + 2.98vw, 3.438rem) * 0.5) 0;
}

	.footer_top_area .wrap {
		max-width: 80.625rem; /*1290*/
		max-width: 95.9375rem;
	}

		.footer_inArea {
			display: grid;
			/* grid-template-columns: 1fr 3fr; */
			/* grid-template-columns: 1fr 3fr clamp(1.771rem, 8.85vw, 10.625rem); */
			grid-template-columns: 1fr 1fr clamp(1.771rem, 8.85vw, 10.625rem);
			align-items: flex-start;
		}


/* -------------------------------- */
/* footer logo                      */
/* -------------------------------- */
.footer_logo {
	/* width: clamp(11.291rem, 18.23vw, 21.875rem); */
	max-width: 100%;
	transition: 0.3s ease all;
	box-sizing: border-box;
	/* width: clamp(8.065rem, 13.02vw, 15.625rem); */
	width: clamp(11.25rem, 15.62vw, 18.75rem);
}
	.footer_logo a {
		display: block;
	}
		.footer_logo a img {
			width: 100%;
			height: auto;
		}


/* -------------------------------- */
/* footer desc + info               */
/* -------------------------------- */
.foote_list_info .footer_content {
	display: flex;
	flex-direction: column;
	row-gap: clamp(0.71rem, 0.001rem + 1.15vw, 1.375rem);
	align-items: unset;
}

	.footer_content_right {
		display: flex;
		flex-direction: column;
		row-gap: inherit;
		/* font-size: clamp(1rem, 0.6rem + 0.65vw, 1.375rem); */
		/* font-size: clamp(0.875rem, 0.742rem + 0.22vw, 1rem); */
		font-size: calc(clamp(0.875rem, 0.742rem + 0.22vw, 1rem) * 0.8);
	}

		ul.footer_information {
			margin: 0;
			padding: 0;
			font-size: inherit;
			font-weight: inherit;
			line-height: inherit;
			color: #fff;
			box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			text-align: left;
			row-gap: calc(clamp(0.71rem, 0.001rem + 1.15vw, 1.375rem) * 0.5);
			flex-direction: column;
		}

			ul.footer_information li {
				padding: 0;
				margin: 0;
				list-style-type: none;
				display: flex;
				align-items: center;
				gap: 0.5rem;
				font-style: normal;
				color: inherit;
			}

				ul.footer_information li i {
					color: var(--fifth_color);
					flex-shrink: 0;
					padding: 0;
					display: none;
				}

				ul.footer_information li span,
				ul.footer_information li address {
					margin: 0;
					padding: 0;
					font-size: inherit;
					font-weight: inherit;
					line-height: inherit;
					color: inherit;
					font-style: inherit;					
				}

				ul.footer_information li a {
					color: inherit;
					display: block;
					text-decoration: none;
					transition: var(--transition-data);
				}
					ul.footer_information li a:hover {
						color: var(--third_color);
						text-decoration: none;
						transition: var(--transition-data);
					}

					.contact_info,
					.reservation_info,
					.taipei_office{
						flex-wrap: wrap;
					}

			ul.footer_information li .contact_address,
			ul.footer_information li .contact_phone,
			.reservation_title,
			.office_title{
				border-right: 1px solid #fff;
				padding-right: 0.5rem;
			}

			.reservation_title,
			.office_title{
				margin-right: 0.5rem;
			}

			ul.footer_information li .reservation_phone,
			ul.footer_information li .taipei_office{
				display: flex;
			}


			@media (max-width: 560px){
				.contact_info,
				.reservation_info,
				.taipei_office{
					justify-content: center;
				}
			}




/* -------------------------------- */
/* footer social icons              */
/* -------------------------------- */
.footer_social {
	display: flex;
	gap: clamp(0.645rem, 1.04vw, 1.25rem);
	align-items: center;
}

	.footer_social_link {
		border: 1px #fff solid;
		aspect-ratio: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		/* width: clamp(2.409rem, 1.446rem + 1.56vw, 3.313rem); */
		width: clamp(1.875rem, 1.208rem + 1.08vw, 2.5rem);
		height: auto;
		/* background-color: var(--fifth_color); */
		border-radius: 50%;
		transition: var(--transition-data);
		padding: clamp(0.323rem, 0.52vw, 0.625rem);
		padding: clamp(0.313rem, 0.112rem + 0.32vw, 0.5rem);
	}

		.footer_social_link:hover {
			opacity: 0.5;
			text-decoration: none;
		}

		.footer_social_link img {
			width: 83%;
			height: auto;
		}


/* -------------------------------- */
/* footer nav groups                */
/* -------------------------------- */
.footer_nav_content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	row-gap: clamp(2rem, 3.125vw, 3.75rem);
	align-items: flex-start;
	list-style: none;
	padding: 0;
	margin: 0;
	/* font-size: clamp(1rem, 0.6rem + 0.65vw, 1.375rem); */
	font-size: calc(clamp(1rem, 0.6rem + 0.65vw, 1.375rem) * 0.8);
	color: #fff;
}

	.footer_nav_group {
		display: flex;
		flex-direction: column;
		/* gap: clamp(1.936rem, 3.12vw, 3.75rem); */
		gap: calc(clamp(1.936rem, 3.12vw, 3.75rem) * 0.5);
		position: relative;
	}

		.footer_nav_group_title {
			margin: 0;
			padding: 0;
			font-size: inherit;
			font-weight: inherit;
			line-height: inherit;
			color      : inherit;
			font-weight: 600;
			color: #fff;
			text-align: center;
			line-height: 1.3;
			/* font-size: clamp(1.364rem, 0.818rem + 0.88vw, 1.875rem); */
			font-size: clamp(1rem, 0.6rem + 0.65vw, 1.375rem);
		}

		.footer_nav {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			/* flex-direction: column; */
			flex-wrap: wrap;
			row-gap: clamp(1rem, 0.6rem + 0.65vw, 1.375rem);
			column-gap: 0.3125rem;
			width: 100%;
			max-width: 60%;
			margin: 0 auto;
		}


		.footer_nav li{
			box-sizing: border-box;
			width: calc((100% / 2) - (1 * 0.3125rem / 2)); /* 2欄平均寬度，扣除間距 */
		}
			.footer_nav li a {
				font-size: inherit;
				color: inherit;
				text-decoration: none;
				line-height: 1;
				display: block;
				transition: var(--transition-data);
				text-align: center;
			}

				.footer_nav li a:hover {
					color: var(--third_color);
					text-decoration: none;
				}








/* -------------------------------- */
/* footer qr_area                */
/* -------------------------------- */

.footer_area .qr_area{

}

	.footer_area .qr_area .qr_card {
		position: relative;
		aspect-ratio: 1;
		display: block;
		overflow: hidden;
	}

	.footer_area .qr_area img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		float: none;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		transition: 0.3s ease all;
	}
































/* -------------------------------- */
/* 版權宣告                          */
/* -------------------------------- */
.copyright {
	color: #b3b3b3;
	font-family: var(--foreign_font);
	font-size: .75rem;
	line-height: 1.3;
	padding-bottom: .625rem;
}
	.copyright a {
		color: inherit;
		font-size: inherit;
		line-height: inherit;
	}
	.copyright li:last-of-type {
		display: none;
	}

/* -------------------------------- */
/* 瀏覽器警示標語                    */
/* -------------------------------- */
.browser_bg {
	color: #6c6c6c;
	font-size: .75rem;
	line-height: 1.3;
}
	.browser_bg a {
		color: inherit;
		font-size: inherit;
		line-height: inherit;
		text-decoration: underline;
	}



@media screen and (min-width: 990.1px) {

	.footer_nav_group:first-of-type {
		border-left: 1px #8394A4 solid;
		border-right: 1px #8394A4 solid;
	}

}


@media (max-width: 990px) {

	.footer_inArea {
		display: flex;
		flex-direction: column-reverse;
		gap: clamp(2.063rem, -0.135rem + 2.98vw, 3.438rem);
	}

	.foote_list_info,
	.foote_list_nav {
		width: 100%;
	}

	.foote_list_info {
		max-width: unset;
	}
	.foote_list_nav{

	}




	.footer_area .qr_area {
		width: clamp(5.484rem, 8.85vw, 10.625rem);
        order: -1;
        margin: 0 auto;
	}






.foote_list_info .footer_content {
	/* justify-content: center;
	flex-direction: row;
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 25px;
	align-items: center; */
}
	.footer_content_right {
		/* width: 100%;
		row-gap: clamp(0.71rem, 0.001rem + 1.15vw, 1.375rem); */
	}

	.footer_nav_content {
		gap: 1.5rem 5px;
		justify-content: unset;
	}

	.footer_nav_group {
		flex: 1;
	}

}





@media (max-width: 990px) and (min-width: 768.1px){

	.foote_list_info .footer_content {
        justify-content: center;
		align-items: center;
        flex-direction: column;
        display: flex;
        grid-template-columns: unset;
        gap: 25px;
        align-items: center;
    }
		.footer_logo {
			/* width: auto; */
		}
		.footer_content_right{
			/* width: 100%; */
			width: auto;
			align-items: center;
			row-gap: clamp(0.71rem, 0.001rem + 1.15vw, 1.375rem);
		}
			ul.footer_information {
				text-align: center;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
}



@media (max-width: 768px) {

.foote_list_info .footer_content {
	flex-direction: column;
	display: flex;
	align-items: center;
	grid-template-columns: unset;
	/* gap: 25px;
	align-items: center; */
}
    .footer_content_right {
        justify-content: center;
        align-items: center;
        row-gap: calc(clamp(2.063rem, -0.135rem + 2.98vw, 3.438rem) * 0.8);
    }
	
		ul.footer_information {
			flex-direction: column;
			align-items: center;
		}
	

}


@media (max-width: 640px) {

	.footer_nav {
		max-width: 100%;
	}

}


/* -------------------------------- */
/* footer_Bottom_area               */
/* -------------------------------- */

.footer_Bottom_area {
	padding: 0.625rem 0;
	background-color: var(--primary_color);
}

	.footer_Bottom_area .wrap{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: clamp(0.71rem, 0.001rem + 1.15vw, 1.375rem);
		max-width: 95.9375rem;
		/* flex-direction: column;
        justify-content: unset;
        align-items: center; */
	}

		.footer_Bottom_area .copyright {
			color: #fff;
			font-family: var(--foreign_font);
			font-size: 0.8125rem;
			line-height: 1.0;
			padding-bottom: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 0.5rem;
		}

			.footer_Bottom_area .copyright a {
				color: inherit;
				font-size: inherit;
			}

				.footer_Bottom_area .copyright ul {
					list-style: none;
					padding: 0;
					margin: 0;
					display: flex;
					flex-wrap: wrap;
					gap: 0.5rem 1.25rem;
				}




			.footer_bottom_link_area {
				list-style: none;
				padding: 0;
				margin: 0;
				display: flex;
				flex-wrap: wrap;
				gap: 0.5rem clamp(0.645rem, 1.04vw, 1.25rem);
				color: #fff;
				font-size: clamp(0.688rem, 0.487rem + 0.32vw, 0.875rem);
			}

				.footer_bottom_link_area .footer_bottom_link{
					margin: 0;
					padding: 0;
					font-size: inherit;
					font-weight: inherit;
					line-height: inherit;
					color      : inherit;
				}

					.footer_bottom_link_area .footer_bottom_link a{
						margin: 0;
						padding: 0;
						font-size: inherit;
						font-weight: inherit;
						line-height: inherit;
						color      : inherit;
						display: block;
						color: inherit;
						text-decoration: none;
						transition: var(--transition-data);
					}

					.footer_bottom_link_area .footer_bottom_link a:hover{
						color: var(--third_color);
					}





/* 交觀業字+統一編號 */
/* .hotel_license{
}

	.hotel_license ul{
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem 1.25rem;
		color: #fff;
		font-size: clamp(0.688rem, 0.487rem + 0.32vw, 0.875rem);
	}
		.hotel_license li{
			margin: 0;
			padding: 0;
			font-size: inherit;
			font-weight: inherit;
			line-height: inherit;
			color: inherit;
			display: block;
			color: inherit;
			text-decoration: none;
			transition: var(--transition-data);
		} */








@media (max-width: 1100px) {

	.footer_Bottom_area .wrap{
		flex-direction: column;
        justify-content: unset;
        align-items: center;
	}

}



@media (max-width: 768px) {
	
	.footer_Bottom_area .wrap {
		/* display: flex; */
		flex-direction: column;
		justify-content: unset;
		align-items: center;
	}
	
	.copyright {
		padding-bottom: 0;		
    	text-align: center;
	}

	.footer_bottom_link_area {
		justify-content: center;
	}

}





















/* ============================================================= */
/* --- 電子報訂閱區 .footer_subscribe_area                      --- */
/* ============================================================= */
.footer_subscribe_area {
	background-color: var(--primary_color);
	padding: clamp(1rem, 1.563vw, 1.875rem) 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.footer_subscribe_area .wrap {
	max-width: 80.625rem;
	max-width: 95.9375rem;
}

.footer_subscribe_inArea {
	display: flex;
	align-items: flex-start;
	gap: clamp(2.742rem, 4.43vw, 5.313rem);
	flex-wrap: wrap;
}

.footer_subscribe_info {
	display: flex;
	align-items: center;
	gap: clamp(0.806rem, 1.3vw, 1.563rem);
	flex-shrink: 0;
	color: #fff;
	/* transform: translateY(clamp(0.257rem, 0.42vw, 0.499rem)); */
}

.footer_subscribe_info i {
	font-size: clamp(1.5rem, 2.083vw, 2.5rem);
	opacity: 0.85;
}
.footer_subscribe_text{
	display: flex;
	flex-direction: column;
	gap: 0.313rem;
}
.footer_subscribe_text strong {
	display: block;
	font-size: clamp(1rem, 1.25vw, 1.25rem);
	font-weight: 600;
	line-height: 1;
	color: #fff;
}

.footer_subscribe_text p {
	font-size: clamp(0.813rem, 0.833vw, 0.9375rem);
	color: rgba(255, 255, 255, 0.75);
	margin: 0;
	line-height: 1.0;
}

.footer_subscribe_form {
	flex: 1;
	min-width: 15rem;
}

.footer_subscribe_form_group {
	display: flex;
	width: 100%;
	display: grid;
	grid-template-columns: auto clamp(4.839rem, 7.81vw, 9.375rem);
	gap: clamp(0.968rem, -0.001rem + 1.56vw, 1.875rem);
}

.footer_subscribe_form_group input[type="email"]  , .footer_subscribe_form_group input{
	flex: 1;
	padding: 0.625rem 1rem;
	border: none;
	font-size: 0.9375rem;
	outline: none;
	background: #fff;
	color: var(--dark_color_sec);
	min-width: 0;
	border-radius: 0.313rem;
	/* height: clamp(1.806rem, -0.134rem + 3.13vw, 3.625rem); */
	height: clamp(2.1875rem, -0.134rem + 3.13vw, 3.625rem);
}

.footer_subscribe_form_group button[type="submit"] , .footer_subscribe_form_group button {
	padding: 0.625rem 1.25rem;
	padding: 0 1.25rem;
	background-color: var(--third_color);
	color: #fff;
	border: none;
	cursor: pointer;
	border-radius: 0.313rem;
	font-size: clamp(1rem, 0.6rem + 0.65vw, 1.375rem);
	font-weight: 500;
	white-space: nowrap;
	transition: var(--transition-data);
	height: auto;
	width: 100%;
	line-height: normal;
	height: auto;
	padding-bottom: 3px;
	box-sizing: border-box;
	/* flex-shrink: 0; */
}

.footer_subscribe_form_group button[type="submit"]:hover {
	opacity: 0.85;
}

.footer_subscribe_policy {
	margin-top: 0.5rem;
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.7);	
}

.footer_subscribe_policy label {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	cursor: pointer;
}

.footer_subscribe_policy input[type="checkbox"] {
	accent-color: var(--third_color);
	cursor: pointer;
}

.footer_subscribe_policy a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: underline;
	transition: var(--transition-data);
}

.footer_subscribe_policy a:hover {
	color: #fff;
	text-decoration: none;
}

.footer_subscribe_policy .item_RadioCheckArea {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .75rem .9375rem;
  }
  
	 /* .item_Check_list  */
	 .footer_subscribe_policy .item_RadioCheckArea .item_Check_list{
		display: inline-flex ;
		align-items: center;
		cursor: pointer;
		/* gap: 0.4375rem; */
		gap: 0.2188rem;
	  }
	  
	  /* .item_CheckArea .item_Check_list {
		display: inline-flex;
	  } */
	  .footer_subscribe_policy .item_RadioCheckColumn .item_Check_list {
		align-items: unset;
	  }
	  
	  .footer_subscribe_policy .item_Check_list .item_check {
		position: absolute;
		opacity: 0;
	  }
	  
	  .footer_subscribe_policy .item_Check_list .custom-check {
			/* width: clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem);
			height: clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem); 
			border-radius: 0.25rem;*/
			/* aspect-ratio: 1; */

			width: calc( clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem) * 0.7);
			height:calc( clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem) * 0.7);

			border-radius: calc(0.25rem * 0.7); /* 圓角矩形 */
			border: 0.0625rem solid #ffffff;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	  
	  .footer_subscribe_policy .item_Check_list .custom-check .check-mark {
		/*width: calc(clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem) * 0.4);*/ /* 勾選標記的寬度 */
		/*height: calc(clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem) * 0.4);
		border-radius: .125rem;*/
		/* aspect-ratio: 1; */
		/* height: 8px; */

		width:  calc(clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem) * 0.3); /* 勾選標記的寬度 */
		height: calc(clamp(0.839rem, 0.267rem + 0.92vw, 1.375rem) * 0.3);
		
		border-radius: calc(0.125rem * 0.7);
		background-color: transparent;
		transition: background-color 0.2s ease;
	  }
	  
	  .footer_subscribe_policy .item_Check_list .item_check:checked + .custom-check {
		/* border-color: var(--primary_color); */
		}
	  
	 .footer_subscribe_policy  .item_Check_list .item_check:checked + .custom-check .check-mark {
		background-color: #ffffff;
		}
	  
	  .footer_subscribe_policy .item_Check_list .check-text {
			/*font-size: clamp(0.813rem, 0.833vw, 0.9375rem);*/ /* 文字大小 */
			color: inherit;     /* 文字颜色 */
			font-size: calc(clamp(0.813rem, 0.833vw, 0.9375rem) * 0.8); /* 文字大小 */
		}
	  













.footer_subscribe_recruit {
	/* flex-shrink: 0; */
	width: calc(clamp(4.839rem, 7.81vw, 9.375rem) * 1.5);
}

.footer_recruit_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* padding: 0.625rem 1.75rem; */
	padding: 0 1.75rem;
	/* border: 1px solid rgba(255, 255, 255, 0.65); */
	color: #fff;
	text-decoration: none;
	font-size: clamp(1rem, 0.6rem + 0.65vw, 1.375rem);
	white-space: nowrap;
	transition: var(--transition-data);
	line-height: normal;
	width: 100%;
	min-height: clamp(2.1875rem, -0.134rem + 3.13vw, 3.625rem);
	background-color: var(--second_color);
	border-radius: 0.313rem;
}

.footer_recruit_btn:hover {
	background-color: rgba(255, 255, 255, 0.12);
	border-color: #fff;
	text-decoration: none;
}






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


	/* --- 電子報訂閱區 .footer_subscribe_area --- */
	.footer_subscribe_info {
		transform: translateY(clamp(0.257rem, 0.42vw, 0.499rem));
	}
	

}



@media (max-width: 990px) {
	.footer_subscribe_inArea {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.footer_subscribe_form {
		width: 100%;
	}

	.footer_subscribe_recruit {
		width: 100%;
	}

	.footer_recruit_btn {
		display: flex;
		justify-content: center;
	}
}