@charset "utf-8";
#flash { height: auto; }
#left-nav, #productList { display: block; }
#company-infor { float: none; margin-bottom: 20px; font-size: 14px; }
#productList { width: 65%; height: auto; position: relative; padding: 0 16px; }

.swiper-container { width: 100%; height: 100%; margin: auto; font-size: 12px; }
.swiper-slide { text-align: center; }
.swiper-slide > div { margin-bottom: 5px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.swiper-button-prev { width: 16px; height: 23px; background: url(../img/image/left.jpg) no-repeat center; left: 0px; }
.swiper-button-next { width: 16px; height: 23px; background: url(../img/image/right.jpg) no-repeat center; right: 0px; }

@media (max-width:1000px) {
	#contact { margin-top: 0; }
}
@media (max-width:960px) {
	#productList { width: 100%; }
}
@media (max-width:800px) {
	#message { padding: 20px 15px; }
	#main-product { width: 90%; background-position: 0 0; margin-bottom: 30px; }
	#main-product ul li { margin: 8px 0 8px 20px; }
	#application { width: 90%; background-position: 0 0; margin: auto; }
	#application ul li { margin: 8px 0 8px 20px; }
}
@media (max-width:640px) {
	#left-nav { display: none; }
	#right-message { float: none; width: 100%; margin: 0; }
}
@media (max-width:480px) {
/*
	#left-nav { float: none; width: 100%; margin-bottom: 20px }
	#main-product { width: 100%; }
	#application { width: 100%; }
*/
	
	#company-infor { float: none; margin-bottom: 20px; }
	
	#contact { margin-top: 20px; }
}