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

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

/*================*/
/*-- 浮動top鍵 --*/
/*================*/
.topBtn_area{
	position: fixed;
	right: 14px;
	bottom: -200px;
	z-index: 10;
	transform: scale(0.84);
	transition: 0.3s ease all;
}

	/*浮動按鍵*/
	.topBtn_list {
		margin: 7px 0px;
		position: relative;
	}
		
		.topBtn_list 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-radius:100%; */
    		border-radius: 3px;
			color:#674490;
			background: #fff;
			box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
			position:relative;
		}
		
		/*line-綠色*/
		.topBtn_list.green a{
			background-color: #00b900;
		}
		
		/* 新增 modify by pekey 20210720 */
		/*wechat-綠色*/
		.topBtn_list.wechat a{
			background-color: #07c160;
		}

		/*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:35px;
				height: auto;
				position:absolute;
				top:8px;
				right:7px;
			}
				/*hover*/
				.topBtn_list:hover {
				}
					.topBtn_list:hover a {
						box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
					}
					
			/*標籤說明*/		
			.tab_description{
				display: none;
				position: absolute;
				left: -95px;
				top: 50%;
				margin: -16px 0px 0px;
				background: rgba(0,0,0,0.6);
				color: #ffffff;
				padding: 10px 5px;
				font-size: 14px;
				width: 70px;
				text-align: center;
				border-radius: 3px;
    			transition: 0.3s ease all;
			}

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


	
	.topBtn {
		/* position:fixed;
		bottom:-70px;
		right:14px;
		z-index:99; */

		position: relative;
		margin:7px 0px;
	}
		.topBtn a {
			display: flex;
			justify-content: center;
			align-items: center;
			background: #1838d9;
			width: 50px;
			height: 50px;
			z-index: 99;
			transition: all 0.1s linear;
			box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
    		border-radius: 3px;
		}
		
		.topBtn a img {
			width: 18px;
			height: 10px;
		}
		
		.topBtn a:hover {
		  background: #000000;
		  transition: all 0.1s linear;
		}
		
			/*.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 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: #003d79;
				}
					.topBtn a:hover:before {
						border-bottom: solid 12px #003d79;
					}*/
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
				
				
				
				
				
			
				
					

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

.footer {
	padding: 50px 0px 50px;
	background-color: #000000;
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
}
	
	
	
	
.footer > .wrap{
	width:1200px;	
}
	
	


            
	/*版腳主按鍵*/
	.footerNavbar{
		width:100%;
		/*width: 86%;*/
		box-sizing:border-box;
	}
		.fR_nav{
			width: 25%;
			float:left;
			box-sizing:border-box;
			font-size: 16px;
			line-height: 20px;
			color:#fff;
		}
		
		.fR_nav span {
			font-size: 23px;
		}
				
		
		
		.fR_nav:last-of-type{
			padding-right: 0%;
		}
		
		
			.fR_nav a{
				display:block;
				text-decoration:none;
				color:#fff;
			}
			
			.fR_nav_Area{
				margin: 15px 0px 0px;
			}
				.fR_navList{
					box-sizing: border-box;
					font-size: 12px;
					line-height: 23px;
					letter-spacing: 0px;
					color: #fff9;
					padding-bottom:8px;
				}
				.fR_navList a{
					display:block;
					text-decoration:none;
					color: #fff;
					font-size: 14px;
				}						
			
			
				.fR_nav a:hover ,
				.fR_navList a:hover{
					opacity:0.5;
					transition:0.3s ease all;
				}		
			




	

	
/*版腳下方--------------------------*/
.footerBottom{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 30px 0 0;
	margin-top: 30px;
	border-top: 1px #7889a3 solid;
}
	.footerBList{
		box-sizing: border-box;
		padding: 0px 15px;
	} 
	.footerBList a{
		display: block;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		font-weight: lighter;
	} 	
	
	
		 
/*copyright-----------------------------------------------*/
	
.copyright{
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	color: #a5a5a5;
	/* margin-top: 25px; */
	box-sizing: border-box;
}
	.copyright a{
		display:inline-block;
		/* text-decoration:none; */
		color: #a5a5a5;

		cursor: pointer;
	}

	.copyright a:hover{
		/*opacity:0.5;*/
		transition:0.3s ease all;
		cursor: auto;
	}			

	.copyright span{
	}
	.copyright span:first-of-type{
		padding-right:15px;
	}










@media (max-width: 1300px){
	
	.footer > .wrap{
		width:900px;	
	}
		
}

@media (max-width: 990px){


.footer {
	padding: 30px 0px;
}

	.footer > .wrap{
		width:90%;
	}


		
}








@media (max-width: 769px){
	
	
	/*版腳主按鍵*/
	.footerNavbar{
		/*display:none;*/
	}	
		.fR_nav {
			padding: 18px 0;
			margin: 0 0 0px;
			float: none;
			width: 100%;
			border-bottom: 1px #7889a3 solid;
		}	
	
		.fR_nav > span{
			display:block;
			position:relative;
			padding-right: 20px;
			font-size: 19px;
		}
		.fR_nav > span:before{
			position: absolute;
			content: "";
			/*border-top: solid 8px #adadad;
			border-left: solid 5px rgba(0,0,0,0);
			border-right: solid 5px rgba(0,0,0,0);
			right: 0px;
			top: 3px;
			transition: 0.3s ease all;*/
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			content: "";
			display: block;
			width: 8px;
			height: 14px;
			background-image:url(../images/icon_right_arrow_lightBlue.svg);
			background-repeat:no-repeat;
			background-position:center;
			background-size:contain;
		}
		.fR_nav.active > span:before{
			transform:rotate(90deg);
			transition: 0.3s ease all;
		}		


		.fR_nav:nth-of-type(5) > span {
			/*display:none;*/
		}		
		.fR_nav:nth-of-type(5) span:before {
			display:none;
		}	
		
			
		.fR_nav_Area{
			display: none;
		}
					
		.footerBottom {
			margin-top: 5px;
			border-top: 0px #7889a3 solid;
		}	
/*}













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

	/*copyright-----------------------------------------------*/
	.copyright span{
		display:block;
	}
	.copyright span:first-of-type{
		padding-right:0px;
		margin-bottom:3px;
	}

}