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

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

/*================*/
/*-- 浮動top鍵 --*/
/*================*/
.topBtn_area{
	position:fixed;
	right:14px;
	bottom:0px;
	/*z-index: 10;*/
	/*z-index: 1001;*/
	transform: scale(0.84);
	transition:0.3s ease all;
}
	
	.topBtn {
		position:fixed;
		bottom:-70px;
		right:14px;
		z-index:10;
		/*z-index:3;*/
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width: 50px;
			height: 50px;
			border: solid 2px #777777;
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background:#fff;
			padding: 25px 0px 0px;
			color:#777777;
		}
			.topBtn a:before {
				position:absolute;
				content:'';
				border-bottom: solid 12px #777777;
				border-left: solid 8px rgba(0,0,0,0);
				border-right: solid 8px rgba(0,0,0,0);
				top: 8px;
				left: 15px;
			}
			.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: #d2ab77;
				}
					.topBtn a:hover:before {
						border-bottom: solid 12px #d2ab77;
					}
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
			
		
		
/*/////////////////////////////////////////////////////////*/
/*-------右側浮動--------*/
/*/////////////////////////////////////////////////////////*/
	
					
					


/*-------浮動top鍵----------------------------------------------------------------------------*/

.CommunityBtn_area{
	position:fixed;
	right:14px;
	/*bottom:190px;*/
	bottom: 20px;
	/*bottom:0px;*/
	/*z-index: 1000;*/
	z-index: 10;
	/*transform: scale(0.84);*/
	transition:0.3s ease all;
}
	
	/*.searchBtn {
		display: none;
		margin:7px 0px;
		position: relative;
	}
		.searchBtn 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;
			border: solid 0.125em #4c4944;
			border-radius:100%;
			color:#674490;
			background: #fff;
			box-shadow:0px 0px 10px rgba(0,0,0,0.5);
			position:relative;
		}
			.searchBtn a i {
				font-size: 2.5em;
				margin: -3px 0px -9px;
			}
			.searchBtn img{
				width: 33px;
				height: auto;
				position: absolute;
				top: 6px;
				right: 7px;
			}*/
				/*hover*/
				/*.searchBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #1e5070;
				}
					.searchBtn:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					}*/
					
					
	/*.phoneBtn {
		margin:7px 0px;
		position: relative;
	}
		.phoneBtn 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;
			border: solid 0.125em #0066b3;
			border-radius:100%;
			color:#674490;
			background: #fff;
			box-shadow:0px 0px 10px rgba(0,0,0,0.5);
			position:relative;
		}
			.phoneBtn a i {
				font-size:2.5em;
				margin: -3px 0px -9px;
			}
			.phoneBtn img{
				width: 36px;
				height: auto;
				position: absolute;
				top: 6px;
				right: 5px;
			}*/
				/*hover*/
				/*.phoneBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #1e5070;
				}
					.phoneBtn:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					}*/
					
			/*標籤說明*/		
			/*.tab_description{
				display: none;
				position: absolute;
				left: -83px;
				top: 9px;
				background: rgba(0,0,0,0.6);
				color: #fff;
				padding: 10px 10px;
				font-size:0.8125em;
    			transition: 0.3s ease all;
			}*/
			/*hover*/
			/*.phoneBtn:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}*/
			
		
		
		
		
		
	
		

/*右側浮動FB-----------------------------------------------------*/
	.fbBtn {
		margin:7px 0px;
		position: relative;
	}
		.fbBtn 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;
			border: solid 2px #397aac;
			border-radius:100%;
			color:#674490;
			background: #fff;
			/*box-shadow:0px 0px 10px rgba(0,0,0,0.5);*/
			position:relative;
		}
			.fbBtn a i {
				font-size:40px;
				margin: -3px 0px -9px;
			}
			.fbBtn img{
				width: 45px;
				height: auto;
				position: absolute;
				top: 2px;
				right: 1px;
			}
				/*hover*/
				.fbBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #1e5070;
				}
					.fbBtn:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					}
					
			/*標籤說明*/		
			.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*/
			.fbBtn:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}
					
		
		
		



/*右側浮動IG-----------------------------------------------------*/
	.IGBtn {
		margin:7px 0px;
		position: relative;
	}
		.IGBtn 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;
			border: solid 2px #da284f;
			border-radius:100%;
			color:#674490;
			background: #fff;
			/*box-shadow:0px 0px 10px rgba(0,0,0,0.5);*/
			position:relative;
		}
			.IGBtn a i {
				font-size:40px;
				margin: -3px 0px -9px;
			}
			.IGBtn img{
				width: 36px;
				height: auto;
				position: absolute;
				top: 6px;
				right: 5px;
			}
				/*hover*/
				.IGBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #1e5070;
				}
					.IGBtn:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					}
					
			/*標籤說明*/		
			/*.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*/
			.IGBtn:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}
			
			
			
			
			
			
			
			
			
/*右側浮動Line-----------------------------------------------------*/
	.LineBtn {
		margin:7px 0px;
		position: relative;
	}
		.LineBtn 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;
			border: solid 1.5px #21b54d;
			border-radius:100%;
			color:#674490;
			background: #fff;
			/*box-shadow:0px 0px 10px rgba(0,0,0,0.5);*/
			position:relative;
		}
			.LineBtn a i {
				font-size:40px;
				margin: -3px 0px -9px;
			}
			.LineBtn img{
				width: 36px;
				height: auto;
				position: absolute;
				top: 6px;
				right: 5px;
			}
				/*hover*/
				.LineBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #1e5070;
				}
					.LineBtn:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					}
					
			/*標籤說明*/		
			/*.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*/
			.LineBtn:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}
						
	
	
	
						
					
					
					
					
					
					
					
					
					

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

