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

/*------------------------------------------CSS Setting Start-------------------------------*/
/*================*/
/*-- 浮動社群鍵 --*/
/*================*/				
					


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

.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: 40px;
		height: 40px;
		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;
	}



/*================*/
/*-- 浮動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: 40px;
			height: 40px;
			border: solid 2px #4c4944;
			position:
			relative;
			text-decoration:
			none;
			transition:0.3s ease all;
			border-radius:100%;
			background:#fff;
			padding: 17px 0px 0px;
			color:#4c4944;
		}
			.topBtn a:before {
				position:
				absolute;
				content:
				'';
				border-bottom: solid 9px #4c4944;
				border-left: solid 5px rgba(0,0,0,0);
				border-right: solid 5px rgba(0,0,0,0);
				top: 7px;
				left: 13px;
			}
			.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: var(--primary_color);
				}
				/* .topBtn a:hover:before {
					border-bottom: solid 12px #ce9c69;
				} */
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
			
		
		
			
		
		
/*/////////////////////////////////////////////////////////*/
/*-------右側浮動--------*/
/*/////////////////////////////////////////////////////////*/
	
					
					



			/*標籤說明*/		
			.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;
			}		
	








/*右側預約按鈕-----------------------------------------------------*/
	/* .fbBtn {
		margin:7px 0px;
		position: relative;
	} */
		.schedule a {
			background-color: var(--third_color);
		}
			/*hover*/
			.schedule:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}
					
/*右側浮動FB-----------------------------------------------------*/
	/* .fbBtn {
		margin:7px 0px;
		position: relative;
	} */
		.fbBtn a {
			background-color: #1974ec;
		}
			/*hover*/
			.fbBtn:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}
					


/*右側浮動youtube----------------------------------------------------*/
	/* .YtBtn {
		margin:7px 0px;
		position: relative;
	} */
		.YtBtn a {
			background-color: #fb031d;
		}
			/* .YtBtn img{
				width: 36px;
				height: auto;
				position: absolute;
				top: 6px;
				right: 7px;
			} */
				/*hover*/
				/* .YtBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #fb031d;
				}
					.YtBtn:hover a {
						box-shadow:0px 0px 10px rgba(0,0,0,0.1);
					} */
			/*hover*/
			.YtBtn:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}
			
			
		
			
/*右側浮動Line-----------------------------------------------------*/
	/* .LineBtn {
		margin:7px 0px;
		position: relative;
	} */
		.LineBtn a {
			background: #fff;
		}
			/* .LineBtn img{
				width: 36px;
				height: auto;
				position: absolute;
				top: 6px;
				right: 5px;
			} */
			/*hover*/
			.LineBtn:hover .tab_description{
				display: block;
    			transition: 0.3s ease all;
			}
						
	
		
			
/*右側浮動LinkedInBtn-----------------------------------------------------*/
/* .LinkedInBtn {
	margin:7px 0px;
	position: relative;
} */
	.LinkedInBtn a {
		background: #2764ac;
	}
		/* .LinkedInBtn img{
			width: 36px;
			height: auto;
			position: absolute;
			top: 6px;
			right: 5px;
		} */
			/*hover*/
			/* .LinkedInBtn a:hover {
				border-color:#fff;
				box-shadow:0px 0px 10px rgba(0,0,0,0.2);
				color: #1e5070;
			}
				.LinkedInBtn:hover a {
					box-shadow:0px 0px 10px rgba(0,0,0,0.1);
				} */
		/*hover*/
		.LinkedInBtn:hover .tab_description{
			display: block;
			transition: 0.3s ease all;
		}
					

	
			
/*右側浮動Twitter-----------------------------------------------------*/
/* .TwitterBtn {
	margin:7px 0px;
	position: relative;
} */
	.TwitterBtn a {
		background: #34b3f7;
	}
		/* .TwitterBtn img{
			width: 36px;
			height: auto;
			position: absolute;
			top: 6px;
			right: 5px;
		} */
			/*hover*/
			/* .TwitterBtn a:hover {
				border-color:#fff;
				box-shadow:0px 0px 10px rgba(0,0,0,0.2);
				color: #1e5070;
			}
				.TwitterBtn:hover a {
					box-shadow:0px 0px 10px rgba(0,0,0,0.1);
				} */

		/*hover*/
		.TwitterBtn:hover .tab_description{
			display: block;
			transition: 0.3s ease all;
		}


					
			
			
