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

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

.footer {
	
}

	.footer_contentBg{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

		.footer_contentBg .footer_topArea{
			width: 100%;
			padding: 45px 0px;
			background-color: #7dccf3;
			position: relative;
		}

		.footer_contentBg .footer_bottomArea{
			width: 100%;
			padding: 20px 0px;
			background-color: #000;
		}
	
	.footer_logoArea{	
		display: flex;
		flex-direction: row;
		align-items: center;
	}

		.footer_logo{
			float: left;
			width: 170px;
			transition: 0.3s ease all;
			padding:0px 20px 5px 0px
			
		}

		.footer_logoName{
			float: left;
			font-style: normal;
			font-weight: bold;
			font-size: 16px;
			color: #fff;
		}

			.footer_logo a{
				display: block;
			}
				.footer_logo a img{
					width: 100%;
					height: auto;
				}


				
	/* 版腳資訊 */
	.footer_informationArea{
		padding-top: 35px;
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.05em;
		color: #000;
	}
		.footer_informationArea .footer_informationTop{
			display: flex;
			flex-direction: row;
			
		}
			.footer_informationList {
				position: relative;
			}
			.footer_informationTop .footer_address{
				/* display: flex;
				align-items: center; */
				padding: 0px 60px 0px 0px;
			}

			.footer_informationTop .footer_phone{
				display: flex;
				align-items: center;
			}

				.footer_icon{
					position: absolute;
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					/* padding-right: 10px; */
					width: 28px;
					height: 28px;
				}
					.footer_icon img{
						width: 100%;
						height: auto;
					}
				
				.footer_text {
					padding-left: 40px;
					width: 100%;
					box-sizing: border-box;
				}	
	

			.footer_informationArea .footer_informationBottom{
				padding-top: 10px;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}	

				.footer_informationBottom .footer_serviceTime{
					display: flex;
					align-items: center;
				}
	
	.footer_snsArea {
		display: flex;
		flex-direction: row;
		margin: 0px -15px;
	}
		.sns_list {
			width: 52px;
			height: 52px;
			padding: 0px 15px;
		}
			.sns_list img{
				width: 100%;
				height: auto;
			}

	/*版權宣告*/
	.copyright{
		color: #fff;
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		
	}
		.copyright a{
			color: #fff;
			font-size: 14px;
			line-height: 16px;
			
		}

		.copyright .copyright_text{
			padding: 10px 0px;
		}
		
	/*瀏覽器警示標語*/
	.browser_bg{
		color: #fff;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
	}
		.browser_bg a{
			color: #fff;
			font-size: 12px;
			line-height: 16px;
			text-decoration: underline;
		}
			


@media (max-width: 1024px){


.footer {
	padding: 45px 0px;
	height: 300px;
}	
	.footer_informationArea .footer_informationBottom {
		padding-top: 30px;
		/* display: flex;
		flex-direction: column;
		align-items: flex-start; */

		display: block;
	}

	.footer_snsArea {
		padding: 25px 0 0;
		margin: 0px -10px;
	}

		.sns_list {
			width: 38px;
			padding: 0px 10px;
		}

}

@media (max-width: 990px){
	.footer {
		height: 320px;
	}


		.footer_informationArea .footer_informationTop {
			justify-content: flex-start;
		}	
		
				
		
}

@media (max-width: 767px){

	.footer_contentBg .footer_bottomArea {
		padding: 20px 0px 120px;
	}
	/* modify by david 20220809 start */
	.footer_contentBg .footer_bottomArea.completefooter {
		padding: 20px 0px;
	}
	/* modify by david 20220809 end */
	.footer_logoArea{
		flex-direction: column;
	}
		.footer_logoName {
			padding-top: 20px;
		}	


	.footer_information .footer_informationArea {
		padding-top: 20px;
	}
		
		.footer_informationArea .footer_informationBottom {
			display: block;
		}
		.footer_informationBottom .footer_serviceTime{
		}

	
}

@media (max-width: 640px){

	
	.footer_logoName {
		padding-top: 10px;
	}

	.footer_informationArea .footer_informationTop {
		flex-direction: column;
	}

		.footer_informationTop .footer_address {
			/* display: flex;
			align-items: center;
			padding: 0px 60px 10px 0px; */
			display: block;
			padding: 25px 0px;
		}
}

@media (max-width: 425px){

}


@media (max-width: 375px){
	
}