@charset "utf-8";
/*------------ 頁首------------------*/
body{
	position:absolute;
	background-color:#000;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font: 12px/24px Arial, Helvetica, sans-serif, "新細明體";
	color: #FFF;
	letter-spacing: 1px;
}
body div{
	position:relative;
	background-color: #000000;
}
#container{
	width:100%;
	height:100%;
}
a img{
	border:0px none;
}

/*------------ header------------------*/
.header{
	clear:both;
	width:100%;
	height:23px;
	background:url(../img/ind/header.gif) no-repeat center 0;
}

.header .inner{
	position:relative;
	width:1000px;
	height:23px;
	margin:0 auto;
}

/*------------ header logo------------------*/
.header .inner .logo{
	position: absolute;
	background:url(../img/ind/logoa.jpg) no-repeat center 0;
	width: 1000px;
	height: 90px;
	top: 23px;
}

.header .inner .nav{
	width: 1000px;
	height: 23px;
	background:url(../img/ind/header.gif) no-repeat 0 0;
}

.nav ul.menuItems{
	margin:0;
	padding:0 0 0 717px;
}
.nav ul.menuItems li{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
.nav ul.menuItems li a{
	display:block;
	border:0;
	width: auto;
	height:23px;
}
.nav ul.menuItems li.item1{
	width:61px;
}
.nav ul.menuItems li.item2{
	width:67px;
}
.nav ul.menuItems li.item3{
	width:67px;
}
.nav ul.menuItems li.item4{
	width:67px;
}
.nav ul.menuItems li a:hover{
	background-image:url(../img/header.gif);
}
.nav ul.menuItems li.item1 a:hover{
	background-position:-718px -23px;
}
.nav ul.menuItems li.item2 a:hover{
	background-position:-778px -23px;
}
.nav ul.menuItems li.item3 a:hover{
	background-position:-847px -23px;
}
.nav ul.menuItems li.item4 a:hover{
	background-position:-915px -23px;
}

/* middle */
.middle{
	clear:both;
	width:100%;
	height:auto;
	overflow:hidden
}

.middle .inner{
	width:1000px;
	margin:0 auto;
	clear:both;
}

/*------------ 頁尾------------------*/
.footer{
	clear:both;
	width:100%;
	height:52px;
	background:url(../img/ind/footer.jpg) no-repeat center 0;
}