/*
IE6 PNH 背景問題
主要修正兩個地方

1. #menu ol li 加上 position:absolute;, 並且按實際位置調整 margin-left
2. 配合程式, 當滑開後, 會修正成 expand 樣式, 把 position:absolute; 改為 position:static; 經測試 position:relative; 還不行
*/
#menu
	{
	width:947px;
	clear:both;
	}

#menu span {display:block;}

#menu ol {margin:0px;padding:0px;height:36px;}
#menu ol li
	{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	/*把主功能設為 absolute*/
	position:absolute;
	}

#menu ol li img {opacity:0;filter:alpha(opacity=0);}
#menu ol li:hover img {opacity:1;filter:alpha(opacity=100);}

/*把主功能設為 absolute, 以免當滑動完成後, 改為 static 時位移*/
#menu ol li.m1 {background:url(/images/menu/img_menu_01_1.jpg) no-repeat;}
#menu ol li.m2 {background:url(/images/menu/img_menu_02_1.jpg) no-repeat;margin-left:83px;}
#menu ol li.m3 {background:url(/images/menu/img_menu_03_1.jpg) no-repeat;margin-left:219px;}
#menu ol li.m4 {background:url(/images/menu/img_menu_04_1.jpg) no-repeat;margin-left:323px;}
#menu ol li.m5 {background:url(/images/menu/img_menu_05_1.jpg) no-repeat;margin-left:427px;}
#menu ol li.m6 {background:url(/images/menu/img_menu_06_1.jpg) no-repeat;margin-left:531px;}
#menu ol li.m7 {background:url(/images/menu/img_menu_07_1.jpg) no-repeat;margin-left:635px;}
#menu ol li.m8 {background:url(/images/menu/img_menu_08_1.jpg) no-repeat;margin-left:739px;}
#menu ol li.m9 {background:url(/images/menu/img_menu_09_1.jpg) no-repeat;margin-left:843px;}


#menu ul.collapsed,#menu ul.expand
	{
	float:none;
	clear:both;
	margin:0px;
	width:218px;
	list-style:url(/images/menu/damnedIE6.gif);
	}

#menu ul.collapsed
{
	overflow: hidden;
	height:0px;
	width:230px;
	padding:0px 12px;
	margin:0px;
	position:absolute;
	background:url(/images/menu/submenu.png);
}

#menu ul.expand
{
	overflow: hidden;
	width:230px;
	padding:0px 12px;
	margin:0px;
	position:static;
	background:url(/images/menu/submenu.png);
	list-style:url(/images/menu/damnedIE6.gif);

}

#menu ul.collapsed li,
#menu ul.expand li
	{
	float:none;
	display:block;
	/*除 IE6外, 因為前面的修正, 會使這些 li 也變成 absolute 而導致重疊*/
	position:relative;
	list-style:url(/images/menu/damnedIE6.gif);
	}

#menu ol,#menu ul,#menu li
	{
	list-style:none;
	}

#menu ul.collapsed li img,
#menu ul.expand li img
	{
	opacity:1;
	filter:alpha(opacity=100);
	}

#menu ul.collapsed a,
#menu ul.collapsed a:link,
#menu ul.collapsed a:visited,
#menu ul.expand a,
#menu ul.expand a:link,
#menu ul.expand a:visited
	{
	color:#FFF;
	display:block;
	padding:0.5em 0;
	}

#menu ul.collapsed a:hover,
#menu ul.expand a:hover
	{
	color:#000;
	background:url(/images/menu/wbg.png);
	text-decoration:none;
	display:block;
	padding:0.5em 0;
	}