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

@media only screen and (min-width: 240px) and (max-width: 269px){
	
	#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%; position:relative !important; height:auto;}
header .headertop{ width:99%; margin: 0 auto;}



#banner {    position:relative;	clear:both !important;     width: 100%;	z-index:999 !important;}
.skdslider .slide-desc {
    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;
    left:0 !important;
    padding: 2%;
    position: absolute;
	height:auto !important;
    bottom: 0;
	width:96% !important;
}

.skdslider .slide-desc > p {
		font-size: 14px;
		line-height: 15px;
		margin-top: 0px;
		width:96%;
	}



body.home-footer footer {    float: left;    margin-top:0% !important;    position: relative;}

footer .centerpanel{ width:98%; margin:0 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 0px 8px 0px; border-right: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:90%;}

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:90%; 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: 270px) and (max-width: 319px){
	

	#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%; position:relative !important; height:auto;}
header .headertop{ width:99%; margin: 0 auto;}



#banner {    position:relative;	clear:both !important;     width: 100%;	z-index:999 !important;}
.skdslider .slide-desc {    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;    left:0 !important;    padding: 2%;    position: absolute;	height:auto !important;    bottom: 0;	width:96% !important;}
.skdslider .slide-desc > p {		font-size: 14px;		line-height: 15px;		margin-top: 0px;		width:96%;	}



body.home-footer footer {    float: left;    margin-top:0% !important;    position: relative;}

footer .centerpanel{ width:98%; margin:0 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 0px 8px 0px; border-right: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:90%;}

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:90%; 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: 320px) and (max-width: 479px){
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100%;  margin: 0 auto;}
header .headertop{ width:99%;}

#banner {    position:relative;	clear:both !important;     width: 100%;	z-index:999 !important;}
.skdslider .slide-desc {    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;    left:0 !important;    padding: 2%;    position: absolute;	height:auto !important; bottom:0% !important; top:auto !important;	width:96% !important;}
.skdslider .slide-desc > p {		font-size: 14px;		line-height: 15px;		margin-top: 0px;		width:96%;	}



body.home-footer footer {    float: left;    margin-top:0% !important;    position: relative;}


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% !important;  margin: 0 auto; position:fixed; height:75px; z-index:99999; clear:both;  }
header .headertop{ width:90%;   }
header figure {    float:left; margin-top:7px !important;}

#banner {    position:relative;	clear:both !important;     width: 100%; z-index:1 !important;	}
.skdslider .slide-desc {    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;    left:0 !important;    padding: 2%;    position: absolute;	height:auto !important; bottom:15% !important; top:auto !important;	width:94% !important;}
.skdslider .slide-desc > p {		font-size: 14px;		line-height: 15px;		margin-top: 0px;		width:96%;	}


body.home-footer footer {    float: left;    margin-top:0% !important;    position: relative;}



footer .centerpanel{ width:98%; 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; border-right:none; 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:100%; margin:auto; padding:10px 0px 10px 0px; 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: 640px) and (max-width: 767px) {
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100% !important;  margin: 0 auto; position:fixed; height:75px; z-index:99999; clear:both;  }
header .headertop{ width:90%;   }
header figure {    float:left; margin-top:10px !important;}





header figure {    float:left; margin-top:10px !important;}

#banner {    position:relative;	clear:both !important;     width: 100%; z-index:1 !important;	}
.skdslider .slide-desc {    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;    left:5% !important;    padding: 2%;    position: absolute;	height:auto !important; bottom:15% !important; top:auto !important;	width:75% !important;}
.skdslider .slide-desc > p {		font-size: 14px;		line-height: 15px;		margin-top: 0px;		width:96%;	}


body.home-footer footer {    float: left;    margin-top:0% !important;    position: relative;}

	
footer .centerpanel{ width:90%; margin:0 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:45% !important;  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;}

}



		
@media only screen and (min-width: 768px)and (max-width: 979px){
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100% !important;  margin: 0 auto; position:fixed; height:75px; z-index:99999; clear:both;  }
header .headertop{ width:90%;   }
header figure {    float:left; margin-top:10px !important;}


header figure {    float:left; margin-top:10px !important;}

#banner {    position:relative;	clear:both !important;     width: 100%; z-index:1 !important;	}
.skdslider .slide-desc {    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;    left:5% !important;    padding: 2%;    position: absolute;	height:auto !important; bottom:15% !important; top:auto !important;	width:75% !important;}
.skdslider .slide-desc > p {		font-size: 14px;		line-height: 15px;		margin-top: 0px;		width:96%;	}


body.home-footer footer {    float: left;    margin-top:0% !important;    position: relative;}
	
footer .centerpanel{ width:90%; margin:0 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:19%;  margin:10px 10px 8px 0px; padding:0px 10px 0px 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: 980px) and (max-width: 1024px){
#wrapper{ width:100%; margin: 0 auto;}
header{ width:100% !important;  margin: 0 auto; position:fixed; height:75px; z-index:99999; clear:both;  }
header .headertop{ width:90%;   }

header figure {    float:left; margin-top:7px !important;}

#banner {    position:relative;	clear:both !important;     width: 100%; z-index:1 !important;	}
.skdslider .slide-desc {    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;    left:5% !important;    padding: 2%;    position: absolute;	height:auto !important; bottom:15% !important; top:auto !important;	width:75% !important;}
.skdslider .slide-desc > p {		font-size: 14px;		line-height: 15px;		margin-top: 0px;		width:96%;	}


body.home-footer footer {    float: left;    margin-top:0% !important;    position: relative;}
	
footer .centerpanel{ width:90%; 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: 1024px) and (max-width: 1280px){
#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;}
}	

	
	
	
*/