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

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

/*================*/
/*-- 浮動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:4;*/
		z-index: 201;
	}
		.topBtn a {
			display: block;
			text-align: center;
			box-sizing: border-box;
			width: 40px;
			height: 40px;
			position: relative;
			text-decoration: none;
			transition: 0.3s ease all;
			background: #7f1085;
			color: #fff;
			box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 0.8);
		}
			.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;*/
				border-bottom: solid 12px #ffffff;
				border-left: solid 8px rgba(0,0,0,0);
				border-right: solid 8px rgba(0,0,0,0);
				top: 50%;
				left: 50%;
				-webkit-transform: translateX(-50%) translateY(-50%);
				transform: translateX(-50%) translateY(-50%);
			}
			.topBtn a span {
				font-size:0.75em;
				display:block;
				display:none;
			}
				/*hover*/
				.topBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #231815;
				}
					.topBtn a:hover:before {
						/* border-bottom: solid 12px #007bc2; */ /* modify by pekey 20211202 */
					}
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
			
			
			
			
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
/*/////////////////////////////////////////////////////////*/
/*-------右側浮動--------*/
/*/////////////////////////////////////////////////////////*/
	
					
					


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

.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; */
}
	
	/*.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;
			}*/
			
		
		
		
		
.CommunityBtn{
	margin:7px 0px;
	position: relative;
}		
	.CommunityBtn 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;
		position:relative;
		box-shadow: 0px 0px 4px 1px rgb(255 255 255 / 0.8);
	}		
	.CommunityBtn  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;
			}		
	








/*右側浮動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;
		}
		
			
			
			
			
					

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

.footer {
	padding: 40px 0px;
	background-color: #ffffff;
}
	
	.footer .wrap {
	}
	

			
				
	/*版腳中間---------------------*/
	.footer_content{
		/* padding: 30px 0px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap; */
	}
	


		           
     
	/*版腳下方------------------------------------------------*/
	.footerBottom{
	}

		
		/*版腳資訊*/
		.footer_infoArea{
			text-align: center;
		}

			.footerInfoBg{
				position:relative;
				font-size: 15px;
				line-height: 1.5;
				margin: 0px -15px;
				text-align: center;
				color:#868686;
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				justify-content: center;
			}		
				.footer_informationIn{
					padding: 10px 15px;
					box-sizing: border-box;
					display: flex;
					flex-wrap: wrap;
					flex-direction: row;
					justify-content: center;
					align-items: center;				
				}
				

					.footer_informationIn img {
						width: 30px;
						box-sizing: border-box;
						padding: 0px 8px 0px 0px;
					}
					.footer_informationIn a ,
					.footer_informationIn span ,
					.footerInfoBg2 span{
						display:inline-block;
						text-decoration:none;
						color:inherit;
					}
					.footerInfoBg a:hover{
						opacity:0.5;
					}

				

        .copyright{
			font-size: 15px;
			line-height: 35px;
			color: #556aa1;
			box-sizing:border-box;
		}	
			.copyright a{
				display:inline-block;
				text-decoration:none;
				color:inherit;
			}
				.copyright a:hover{
					opacity:0.5;
					transition:0.3s ease all;
				}			








@media (max-width:1280px){

	/* .footer .wrap {
		width: 85%;
	} */

}

	
@media (max-width:990px){	
	
	.footer {
		padding: 25px 0px 25px;
		/* background-color: #ffffff; */
	}

	

	.footerInfoBg {
		display: block;
		justify-content: unset;
		flex-direction: unset;
		align-items: unset;
		text-align: left;
		margin: 0;
	}

		.footer_informationIn {
			padding: 5px 0;			
			justify-content: unset;
		}
		.footerInfoBg2 span {
			padding: 5px 0;
		}
		.footer_informationIn img {
			width: 20px;
			padding: 0px 5px 0px 0px;
		}

	/* .footerInfoBg span {
		display: inline-block;
		box-sizing: border-box;
		color: #556aa1;
	} */
	.copyright {
		font-size: 15px;
		line-height: 1.2;
		text-align:left;
		padding-top: 10px;
	}
}	
	
@media (max-width:640px){	

	.footerInfoBg{
		font-size: 14px;
	}
		.footer_informationIn img {
			display: none;
		}
		
}