@charset "UTF-8";body{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f2f8ff;margin:0;padding:0}input{font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",Twemoji Mozilla,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-size:1em;margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.container{margin:auto;max-width:100%;width:1000px;padding-left:15px;padding-right:15px;box-sizing:border-box}header{z-index:6}header .titleZone{display:flex;align-items:center;justify-content:center;background-color:#2f6e4f;width:100%;height:60px;text-align:center;color:#fff;font-size:1.5em}@media (max-width: 500px){header .titleZone{font-size:1em}}header .titleZone a{color:#fff;text-decoration:none}main .searchZone{box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset;border-radius:10px;background-color:#fff;margin-top:20px;margin-bottom:10px;padding:20px}main .searchZone .searchBox{width:100%;display:flex;align-items:center;gap:8px}main .searchZone .searchBox input{flex:1;padding:10px 14px;font-size:16px;border:1px solid #7da88a;border-radius:8px;outline:none;transition:all .2s}main .searchZone .searchBox input:focus{border-color:#2f6e4f;box-shadow:0 0 0 3px #2f6e4f40}main .searchZone .searchBox button{width:150px;padding:10px 18px;font-size:16px;background:#2f6e4f;color:#fff;border:none;border-radius:8px;transition:background .2s;white-space:nowrap;cursor:pointer}main .searchZone .searchBox button:hover{background:#285c43}main .searchZone .searchBox button:active{background:#1e4633}main .searchZone .searchBox button:disabled{background:#ccc!important;color:#666;cursor:not-allowed;opacity:.6}main .searchZone .searchBox button:disabled:hover,main .searchZone .searchBox button:disabled:active{background:#ccc!important}main .resultBox{margin-top:10px}main .resultBox .resTitle{text-align:center;font-size:1.5em;font-weight:700;color:#2f6e4f}main .resultBox .rebox{padding-top:10px;font-size:1.2em}main .resultBox .resZone{min-height:160px}main .resultBox .resZone .loadZone{min-height:160px;display:flex;justify-content:center;align-items:center}main .resultBox .val{height:69px;text-align:center}main .resultBox .val>div{margin:auto}main .aZone{margin-top:20px;margin-bottom:20px;box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset;border-radius:10px;background-color:#fff}main .aZone .aZone{display:flex;flex-direction:column;gap:20px}main .aZone .rZone{background:#fff;border-radius:10px;padding:16px;border:1px solid #e2e2e2}main .aZone .rTitle{font-size:20px;font-weight:700;text-align:center;margin-bottom:14px;color:#2f6e4f}main .aZone .rContent{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}main .aZone .rContent div{padding:8px 12px;background:#fff;border:1px solid #dcdcdc;border-radius:6px;font-size:15px;text-align:center;white-space:nowrap;transition:.2s}main .aZone .rContent div:hover{background:#e8f3ee;border-color:#2f6e4f}@media (max-width: 900px){main .aZone .rContent{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){main .aZone .rContent{grid-template-columns:repeat(2,1fr)}}@media (max-width: 380px){main .aZone .rContent{grid-template-columns:repeat(1,1fr)}}#FooterDiv{padding-bottom:30px}#FooterDiv .lastTitle{padding-right:20px;padding-left:20px;padding-top:10px;text-align:center;color:#3f3f3f}#FooterDiv .lastTitle a{color:#2f6e4f;font-weight:700;text-decoration:none}.back-to-menu{position:fixed;bottom:25px;right:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#333;color:#fff;width:60px;height:60px;border-radius:99px;text-decoration:none;font-size:13px;font-weight:500;box-shadow:0 3px 6px #00000026;transition:all .25s ease;z-index:999;opacity:0;cursor:pointer}.back-to-menu:hover{background:#222;box-shadow:0 4px 8px #00000040}.back-to-menu .arrow{font-size:2em;line-height:1}.back-to-menu .label{letter-spacing:.5px}.loader{width:80px;height:80px;border:5px dotted #2f6e4f;border-style:solid solid dotted dotted;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;inset:0;margin:auto;border:5px dotted #FF3D00;border-style:solid solid dotted;width:50px;height:50px;border-radius:50%;animation:rotationBack 1s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
