﻿.tail-top{ background: rgb(26, 43, 63); }
.tail-bottom{ background:rgb(26, 43, 63) }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, col-7{ float:left}

/*======= width =======*/
.main{margin:0px auto; text-align:left; width:900px; }


/*======= header =======*/
#header {height:445px; position: relative; left: 0px; top: 0px; height: 473px; background: #000000}

/*======= logo =========*/
#logo {position: relative; left: 0px; top: 0px; height: 100px;}

/*======= index.html =======*/
#page1 #content .col-1{ float: left; width:290px; }
#page1 #content .col-2{ float: left; width:600px; }
#page1 #content .col-3{ width:160px; margin-right:15px; margin-top: 0px;}
#page1 #content .col-4{ width:160px; margin-top: 0px; } 

/*======= index-1.html =======*/
#page2 #content .col-1{ width:592px; margin-right:19px;}
#page2 #content .col-2{ width:287px;}

/*======= index-2.html =======*/
#page3 #content .col-1{ width:290px; }
#page3 #content .col-2{ width:600px; }
#page3 #content .col-3{ width:440px; margin-top: 25px;}
#page3 #content .col-4{ width:440px; margin-top: 25px}
#page3 #content .col-5{ width:287px; float: right}
#page3box #content .col-5box{ width:173px; margin-right:10px}
#page3 #content .col-6{ width:173px} 
#page3box #content .col-6box{ width:173px; margin-right:10px}

/*======= index-3.html =======*/
#page4 #content .col-1{ width:290px;}
#page4 #content .colasy{ width:575px; margin-left:0px}
#page4 #content .cmcol-5{ width:592px; margin-right:19px}
#page4 #content .col-cm{ width:875px; margin-left: 19px}
#page4 #content .col-pcb{ width:592px;}
#page4 #content .col-2{ width:900px; position: relative}
#page4 #content .col-3{ width: 900px; margin-right: 0px; float: left; }
#page4 #content .col-4{ float: left; width:900px; margin-top:0px; }
#page4 #content .col-5{ position: relative; float: left; width:125px; height: auto; padding-top:6px;}
#page4 #content .col-6{ position: relative; float: left; width:250px; margin-top:0px; }
#page4 #content .col-7{ position: relative; float: left; width:510px; margin-top:0px; top: 6px; padding-left: 15px}

/*======= index-4.html =======*/
#page5 #content .col-1{ width:287px; margin-right:18px}
#page5 #content .col-2{ width:585px; margin-right: 19px}
#page5 #content .col-3{ width:287px; margin-right:19px}
#page5 #content .col-4{ width:287px}
#page5 #content .col-5{ width:228px; margin-right:55px}
#page5 #content .col-6{ width:225px; margin-right: 16px}
#page5 #content .col-7{ margin-bot: 6px}
#page5 #content .col-8{ width:593px; margin-bot: 6px}



/*======= index-5.html =======*/
#page6 #content .col-1{ width:593px; margin-right:18px}
#page6 #content .col-2{ width:287px}
#page6 #content .col-3{ width:287px; margin-right:19px}
#page6 #content .col-4{ width:287px}
#page6 #content .col-5{ width:270px}
#page6 #content .col-6{ width:259px}

/*======== index-3x.html ====*/
#page7 #content .col-1 { float: left; width: 290px; }
#page7 #content .col-2 { width: 900px; position: relative;}
#page7 #content .col-3 { width: 900px; }
#page7 #content .col-4 { width: 900px; padding:5px 28px 12px 25px }
#page7 #content .col-5 { width: 250px; position: relative; float: left; }
#page7 #content .col-6 { width: 900px; position: relative; float: left; }
#page7 #content .col-7 { width: 300px; position: relative; float: left; z-index: -1}
#page7 #content .col-8 { width: 400px; position: relative; float: left; background: #FFFFFF; z-index: 10}



/*======= footer =======*/
#footer { background: #000000; height:113px; }