@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

.ie6 img {
	width:100%;
}
* {margin: 0; padding: 0;}

@media only screen and (max-width: 800px){



.section {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
}
.section div {
	margin-top:12px;
	padding:10px;
	box-shadow: 0px 1px 5px 2px #888;
	background-color:#fff;
	}
	
.section2 {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
}




#section1 {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 32px;
}


.section2 ul{
	margin:0 auto; 
	text-align: center;
	margin-top:10px;
	}


.section2 li {
	display:inline-block;
	margin-bottom: 10px;
	box-shadow: 0px 1px 6px 2px #888;
	background-color:#fff;
	padding:4px;
	width: 48%;
	}
	
.section2 li img {
	width:100%;
	height:100%;
	}
	

}
@media only screen and (min-width: 800px) {
	
	
.section {
	width: 97%;
	margin-right: auto;
	margin-left: auto;	
	max-width:850px;
	position:relative;
}

.section div {
	margin-bottom:20px !important; 
	box-shadow: 0px 1px 6px 2px #888;
	background-color:#fff;
	padding:15px;
	}
	
#section1 {
	margin-top: 85px;
	width: 97%;
	margin-right: auto;
	margin-left: auto;	
	max-width:850px;
	position:relative;
	}

.section2  {
	max-width: 97%;
	margin-right: auto;
	margin-left: auto;	
	position:relative;
}


.section2 ul{
	margin:0 auto; 
	text-align: center;
	
	}


.section2 li {
	display:inline-block;
	margin-bottom: 20px;
	margin-left:5px;
	margin-right:5px;
	box-shadow: 0px 1px 6px 2px #888;
	background-color:#fff;
	padding:7px;
	height: auto;
	}