/*  選單外部控制 */

.menu	{
	width:920px;
	margin:0px 0px 0px 9px;
	#margin:0px 0px 18px 9px;
	float:left;
	}

/*  滑移式選單設計Start */

.slidemenu {
	position: relative;
	height: 30px;
	width: 880px;
	background: url("../images/menu/bg.gif") no-repeat left top;
	padding: 5px 15px 5px 12px;
	margin: 8px 0px;
	overflow: hidden;
	float:left;
	}
	
.slidemenu li {
	float: left;
	list-style: none;
	}
	
.slidemenu li.back_menu {
	background: url("../images/menu/lava.gif") no-repeat right -30px;
	width: 9px; height: 30px;
    z-index: 8;
    position: absolute;
	}

.slidemenu li.back_menu .left_menu {
	background: url("../images/menu/lava.gif") no-repeat top left;
	height: 30px;
    margin-right: 9px;
	}
	
.slidemenu li a {
	font-family: 微軟正黑體;
	font-size:　15px;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 3px;
	text-transform: uppercase;
	letter-spacing: 1px;	/*  縮放滑移選單字元間距，如果選單很少時，建議把此值調高，避免選單區過空 */
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	padding:0px 15px;
	margin: auto 0px;    
	}

.slidemenu li a:hover, .slidemenu li a:active, .slidemenu li a:visited {
	color: #fff;
	border: none;
	}
	
/*  滑移式選單設計End */



/*  傳統式選單設計Start */

/*  主選單樣式 */

.menu_item a
{
	width: 145px;
	height: 40px;
	margin:8px 0px 18px 0px;
	text-indent:-9999px;
	float: left;
	border-right:3px dotted #454545;
}


/*  子選單樣式 */

.menu_sub_box {
	float: left;
	width:190px;
	padding:20px 0px 2px 5px;
	margin-top:8px;
	background: url(../images/menu/menu_sub_bg.png) no-repeat top left;
}

