@charset "utf-8";
/* CSS Document */
#menu {
	width:100%;
	height: 39px;
	background-image:url(../wrapper/menu_bg.jpg);
	background-position:center;
}
#top_but {
	width: 1000px;
	height: 39px;
	margin:auto;
	
}/*外層框*/
#top_but ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}/*UL設定不要有列表項目符號，並且不要有間距*/
#top_but li {
	height: 39px;
	float: left;
    position: relative;
}/*可橫向排列，直立式按鈕及不需要float標籤*/
#top_but li a {
	height: 39px;
	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: 145px;
	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:142px;
	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:141px;
	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: 142px;
	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:141px;
	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: 142px;
	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: 147px;
	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_but01{
    width: 145px;
}
#top_but li.top_but02{
    width: 142px;
}
#top_but li.top_but03{
    width: 141px;
}
#top_but li.top_but04{
    width: 142px;
}
#top_but li.top_but05{
    width: 141px;
}
#top_but li.top_but06{
    width: 142px;
}
#top_but ul li ul{
    position: relative;
    z-index: 100;
    display: none;
}
#top_but ul li ul li{
    position: relative;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background:#B4005B;
}
#top_but ul li ul li:hover{
    background: #98043E;
}
#top_but ul li ul li a{
    height: auto;
    padding: 8px 0;
    text-decoration: none;
    color: aliceblue;
}
#top_but ul li ul li ul{
      position: absolute;
      left: 100%;
      width: 100%;
      top: 0;
}