#footer {
	font-family: 'DINPro', Arial, 'Microsoft JhengHei', 'Microsoft YaHei';
	background-color: #3c3c3c;
	padding-bottom: 62px;
	position: relative;
	padding-top: 40px;
	font-size: 14px;
	color: #dfdfe4;
}
#footer a {
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
	color: #9ea1ba;
}
#footer a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#footer .links {
	float: left;
}
#footer .info {
	margin-left: auto;
	overflow: hidden;
	width: 35%;
}
#footer .col {
	float: left;
	margin-right: 30px;
	min-width: 140px;
}
#footer .col.last {
	margin-right: 0;
}
#footer .item {
	display: block;
	font-size: 12px;
}
#footer .main-category {
	text-transform: uppercase;
	border-bottom: 1px solid;
	border-bottom-color: #a0a0a0;
	padding-bottom: 10px;
	padding-right: 8px;
	margin-bottom: 8px;
}
#footer .main-category a {
	color: white;
}
#footer .sub-category .item {
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
}
#footer .head, #footer .detail {
	float: left;
	padding-bottom: 4px;
}
#footer .head {
	width: 45%;
}
#footer .detail {
	width: 55%;
}
#footer .friendly-links {
	background-color: #44447d;
	display: inline-block;
	padding: 16px 42px;
	margin-top: 18px;
}
#footer .friendly-links>links {
	background: url('../../images/link_icon.png') no-repeat center;
	vertical-align: middle;
	display: inline-block;
	padding-top: 2px;
	height: 13px;
	width: 25px;
}
#footer .friendly-links>span {
	vertical-align: middle;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	color: white;
}
#footer .friendly-links>arrow {
	background: url('../../images/right_arrow_white.png') no-repeat center;
	vertical-align: middle;
	display: inline-block;
	padding-top: 3px;
	height: 9px;
	width: 6px;
}
#footer .logo {
	display: inline-block;
	margin-top: 38px;
}
#footer .phone {
	color: #dfdfe4;
}



@media (max-width: 960px) {
	#footer .links {
		width: 100%;
		float: none;
	}
	#footer .col {
		margin-right: 5%;
		width: 30%;
	}
	#footer .info {
		margin-top: 20px;
		width: 100%;
	}
	#footer .info .contact {
		display: inline-block;
	}
	#footer .head {
		width: 140px;
	}
	#footer .detail {
		overflow: hidden;
		float: none;
		width: auto;
	}
	#footer .friendly-links {
		margin-top: 0;
		float: right;
	}
}
@media (max-width: 640px) {
	#footer .info .contact {
		display: block;
	}
	#footer .links {
		display: none;
	}
	#footer .info {
		margin-top: 0;
	}
	#footer .logo {
		margin-top: 48px;
	}
	#footer .friendly-links {
		margin-top: 36px;
		float: left;
	}
}