@charset "utf-8";
/* CSS Document */


/*Footer */
footer {
	position: relative;
	width:auto;
    margin:15px -15px -10px -15px;
	padding:0;
    background:#959595;
}
.home-wrapper footer {
	width:calc(100% + 30px);
}
@media (max-width: 900px){
	/*footer{display: none;}*/
	footer{order: 5;}
	footer.contact{display: none;}
}
footer .modd{
	position: relative;
    width: auto;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
	padding: 15px 30px;
	display: flex;
	align-items:flex-start;
	justify-content: flex-start;
}

footer .moddV2{
	position: relative;
    width: auto;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
	padding: 15px 30px;
	display: flex;
	align-items:flex-start;
	justify-content: flex-start;
}

footer .logo{
	position: relative;
	display: block;
	width: auto;
	margin:0;
}
footer .logo img{
	position: relative;
	width:70px;
	max-width:70px;
}
footer .contact{
	position: relative;
	display: block;
	font-size:0.9em;
    color:#fff;
	line-height:16px;
    letter-spacing:1px;
	margin:0 0 0 50px;
	padding: 0;
}
footer .contact .txt{
	font-size:0.8em;
    color:#fff;
	margin-top:15px;
}
footer .contact a{
	color:#fff;
	display:inline-flex;
	align-items: center;
}
footer .contact a:hover{
	text-decoration: underline;
}
footer .contact a::after{
	content: '';
	display: inline-block;
	width: 1px;
	height: 18px;
	background: #fff;
	margin: 0 7px;
}
footer .contact .txt a{
	color:#ffcc00;
}
footer .contact .txt a::after{
	display: none;
}

/*#twcad2 顯示*/
#twcaseal:hover #twcad2{
	visibility:visible;
}

/*FROM twca.css 且修改*/
#twcaseal{
	position:relative;
	font-family:arial unicode ms;
	text-align:left;
}
#twcad1{
	position:absolute;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
	background:#000000;
}
.MINI #twcad1{
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	display:none;
}
#twcad2{
	position:absolute;
	visibility:hidden;
	color:#ffffff;
	background:#006;
	padding:5px;
	border: solid 1px #c0a080;
	width:200px;
	font-size: 12px;
	text-align: left;
	z-index: 1;
}
.MINI #twcad2{
	left:70px;
	top:10px;
}
#twcad3{
	position:absolute;
	width: 20px;/*20210224新增*/
	height: 20px;/*20210224新增*/
}
.MINI #twcad3{
	left: 57px;
	top: 45px;
}

/*手機：寬度 400 以下*/
@media (max-width: 400px){
	footer .contact{
		margin:0 0 0 5px;
		padding-top: 15px;
	}
	footer .modd{
		padding: 15px 30px 60px 30px;
	}
	footer .moddV2{
		padding: 15px 30px 110px 30px;
	}
	footer .contact .txt{
		position: relative;
		float: left;
		top: 8px;
		bottom: 55px;
		right: 70px;
		margin-right: 10px;
	}
}

/*手機：寬度 500 到 400 之間*/
@media only screen and (min-width: 401px) and (max-width: 500px){
	footer .contact{
		margin:0 0 0 5px;
		padding-top: 15px;
	}
	footer .modd{
		padding: 15px 30px 50px 30px;
	}
	footer .moddV2{
		padding: 15px 30px 110px 30px;
	}
	footer .contact .txt{
		position: relative;
		float: left;
		top: 5px;
		bottom: 55px;
		right: 70px;
		margin-right: 10px;
	}
}

/*平板：寬度 768 到 500 之間*/
@media only screen and (min-width: 500px) and (max-width: 768px){
	footer .contact{
		margin:0 0 0 5px;
	}
	footer .modd{
		padding: 15px 30px 50px 30px;
	}
	footer .moddV2{
		padding: 15px 30px 130px 30px;
	}
}

/*平板：寬度 900 到 768 之間 */
@media only screen and (min-width: 768px) and (max-width: 900px){
	footer .contact{
		margin:0 0 0 5px;
	}
	footer .modd{
		padding: 15px 30px 40px 30px;
	}
	footer .moddV2{
		padding: 15px 30px 100px 30px;
	}
}