.navi .ccm-manual-nav,.navi .ccm-manual-nav li,.navi .ccm-manual-nav li a,#menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.navi .ccm-manual-nav:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#menu-button{display:none}
#cssmenu.align-right > .navi .ccm-manual-nav > li{float:right}
.navi .ccm-manual-nav > li{float:left;display:inline-block}
#cssmenu.align-center > .navi .ccm-manual-nav{float:none;text-align:center}
#cssmenu.align-center > .navi .ccm-manual-nav > li{float:none}
#cssmenu.align-center .navi .ccm-manual-nav ul{text-align:left}
.navi .ccm-manual-nav > li > a{padding:18px 25px 21px 16px;text-decoration:none;font-size:21px;color:#fff}
.navi .ccm-manual-nav .navi .ccm-manual-nav-selected .navi .ccm-manual-nav-path-selected{color:#708d9a}
.navi .ccm-manual-nav > li:hover > a,.navi .ccm-manual-nav > li > a:hover,.navi .ccm-manual-nav > li.active > a{color:#fff;background:#32a9c3;background:rgba(0,0,0,0.1)}
.navi .ccm-manual-nav > li.has-sub > a{padding-right:45px}
.navi .ccm-manual-nav > li.has-sub > a::after{content:"";position:absolute;width:0;height:0;border:6px solid transparent;border-top-color:#d3eced;right:17px;top:22px}
.navi .ccm-manual-nav > li.has-sub.active > a::after,.navi .ccm-manual-nav > li.has-sub:hover > a{border-top-color:#fff}
.navi .ccm-manual-nav ul{position:absolute;left:-9999px;top:60px;padding-top:6px;font-size:13px;opacity:0;-webkit-transition:top .2s ease,opacity .2s ease-in;-moz-transition:top .2s ease,opacity .2s ease-in;-ms-transition:top .2s ease,opacity .2s ease-in;-o-transition:top .2s ease,opacity .2s ease-in;transition:top .2s ease,opacity .2s ease-in}
.navi .ccm-manual-nav > li > ul::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent;border-bottom-color:#fff;top:-4px;left:20px}
.navi .ccm-manual-nav ul ul::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent;border-right-color:#fff;top:11px;left:-4px}
.navi .ccm-manual-nav > li > ul{top:120px;z-index:20}
.navi .ccm-manual-nav > li:hover > ul{top:52px;left:0;opacity:1}
.navi .ccm-manual-nav ul ul{padding-top:0;padding-left:6px}
.navi .ccm-manual-nav ul > li:hover > ul{left:180px;top:0;opacity:1}
.navi .ccm-manual-nav ul li a{text-decoration:none;font-weight:400;padding:11px 25px;width:180px;color:#777;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.1),1px 1px 1px rgba(0,0,0,0.1),-1px 1px 1px rgba(0,0,0,0.1)}
#cssmenu .navi .ccm-manual-nav ul li:hover > a,#cssmenu .navi .ccm-manual-nav ul li.active > a{color:#333}
#cssmenu .navi .ccm-manual-nav ul li:first-child > a{border-top-left-radius:3px;border-top-right-radius:3px}
#cssmenu .navi .ccm-manual-nav ul li:last-child > a{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.navi .ccm-manual-nav > li > ul::after{position:absolute;display:block}
#cssmenu .navi .ccm-manual-nav ul li.has-sub > a::after{content:"";position:absolute;width:0;height:0;border:4px solid transparent;border-left-color:#777;right:17px;top:14px}
#cssmenu.align-right ul ul li.has-sub > a::after{border-left-color:transparent;border-right-color:#777;right:auto;left:17px}
#cssmenu ul ul li.has-sub.active > a::after,#cssmenu ul ul li.has-sub:hover > a::after{border-left-color:#333}
#cssmenu.align-right ul ul li.has-sub.active > a::after,#cssmenu.align-right ul ul li.has-sub:hover > a::after{border-right-color:#333;border-left-color:transparent}
@media all and (max-width: 800px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.navi .ccm-manual-navi{position:relative}
#cssmenu{border-bottom:1px solid #708d9a;border-top:1px solid #708d9a}
.navi .ccm-manual-nav{display:none}
.navi .ccm-manual-nav.open{display:block;border-top:1px solid rgba(0,0,0,0.1);background:#fff}
.navi .ccm-manual-nav > li{width:100%}
.navi .ccm-manual-nav > li > a{padding:10px 15px;border-right:0;color:#3a5d6e;width:100%;text-align:left;font-size:1em}
.navi .ccm-manual-nav > li:hover > a,.navi .ccm-manual-nav > li > .nav-selected{background:rgba(0,0,0,0.1);color:#708d9a}
#menu-button{display:block;text-decoration:none;font-size:14px;color:#708d9a;padding:18px 25px;background:url(images/bg.png);cursor:pointer}
.navi .ccm-manual-nav ul,.navi .ccm-manual-nav li:hover > ul,.navi .ccm-manual-nav > li > ul,.navi .ccm-manual-nav ul ul,.navi .ccm-manual-nav ul li:hover > ul,.align-right .navi .ccm-manual-nav ul,.align-right .navi .ccm-manual-nav li:hover > ul,.align-right > .navi .ccm-manual-nav > li > ul,.align-right .navi .ccm-manual-nav ul ul,.align-right .navi .ccm-manual-nav ul li:hover > ul{left:0;right:auto;top:auto;opacity:1;width:100%;padding:0;position:relative;text-align:left}
.navi .ccm-manual-nav ul li{width:100%}
.navi .ccm-manual-nav ul li a{width:100%;box-shadow:none;padding-left:35px}
.navi .ccm-manual-nav ul ul li a{padding-left:45px}
.navi .ccm-manual-nav ul li:first-child > a,.navi .ccm-manual-nav ul li:last-child > a{border-radius:0}
#menu-button::after{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #708d9a;border-bottom:2px solid #708d9a;right:25px;top:18px}
#menu-button::before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:4px solid #708d9a;right:25px;top:28px}
ul > li.has-sub > a::after,ul ul li.has-sub > a::after{display:none}
}