@charset "utf-8";
/* CSS Document */

.footer div.logo {
	background: #f2f9fb;
}
.footer div.logo div {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	height: 125px;
}
.footer div.logo div a.footerLogo {
	background: url(../images/all/footerLogo.png) no-repeat;
	width: 260px;
	height: 47px;
	float: right;
	margin-top: 50px;
}
.footer div.footerMenu {
	background: #e5f4f7;
	line-height: 1.8;
	font-family: Arial, "微軟正黑體";
	color: #0091b0;
	font-size: 14px;
	overflow: hidden;
	padding: 35px 10px;
	box-sizing: border-box;
}
.footer div.footerMenu div.footerContent {
	max-width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
.footer div.footerMenu div.footerContent p {
	float: left;
	margin-right: 10px;
}
.footer div.footerMenu div.footerContent div {
	float: left;
}
.footer div.footerMenu a {
	font-family: Arial, "微軟正黑體";
	color: #0091b0;
	font-size: 14px;
	text-decoration: none;
	float: left;
	margin: 0 10px;
	transition: all 0.4s;
}
.footer div.footerMenu a:hover {
	color: #0018a8;
	transition: all 0.4s;
}
.footer div.footerMenu span {
	color: #666666;
	float: left;
	line-height: 1.6;
}
.footer div.footerMenu a.footerLogo {
	display: none;
	background: url(../images/all/footerLogo.png) no-repeat center top;
	width: 195px;
	height: 37px;
	float: right;
	margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {

.footer div.logo div{
	max-width: auto;
}
.footer div.logo div a.footerLogo {
	margin-right: 50px;
}
	
}
@media screen and (max-width: 830px) {
.footer div.logo {
	display: none;
}
.footer div.footerMenu a.footerLogo {
	display: block;
	width: 260px;
    height: 47px;
	margin-right: 20px;
}
.footer div.footerMenu div.footerContent div {
	float: inherit !important;
	width: 100%;
	overflow: hidden;
}
.footer div.footerMenu a {
	margin: 0 5px;
	font-size: 13px;
}
}

@media screen and (max-width: 768px) {




}
@media screen and (max-width: 600px) {
.footer div.footerMenu div.footerContent p {
	float: inherit;
	margin: inherit;
	text-align: center;
	width: 100%;
}
.footer div.footerMenu a.footerLogo {
	width: 100%;
	height: 47px;
	margin: 5px auto 10px auto;
}
.footer div.footerMenu a {
	float: inherit;
	display: block;
	line-height: 1.9;
	text-align: center;
	margin: inherit;
}
.footer div.footerMenu span {
	display: none;
}
}
