/* ==========================================================================
	footer
========================================================================== */
#footer #footer-up > .social > .group > span:before,
#footer #go-top .go-top:before{
	font-family: "icomoon";
}
#footer #footer-up > .contact-info > .txt > span,
#footer #footer-up > .contact-num > .txt > span,
#footer #footer-down > .page-link > .left > .group > a > span,
#footer #footer-up > .contact-info > .txt > a > span,
#footer #footer-up > .contact-num > .txt > a > span{
	color: #565962;
}



#index #footer{
	background: #FFF;
}
#footer{
	width: 100%;
	background: #ebefed;
}
#footer #footer-up,
#footer #footer-down{
	display: block;
	width: 1230px;
	margin: 0 auto;
	height: 135px;
	padding: 0 15px;
}
#footer #footer-up{
	height: 135px;
}
#footer .horizontal-line{
	border-top: solid 1px #d5d5d5;
	width: 100%;
	height: 1px;
}
#footer #footer-down{
	height: 150px;
}

/*=== footer up  ===*/

#footer #footer-up > .logo > .pic > img{
	width: 150px;
	height: 54px;
}
#footer #footer-up > .logo,
#footer #footer-up > .contact-btn,
#footer #footer-up > .contact-info,
#footer #footer-up > .contact-num,
#footer #footer-up > .social{
	display: inline-block;
	float: left;
}
#footer #footer-up > .logo{
	width: 270px;
}
#footer #footer-up > .contact-btn{
	width:330px;
}
#footer #footer-up > .contact-info{
	width: 262px;
}
#footer #footer-up > .contact-num{
	width: 230px;
}
#footer #footer-up > .social{
	width: auto;
	float: right;
	height: 46px;
}
#footer #footer-up > .social > .group{
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-mos-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    float: left;
}
#footer #footer-up > .contact-num > .txt > .addr > .tel:after{
	content: "(TEL)";
}
#footer #footer-up > .contact-num > .txt > .fax > .tel:after{
	content: "(FAX)";
}
#footer #footer-up > .contact-btn > .btn{
	width: 250px;
	height: 50px;
	border-radius: 0;
	border: 0;
	background: #00a1e1;
	color: #FFF;
	font-size: 20px;
    letter-spacing: 2px;
    font-family: "微軟正黑體";
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#footer #footer-up > .contact-btn:hover > .btn{
	background: #565962;
}
#footer #footer-up .txt > span,
#footer #footer-up .txt > a > span{
	display: block;
}
#footer #footer-up > .contact-info > .txt{
	font-size: 16px;
}

#footer #footer-up > .contact-num > .txt > span,
#footer #footer-up > .contact-num > .txt > a > span{
	font-size: 14px;
	font-family: "Verdana";
}

#footer #footer-up > .contact-info > .txt > .mail{
	font-size: 14px;
	font-family: "Verdana";
}
#footer #footer-up > .social > .group > span:before{
	font-family: "icomoon";
	font-size: 43px;
	color: #767a85;
	float: left;
	padding: 0 3px;
	cursor: pointer;
}
#footer #footer-up > .social > .group > span:hover:before{
	color: #00a1e1;
}
#footer #footer-up > .social > .group > .facebook:before{
	content: "\f578";
}
#footer #footer-up > .social > .group > .google:before{
	content: "\f577";
}
#footer #footer-up > .social > .group > .youtube:before{
	content: "\f576";
	padding-right: 0;
}
#footer #footer-up > .logo,
#footer #footer-up > .contact-btn,
#footer #footer-up > .contact-info,
#footer #footer-up > .contact-num,
#footer #footer-up > .social{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-mos-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*=== footer down  ===*/

#footer #footer-down > .page-link > .left,
#footer #footer-down > .page-link > .right{
	display: inline-block;
	width: 50%;
}
#footer #footer-down > .page-link > .left{
	float: left;
	padding-left: 8px;
}
/*#footer #footer-down > .page-link > .right{
	padding-right: 8px;
}*/
#footer #footer-down > .page-link > .left > .list > .group{
	display: inline-block;
	width: 130px;
}
#footer #footer-down > .page-link > .left > .list > .group > a{
	display: block;
	margin-bottom: 7px;
}
#footer #footer-down > .page-link > .left > .list > .group > a > span{
	font-size: 16px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#footer #footer-down > .page-link > .left > .list > .group > a:hover > span{
	font-size: 16px;
	color: #00a1e1;
}
#footer #footer-down > .page-link > .right > .list > .group{
	float: right;
}
#footer #footer-down > .page-link > .right > .list > .group > span{
	display: block;
	color: #767a85;
}
#footer #footer-down > .page-link > .right > .list > .group > span.company:before{
	content: "©";
	position: absolute;
	margin-left: -16px;
}
#footer #footer-down > .page-link{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-mos-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*=== go top  ===*/