.menu_sub a	{
	width:180px;
	/* background: url(../images/menu/menu_sub.gif) no-repeat top left; */
	padding:0px 10px 5px 10px;
	float: left;
	white-space:nowrap;
}
.menu_sub a:link {text-decoration: none; color: #787878;}
.menu_sub a:visited {text-decoration: none; color: #787878;}
.menu_sub a:hover {text-decoration: none; color: #333; 
	/* background: url(../images/menu/menu_sub.gif) no-repeat bottom left; */
	}
.menu_sub a:active {text-decoration: none;}


/* 主選單圖檔設定(以下不用動，只須依照編號做出menu選單圖，除非你的主選單超過30個) */

.menu_item a#menu_01 {
	background: url(../images/menu/menu_01.gif) top left;
}
.menu_item a#menu_01:hover {
	background: url(../images/menu/menu_01.gif) bottom left;
}
.menu_item a#menu_02 {
	background: url(../images/menu/menu_02.gif) top left;
}
.menu_item a#menu_02:hover {
	background: url(../images/menu/menu_02.gif) bottom left;
}
.menu_item a#menu_03 {
	background: url(../images/menu/menu_03.gif) top left;
}
.menu_item a#menu_03:hover {
	background: url(../images/menu/menu_03.gif) bottom left;
}
.menu_item a#menu_04 {
	background: url(../images/menu/menu_04.gif) top left;
}
.menu_item a#menu_04:hover {
	background: url(../images/menu/menu_04.gif) bottom left;
}
.menu_item a#menu_05 {
	background: url(../images/menu/menu_05.gif) top left;
}
.menu_item a#menu_05:hover {
	background: url(../images/menu/menu_05.gif) bottom left;
}
.menu_item a#menu_06 {
	background: url(../images/menu/menu_06.gif) top left;
}
.menu_item a#menu_06:hover {
	background: url(../images/menu/menu_06.gif) bottom left;
}
.menu_item a#menu_07 {
	background: url(../images/menu/menu_07.gif) top left;
}
.menu_item a#menu_07:hover {
	background: url(../images/menu/menu_07.gif) bottom left;
}
.menu_item a#menu_08 {
	background: url(../images/menu/menu_08.gif) top left;
}
.menu_item a#menu_08:hover {
	background: url(../images/menu/menu_08.gif) bottom left;
}
.menu_item a#menu_09 {
	background: url(../images/menu/menu_09.gif) top left;
}
.menu_item a#menu_09:hover {
	background: url(../images/menu/menu_09.gif) bottom left;
}
.menu_item a#menu_10 {
	background: url(../images/menu/menu_10.gif) top left;
}
.menu_item a#menu_10:hover {
	background: url(../images/menu/menu_10.gif) bottom left;
}
.menu_item a#menu_11 {
	background: url(../images/menu/menu_11.gif) top left;
}
.menu_item a#menu_11:hover {
	background: url(../images/menu/menu_11.gif) bottom left;
}
.menu_item a#menu_12 {
	background: url(../images/menu/menu_12.gif) top left;
}
.menu_item a#menu_12:hover {
	background: url(../images/menu/menu_12.gif) bottom left;
}
.menu_item a#menu_13 {
	background: url(../images/menu/menu_13.gif) top left;
}
.menu_item a#menu_13:hover {
	background: url(../images/menu/menu_13.gif) bottom left;
}
.menu_item a#menu_14 {
	background: url(../images/menu/menu_14.gif) top left;
}
.menu_item a#menu_14:hover {
	background: url(../images/menu/menu_14.gif) bottom left;
}
.menu_item a#menu_15 {
	background: url(../images/menu/menu_15.gif) top left;
}
.menu_item a#menu_15:hover {
	background: url(../images/menu/menu_15.gif) bottom left;
}
.menu_item a#menu_16 {
	background: url(../images/menu/menu_16.gif) top left;
}
.menu_item a#menu_16:hover {
	background: url(../images/menu/menu_16.gif) bottom left;
}
.menu_item a#menu_17 {
	background: url(../images/menu/menu_17.gif) top left;
}
.menu_item a#menu_17:hover {
	background: url(../images/menu/menu_17.gif) bottom left;
}
.menu_item a#menu_18 {
	background: url(../images/menu/menu_18.gif) top left;
}
.menu_item a#menu_18:hover {
	background: url(../images/menu/menu_18.gif) bottom left;
}
.menu_item a#menu_19 {
	background: url(../images/menu/menu_19.gif) top left;
}
.menu_item a#menu_19:hover {
	background: url(../images/menu/menu_19.gif) bottom left;
}
.menu_item a#menu_20 {
	background: url(../images/menu/menu_20.gif) top left;
}
.menu_item a#menu_20:hover {
	background: url(../images/menu/menu_20.gif) bottom left;
}
.menu_item a#menu_21 {
	background: url(../images/menu/menu_21.gif) top left;
}
.menu_item a#menu_21:hover {
	background: url(../images/menu/menu_21.gif) bottom left;
}
.menu_item a#menu_22 {
	background: url(../images/menu/menu_22.gif) top left;
}
.menu_item a#menu_22:hover {
	background: url(../images/menu/menu_22.gif) bottom left;
}
.menu_item a#menu_23 {
	background: url(../images/menu/menu_23.gif) top left;
}
.menu_item a#menu_23:hover {
	background: url(../images/menu/menu_23.gif) bottom left;
}
.menu_item a#menu_24 {
	background: url(../images/menu/menu_24.gif) top left;
}
.menu_item a#menu_24:hover {
	background: url(../images/menu/menu_24.gif) bottom left;
}
.menu_item a#menu_25 {
	background: url(../images/menu/menu_25.gif) top left;
}
.menu_item a#menu_25:hover {
	background: url(../images/menu/menu_25.gif) bottom left;
}
.menu_item a#menu_26 {
	background: url(../images/menu/menu_26.gif) top left;
}
.menu_item a#menu_26:hover {
	background: url(../images/menu/menu_26.gif) bottom left;
}
.menu_item a#menu_27 {
	background: url(../images/menu/menu_27.gif) top left;
}
.menu_item a#menu_27:hover {
	background: url(../images/menu/menu_27.gif) bottom left;
}
.menu_item a#menu_28 {
	background: url(../images/menu/menu_28.gif) top left;
}
.menu_item a#menu_28:hover {
	background: url(../images/menu/menu_28.gif) bottom left;
}
.menu_item a#menu_29 {
	background: url(../images/menu/menu_29.gif) top left;
}
.menu_item a#menu_29:hover {
	background: url(../images/menu/menu_29.gif) bottom left;
}
.menu_item a#menu_30 {
	background: url(../images/menu/menu_30.gif) top left;
}
.menu_item a#menu_30:hover {
	background: url(../images/menu/menu_30.gif) bottom left;
}

/*  傳統式選單設計End */