*{margin:0;padding:0}li,ol,ul{list-style:none}a{color:#333;display:block;text-decoration:none}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}@media screen and (min-width:769px){.only-m{display:none}header{background:#000;text-align:center;width:100%}header .head-content{margin:auto;max-width:1280px;overflow:hidden;padding:10px 10px 7px;width:100%}header .head-content:after{clear:both;content:"";display:block}header h1{float:left}header h1 a{color:#000;text-transform:uppercase}header .nav{align-items:center;display:inline-block;display:flex;justify-content:space-around;margin:auto;vertical-align:middle}header .nav>ul{margin-top:10px}header .nav>ul:after{clear:both;content:"";display:block}header .nav>ul li.dep02{float:left}header .nav>ul li.dep02 h2{margin:0 10px}header .nav>ul li.dep02 h2 a{color:#ebebeb;padding:0 3px}header .nav>ul li.dep02.active h2 a{color:#000}header .nav>ul li.dep02 h2~ul.dep03{margin-top:10px;max-height:0;position:relative;transition:all .4s linear}header .nav>ul li.dep02.active h2~ul.dep03{max-height:200px}header .nav>ul li.dep02 h2~ul.dep03 li h3 a{padding:4px 0}header .nav>ul li.dep02 h2~ul.dep03 li h3 a:hover{color:#000}}@media screen and (max-width:768px){.only-m{display:block}.m-btn-nav{background:transparent;border:0;float:right;height:24px;margin-top:10px;padding:5px;width:30px}.m-btn-nav span{background:#fff;display:block;height:2px;position:relative;width:15px}.m-btn-nav span:before{top:-5px}.m-btn-nav span:after,.m-btn-nav span:before{background:#fff;content:" ";display:block;height:2px;left:0;position:absolute;width:15px}.m-btn-nav span:after{bottom:-5px}header{background:rgba(0,0,0,.5);left:0;position:fixed;text-align:center;top:0;width:100%}header .head-content{background:#000;box-sizing:border-box;margin:auto;max-width:100%;overflow:hidden;padding:10px 10px 0;width:100%}header .head-content:after{clear:both;content:"";display:block}header h1{float:left;margin-top:10px}header h1 a{color:#000;text-transform:uppercase}header .nav{display:inline-block;margin:auto;vertical-align:middle;width:100%}header .nav>ul{display:none}header .nav>ul.active{display:block}header .nav>ul:after{clear:both;content:"";display:block}header .nav>ul li.dep02{float:none;overflow:hidden;width:100%}header .nav>ul li.dep02 h2{margin:0;width:100%}header .nav>ul li.dep02 h2 a{color:#ebebeb;padding:5 10px;text-align:center}header .nav>ul li.dep02.active h2 a{color:#000}header .nav>ul li.dep02 h2~ul.dep03{display:none;margin-top:0;max-height:200px;position:relative;transition:none}header .nav>ul li.dep02.active h2~ul.dep03{display:block;max-height:200px}header .nav>ul li.dep02 h2~ul.dep03 li h3 a{padding:4px 0}}