.col-1, .col-2, .col-3, .col-4, .col-5{ float:left}

/*======= width =======*/

.main{margin:0 auto; text-align:left; width:980px; }



/*======= header =======*/

#header {height:436px;  background:url(images/top.jpg) no-repeat top center #fff}

#header .col-1{ width:228px; margin-right:4px; background:url(images/banner.jpg); height:277px}

#header .col-2{ width:712px}



/*======= index.html =======*/

#page1 #content .col-1{ width:228px; margin-right:4px}

#page1 #content .col-2{ width:480px; margin-right:4px}

#page1 #content .col-3{ width:228px}

#page1 #content .col-4{ width:202px; margin-right:19px}

#page1 #content .col-5{ width:202px}

/*======= index-1.html =======*/

#page2 #content .col-1{ width:228px; margin-right:4px}

#page2 #content .col-2{ width:480px; margin-right:4px}

#page2 #content .col-3{ width:228px}

/*======= index-2.html =======*/

#page3 #content .col-1{ width:228px; margin-right:4px}

#page3 #content .col-2{ width:480px; margin-right:4px}

#page3 #content .col-3{ width:228px}

/*======= index-3.html =======*/

#page4 #content .col-1{ width:228px; margin-right:4px}

#page4 #content .col-2{ width:480px; margin-right:4px}

#page4 #content .col-3{ width:228px}

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

#page5 #content .col-1{ width:228px; margin-right:4px}

#page5 #content .col-2{ width:480px; margin-right:4px}

#page5 #content .col-3{ width:228px}

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

#page6 #content .col-1{ width:228px; margin-right:4px}

#page6 #content .col-2{ width:480px; margin-right:4px}

#page6 #content .col-3{ width:228px}

#page6 #content .col-4{ width:190px}

#page6 #content .col-5{ width:240px}



/*======= footer =======*/

#footer { height:66px; }