@charset "utf-8";

/* CSS Document */

#menu {
	width: 800px;
	height: 129px;
	position: absolute;
	z-index: 1;
	top: 281px;
	left: 102px;

}

#top_but {

	width: 800px;

	height: 129px;

	float: left;

}/*外層框*/

#top_but ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}/*UL設定不要有列表項目符號，並且不要有間距*/

#top_but li {

	height: 129px;

	float: left;

}/*可橫向排列，直立式按鈕及不需要float標籤*/

#top_but li a {

	height: 129px;

	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:160px;

	background-image: url(menu_01.png);

	

}/*按鈕1第一章圖*/

#top_but li.top_but01 a:hover {

	background-image: url(menu_01_.png);

}/*按鈕1第二張圖*/

#top_but li.top_but02 a {

	width:160px;

	background-image: url(menu_02.png);

}/*按鈕2第一章圖*/

#top_but li.top_but02 a:hover {

	background-image: url(menu_02_.png);

}/*按鈕2第二張圖*/

#top_but li.top_but03 a {

	width:160px;

	background-image: url(menu_03.png);

}/*按鈕3第一章圖*/

#top_but li.top_but03 a:hover {

	background-image: url(menu_03_.png);

}/*按鈕3第二張圖*/

#top_but li.top_but04 a {

	width: 160px;

	background-image: url(menu_04.png);

}/*按鈕4第一章圖*/

#top_but li.top_but04 a:hover {

	background-image: url(menu_04_.png);

}/*按鈕4第二張圖*/

#top_but li.top_but05 a {

	width:160px;

	background-image: url(menu_05.png);

}/*按鈕4第一章圖*/

#top_but li.top_but05 a:hover {

	background-image: url(menu_05_.png);

}/*按鈕4第二張圖*/