header #navi{background:rgba(255,255,255,.9);position:fixed;top:0;left:0;height:130px;width:100%;transition:all .4s;z-index:100}header #navi input{display:none}header #navi h1,header #navi p{float:left;line-height:130px;transition:all .4s;font-size:18px;font-weight:bold}header #navi h1 img,header #navi p img{vertical-align:middle;margin-top:-8px;transition:all .4s;padding-right:6px}header #navi .menu{float:right;transition:all .4s}header #navi a,header #navi .menu .menu-parent span{text-decoration:none;color:#333}header #navi a:hover,header #navi .menu .menu-parent span:hover{color:#284ee4}header #navi .menu .menu-parent{float:left;padding:0px 0px 0px 20px;height:130px;line-height:130px;font-size:16px;transition:all .4s;white-space:nowrap}header #navi .menu .menu-parent:last-child{margin-right:0px;transition:all .4s}header #navi a.active,header #navi .menu span.active{color:#284ee4}header #navi #btn_login{padding:.25rem 1.5rem;background-color:#f60;border-radius:290486px}header #navi #btn_logout{padding:.25rem 1.5rem;background-color:#3273dc;border-radius:290486px}header #navi #btn_login span,header #navi #btn_logout span{color:#fff}header #menu-navibtn{display:none;cursor:pointer;cursor:hand}header #openmenu{font-weight:bold}@media screen and (max-width: 895px){header #menu-navibtn{display:none}header #navi{height:60px}header #navi h1,header #navi p{float:none;line-height:60px;font-size:16px}header #navi h1 img,header #navi p img{margin-top:-6px;width:184px}header #navi a,header #navi .menu .menu-parent span{color:#333}header #navi .menu{display:none}header #navi .menu .menu-parent{height:auto;width:100%;line-height:60px;background:#fff;padding:0px 20px 0px 20px;border-bottom:1px solid #999}header #navi .menu .menu-parent i{padding:0px 20px}header #navi ul{float:none}header #menu-navibtn:checked~#navi{position:fixed;overflow-y:scroll;overflow-x:hidden;height:100%}}@media screen and (min-width: 895px){header #navi.fixed{height:60px;box-shadow:0px 1px 2px rgba(0,0,0,.2)}header #navi.fixed h1,header #navi.fixed p{font-size:18px;height:60px;line-height:60px}header #navi.fixed h1 img,header #navi.fixed p img{margin-top:-7px;height:auto;padding-right:6px}header #navi.fixed .menu .menu-parent{height:60px;line-height:60px;font-size:15px}header #navi.fixed .menu-parent .menu-child,header #navi.fixed .menu-parent:hover .menu-child{top:60px}}@media screen and (min-width: 895px)and (max-width: 1025px){header #navi.fixed p img{margin-top:-2px;width:138px}header #navi .menu .menu-parent span{font-size:13px}header #navi .menu .menu-parent:hover{color:#284ee4}header #navi .menu .menu-parent:hover .menu-child{top:95px;visibility:visible;transition:all .8s;opacity:1}}header .menu-parent{position:relative}header .menu-parent .menu-child{visibility:hidden;opacity:0;z-index:1;position:absolute;top:100px;left:35%;margin-left:-80px;width:220px;background:#fff;box-sizing:border-box;padding:4px 0;border:1px solid #000}@media screen and (min-width: 895px){header .menu-parent:hover .menu-child{top:95px;visibility:visible;transition:all .8s;opacity:1}}@media screen and (max-width: 895px){header #navi .menu-parent .menu-child{transition:all 0s}header .menu-parent .menu-child{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}}@media screen and (max-width: 895px){header #menu-navibtn:checked~* .menu{display:block;opacity:1}header #menu-navibtn:checked~* .menu-parent{max-height:inherit;overflow-y:visible}header #menu-navibtn:checked~* .menu-child{max-height:0;overflow-y:hidden;visibility:hidden}header .menu ul{margin:0;padding:0;background:#f4f4f4;list-style:none}header .menu-parent .menu-child{position:relative;opacity:1;padding:0 20px;visibility:visible;top:0;margin-left:auto;left:auto;width:auto}header .menu-child li{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}header #navi input[type=checkbox]:checked~.menu-child{max-height:inherit;overflow-y:visible;visibility:visible;opacity:1}header .angletoggle:before{content:""}header #navi input[type=checkbox]:checked~* .angletoggle:before{content:""}}header #navi .menu-child li{line-height:30px;font-size:14px;border-bottom:1px solid #ddd}header #navi .menu-child .menu-child-top{position:relative}header #navi .menu-child .menu-child-top::before,header #navi .menu-child .menu-child-top::after{border-left:solid 10px rgba(0,0,0,0);border-right:solid 10px rgba(0,0,0,0);border-bottom:solid 12px #fff;top:-15px;content:"";display:block;height:0;left:47%;position:absolute;width:0}@media screen and (max-width: 895px){header #navi .menu-child .menu-child-top::before,header #navi .menu-child .menu-child-top::after{border:none}}header #navi .menu-child .menu-child-top::before{border-bottom:solid 12px #000;margin-top:-1px}header #navi .menu-child li:last-child{border:none}header #navi .menu-child li img{width:auto;height:32px;vertical-align:middle;float:left;margin-right:10px}header #navi .menu-child li i{margin-right:3px}header #navi .menu-child li a{display:block;padding:10px 20px}header #navi ul>li .pd{display:none}header #navi ul>li.parent>a{color:#333}header #navi ul>li.parent>a:hover{color:#f63}@media screen and (max-width: 895px){header #navi ul{float:none}header #navi ul>li .pd{display:inline-block;width:100%}}header #navi #navibtn{display:none;cursor:pointer;cursor:hand}@media screen and (max-width: 895px){header #navi #navibtn{display:block;position:absolute;top:10px;right:15px}header #navi #navibtn span{display:block;width:40px;height:40px}header #navibtn span span{display:block;overflow:hidden;width:1px;height:1px}header #navibtn span span::before,header #navibtn span span::after,header #navibtn span::after{position:absolute;left:10px;content:"";width:20px;height:3px;background-color:#333;transition:.2s}header #navibtn span span::before{top:10px}header #menu-navibtn:checked~#navi label#navibtn span span::before{top:19px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}header #navibtn span::after{bottom:10px}header #menu-navibtn:checked~#navi label#navibtn>span::after{bottom:18px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}header #navibtn span span::after{top:18px}header #menu-navibtn:checked~#navi label#navibtn span span::after{display:none}}