@charset "utf-8";
/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;

  
}

body {
	background-attachment: scroll;
	background: url(images/index_bg.jpg) no-repeat;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFFFFF;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: -18px;
}


img{ display:block;}

ol,ul,li{
 list-style:none;
}


.clearfix::after {
    clear: both;

    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}

/* --TAB按鈕------------------------------------- */

.top_btn{ z-index: 99; width: 60px;height: 366px; position: fixed; right:0px; top: 100px;}

/* --主要內容------------------------------------- */

#main{ width:909px;
       margin:0 auto;}


/* --bt------------------------------------- */

#main .bt{
	width: 909px;
	height: 241px;
		}

#main .bt ul{

		}
		
#main .bt li{
		float:left;
		}	
	   
/* --box01------------------------------------- */

#main .box1{
		width:909px;
		height:558px;
		}	
		
#main .box1 ul{

		}
		
#main .box1 li{
		float:left;
		}	

/* --box02------------------------------------ */

#main .box2{
		width:909px;
		height:285px;
		}	
		
#main .box2 ul{

		}
		
#main .box2 li{
		float:left;
		}	


/* --box03------------------------------------ */

#main .box3{
		width:909px;
		height:225px;
		}	
		
#main .box3 ul{

		}
		
#main .box3 li{
		float:left;
		}	


/* --box04------------------------------------ */

#main .box4{
		width:909px;
		height:163px;
		}	
		
#main .box4 ul{

		}
		
#main .box4 li{
		float:left;
		}	


/* --box05------------------------------------ */

#main .box5{
		width:909px;
		height:228px;
		}	
		
#main .box5 ul{

		}
		
#main .box5 li{
		float:left;
		}	


/* --box06------------------------------------ */

#main .box6{
		width:909px;
		height:223px;
		}	
		
#main .box6 ul{

		}
		
#main .box6 li{
		float:left;
		}


/* --box07------------------------------------ */

#main .box7{
		width:909px;
		height:250px;
		}	
		
#main .box7 ul{

		}
		
#main .box7 li{
		float:left;
		}


/* --footer------------------------------------- */

#footer{
		background-color:#000000;
		width:100%;
		height:60px;}

#footer ul{
		width:800pX;
		height:60PX;
		margin:0 auto;
		}
		
#footer li {
		width:200px;
		height:60px;
		float:left;

	     }

#footer li a.f01 {
		background:url(images/footer01.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f01:hover {
		background:url(images/footer01_a.jpg) no-repeat;
		 }
		 
#footer li a.f02 {
		background:url(images/footer02.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f02:hover {
		background:url(images/footer02_a.jpg) no-repeat;
		 }

#footer li a.f03 {
		background:url(images/footer03.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f03:hover {
		background:url(images/footer03_a.jpg) no-repeat;
		 }
		 
#footer li a.f04 {
		background:url(images/footer04.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f04:hover {
		background:url(images/footer04_a.jpg) no-repeat;
		 }