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

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








		
		
/*/////////////////////////////////////////////////////////*/
/*-------右側浮動--------*/
/*/////////////////////////////////////////////////////////*/
	
					
					


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

.CommunityBtn_area{
	position:fixed;
	right:14px;
	/*display: none;*/
	/*bottom:190px;*/
	bottom: 20px;
	/*bottom:0px;*/
	/*z-index: 1000;
	z-index: 10;*/
	/*transform: scale(0.84);*/
	transition:0.3s ease all;
	z-index: 201;
	
	/* display:none; */
}


			
		
		
		
		
.CommunityBtn{
	margin:7px 0px;
	position: relative;
}		
	.CommunityBtn a{
		border-radius: 50%;
		display: block;
		transition: 0.3s ease all;
		text-decoration: none;
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		width: 55px;
		height: 55px;
		box-sizing: border-box;
		/* background-color: #1974ec; */
		position: relative;
		/* box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 80%); */
	}		
	.CommunityBtn  img{
		/* width: 65%; */
		width: 100%;
		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;
			}		
	








/*右側浮動聯絡開昌-----------------------------------------------------*/
	/* .contactBtn {
		margin:7px 0px;
		position: relative;
	} */
	.contactBtn a {
		/* background-color: #3D61AF; */
	}
		/*hover*/
		.contactBtn:hover .tab_description{
			display: block;
			transition: 0.3s ease all;
		}
				


/*右側浮動公司電話----------------------------------------------------*/
/* .TellBtn {
	margin:7px 0px;
	position: relative;
} */
	.TellBtn a {
		/* background-color: #0f2f57; */
	}
		/*hover*/
		.TellBtn: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:14px;
		z-index:99;
		/*z-index:3;*/
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width: 55px;
			/* height: 50px; */
			/* border: solid 2px #4c4944; */
			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 12px #4c4944;
				border-left: solid 8px rgba(0,0,0,0);
				border-right: solid 8px rgba(0,0,0,0);
				top: 8px;
				left: 15px;
			}*/
			
			.topBtn img{
				width: 100%;
				height: auto;
			}
			
			/*.topBtn a span {
				font-size:0.75em;
				display:block;
			}*/
				/*hover*/
				/*.topBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #0f2f57;
				}
					.topBtn a:hover:before {
						border-bottom: solid 12px #0f2f57;
					}*/
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
			
			
			
			
			
			
			
			
					

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

.footer {
	padding: 40px 0px;
	/* background-color: #cfd0c0; */
	background-color: var(--primary_color);
	color: #fff;
	/* border-top:70px #fff solid; */
}
	
	.footer .wrap{
	max-width: 1700px;
	width: 90%;
	}
	
