#site_center {text-align:center; }
#main {margin:0 auto; width: device-width; text-align:left; overflow-x: hidden}
/* .min_width {min-width:744px} */

/*.min_width {min-width:780px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%");} */

/*You can modify the width of the website by changing "width" parameter with #main. The minimum value is 744px.*/

#header, #wrapper_header, #menu, #content, #footer, .width {width:100%}


.col_1, .col_2, .col_3, .col_box_1, .col_box_2{ float:left;}


/*======= index.html =======*/
#page1 #content .col_1{width:60%;}
#page1 #content .col_2{width:40%;}
/*=========================*/


/*======= index-1.html =======*/
#page2 #content .col_1{width:43%;}
#page2 #content .col_2{width:56%;}
@media screen and (max-width: 700px) {
	#page2 #content .col_1{width:100%;}
	#page2 #content .col_2{width:100%;}
}
/*=========================*/

/*======= index-2.html =======*/
#page3 #content .col_1{width:55%;}
#page3 #content .col_2{width:45%;}
@media screen and (max-width: 700px) {
	#page3 #content .col_1{width:100%;}
	#page3 #content .col_2{width:100%;}
}
/*=========================*/


/*======= index-4.html =======*/
#page5 #content .col_1{width:55%;}
#page5 #content .col_2{width:45%;}
@media screen and (max-width: 700px) {
	#page5 #content .col_1{width:100%;}
	#page5 #content .col_2{width:100%;}
}
/*=========================*/


/*======= index-5.html =======*/
#page6 #content .col_1{width:63%;}
#page6 #content .col_2{width:36%;}
@media screen and (max-width: 700px) {
	#page6 #content .col_1{width:100%;}
	#page6 #content .col_2{width:100%;}
}
/*=========================*/

/*======= index-6.html =======*/
#page7 #content .col_1{width:49%;}
#page7 #content .col_2{width:51%;}
/*=========================*/