@charset "utf-8";
/* CSS Document */

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

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

.MC_box1 {position:relative; width:695px; height:310px; float:left; }
.MC_box2 {position:relative; width:285px; height:310px; float:left;}
.MC_box3 {position:relative; width:410px; height:225px; float:left;}
.MC_box4 {position:relative; width:285px; height:225px; float:left;}
.MC_box5 {position:relative; width:285px; height:225px; float:left;}
.MC_box6 {position:relative; width:695px; height:225px; float:left;}
.MC_box7 {position:relative; width:285px; height:225px; float:left;}


 @media (max-width: 800px) {
	
	#container,  .main_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
	.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:69px; }
	.main_content { width:95%; height:100%; padding-top:30px; }

	.MC_box1 { width: 67%; }
	.MC_box2 { width:33%;}
	.MC_box3 { width:67%; height:225px;}
	.MC_box4 { width:33%;}
  .MC_box5 { width:34%;}
	.MC_box6 { width:62%; height:450px; float:right;}
	.MC_box7 {  width:34%;}

 }
 @media (max-width: 680px) {
	.MC_box1 { width: 100%; height:auto; float:none;}
	.MC_box2 { width: 100%; float:none;}
	.MC_box3 { width: 100%; float:none;}
	.MC_box4 { width: 100%; }
	.MC_box5 { width: 100%;}
	.MC_box6 { width: 100%; float:none; height:auto; padding-bottom:15px;}
	.MC_box7 { width: 100%; }

}