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

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

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

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

		
.social_btn{
	margin:7px 0px;
	position: relative;
}		
	.social_btn a{
		display:block;
		transition:0.3s ease all;
		text-decoration:none;
		font-size:.75em;
		line-height: 12px;
		text-align:center;
		width: 50px;
		height: 50px;
		box-sizing:border-box;
		background-color: #3A559F;
		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:.8125em;
            transition: 0.3s ease all;
        }		
	        /*hover*/
            .social_btn:hover > .tab_description{
                display: block;
                transition: 0.3s ease all;
            }

/*================*/
/*-- 浮動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: 10px;		
		z-index:10;
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width: 50px;
			height: 50px;
			border: solid 0.125em var(--primary_color);
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background:#fff;
			padding: 25px 0px 0px;
			color:#4c4944;
		}
			.topBtn a:before {
				position:absolute;
				content:'';
				border-bottom: solid 0.75em var(--primary_color);
				border-left: solid 0.5em rgba(0,0,0,0);
				border-right: solid 0.5em rgba(0,0,0,0);
				top: 8px;
				left: 50%;
				transform: translateX(-50%);
			}
			.topBtn a span {
				font-size:0.75em;
				display:block;
				color: var(--primary_color);
				font-family: var(--foreign_font);
			}
				/*hover*/
				.topBtn a:hover {
					opacity: 0.7;
					/* border-color:#fff; */
					box-shadow:0 0 0.625em rgba(0,0,0,0.2);
					/* color: var(--third_color);*/
				}
					.topBtn a:hover:before {
						/* border-bottom: solid 0.75em var(--third_color); */
					}
					.topBtn a:hover span {
						/* color: var(--third_color); */
					}
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
			
			
			
		

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){

.social_btn a{
	width: 30px;
	height: 30px;
}
/*-- 浮動top鍵 --*/
.topBtn a {
	width:  calc(50px / 1.5);
	height: calc(50px / 1.5);
	padding-top: 18px;
	
}
	.topBtn a:before {
		top: 7px;
		border-bottom-width: calc( 0.75em / 1.5);
		border-left-width: calc(0.5em / 1.5);
		border-right-width: calc(0.5em / 1.5);
	} 
	.topBtn a span {
		font-size: calc(0.75em / 1.5);
	}


}
	

@media (max-width: 1100px){
.social_btn_area{
	display: block;
}
.social_btn a{
	width:  calc(50px / 1.5);
	height: calc(50px / 1.5);
}
	/*-- 浮動top鍵 --*/
.topBtn a {
	width:  calc(50px / 1.5);
	height: calc(50px / 1.5);
	border: solid calc(0.125em / 1.5) var(--primary_color);			
	padding-top: 18px;
}
	.topBtn a:before {
		top: 7px;
		border-bottom-width: calc( 0.75em / 1.5);
		border-left-width: calc(0.5em / 1.5);
		border-right-width: calc(0.5em / 1.5);
	} 
	.topBtn a span {
		font-size: calc(0.75em / 1.5);
	}
}
			
			













/*右側浮動廣告-----------------------------------------------------*/
.fiexdRight_img {
	position:fixed;
	/* bottom:200px; */
	right:0px;	
	/* z-index: 2; */
	z-index: 999;
    /* border-radius: 0.25rem; */
	/* width:170px; */
	/*width:13.75rem;*/ /*220*/
	transition:0.5s ease all;

	width: 9.375rem; /*150*/
}
	.fiexdRight_img img {
		width:100%;
		height:auto;
	}
	.fixedRightAdZoom {
		cursor:pointer;
		position: relative;
		height: 0.9375rem;
		transition:0.3s ease all;
	}
		.fixedRightAdZoom span {
			position:absolute;
			content:'';
			border-left: solid 0.375rem rgba(0, 0, 0, 0.62);
			border-bottom: solid 0.4375rem rgba(255,255,255,0);
			border-top: solid 0.4375rem rgba(255,255,255,0);
			left:0px;
			top:0.125rem;
		}
			.fixedRightAdZoom:hover {
				opacity:0.5;
			}
	
	/*點擊後*/
	.fiexdRight_img.active {
		/*right:-13.75rem;*/ /*220*/
		right:-9.375rem; /*150*/
	}
	.fixedRightAdZoom.active {
		left:-1.25rem;
	}
		.fixedRightAdZoom.active span {
			border-left: none;
			border-right: solid 0.375rem rgba(0, 0, 0, 0.62);
		}
	
	@media (max-width: 760px){
		.fiexdRight_img {
			top:auto;
		}
	}
		@media (max-width: 500px){
			.fiexdRight_img {
				width:6.25rem;
			}
				.fiexdRight_img.active {
					right:-6.25rem;
				}
		}




















