@charset "utf-8";

/* CSS Document */



#menu {
	width:600px;
	height:98px;
	position: absolute;
	z-index: 1;
	left: 400px;
	top:0px;
}

#top_but {
	width:600px;
	height:98px;
	float:left;
	background-image: url(../templants/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:98px;
	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: 109px;

	background-image: url(../templants/menu_01.jpg);

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

#top_but li.top_but01 a:hover {

	background-image: none;

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

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

	background-image: url(../templants/menu_02.jpg);

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

#top_but li.top_but02 a:hover {

	background-image: none;

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

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

	background-image: url(../templants/menu_03.jpg);

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

#top_but li.top_but03 a:hover {

	background-image: none;

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

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

	background-image: url(../templants/menu_04.jpg);

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

#top_but li.top_but04 a:hover {

	background-image: none;

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

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

	background-image: url(../templants/menu_05.jpg);

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

#top_but li.top_but05 a:hover {

	background-image: none;

}/*按鈕4第二張圖*/
#top_but li.top_but06 a {width: 109px;

	background-image: url(../templants/menu_06.jpg);

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

#top_but li.top_but06 a:hover {

	background-image: none;

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