:root{--header-height:90px;--side-width:245px;--accent:#f0d38b;--card-radius:10px;--container-gap:22px;--max-width:1220px;--grid-sidebar-width:300px;--shadow:0 6px 20px rgba(0,0,0,.12);--accent:rgba(20,120,20,.85);--darkgreen:#09270e;--green:#005600;--lightgreen:#efe;--font:"Sarabun","TH Sarabun New","Cordia New",sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#094a09,#538e06);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0b5e0b,#64a308)}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box;scrollbar-color:#094a09 rgba(0,0,0,.05);scrollbar-width:thin}#app,body,html{height:100%}body{color:#111;margin:0;-webkit-font-smoothing:antialiased;background:url(../img/bg-body.jpg)}body,button,input,select,textarea{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#1c1e21;line-height:1.34}a{color:#000;text-decoration:none}.header{align-items:center;background:#00560080;box-shadow:0 2px #0000001f,0 6px 18px #0000001f;display:flex;justify-content:space-between;left:0;min-height:90px;padding:0 16px;padding-left:calc(var(--side-width) + 15px);right:0;top:0;z-index:950}body.page-id .header{background:linear-gradient(79.42deg,#094a09 45.14%,#538e06 102.58%)!important}.left{align-items:center;display:flex;gap:12px}.menu-btn{background:none;border:none;cursor:pointer}.right{align-items:center;display:flex;gap:8px}.login-btn,.register-btn{align-items:center;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 33px;text-decoration:none}.login-btn{background:linear-gradient(264.1deg,#fea409 -28.61%,#fcd374 89.33%)}.register-btn{background:#fff}.hamburger{align-items:center;display:flex}.hamburger,.search-btn{background:transparent;border:none;cursor:pointer;padding:6px}.board-btn:hover,.login-btn:hover,.prisoner-btn:hover,.register-btn:hover{opacity:.9}@media(max-width:425px){.header-logo{max-width:124px}}@media(max-width:1024px){.header{background:linear-gradient(90deg,#094a09e6,#538e06);padding-left:0}}@media(min-width:1025px){.hamburger,.search-btn{display:none}.sidebar-collapsed .header-wrapper{max-width:984px}}@media(min-width:1180px){.header{margin-left:0}.sidebar-collapsed .header{margin-left:0;padding-left:calc(var(--side-width) - 140px)}}@media(min-width:1366px){.header{margin-left:48px}.sidebar-collapsed .header{margin-left:0;padding-left:calc(var(--side-width) - 40px)}}@media(min-width:1440px){.header{margin-left:86px}.sidebar-collapsed .header{margin-left:0;padding-left:calc(var(--side-width) - 15px)}.header-wrapper{max-width:970px}}.sidebar-expanded{overflow-x:hidden}.overlay{background:#00000073;inset:0;position:fixed;z-index:900}.sidebar{background:#005600;color:#fff;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:250px;will-change:width,transform;z-index:999}.sidebar.collapsed{align-items:center;width:86px}.sidebar.collapsed .side__list{align-items:center}.sidebar.mobile{max-width:320px;top:90px;transform:translate(-100%);width:80%}.sidebar.mobile.open{top:calc(var(--header-height));transform:translate(0)}.sidebar-inner{flex-direction:column;height:100%}.side__header,.sidebar-inner{display:flex;justify-content:flex-start}.side__header{align-items:center;padding:24px 16px;position:relative}.header-item{flex-shrink:0;height:72px;min-height:72px;position:relative;width:100%}.sidebar.collapsed .side__logo-link{pointer-events:none}.side__logo-link{display:block;max-width:180px;overflow:hidden}.side__logo{transition:opacity .25s ease,transform .25s ease;width:180px}.collapse-btn{background:transparent;border:none;cursor:pointer;transition:transform .25s ease;will-change:transform}.sidebar.collapsed .collapse-btn{transform:rotate(180deg)}.sidebar.collapsed .side__logo{opacity:0;transform:translate(-10px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.side__list{display:flex;flex-direction:column;padding:8px 0}.side__item{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;gap:14px;padding:14px 20px;text-decoration:none;transition:background .3s}.side__item:hover{background:#ffffff1a}.side__icon{width:20px}.side__divider{border-top:1px solid hsla(0,0%,100%,.15);margin:10px 0}.side__footer{bottom:0;left:0;padding:16px 20px;position:absolute;width:100%}.sidebar.collapsed .side__footer{padding:16px 10px}.btn-old{align-items:center;background:#e25a2c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:10px;text-decoration:none;width:100%}.btn-old:hover{opacity:.9}.sidebar.collapsed .btn-old{font-size:12px;padding:5px}.section{background:#fff;border-radius:var(--card-radius);box-shadow:var(--shadow);overflow:hidden;padding:12px}.main-content{display:flex;flex:1;justify-content:center;min-height:calc(100vh - 56px);padding-top:10px;transition:margin-left .3s ease}.section-title{align-items:center;display:flex;flex-wrap:wrap;font-size:28px;font-weight:600;gap:6px;margin-bottom:15px;margin-top:0}.text-green{color:#005600}.text-white{color:#fff}.content-wrapper{border-radius:12px;box-shadow:0 2px 10px #0000000d}.content-wrapper,.footer-container{align-items:center;max-width:1000px;width:100%}@media(min-width:1025px){.main-content{margin-left:75px}footer.footer-container{margin-left:248px}:deep(.sidebar.collapsed)~.main-content{margin-left:80px}}@media(min-width:1920px){.content-wrapper,.footer-container{max-width:1400px}}@media(min-width:2560px){.content-wrapper,.footer-container{max-width:1800px}}@media(max-width:1024px){.main-content{margin-left:0}.content-wrapper{width:100%}}.btn{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:400;gap:8px;padding:8px 12px}.btn--ghost{background:#ffffff1f;color:#fff}.btn--accent{background:var(--accent);color:#222}.btn--green{background:var(--green);color:#fff}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}*,:after,:before{box-sizing:border-box}.ratio{position:relative;width:100%}.ratio:before{content:"";display:block;padding-top:var(--bs-aspect-ratio)}.ratio-16x9{aspect-ratio:16/9}.ratio-4x3{aspect-ratio:4/3}.ratio-1x1{aspect-ratio:1}.page-frame{background-image:url(/grass-bg.jpg);background-size:cover;border-radius:12px;padding:18px}.container{margin:0 auto;max-width:var(--max-width)}.feature-grid{align-items:start;display:grid;gap:var(--container-gap);grid-template-columns:1fr var(--grid-sidebar-width)}.feature-left{border-radius:calc(var(--card-radius) - 2px);height:380px;overflow:hidden;position:relative}.feature-bg{background-position:50%;background-size:cover;filter:contrast(.95);inset:0;position:absolute}.feature-overlay{background:linear-gradient(0deg,#023d02 0,#023d0280 20%,#023d0200 50%);bottom:0;color:#fff;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:flex-end;left:0;padding:28px;position:absolute;right:0}.category{font-size:12px;letter-spacing:1px;opacity:.85;text-transform:uppercase}.feature-title{font-size:36px;font-weight:800;line-height:1.05;margin:0}.feature-excerpt{font-size:16px;max-width:80%;opacity:.95}.sidebar{display:flex;flex-direction:column;gap:16px}.side-card{align-items:center;background:linear-gradient(180deg,#fff,#f8fffb);border-radius:12px;box-shadow:0 6px 16px #0000000f;display:flex;gap:12px;min-height:86px;overflow:hidden;padding:10px}.side-thumb{background:#ddd;border-radius:8px;flex:0 0 120px;height:72px;overflow:hidden;position:relative}.side-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.side-text{flex:1;min-width:0}.side-title{font-size:14px;font-weight:700;line-height:1.2;margin:0 0 6px}.side-excerpt,.side-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-excerpt{display:block;font-size:13px;margin:0;opacity:.85}.card{background:#fff;border-radius:var(--card-radius);box-shadow:var(--shadow);overflow:hidden;padding:18px}.card-inner{background:transparent;border-radius:calc(var(--card-radius) - 6px);padding:12px}.breadcrumb{color:#777;display:block;font-size:.85rem;margin:0 auto .8rem}.breadcrumb a{color:#1e66f0;font-weight:500;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .active{color:#555;font-weight:500}@media(max-width:1100px){.feature-left{height:520px}.feature-title{font-size:32px}}@media(max-width:1180px){.feature-left{height:520px}}@media(max-width:880px){.feature-grid{grid-template-columns:1fr 300px}.feature-left{height:480px}}@media(max-width:768px){.feature-grid{grid-template-columns:1fr}.feature-left{border-radius:10px;height:295px}.feature-title{font-size:24px}.feature-excerpt{font-size:14px;max-width:100%}.header-logo{height:auto;width:140px}.login-btn{display:block;font-weight:500;padding:8px;text-align:center;width:100px}.hamburger img{width:32px}.search-btn{padding:0}.search-btn img{width:32px}.side__footer{position:unset;width:300px}}@media(max-width:1023px){.main-content{padding-top:0}.card-inner,.section{border-radius:0;padding:0}.feature-left{border-radius:0}}@media(min-width:1200px){.feature-left{height:548px}}@media(min-width:1441px){.feature-left{height:722px}}.img-fluid{height:auto;max-width:100%}.btn-all{background:#094a09;background:linear-gradient(90deg,#094a09 58%,#538e06 90%);border-radius:10px;color:#fff;font-size:14px;margin:5px 0;padding:5px;text-decoration:none}.btn-all,.text-center{text-align:center}.text-left{text-align:left}@media(min-width:992px){.d-none{display:none!important}}.news-item{border-radius:12px;overflow:hidden;position:relative}.news-carousel .news-item{flex:1}.news-cover{border-radius:12px;overflow:hidden;position:relative;width:100%}.news-cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.feature-left:hover img,.news-item:hover img,.post-card:hover img{transform:scale(1.05)}.news-overlay{background:linear-gradient(0deg,#023d02 0,#023d0280 10%,#023d0200 50%);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:10px;position:absolute}.news-title{display:-webkit-box;font-size:14px;font-weight:600;-webkit-line-clamp:2;line-height:1.5;margin:0;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-box-orient:vertical}.news-excerpt{font-size:13px;margin:4px 0 0;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:768px){.news-overlay{padding:10px}.news-title{font-size:13px}.news-excerpt{font-size:12px}}.post-card.h-card{cursor:pointer;display:flex;gap:10px;padding-bottom:10px}.post-card.h-card .post-thumbnail{flex:1}.post-card.h-card .hot-news-item__content-list{flex:1.2}.post-thumbnail{border-radius:10px;overflow:hidden;position:relative;width:100%}.post-thumbnail img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.meta-box{padding:16px 0}.meta-info{justify-content:space-between;margin-bottom:10px}.comment-view,.meta-info{align-items:center;color:#949494;display:flex;font-size:12px}.comment-view{gap:6px}.entry-title{font-size:22px;font-weight:600;line-height:1.5;margin:0 0 5px}.entry-title,.excerpt{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.excerpt{color:#444;font-size:16px;margin-bottom:0;margin-top:0}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.g-10{gap:10px}@media(max-width:768px){.d-flex{flex-direction:column;margin:0 5px}}.top_banner img{display:block;height:auto;max-width:100%}.footer_banner,.footer_mobile_banner,.inner-banner,.top_banner{display:none!important}.d-none{display:none}.locker-left img{height:auto;max-width:100%!important}.toast-container[data-v-7bb828d3]{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:99999}.toast-card[data-v-7bb828d3]{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid hsla(0,0%,100%,.6);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 6px #0000000d;display:flex;max-width:90vw;overflow:hidden;padding:16px;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:360px}.toast-content[data-v-7bb828d3]{display:flex;flex:1;flex-direction:column;justify-content:center;padding:0 12px}.toast-title[data-v-7bb828d3]{color:#1a1a1a;font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 4px}.toast-message[data-v-7bb828d3],.toast-title[data-v-7bb828d3]{font-family:Sarabun,TH Sarabun New,Cordia New,sans-serif}.toast-message[data-v-7bb828d3]{color:#555;font-size:.875rem;line-height:1.4;margin:0}.toast-icon-wrapper[data-v-7bb828d3]{flex-shrink:0;height:24px;margin-top:2px;width:24px}.toast-close-btn[data-v-7bb828d3],.toast-icon-wrapper[data-v-7bb828d3]{align-items:center;display:flex;font-size:1.25rem;justify-content:center}.toast-close-btn[data-v-7bb828d3]{background:transparent;border:none;border-radius:4px;color:#999;cursor:pointer;margin:-4px -4px 0 0;padding:4px;transition:color .2s}.toast-close-btn[data-v-7bb828d3]:hover{background:#0000000d;color:#333}.toast-progress-bar[data-v-7bb828d3]{background:#0000000d;bottom:0;height:3px;left:0;position:absolute;width:100%}.toast-progress-fill[data-v-7bb828d3]{height:100%;transition:width .1s linear}.toast-card.success .toast-icon-wrapper i[data-v-7bb828d3]{color:var(--green,#005600)}.toast-card.success .toast-progress-fill[data-v-7bb828d3]{background:var(--green,#005600)}.toast-card.error .toast-icon-wrapper i[data-v-7bb828d3]{color:#d32f2f}.toast-card.error .toast-progress-fill[data-v-7bb828d3]{background:#d32f2f}.toast-card.warning .toast-icon-wrapper i[data-v-7bb828d3]{color:#f57c00}.toast-card.warning .toast-progress-fill[data-v-7bb828d3]{background:#f57c00}.toast-card.info .toast-icon-wrapper i[data-v-7bb828d3]{color:#0288d1}.toast-card.info .toast-progress-fill[data-v-7bb828d3]{background:#0288d1}.toast-enter-active[data-v-7bb828d3],.toast-leave-active[data-v-7bb828d3]{transition:all .4s cubic-bezier(.25,.8,.25,1)}.toast-enter-from[data-v-7bb828d3],.toast-leave-to[data-v-7bb828d3]{opacity:0;transform:translate(30px) scale(.95)}.toast-leave-active[data-v-7bb828d3]{position:absolute}@media(max-width:480px){.toast-container[data-v-7bb828d3]{align-items:center;inset:auto 16px 24px}.toast-card[data-v-7bb828d3]{width:100%}}.cookie-consent[data-v-8ce70c51]{animation:slideIn-8ce70c51 .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid rgba(0,0,0,.08);border-radius:16px;bottom:20px;box-shadow:0 8px 32px #00000026;font-family:Sarabun,TH Sarabun New,Cordia New,sans-serif;padding:1.5rem;position:fixed;right:20px;width:340px;z-index:9999}@keyframes slideIn-8ce70c51{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.content[data-v-8ce70c51]{display:flex;gap:1rem;margin-bottom:1.2rem}.icon[data-v-8ce70c51]{color:#d97706;font-size:2rem}.text h3[data-v-8ce70c51]{color:#111;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.text p[data-v-8ce70c51]{color:#555;font-size:.85rem;line-height:1.5;margin:0}.actions[data-v-8ce70c51]{display:flex;gap:.5rem}.btn[data-v-8ce70c51]{border:none;border-radius:8px;cursor:pointer;display:inline-block;flex:1;font-family:inherit;font-size:.85rem;font-weight:500;padding:.55rem .5rem;transition:all .2s}.btn-outline[data-v-8ce70c51]{background:transparent;border:1px solid #ddd;color:#555}.btn-outline[data-v-8ce70c51]:hover{background:#f5f5f5;border-color:#ccc}.btn-reject[data-v-8ce70c51]{background:#f5f5f5;border:1px solid #ddd;color:#666}.btn-reject[data-v-8ce70c51]:hover{background:#eee}.btn-accept[data-v-8ce70c51]{background:#005600;box-shadow:0 4px 12px #00560033;color:#fff}.btn-accept[data-v-8ce70c51]:hover{background:#040;transform:translateY(-1px)}.btn-save[data-v-8ce70c51]{background:#2563eb;color:#fff}.btn-save[data-v-8ce70c51]:hover{background:#1d4ed8}.cookie-trigger[data-v-8ce70c51]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:50%;bottom:20px;box-shadow:0 4px 16px #0000001f;color:#d97706;cursor:pointer;display:flex;font-size:1.3rem;height:44px;justify-content:center;position:fixed;right:20px;transition:all .3s;width:44px;z-index:9998}.cookie-trigger[data-v-8ce70c51]:hover{box-shadow:0 6px 20px #00000026;color:#b45309;transform:scale(1.1)}.cookie-modal-overlay[data-v-8ce70c51]{align-items:center;animation:fadeIn-8ce70c51 .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}@keyframes fadeIn-8ce70c51{0%{opacity:0}to{opacity:1}}.cookie-modal[data-v-8ce70c51]{animation:modalSlideIn-8ce70c51 .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}@keyframes modalSlideIn-8ce70c51{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-8ce70c51]{border-bottom:1px solid #eee;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header[data-v-8ce70c51],.modal-header h3[data-v-8ce70c51]{align-items:center;display:flex}.modal-header h3[data-v-8ce70c51]{color:#111;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.modal-header h3 i[data-v-8ce70c51]{color:#d97706}.close-btn[data-v-8ce70c51]{align-items:center;background:none;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn[data-v-8ce70c51]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-8ce70c51]{padding:1.5rem}.modal-desc[data-v-8ce70c51]{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.cookie-option[data-v-8ce70c51]{align-items:flex-start;background:#f9fafb;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.option-info[data-v-8ce70c51]{flex:1}.option-header[data-v-8ce70c51]{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.option-title[data-v-8ce70c51]{color:#111;font-size:.95rem;font-weight:600}.badge[data-v-8ce70c51]{border-radius:4px;font-size:.7rem;font-weight:500;padding:.15rem .5rem}.badge-required[data-v-8ce70c51]{background:#e0f2fe;color:#0369a1}.option-desc[data-v-8ce70c51]{color:#666;font-size:.8rem;line-height:1.4;margin:0}.toggle-switch[data-v-8ce70c51]{flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input[data-v-8ce70c51]{height:0;opacity:0;width:0}.toggle-switch .slider[data-v-8ce70c51]{background:#ccc;border-radius:26px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-switch .slider[data-v-8ce70c51]:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.slider[data-v-8ce70c51]{background:#005600}.toggle-switch input:checked+.slider[data-v-8ce70c51]:before{transform:translate(22px)}.toggle-switch.disabled .slider[data-v-8ce70c51]{background:#a3d9a5;cursor:not-allowed}.modal-footer[data-v-8ce70c51]{border-top:1px solid #eee;display:flex;gap:.5rem;padding:1rem 1.5rem 1.5rem}.modal-footer .btn[data-v-8ce70c51]{flex:1}@media(max-width:480px){.cookie-consent[data-v-8ce70c51]{bottom:16px;padding:1.25rem;right:16px;width:calc(100% - 32px)}.actions[data-v-8ce70c51]{flex-wrap:wrap}.actions .btn[data-v-8ce70c51]{flex:1 1 100%}.actions .btn-accept[data-v-8ce70c51]{order:-1}.cookie-modal[data-v-8ce70c51]{border-radius:16px 16px 0 0;bottom:0;max-height:85vh;max-width:100%;position:fixed}.modal-footer[data-v-8ce70c51]{flex-direction:column}}.text-center[data-v-8ce70c51]{text-align:center}