@charset "utf-8";
/* CSS Document */
#menu {
	width: 1000px;
	height: 104px;
	position: absolute;
	z-index: 9;
	top: 540px;
	left: 0px;
}
#top_but {
	width: 1000px;
	height: 104px;
	float: left;
}/*外層框*/
#top_but ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}/*UL設定不要有列表項目符號，並且不要有間距*/
#top_but li {
	height: 104px;
	float: left;
}/*可橫向排列，直立式按鈕及不需要float標籤*/
#top_but li a {
	height: 100px;
	display: block;
	-webkit-transition: background-image 500ms linear;
	-moz-transition: background-image 500ms linear;
	-o-transition: background-image 500ms linear;
	transition: background-image 500ms linear;
}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#top_but li.top_but01 >a {
	width: 100px;
	background-image: url(menu_01.jpg);
	
}/*按鈕1第一章圖*/
#top_but li.top_but01 >a:hover {
	background-image: url(menu_01_.jpg);
}/*按鈕1第二張圖*/
#top_but li.top_but02 >a {
	width:100px;
	background-image: url(menu_02.jpg);
}/*按鈕2第一章圖*/
#top_but li.top_but02 >a:hover {
	background-image: url(menu_02_.jpg);
}/*按鈕2第二張圖*/
#top_but li.top_but03 >a {
	width:100px;
	background-image: url(menu_03.jpg);
}/*按鈕3第一章圖*/
#top_but li.top_but03 >a:hover {
	background-image: url(menu_03_.jpg);
}/*按鈕3第二張圖*/
#top_but li.top_but04 >a {
	width: 100px;
	background-image: url(menu_04.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but04 >a:hover {
	background-image: url(menu_04_.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but05 >a {
	width:100px;
	background-image: url(menu_05.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but05 >a:hover {
	background-image: url(menu_05_.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but06 >a {
	width: 100px;
	background-image: url(menu_06.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but06 >a:hover {
	background-image: url(menu_06_.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but07 >a {
	width: 100px;
	background-image: url(menu_07.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but07 >a:hover {
	background-image: url(menu_07_.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but08 >a {
	width: 100px;
	background-image: url(menu_08.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but08 >a:hover {
	background-image: url(menu_08_.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but09 >a {
	width: 100px;
	background-image: url(menu_09.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but09 >a:hover {
	background-image: url(menu_09_.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but10 >a {
	width: 100px;
	background-image: url(menu_10.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but10 >a:hover {
	background-image: url(menu_10_.jpg);
}/*按鈕4第二張圖*/

/**********************************************************/
/**********************************************************/
#menu .menu_sub {
	width: 100px;
	height: auto;
	position: absolute;
	z-index: 9;
	border-top: 3px #E2AC7E solid;
	background-color: #0DAC67;
	display:none;
}
#top_but >ul>li:hover .menu_sub{
	display:block;
}
/*
#menu .sub_about {
	top: 108px;
	right: 902px;
}
#menu .sub_localhost {
	top: 108px;
	right: 800px;
}
#menu .sub_contribute {
	top: 108px;
	right: 400px;
}
#menu .sub_download {
	top: 108px;
	right: 300px;
}
#menu .sub_contact {
	top: 108px;
	right: 100px;
}
*/
/***********************************/
#menu .menu_sub ul{
	margin:0px;
	padding:0px;
	}
#menu .menu_sub li{
	width: 95%;
	height:40px;
	text-align:center;
	font-size:13px;
	padding-top:5px;
	list-style-type:none;
	padding-left:3px;
	padding-right:2px;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;*/
}

/***********************************************/
#menu .menu_sub li:hover{
	background-color: #F60;
	
	}
#menu .menu_sub li:hover a{
	color:#fff;
	text-decoration: none;
	
	}
#menu .menu_sub a{
	color:#fff;
	text-decoration: none;

}
/***********************************************/