:root{--main:#306f16;--hover:#de4d30;--text:#333;--prev:#777;--red:#ed1c24;--bord:#d7d7d7;--grey:#f7f7f7;--wite:#fff;}
.bg-m{background-color:var(--main);}.bg-h{background-color:var(--hover);}.bg-g{background-color:var(--grey);}.bg-w{background-color:var(--wite);}
.fs-7{font-size:14px;}.fs-8{font-size:12px;}.fw-5{font-weight:500;}.text-justify{text-align: justify;}
.ls-1{letter-spacing: 1px;}.cl-m{color:var(--main);}.cl-h{color:var(--hover);}.cl-t{color:var(--text);}.cl-p{color:var(--prev);}.cl-r{color:var(--red);}.cl-w{color:var(--wite);}
.br-5{border-radius:5px;}.br-15{border-radius:15px;}.br-30{border-radius:30px;}.br-50{border-radius:50%;}.tr-5{transition:all 0.5s ease 0s;}
body{min-height:100vh;background-color:var(--grey);font-family:'Noto Sans',Arial,sans-serif;color:var(--text);}
input,select,textarea{width:100%;height:40px;padding:0 0.5rem;border:1px solid var(--bord);outline:none;transition:all 0.5s ease 0s;}
input:disabled{background-color:var(--grey);cursor: not-allowed;}input:focus,select:focus,textarea:focus{border:1px solid var(--main);box-shadow:0 0 5px rgb(0 0 0 / 15%);}
input[type=submit]{display:inline-block;width:auto;height:45px;padding:0 1.5rem;background-color:var(--main);border:0;font-weight:700;color:var(--wite);}
input[type=submit]:hover{background-color:var(--hover);}
select{background:var(--wite) url(images/select.png) no-repeat center right 1rem;border-radius:0;appearance:none;}textarea{display:block;height:106px;padding:1rem;}
h1,h2,h3,h4,h5,h6{margin:0;}ul,ol,p{margin:0;padding:0;}a{text-decoration:none;color:var(--text);transition:all 0.5s ease 0s;}a:hover{color:var(--main);}
img{display:block;max-width:100%;transition:all 0.5s ease 0s;}.i-hov{overflow:hidden;}.i-hov:hover img{transform:scale(1.1);}.i-obc{width:100%;height:100%;object-fit:cover;}
.n-hov-l a{width:100%;background:linear-gradient(transparent calc(100% - 2px), var(--main) 2px) no-repeat top left / 0% 100%;color:var(--text);}
.n-hov-l a:hover{background-size:100% 100%;color:var(--main);}
.n-hov-t a{background:linear-gradient(to right, var(--main), var(--main) 50%, var(--text) 50%) 100% / 200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;}
.n-hov-t a:hover{background-position:0;}
.f-item{position:relative;display:flex;align-content:flex-start;margin-bottom:1.5rem;}
.f-item > span{width:115px;height:40px;padding:0 5px;background-color: var(--grey);font-size:14px;font-weight:700;line-height:40px;}
.f-item > span + *{width: calc(100% - 115px);}
.f-item input.error,.f-item select.error,.f-item textarea.error{border-color:var(--red);}label.error{position:absolute;top:100%;right:0.75rem;font-size:12px;color:var(--red);}
.logo{width: 70px; height: 70px;}
.logo a img{max-width: calc(100% - 1.5rem); margin: 0.75rem 0 0 0.75rem;}
.logo a span{position: absolute; width: 0; height: 0; overflow: hidden;}
.lang{margin: 23px 0.75rem 0 0;}
.lang a img{box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%);}
.main-wrap{background-color: var(--wite); box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.main-title{padding: 1rem 0; background-color: var(--wite); box-shadow: 0 0 15px rgb(0 0 0 / 15%); font-size: 32px; font-weight: 700; text-align: center; line-height: 38px;}
.home-btn a{border: 2px outset var(--bord);}
.home-btn a:hover{background-color: #e9e9e9; color: var(--text);}
.out{right: 1rem; bottom: 1rem;}
.out i{width: 40px; line-height: 40px; cursor: pointer;}
.main-detail p{margin-bottom: 15px;}
.main-detail h2{padding: 0.75rem 0; font-size: 1.5rem;}
.main-detail h3{padding: 0.75rem 0; font-size: 1.25rem;}
.main-detail h4{padding: 0.75rem 0; font-size: 1.0rem;}
.main-detail ul, .main-detail ol{padding: 0 0 0.75rem 2rem;}
.main-detail img{display: inline-block!important;}  
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: var(--bord);}
.main-detail iframe{display: block; margin: 0 auto!important;} 
.main-detail figure{padding: 0 0 1rem;}
.main-detail figure figcaption{font-size: 14px; font-style: italic;}
.main-detail > *:last-child{margin-bottom: 0; padding-bottom: 0;}
.gotop{right: 1rem; bottom: -40px; width: 40px; background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 15%); color: var(--red); opacity: 0; cursor: pointer; z-index: 99992;}
.gotop:hover{background-color: var(--red); color: var(--wite);}
.gotop i{line-height: 40px;}
.gotop-2{bottom: 1rem; opacity: 1;}