.tail-top{ background:url(images/bg.gif) repeat-x top #fff}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }

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

/*======= header =======*/
#header {height:112px;}
#header .col-1{ width:45px;  background:url(../images/Banner_01.gif) no-repeat top left; height:112px}
#header .col-2{ width:174px; background:url(../images/Banner_02.gif) no-repeat top left; height:112px}
#header .col-3{ width:189px; background:url(../images/Banner_03.gif) no-repeat top left; height:112px}
#header .col-4{ width:178px; background:url(../images/Banner_04.gif) no-repeat top left; height:112px}
#header .col-5{ width:196px; background:url(../images/Banner_05.gif) no-repeat top left; height:112px}
#header .col-6{ width:40px;  background:url(../images/Banner_06.gif) no-repeat top left; height:112px}
#header .topbar{ width:822px; background:url(../images/TopBar.gif);}
/*======= index.html =======*/
#content{margin-top:30px}

#page1 #content .men-1{ width:25px; margin:auto; margin-left:8px; margin-right:4px;}
#page1 #content .men-2{ width:25px; margin-left:8px; margin-right:4px; }
#page1 #content .men-3{ width:25px; margin-left:8px; margin-right:4px;}
#page1 #content .men-4{ width:25px; margin-left:8px; margin-right:4px;}

#page1 #content .col-1{ width:258px; margin-left:88px; margin-right:45px;}
#page1 #content .col-2{ width:391px; margin-left:40px; }
#page1 #content .col-3{ width:345px; margin-right:7px}
#page1 #content .col-4{ width:345px}

#page1 #content  .Ico{ width:13px; height:20px; float:right; margin-top:-7px; margin-right:40px;}

#page1 #content  .bar-left{ width:13px; float:left; background-color:#FFFFFF; height:20px; margin-top:0px;}
#page1 #content  .bar-or{background:url(../images/or_bg.gif) repeat-x top left; height:20px;  margin-top:20px;}
#page1 #content  .bar-bl{background:url(../images/bl_bg.gif) repeat-x top left; height:20px;  margin-top:20px;}
#page1 #content  .bar-right{ width:13px; float:right; background-color:#FFFFFF; height:20px; margin-top:0px;}


#page1 #content .indent-space{padding:5px 0 5px 0}
#page1 #content .indent-in{padding: 5px 10px 5px 10px; text-align:center}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:188px; margin-right:34px}
#page3 #content .col-2{ width:697px}
#page3 #content .col-3{ width:345px; margin-right:7px}
#page3 #content .col-4{ width:345px}
/*======= index-3.html =======*/
#page1 #content .col-9{ width:188px; margin-left:50px; margin-right:34px}
#page1 #content .col-10{ width:697px; margin-left:60px; margin-top:50px}
#page1 #content .col-11{ width:345px;margin-left:100px; margin-right:7px}
#page1 #content .col-12{ width:345px;margin-left:100px;}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:188px; margin-right:34px}
#page5 #content .col-2{ width:697px}
#page5 #content .col-3{ width:335px}
#page5 #content .col-4{ width:298px}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:188px; margin-right:34px}
#page6 #content .col-2{ width:697px}
#page6 #content .col-3{ width:345px; margin-right:7px}
#page6 #content .col-4{ width:345px}
#page6 #content .col-5{ width:330px}
#page6 #content .col-6{ width:299px}
/*======= index-6.html =======*/
#page7 #content .col-1{ width:188px; margin-right:34px}
#page7 #content .col-2{ width:697px}

/*======= footer =======*/
#footer  { width:822px;}
#page1 #footer  .bar-left{ width:13px; float:left; background-color:#FFFFFF; height:26px; margin-top:0px;}
#page1 #footer  .bar-or{width:796px; float:left; background:url(../images/or_bt_bg.gif) repeat-x top left; height:26px;  margin-top:0px}
#page1 #footer  .bar-right{ width:13px; float:right; background-color:#FFFFFF; height:27px; margin-top:0px;}

#page1 #footer .row-0{ margin-top:40px  }
#page1 #footer .col-1{ width:600px; margin-left:111px; margin-right:111px; margin-top:30px }