/************************************************************************************
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:29%}
#topr { width:70%;}
/*.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;}

	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}

}

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

	/* header */
	#header {
		height: auto;
	}
	#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;
	}
	
	.fl { float:none;}
	.fr { float:none;}
	#logo { float:none; text-align:center; display:block;}
#tsear {width:50%; float:none; overflow:hidden; padding-top:5px; display:block;}

.tsinput {width:65%; height:29px; line-height:25px; text-indent:3px; border:solid 1px #ddd; float:left; vertical-align:middle;}
	/* 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;
	}
	#vcbtn {padding-top:5%; padding-left:8px; border-bottom:solid 1px #e5e5e5;}


#incate {width:98%; padding: 1%;}
#innews {width:98%; padding: 1%;}
#incont {width:98%; padding: 1%;}

#bottom { min-height:60px;}
#inmlist ul li { position:relative; float:left; width:27%; margin:1% 3%;}
#copy { width:98%; float:none;}
#bsocial { width:98%; float:none;padding-left:8px; text-align:left;}

}


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

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

	#logo { display:block; float:none;}
	#ttel { float:none; display:block; margin-top:3px;}
	#tema {float:none; display:block; text-align: left; margin-top:3px;}
	
	#inabout { float:none;width:98%;}
	
	#lprod { width:98%; padding: 0px 1%;}
#incomp { width:98%; padding: 0px 1%;}

#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:15px 2% 5px 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;
	}

#inmlist ul li { position:relative; float:none; width:98%;}
#bottom { min-height:60px;}

}