.tail-top{ background:url(images/top.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{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; }


#header {height:315px;  background:url(images/top.gif) repeat-x top center}
#header .bg{ background:url(images/top1.jpg) no-repeat top center; height:315px;  }
#content {background:url(images/bg_cont.gif) repeat-x top center #c5d2d2}
#content1 { background:#ffffff}
#title {background:url(images/bg_title.gif) repeat-x top center #eff2f2}
#footer { height:73px; background:#f6f8f8}

/*======= index.html =======*/
#page1 #content .col-1{ width:245px; margin-right:85px}
#page1 #content .col-2{ width:555px}
#page1 #content .bg{ background:url(images/tail.gif) repeat-y 293px top } 
#page1 #title .col-1{ width:334px;}
#page1 #title .col-2{ width:323px}
#page1 #title .col-3{ width:227px}
#page1 #title .bg{ background:url(images/tail1.gif) repeat-y 297px top } 
#page1 #title .bg1{ background:url(images/tail1.gif) repeat-y 618px top } 
#page1 #content1 .col-1{ width:260px; margin-right:70px}
#page1 #content1 .col-2{ width:260px; margin-right:65px}
#page1 #content1 .col-3{ width:237px}
#page1 #content1 .bg{ background:url(images/tail2.gif) repeat-y 297px top } 
#page1 #content1 .bg1{ background:url(images/tail2.gif) repeat-y 618px top } 
/*======= index-1.html =======*/
#page2 #content .col-1{ width:580px; margin-right:79px}
#page2 #content .col-2{ width:240px}
#page2 #content .bg{ background:url(images/tail.gif) repeat-y 621px top } 
#page2 #title .col-1{ width:327px;}
#page2 #title .col-2{ width:525px}
#page2 #title .bg{ background:url(images/tail1.gif) repeat-y 296px top } 
#page2 #content1 .col-1{ width:260px; margin-right:67px}
#page2 #content1 .col-2{ width:560px}
#page2 #content1 .bg{ background:url(images/tail2.gif) repeat-y 296px top } 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:260px; margin-right:67px}
#page3 #content .col-2{ width:560px}
#page3 #content .bg{ background:url(images/tail.gif) repeat-y 296px top } 
#page3 #title .col-1{ width:327px;}
#page3 #title .col-2{ width:525px}
#page3 #title .bg{ background:url(images/tail1.gif) repeat-y 296px top } 
#page3 #content1 .col-1{ width:260px; margin-right:67px}
#page3 #content1 .col-2{ width:568px}
#page3 #content1 .bg{ background:url(images/tail2.gif) repeat-y 296px top } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:260px; margin-right:67px}
#page4 #content .col-2{ width:560px}
#page4 #content .bg{ background:url(images/tail.gif) repeat-y 296px top } 
#page4 #title .col-1{ width:654px;}
#page4 #title .col-2{ width:233px}
#page4 #title .bg{ background:url(images/tail1.gif) repeat-y 621px top } 
#page4 #content1 .col-1{ width:575px; margin-right:75px}
#page4 #content1 .col-2{ width:243px}
#page4 #content1 .col-3{ width:103px}
#page4 #content1 .col-4{ width:72px}
#page4 #content1 .col-5{ width:60px}
#page4 #content1 .bg{ background:url(images/tail2.gif) repeat-y 621px top } 
/*======= index-4.html =======*/
#page5 #content .col-1{ width:260px; margin-right:67px}
#page5 #content .col-2{ width:560px}
#page5 #content .bg{ background:url(images/tail.gif) repeat-y 296px top } 
#page5 #title .col-1{ width:327px;}
#page5 #title .col-2{ width:525px}
#page5 #title .bg{ background:url(images/tail1.gif) repeat-y 296px top } 
#page5 #content1 .col-1{ width:260px; margin-right:67px}
#page5 #content1 .col-2{ width:568px}
#page5 #content1 .bg{ background:url(images/tail2.gif) repeat-y 296px top }
/*======= index-5.html =======*/
#page6 #content .col-1{ width:260px; margin-right:67px}
#page6 #content .col-2{ width:560px}
#page6 #content1 .col-1-web{
	width:170px;
	float:left
}
#page6 #content1 .col-2-web{
	width:780px;
	float:right
	
}
/*======= Web Tab =======*/
.col-2-web-tab{
    width:750px;
	float:left;
}
.col-2tc-web-tab{
    width:720px;
	float:left;
}
#page6 #content .bg{ background:url(images/tail.gif) repeat-y 296px top } 
#page6 #title .col-1{ width:327px;}
#page6 #title .col-2{ width:525px}
#page6 #title .bg{ background:url(images/tail1.gif) repeat-y 296px top } 
#page6 #content1 .col-1{ width:260px; margin-right:67px}
#page6 #content1 .col-2{ width:568px}
#page6 #content1 .bg{ background:url(images/tail2.gif) repeat-y 296px top } 
/*======= index-6.html =======*/
#page7 #content .col-1{ width:260px; margin-right:67px}
#page7 #content .col-2{ width:560px}
#page7 #content .bg{ background:url(images/tail.gif) repeat-y 296px top } 
#page7 #title .col-1{ width:654px;}
#page7 #title .col-2{ width:233px}
#page7 #title .bg{ background:url(images/tail1.gif) repeat-y 621px top } 
#page7 #content1 .col-1{ width:575px; margin-right:75px}
#page7 #content1 .col-2{ width:243px}
#page7 #content1 .bg{ background:url(images/tail2.gif) repeat-y 621px top } 
/*======= index-7.html =======*/
#page8 #content .col-1{ width:260px; margin-right:67px}
#page8 #content .col-2{ width:560px}
#page8 #content .bg{ background:url(images/tail.gif) repeat-y 296px top } 
#page8 #title .col-1{ width:327px;}
#page8 #title .col-2{ width:525px}
#page8 #title .bg{ background:url(images/tail1.gif) repeat-y 296px top } 
#page8 #content1 .col-1{ width:260px; margin-right:67px}
#page8 #content1 .col-2{ width:568px}
#page8 #content1 .col-3{ width:262px}
#page8 #content1 .col-4{ width:303px}
#page8 #content1 .bg{ background:url(images/tail2.gif) repeat-y 296px top }