/*匯入選單*/
@import url("MenuItem.css");

/* CSS Document */

/*
做出下拉選單效果,下列css順序不可更動
*/

#mupic {
/*下拉選單定位效果會依瀏覽器不同而有不同的效果,所以要判斷瀏覽器類型及版本
  不管是什麼方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間(加*號)，IE6的寫在最後面(加底線)。
	IE7→*background:green;
	IE6→_background:blue; 
*/

  position:absolute; 
 *position:relative	 ;
 left:30px;
 z-index:99;
 }
#mupic ul{list-style-type: none;margin: 0px;padding: 0px; float:left;}

#mupic ul .item {display:none;}
#mupic ul:hover .item{display:block;}

/*
#mupic ul .item {visibility:hidden}
#mupic ul:hover .item{visibility:visible;display:block;}
*/


#mupic li {margin: 0px; padding:0px;}
#mupic li a {display: block;text-indent: -3000px;margin: 0px; padding:0px; background-position: 0 49px}

/* CSS Document */

/*
做出下拉選單效果,下列css順序不可更動
*/

#mupic {
/*下拉選單定位效果會依瀏覽器不同而有不同的效果,所以要判斷瀏覽器類型及版本
  不管是什麼方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間(加*號)，IE6的寫在最後面(加底線)。
	IE7→*background:green;
	IE6→_background:blue; 
*/

  position:absolute; 
 *position:relative	 ;
 left:30px;
 z-index:99;
 }
#mupic ul{list-style-type: none;margin: 0px;padding: 0px; float:left;}

#mupic ul .item {display:none;}
#mupic ul:hover .item{display:block;}

/*
#mupic ul .item {visibility:hidden}
#mupic ul:hover .item{visibility:visible;display:block;}
*/

#mupic li {margin: 0px; padding:0px;}
#mupic li a {width: 117px;height: 48px;display: block;text-indent: -3000px;margin: 0px; padding:0px;  }

/*一張圖檔就可以顯示切換圖片效果*/
#mupic li a:hover { background-position: 0px 0px;}


#mupic ul .item a{width: 118px;height: 27px; }
/*一張圖檔就可以顯示切換圖片效果*/
#mupic ul .item a:hover { background-position: 0 -29px; height:27px;}


/*上面css順序不可更動*/