@charset "UTF-8";
/* CSS Document */
@import url("maco.css");






/* === ================= 上方圖片區about ================= === */

#HEADER {
	width:1000px;
	margin:0 auto;
	height:80px;
	overflow:hidden;
	position: relative;
	background-color:#FFFFFF;
}


/* === ================= 上方圖片區 ================= === */

#abgne_fade_pic a img {
	border: none;
}
#abgne_fade_pic {
	position: relative;
	width: 1000px;
	height: 450px;
}
#abgne_fade_pic a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
}
#abgne_fade_pic .control {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#abgne_fade_pic .control a {
	display: inline-block;
	padding: 3px;
	margin: 0 3px;
	width: 10px;
	border-radius: 10px;
	line-height: 10px;
	height: 10px;
	font-size: 8px;
	color: rgba(180,180,180,0.8);
	background: rgba(20,20,20,0.8);
	text-align: center;
}
#abgne_fade_pic .control a.on {
	color: rgba(220,220,220,0.8);
	background: rgba(0,93,130,1);

}


#JQ_BEN {
	width:1000px;
	margin:0 auto;
	position: relative;
	height:450px;
	background-color: #333333 ;
	overflow:hidden;
}


#JQ_BEN #JQshow {
	width:1000px;
	height:450px;
	background-image:url(images/benner_bkgroun.png);
}

#JQ_BEN #JQshow ul{
	list-style: none;
	margin:0;
	padding:o;
	position: absolute;
	width:7000px;
}
#JQ_BEN #JQshow img{
	float:left;
}

#NUMBER {
	position:absolute;
	left:450px;
	top:435px;
}
#NUMBER ul {
	list-style: none;
}
#NUMBER li {
	cursor: pointer;
	margin:0 10px 0 10px;
	float: left;
	display: block;
	width: 5px;
	height: 5px;
	text-indent:-9999px;
	border-radius:8px;
	text-align: center;
	border: 1px solid  #CCCCCC;
	margin-right: 5px;
	background-color:#FFF;
}
#NUMBER li.CC {
	background-color:#FF0000;
}


#JQ_BEN  #MENU-left{
	position:absolute;
	left:5px;
	bottom:220px;
	z-index:100;
}

#JQ_BEN  #MENU-right{
	position:absolute;
	right:5px;
	bottom:220px;
	z-index:100;
}