/*/////////////////////////////////////////////////////////*/
/*-------版腳--------*/
/*/////////////////////////////////////////////////////////*/

.footer {
	/* padding: 25px 0px; */
	padding: 0;
	background-color: #A3B8E099;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	padding-top: clamp(2.2581rem, 3.6458vw, 4.3750rem); /* 36.13px , 3.6458vw , 70.00px */
	padding-bottom: 0; 
}
.footer.footer_in{
	padding-top: 0;
}

	.footer .wrap{
		width: 100%;
		/* display: flex; */
		/* justify-content: space-between; */
		/* align-items: center; */
		/* flex-wrap: wrap; */
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	/* 導盲磚_跳到版腳內容------------------- */
	.footer a.footer_access {
		position: absolute;
		top: -25px;
		left: 0;
		font-size: 0.7em;
		line-height: 1;
		color: #fff0;
		z-index: 1;
		padding: 5px;
		display: inline-block;
		text-decoration: none
	}

	.footer_content{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		/* padding-top: 10px; */
		font-size: 1em;
		gap: clamp(1.5625rem,2.6042vw,3.125rem);
		align-items: center;	
	}



		.footer_top{
			width: 100%;
			margin: 20px 0;
		}
		.footer_top .wrap{
			width: 85%;
			max-width: 1500px;
			
		}

		.footer_top .footer_content .footer_content_left{
			width: 50%;
			display: flex;
			align-items: flex-start;
			justify-content: center;
			gap: clamp(1.5625rem,2.6042vw,3.125rem);
		}
		.footer_top .footer_content .footer_content_right{
			width: 40%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap: wrap;
			gap: clamp(1.5625rem,2.6042vw,3.125rem);
			height: 100%;
		}
	
		.footer_top .footer_content .footer_area1,
		.footer_top .footer_content .footer_area2{
			width: 50%;
			max-width: 378px;
			display: flex;
			flex-direction: column;
			align-items: stretch;
			justify-content: space-between;
		}
		.footer_top .footer_content .footer_area3{
			width: 75%;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: clamp(1.5625rem,2.6042vw,3.125rem);
		}
	
		.footer_top .footer_content .footer_area_title{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: .3125rem;
			padding-bottom: 10px;
			border-bottom: 1px dotted #2A2A2A;
		}
		.footer_top .footer_content .footer_area_title .footer_img{
			width: 1.25rem;
			height: 1.25rem;
			aspect-ratio: 1;
		}
		.footer_top .footer_content .footer_area_title .footer_img img{
			width: 100%;
			height: auto;
		}
		.footer_top .footer_content .footer_area_title .footer_title,
		.footer_top .footer_content .footer_area_title .footer_title a{
			font-size: 1.125em;
			line-height: normal;
			font-weight: 400;
			color: #2A2A2A;
			display: block;
			white-space: nowrap;
			text-decoration: none;
		}
		
		.footer_top .footer_content .footer_list_area{
			padding-top: 20px;
			font-size: 1em;
			font-weight: 400;
			line-height: 18px;
			color: #2A2A2A;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			gap: clamp(.625rem,1.0417vw,1.25rem);
			justify-content: space-between;
			
		}
		.footer_top .footer_content .footer_list{
			color: inherit;
			font-size: .875em;
			font-weight: inherit;
			letter-spacing: 0;

		}
		.footer_top .footer_content .footer_list:last-of-type{
			margin-bottom: 0;

		}
		.footer_top .footer_content .footer_list_area .list_title{
			display: flex;
			flex-direction: column;
			gap: 5px;
			justify-content: flex-start;
			align-items: flex-start;
		}
		.footer_top .footer_content .footer_area2 .footer_list_area .list_title{
			/* flex-direction: row; */ /* 20250923 電話跟傳真分為兩行 */
		}
		
		.footer_top .footer_content .footer_list a{
			cursor: pointer;
			text-decoration: none;
			color: #2A2A2A;

		}
		.footer_top .footer_content .footer_list a:hover{
			opacity: 0.7;

		}

		.footer_top .footer_content .footer_area_title{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: .3125rem;
			padding-bottom: 10px;
			border-bottom: 1px dotted #2A2A2A;
		}
		.footer_top .footer_content .footer_area3 .footer_area_title{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: .3125rem;
			padding-bottom: 0;
			border-bottom: unset;
		}


	
		





		/* 無障礙網頁檢測標章 */
		.accessibility{
			width: 100px;
			/* margin-left: auto; */
		}
			.accessibility a{
				display: block;
				text-decoration: none;
			}
				.accessibility img{
					width: 100%;
					height: auto;
				}
			
				.accessibility a:hover , .accessibility a:focus {
					background-color: var(--fourth_color) ;
				}
				.accessibility a:hover img , .accessibility a:focus img{
					opacity: 0.3;
				}


				
				@media (max-width: 1500px){
					.footer_top .wrap{
						width: 90%;
						max-width: 1055px;
					}
					.footer_top .footer_content .footer_area3{
						width: 100%;
						justify-content: flex-start;
						
					}
					.footer_top .footer_content .footer_area_title .footer_title{
						font-size: 1em;
					}

					.footer_top .footer_content .footer_area_title .footer_title,
					.footer_top .footer_content .footer_area_title .footer_title a{
						font-size: 1em;
					}
				}
				
				@media (max-width: 1100px){
						.footer_content{
							flex-direction: column;	
							justify-content: flex-start;
							align-items: flex-start;
						}
						.footer_top .footer_content .footer_content_left{
							width: 100%;
							flex-wrap: wrap;
						}
						.footer_top .footer_content .footer_area1,
						.footer_top .footer_content .footer_area2{
							width: 100%;
							max-width: unset;
						}
						.footer_top .footer_content .footer_content_right{
							width: 100%;
							justify-content: flex-start;
							align-items: center;
						}
						.footer_top .footer_content .footer_area3{
							width: 100%;
							justify-content: flex-start;
							
						}
				}
				
				@media (max-width: 410px){
					.footer_top .footer_content .footer_area2 .footer_list_area .list_title{
						flex-wrap: wrap;
					}
					.footer_top .footer_content .footer_area3{
						flex-wrap: wrap;
						gap: .75rem;
						
					}
				}

	.footer_bottom{
		width: 100%;
		text-align: center;
		background-color: #595757;
		padding:  clamp(0.3226rem, 0.5208vw, 0.6250rem) 0; /* 5.16px , 0.5208vw , 10.00px */
		color: #fff;
		font-size:0.625em;
	}
	
	/*----- 版權宣告 -----*/
	.copyright{
		width: 100%;
		color: inherit;
		font-family: var(--foreign_font);
		font-size: 0.625rem;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 2.1px;
		/* padding-bottom: 10px; */
	}
		.copyright a{
			color:inherit;
			font-size: inherit;
			line-height: inherit;
		}
		
	/*----- 瀏覽器警示標語 -----*/
	.browser_bg{
		color: #6c6c6c;
		/* text-align: center; */
		font-size: 0.75em;
		line-height: 1em;
	}
		.browser_bg a{
			color:inherit;
			font-size: 0.75em;
			line-height: 1em;
			text-decoration: underline;
		}
		








@media (max-width: 1100px){

	.footer {
		padding-top: 0;
	}

	.footer .wrap{
		/* max-width: 1145px; */

		display: flex;
		justify-content: unset;
		align-items: unset;
		flex-direction: column;
	}

		/* 導盲磚_跳到版腳內容------------------- */
		.footer a.footer_access {
			top: -20px;
		}

		/*----- 版腳footer_logo -----*/
		.footer_logo{
			width: 130px;
			padding-bottom: 5px;
		}

		.footer_content_left {
			width: auto;
		}
			
			/*----- 版腳資訊 footer_information -----*/
			ul.footer_information{
				margin: 0 -5px;
			}
				ul.footer_information li{
					padding: 5px 5px;
				}



		/* 無障礙網頁檢測標章 */
		.accessibility{
			padding-top: 10px;
		}

		/* 主按鍵 navbar */
		.footer_navbar{
			/* margin: 0 -5px 0; */
		}
			.footer_nav span {
				font-size: 1.1em;
			}
			.fR_navList a {
				padding: 5px 0px;
			}
	
}