html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,tr,td,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{margin: 0%;padding: 0%;border: 0%;}
html
{height:100%;width:100%;font-family:Helvetica !important;}
body
{margin: 0%;padding: 0%;}
#main{margin: 0%;padding: 0%;font-family:Helvetica !important;width:1440px;overflow:hidden!important;height:799px;background-color:#FFFFFF;font-size:100%;}
.header{width:100%;	height:20%;}
.header img{float:left;width:auto;height:100%;margin-top:3%;margin-left:7%;}
.container{width:100%;height:60%;}
.container .pro{float:left;	width:50%;	margin-left:14%;margin-top:3%;text-align:left;}
.pro span{
		font-weight: bold;font-size:100%;text-align:left;
}
.pro p{
	margin: 3%;
	margin-left: 0%;
}
.footer{width:100%;height:20%;background-color:#80C040;}
.footer .foo_contain{
	width:30%;margin-left:1%;margin-top:5%;height:70%;float:left;text-align:left;
}
.footer .foo_contain span{
	color:#FFFFFF;
	font-size:70%;
	font-weight: bold;
	text-align:left;
}
.footer .foo_contain p{
	color:#FFFFFF;
	font-size:70%;
	margin:2%;
	margin-left:0%;
	text-align:left;
}
#foot{
width:48%;
float:left;
margin-left:27%;
}






@media only screen and (min-width: 550px) and (max-width: 749px)
{
	#main{margin: 0%;padding: 0%;font-family:Helvetica !important;overflow:hidden!important;	background-color:#FFFFFF;font-size:70%;}
	.pro p {font-size:11pt;text-align:left;}
	}
@media only screen and (min-width: 350px) and (max-width: 549px)
{
	#main{margin: 0%;padding: 0%;font-family:Helvetica !important;overflow:hidden!important;	height:100%;width:100%;background-color:#FFFFFF;font-size:52%;}	
	 .pro p {font-size:5.5pt;text-align:left;}
	}
	
@media only screen and (min-width: 800px) and (max-width: 1440px)
{
	#main{font-family:Helvetica !important;width:100%;overflow:hidden!important;height:100%; background-color:#FFFFFF;font-size:12pt;}
	.pro p {font-size:12pt;text-align:left;}
}

@media only screen and (min-width: 200px) and (max-width: 800px)
{
	#main{font-family:Helvetica !important;width:100%;overflow:hidden!important;height:100%; background-color:#FFFFFF;font-size:12pt;}
	.pro p {font-size:7pt;text-align:left;}
}

@media only screen and (min-width: 50px) and (max-width: 350px)
{
	#main{margin: 0%;padding: 0%;font-family:Helvetica !important;overflow:hidden!important;	background-color:#FFFFFF;font-size:40%;}
.pro p {font-size:10pt;text-align:left;}
	}
@media only screen and (min-width: 750px) and (max-width: 900px)
{
	#main{margin: 0%;padding: 0%;font-family:Helvetica !important;overflow:hidden!important;	background-color:#FFFFFF;font-size:90%;}
	.header{width:100%;	height:20%;}
	.header img{float:right;width:7%;height:70%;margin-top:3%;margin-right:7%;}
	.container{width:100%;height:60%;}
	.container .pro{float:left;	width:50%;	margin-left:25%;margin-top:3%;}
	.pro span{
			font-weight: bold;font-size:100%;
	}
	.pro p{
		margin: 3%;
		margin-left: 0%;	text-align:left;
	}
	.footer{width:100%;height:20%;background-color:#80C040;}
	.footer .foo_contain{
		width:30%;margin-left:1%;margin-top:5%;height:70%;float:left;
	}
	.footer .foo_contain span{
		color:#FFFFFF;
		font-size:70%;
		font-weight: bold;
	}
	.footer .foo_contain p{
		color:#FFFFFF;
		font-size:70%;
		margin:2%;
		margin-left:0%;
	}
	#foot{
	width:48%;
	float:left;
	margin-left:27%;
	}

}
/* @media only screen and (min-width: 200px) and (max-width: 1000px) , (min-device-height : 400px) and (max-device-height : 700px)
{
	body
{margin: 0%;padding: 0%;font-family:Helvetica !important;overflow:hidden!important;	background-color:#FFFFFF;font-size:40%;}
		.header img{float:right;width:7%;height:70%;margin-top:3%;margin-right:7%;}
	.container{width:100%;height:60%;}
	.container .pro{float:left;	width:50%;	margin-left:25%;margin-top:3%;}
	.pro span{
			font-weight: bold;font-size:40%;
	}
	.pro p{
		margin: 3%;
		margin-left: 0%;
	}
	.footer{width:100%;height:20%;background-color:#80C040;}
	.footer .foo_contain{
		width:30%;margin-left:1%;margin-top:5%;height:70%;float:left;
	}
	.footer .foo_contain span{
		color:#FFFFFF;
		font-size:35%;
		font-weight: bold;
	}
	.footer .foo_contain p{
		color:#FFFFFF;
		font-size:35%;
		margin:2%;
		margin-left:0%;
	}
	#foot{
	width:48%;
	float:left;
	margin-left:27%;
	}

}
@media screen and (min-width:120em) {
		.header img{float:right;width:7%;height:70%;margin-top:3%;margin-right:7%;}
	.container{width:100%;height:60%;}
	.container .pro{float:left;	width:50%;	margin-left:25%;margin-top:3%;}
	.pro span{
			font-weight: bold;font-size:100%;
	}
	.pro p{
		margin: 3%;
		margin-left: 0%;
	}
	.footer{width:100%;height:20%;background-color:#80C040;}
	.footer .foo_contain{
		width:30%;margin-left:1%;margin-top:5%;height:70%;float:left;
	}
	.footer .foo_contain span{
		color:#FFFFFF;
		font-size:70%;
		font-weight: bold;
	}
	.footer .foo_contain p{
		color:#FFFFFF;
		font-size:70%;
		margin:2%;
		margin-left:0%;
	}
	#foot{
	width:48%;
	float:left;
	margin-left:27%;
	}

} */