#main {width:978px; margin:0 auto; position:relative;}

#header {height:175px; width:978px; margin:0 auto; position:relative; background-image:url(images/TopBanner_bg.png);}
#header, #content, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3, .col-4 { position:relative; float:left;}

/*======= index.html =======*/
#page1 #content .row-1 .col-1 {width:555px; margin-right:28px;}
#page1 #content .row-1 .col-2 { width:195px;}
#page1 #content .row-1 .col-3 { width:329px; }
#page1 #content .row-1 .col-3 .col-1 { width:147px; margin-right:34px;}
#page1 #content .row-1 .col-3 .col-2 { width:148px;}
#page1 #content .row-2 .col-1 {width:250px;}
#page1 #content .row-2 .col-2 { width:250px; margin-left:60px;}
#page1 #content .row-2 .col-3 { width:250px; margin-left:60px;}

/*======= mainbodysamebottom =======*/
#page2 #content .row-1 .col-1 {width:928px;}
#page2 #content .row-1 .col-2 { width:195px;}
#page2 #content .row-1 .col-3 { width:329px;}
#page2 #content .row-1 .col-3 .col-1 { width:147px; margin-right:34px;}
#page2 #content .row-1 .col-3 .col-2 { width:148px;}
#page2 #content .row-2 .col-1 {width:250px; }
#page2 #content .row-2 .col-2 { width:250px; margin-left:60px; }
#page2 #content .row-2 .col-3 { width:250px; margin-left:60px;}

/*======= 2col same bottom=======*/
#page3 #content .row-1 .col-1 {width:444px; margin-right:38px;}
#page3 #content .row-1 .col-2 { width:372px; margin-right:28px;}
#page3 #content .row-1 .col-3 { width:444px;}
#page3 #content .row-1 .col-3 .col-1 { width:147px; margin-right:34px;}
#page3 #content .row-1 .col-3 .col-2 { width:148px; margin-right:0;}
#page3 #content .row-2 .col-1 {width:255px; }
#page3 #content .row-2 .col-2 { width:255px; }
#page3 #content .row-2 .col-3 { width:255px;}

/*======= no col diff botttom =======*/
#page4 #content .row-1 .col-1 {width:444px; margin-right:38px;}
#page4 #content .row-1 .col-2 { width:372px; margin-right:28px;}
#page4 #content .row-1 .col-3 { width:444px;}
#page4 #content .row-1 .col-3 .col-1 { width:147px; margin-right:34px;}
#page4 #content .row-1 .col-3 .col-2 { width:148px; margin-right:0;}
#page4 #content .row-2 .col-1 {width:280px; }
#page4 #content .row-2 .col-2 { width:280px; margin-left:20px;}
#page4 #content .row-2 .col-3 { width:280px; margin-left:20px;}

/*======= 2 col diff bottom =======*/
#page5 #content .row-1 .col-1 {width:444px; margin-right:38px;}
#page5 #content .row-1 .col-2 { width:372px; margin-right:28px;}
#page5 #content .row-1 .col-3 { width:444px;}
#page5 #content .row-1 .col-3 .col-1 { width:147px; margin-right:34px;}
#page5 #content .row-1 .col-3 .col-2 { width:148px; margin-right:0;}
#page5 #content .row-2 .col-1 {width:420px; margin-right:45px;}
#page5 #content .row-2 .col-2 { width:420px; margin-right:0px;}
#page5 #content .row-2 .col-3 { width:290px;}

/*======= index-5.html =======*/
#page6 #content .row-1 .col-1 {width:444px; margin-right:38px;}
#page6 #content .row-1 .col-2 { width:372px; margin-right:28px;}
#page6 #content .row-1 .col-3 { width:444px;}
#page6 #content .row-1 .col-3 .col-1 { width:147px; margin-right:34px;}
#page6 #content .row-1 .col-3 .col-2 { width:148px; margin-right:0;}
#page6 #content .row-2 .col-1 {width:875px; margin-right:0px;}
#page6 #content .row-2 .col-2 { width:420px; margin-right:0px;}
#page6 #content .row-2 .col-3 { width:290px;}


/*=========================*/


#footer {height:66px; position:relative; z-index:2}