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

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

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

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

#header, #content, #footer{ min-width:780px}
.col_1, .col_2, .col_3, .col1, .col2, .col3, .col4, .col5, .col6 { float:left;}

/*======= index.html =======*/
#page1 .row1 .col1{ width:60%}
#page1 .row1 .col2{ width:39%}

/*======= index-1.html =======*/
#page2 .col1{ width:100%}
#page2 .col2{ width:37%}

/*======= index-2.html =======*/
#page3 .col1{ width:30%}
#page3 .col2{ width:62%}

/*======= index-3.html =======*/
#page4 .row2 .col1{ width:50%}
#page4 .row2 .col2{ width:50%}

/*======= index-4.html =======*/
#page5 .col1{ width:37%}
#page5 .col2{ width:62%}


/*======= index-5.html =======*/
#page6 .col1{ width:62%}
#page6 .col2{ width:37%}

/*======= index-6.html =======*/
#page7 .col1{ width:37%}
#page7 .col2{ width:62%}