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

body{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
p{
	margin:0px;
}
big{
	font-size:24px;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;
}
#main{
	width:100%;
	height:auto;
	margin-top:0px;
	//overflow:auto;
	background-color:#FFF;
}
#top{
	width:100%;
	height:auto;
	overflow:auto;
}
#logo{
	width:100%;
	height:auto;
}
#nav{
	width:70%;
	float:right;
	display:table;
}
#nav a{
	display:table-cell;
	height:95px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	vertical-align:central;
	vertical-align:middle;
	text-align:center;
}
#banner {
	width:100%;
	height:auto;
	border:1px #F00 solid;
	margin-top:3px;
}

#distributor{
	width:100%;
	height:auto;
}
#distributor h4{
	margin:0px;
	margin-top:3px;
}

#distributor img{
	width:13.5%;
	margin:0px;
}

#intro {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;

}

#dealer a{
	color:#000;
	text-decoration:none;
}

#product{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	overflow:auto;
}

#pd{
	display:inline-block;
	width:198px;
	height:250px;
	padding:2px;
	margin:21px;
	border:1px solid #CCC;
	overflow:hidden;
	text-align:center;
}
#pd img{
	width:95%;
	border:1px solid #F90;
}

#product h2,h3,h4,h5{
	display:block;
	width:100%;
	color:#FFF;
	background-color:#609816;
}

#product a{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#93F;
	width:45%;
}

#pd-picture{
	width:46%;
	float:left;
	padding:2%;
}
#pd-text{
	width:50%;
	float:right;
}

#product table{
	font-family:Arial, Helvetica, sans-serif;
}

.impt{
	width:400px;
	margin-top:3px;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
}

#pd-text li{
	text-align:justify;
}

#catalog{ 
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}
#catalog img {
	width:90%;
	padding:3px;
	margin:2px;
	border:1px #F00 solid;
}

#catalog a{
	display:inline-block;
	width:25px;
	height:25px;
	text-decoration:none;
	color:#F00;
}

#about{
	width:65%;
	padding:5px;
	margin:5px;
	border:1px #F00 solid;
	float:left;
}


#qform{
	width:50%;
	float:left;
}
#ifrm{
	width:50%;
	float:left;
}

#dealer{
	width:30%;
	padding:5px;
	margin:5px;
	border:1px #F00 solid;
	float:left;
	text-align:left;
}

#line1{
	clear:both;
	background-image:url(images/line1.png);
	margin-bottom:0px;
	border:none;
}

#m1{
	width:100%;
	height:auto;
	background-color:#F00;
	overflow:auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#m1-col1,#m1-col2{
	width:35%;
	height:auto;
	float:left;
	margin:15px;
	background-color:#e7e7e7;
	color:#000;
	font-size:14px;
	border-radius:15px;
	text-align:center;
}
#m1-col3{
	width:20%;
	height:auto;
	float:left;
}
#m1-col3 h4{
	margin:0px;
	padding:0px;
	}
#m1-col3 ul{
	margin:0px;
	padding:0px;
	padding-left:15px;
	}

#line2{
	background-image:url(images/line2.png);
	margin-top:0px;
	border:none;
}

#m2{
	clear:both;
	width:100%;
	height:203px;
	overflow:hidden;
}

#machine{
	width:7200px;
	height:203px;
	position:relative;
	left:0px;
	-webkit-animation: mcslide 30s; /* Chrome, Safari, Opera */
    animation: mcslide 50s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
}
#machine img{
	width:200px;
}
@-webkit-keyframes mcslide {
    from { left:0px;}
    to { left:-6000px;}
}

/* Standard syntax */
@keyframes mcslide {
    from { left:0px;}
    to { left:-6000px;}
}
#machine:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

#m2-col1,#m2-col2{
	width:45%;
	height:auto;
	float:left;
	padding:15px;
	margin:5px;
	border:1px #F00 solid;
	border-radius:20px;
}
#footer{
	clear:both;
	width:100%;
	background-color:#FFC;
	height:auto;
	margin-top:5px;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
}
#footer-col{
	width:31%;
	margin-right:1%;
	margin-left:1%;
	height:auto;
	float:left;
	text-align:left;
}
#imp{
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	border:1px solid #000;
}
	
@media only screen and (max-width: 600px) {
	body{
		width:100%;
		text-align:left;
	}
	#logo{
	width:100%;
	height:auto;
	float:left;
	}
	#nav{
		width:100%;
		float:right;
		display:table;
	}
	#m1-col1,#m1-col2,#m1-col3{
	width:90%;
	float:none;
	padding-top:5px;
	}
	
	#distributor img{
	width:13%;
	margin:0px;
	}
	
	#about{
	width:90%;
	padding:5px;
	margin:5px;
	border:1px #F00 solid;
	float:left;
	}

	#dealer{
	width:90%;
	padding:5px;
	margin:5px;
	border:1px #F00 solid;
	float:left;
	text-align:left;
	}
	
	#product{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	}

	#pd-picture{
		width:95%;
		float:none;
		padding:2%;
	}
	
	#pd-text{
		width:100%;
		float:none;
		text-align:justify;
	}
	#pd-text li{
		text-align:justify;
	}

	#footer-col1,#footer-col2,#footer-col3{
	clear:both;
	width:100%;
	height:auto;
	float:none;
	}


}
@media only screen and (max-width: 1000px) {
	#body{
		width:1000px;
		border:none;
		background:none;
	}
	#footer-col1,#footer-col2,#footer-col3{
	clear:both;
	width:100%;
	height:auto;
	float:none;
	}
}