/* menuder.css */
.menuder-container {}
.menuder,
.menuder ul { float: left; width: 100%; margin: 0; padding: 0; background-color: #fff; list-style: none; text-align: left; font-weight: bold; }
.menuder a { display: block; width: 100%; w\idth: 100%; text-decoration: none; text-align: center; font-size: 1.2em; font-size: 1.2vw; overflow: hidden;}
.menuder a.daddy { background: url(img/menuder.gif) center right no-repeat; }
.menuder li { float: left; width: 25%; padding: 0; height: 5vw; line-height: 5vw; }
.menuder li ul { position: absolute; left: -999em; height: auto; width: 25%; margin: 0; border-width: .1em; font-weight: normal; z-index:100; border: solid #666; border-width: 1px;}
.menuder li li {width: 50%; height: 5vw; display: table-cell; vertical-align: middle; float: left;}
.menuder li ul a { width: 100%; overflow: hidden; font-size: 1em; font-size: 0.8vw;}
.menuder li ul ul {width: 50%; line-height: 3vw; height: 3vw;}
.menuder ul ul ul li {background-color: #EEE; width: 100%; line-height: 3vw; height: 3vw;}
.menuder li:hover ul ul,
.menuder li:hover ul ul ul,
.menuder li:hover ul ul ul ul,
.menuder li.hover ul ul,
.menuder li.hover ul ul ul,
.menuder li.hover ul ul ul ul { left: -999em; }
.menuder li:hover ul,
.menuder li li:hover ul,
.menuder li li li:hover ul,
.menuder li li li li:hover ul { left: auto; }
.menuder li.hover ul,
.menuder li li.hover ul,
.menuder li li li.hover ul,
.menuder li li li li.hover ul { left: auto; }
.menuder li:hover,
.menuder li.hover { background-color: #DDD; }
@media (max-width: 800px) {
.menuder a {font-size: 1em; font-size: 2vw;}
.menuder li ul a {font-size: 0.8em; font-size: 1vw;}
}
/* end */