@charset "utf-8";
/* CSS Document */

div#topMenu {
	background: url(../images/web_share/top_menu.png) left top no-repeat;
	_background: url(../images/web_share/top_menu.png) left top no-repeat;
	width: 610px;
	height: 31px;
}

div#topMenu ul.tabmenu a {
	font-size:12px;
	text-decoration: none;
	color:#FFFFFF;
}/*--選單上的字體設定--*/

div#topMenu ul.tabmenu, ul.tabmenu li { padding: 0; margin: 0;}
div#topMenu ul.tabmenu {
	list-style-type: none;
}/*--項目表排列單前面小黑點(除去小黑點)--*/

div#topMenu ul.tabmenu li{
	float: left;
	display: block;
	width: 143px;
	height: 31px;
	position: relative;	
	*position: auto;
}/*--中間共用樣是點選前樣式--*/

div#topMenu ul.tabmenu li a{
	display: block;
	font-size: 0px;
	text-indent: -5000px;
	height: 31px;
}
div#topMenu ul.tabmenu li a:hover{
	background: url(../images/web_share/top_menu20230829.png) no-repeat;
	_background: url(../images/web_share/top_menu20230829.png) no-repeat;
}

/*
div#topMenu ul.tabmenu li:nth-child(2) a:hover{ left: -12px; width:136px; background-position: -88px -62px;}
div#topMenu ul.tabmenu li:nth-child(3) a:hover{ left: -12px; width:268px; background-position: -201px -93px;}
div#topMenu ul.tabmenu li:nth-child(4) a:hover{ left: -12px; width:118px; background-position: -447px -124px;}
*/

div#topMenu ul.tabmenu li.str{
	width: 88px;
	background:url(../images/web_share/top_menu20230829.png) left top no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) left top no-repeat;}/*--最前面的背景樣式--*/
	
div#topMenu ul.tabmenu li.two{
	width: 91px;
	background:url(../images/web_share/top_menu20230829.png) -88px top no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -88px top no-repeat;}

div#topMenu ul.tabmenu li.three{
	width: 244px;
	background:url(../images/web_share/top_menu20230829.png) -179px top no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -179px top no-repeat;}

div#topMenu ul.tabmenu li.four{
	width: 96px;
	background:url(../images/web_share/top_menu20230829.png) -423px top no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -423px top no-repeat;}
	
div#topMenu ul.tabmenu li.end{
	width: 91px;
	background:url(../images/web_share/top_menu20230829.png) -519px top no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -519px top no-repeat;}/*--最後面的背景樣式--*/
	 

/*
ul.tabmenu a.onstr{
	position:absolute;
	display:block;
	width:153px;
	height:34px;
	line-height:34px;
	background:url(../images/web_share/top_menu20230829.png) left -34px no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) left -34px no-repeat;
	bottom:0;
	z-index:1000;
	color:#333;
}--第一顆按鈕按下改變後的樣式(此部分並沒有寫入js,因此並沒有效果出現)--*/
/* 
div#topMenu ul.tabmenu a.on{
	position: absolute;
	bottom: 0;
	z-index: 1000;
	display: block;
	width: 146px;
	height: 34px;
}中間共用樣是點選後改變樣式*/

div#topMenu ul.tabmenu a.on{
	background:url(../images/web_share/top_menu20230829.png) left no-repeat;
	position: absolute;
	display: block;
	width: 91px;
	height: 31px;
	bottom:0;
	z-index:1000;
}

div#topMenu ul.tabmenu li.two a.on{
	width: 136px;
	left:-22px;
	background:url(../images/web_share/top_menu20230829.png) -66px -62px no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -66px -62px no-repeat;}

div#topMenu ul.tabmenu li.three a.on{
	width: 268px;
	background:url(../images/web_share/top_menu20230829.png) -179px -93px no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -179px -93px no-repeat;}

div#topMenu ul.tabmenu li.four a.on{
	width: 118px;
	background:url(../images/web_share/top_menu20230829.png) -423px -124px no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -423px -124px no-repeat;}
	
div#topMenu ul.tabmenu li.str a.on{
	position: absolute;
	display: block;
	width: 88px;
	height: 31px;
	background:url(../images/web_share/top_menu20230829.png) left -31px no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) left -31px no-repeat;
	bottom:0;
	z-index:1000;
}/*--第一顆按鈕按下改變後的樣式--*/


div#topMenu ul.tabmenu li.end a.on{
	position: absolute;
	display: block;
	width: 91px;
	height: 31px;
	background:url(../images/web_share/top_menu20230829.png) -519px -155px no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -519px -155px no-repeat;
	bottom:0;
	z-index:1000;
}/*--最後一顆按鈕按下改變後的樣式--*/

/* 
ul.tabmenu a.onend{
	position: absolute;
	display: block;
	width: 137px;
	height: 34px;
	line-height: 34px;
	left: -12px;
	background:url(../images/web_share/top_menu20230829.png) -845px -272px no-repeat;
	_background:url(../images/web_share/top_menu20230829.png) -845px -272px no-repeat;
	bottom: 0;
	z-index: 1000;
}--最後一顆按鈕按下改變後的樣式--*/