.footer {
	padding: 70px 0px 10px;
	/*background-color: #39bc9e;*/
	background-color: #6697bf;
	color: #fff;
	font-family: jf_openhuninn;
}
	
	/*.footer_logo{
		width: 170px;
		margin: 0px auto;
		transition: 0.3s ease all;
		float: left;
	}
		.footer_logo a{
			display: block;
		}
			.footer_logo a img{
				width: 100%;
				height: auto;
			}*/
	
	
	
/*.footer_content {
}
	
	.footer_content .wrap{
		width:95%;
	}*/
		
	
	
	
	
	.footer_navbar {
		text-align: center;
		margin-bottom: 30px;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
	}
	
		/* 20211118 feather 修改width樣式 */
		.fR_nav{
			/*width: 16.6%;
			float:left;*/
			width: 18%;
			box-sizing:border-box;
			font-size: 20px;
			line-height: 25px;
			color:#333;
		}
		.fR_nav span{
			display:block;
			color: #EDE2AB;
		}	
		.fR_nav span a{
			display:block;
			color: #EDE2AB;
			margin-bottom:15px;
		}	

			
		
		
		.fR_nav:last-of-type{
			padding-right: 0%;
		}
		
		
			.fR_nav a{
				display:block;
				text-decoration:none;
				color:#333;
			}
			
			.fR_nav_Area{
				margin: 15px 0px 0px;
			}
				.fR_navList{
					box-sizing: border-box;
					font-size: 16px;
					line-height: 26px;
					/* letter-spacing: 0px; */
					/* color: #000; */
					padding-bottom: 10px;
				}
				.fR_navList a{
					display:block;
					text-decoration:none;
					color: #fbf8e8cf;
				}						
			
			
				.fR_nav a:hover ,
				.fR_navList a:hover{
					opacity:0.5;
					transition:0.3s ease all;
				}		
			
			
			
	
		/*.footer_nav {
			text-align: center;
			display: inline-block;
			margin: 0px 5px 0px;
			box-sizing: border-box;
		}	
			.footer_nav a {
				display: block;
				text-decoration: none;
				padding: 10px 40px;
				font-size: 19px;
				border-radius: 5px;
				color: #929292;
				background-color: #ffffff;
				font-family: 'setofont';
			}
			.footer_nav a:hover {
				opacity:0.5;
				transition:0.3s ease all;
			}*/		
		
	
	
	
	
	.footer_information{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		/* font-family: jf_openhuninn; */
		justify-content: center; 
	}
	.footer_content .footer_information:last-of-type{
		margin-top:10px;
	}
	
	
			
		.footer_informationList{
			color: #303030;
			font-size: 13px;
			box-sizing: border-box;
			padding: 5px 15px;
		}	
	
		
			.footer_informationList a{
				color: #303030;
				text-decoration: none;
			}	
			.footer_informationList a:hover{
				color: rgb(70, 70, 70);
			}		
	
	
	/*版權宣告*/
	.copyright{
		color: #303030;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		margin: 25px 0 0;
		border-top: 1px #303030 solid;
		padding-top: 10px;
	}
		.copyright a{
			color: #303030;
			font-size: 12px;
			line-height: 16px;
			text-decoration: none;
		}
		
		
		
		
	/*瀏覽器警示標語*/
	.browser_bg{
		color: #fff;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
	}
		.browser_bg a{
			color: #fff;
			font-size: 12px;
			line-height: 16px;
			text-decoration: underline;
		}
			




@media (max-width: 1400px){
	
	.footer_content {
	}
		.footer_content .wrap{
			width:95%;
			padding: 0px 0px;
		}
	
}



@media (max-width: 1024px){

	.footer {
		padding: 45px 0px;
	}
	
}


@media (max-width: 860px){


	.footer_content .wrap{
		width:auto;
		padding: 0px 15px;
	}
	
	/*版腳主按鍵*/
	.footer_navbar{
		display: flex;
    	flex-wrap: wrap;
    	flex-direction: row;
		justify-content: space-between;
		text-align:left;
		/*display:none;*/
	}	
		.fR_nav {
			padding: 0 0 10px;
			margin: 0 0 20px;
			float: none;
			width: 100%;
			font-size:22px;
			/*border-bottom: 1px #656565 solid;*/
		}	
	
		.fR_nav > span{
			display:block;
			position:relative;
			padding-right: 20px;
		}
		.fR_nav > span: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: 10px;
			transition: 0.3s ease all;
		}
		.fR_nav.active > span:before{
			transform:rotate(180deg);
			transition: 0.3s ease all;
			top: 7px;
		}		
		
		
		
		.fR_nav.fR_nav2 {
			padding: 0 0 0px;
			margin: 0 0 0px;
		}
		.fR_nav.fR_nav2 span a {
			margin-bottom: 0px;
		}
		.fR_nav2 span:before ,
		.fR_nav2.active > span:before{
			display:none;
		}
		.fR_nav.fR_nav2 span{
			padding: 0 0 10px;
			margin: 0 0 20px;
		}		



		/*.fR_nav:nth-of-type(5) > span {
		}		
		.fR_nav:nth-of-type(5) span:before {
			display:none;
		}*/	
		
			
		.fR_nav_Area{
			display: none;
		}
	
}

@media (max-width: 375px){
		
	/*.footer_information {
		justify-content: unset;
	}*/	

}