@charset "utf-8";

#container {position:relative; height:100%; background:#dae9f8; overflow:hidden;}
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; z-index:7; width:980px; margin:0 auto; overflow:hidden;}
.main_content:after {content:""; display:block; clear:both;}

.MC_box1 {position:absolute; top:25px; left:50%; margin-left:-223px; width:446px; height:355px; float:left; border-radius:15px; overflow:hidden;}
.MC_box2 {position:relative; width:250px; height:355px; float:left; margin:25px 17px 17px 0}
.MC_box3 {position:relative; width:250px; height:355px; float:right; margin:25px 0 17px 460px;}
.MC_box4 {position:relative; width:250px; height:210px; float:left;}
.MC_box5 {position:relative; width:250px; height:210px; float:left; margin:0 17px;}
.MC_box6 {position:relative; width:446px; height:210px; float:left;}
.MC_box7 {position:relative; width:517px; height:210px; float:left; margin:17px 17px 25px 0;}
.MC_box8 {position:relative; width:445px; height:210px; float:left; margin:17px 0 25px 0;}
.MC_box9 {position:relative; width:980px; height:70px; margin:0 auto;}

@media (max-width: 800px) {
	
	#container,
	.main_content,
	.MC_box1, MC_box2, MC_box3, MC_box4, MC_box5, MC_box6, MC_box7, MC_box8, MC_box9, MC_box10, MC_box11, MC_box12, MC_box13, MC_box14, MC_box15 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	 #container {width:100%; padding-top:70px; }
	.main_content {width:95%; height:100%; }

	.MC_box1 {position:relative; top:0; left:0; width:62%; margin:25px 0 17px 0; float:right;} 
	.MC_box2 {width:35%;margin:25px 0 17px 0;}
	.MC_box3 {width:62%; margin:0; margin-left:3%;}
	.MC_box4 { width:35%; height:355px; float:left;}
	.MC_box5 {width:35%; margin:17px 3% 0 0;}
	.MC_box6 {width:62%; margin-top:17px;}
	.MC_box7 {width:100%; margin:17px 0;}
	.MC_box8 {width:100%; margin:0 0 25px 0;}
	.MC_box9 {width:100%;}
	
}

@media (max-width: 680px) {	



}

@media (max-width: 580px) {	

	.MC_box1 {width:100%; height:auto; margin:20px 0;} 
	.MC_box2 {width:100%; height:auto; margin:0;}
	.MC_box3 {width:100%; margin-top:17px;}
	.MC_box4 {width:100%; height:210px; margin-top:17px;}
	.MC_box5 {width:100%;}
	.MC_box6 {width:100%;}
	.MC_box7 {width:100%; height:auto;}
	.MC_box8 {width:100%;}
		
}

@media (max-width: 480px) {		
	


}

@media (max-width: 380px) {
	

}