#footer #go-top .go-top{
	width: 100%;
	background: #00a1e1;
	color: #FFF;
	border: 0;
	border-radius: 0;
}
#footer #go-top .go-top:before{
	display: block;
	content: "\e60b";
}

@media screen and (max-width: 1407px){
	#footer #footer-up,
	#footer #footer-down{
		width: 100%;
	}
	#footer #footer-up > .social{
		padding-right: 5px;
	}
}
@media screen and (max-width: 1199px){
	#footer #footer-up > .logo{
		width: 17%;
	}
	#footer #footer-up > .contact-btn{
		width: 26%;
	}
	#footer #footer-up > .contact-info{
		width: 25%;
	}
	#footer #footer-up > .contact-num{
		width: 20%;
	}
	#footer #footer-up > .social{
		width: auto;
		padding-right: 5px;
	}
	#footer #footer-up > .contact-btn > .btn{
		width: 230px;
		height: 45px;
	}
	#footer #footer-down > .page-link > .left > .list > .group{
	    display: inline-block;
	    width: auto;
	    padding: 0 15px;
	}
}
@media screen and (max-width: 991px){
	
	#footer #footer-up > .logo{
		width: 100%;
		display: block;
	}
	#footer #footer-up > .logo > .pic > img{
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-mos-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#footer #footer-up > .logo, 
	#footer #footer-up > .contact-btn, 
	#footer #footer-up > .contact-info, 
	#footer #footer-up > .contact-num, 
	#footer #footer-up > .social {
	    position: relative;
	    top: 0%;
		-webkit-transform: translateY(0%);
		-mos-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	#footer #footer-up > .contact-btn{
		width: 100%;
    	float: right;
    	margin: 20px 0;
	}
	#footer #footer-up > .contact-btn > .btn{
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-mos-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#footer #footer-up > .contact-info > .txt{
		/*padding-left: 15px*/
	}
	#footer #footer-up > .contact-num > .txt > span,
	#footer #footer-up > .contact-num > .txt > a > span{
		text-align: center;
	}
	#footer #footer-up > .contact-info,
	#footer #footer-up > .contact-num,
	#footer #footer-up > .social{
		width: 33.33333333334%;
		margin-bottom: 30px;
	}
	#footer #footer-up > .social > .group{
		float: right;
		margin-right: 0px;
	}

	#footer #footer-down > .page-link > .left > .list > .group{
	    display: inline-block;
	    width: auto;
	    padding: 0 5px;
	}
	#footer #footer-down > .page-link > .right > .list > .group > span {
	    line-height: 28px;
	}
	#footer #footer-down > .page-link > .right > .group > span{
		display: block;
		text-align: center;
	}


}
@media screen and (max-width: 767px){
	#footer #footer-up {
	    height: 85px;
	}
	#footer #footer-down {
	    height: 140px;
	}
	#footer #footer-up > .logo {
	    position: relative;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
		-mos-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#footer #footer-up > .contact-btn, 
	#footer #footer-up > .contact-info, 
	#footer #footer-up > .contact-num, 
	#footer #footer-up > .social,
	#footer .horizontal-line{
		display: none;
	}
	#footer #footer-down > .page-link > .left, 
	#footer #footer-down > .page-link > .right {
	    width: auto;
	    position: relative;
		padding-top: 10px;
	}
	#footer #footer-down > .page-link > .left{
		width: 100%;
	    border: solid 1px #e9e9e9;
	    border-left: 0;
	    border-right: 0;
	}
	#footer #footer-down > .page-link > .right {

	    left: 50%;
	    -webkit-transform: translateX(-50%);
		-mos-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		padding-left: 16px;
	}
	#footer #footer-down > .page-link > .left > .list{
		position: relative;
		float: left;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	#footer #footer-down > .page-link > .left > .list > .group{
	    display: inline-block;
	    width: 95px;
	}
	#footer #footer-down > .page-link > .right > .list > .group > span{
		text-align: center;
		line-height: 20px;
	}
	#footer #footer-down > .page-link > .right > .group > span{
		display: inline-block;
		text-align: center;
	}

}
@media screen and (max-width: 599px){
	
}
@media screen and (max-width: 479px){

	#footer #footer-down > .page-link > .left{
		padding: 14px 0 6px 0;
	}
	#footer #footer-down > .page-link > .left > .list > .group {
	    display: inline-block;
	    width: auto;
	    padding: 0 3px;
	}
	#footer #footer-down > .page-link > .left > .list > .group > a{
		text-align: center;
	}
	#footer #footer-down > .page-link > .left > .list > .group > a > span {
	    font-size: 14px;
	}
	#footer #footer-down > .page-link > .right > .group > span{
		display: block;
		text-align: center;
	}

}