:root{--ohh-color:#2dbb55;--ohh-font-color:#FFF;--ohh-font-hover:#2dbb55;--ohh-scrollbar:#2dbb55;--ohh-ico:#FFF;--ohh-font-title:#2dbb55;--ohh-font-title2:#333;--ohh-close:#eb3039}.ohh-nav{display:flex;align-items:center;grid-gap:10px;position:relative;background:var(--ohh-color)}.ohh-nav>li>a{font-size:16px;color:var(--ohh-font-color);font-weight:600;padding:14px 10px;display:flex;align-items:center;grid-gap:4px}.ohh-home{font-size:24px;color:var(--ohh-font-color);font-weight:600;padding:0 10px 0 0}.ohh-nav>.ohh-home>a{font-size:24px;padding:0}.ohh-nav .ohh-wsmegamenu{;position:absolute;top:100%;left:0;right:0;background:#FFF;padding:20px 36px 20px 20px;z-index:999;opacity:0;pointer-events:none;transition:ease-in-out .2s;box-shadow:0 0 10px rgba(0,0,0,0.1)}.ohh-nav .ohh-menu{transform:translateY(20px);transition:ease-in-out .3s}.ohh-nav .ohh-wsmegamenu.on{opacity:1;pointer-events:initial}.ohh-nav .ohh-wsmegamenu.on .ohh-menu{transform:none}.ohh-nav .ohh-menu{display:flex;align-items:stretch}.ohh-nav .ohh-category{display:flex;flex-direction:column;grid-gap:2px;padding:0 30px 0 16px;margin-right:30px;max-height:530px;overflow-y:scroll;min-width:280px;max-width:280px;width:280px}.ohh-nav .ohh-category::-webkit-scrollbar{width:2px;background:#f5f5f7}.ohh-nav .ohh-category::-webkit-scrollbar-thumb{border-radius:4px;background:var(--ohh-scrollbar)}.ohh-nav .ohh-category li{color:#333;font-weight:500;font-size:16px;padding:4px 14px;border-radius:4px;position:relative;cursor:pointer;transition:ease-in-out .2s}.ohh-nav .ohh-category li:before{content:'';position:absolute;left:-12px;top:10%;bottom:10%;width:2px;background:var(--ohh-color);opacity:0;transition:ease-in-out .2s}.ohh-nav .ohh-category li.active{background:#f5f5f7}.ohh-nav .ohh-category li.active:before{opacity:1}.ohh-nav .ohh-brand{flex:1;position:relative}.ohh-nav .ohh-brand>li{opacity:0;pointer-events:none;transition:ease-in-out .2s;position:absolute;top:0;left:0;right:0}.ohh-nav .ohh-brand>li:first-child{position:initial}.ohh-nav .ohh-brand>li.on{opacity:1;pointer-events:initial}.ohh-nav .ohh-pc .ohh-brand>li.on{pointer-events:none}.ohh-nav .ohh-pc.on .ohh-brand>li.on{pointer-events:initial}.ohh-nav .ohh-brand>li>ul{display:flex;flex-wrap:wrap;grid-gap:10px}.ohh-nav .ohh-brand>li>ul>li{width:calc((100% - 20px*3)/4);font-size:14px}.ohh-nav .ohh-brand>li>ul>li:hover a{color:var(--ohh-font-hover)}.noshow .ohh-wsmegamenu{z-index:1}.ohh-bj{display:none}.ohh-mobile{display:none}.ohh-navmenu{display:none;cursor:pointer}.ohh-close{display:none}.ohh-nav .fa{transition:ease-in-out .3s}.ohh-nav .ohh-pc.on>a>.fa{transform:rotate(180deg)}@media(max-width:1000px){.ohh-navmenu{display:block;font-size:24px;color:var(--ohh-ico)}.ohh-pc{display:none}.ohh-mobile .ohh-pc{display:block}.ohh-mobile{display:block;opacity:0;pointer-events:none;transform:translateX(-100%);transition:ease-in-out .2s;position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:9999;background:#FFF;width:70%;min-width:70%;max-width:70%;overflow-y:scroll;max-height:100vh}.ohh-mobile.on{transform:translateX(0);opacity:1;pointer-events:initial;transition:ease-in-out .5s}.ohh-mobile::-webkit-scrollbar{width:2px;background:#f5f5f7}.ohh-mobile::-webkit-scrollbar-thumb{border-radius:4px;background:var(--ohh-scrollbar)}.ohh-bj{display:block;position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;background:rgba(0,0,0,0.2);backdrop-filter:blur(4px);transition:ease-in-out .2s;opacity:0;pointer-events:none}.ohh-bj.on{opacity:1;pointer-events:initial}.ohh-nav{justify-content:space-between}.ohh-mobile>ul{display:flex;flex-direction:column;align-items:stretch;padding:30px 20px}.ohh-mobile .ohh-pc{display:flex;flex-direction:column}.ohh-mobile .ohh-pc>a{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:var(--ohh-font-title);border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 0}.ohh-category>li>div{font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center;padding:10px 0 0 0}.ohh-category>li>ul{display:none;padding:10px 0}.ohh-category>li>ul a{font-size:14px;color:var(--ohh-font-title2);display:flex;align-items:center;padding:2px 0;grid-gap:10px}.ohh-wsmegamenu{display:none}.ohh-close{position:fixed;top:0;left:70%;z-index:9999;opacity:1;pointer-events:none;transition:ease-in-out .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ohh-close);transform:translateY(-40px)}.ohh-close.on{opacity:1;pointer-events:initial;transform:translateY(0);transition:ease-in-out .5s}.ohh-close svg{fill:#FFF;display:block;width:20px;transform:rotate(180deg);transition:ease-in-out .2s}.ohh-close.on svg{transform:rotate(0);transition:ease-in-out .5s}.ohh-mobile .fa{transition:ease-in-out .3s}.ohh-mobile .ohh-pc.on>a>.fa{transform:rotate(180deg)}.ohh-mobile .ohh-category>li.on>div>.fa{transform:rotate(180deg)}}.menuBox{background:#2dbb55}.NavMenu,.NavMenuMainBox{position:relative}.NavMenuMain>li{float:left}.NavMenuMain>li>a{display:block;padding:0 18px;min-width:84px;height:60px;line-height:60px;color:#fff;font-size:15px;font-weight:700;text-align:center}.NavMenuMain>li>a .fa-angle-down{margin-left:6px}.NavMenuMain>li>.menuHome{padding:0 22px;border-top:0!important;min-width:inherit;background:#ffb61e!important}.NavMenuMain>li>.menuHome .fa{color:#fff;font-size:26px;line-height:60px;text-align:center}.NavMenuRight{position:absolute;top:0;right:0}.NavMenuRight a{font-size:15px;padding:0 15px;display:block;margin-top:-3px;height:66px;line-height:66px;background:#ffb61e;color:#fff!important;font-weight:bold}@media only screen and (min-width:992px){.NavMenuBrand{-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transition:-o-transform .3s,opacity .3s;-ms-transition:-ms-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;-webkit-transition:-webkit-transform .3s,opacity .3s;transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);position:absolute;z-index:101;top:60px;opacity:0;visibility:hidden;background:#fff;border:solid 1px #eee;border-top:0;box-shadow:0 6px 10px rgba(0,0,0,.15);padding:10px}.NavMenuMain>li:hover>a{background:#fff;color:#555;border-top:1px solid #e0e0e0}.NavMenuBrand .ulBrand{column-count:4;-moz-column-count:4;-webkit-column-count:4}}.NavMenuBrand.NoFull{min-width:230px;margin-left:-1px}.NavMenuBrand.full{width:100%;left:0}.NavMenuMain>li:hover>.NavMenuBrand{opacity:1;visibility:visible;transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}.NavMenuBrand a{line-height:34px;display:block;font-size:14px}.NavMenuTheme li>a:before{content:"\f105";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 5px 0 10px}.NavMenuTheme li a:hover{background:#2dbb55;color:#fff}.Brand-sub{margin:-10px -10px 0}.Brand-sub>li>a{line-height:45px;text-align:center;font-weight:bold;color:#555!important;position:absolute;top:0;width:33.333%;background:#f5f5f5}.Brand-sub>li>a .fa{padding:0 6px}.Brand-sub>li:nth-child(2)>a{left:33.333%}.Brand-sub>li:last-child>a{left:66.666%}.NavMenuBrandSub{display:none;padding-top:60px}@media only screen and (min-width:992px){.Brand-sub>li:hover>a,.NavMenuOpen-sub:hover+.NavMenuBrand .Brand-sub>li:first-child>a{background:#fff}.Brand-sub>li:hover .NavMenuBrandSub,.NavMenuOpen-sub:hover+.NavMenuBrand .Brand-sub>li:first-child .NavMenuBrandSub{display:block}}#navbar-overlay{display:none;height:100%;width:100%;position:fixed;left:0;top:0;z-index:99;background:rgba(0,0,0,0.6)}@media only screen and (max-width:991px){.noscroll,.noscroll body{overflow:hidden}.noscroll body{position:relative}.rotate180-fa{background:#f5f5f5!important}.rotate180-fa .fa{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.NavMenuMainBox{background:#fff;width:265px;position:fixed;top:0;height:100%;left:0;z-index:100;overflow-x:hidden;overflow-y:auto;box-shadow:2px 2px 6px rgba(0,0,0,0.3);transform:translate(-270px,0);-ms-transform:translate(-270px,0);-webkit-transform:translate(-270px,0);-o-transform:translate(-270px,0);-moz-transform:translate(-270px,0);transition:transform .3s;-moz-transition:transform .3s;-webkit-transition:transform .3s;-o-transition:transform .3s}.NavMenuOpen-input:checked+.NavMenuMainBox{transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-moz-transform:translate(0,0)}.NavMenuOpen-total{color:#fff;font-size:20px;line-height:54px}.mobileH{border-bottom:1px solid #e0e0e0;padding-left:20px;font-size:20px;line-height:60px;background:#2dbb55;color:#fff;font-weight:bold}.mobileH label{float:right;margin-right:20px}.NavMenuMain{overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;top:60px;left:0;right:0;bottom:0}.NavMenuMain>li{float:none}.NavMenuBrand a{line-height:44px}.NavMenuMain>li:last-child{margin-bottom:40px}.NavMenuMain>li>a{height:50px;line-height:50px;color:#555;padding:0 10px;border-bottom:1px solid #e0e0e0;text-align:left;position:relative}.NavMenuMain>li>a .fa{position:absolute;top:0;right:20px;line-height:50px}.NavMenuMain>li>.menuHome{background:#fff!important;padding:0 10px;color:#555}.NavMenuRight a{line-height:58px;height:58px;margin-top:-2px}.NavMenuMain .NavMenuBrand{display:none;border-bottom:solid 1px #DEDEDE}.NavMenuBrand li{border-bottom:1px dotted #e0e0e0}.NavMenuBrand ul:last-child>li:last-child,.NavMenuBrand>li:last-child{border-bottom:0}.Brand-sub{margin:0}.Brand-sub>li>a{line-height:40px;text-align:left;position:relative;top:0;left:0!important;width:100%;background:inherit;padding-left:20px}.Brand-sub>li>a .fa{position:absolute;top:0;right:14px;line-height:40px}.NavMenuBrandSub{padding:0}}