@media screen and (max-width: 1000px){
	.m-hd{display: block;}	
	#top{display: none;}
	#nav{display: none;}
	#main{padding-top: 60px;}
	.wp{padding: 0 10px;}
}

@media screen and (max-width: 890px){
	.col-l-i,.col-r-i{float: none;width: 100%;}
}



@media screen and (max-width: 840px){
	#banner,.i-about{float: none;width: 100%;}
	.i-about{margin-top: 30px;}
	.ul-friend-link li{width: 25%;margin-bottom: 10px;}
	.col-l{display: none;}
}


@media screen and (max-width: 768px){
	.i-box{width: 100%;}
	.fd-nav{height: auto;line-height: 30px;}
}


@media screen and (max-width: 640px){
	body,html{overflow-x: hidden;}
	.ul-friend-link li{width: 50%;}
	.ul-pictxt li .pic{float: none;width: 100%;}
	.ul-pictxt li .pic img{width: 100%;}
	.friend-link,.i-contact{display: none;}
	.inner-wrap{padding-right: 12px;}
	#ff tr td:first-child{width: 68px;display: inline-block;}
	#ff textarea{width: 100%;}
}