/* ------------( menu ) ----------- */
#menu ul {
  list-style        : none;
  padding           : 0;
  margin            : 0;
}

#menu ul li {
  display           : block;
  list-style        : none;
  padding           : 0;
  margin            : 0;
  position          : relative;
  vertical-align    : middle;
  float             : left;
}

#menu ul ul, 
#menu ul ul ul,
#menu ul ul ul ul {
  display           : none;
  position          : absolute;
  /*-----( vertical )-----*/
  /*left             : 100%;
  top                : 0;*/
  /*-----( horizontal )-----*/
  left              : 0;
  top               : 100%;
  z-index           : 10;
}

#menu ul li:hover ul {
  display           : block;
  position          : absolute;
  /*-----( vertical )-----*/
  /*left             : 100%;
  top                : 0;*/
  /*-----( horizontal )-----*/
  left              : 0;
  top               : 100%;
}

#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li:hover ul ul ul ul {
  display           : none;
}

#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul {
  display           : block;
}

#menu ul ul li {
  display           : block;
  float             : left;
  width             : 100%;
  height            : auto;
  margin            : 0;
}

#menu ul ul li a {
  display           : block;
  float             : left;
  /*width            : 100%;*/
  height            : auto;
}

li>ul { 
  top               : auto;
  left              : auto;
}