@charset "utf-8";
#m_menu {
    width  :100% ;
    height : 40px;
}
#m_menu ul{
    *zoom    : 1;
    list-style: none;
    width  :100% ;
    margin   : 0 auto;
    padding  : 0;
}
#m_menu ul:before, #m_menu ul:after{
    content: "";
    display: table;
}
#m_menu ul:after{
    clear: both;
}

#m_menu ul li{
    position    : relative;
    float       : left;
    margin      : 0 0 0 1px;
    padding     : 0;
    font-size   : 15px;
    width       : 19.85%;
    height      : 40px;
    line-height : 40px;
    background  : #D8E0F9;  /* */
    color       : #4D4D4D;  /* */
    text-align  : center;
    font-weight : bold;
}
#m_menu ul li a{
    display : block;
    width   : 99%;
    margin  : 0 auto;
    color   : #4D4D4D;
    display : block;
    text-decoration: none;
}
#m_menu ul li ul{
    list-style : none;
    position   : absolute;
    z-index    : 9999;
    top        : 40px;          /* must make it the same as the hight parent-menu */
    width      : 100%;
}
#m_menu ul li ul li{
    width       : 100%;
    background  : #F2F4FD;
}

#m_menu ul li ul li a{
  font-weight : normal;
  font-size   : 12px;
  width       : 100%;            /* width of sub-menu*/
  height      : 0;
  background  : #F2F4FD;        /* thin light steel blue */

}

#m_menu ul li.active, #m_menu ul li.active > a, #m_menu ul li a:active {
  background : #00687C ;    /* #4169e1 ; */   /* Royal Blue */
  color      : #ffffff ;    /* white      */
}

#m_menu ul li:hover > a, #m_menu ul  li a:hover{
  background : #00687C ;    /* #4169e1 ; */   /* Royal Blue */
  color      : #CC9900;    /* Orange of the creamy that matured */
}

#m_menu ul li ul li:hover, #m_menu ul li ul li:hover > a, #m_menu ul li ul li a:hover {
  background : #B0C4DE ;       /* light steel blue */
  color      : #660A32 ;       /* Dark purple red  */
}


/**************************************************************
   effect
**************************************************************/
.ios #m_menu ul  li ul{
    display     : none ;
}
.ios #m_menu ul  li:hover ul{
    display     : block;
}
#m_menu ul li ul li:not(.ios){
    overflow    : hidden;
    height      : 0;
    transition  : 0.4s;

}
#m_menu ul li:hover ul li:not(.ios){
    overflow    : visible;
    height      : 40px ;
}

/* fade-in 
#m_menu ul li ul{
    visibility  : hidden;
    opacity     : 0;
    transition  : 0s;
}
#m_menu ul li:hover ul{
    visibility  : visible;
    opacity     : 1;
}
#m_menu ul li ul li a{
    visibility  : hidden;
    opacity     : 0  ;
    transition  : 1.5s;
}
#m_menu ul li:hover ul li a{
    visibility  : visible;
    opacity     : 1;
}
*/
/* fade-in2 

#m_menu ul li ul{
    opacity     : 0;
    top         : 50%   ;
    visibility  : hidden;
    transition  : 1.5s;
}
#m_menu ul li:hover ul{
    top         : 100%;
    visibility  : visible;
    opacity     : 1;
}
*/
/* left-to-right

#m_menu ul li ul{
    overflow    : hidden;
    width       : 0;
    transition  : .5s;
}
#m_menu ul li:hover ul{
    width       : 100%;
}
#m_menu ul li:hover ul li a{
    white-space : nowrap;
}
*/
/* flip 
#m_menu ul > li{
    perspective   : 400px;
    z-index       : 9999;
}
#m_menu ul li ul{
    visibility       : hidden;
    transform        : rotateX(-90deg);
    transform-origin : 50% 0;
    transition       : .3s;
}
#m_menu ul li:hover ul{
    visibility    : visible;
    transform     : rotateX(0);
}
*/
/* flip2

#m_menu ul li ul {
    visibility: hidden;
    perspective: 400px;
}
#m_menu ul li:hover ul{
    visibility: visible;
}
#m_menu ul ul li{
    transform: rotateY(90deg);
    transform-origin: 50% 0;
    transition: .3s;
}
#m_menu ul li:hover li{
    transform: rotateY(0);
}
#m_menu ul ul li:nth-child(2) {
    transition-delay: .1s;
}
#m_menu ul ul li:nth-child(3) {
    transition-delay: .2s;
}
#m_menu ul ul li:nth-child(4) {
    transition-delay: .3s;
}
#m_menu ul ul li:nth-child(5) {
    transition-delay: .4s;
}
 */


#achievements ul.navigation {
    list-style-position  : inside;
}
#achievements ul.navigation li {
  float: left;
  width: 15.5%;
  margin: 0 20px 0 0;
  padding: 0;
}