/*右側浮動IG-----------------------------------------------------*/
/* .IGBtn {
	margin:7px 0px;
	position: relative;
} */
	.IGBtn a {		
		background: #ffcd6c; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #ffcd6c 0%, #ef5f4a 25%, #a335b4 50%, #505cd1 75%, #505cd1 75%, #9a37bb 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #ffcd6c 0%,#ef5f4a 25%,#a335b4 50%,#505cd1 75%,#505cd1 75%,#9a37bb 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #ffcd6c 0%,#ef5f4a 25%,#a335b4 50%,#505cd1 75%,#505cd1 75%,#9a37bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd6c', endColorstr='#9a37bb',GradientType=1 );  */
		/* IE6-9 fallback on horizontal gradient */

	}
		/* .IGBtn img{
			width: 36px;
			height: auto;
			position: absolute;
			top: 6px;
			right: 7px;
		} */
			/*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);
				} */

		/*hover*/
		.IGBtn:hover .tab_description{
			display: block;
			transition: 0.3s ease all;
		}		
		
		
			
		
		
		
				
/*右側浮動DcardBtn-----------------------------------------------------*/
.DcardBtn a {
	background:#0067a1;
}
	/*hover*/
	.DcardBtn:hover .tab_description{
		display: block;
		transition: 0.3s ease all;
	}	
			
			
			
			
/*右側浮動podcast-----------------------------------------------------*/
	.podcastBtn a {
		background:#8622c2;
	}
		/*hover*/
		.podcastBtn:hover .tab_description{
			display: block;
			transition: 0.3s ease all;
		}
		
		
		
@media (max-width: 1100px){

	.CommunityBtn_area{
		display:block;
	}
		
}
							
					
					
		
				
					
					
					

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

/*20221012_Abby_修改*/
/*.footer {
	padding: 20px 0px;
	background-color: #a38c49;
}*/
	
	/*.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%;
	}*/
		
	
	
.footerInfo_listAreaBg{
}
	.footerInfo_listAreaBg img{
		width:100%;
		height:auto;
	}



