/*
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8
}*/



@media only screen and (min-width: 320px) and (max-width: 479px){
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%;  margin: 0 auto;}
header .headertop{ width:99%;}


footer .centerpanel{ width:300px; margin:auto;}

footer .knowmore{ margin:auto; background:url(../images/knowmorebg.png) center no-repeat; width:160px; padding:5px; text-align:center;}
footer .knowmore a{ text-decoration:none; color:#fff;}
footer .knowmore a:hover{ text-decoration:underline; color:#ffff00;}

footer .centerpanel ul{ width:100%; padding:10px 0px 0px 0px;}
footer .centerpanel ul li{ float:left; width:100%;  margin:10px 15px 8px 0px; border-bottom:1px dashed #00CC99 !important; font-size:11px; border-right:none;}
footer .centerpanel ul li figure{ float:left; margin:0px 8px 8px 0px;}
footer .centerpanel ul li b{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#8efac4; font-weight:normal; float:left; padding:8px 0px 0px 0px; }
footer .centerpanel ul li p{ float:left; line-height:19px; width:100%;}

footer .centerpanel ul li .readmore{ color:#8efac4; font-size:12px;}
footer .centerpanel ul li .readmore a{ color:#9fffcf; font-size:12px;}
footer .centerpanel ul li.packaging{ float:left; width:100%;}

footer .footertext{ width:300px; margin:auto; padding:10px; text-align:center;}
footer .footertext a{ color:#fff;}

#scrollbar1 { width: 480px; margin: 0px 0 10px; float:left; }
#scrollbar1 .viewport { width: 460px; height: 300px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.jpg) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.jpg) no-repeat 50% 100%; height: 20px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.jpg) no-repeat 50% 0; overflow: hidden; height: 5px; width: 15px; }
#scrollbar1 .disable { display: none; }
.media_press .media_box{ width:100%; margin:0% 0% 5% 0%;  float:left; height:auto; position:relative;}

article .bgborderbig2 .seminar-type{ width:100% !important; position:relative; float:right; padding:15px 0px 15px 0px; }
form{width:100%; margin:0 0%;}

article .innerpagecnt_seminar .box_new{width:100%;  float:left; position:relative; margin:0px; padding:10px 0;  }
article .innerpagecnt_seminar .box_new_form{width:100%;  float:right; position:relative; margin:0px; padding:10px 0;  }


	}
	
	
@media only screen and (max-width : 360px){
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%;  margin: 0 auto;}
header .headertop{ width:99%;}


footer .centerpanel{ width:300px; margin:auto;}

footer .knowmore{ margin:auto; background:url(../images/knowmorebg.png) center no-repeat; width:160px; padding:5px; text-align:center;}
footer .knowmore a{ text-decoration:none; color:#fff;}
footer .knowmore a:hover{ text-decoration:underline; color:#ffff00;}

footer .centerpanel ul{ width:100%; padding:10px 0px 0px 0px;}
footer .centerpanel ul li{ float:left; width:100%;  margin:10px 15px 8px 0px; border-bottom:1px dashed #00CC99 !important; font-size:11px;}
footer .centerpanel ul li figure{ float:left; margin:0px 8px 8px 0px;}
footer .centerpanel ul li b{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#8efac4; font-weight:normal; float:left; padding:8px 0px 0px 0px; }
footer .centerpanel ul li p{ float:left; line-height:19px; width:100%;}

footer .centerpanel ul li .readmore{ color:#8efac4; font-size:12px;}
footer .centerpanel ul li .readmore a{ color:#9fffcf; font-size:12px;}
footer .centerpanel ul li.packaging{ float:left; width:100%;}

footer .footertext{ width:300px; margin:auto; padding:10px; text-align:center;}
footer .footertext a{ color:#fff;}

#scrollbar1 { width: 480px; margin: 0px 0 10px; float:left; }
#scrollbar1 .viewport { width: 460px; height: 300px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.jpg) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.jpg) no-repeat 50% 100%; height: 20px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.jpg) no-repeat 50% 0; overflow: hidden; height: 5px; width: 15px; }
#scrollbar1 .disable { display: none; }



	}
	
@media only screen and (min-width: 480px) and (max-width: 639px) {
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%;  margin: 0 auto;}
header .headertop{ width:99%;}
	
footer .centerpanel{ width:460px; margin:auto;}

footer .knowmore{ margin:auto; background:url(../images/knowmorebg.png) center no-repeat; width:160px; padding:5px; text-align:center;}
footer .knowmore a{ text-decoration:none; color:#fff;}
footer .knowmore a:hover{ text-decoration:underline; color:#ffff00;}

footer .centerpanel ul{ width:100%; padding:10px 0px 0px 0px;}
footer .centerpanel ul li{ float:left; width:42%;  margin:10px 15px 8px 0px; border-right:1px dashed #00CC99 !important; font-size:11px;}
footer .centerpanel ul li figure{ float:left; margin:0px 8px 8px 0px;}
footer .centerpanel ul li b{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#8efac4; font-weight:normal; float:left; padding:8px 0px 0px 0px; }
footer .centerpanel ul li p{ float:left; line-height:19px; width:100%;}

footer .centerpanel ul li .readmore{ color:#8efac4; font-size:12px;}
footer .centerpanel ul li .readmore a{ color:#9fffcf; font-size:12px;}
footer .centerpanel ul li.packaging{ float:left; width:48%;}


footer .footertext{ width:440px; margin:auto; padding:10px; text-align:center;}
footer .footertext a{ color:#fff;}



article .innerpagecnt_seminar .box_new{width:100%;  float:left; position:relative; margin:0px; padding:10px 0;  }
article .innerpagecnt_seminar .box_new_form{width:100%;  float:right; position:relative; margin:0px; padding:10px 0;  }
article .bgborderbig2 .seminar-type{ width:100% !important; position:relative; float:right; padding:15px 0px 15px 0px; }
form{width:100%; margin:0 0%;}

}



		
@media only screen and (min-width: 640px)and (max-width: 767px){
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%;  margin: 0 auto;}
header .headertop{ width:99%;}
	
footer .centerpanel{ width:630px; margin:auto; margin-left:10px;}

footer .knowmore{ margin:auto; background:url(../images/knowmorebg.png) center no-repeat; width:160px; padding:5px; text-align:center;}
footer .knowmore a{ text-decoration:none; color:#fff;}
footer .knowmore a:hover{ text-decoration:underline; color:#ffff00;}

footer .centerpanel ul{ width:100%; padding:10px 0px 0px 0px;}
footer .centerpanel ul li{ float:left; width:20%;  margin:10px 15px 8px 0px; border-right:1px dashed #00CC99 !important; font-size:11px;}
footer .centerpanel ul li figure{ float:left; margin:0px 8px 8px 0px;}
footer .centerpanel ul li b{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#8efac4; font-weight:normal; float:left; padding:8px 0px 0px 0px; }
footer .centerpanel ul li p{ float:left; line-height:19px; width:100%;}

footer .centerpanel ul li .readmore{ color:#8efac4; font-size:12px;}
footer .centerpanel ul li .readmore a{ color:#9fffcf; font-size:12px;}
footer .centerpanel ul li.packaging{ float:left; width:29%;}


footer .footertext{ width:620px; margin:auto; padding:10px; text-align:center;}
footer .footertext a{ color:#fff;}
	
}
	
@media only screen and (min-width: 768px) and (max-width: 959px){
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%;  margin: 0 auto;}
header .headertop{ width:99%;}
	
footer .centerpanel{ width:748px; margin:auto;}

footer .knowmore{ margin:auto; background:url(../images/knowmorebg.png) center no-repeat; width:160px; padding:5px; text-align:center;}
footer .knowmore a{ text-decoration:none; color:#fff;}
footer .knowmore a:hover{ text-decoration:underline; color:#ffff00;}

footer .centerpanel ul{ width:100%; padding:10px 0px 0px 0px;}
footer .centerpanel ul li{ float:left; width:20%;  margin:10px 15px 8px 0px; border-right:1px dashed #00CC99 !important; font-size:11px;}
footer .centerpanel ul li figure{ float:left; margin:0px 8px 8px 0px;}
footer .centerpanel ul li b{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#8efac4; font-weight:normal; float:left; padding:8px 0px 0px 0px; }
footer .centerpanel ul li p{ float:left; line-height:19px; width:100%;}

footer .centerpanel ul li .readmore{ color:#8efac4; font-size:12px;}
footer .centerpanel ul li .readmore a{ color:#9fffcf; font-size:12px;}
footer .centerpanel ul li.packaging{ float:left; width:30%;}

footer .footertext{ width:748px; margin:auto; padding:10px; text-align:center;}
footer .footertext a{ color:#fff;}
}	


@media only screen and (min-width: 960px) and (max-width: 1004px){
#wrapper{ width:940px; margin: 0 auto;}
header{ width:100%;  margin: 0 auto;}
header .headertop{ width:79%;}
	
footer .centerpanel{ width:940px; margin:auto;}

footer .knowmore{ margin:auto; background:url(../images/knowmorebg.png) center no-repeat; width:160px; padding:5px; text-align:center;}
footer .knowmore a{ text-decoration:none; color:#fff;}
footer .knowmore a:hover{ text-decoration:underline; color:#ffff00;}

footer .centerpanel ul{ width:100%; padding:10px 0px 0px 0px;}
footer .centerpanel ul li{ float:left; width:22%;  margin:10px 15px 8px 0px; border-right:1px dashed #00CC99 !important; font-size:11px;}
footer .centerpanel ul li figure{ float:left; margin:0px 8px 8px 0px;}
footer .centerpanel ul li b{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; color:#8efac4; font-weight:normal; float:left; padding:8px 0px 0px 0px; }
footer .centerpanel ul li p{ float:left; line-height:19px; width:100%;}

footer .centerpanel ul li .readmore{ color:#8efac4; font-size:12px;}
footer .centerpanel ul li .readmore a{ color:#9fffcf; font-size:12px;}
footer .centerpanel ul li.packaging{ float:left; width:27%;}

footer .footertext{ width:940px; margin:auto; padding:10px; text-align:center;}
footer .footertext a{ color:#fff;}
}	

	
@media only screen and (min-width: 1024px){
	
	}