/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	#header{}
	.w_1000, #weintro, #pagewrap{ width:96%;}
	
	/* main */
	.main {width: 67.5%;}
	
	/* aside */
	.aside {width: 30%;}
	#search{ width:100%;}
	#search .input_274{width:100%;}
	#adv_10 img, #adv_9 img{ width:100%;}
	
	/**/
	ul#store li{ width:30%; padding:5px 20px 0 11%;}
	ul#store li p img{ width:100%;}
	
	/*foot*/
	.weteam{ width:30%;}
	p.jobs a.w_318{ width:100%;}
	.menu_detail{ display:none;}
	
	.menu_768{ display:inherit; text-align:left;}
	.menu_768 a{ width:80px; display:block; float:right; background:url(../images/default/arrow_768.png) no-repeat scroll 57px 21px; background-size:24%;}
	#header .menu_768 a{ font-size:14px;}

}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 768px) {
	.main{ width:100%;}
	.aside{ display:none;}
	.like{ margin-top:0;}
	.tags{ display:block; margin-top:35px;}
	.menu768{ display:inherit; margin:-25px 0 0 -20px;}
	.menu768{ position:absolute; background-color:#333; padding:20px 10px 10px 20px; z-index:300;}
    .menu768 a{ height:40px; line-height:40px; text-align:center; border:1px solid #666; width:92px; display:block; float:left; margin:0 10px 10px 0; color:#fff;}
    .menu768 a:hover{ background-color:#ee4a45; border:1px solid #ee4a45; color:#fff;}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (min-width: 600px) {
	.fxfx,a.fxfx img{display:none;}
}

@media screen and (min-width: 600px) {
	.bdgz{display:none;}
}


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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	.main h4{ display:none;}
	.menu_768, .menu768{ display:none;}
	#header{ margin-bottom:0;}
	#header a.font28{ font-size:28px; text-align:center; width:140px; height:35px; line-height:42px; display:block; margin-left:28%; float:left;}
	.iphone_480{ display:inherit; padding-top:8px;}
	.logo{ display:none;}
	a.menu_iphone, a.search_iphone{ width:30px; height:35px; display:block; float:left; background: url(../images/default/iphone.png) no-repeat scroll 0 -48px; background-size:100%;}
	a.logo_iphone{ width:140px; height:35px; display:block; margin-left:28%; float:left; background: url(../images/default/iphone.png) no-repeat scroll 0 -7px;background-size:100%;}
	a.search_iphone{ float:right; background: url(../images/default/iphone.png) no-repeat scroll 0 -10px;background-size:cover;}
	
	.weteam{ width:100%;}
	.weteam h2{ margin-top:20px;}
	.menu480, .search480{ display:inherit; margin-left:-20px;}
	.menu480, .search480{ position:absolute; background-color:#333; padding:20px 10px 10px 20px; z-index:300;}
    .menu480 a{ height:40px; line-height:40px; text-align:center; border:1px solid #666; width:92px; display:block; float:left; margin:0 10px 10px 0; color:#fff;}
    .menu480 a:hover{ background-color:#ee4a45; border:1px solid #ee4a45; color:#fff;}
	.search480{ width:100%; height:50px;}
	.search480 input{ border:0;}
	.input_274{ width:90%; height:30px; line-height:30px; text-indent:3px; position:relative;}
    .input_btn42{ width:42px; height:33px; position:absolute; margin-left:-42px; cursor:pointer; z-index:100; background:#ee4a44 url(../images/default/ico.png) no-repeat scroll 13px 7px;}
	
	
}