/*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: #dd1319;
				}
					.topBtn a:hover:before {
						border-bottom: solid 12px #dd1319;
					}
				
			/*hover*/
			.topBtn:hover .tab_description{
				display: block;
				transition: 0.3s ease all;
			}	
					

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

.footer {
	padding: 45px 0px;
	background-color: #252525;
	color: #fff;
}
	
	/*版腳_內容區塊*/
	.footer_inArea{
	}
	
					
		/*版腳_左側內容區塊*/
		.footerIn_leftArea{
			float: left;
			box-sizing: border-box;
		}
		
			
			/*版腳_內容上方區塊*/
			.footer_inTop{
			}
		
				/*版腳_主按鍵區塊*/
				.footer_navbar{
					margin: 0px -8px;
					float: left;
					box-sizing: border-box;
				}
					.footer_nav{
						float: left;
						box-sizing: border-box;
						padding: 0px 8px;
					}
					/*.footer_nav:nth-of-type(1){
						padding: 0px 8px 0px 0px;
					}*/
						.footer_nav a{
							display: block;
							color: #888888;
							font-size: 16px;
							text-decoration: none;
						
							transition: all .5s;
							-o-transition: all .5s;
							-webkit-transition: all .5s
						}
							/*圖片*/
							.footer_nav img{
								width: 100%;
								height: auto;
							}
						
						/*hover*/
						.footer_nav a:hover {
							color: #fff;
						
							transition: all .5s;
							-o-transition: all .5s;
							-webkit-transition: all .5s
						}
				
				
				/*版腳_社群連結區塊*/
				.footer_snsArea{
					margin: 0px -10px;
					float: right;
					box-sizing: border-box;
				}
					.footer_snsList{
						float: left;
						box-sizing: border-box;
						padding: 0px 10px;
					}
						.footer_snsList a{
							display: block;
						
							transition: all .5s;
							-o-transition: all .5s;
							-webkit-transition: all .5s
						}
							
							.footer_snsList img{
								width: 100%;
								height: auto;
						
								transition: all .5s;
								-o-transition: all .5s;
								-webkit-transition: all .5s
							}
							
							img.footerSns_listBefore{
							}
							
							img.footerSns_listAfter{
								display: none;
							}
							/*hovet*/
							.footer_snsList a:hover img{
								transform: translateY(-8px);
								-o-transform: translateY(-8px);
								-webkit-transform: translateY(-8px);
								-moz-transform: translateY(-8px)
							}
							
							/*.footer_snsList a:hover img.footerSns_listBefore{
								display: none;
							}
							.footer_snsList a:hover img.footerSns_listAfter{
								display: block;
							}*/
							
							
							
						
			/*版腳_內容下方區塊*/
			.footer_inBottom{
				padding: 25px 0px 0px;
			}
				
				/*公司資訊*/
				.footer_infoArea{
					text-align: left;
				}
					.footer_infoList{
						padding: 3px 0px;
						font-size: 14px;
						line-height: 18px;
						color: #fff;
					}
						.footerInfo_listIn{
							position:relative;
							padding: 0px 14px;
							float: left;
							box-sizing: border-box;
						}
						.footerInfo_listIn:nth-of-type(1){
							padding: 0px 14px 0px 0px;
						}
							.footerInfo_listIn:after{
								content: '';
								position: absolute;
								right: 0px;
								top: 3px;
								width: 1px;
								height: 13px;
								background-color: #fff;
							}
							.footerInfo_listIn:nth-of-type(3):after{
								display: none;
							}
					
							.content_end{
								width: calc(100% - 270px);
							margin-left: auto;
							}
				/*版權宣告*/
				.copyright{
					font-size: 10px;
					line-height: 17px;
					color: #888;
					/* position: absolute;
					bottom: 0;
					transform: scale(0.9); */
					padding : 10px 0;
					text-align: center;
					/* margin-top: 30px; */
					background-color: #333f48;
				}
					.copyright a{
						display: inline-block;
						color: #888;
					}			
							
		/*版腳_右側內容區塊*/
		.footerIn_rightArea{
			float: right;
			box-sizing: border-box;
		}
		
			
			


@media (max-width: 1024px){


.footer {
	padding: 45px 0px;
}	
	
	.footerIn_leftArea{
		float: none;
	}
	
	.footerIn_rightArea{
		float: none;
		padding: 25px 0px 0px;
	}
		
		/*版腳_社群連結區塊*/
		.footerIn_rightArea .footer_snsArea{
			float: left;
		}
		.content_end{
			width: 100%;
		}
	
}


@media (max-width: 767px){
	
	.footer_navbar{
		float: none;
	}
		
	
	
	.footerInfo_listIn{
		float: none;
		padding: 3px 0px;
	}
	.footerInfo_listIn:nth-of-type(1){
		padding: 3px 0px;
	}
		.footerInfo_listIn:after{
			display: none;
		}
	
}

@media (max-width: 375px){
	
	.footer_navbar{
		margin: 0px;
	}
		.footer_nav{
			/*float: none;
			display: inline-block;
			vertical-align: middle;
			text-align: center;*/
			width: 25%;
			padding: 0px;
			/*text-align: center;*/
		}
			.footer_nav a{
				font-size: 15px;
			}
}