@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&display=swap);.nav-items,.navbar{display:-webkit-box;display:-ms-flexbox}.nav-icon,.nav-item{width:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer}.nav-item,.navbar{position:relative}.faq-box .faq-box-title,.faq-title,.title{font-family:PrachasonNeue;font-weight:700}.article-title,.faq-info span,.faq-title,.result-title,.title{font-weight:700}.hamburger,.result-content,.result-error-btn,.result-error-title,.title{text-align:center}@font-face{font-family:PrachasonNeue;src:url(fonts/PrachasonNeue-Regular.woff2) format('woff2'),url(fonts/PrachasonNeue-Regular.woff) format('woff');font-weight:400;font-display:swap}@font-face{font-family:PrachasonNeue;src:url(fonts/PrachasonNeue-Bold.woff2) format('woff2'),url(fonts/PrachasonNeue-Bold.woff) format('woff');font-weight:700;font-display:swap}@font-face{font-family:PrachasonNeue;src:url(fonts/PrachasonNeue-SemiBold.woff2) format('woff2'),url(fonts/PrachasonNeue-SemiBold.woff) format('woff');font-weight:600;font-display:swap}@font-face{font-family:PrachasonNeue-SemiCondensed;src:url(fonts/PrachasonNeue-SemiCondensedBold.woff2) format('woff2'),url(fonts/PrachasonNeue-SemiCondensedBold.woff) format('woff');font-weight:700;font-display:swap}*{margin:0;padding:0;font-family:"IBM Plex Sans Thai Looped",sans-serif}.navbar{display:flex;height:70px;overflow:hidden;-webkit-box-shadow:0 4px 4px rgb(0,0,0,.25);box-shadow:0 4px 4px rgb(0,0,0,.25);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 64px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;z-index:20;-webkit-transition:-webkit-transform .2s;transition:transform .2s;-o-transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.nav-icon,.nav-icon img{height:100%}.nav-item,.navbar-overlay{-ms-flex-direction:column}.navbar.hide{-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);transform:translateY(-70px)}.nav-icon{user-select:none}.nav-items{display:flex;gap:24px}.nav-image,.nav-item{display:-webkit-box;display:-ms-flexbox}.nav-item{display:flex;font-size:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;user-select:none;color:#555;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}.nav-image,.nav-item:hover::after{width:100%}.faq-box,.hamburger{-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-item::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background-color:red;-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.nav-item:hover{color:#000}.nav-image{height:120px;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-overlay,.navbar-overlay .nav-items{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.nav-image img{height:100%;-webkit-transform:translateY(-84px);-ms-transform:translateY(-84px);transform:translateY(-84px)}.navbar-overlay{display:flex;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;visibility:hidden;position:fixed;width:100%;height:100%;z-index:5;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:1;background-color:#f9f9f9;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out;-o-transition:opacity .2s ease-out,transform .2s ease-out}.navbar-overlay.show{visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.navbar-overlay .nav-items{display:flex;-ms-flex-direction:column;flex-direction:column}.navbar-overlay .nav-item{height:50px;text-align:center;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}.hamburger:hover,.navbar-overlay .nav-item:hover{background-color:#eee}.hamburger{font-size:36px;line-height:40px;width:40px;height:40px;border-radius:100%;cursor:pointer;user-select:none;box-sizing:border-box}.mobile-only{display:none}.desktop-only,.faq-display{display:-webkit-box;display:-ms-flexbox}.desktop-only{display:flex}.container{max-width:1240px;margin:0 auto;padding:0 16px}.title{font-size:48px;line-height:56px;margin:36px auto}.faq-title{font-size:16px}.article-title,.faq-box.active .faq-box-title{font-size:24px;line-height:30px}.faq-line{background-color:red;width:100%;height:1px;margin:4px auto}.faq-contents{margin-top:24px}.faq-box{width:100%;background-color:#f2f2f2;padding:24px;margin:16px 0;box-sizing:border-box;border-radius:16px;user-select:none;cursor:pointer;-webkit-transition:background-color .2s,color .2s;-o-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}.article,.article-text{-webkit-box-sizing:border-box}.article,.result-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer}.faq-box.active{background-color:#ff4c52;color:#fff}.faq-box:hover{background-color:#dfdfdf}.faq-box.active:hover,.result-error-btn:hover{background-color:#f94046}.article:hover,.result-btn.red:hover{background-color:#ff4c52}.faq-display{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles,.faq-box .faq-box-expand,.result-banner{display:-webkit-box;display:-ms-flexbox}.faq-box .faq-box-title{font-size:18px;line-height:24px;-webkit-transition:font-size .4s;-o-transition:font-size .4s;transition:font-size .4s}.faq-box .faq-box-expand{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;stroke:black;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.faq-box.active .faq-box-expand{stroke:white;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.faq-box .faq-expanded{max-height:0;-webkit-transition:max-height .2s;-o-transition:max-height .2s;transition:max-height .2s;overflow:hidden}.faq-box.active .faq-expanded{max-height:400px}.faq-expanded-line{margin:24px 0;width:100%;height:1px;background-color:#fff}.faq-info{color:#fff}.articles{margin:0 auto;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.article{width:calc(33.333% - 20px);background-color:#f2f2f2;border-radius:5px;overflow:hidden;box-sizing:border-box;user-select:none;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1)}.article:hover{-webkit-transition:.1s;-o-transition:.1s;transition:.1s}.article:hover .article-text{color:#fff;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}.article:hover .article-date,.result-btn{-webkit-transition:.1s;-o-transition:.1s}.article:hover .article-date{color:#d2d2d2;transition:.1s}.article-image{width:100%;height:200px;overflow:hidden}.article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article:hover .article-image img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.article-text{padding:16px;box-sizing:border-box}.result-content,.result-title{-webkit-box-sizing:border-box}.article-date{font-size:12px;color:#555}.result-banner{position:relative;overflow:hidden;width:100%;height:50vh;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.result-btns,.result-btns-line{display:-webkit-box;display:-ms-flexbox;gap:10px;width:100%}.result-banner img{height:100%;width:auto;display:block;-o-object-fit:cover;object-fit:cover}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,transparent),to(white));background:-o-linear-gradient(top,transparent 40%,#fff 100%);background:linear-gradient(to bottom,transparent 40%,#fff 100%);pointer-events:none}.result-content{margin-top:-140px;position:relative;box-sizing:border-box}.result-sub{font-size:20px}.result-title{color:red;font-size:56px;line-height:55px;margin:16px 0;box-sizing:border-box}.result-btn,.result-btns{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal}.result-title s{text-decoration:none;font-size:42px;line-height:0}.result-sub2{font-size:16px;margin:16px 4px}.result-desc{opacity:.8;font-size:12px;margin:16px 0}.result-btns{padding:0 30px;box-sizing:border-box;max-width:460px;display:flex;-ms-flex-direction:column;flex-direction:column;margin:22px 0}.result-btns-line{display:flex}.result-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;height:40px;border-radius:30px;border:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;user-select:none;transition:.1s;color:#000;-webkit-box-shadow:3px 3px 4px rgba(0,0,0,.25);box-shadow:3px 3px 4px rgba(0,0,0,.25)}.result-btn:hover{background-color:#dedede;color:#000}.result-btn.red{background-color:red;color:#fff;-webkit-box-shadow:none;box-shadow:none}.container-result{margin:0 auto;max-width:460px;overflow:hidden}.result-error-title{font-size:24px;margin:48px}.result-error-btn{background-color:red;color:#fff;border-radius:24px;padding:12px;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}@media (max-width:1244px){.navbar{padding:16px 32px}.nav-items{gap:16px}.faq-title{font-size:14px}.articles{max-width:850px}.article{width:calc(50% - 20px)}}@media (min-width:461px) and (max-width:1244px){.result-banner img{height:auto;width:100%}}@media (min-width:1245px){.result-banner img{height:auto;width:1244px}.result-btns{width:1244px;margin:0 auto}.result-title{font-size:72px;line-height:60px}}@media (max-width:600px){.articles{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.article{width:100%;max-width:420px}}@media (max-width:460px){.mobile-only{display:block}.desktop-only{display:none}.navbar{padding:16px;height:60px}.hamburger{font-size:28px;line-height:32px;width:30px;height:30px}.title{font-size:32px;line-height:36px;margin:24px auto}}