/*版腳資訊_列表區塊*/
.footerInfo_listArea{
	padding: 30px 0px 30px;
	margin: 0px auto;
	background-color:#90a4d1;/*20221111_Abby_修改*/	
}


	/*版腳快速連結區*/
	.FootNavber{
		text-align:center;
		padding: 20px 0px 20px;
		border-bottom: 1px #fffffe solid;
		margin-bottom: 35px;
	}	
		/*版腳快速連結*/					
		.FootNav{
			box-sizing:border-box;
			display:inline-block;
			padding: 0px 10px;
		}
			.FootNav a{
				padding: 0px 5px;
				font-size:16px;
				font-weight:bold;
				line-height:25px;
				color: #ffffff;/*20221111_Abby_修改*/
				display:block;
				text-decoration:none;
				border: 1px #ffffff dashed;/*20221111_Abby_修改*/
				border-radius: 3px;
			}
			.FootNav a:hover{
				opacity:0.5;
			}

	.footerInfo_list{
		/*float: left;*/
		/*width: 28%;*//*20221114_abby_新增修改*/
		box-sizing: border-box;
		position: relative;
		text-align: center;
		/*display: inline-block;*//*20221114_abby_新增修改*/
		vertical-align: top;
	}
		.footerInfo_list:nth-of-type(2) {
			width: 50%;
		}	
		.footerInfo_list:nth-of-type(3) {
			width: 15%;
		}	
	
	
	
	/*.footerInfo_list:after{
		position: absolute;
		right: 0px;
		top: 0px;
		content:'';
		width: 1px;
		height: 52px;
		background: #c9caca;
	}
	.footerInfo_list:nth-of-type(3):after{
		display: none;
	}*/
		.footerIL_img{
			/*width: 53px;*/
			/*position: absolute;
			left: 0px;
			top: 0px;*/
			/*float: left;*/
			
			vertical-align: middle;
			display: inline-block;
		}
		
		/*.footerInfo_list:nth-of-type(3) .footerIL_img{
			padding: 0px 5px;
		}*/
			.footerIL_img a{
				display: block;/*20221111_abby_新增修改*/
			}
			/*hover*/
			.footerIL_img a:hover{
				
			}
			
				.footerIL_img img{
					width: 70%;
					height: auto;	
							
					/*360旋轉效果*/
					/*modify by pekey 20180612*/
					transition: 0.7s ease-in-out;
					display: none;/*20221111_abby_修改*/
				}
		
				/*hover*/
				.footerIL_img:hover img{
					opacity: 0.7;
													
					/*360旋轉效果*/
					/*modify by pekey 20180612*/
					transition: 0.7s ease-in-out;
					-moz-transform: rotateY(360deg);
					-o-transform: rotateY(360deg);
					-ms-transform: rotateY(360deg);
					-webkit-transform: rotateY(360deg);
					transform: rotateY(360deg);
				}
	
			
				.footer_information {
					display: flex;
					flex-wrap: wrap;
					flex-direction: row;
					align-items: center;
					/* font-family: jf_openhuninn; */
					justify-content: center;
				}

				.footer_informationList {
					color: #595757;
					font-size: 13px;
					box-sizing: border-box;
					padding: 5px 15px;
				}
				

				
			.footerIL_inArea span{
				display: inline-block;
				width: 80%;/*20221005_Abby_修改*/
				box-sizing:border-box;
				font-size: 14px;
				line-height: 24px;
				letter-spacing: 0.5px;
				/* padding-right: 6px; */
				color: #ffffff;/*20221114_Abby_修改*/
				text-align: left;
			}



	
	
	.footer_navbar {
		text-align: center;
		margin-bottom: 30px;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;

		display: none;
	}
	

		.fR_nav{
			/*width: 16.6%;
			float:left;*/
			width: 14.2%;
			box-sizing:border-box;
			font-size: 20px;
			line-height: 25px;
			color:#333;
		}
		.fR_nav span{
			display:block;
			color: #F47378;
		}	
		.fR_nav span a{
			display:block;
			color: #F47378;
			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: #858585;
				}						
			
			
				.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: #ffffff;
			font-size: 13px;
			box-sizing: border-box;
			padding: 5px 15px;
		}	
	
		
			.footer_informationList a{
				color: #646464;
				text-decoration: none;
			}	
			.footer_informationList a:hover{
				color: #000;
			}		
	
	
	/*版權宣告*/
	.copyright{
		color: #cccccc;
		text-align: center;
		font-size: 12px;
		line-height: 1.2;
		/* margin: 45px 0 0; */
		/* border-top: 1px #ffffff solid; */
		/* padding-top: 10px; */
	}
		.copyright a{
			display: inline-block;
			color: #cccccc;
			/* 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;
		}
			


	/* 版腳_瀏覽統計人數--------------------------*/
	ul.footer_peopleBg{
		padding: 15px 0 0;
		list-style-type: none;
		font-size: 13px;
		line-height: 13px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin: 0 -3px;
		text-align: center;
	}
		ul.footer_peopleBg li{
			padding: 0px 3px;
			box-sizing: border-box;
		}
		ul.footer_peopleBg li span{
			/* background-color: #00416b; */
			background-color: #cccccc;
			border-radius: 3px;
			color: #00416b;
			display:
			inline-block;
			padding: 2.4px 5px;
			font-weight: bolder;
		}
		.footer_in {
			/* background-color: var(--primary_color); */
			background-image: url(../images/footer_bg.webp);
			background-position: cover;
			background-size: cover;
			background-repeat: no-repeat;
			padding: 25px 0 15px 0;/* 20221208 Patty 修改 */
			line-height: 16px;
			font-size: 14px;
		}
		.footer_in .wrap{

			display: flex;
			/* align-items: center; */
			justify-content: space-between;
			justify-content: center;
			align-items: center;
		}
		.footer_in .wrap >div{
			/* width: calc( 100% / 3 ); */
			color: #fff;
			padding: 0 10px;
		}
		.footer_in .wrap > div.footer_logo {
			width: 90px;
		}
		.footer_logo{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 350px;
		}
		.footer_logo img{
			width: 100%;
			height: auto;
		}
		/* 新增 修改內容 modify by Patty 20221208 start */
		.footer_info_cn div,
		.footer_info_en	div
		{
			padding-bottom: 10px;
		}
		.footer_info_cn div span,
		.footer_info_en div span
		{
			vertical-align: -5px;
			font-size: 20px;
		}

		.footer_info_cn div a,
		.footer_info_en div a{
			text-decoration: none;
			color: #fff;
		}
		/* 新增 修改內容 modify by Patty 20221208 end */
@media (max-width: 1400px){
	
	.footer_content {
	}
		.footer_content .wrap{
			width:95%;
			padding: 0px 0px;
		}
	
}


@media (max-width: 1100px){
	.footer_in .wrap > div.footer_logo {
		display: block;
		width: 50px;
	}
	.footer_in .wrap {
		display: block;
	}
	.footer_in .wrap >div {
		width: 100%;
		padding: 10px 0;
	}
	
}

@media (max-width:768px){
	
	.footer_info_cn,.footer_info_en{
		font-size: 14px;
	}
}
@media (max-width:540px){
	.footer_in .wrap >div.footer_logo{
		width: 80px;
	}
}


.copyright{  /*20221111_Abby_修改*/
	/* display:none; */
	background: var(--fourth_color);
	border-top: 1px var(--fourth_color) solid;
	color: #fff;
	padding: 5px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
}
	.copyright a{  /*20221012_Abby_修改*/
		/* background: #89898900; */
		color: #fff;
	}
			

@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;
	}*/	

}