body {
	background: #555;
	border:2px solid black;
	
}
#all{
	width:75%;
	height:auto;
	background:green;
	margin-left:auto;
	margin-right:auto;
}
#head{
	height:70px;
	font-size:2em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-bottom:12px;
}
#side{
	width:15%;
	height:600px;
	background:green;
	float:left;
	box-sizing:border-box;
	border-right:2px solid black;
}
#main{
	width:70%;
	height:600px;
	background:yellow;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
#right{
	width:15%;
	height:600px;
	background:green;
	float:right;
	box-sizing:border-box;
	border-left:2px solid black;
}
#foot{
	clear:both;
	height:50px;
	background:red;
	border-top:2px solid black;
	text-align:center;
}
@media only screen and (min-width:450px) and (max-width:700px)
	body{
		margin:0;
	}
	#all{
		width:85%;
	}
	#main{
		width:80%;
		float:right;
	}
	#right{
		width:100%;
		clear:both;
		height:80px;
		border:none;
	}
	#foot{
		width:100%;
		height:40px;
		text-align:center;
	}
}