/* --- GLOBAL --- */

ul.menu,ul.menu li{list-style:none!important}

span.btn.ham{display:none}
.hamStyle span.btn.ham{display:webkit-flex;display:ms-flexbox;display:flex;height:100%}
span.btn.ham{font-size:40px;color:#fff;cursor:pointer}
span.btn.ham:hover{color:rgba(255,255,255,.6)}
span.btn.ham::after{display:inline-block}


/* --- HEADER --- */

nav#menuBox ul.menu.siteMap.pages{position:relative;margin:0;padding:0;height:100%}

nav#menuBox ul.menu.siteMap.pages input#expdSub{display:none}

nav#menuBox ul.menu.siteMap.pages > li{margin-left:2vw;height:100%}

nav#menuBox ul.menu.siteMap.pages > li > .picList{}
nav#menuBox ul.menu.siteMap.pages > li > .picList > figure{}
nav#menuBox ul.menu.siteMap.pages > li > .picList > figure > img{height:100%!important;object-fit:contain}
nav#menuBox ul.menu.siteMap.pages > li > .picList > .picListTitle{}

nav#menuBox ul.menu.siteMap.pages > li > *{padding:10px 15px;height:100%;cursor:pointer}
nav#menuBox ul.menu.siteMap.pages > li > * > span{display:inline-block}
nav#menuBox ul.menu.siteMap.pages > li > * > span.title{color:#fff}
nav#menuBox ul.menu.siteMap.pages > li > * > span.title.sub{color:rgba(255,255,255,.6)}
nav#menuBox ul.menu.siteMap.pages > li > * > span.menuTxt{color:rgba(255,255,255,.6)}

nav#menuBox ul.menu.siteMap.pages > li > *.cur,nav#menuBox ul.menu.siteMap.pages > li > *:hover,nav#menuBox ul.menu.siteMap.pages > li.act > *{background-color:rgba(255,255,255,.3)}

/* 2nd level */
nav#menuBox ul.menu.siteMap.pages ul.submenu{position:absolute;z-index:5;top:100%;right:-50vw;padding:0;width:20vw;height:auto;background-color:#fff}
nav#menuBox .clickMenu ul.menu.siteMap.pages ul.submenu.expd,nav#menuBox .hoverMenu ul.menu.siteMap.pages > li:hover ul.submenu{right:-5vw}

nav#menuBox ul.menu.siteMap.pages ul.submenu > li{margin:0;width:100%;border-top:1px solid #dadada}
nav#menuBox ul.menu.siteMap.pages ul.submenu > li:first-child{padding-top:0;border:none}

nav#menuBox ul.menu.siteMap.pages ul.submenu > li > a{display:block;padding:10px 5vw 10px 15px;width:100%}
nav#menuBox ul.menu.siteMap.pages ul.submenu > li > a:hover,nav#menuBox ul.menu.siteMap.pages ul.submenu > li.act > a{color:#fff;background-color:rgba(0,0,0,.6)}
nav#menuBox ul.menu.siteMap.pages ul.submenu > li > a span{display:block;width:100%;text-align:left}

/* ham style */
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages,nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages ul.submenu{background-color:#1a1a1a}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages{display:block;position:absolute;top:100%;right:-50vw;padding:0 10vw 10px 25px;width:30vw;height:auto}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages.expd{right:-5vw}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages > li{margin:0;height:auto;border-top:1px solid #dadada}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages > li:first-child{border:none}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages > li > *{padding:10px 15px;width:100%}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages > li > * > span.title{color:#fff}

nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages ul.submenu{position:static;padding:0;min-height:0;max-height:0;overflow:hidden}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages ul.submenu.expd{min-height:0;max-height:unset;overflow:visible}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages ul.submenu > li:first-child{border-top:1px solid #dadada}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages ul.submenu > li > *{padding:10px 15px 10px 25px}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages ul.submenu > li > *:hover{background-color:rgba(255,255,255,.3)}
nav#menuBox .clickMenu.hamStyle ul.menu.siteMap.pages ul.submenu > li > a span{color:#fff}


/* --- BODY --- */

main ul.menu.subPages{margin:0 0 0 -2%;padding:0;width:102%}
main ul.menu.subPages > li{margin:0 0 10px 2%;width:23%;border:1px solid #aaa}
main ul.menu.subPages > li > a{padding:10px 15px;width:100%;height:100%;text-align:center}
main ul.menu.subPages li > a:hover,main ul.menu.subPages li.act > a{color:#fff!important;background-color:#323232}
main ul.menu.subPages li > a > *{display:inline-block;width:100%}
main ul.menu.subPages li > a:hover > *{color:#fff}

main ul.menu.pages{margin:0 0 0 -2%;padding:0;width:102%}
main ul.menu.pages > li{margin:0 0 2% 2%;width:23%;border:2px solid #dadada}
main ul.menu.pages > li > a{display:block;padding:10px 15px;width:100%;height:100%;text-align:center}
main #leftBox ul.menu.pages > li > a{font-size:14px}
main ul.menu.pages li > a:hover{background-color:#323232}
main ul.menu.pages li > a > *{display:inline-block;width:100%}
main ul.menu.pages li > a:hover > *{color:#fff}

main ul.menu.pages.jCenter{margin:0;width:100%}
main ul.menu.pages.jCenter > li{margin:0 0 10px;width:100%;border-color:#3a3a3a}
main ul.menu.pages.jCenter > li > a{padding:15px 20px;font-weight:bold;font-family:monab,arial,helvetica,helveticablack,awesome,awesome5,microns,sans-serif;color:#fff;background-color:#323232}
main ul.menu.pages.jCenter > li > a:hover{color:#1a1a1a;background-color:transparent}
main ul.menu.pages.jCenter > li > a:hover *{color:#1a1a1a}

main #leftBox ul.menu.pages{-webkit-justify-content:space-between!important;justify-content:space-between!important}
main #leftBox ul.menu.pages > li{border:none}
main #leftBox ul.menu.pages > li > a{padding:0;text-align:left;color:#aaa}
main #leftBox ul.menu.pages li > a:hover{background-color:transparent}
main #leftBox ul.menu.pages li > a > *{color:#aaa}
main #leftBox ul.menu.pages li > a:hover > *{color:#fff}

#page.darkMode main ul.menu li:hover{border-color:#fff}
#page.darkMode main ul.menu li > a:hover{background-color:#fff}
#page.darkMode main ul.menu li > a > *{color:#fff}
#page.darkMode main ul.menu li > a:hover > *{color:#1a1a1a}


/* --- FOOTER --- */

footer ul.menu.pages li{margin-left:2vw}
footer ul.menu.pages li a:hover,footer ul.menu.pages li.act a{-webkit-opacity:.6;opacity:.6}


/* --- MENU SECTION --- */

#leftBox .menuSection ul{list-style:none;margin:0;padding:0;text-align:left}
#leftBox .menuSection ul li{list-style:none}
#leftBox .menuSection ul li a{display:inline-block;width:auto;padding:.25vw 0;font-size:18px}
#leftBox .menuSection ul.secondLevel > li:hover *,#leftBox .menuSection ul.secondLevel > li.act *{color:#52ffb8}
#leftBox .menuSection ul.secondLevel{margin-top:10px}
#leftBox .menuSection ul.secondLevel li{display:none;margin-bottom:5px}
#leftBox .menuSection ul.secondLevel li:nth-child(3) ~ li{display:block}
#leftBox .menuSection ul.firstLevel li a::before,#leftBox .menuSection ul.secondLevel li a::before{margin-right:2vw;font-family:awesome5s}
#leftBox .menuSection ul.firstLevel li a::before{content:'\f015'}
#leftBox .menuSection ul.secondLevel li:nth-child(4) a::before{content:'\f1ad'}
#leftBox .menuSection ul.secondLevel li:nth-child(5) a::before{content:'\f303'}
#leftBox .menuSection ul.secondLevel li:nth-child(6) a::before{content:'\f15c'}
#leftBox .menuSection ul.secondLevel li:nth-child(7) a::before{content:'\f07b'}
#leftBox .menuSection ul.secondLevel li:nth-child(8) a::before{content:'\f013'}