.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:961px; }

/*======= header =======*/
#header {height:536px;}

/*======= index.html =======*/
#page1 #content .row1 .col-1{ width:260px; margin-right:40px}
#page1 #content .row1 .col-2{ width:270px; margin-right:40px}
#page1 #content .row1 .col-3{ width:269px}
#page1 #content .row1 .bg{ background:url(images/tail.gif) repeat-y 279px top } 
#page1 #content .row1 .bg1{ background:url(images/tail-top.gif) no-repeat 279px top } 
#page1 #content .row1 .bg2{ background:url(images/tail-bottom.gif) no-repeat 279px bottom } 
#page1 #content .row1 .bg3{ background:url(images/tail.gif) repeat-y 589px top } 
#page1 #content .row1 .bg4{ background:url(images/tail-top.gif) no-repeat 589px top } 
#page1 #content .row1 .bg5{ background:url(images/tail-bottom.gif) no-repeat 589px bottom } 
#page1 #content .row2 .col-1{ width:631px;}
#page1 #content .row2 .col-2{ width:330px}
#page1 #content .row2 .bg{ background:url(images/tail3.gif) repeat-y 631px top } 
/*======= index-1.html =======*/
#page2 #content .row1 .col-1{ width:550px; margin-right:61px}
#page2 #content .row1 .col-2{ width:280px}
#page2 #content .row1 .bg{ background:url(images/tail.gif) repeat-y 590px top } 
#page2 #content .row1 .bg1{ background:url(images/tail-top.gif) no-repeat 590px top } 
#page2 #content .row1 .bg2{ background:url(images/tail-bottom.gif) no-repeat 590px bottom } 
#page2 #content .row2 .col-1{ width:631px;}
#page2 #content .row2 .col-2{ width:330px}
#page2 #content .row2 .bg{ background:url(images/tail3.gif) repeat-y 631px top } 
/*======= index-2.html =======*/
#page3 #content .row1 .col-1{ width:260px; margin-right:40px}
#page3 #content .row1 .col-2{ width:270px; margin-right:40px}
#page3 #content .row1 .col-3{ width:269px}
#page3 #content .row1 .bg{ background:url(images/tail.gif) repeat-y 279px top } 
#page3 #content .row1 .bg1{ background:url(images/tail-top.gif) no-repeat 279px top } 
#page3 #content .row1 .bg2{ background:url(images/tail-bottom.gif) no-repeat 279px bottom } 
#page3 #content .row1 .bg3{ background:url(images/tail.gif) repeat-y 589px top } 
#page3 #content .row1 .bg4{ background:url(images/tail-top.gif) no-repeat 589px top } 
#page3 #content .row1 .bg5{ background:url(images/tail-bottom.gif) no-repeat 589px bottom } 
#page3 #content .row2 .col-1{ width:321px;}
#page3 #content .row2 .col-2{ width:640px}
#page3 #content .row2 .col-3{ width:267px; margin-right:51px}
#page3 #content .row2 .col-4{ width:260px}
#page3 #content .row2 .bg{ background:url(images/tail3.gif) repeat-y 321px top } 
/*======= index-3.html =======*/
#page4 #content .row1 .col-1{ width:550px; margin-right:61px}
#page4 #content .row1 .col-2{ width:280px}
#page4 #content .row1 .bg{ background:url(images/tail.gif) repeat-y 590px top } 
#page4 #content .row1 .bg1{ background:url(images/tail-top.gif) no-repeat 590px top } 
#page4 #content .row1 .bg2{ background:url(images/tail-bottom.gif) no-repeat 590px bottom } 
#page4 #content .row2 .col-1{ width:631px;}
#page4 #content .row2 .col-2{ width:330px}
#page4 #content .row2 .bg{ background:url(images/tail3.gif) repeat-y 631px top } 
/*======= index-4.html =======*/
#page5 #content .row1 .col-1{ width:550px; margin-right:61px}
#page5 #content .row1 .col-2{ width:280px}
#page5 #content .row1 .bg{ background:url(images/tail.gif) repeat-y 590px top } 
#page5 #content .row1 .bg1{ background:url(images/tail-top.gif) no-repeat 590px top } 
#page5 #content .row1 .bg2{ background:url(images/tail-bottom.gif) no-repeat 590px bottom } 
#page5 #content .row2 .col-1{ width:245px; margin-right:52px}
#page5 #content .row2 .col-2{ width:265px; margin-right:63px}
#page5 #content .row2 .col-3{ width:250px}
#page5 #content .row2 .bg{ background:url(images/tail3.gif) repeat-y 631px top } 
/*======= index-5.html =======*/
#page6 #content .row1 .col-1{ width:550px; margin-right:61px}
#page6 #content .row1 .col-2{ width:280px}
#page6 #content .row1 .col-3{ width:273px}
#page6 #content .row1 .col-4{ width:269px}
#page6 #content .row1 .bg{ background:url(images/tail.gif) repeat-y 590px top } 
#page6 #content .row1 .bg1{ background:url(images/tail-top.gif) no-repeat 590px top } 
#page6 #content .row1 .bg2{ background:url(images/tail-bottom.gif) no-repeat 590px bottom } 
#page6 #content .row2 .col-1{ width:631px;}
#page6 #content .row2 .col-2{ width:330px}
#page6 #content .row2 .bg{ background:url(images/tail3.gif) repeat-y 631px top } 

/*======= footer =======*/
#footer { height:141px; background:url(images/bot.gif) repeat-x top }