/*/////////////////////////////////////////////////////////*/
/*-------footer區--------*/
/*/////////////////////////////////////////////////////////*/



.footer {
	background-color:#02378d;
	padding: 30px 0px 30px;
}
	/*返回最上面*/
	.topBtn {
		position:fixed;
		bottom:-70px;
		right:14px;
		z-index:3;
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width:33px;
			height:33px;
			border: solid 2px #0070bd;
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background:#fff;
			padding: 13px 0px 0px;
			color: #0070bd;
		}
			.topBtn a:before {
				position:absolute;
				content:'';
				border-bottom: solid 8px #0070bd;
				border-left: solid 4px rgba(0,0,0,0);
				border-right: solid 4px rgba(0,0,0,0);
				top: 4px;
				left: 10px;
			}
			.topBtn a span {
				font-size:12px;
				transform:scale(0.8);
				display:block;
			}
				/*hover*/
				.topBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color:#1fbdd8;
				}
					.topBtn a:hover:before {
						border-bottom: solid 8px #1fbdd8;
					}


	.footerIn{
		/* padding-bottom: 15px; */
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}				

		/*版腳左*/
		.footerLeft {
			/* float:left; 
			padding-bottom:20px;*/
			box-sizing: border-box;
			padding-right: 20px;
			width: 100%;
		}
			.footerLeft_info {
				color:#777;
				font-size:14px;
				line-height: 34px;
				/* padding: 24px 0px 0px; */		
			}
				.footerLeft_info span {
					display:inline-block;
					padding:3px 0px;
					padding-right:7px;
					color: #ffffff;
					font-size: 13px;
					line-height: 14px;
				}
				.footerLeft_info span:first-of-type {
					display:block;
				}
				.footerLeft_info span a {
					display:inline-block;
					color: #ffffff;
					text-decoration: none;
				}	
				.footerLeft_info span a:hover {
					opacity: 0.5;
					transition: all 0.3s ease-out;
				}
				
				.footerLeft_info span.fL_TitLine{
					position:relative;
					margin-right: 10px;
				}
				
				.footerLeft_info span.fL_TitLine:after{
					position:absolute;
					content:"|";
					right: -6px;
					top: 2px;
				}				
				.footerLeft_info span.fL_TitLine:last-of-type:after{
					display:none;
				}
								
				.footerLeft_infoName {
					font-size:15px;
				}
					.fL_infoNameTit {
					}
			.copyright {
				/* text-align: center; */
				font-size: 12px;
				color: #e5e5e5;
				padding: 10px 0px 0px;
				/* border-top: 1px #e5e5e5 solid; */
			}
				.copyright a {
					color: #e5e5e5;
				}
				
		/*版腳右*/
		.footerRight {
			/* float:right; */
			box-sizing: border-box;
			min-width: 475px;
			width: 475px;
		}
			/*版腳右主按鍵*/
			.footerRight_navbar {
				font-size:0px;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: space-between;
				/* text-align:right; */
				/* margin:0px -6px; */
			}
				.fR_nav {
					box-sizing: border-box;
					/* display:inline-block; */
					/* vertical-align:top; */
					/* padding:0px 6px; */
				}
					.fR_nav a {
						font-size: 15px;
						color: #fff;
						border: solid 1px #fff;
						padding: 8px;
						text-decoration: none;
						display: block;
						border-radius: 3px;
						position: relative;
						transition: all 0.3s ease-out;
					}
						.fR_nav a:hover {
							color:#02378d;
							background-color:#fff;
							/*border: solid 1px #000;
							padding-left:20px;*/
							transition: all 0.3s ease-out;
						}
						


/*版腳社群*/
/* .footer_icon_area{
	text-align:right;
	padding-top: 25px; 
}
					
	.footer_icon{
		display:inline-block;
		padding-left:10px;
	}
						
		.footer_icon a{
			display:block;
		}
		
		.footer_icon a:hover{
			opacity:0.7;
		} */
								
		.footer_icon img{
			/* width:50px;
			height:auto; */
	
			/*360旋轉效果*/
			/* transition: 0.7s ease-in-out;	 */
		} 

		/*hover*/
		.footer_icon a:hover img{
			/* opacity: 0.7; */
											
			/*360旋轉效果*/
			/* 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); */
		}



		@media (max-width: 990px){

			.footerIn {
				/* padding-bottom: 15px; */
				display:block;
				flex-direction: unset;
				flex-wrap: unset;
				justify-content: unset;
				align-items: unset;
			}

			.footerLeft {
				padding-right: 0px;
				margin-top: 0px;
			}
			.footerRight {
				display: none;
			}

		}