.site_center{ width:100%; text-align:center}
.main { width:840px; margin:0 auto; text-align:left }

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

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

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

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

/*====== index.html ====*/
#page1 #content .indent .margin1 .div .col1{ width:202px}
#page1 #content .indent .margin1 .div .col2{ width:340px}

/*====== index-1.html ====*/
#page2 #content .indent .margin1 .div .col1{ width:202px}
#page2 #content .indent .margin1 .div .col2{ width:340px}


/*====== index-2.html ====*/
#page3 #content .indent .margin1 .div .col1{ width:260px}
#page3 #content .indent .margin1 .div .col2{ width:276px}

/*====== index-3.html ====*/
#page4 #content .indent .margin1 .div .col1{ width:540px}
#page4 #content .box .col1{ width:325px}
#page4 #content .box .col2{ width:223px}

/*====== index-4.html ====*/
#page5 #content .col1{ width:534px}


/*====== photos1.html ====*/
#page6 #content .indent .margin1 .div .col1{ width:202px}
#page6 #content .indent .margin1 .div .col2{ width:340px}

/*====== video1.html ====*/
#page7 #content .indent .margin1 .div .col1{ width:540px}
#page7 #content .box .col1{ width:325px}
#page7 #content .box .col2{ width:223px}