.ControlTitleText
{
    font-size: 14px;
    font-weight: bold;
}

#htmlmenu {padding:0; margin:0; list-style:none; height:50px; position:relative; left:0px; top:0px; z-index:500; font-family:arial, verdana, sans-serif;}
#htmlmenu li {float:left; margin-right:1px;}
#htmlmenu li a {display:block; float:left; height:50px; line-height:40px; color:#fff; text-decoration:none; font-size:15px; font-weight:bold; padding:0 15px 0 15px;}
#htmlmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#htmlmenu li a:hover {z-index:200; position:relative;color:#fff836; background:transparent;}
#htmlmenu li:hover {position:relative; z-index:200;}
#htmlmenu li:hover > a {color:#fff836; background:transparent;}
#htmlmenu li:hover > a.sub {color:#fff836; background-color:transparent;}
#htmlmenu li.current a {color:#fff836; background:#400b00;}
#htmlmenu li a.sub {background: #333}
#htmlmenu li.current a.sub {color:#5f8a04; background:#400b00}
#htmlmenu :hover ul {left:0; top:40px; width:80px; background:#441000;}
/* keep the 'next' level invisible by placing it off screen. */
#htmlmenu ul, 
#htmlmenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#htmlmenu :hover ul :hover ul
{left:180px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}
#htmlmenu :hover ul li {margin:0; border:1px solid #a0b8b8; border-collapse:collapse; margin-bottom:-1px;}
#htmlmenu :hover ul li a {width:180px; padding:0; text-indent:10px; background:#cdf0f6; color:#222; height:30px; line-height:30px;}
#htmlmenu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}
#htmlmenu :hover ul :hover {background-color:#3e3e3e; color:#fff;}
#htmlmenu :hover ul :hover a.fly {background-color:#3e3e3e; color:#fff;}
#htmlmenu :hover ul li.currentsub a {background:#400b00; color:#fff;}
#htmlmenu :hover ul li.currentsub a.fly {background:#400b00 url(right-arrow.gif) no-repeat right center; color:#fff;}
#htmlmenu :hover ul :hover ul li a {width:235px; padding:0; text-indent:10px; background:#bbdede; color:#222;}
#htmlmenu :hover ul :hover ul :hover {background-color:#222; color:#fff;}
#htmlmenu :hover ul :hover ul li.currentfly a,
#htmlmenu :hover ul :hover ul li.currentfly a:hover {background:#400b00; color:#fff;}
#htmlmenu ul li:hover ul li ul {
        /* 顯示第二層時，隱藏第三層，避免同時彈出 */
        visibility: hidden;
    }

#htmlmenu ul li ul li:hover ul {
        /* 觸動第二層時，顯示第三層 */
        visibility: visible;
    }