.footerAre{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 4fr 1fr;
	gap: 0 15px;
}
	
	
	/*版腳資訊*/
	.footerInfoAres{
		/* float:left; */
		box-sizing:border-box;
		/* padding-right: 10px; */
		display: flex;
		align-items: flex-start;
		/* width: 60%; */
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 30px;
		line-height: 1.5;
		font-size: min(max(0.8333vw, 12px), 16px); /*字體大小 2.5vw、最小值 12px、最大值 18px*/
	}

		.footerInfoIn{
			/* margin: -4px 0; */
			/* width: 35%; */
			display: flex;
			align-items: flex-start;
			display: grid;
			grid-template-columns: auto 30%;
			gap: 0 5px;
		}
		.footerInfoIn:first-of-type{
			/* min-width: 426px; */
		}

		ul.footerInfo_list{
			padding: 0;
			box-sizing:border-box;
			list-style-type: none;
			display: flex;
			flex-wrap: wrap;
		}   
		.footerInfo_list a{
			text-decoration:none;
			display: inline-block;
			color: #ffffff;
			position: relative;
		}   
		
		ul.footerInfo_list li{
			padding: 0;
			display: block;
			/* padding: 0 15px; */
			/* font-size: 12px; */
			font-size: inherit;
			line-height: inherit;
			box-sizing: border-box;
		}
		.footerInfoIn:first-of-type .footerInfo_list:first-of-type li {			
			/* width:auto; */
		}
		.footerInfoIn .footerInfo_list li {
			width: 100%;
			/* margin-bottom: 10px; */
		}
		/* .footerInfo_list a:before{
			position: absolute;
			content: '';
			top: 2px;
			left: -15px;
			background-color: #ffffff;
			width: 1px;
			height: 10px;
		}    */
		.footerInfo_list li:first-of-type a:before{
			display: none;
		} 
		.footerInfoIn:first-of-type .footerInfo_list:first-of-type a:before{
			display: none;
		} 
		.footerInfoIn:first-of-type .footerInfo_list:first-of-type li{
			padding-right: 0;
		}


		.footerInfo_list a:hover{
			opacity:0.5;
		} 	
	
		.footerInfoIn:nth-of-type(2) {
			/* padding-left: 30px; */
			position: relative;
		}
		.footerInfoIn:nth-of-type(2):before {
			position:absolute;
			content: '';
			top: 0;
			left: 15px;
			left: -15px;
			width: 1px;
			height: 100%;
			/* background-color: #141414; */
			background-color: #ffffff;
		}	




		ul.footerInfo_list_map{
			margin: 0;
			padding: 0;
			list-style-type : none;
			display: block;
		} 

			ul.footerInfo_list_map li{
				margin: 0;
				padding: 0;
				list-style-type : none;
				display: block;
			} 
			ul.footerInfo_list_map li iframe{
				width: 100%;
				height: 110px;
			} 
			/* modify by peggy 20241022 start*/
			ul.footerInfo_list_map li .footer_img{
				width: 100%;
				height: 110px;
			} 
			ul.footerInfo_list_map li .footer_img a{
				display: block;
				position: relative;
				height: inherit;
				/* padding-top: 56.1%; */
			} 
			ul.footerInfo_list_map li .footer_img a img{
				width:100%;
				height:auto;
				transition: all 0.3s ease-out;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				float: none;
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
				transition: all 0.3s ease-out;
				
			} 
			/* modify by peggy 20241022 end*/











	
	/*copyright*/
	.copyright{
		box-sizing:border-box;
		line-height: initial;
		font-size: 10px;
		/* color: #141414; */
		color: #ffffff;
		font-family: var(--foreign_font);
		text-align: right;
	}
	
	
	.copyright a{
		text-decoration:none;
		/* color: #141414; */
		color: inherit;
		display: inline-block;
	}	
	.copyright a:hover{
		opacity:0.5;
	}
	
	@media (max-width: 1440px) {
		.footer .wrap {
			width: 85%;
		}
		
	}

/* @media (max-width: 1350px){	 */
@media (max-width: 1280px){

	.footerAre {
		display: block;
		flex-direction: unset;
		align-items: unset;
		justify-content: unset;
	}
		.copyright{
			margin: 15px 0 0;
		}

		.footerInfoAres {
			width: 100%;
		}
}

	
	
@media (max-width: 768px){

	.footer {
		padding: 25px 0px;
		/* border-top: 1px #fff solid; */
	}

	.footerInfoAres {
		display: flex;
		align-items:unset;
		flex-direction: column;
		gap: 15px 0;
	}
		.footerInfoIn:first-of-type {
			min-width:unset;
			border-bottom: 1px solid #f4f4f4;
			padding-bottom: 15px;
		}
			.footerInfoIn:first-of-type .footerInfo_list li {
				/* width:auto; */
			}
		.footerInfoIn:nth-of-type(2) {
			padding-left: 0px;
			/* margin: 5px 0 0; */
			/* padding-top: 15px; */
		}	
		.footerInfoIn:nth-of-type(2):before {
			display: none;
		}	
		ul.footerInfo_list {
			
			display: block;
		}
		ul.footerInfo_list li {
			font-size: 12px;
			line-height: 15px;
		}

		ul.footerInfo_list_map li iframe {
			width: 100%;
			height: 100px;
		}
	
}




@media (max-width: 510px){
	ul.footerInfo_list {
		/* padding: 4px 0;*/
		margin: 0 -5px;
		display: block;
		flex-wrap: unset;
		align-items: unset;
	}
	ul.footerInfo_list li {
		display: inline-block;
		padding: 0 5px;
	}

	.footerInfo_list a:before {
		display: none;
	}

}