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


/*======= index.html =======*/
#page1 #content .col-1{ width:402px; margin-right:4px}
#page1 #content .col-2{ width:267px}
#page1 #content .col-3{ width:160px; margin-right:28px}
#page1 #content .col-4{ width:160px}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:267px; margin-right:4px}
#page2 #content .col-2{ width:402px}
#page2 #content .col-3{ width:160px; margin-right:28px}
#page2 #content .col-4{ width:160px}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:402px; margin-right:4px}
#page3 #content .col-2{ width:267px}
#page3 #content .col-3{ width:160px; margin-right:28px}
#page3 #content .col-4{ width:160px}
#page3 #content .col-5{ width:425px; margin-right:4px}
#page3 #content .col-6{ width:244px}
#page3 #content .col-7{ width:340px; margin-right:4px}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:267px; margin-right:4px}
#page4 #content .col-2{ width:402px}
#page4 #content .col-3{ width:160px; margin-right:10px}
#page4 #content .col-4{ width:187px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:202px; margin-right:4px}
#page5 #content .col-2{ width:467px}
#page5 #content .col-3{ width:157px; margin-right:42px}
#page5 #content .col-4{ width:160px; margin-right:20px}
#page5 #content .col-5{ width:225px}
#page5 #content .col-6{ width:190px; margin-right:28px}
#page5 #content .col-7{ width:182px}

/*======= footer =======*/
#footer { height:91px; margin:0 18px 0 22px; background:url(/res/apexframework/images/bot.gif) repeat-x top }