#site_center {text-align:center;}
.main { width:100% ; margin:0 auto; text-align:left;}
.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 800)? "800px" : "100%"); min-width:800px;}

/*======= header =======*/
#header{ height:393px; width:100%}

/*======= footer =======*/
#footer{ height:107px; width:100%}

/*======= content =======*/
#content { width:100%}

#content .row2 .col1{ width:32%}
#content .row2 .col2{ width:68%}


.col_1, .col_2, .col_3, .col1, .col2, .col3, .col { float:left;}

/*======= index.html =======*/
#page1 #content .row3 .col1{ width:33%}
#page1 #content .row3 .col2{ width:33%}
#page1 #content .row3 .col3{ width:33%}

#page1 #content .row4 .col1{ width:33%}
#page1 #content .row4 .col2{ width:33%}
#page1 #content .row4 .col3{ width:33%}


/*======= index-1.html =======*/
#page2 #content .row3 .col1{ width:66%}
#page2 #content .row3 .col2{ width:33%}

#page2 #content .row4 .col1{ width:66%}
#page2 #content .row4 .col2{ width:33%}

/*======= index-2.html =======*/
#page3 #content .row3 .col1{ width:33%}
#page3 #content .row3 .col2{ width:67%}

#page3 #content .row4 .col1{ width:33%}
#page3 #content .row4 .col2{ width:67%}

/*======= index-3.html =======*/
#page4 #content .row3 .col1{ width:66%}
#page4 #content .row3 .col2{ width:33%}

#page4 #content .row4 .col1{ width:66%}
#page4 #content .row4 .col2{ width:33%}


/*======= index-4.html =======*/

/*======= index-5.html =======*/

/*======= index-6.html =======*/