@charset "utf-8";

/* CSS Document */



#menu {

	width: 1000px;

	height:60px;

	position: absolute;

	z-index: 1;

	top: 87px;

	right: 0px;

}

#top_but {

	width: 1000px;

	height:60px;

	float:left;

	background-image: url(menu_bg.jpg);

}/*外層框*/

#top_but ul {

	list-style-type:none;

	margin:0px;

	padding:0px;

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

#top_but li {

	float:left;

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

#top_but li a {

	height:60px;

	display:block;

	text-indent:-3000px;

	font-size:1px;

}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/

#top_but li.top_but01 a {width: 193px;

	background-image: url(menu_01.jpg);

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

#top_but li.top_but01 a:hover {

	background-image: none;

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

#top_but li.top_but02 a {width: 207px;

	background-image: url(menu_02.jpg);

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

#top_but li.top_but02 a:hover {

	background-image: none;

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

#top_but li.top_but03 a {width: 175px;

	background-image: url(menu_03.jpg);

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

#top_but li.top_but03 a:hover {

	background-image: none;

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

#top_but li.top_but04 a {width: 209px;

	background-image: url(menu_04.jpg);

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

#top_but li.top_but04 a:hover {

	background-image: none;

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

#top_but li.top_but05 a {width: 216px;

	background-image: url(menu_05.jpg);

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

#top_but li.top_but05 a:hover {

	background-image: none;

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



#top_but li.top_but06 a {

	background-image: url(menu_06.jpg);

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

#top_but li.top_but06 a:hover {

	background-image: none;

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



#top_but li.top_but07 a {

	background-image: url(menu_07.jpg);

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

#top_but li.top_but07 a:hover {

	background-image: none;

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