/*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:3;*/
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width: 50px;
			height: 50px;
			border: solid 2px #4c4944;
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background:#fff;
			padding: 25px 0px 0px;
			color:#4c4944;
		}
			.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: #00489d;
				}
					.topBtn a:hover:before {
						border-bottom: solid 12px #00489d;
					}
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
			
			
			
			
			
			
			
			
					

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

.footer {
	padding: 25px 0px;
	background-color: #00489d;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:cover;
	font-family: 'Raleway', sans-serif;
	/* color: #fff; */
}
	
	/* .footer .wrap {
		width: 70%;
	} */
		
	


		           
     
	/*版腳下方---------------------*/
	.footerBottom{
		/* text-align: center; */
		/*padding:30px 0px 0px;*/
		/* display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		margin:0 -15px; */
	}
	
	.footerLeft_info {
		/* color: #535353; */
		padding: 10px;
		vertical-align: top;
		width: 33%;
		display: inline-block;
		color:#fff;
		font-size:12px;
		line-height:24px;
		box-sizing: border-box;
	}

	.footerLeft_info.mb{
		display: none;
	}

	.footerLeft_info.pc{
		
	}

	@media (max-width: 1071px){

		.footerLeft_info {			
			width: 100%;			
		}

		.footerLeft_info.mb{
			display: block;
		}
	
		.footerLeft_info.pc{
			display: none;
		}
	}
	
		
		  .footerLeft_info span {
			display: block;
		  }		
		  .footerLeft_info b {
			font-size: 14px;
			font-weight: bolder;
			margin-bottom: 2px;
			display: block;
		  }			
		  .footerLeft_info a{
			/* color: #535353; */
			color:#fff;
			text-decoration:none;
		  }	
		  .footerLeft_info a:hover{
			  opacity: 0.5;
		  }	
		  	
		  /* .footerLeft_info p{
			  display:inline-block;
			  box-sizing:border-box;
		  }			
		  .footerLeft_info p:first-of-type{
			  display:block;
		  }			 */
		
		
		 
		    
        .copyright{
			text-align:center;
			font-size: 12px;
			line-height: 22px;
			color:#949494;
			/*float: right;*/
			box-sizing:border-box;
			margin: 10px 0px 0px;
			font-family: 'Raleway', sans-serif;
		}
			.copyright a{
				display:inline-block;
				text-decoration:none;
				color: #949494;
			}
			.copyright a:hover{
				opacity:0.5;
				transition:0.3s ease all;
			}			








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

	.footer .wrap {
		width: 85%;
	}

} */



	
	


@media (max-width:1100px){

     
	/*版腳下方---------------------*/
	/* .footerBottom{
		margin:0 -15px 0px;
	}

		.footerLeft_info {
			width:50%;
			padding:0px 15px 20px;
		} */

	/* .copyright {
		margin: 25px 0px 0px;
	} */
}


@media (max-width:510px){

     
	/*版腳下方---------------------*/
	/* .footerBottom{
		margin:0 0px 0px;
	}

		.footerLeft_info {
			width:100%;
			padding:0px 0px 20px;
		}

	.copyright {
		margin:10px 0px 0px;
		text-align:left;
	} */
}





