@charset"BIG5";

/* ---------------------------------------------------------
      整體結構 
---------------------------------------------------------- */
/* 上方導覽框 */
#en_topnav{
	width:951px;
	height:34px;
	margin: 4px auto 0px auto;
	position: relative;
	background-image: url(../images/en_topnav_bt.gif);
	background-repeat: no-repeat;
	border:1px solid #FFF;
}

/* ---------------------------------------------------------
      上方導覽框 動態按鈕 
---------------------------------------------------------- */
#en_topnav li{
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}
#en_topnav li, #en_topnav a {
   height: 34px;
   display: block;
}
/* Modified Phark Image Replacement Technique */
#en_topnav a {
 text-indent: -5000px;
 text-decoration: none;
}
#en_topnav_intro {left: 0px; width: 190px;}
#en_topnav_news {left: 190px; width: 190px;}
#en_topnav_prod {left: 380px; width: 192px;}
#en_topnav_gallery {left: 572px; width: 193px;}
#en_topnav_contact {left: 765px; width: 186px;}

/* -- 上方導覽列OVER變換設定 -- */
#en_topnav_intro a:hover, #en_topnav_intro a:visited:hover { background: transparent url(../images/en_topnav_bt.gif) 0px -34px no-repeat; }
#en_topnav_news a:hover, #en_topnav_news a:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -190px -34px no-repeat; }
#en_topnav_prod a:hover, #en_topnav_prod a:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -380px -34px no-repeat; }
#en_topnav_gallery a:hover, #en_topnav_gallery a:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -572px -34px no-repeat; }
#en_topnav_contact a:hover, #en_topnav_contact a:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -765px -34px no-repeat; }

/* -- 上方導覽列select設定 -- */
#en_topnav_intro a.selected:link, #en_topnav_intro a.selected:visited { background: transparent url(../images/en_topnav_bt.gif) 0px -68px no-repeat;}
#en_topnav_intro a.selected:link:hover, #en_topnav_intro a.selected:visited:hover { background: transparent url(../images/en_topnav_bt.gif) 0px -68px no-repeat;}

#en_topnav_news a.selected:link, #en_topnav_news a.selected:visited { background: transparent url(../images/en_topnav_bt.gif) -190px -68px no-repeat;}
#en_topnav_news a.selected:link:hover, #en_topnav_news a.selected:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -190px -68px no-repeat;}

#en_topnav_prod a.selected:link, #en_topnav_prod a.selected:visited { background: transparent url(../images/en_topnav_bt.gif) -380px -34px no-repeat;}
#en_topnav_prod a.selected:link:hover, #en_topnav_prod a.selected:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -380px -68px no-repeat;}

#en_topnav_gallery a.selected:link, #en_topnav_gallery a.selected:visited { background: transparent url(../images/en_topnav_bt.gif) -572px -34px no-repeat;}
#en_topnav_gallery a.selected:link:hover, #en_topnav_gallery a.selected:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -572px -68px no-repeat;}

#en_topnav_contact a.selected:link, #en_topnav_contact a.selected:visited { background: transparent url(../images/en_topnav_bt.gif) -765px -34px no-repeat;}
#en_topnav_contact a.selected:link:hover, #en_topnav_contact a.selected:visited:hover { background: transparent url(../images/en_topnav_bt.gif) -765px -68px no-repeat;}

/* ---------------------------------------------------------
      中央內容欄 
---------------------------------------------------------- */
#en_prodnavbar{
	width:702px;
	height:40px;
	margin: 0px auto 0px auto;
    position: relative;
	background-image: url(../images/en_prodnav_bt.gif);
	background-repeat: no-repeat;
}
#en_prodnavbar li{
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   /*top: 0;*/
   bottom: 0;
}
#en_prodnavbar li, #en_prodnavbar a {
   height: 160px;
   display: block;
}
/* Modified Phark Image Replacement Technique */
#en_prodnavbar a {
 text-indent: -5000px;
 text-decoration: none;
}
#en_prodnav_slippers {left: 0px; width: 234px;}
#en_prodnav_housewares {left: 234px; width: 234px;}
#en_prodnav_others {left: 468px; width: 234px;}

/* -- 產品導覽列OVER變換設定 -- */
#en_prodnav_slippers a:hover, #en_prodnav_slippers a:visited:hover { background: transparent url(../images/en_prodnav_bt.gif) 0px -40px no-repeat; }
#en_prodnav_housewares a:hover, #en_prodnav_housewares a:visited:hover { background: transparent url(../images/en_prodnav_bt.gif) -234px -40px no-repeat; }
#en_prodnav_others a:hover, #en_prodnav_others a:visited:hover { background: transparent url(../images/en_prodnav_bt.gif) -468px -40px no-repeat; }