/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:980px;
	}

}


/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {

#hiinprodbox ul li{width:31%; float:left; margin:5px 1%; text-align:center; }
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {

	/* header */

#cytop {padding-top:7em;}
#cytop ul li { float:left; margin-left:1em;}
#cydh  { padding:1em 1% 0px 1%;}

#topprodlist ul li { width:32.6%; padding:5px 0.3%; float:left; text-align:center;}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
.fl { float:none;}
.fr { float:none;}


#inleft { float:none;width:98%;}	
#incent { width:98%; padding:0px 1%; padding-top:5px;}
#inright {width:98%; padding:0px 1%; padding-top:5px;}
	
	#logo { display:block; width:98%; padding:0px 1%;}
	#logo span {padding-top:6px;}
	#lcsear { width:96%; margin:6px 2%; }
	#lcbtn {width:98%; padding:6px 1%;}	
#lcincate ul li {width:98%; padding:6px 1%;}
#lcinprodlist ul li{width:98%; float:left; margin:5px 1%; text-align:center; }
#lcabout {width:98%; padding:0px 1%; padding-top:5px;}
#lcbotnews {width:98%; padding:0px 1%; padding-top:5px;}
#botsoc { width:98%; padding:0px 1%; padding-top:5px;}
.copy { margin:0px;}
	/* content */
	#right {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}
	/* sidebar */
	#left {
		width: 98%;
		margin: 0;
		float: none;
	}

#lnews {width:98%; padding: 0px 1%;}
#inlianx {width:98%; padding: 0px 1%;}

.inservlist ul li { width:46%; padding:5px 2%; float:left;}

#left {width:98%; padding: 0px 1%;}
#right {width:98%; padding: 0px 1%;}
#pvright {width:98%; padding: 0px 1%;}


#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}

.lcproductlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}
.lcproductlist ul li span { height:4.5em; overflow:hidden;}
#procate ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}

#rpage { width:98%; padding:0px 1%; text-align:left;}
.rcsort { width:98%; padding:0px 1%;}
#ptoptit {height:auto;margin-bottom:10px;}

#copy { width:98%; float:none; padding:5px 1%;}
#bottom { margin-top:10px;}
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}
#bottom { min-height:60px;}

}