/*modify by pekey 20190604*/
@charset "utf-8";
/* CSS Document */

/*------------------------------------------CSS Setting Start-------------------------------*/





	
/*/////////////////////////////////////////////////////////*/
/*-------右側浮動--------*/
/*/////////////////////////////////////////////////////////*/
	

/*-------浮動社群鍵-------*/

.CommunityBtn_area{
	position:fixed;
	right: 14px;
	bottom: 220px;
	transition:0.3s ease all;
	z-index: 201;
}
	

	/*浮動按鍵*/
	.topBtn_list {
		margin: 7px 0px;
		position: relative;
	}
		
		.topBtn_list a {
			display: flex;
			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;
			border-radius: 100%;
			color: #000000;
			background: #fff;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
			position:relative;
		}
		
		/*line-綠色*/
		.topBtn_list.green a{
			background-color: #00b900;
		}
		/*fb-藍色*/
		.topBtn_list.blue a{
			background-color: #4267b2;
		}
		
		.topBtn_list.pink a{
			background: -webkit-linear-gradient(#9836ba,#f05c37);
			background: -o-linear-gradient(#9836ba,#f05c37);
			background: -moz-linear-gradient(#9836ba,#f05c37);
			background: linear-gradient(#9836ba,#f05c37);
		}
			
			.topBtn_list a i {
				font-size: 40px;
				margin: -3px 0px -9px;
			}
			.topBtn_list img{
				width: 27px;
				height: auto;
				margin: auto;
				/* position:
				absolute; */
				/* top:8px; */
				/* right:7px; */
			}
				/*hover*/
				.topBtn_list:hover {
				}
					.topBtn_list:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					}
					
			/*標籤說明*/		
			.tab_description{
				display: none;
				position: absolute;
				left: -95px;
				top: 50%;
				margin: -16px 0px 0px;
				background: rgba(0,0,0,0.6);
				color: #fff;
				padding: 10px 10px;
				font-size: 13px;
    			transition: 0.3s ease all;
				width: 70px;
				text-align: center;
			}

			/*hover*/
			.topBtn_list:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}


			@media (max-width: 641px){
				.CommunityBtn_area {
					right: 15px;
				}	
					.topBtn_list a {
						width: 40px;
						height: 40px;
					}
			}
			



/*================*/
/*-- 浮動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 var(--primary_color);
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background-color:#ffffff;
			padding: 25px 0px 0px;
			color:#2a3035;
		}
			.topBtn a:before {
				position:absolute;
				content:'';
				border-bottom: solid 12px var(--primary_color);
				border-left: solid 8px rgba(0,0,0,0);
				border-right: solid 8px rgba(0,0,0,0);
				top: 15px;
				left: 15px;
			}
			.topBtn a span {
				font-size: 0.75em;
				display: block;
				color:#33a0da;
			}
				/*hover*/
				.topBtn a:hover {
					border: solid 2px #33a0da;
					background-color:#33a0da;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #ffffff;
				}
					.topBtn a:hover:before {
						border-bottom: solid 12px #ffffff;
					}
				
				.topBtn a:hover span {
					color: #ffffff;
				}	

			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
					

			
@media (max-width: 641px) {
	.topBtn a {
		width: 40px;
		height: 40px;
		padding: 18px 0px 0px;
	}

		.topBtn a:before {
			border-bottom: solid 8px var(--primary_color);
			border-left: solid 5px rgba(0,0,0,0);
			border-right: solid 5px rgba(0,0,0,0);
			top: 13px;
			left: 13px;
		}
		.topBtn a:hover:before {
			border-bottom: solid 8px #ffffff;
		}
}


/*/////////////////////////////////////////////////////////*/
/*-------版腳--------*/
/*/////////////////////////////////////////////////////////*/

.footer {

}

/* 當前模式 active */
.footer.active{

}

	/* 版腳_上方內容區塊 */
	.footer_topContent {
		padding: 40px 0px 0px;
		background-color: #e5e5e5;
	}
	.footer_topContent > .wrap{
		/* width: 85%; */
		display: flex;
		align-items: center;
		max-width: 1150px;
		column-gap: 135px;
		border-bottom: 1px solid #c7c1c1;
		padding-bottom: 20px;
	}

	/* 版腳_下方內容區塊 */
	.footer_bottomContent {
		padding: 29px 0px 60px;
		background-color: #e5e5e5;
		/* border-top: 1px solid #c7c1c1; */
	}
	/* 版腳_下方內容區塊 */
	.footer_bottomContent > .wrap{
		max-width: 1150px;
		
	}
@media(max-width:1200px){
	.footer_topContent > .wrap{
		width: 80%;
		
		
	}
	/* 版腳_下方內容區塊 */
	.footer_bottomContent > .wrap{
		width: 81%;
	}
}
@media(max-width:990px){

	.footer .wrap{
		width: 90%;
	}
	
	.footer_topContent > .wrap{		
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 20px;
	}

	.footer_bottomContent {
		padding-top: 20px;
	}
	
}
@media(max-width:768px){
	/* 版腳_上方內容區塊 */
	.footer_topContent {
		padding: 25px 0px;
		
	}

	.footer_bottomContent {
		padding-top: 0px;
	}
}

@media (max-width: 990px){
	
	/* 當前模式 active */
	/* 版腳浮動選單，後台需可設定參數讓使用者自由開啟 */
	.footer.active .footer_bottomContent.active {
		padding: 20px 0px 75px;
	}

}	



/*/////////////////////////////////*/
/*------- 右下角_內容區塊 --------*/
/*/////////////////////////////////*/		
.footer .top_rightContent{
	float: right;
	box-sizing: border-box;
	/* width: 35%; */
}

@media (max-width: 1181px){	
	.footer .top_rightContent{
		/* width: 45%; */
	}
}

@media (max-width: 1023px){
	
	.footer .top_rightContent {
		float: none;
		width: 100%;
		/* padding: 0 0 40px; */
	}
	
}


/*/////////////////////////////////*/
/*------- 右下角_內容區塊 --------*/
/*/////////////////////////////////*/		
.bottom_rightContent{

	width: 100%;
	display: flex;
	align-items: end;
	justify-content: space-between;
	flex-wrap: wrap;
}


@media (max-width: 1700px){
	
	.footer .bottom_rightContent {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
	}
	
}

/*///////////////////////////*/
/*------- 訂閱電子報 --------*/
/*///////////////////////////*/

.newsLetter_bg {
	display: none;
}

	/*標題*/
	/* .newsLetter_bg .title {
		color: #fff;
		font-size: 16px;
	} */
	
	/*內容*/
	/* .newsLetter_bg .conetnt {
		padding: 10px 0 0;
		position: relative;
	} */

		/* 輸入框 */
		/* .newsLetter_bg .input{
			padding: 0;
			padding-right: 85px;
		}
			.newsLetter_bg .input input[type="text"]{
				background-color: #fff;
				color: #666;
				margin: 0;
				padding: 0;
				outline: none;
				vertical-align: middle;
				width: 100%;
				height: 42px;
				line-height: 42px;
				transition: 0.2s ease all;
				padding: 3px 10px 0px;
				box-sizing: border-box;
				border-radius: 3px;
				border: solid 0px #aeaeae;
			}	 */
			
		/* 按鈕 */
		/* .newsLetter_bg .button{
			vertical-align: top;
			position: absolute;
			right: 0;
			top: 10px;
			width: 70px;
			height: 42px;
		}	
			.newsLetter_bg .button input{
				width: 100%;
				height: 42px;
				line-height: 42px;
				font-size: 16px;
				padding: 2px 3px 0px;
				border-radius: 3px;
				box-sizing: border-box;
				text-align: center;
				color: #fff;
				background-color: #888888;
			} 
				


@media (max-width: 321px){
	.newsLetter_bg .title{
		font-size: 14px;
		line-height: 20px;
	}
}*/

/*///////////////////////////*/
/*------- 社群連結區塊 --------*/
/*///////////////////////////*/		

.sns_linkBg {
	font-size: 0px;
	width: 50%;
	max-width: 250px;
	/* padding: 15px 0px 0px; */
}

	.sns_linkBg .list_area{
		margin: 0px -5px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 15px;
	}
		
		.sns_linkBg .list {
			/* display: inline-block;
			vertical-align: top; */
			/* float: left; */
			width: 35px;
			padding: 0;
			box-sizing: border-box;
		}

			.sns_linkBg .list  a {
				display: block;
				transition: 0.3s ease all;
				text-decoration: none;
				border-radius: 100%;
				background: #888888;
				background: unset;
				padding: 7px;
				padding: 0;
			}
		
				.sns_linkBg .list a img {
					width: 100%;
					height: auto;
					/* opacity: 0.7; */
					transition: 0.3s ease all;
				}
				
				/* hover */
				.sns_linkBg .list a:hover {
					opacity: 0.7;
				}



.footer .bottom_rightContent .sns_linkBg{
	
}



@media (max-width: 1023px){


/*------- 社群連結區塊 --------*/

.sns_linkBg {
	/* font-size: 0px;
	padding: 15px 0px 0px; */
}

	.sns_linkBg .list_area{
		justify-content: unset;
	}


	.footer .top_rightContent .sns_linkBg {
		display: none;
	}

	.footer .bottom_rightContent .sns_linkBg{
		display: block;
		float: none;
		padding: 0;
		max-width: unset;
	}
		/* .sns_linkBg .list a {
			background-color: #b0b0b0;
		} */
	
}



@media (max-width: 990px){
	.sns_linkBg {
		width: 100%;
	}
	
}
	
/*///////////////////////////*/
/*------- 版腳主按鍵區塊 --------*/
/*///////////////////////////*/

.footerNavbar_bg{
	float: left;
	float: unset;
	/* max-width: calc(100% - 200px); */
	/* width: 820px; */
	/* width: 50%; */
	/* width: 50%; */
	box-sizing:border-box;
	width: 100%;
	max-width: 260px;
}

	.footer_navbar {
		display: grid;
		grid-template-columns: repeat(2 , 1fr);
		flex-wrap: wrap;
		/* width: 50%; */
		gap: 15px 75px;
	}
		
		/* 版腳主按鍵 */
		.footer_nav{
			/* width: 33%; */
			/* float: left; */
			box-sizing: border-box;
			/* width: 50%; */
		}

		/* .footer_nav:last-of-type{
			padding-right: 0%;
		} */

			/* 標題 */
			.footer_nav .title{
				font-size: 20px;
				line-height: 26px;
				color:#585858;
				/* font-weight: bold; */
				
			}
				.footer_nav .title > a{
					color:#585858;
					text-decoration: none;
					display: inline-block;
					display: flex;
					align-items: center;
					gap: 10px;
					font-size: 18px;
					/* font-size: clamp(.875rem,0.0083vw, 1rem); */  /*字體 最小值 14px、大小約 0.9375vw、最大值 16px*/
				}
				.footer_nav .title > a span,
				.footer_nav .title > a div{
					flex-shrink: 1;
				}

			/* 選單 */
			.footer_navOpen{
				margin: 15px 0px 0px;
			}
				.footer_navOpen_list{
					box-sizing: border-box;
					font-size: 16px;
					line-height: 22px;
					letter-spacing: 0px;
					color: #ffffff;
					margin-bottom: 5px;
				}
				.footer_navOpen_list a{
					display: inline-block;
					text-decoration: none;
					color: #f1f1f1;
				}						
			
				/* hover */
				.footer_navOpen_list a:hover{
					opacity:0.5;
					transition:0.3s ease all;
				}					
				.footer_top_right{
					/* width: 50%; */
				}
				.footer_top_right > .text{
					color: #585858;
					font-size: clamp(.875rem,0.0083vw, 1rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 16px*/
					line-height: 1.5;
					font-size: 18px;
				}


@media (max-width: 1200px){

	.footerNavbar_bg{
		float: none;
		/* width: 50%; */
		/* max-width: unset; */
	}
	.footer_navbar {
		display: grid;
		grid-template-columns: repeat(2 , 1fr);
		flex-wrap: wrap;
		/* width: 50%; */
		gap: 15px 55px;
	}
	
		/*版腳主按鍵*/
		.footer_nav {
			padding-right: 5px;
		}	
		
			/* 標題 */
			.footer_nav .title{
				font-size: 17px;
				line-height: 1.5;
			}
			/* 選單 */
			.footer_navOpen{
				margin: 5px 0px 0px;
				/* margin: 10px 0px 0px; */
			}
				.footer_navOpen_list{
					box-sizing: border-box;
					font-size: 14px;
					line-height: 1.5;
				}
}
@media(max-width:900px){
	.footerNavbar_bg{
		float: none;
		width: 100%;
		max-width: unset;
	}
	
	.footer_navbar {
		display: grid;
		grid-template-columns: repeat(2 , 1fr);
		flex-wrap: wrap;
		/* width: 50%; */
		gap: 15px 30px;
	}
	.footer_top_right{
		width: 100%;
	}
	.footer_nav .title > a{
		color:#585858;
		text-decoration: none;
		display: inline-block;
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 16px;
		/* font-size: clamp(.875rem,0.0083vw, 1rem); */  /*字體 最小值 14px、大小約 0.9375vw、最大值 16px*/
	}
	.footer_top_right > .text{
		color: #585858;
		font-size: clamp(.875rem,0.0083vw, 1rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 16px*/
		line-height: 1.5;
		font-size: 16px;
	}
}

@media (max-width: 769px){	
	
	.footerNavbar_bg{
		/*display:none;*/
	}	

		.footer_navbar{
			float: none;
		}
		.footer_navbar {
			display: grid;
			grid-template-columns: repeat(2 , 1fr);
			flex-wrap: wrap;
			/* width: 50%; */
			gap: 0;
		}
			/*版腳主按鍵*/
			.footer_nav {
				float: none;
				width: auto;
				/* border-bottom: 1px #ffffff solid; 
				cursor: pointer;*/
				padding: 20px 0 10px;
			}	
			.footer_nav2 {
				border-bottom: 1px #cfcfcf solid;
				cursor: pointer;
			}
			.footer_nav:nth-of-type(1) {
				margin: 0;
				width: auto;
			}

				/* 標題 */
				.footer_nav .title{
					position: relative;
					padding-right: 20px;
					font-size: 16px;
					line-height: 22px;
					padding: 0;
				}
					.footer_nav2 .title:before{
						position: absolute;
						content: "";
						border-top: solid 8px #ffffff;
						border-left: solid 5px rgba(0,0,0,0);
						border-right: solid 5px rgba(0,0,0,0);
						right: 0px;
						/* top: 3px; */
						top: 8px;
						transition: 0.3s ease all;
						display: none;
					}
					.footer_nav2.active .title:before{
						transform: rotate(180deg);
						transition: 0.3s ease all;
					}
					
				/* 選單 */
				.footer_navOpen{
					display: none;
				}
					.footer_navOpen_list{
						margin-bottom: 10px;
					}
					.footer_navOpen_list a{
						/* display: block; */
						font-size: 14px;
						line-height: 20px;
					}
		
	
}








/*///////////////////////////*/
/*------- 版腳footer_logo --------*/
/*///////////////////////////*/	


/*----- 版腳footer_logo -----*/
.footer_logo{
	width: clamp(6.25rem, 10.4167vw, 12.5rem);  /*最小值 100px、大小約 10.4167vw、最大值 200px*/
	transition: 0.3s ease all;
	box-sizing: border-box;
}
	.footer_logo a{
		display: block;
	}
		.footer_logo a img{
			width: 100%;
			height: auto;
		}
		


/*///////////////////////////*/
/*------- 公司資訊 --------*/
/*///////////////////////////*/	

.company_information {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
	.company_information .information_list {
		font-size: clamp(.875rem, 0.9375vw, 1.125rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 18px*/
		line-height: 20px;
		color: #585858;

		padding: 2px 0px;
	}	
	.company_information .information_list:first-of-type {
		font-size: clamp(.875rem, 1.04vw, 1.25rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 18px*/
		line-height: 20px;

		padding: 2px 0px;
		font-family: "Junge", serif;
	}	
	.company_information .information_list a{
		color: #585858;
		text-decoration: none;
		display: inline-block;
	}
	

@media (max-width: 1081px){
	/* .company_information{
		width: 35%;
	} */
}

@media (max-width: 1023px){
	
	/* .company_information {
		float: none;
		width: 100%;
	} */
}

	
@media (max-width: 641px){	
	.company_information .information_list {
		font-size: 12px;
		line-height: 18px;
	}
}


.company_information_second {
	margin-top: 0;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 10px;
}
.company_information_second .information_list{
	font-size: clamp(.875rem, 0.9375vw, 1rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 16px*/
}
.company_information_second .information_list a{
	font-family: "Junge",serif;
	font-size: inherit;    /*字體 最小值 14px、大小約 0.9375vw、最大值 18px*/
}
.company_information_second .information_list:first-of-type a{
	font-family: "Noto Sans TC",serif;
	font-size: clamp(.875rem, 0.9375vw, 1rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 16px*/ 
}

/*///////////////////////////*/
/*------- 版權宣告 --------*/
/*///////////////////////////*/		  

.copyright{
	text-align: left;
	font-size: 10px;
	line-height: 20px;
	color: #585858;
	padding: 0px 0px 0px;
	font-family: 'Nunito', sans-serif;
	display: flex;
	position: relative;
	/* margin-bottom: 30px; */
	flex-wrap: wrap;
	gap: 15px;
}
	.copyright div{
		/* padding-left: 15px; */
		font-size: 10px;
		line-height: 20px;
		color: #585858;
	}
	.copyright div:first-of-type{
		padding-left: 0;
		font-size: 10px;
		line-height: 20px;
		color: #585858;
		
	}



	
	.copyright a{
		
		font-size: 10px;
				
		line-height: 20px;
				
		color: #585858;
				
		letter-spacing: 0.7px;
				
		border-right: 1px solid #585858;
				
		padding-right: 15px;
	}
	.copyright .copyright_item:last-of-type a{
		
		border: none;
	}

	.copyright .copyright_item:nth-of-type(3) a{
		
		font-size: 12px;
		
	}
	.copyright .copyright_item:nth-of-type(4) a{
		
		font-size: 12px;
		
	}
	.copyright .copyright_item:nth-of-type(5) a{
		
		font-size: 12px;
		
	}
	.copyright .copyright_item:nth-of-type(6) a{
		
		font-size: 12px;
		
	}
	
	

@media (max-width: 1200px){

	/* .copyright {
		
		padding: 30px 0px 0px;
	} */

}

	
@media (max-width: 768px){	
		
	/*版權宣告*/
	.copyright{
		
		line-height: 18px;
	}
		.copyright a{
			
			line-height: 18px;
			position: relative;
		}
		
		
}	
@media (max-width: 560px){	
	
	
		
}	
@media (max-width: 410px){	
		
	
		
}	

/*///////////////////////////*/
/*----- 瀏覽器警示標語 ------*/
/*///////////////////////////*/

.browser{
	color: #ffffff;
	text-align: right;
	font-size: 13px;
	line-height: 19px;
	padding-top: 5px;
}
	

	
@media (max-width:1023px){	
		
	.browser{
		text-align: left;
	}
				
}			
@media (max-width: 641px){	
		
	.browser{
		font-size: 12px;
		line-height: 18px;
	}
				
}			



/*///////////////////////////*/
/*------- 版腳cookie --------*/
/*///////////////////////////*/		  

.cookie{
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: 0 auto;
    opacity: 1;
    z-index: 101;
    -webkit-transition: 1s;
    transition: 1s;
	background-color:var(--primary_color);
	color: #ffffff;
	display: none;
	padding: 20px 0px;
}

.cookie.show{
	display: block;
}


	.cookie .wrap{
		width: 85%;
	}
	
		.cookie .content{
			display: flex;
			align-items: center;
			
		}
			.cookie .content span{
				color: #ffffff;
				font-size: 14px;
				line-height: 20px;
			}


			.cookie .button {
				padding-left: 20px;
				display:flex ;
			}
			
				.cookie .button input{
					width: 110px;
					border-radius: 3px;
					background-color: #ffffff;
					color: #33a0da;
				}
				
		
			

@media (max-width: 1023px){

	.cookie .button input {
		margin: 5px 0px;
	}
}

@media (max-width: 641px){

	
	.cookie .content span{
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0;
	}

}

/* modify by pekey 20210521*/
/*///////////////////////////*/
/*------- 版腳浮動搜尋區塊 --------*/
/*///////////////////////////*/
.fixedSearch_bg {
	display: none;
	position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
	height: 100%;
    z-index: 100;
    background: rgba(255,255,255,0.95);
    box-sizing: border-box;
    transition: 0.3s ease all;
}

/* 當前模式 class 加 show */
.fixedSearch_bg.show{
	display: block;
}

	.fixedSearch_bg .in{
		position: relative;
		width: 100%;
		height: 100%;
	}

		/* 搜尋區塊 */
		.fixedSearch_bg .search_bg{
			display: block;
			position: absolute;
			left: 50%;
			top: 35%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 60%;

			overflow: hidden;
			background: transparent;
			border: unset;
			box-shadow: unset;
			border-bottom: 1px solid #cccccc;

			box-sizing: border-box;
			padding: 0px;
			/* border-radius: 3px; */ /* modify by pekey 20210727 */
			border-radius: 0;
			z-index: 15;
			-webkit-transition: top .2s;
			transition: top .2s;
		}

			.fixedSearch_bg .search_bg .search_in{
				position: relative;
				width: 100%;
				padding: 0px 70px 0px 37px;
				box-sizing: border-box;
			}

				/* icon */
				.fixedSearch_bg .search_bg .icon{
					position: absolute;
					left: 7px;
					top: 50%;
					-webkit-transform:  translateY(-50%);
					transform:  translateY(-50%);

					width: 20px;
					height: 20px;
					line-height: 39px;
				}

				/* 輸入框 */
				.fixedSearch_bg .search_bg input[type="search"]{
					background: transparent;
					border: 0px;
					background-color: transparent;
					font-size: 15px;
					/* font-weight: bold; */
					line-height: 40px;
					height: 40px;
					padding: 0px;
					width: 100%;
					border-bottom: unset;
					border-radius: 0;
					color: #999999;
				}

				.fixedSearch_bg .search_bg input[type="submit"]{	
					position: absolute;
					right: 0px;
					top: 50%;
					-webkit-transform:  translateY(-50%);
					transform:  translateY(-50%);


					width: 60px;
					height: 32px;
					line-height: 35px;
					font-size: 14px;
					color: #ffffff;
					background-color: #555555;
					border-radius: 32px;
					z-index: 2002;
					text-align: center;
					letter-spacing: 0;
					
					z-index: 2002;
				}

				.fixedSearch_bg #searchClose_MB{	
					position: absolute;
					right: 11px;
   					top: 13px;
					text-decoration: none;
					z-index: 2002;
					color: #000000;

                    /* 修改結構 modify by pekey 20210728 */
					cursor: pointer;
				}
					.fixedSearch_bg #searchClose_MB span{
						
					}
						.fixedSearch_bg .searchClose_MB{
							font-size: 45px;
							font-weight: lighter;
						}	

@media (max-width: 990px) {

	/* 版腳浮動搜尋區塊 */
	.fixedSearch_bg {
	}
	.fixedSearch_bg.show{
		z-index: 1000;
	}
}

@media (max-width: 641px) {

	/* 搜尋區塊 */
	.fixedSearch_bg .search_bg{
		width: 90%;
	}

	.fixedSearch_bg .in {
		padding: 0px 15px;
		box-sizing: border-box;
	}
}


/*///////////////////////////*/
/*------- 版腳浮動選單 --------*/
/*///////////////////////////*/		  

.fixedMenu_bg{
	display: none;
	position: fixed;
    left: 0px;
    width: 100%;
    z-index: 99;
    background: #ffffff;
    box-sizing: border-box;
    transition: 0.3s ease all;
    bottom: 0px;
	border-top: 1px solid #d8d8d8;
}
	.fixedMenu_bg .list{
		float: left;
		/* width: 25%; */
		width:33.3%;
		box-sizing: border-box;
	}
		.fixedMenu_bg .list a{
			display: block;
			text-decoration: none;
			text-align: center;
			padding: 5px;
			box-sizing: border-box;
			text-decoration: none;
		}
		.fixedMenu_bg .list a:hover{
			background-color: var(--fourth_color);
		}
			/* 圖片 */
			.fixedMenu_bg .list .icon{
				width: 20px;
				margin: 0px auto;
				position: relative;
			}

				.fixedMenu_bg .list .icon img{
					width: 100%;
					height: auto;
				}
				.fixedMenu_bg .list img.after{
					display: none;
				}

				/* active */
				.fixedMenu_bg .list.active img.before{
					display: none;
				}
				.fixedMenu_bg .list.active img.after{
					display: block;
				}

				.fixedMenu_bg .list.cart{					
				}
				.fixedMenu_bg .list.cart.active{					
				}
				.fixedMenu_bg .list.cart.active a{
					background-color: var(--third_color);
				}
				/* 數量 */
				.fixedMenu_bg .list.cart .icon .quantity{
					/* position: absolute;
					top: -5px;
					right: -20px;
					width: 20px;
					line-height: 20px;
					border-radius: 20px;
					background-color: var(--primary_color);
					color:#ffffff;
					text-align:center;
					font-size:12px;
					letter-spacing:0px;
		
					display:inline-block;
					vertical-align: middle;	
					transition: 0.3s ease all; */
				}
				.fixedMenu_bg .list.cart .icon .quantity{
					background-color: var(--primary_color);
					color: #fff;
					position: absolute;
					right: -1.3125rem; /*-21px*/
    				top: -0.25rem; /*-4px*/
					aspect-ratio: 1;
					width: 1.25rem; /*20px*/
					display: flex;
					align-items: center;
					justify-content: center;
					text-align: center;
					border-radius: 50%;
					font-size: 0.625rem; /*10px*/
				}


			/* 標題 */
			.fixedMenu_bg .list .title{
				font-size: 12px;
				color: #a1a1a1;
				padding-top: 7px;
				letter-spacing: 0;
			}

			/* active */
			.fixedMenu_bg .list.active .title{
				color: #555555;
			}




@media (max-width: 990px){


	/* 當前模式 active */
	/* 版腳浮動選單，後台需可設定參數讓使用者自由開啟 */
	.footer.active .fixedMenu_bg.show{
		display: block;
	}
	
	
}

/*//////////////////////////////////////////////////////*/
/*------- 手機_版腳浮動配送車區塊 --------*/
/*//////////////////////////////////////////////////////*/
.fixed_cart_bg {
	display: none;
	position: fixed;
	right: 0px;
	left:33.2%;
	bottom: 0;
	/* bottom: 49px; */
	/* bottom: -100%; */
	max-width: 130px;
	width: 100%;
	z-index: 100;
	background: rgba(255,255,255,0.95);
	box-sizing: border-box;
	transition: 0.3s ease all;
	box-shadow: rgba(50, 50, 93, 0.25) 0px -14px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

	.fixed_cart_bg .in{
		position: relative;
		width: 100%;
		height: 100%;
	}

		/* 手機_版腳浮動配送車區塊 */
		.fixed_cart_bg .cart_bg{
			display: block;
			/* position: absolute; */
			/* left: 50%; */
			/* top: 35%; */
			/* -webkit-transform: translateX(-50%); */
			/* transform: translateX(-50%); */
			/* width: 60%; */
			/* overflow: hidden; */
			background: transparent;
			border: unset;
			box-shadow: unset;
			/* border-bottom: 1px solid #cccccc; */
			box-sizing: border-box;
			padding: 0px;
			border-radius: 3px;
			z-index: 15;
			-webkit-transition: top .2s;
			transition: top .2s;
			color: #333;
		}


			.fixed_cart_bg .cart_bg ul{
				padding: 0;
				margin: 0;
				list-style-type: none;
				display: block;
				font-size: 14px;
				text-align: center;
				/* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	 */
				/* display: flex; */
			}
				.fixed_cart_bg .cart_bg li{
					padding: 0;
					margin: 0;
					list-style-type: none;
					display: block;
					/* width: 50%; */
				}
					.fixed_cart_bg .cart_bg li a{
						display: flex;
						padding: 8px 10px;
						/* border-bottom: 1px var(--fourth_color) solid; */
						justify-content: center;
						color: inherit;
						text-decoration: none;
					}
					.fixed_cart_bg .cart_bg li a:hover{
						opacity: 0.7;
					}
					.fixed_cart_bg .cart_bg li .quantity{	
						color: var(--fifth_color);		
					}
			/* .fixed_cart_bg .cart_bg .search_in{
				position: relative;
				width: 100%;
				padding: 0px 70px 0px 37px;
				box-sizing: border-box;
			} */

				/* icon */
				/* .fixed_cart_bg .cart_bg .icon{
					position: absolute;
					left: 7px;
					top: 50%;
					-webkit-transform:  translateY(-50%);
					transform:  translateY(-50%);

					width: 20px;
					height: 20px;
					line-height: 39px;
				} */

				/* 輸入框 */
				/* .fixed_cart_bg .cart_bg input[type="text"]{
					background: transparent;
					border: 0px;
					background-color: transparent;
					font-size: 15px;
					line-height: 40px;
					height: 40px;
					padding: 0px;
					width: 100%;
					border-bottom: unset;
					border-radius: 0;
					color: #999999;
				}

				.fixed_cart_bg .cart_bg input[type="submit"]{	
					position: absolute;
					right: 0px;
					top: 50%;
					-webkit-transform:  translateY(-50%);
					transform:  translateY(-50%);


					width: 60px;
					height: 32px;
					line-height: 35px;
					font-size: 14px;
					color: #ffffff;
					background-color: #555555;
					border-radius: 32px;
					z-index: 2002;
					text-align: center;
					letter-spacing: 0;
					
					z-index: 2002;
				} */

				.fixed_cart_bg #cart_Close_MB{	
					position: absolute;
					right: 11px;
   					top: 13px;
					text-decoration: none;
					z-index: 2002;
					color: #000000;
				}
					.fixed_cart_bg #cart_Close_MB span{
						
					}
						.fixed_cart_bg .cart_Close_MB{
							font-size: 45px;
							font-weight: lighter;
						}		

@media (max-width: 990px) {

	/* 手機_版腳浮動配送車區塊 */
	.fixed_cart_bg {
		max-width: 33.3%;
	}
	
	/* 當前模式 class 加 show */
	.fixed_cart_bg.show{
		display: block;
		z-index: 1;
	}

}

@media (max-width: 641px) {

	/* 手機_版腳浮動配送車區塊 */
	.fixed_cart_bg .cart_bg{
		/* width: 90%; */
	}

	.fixed_cart_bg .in {
		/* padding: 0px 15px; */
		box-sizing: border-box;
	}
}
@media (max-width: 1024px){


	.footer {
		
	}	
	
	
}



@media (max-width: 990px){
	
			
	/* 當前模式 active */
	/* 版腳浮動選單，後台需可設定參數讓使用者自由開啟 */
	.footer.active .fixedMenu_bg.show{
		display: block;
	}
	
	
}

@media (max-width: 375px){
	
}













