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

/*======= header =======*/
#header{ height:335px; width:100%; text-align:center}

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

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


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


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

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

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

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

/*======= index-4.html =======*/
#page5 #content .col1{ width:66%}
#page5 #content .col2{ width:33%}

/*======= index-5.html =======*/
#page6 #content .col1{ width:33%}
#page6 #content .col2{ width:66%}