@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:url(images/index_bg.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: scroll;
	background-color:#eae6d1;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	}


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: 78px;height: 500px; position: fixed; right:0px; top: 110px;}


/* --main---------------------------------------------------------------------------- */

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

	
	
/* --box01---------------------------------------------------------------------------- */

#main .box01{
	width:1000px;
	height:673px;

	}
	
#main .box01 ul{
	
}

#main .box01 li{
	float: left;
}


#main .box01 li a.pic01{
	background: url(images/index_02.jpg)no-repeat;
	width: 199px;
	height: 183px;
	display: block;
}

#main .box01 li a.pic01:hover{
	background: url(images/index_02_a.jpg)no-repeat;
	
}

#main .box01 li a.pic02{
	background: url(images/index_03.jpg)no-repeat;
	width: 198px;
	height: 183px;
	display: block;
}

#main .box01 li a.pic02:hover{
	background: url(images/index_03_a.jpg)no-repeat;
	
}

#main .box01 li a.pic03{
	background: url(images/index_04.jpg)no-repeat;
	width: 197px;
	height: 183px;
	display: block;
}

#main .box01 li a.pic03:hover{
	background: url(images/index_04_a.jpg)no-repeat;
	
}

#main .box01 li a.pic04{
	background: url(images/index_05.jpg)no-repeat;
	width: 198px;
	height: 183px;
	display: block;
}

#main .box01 li a.pic04:hover{
	background: url(images/index_05_a.jpg)no-repeat;
	
}

#main .box01 li a.pic05{
	background: url(images/index_06.jpg)no-repeat;
	width: 208px;
	height: 183px;
	display: block;
}

#main .box01 li a.pic05:hover{
	background: url(images/index_06_a.jpg)no-repeat;
	
}

#main .box01 li a.pic06{
	background: url(images/index_07.jpg)no-repeat;
	width: 199px;
	height: 191px;
	display: block;
}

#main .box01 li a.pic06:hover{
	background: url(images/index_07_a.jpg)no-repeat;
	
}

#main .box01 li a.pic07{
	background: url(images/index_09.jpg)no-repeat;
	width: 208px;
	height: 191px;
	display: block;
}

#main .box01 li a.pic07:hover{
	background: url(images/index_09_a.jpg)no-repeat;
	
}

#main .box01 li a.pic08{
	background: url(images/index_10.jpg)no-repeat;
	width: 199px;
	height: 184px;
	display: block;
}

#main .box01 li a.pic08:hover{
	background: url(images/index_10_a.jpg)no-repeat;
	
}

#main .box01 li a.pic09{
	background: url(images/index_11.jpg)no-repeat;
	width: 198px;
	height: 184px;
	display: block;
}

#main .box01 li a.pic09:hover{
	background: url(images/index_11_a.jpg)no-repeat;
	
}

#main .box01 li a.pic10{
	background: url(images/index_12.jpg)no-repeat;
	width: 197px;
	height: 184px;
	display: block;
}

#main .box01 li a.pic10:hover{
	background: url(images/index_12_a.jpg)no-repeat;
	
}

#main .box01 li a.pic11{
	background: url(images/index_13.jpg)no-repeat;
	width: 198px;
	height: 184px;
	display: block;
}

#main .box01 li a.pic11:hover{
	background: url(images/index_13_a.jpg)no-repeat;
	
}

#main .box01 li a.pic12{
	background: url(images/index_14.jpg)no-repeat;
	width: 208px;
	height: 184px;
	display: block;
}

#main .box01 li a.pic12:hover{
	background: url(images/index_14_a.jpg)no-repeat;
}


/* --word---------------------------------------------------------------------------- */

#main .word{
	width:1000px;
	height:292px;

	}
	
#main .word ul{
	
}

#main .word li{
	float: left;
}






/* --box02---------------------------------------------------------------------------- */
#main .box02{
	width:1000px;
	height:477px;
	padding-top: 20px;

	}
	
#main .box02 ul{
	
}

#main .box02 li{
	float: left;
}


/* --box03---------------------------------------------------------------------------- */
#main .box03{
	width:1000px;
	height:477px;
	padding-top: 20px;

	}
	
#main .box03 ul{
	
}

#main .box03 li{
	float: left;
}

/* --box04---------------------------------------------------------------------------- */
#main .box04{
	width:1000px;
	height:477px;
	padding-top: 30px;

	}
	
#main .box04 ul{
	
}

#main .box04 li{
	float: left;
}

/* --box05---------------------------------------------------------------------------- */
#main .box05{
	width:1000px;
	height:477px;
	padding-top: 20px;

	}
	
#main .box05 ul{
	
}

#main .box05 li{
	float: left;
}


/* --box06---------------------------------------------------------------------------- */
#main .box06{
	width:1000px;
	height:477px;
	padding-top: 40px;

	}
	
#main .box06 ul{
	
}

#main .box06 li{
	float: left;
}


/* --box07---------------------------------------------------------------------------- */
#main .box07{
	width:1000px;
	height:477px;
	padding-top: 20px;

	}
	
#main .box07 ul{
	
}

#main .box07 li{
	float: left;
}

/* --box08---------------------------------------------------------------------------- */
#main .box08{
	width:1000px;
	height:477px;
	padding-top: 40px;

	}
	
#main .box08 ul{
	
}

#main .box08 li{
	float: left;
}

/* --box09---------------------------------------------------------------------------- */
#main .box09{
	width:1000px;
	height:477px;
	padding-top: 20px;

	}
	
#main .box09 ul{
	
}

#main .box09 li{
	float: left;
}


/* --box10---------------------------------------------------------------------------- */

#main .box10{
	width:1000px;
	height:370px;
	padding-top: 20px;
	

	}

#main .box10 .btn{
	width: 100%;
	height: 132px;
	background-color: #933737;

}


#main .box10 .btn li{
	float: left;
	margin-left: 10px;
	margin-top: 13px;
}


	

/* --footer---------------------------------------------------------------------------- */
		
#footer{
		background-color:#615144;
		width:100%;
		height:60px;
		}

#footer ul{
		width:900PX;
		height:60PX;
		margin:0 auto;
		}
		
#footer li {

		float:left;

	     }

#footer li a.f01 {
		background:url(images/footer01.jpg) no-repeat;
		width:180px;
		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:180px;
		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:180px;
		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:180px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f04:hover {
		background:url(images/footer04_a.jpg) no-repeat;
		 }
		 
#footer li a.f05 {
		background:url(images/footer05.jpg) no-repeat;
		width:180px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f05:hover {
		background:url(images/footer05_a.jpg) no-repeat;
		 }