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

	/* pagewrap */
	.wrap {
		width: 99%;
	}

	/* content */
	#right {
		width: 76%;
		padding-top:1%;
	}
	#pvright {
		width: 76%;
		padding-top:1%;
	}

	/* sidebar */
	#left {
		width: 21%;
	}

#logo { width:51%}
#topr { width:36%;}

.tsinput {width:88%; height:28px; line-height:25px; text-indent:3px; border:none;float:left; vertical-align:middle;}
/*.searbox { border:solid 1px #ededed; height:27px; width:295px; background:#fff; }
.tsinput {width:323px; height:27px; line-height:27px;border:solid 1px #e8e8e8; font-size:12px; padding-left:2px; float:left; vertical-align:middle;}
.tsbtn {background:url(../images/ebcu_05.jpg) no-repeat; height:29px; border:none; width:44px; float:right; vertical-align:middle;border:solid 1px #e8e8e8; border-left:none;}*/

#tcont { padding-right:32px; text-align:left; float:none;}

}

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

	/* header */
	#header {
		height: auto;
	}
	
.tsinput {width:85%; height:28px; line-height:25px; text-indent:3px; border:none;float:left; vertical-align:middle;}

#tel { text-align:right; line-height:1.25em;}
	#tema { margin-top:.8em;}
	#bottom { min-height:60px;}
	.scrolllist .imglist_w{width:85%;height:145px;overflow:hidden;float:left;position:relative;/*±ØÒªÔªËØ*/}

}


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

	/* header */
	#header {
		height: auto;
	}
	
	

}


/************************************************************************************
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;}
	
#tsear {width:98%; padding:0px 1%; overflow:hidden; padding-top:5px; display:block;}
.tsinput {width:89%; height:29px; line-height:25px; text-indent:3px;float:left; vertical-align:middle;}
	#inabout { float:none;width:98%;}
	
#tel { text-align:right; line-height:1.25em;}
	
	#logo { display:block; width:98%; padding:0px 1%;}
	#topr { width:98%; padding:0px 1%;}
	#tel { display:block; text-align:left;}

	#inprod { width:98%; padding:0px 1%;}
	#innews { width:98%; padding:0px 1%;}
	/* content */
	#right {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
	/* 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;}

.prodlist 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;}
#socia { width:98%; float:none; padding-left:8px;}
#bottom { min-height:60px;}
}


/************************************************************************************
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;}

}

