#menu {
 position: relative;
 float: left;
 /*width: 100%;*/
 padding: 0 20px;
 border-radius: 3px;
 /*box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);*/
 background: #ccc;
    /*top: -7px;*/
 }
#menu, #menu ul {
 list-style: none;
 }
#menu > li {
 float: left;
 position: relative;
 background: url(../images/megu_l_bg.png) no-repeat;
 
 /*border-right: 1px solid rgba(0,0,0,.1);
 box-shadow: 1px 0 0 rgba(255,255,255,.25);*/
 perspective: 1000px;
 padding-top: 5px;
}

#menu > li:first-child{
    background: none;
}

#lix {
 float: left;
 position: relative;
 
 
 /*border-right: 1px solid rgba(0,0,0,.1);
 box-shadow: 1px 0 0 rgba(255,255,255,.25);*/
 perspective: 1000px;
 padding-top: 5px;
}
#menu > li:first-child {
 /*border-left: 1px solid rgba(255,255,255,.25);*/
 /*box-shadow: -1px 0 0 rgba(0,0,0,.1), 1px 0 0 rgba(255,255,255,.25);*/
 }
#menu a {
 display: block;
 position: relative;
 z-index: 10;
 padding: 5px 20px 9px 19px;
 text-decoration: none;
 color: #000;
 line-height: 1;
 font-weight: 600;
 letter-spacing: -.05em;
 background: transparent;
 text-shadow: 0 1px 1px rgba(255,255,255,.9);
 transition: all .25s ease-in-out;
}
#menu > li:hover > a {
 background: #333;
 color: #fff;
 text-shadow: none;
 }
#menu li ul {
 position: absolute;
 left: 0;
 z-index: 1;
 width: 230px;
 padding: 0;
 opacity: 0;
 visibility: hidden;
 border-radius: 7px;
 background: transparent;
 overflow: hidden;
 transform-origin: 50% 0%;
 margin-left: 0;
   
 }
#menu li:hover ul {
padding: 15px 0;
 background: #333;
 opacity: 1;
 visibility: visible;
 box-shadow: 1px 1px 7px rgba(0,0,0,.5);
 animation-name: swingdown;
 animation-duration: 1s;
 animation-timing-function: ease;
}
@keyframes swingdown {
 0% {
 opacity: .99999;
 transform: rotateX(90deg);
 }
30% {
 transform: rotateX(-20deg) rotateY(5deg);
 animation-timing-function: ease-in-out;
 }
65% {
 transform: rotateX(20deg) rotateY(-3deg);
 animation-timing-function: ease-in-out;
 }
100% {
 transform: rotateX(0);
 animation-timing-function: ease-in-out;
 }
 }
#menu li li a {
 padding-left: 15px;
 font-weight: 400;
 color: #ddd;
 text-shadow: none;
 border-top: dotted 1px transparent;
 border-bottom: dotted 1px transparent;
 transition: all .15s linear;
 }
#menu li li a:hover {
 color: #fff;
 font-weight:bold;
 border-top: dotted 1px rgba(255,255,255,.15);
 border-bottom: dotted 1px rgba(255,255,255,.15);
 background: rgba(0,223,252,.02);
 }