#trans-nav { list-style-type: none; padding: 0; margin: 0; width: 610px;    }
    #trans-nav li { float: left; position: relative; padding-right: 20px; }
    #trans-nav li a { display: block; padding: 0 20px;  text-decoration: none; }
    #trans-nav li ul { opacity: 0; position: absolute; left: 0; list-style-type: none; padding: 0; margin: 5px 0px 0px -3px; background: url(../../images/icon/bg_menu.png);   background-repeat: repeat; width: 125px; }
    #trans-nav li:hover ul { opacity: 1; }
    #trans-nav li ul li { float: none; position: static; height: 0; font-size: x-small;  border-bottom: solid #D9E0E8; border-bottom-width: 1px;  padding-top: 10px; width: 100px; margin-left: -0px; }
    #trans-nav li:hover ul li { height: 30px; }
    #trans-nav li ul li a { background-color: transparent; height: 30px; width: 85px; margin-left: 0px;   }
    #trans-nav li ul li a:hover { background-color: transparent;  background: #ADFF2F; height: 30px; width: 85px; margin-left: 0px; }
    #trans-nav li { -webkit-transition: all 0.2s; }
    #trans-nav li a { -webkit-transition: all 0.5s; }
    #trans-nav li ul { -webkit-transition: all 1s; }
    #trans-nav li ul li { -webkit-transition: height 0.5s; }