.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 986px; z-index: 2; }

/*======= header =======*/
header {height:138px; }

/*======= index-1.html =======*/
#page1 .col-1{ width:316px; margin-right:0}
#page1 .col-2{ width:664px}
#page1 .bg{ background:url(../images/tail1.gif) repeat-y 316px top } 
#page1 .col-3{ width:270px; margin-right:46px}
#page1 .col-4{ width:270px}
/*======= index-2.html =======*/
#page2 .col-1{ width:316px; margin-right:0}
#page2 .col-2{ width:664px}
#page2 .bg{ background:url(../images/tail1.gif) repeat-y 316px top } 
#page2 .col-3{ width:270px; margin-right:46px}
#page2 .col-4{ width:275px}
/*======= index-3.html =======*/
#page3 .col-1{ width:632px; margin-right:0}
#page3 .col-2{ width:348px}
#page3 .bg{ background:url(../images/tail1.gif) repeat-y 632px top } 
#page3 .col-3{ width:316px; margin-right:0}
#page3 .col-4{ width:316px}
#page3 .bg1{ background:url(../images/tail1.gif) repeat-y 316px top } 
/*======= index-4.html =======*/
#page4 .col-1{ width:316px; margin-right:0}
#page4 .col-2{ width:664px}
#page4 .bg{ background:url(../images/tail1.gif) repeat-y 316px top } 
/*======= index-5.html =======*/
#page5 .col-1{ width:316px; margin-right:0}
#page5 .col-2{ width:348px}
#page5 .bg{ background:url(../images/tail1.gif) repeat-y 316px top } 
#page5 .bg1{ background:url(../images/tail1.gif) repeat-y 632px top }