@charset "big5";

/***
 * 定義主選單的 CSS
 ***/
#MenuBox {
   width: 800px;
   margin: 0px;
   padding: 0px;
   border: 0px solid #00f;
}

#pmenu,
#pmenu ul
{
   list-style: none;
   list-style-type: none;
   padding: 0;
   margin:0;
}
#pmenu
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   position: relative;
   z-index: 999;
}
#pmenu ul
{
   border-top: #636563 1px solid;
}
#pmenu li
{
   float: left;
   position: relative;
   white-space: nowrap;
   list-style: none;
   margin: 0px;
   padding: 0px
}
#pmenu li li
{
   white-space: nowrap;
      float: none;
   width: 100%;
   }
#pmenu a,
#pmenu a:visited
{
   text-align: left;
   display: block;
   width: auto;
   font-size: 9pt;
   color: black;
   white-space: nowrap;
   text-decoration: none;
   background: #FFFFFF;
   border-right: #636563 1px solid;
   border-bottom: #636563 1px solid;
   border-left: #636563 1px solid;
   padding: 5px;
}
#pmenu a:focus
{
   outline: none;
}
#pmenu li:hover > a
{
   background: #3F44A8;
   color: white;
}
#pmenu li ul
{
   display: none;
   list-style-position: outside;
}
#pmenu li:hover > ul
{
   display: block;
   position: absolute;
   top: 0px;
   margin-left: 0px;
}
#pmenu li ul,
#pmenu li:hover ul ul,
#pmenu li:hover ul ul ul,
#pmenu li:hover ul ul ul ul,
#pmenu li:hover ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul,
#pmenu li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul
{
   z-index: 999;
   position: absolute;
   display: none
}
#pmenu li:hover ul
{
   display: block
}
#pmenu li li:hover ul,
#pmenu li li li:hover ul,
#pmenu li li li li:hover ul,
#pmenu li li li li li:hover ul,
#pmenu li li li li li li:hover ul,
#pmenu li li li li li li li:hover ul,
#pmenu li li li li li li li li:hover ul,
#pmenu li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li li li li li li li:hover ul,
#pmenu li li li li li li li li li li li li li li li li li li li li li:hover ul
{
   display: block;
      margin-left: 100%;
   }
#pmenu > li:hover > ul
{
   left: 0;
   top: 30px;
}
#pmenu li
{
   top: -1px;
}


#pmenu li a.arrow {
   background-image: url(../images/arrow-right.gif);
   padding-right: 14px;
}

#pmenu > li > a.arrow {
   padding-right: 14px;
}

#pmenu li a.arrow ,
#pmenu > li > a.arrow {
 background-repeat: no-repeat;
 background-position: right 50%
}


/***
 * 產品主選單
 ***/
#pmenu a#products_but
{
   background-image: url(../languages/english/images/index_but_products.jpg);
   width: 111px;
   height: 30px;
   background-color: #FFF;
   margin: 0px;
   padding: 0px;
   border: black 0px solid;
}

#pmenu a#products_but:hover {
   background-image: url(../languages/english/images/index_butrel_products.jpg);
   width: 111px;
   height: 30px;
}


/***
 * 產品應用主選單
 ***/
#pmenu a#applications_but {
   background-image: url(../languages/english/images/index_but_applications.jpg);
   width: 112px;
   height: 30px;
   background-color: #FFF;
   margin: 0px;
   padding: 0px;
   border: black 0px solid;
}

#pmenu a#applications_but:hover {
   background-image: url(../languages/english/images/index_butrel_applications.jpg);
   width: 112px;
   height: 30px;
}

/***
 * 電子型錄主選單
 ***/
#pmenu a#catalogue_but {
   background-image: url(../languages/english/images/index_but_catalogue.jpg);
   width: 112px;
   height: 30px;
   background-color: #FFF;
   margin: 0px;
   padding: 0px;
   border: black 0px solid;
}

#pmenu a#catalogue_but:hover {
   background-image: url(../languages/english/images/index_butrel_catalogue.jpg);
   width: 112px;
   height: 30px;
}

/***
 * 公司介紹主選單
 ***/
#pmenu a#about_but {
   background-image: url(../languages/english/images/index_but_about.jpg);
   width: 112px;
   height: 30px;
   background-color: #FFF;
   margin: 0px;
   padding: 0px;
   border: black 0px solid;
}

#pmenu a#about_but:hover {
   background-image: url(../languages/english/images/index_butrel_about.jpg);
   width: 112px;
   height: 30px;
}

/***
 * 最新消息主選單
 ***/
#pmenu a#news_but {
   background-image: url(../languages/english/images/index_but_news.jpg);
   width: 112px;
   height: 30px;
   background-color: #FFF;
   margin: 0px;
   padding: 0px;
   border: black 0px solid;
}

#pmenu a#news_but:hover {
   background-image: url(../languages/english/images/index_butrel_news.jpg);
   width: 112px;
   height: 30px;
}

/***
 * 投資關係主選單
 ***/
#pmenu a#ir_but {
   background-image: url(../languages/english/images/index_but_ir.jpg);
   width: 131px;
   height: 30px;
   background-color: #FFF;
   margin: 0px;
   padding: 0px;
   border: black 0px solid;
}

#pmenu li a#ir_but:hover {
   background-image: url(../languages/english/images/index_butrel_ir.jpg);
   width: 131px;
   height: 30px;
}

/***
 * 聯絡我們主選單
 ***/
#pmenu a#contact_but {
   background-image: url(../languages/english/images/index_but_contact.jpg);
   width: 112px;
   height: 30px;
   background-color: #FFF;
   margin: 0px;
   padding: 0px;
   border: black 0px solid;
}

#pmenu a#contact_but:hover {
   background-image: url(../languages/english/images/index_butrel_contact.jpg);
   width: 112px;
   height: 30px;
}