.page-announcement{color:#2a2b2d;flex-wrap:wrap;justify-content:center;display:flex}.page-announcement .page-banner{background-image:url(/images/banner_updates.webp);margin-bottom:50px}.page-announcement .page-container{max-width:var(--ctn-max-w);width:100%;padding:0 var(--ctn-gutter-x)}.page-announcement .page-container .max-tab{padding:0}.page-announcement .page-container .topic-cate{width:100%;font-size:var(--font-h4);line-height:var(--font-h4-lh);margin-bottom:50px;display:flex;position:relative}.page-announcement .page-container .topic-cate-announcement,.page-announcement .page-container .topic-cate-news{cursor:pointer;margin-right:25px;position:relative}.page-announcement .page-container .topic-cate-announcement.active,.page-announcement .page-container .topic-cate-news.active{border-bottom:3px solid #e4bf45;padding-bottom:8px}.page-announcement .page-container .page-search{z-index:1;width:100%;margin-top:var(--ctn-gutter-y);justify-content:space-between;display:flex;position:relative}.page-announcement .page-container .page-search .page-cate{z-index:99}.page-announcement .page-container .page-search .page-cate .cate{padding-right:40px}.page-announcement .page-container .page-search .r-search{align-items:center;display:flex}.page-announcement .page-container .page-search .r-search .filter{color:#c3c6c8;align-items:center;margin-right:25px;display:flex;position:relative}.page-announcement .page-container .page-search .r-search .search-container-wrapper{position:relative}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container{width:300px;margin-right:10px;position:relative}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .search-input{width:100%;height:40px;font-family:Sarabun,sans-serif;font-size:var(--font-h4);line-height:var(--font-h4-lh);color:#000;border:1px solid #c3c6c8;border-radius:20px;outline:none;padding:0 35px 0 15px}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .search-input.err{color:red}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .search-input.active{border:1px solid #000}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .search-input::placeholder{color:#c3c6c8;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .search-icon{cursor:pointer;font-size:var(--font-h3);line-height:var(--font-h3-lh);color:#c3c6c8;z-index:1;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .clear-icon{cursor:pointer;font-size:var(--font-h3);line-height:var(--font-h3-lh);color:#000;z-index:1;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .clear-icon.err{color:red}.page-announcement .page-container .page-search .r-search .error-message{color:red;min-width:300px;font-size:var(--font-h4);line-height:var(--font-h4-lh);margin-top:5px;padding-left:10px;position:absolute}.page-announcement .page-container .page-search .r-search .clear-search{color:#fff;width:150px;height:40px;font-size:var(--font-h4);line-height:var(--font-h4-lh);cursor:pointer;background-color:#8080808c;border:none;border-radius:50px;justify-content:center;align-items:center;padding:0 20px;display:flex}.page-announcement .page-container .page-search .r-search .clear-search.active{background-color:#e4bf45}.page-announcement .page-container .page-search .r-search .clear-search:hover{color:#e4bf45;background:#fff;box-shadow:0 0 20px #e4bf4540}.page-announcement .page-container .page-search .search-res{align-items:center;gap:10px;display:flex}.page-announcement .page-container .page-search .search-res .res-container{background-color:#c3c6c8;border-radius:5px;padding:1px 10px;display:flex}.page-announcement .page-container .page-search .search-res .res-container .clear{cursor:pointer;padding-left:5px}.page-announcement .page-container .page-list{margin-top:var(--ctn-gutter-y);color:#2a2b2d;flex-direction:column;gap:40px;width:100%;margin-bottom:50px;display:flex}.page-announcement .page-container .page-list .list-box{background-color:#fff;border-radius:15px;justify-content:space-between;width:100%;padding:30px;display:flex;box-shadow:0 0 10px #0000001a}.page-announcement .page-container .page-list .list-box:hover{box-shadow:0 0 20px #e4bf4540}.page-announcement .page-container .page-list .list-box:hover .first-row .title{color:#e4bf45}.page-announcement .page-container .page-list .list-box .first-row{width:calc(100% - 240px);margin-bottom:10px}.page-announcement .page-container .page-list .list-box .first-row .content{align-items:center;margin-bottom:10px;display:flex}.page-announcement .page-container .page-list .list-box .first-row .content .date{color:#c3c6c8;font-size:var(--font-h5);line-height:var(--font-h5-lh);padding-right:20px}.page-announcement .page-container .page-list .list-box .first-row .content .category{color:#ad5d5d;font-size:var(--font-h5);line-height:var(--font-h5-lh);border:1px solid #ad5d5d;border-radius:20px;padding:5px 20px}.page-announcement .page-container .page-list .list-box .first-row .title{font-size:var(--font-h4);line-height:var(--font-h4-lh);text-overflow:ellipsis;transition:all .2s;overflow:hidden}.page-announcement .page-container .page-list .list-box .button-sty{width:180px}.page-announcement .page-container .page-list .list-box .button-sty svg{margin-left:5px}.page-announcement .page-container .no-found{max-width:var(--ctn-max-w);padding:0 var(--ctn-gutter-x);color:#c3c6c8;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.page-announcement .page-container .no-found .icon{margin-bottom:10px}.page-announcement .page-container .no-found .title{font-weight:700;font-size:var(--font-h2);line-height:var(--font-h2-lh)}.page-announcement .page-container .no-found .desc{width:100%;font-size:var(--font-h3);line-height:var(--font-h3-lh);text-align:center}.page-announcement .paging{justify-content:center;width:100%;margin-bottom:50px;display:flex}.page-announcement .paging .pagination{margin:0;padding:0;list-style:none;display:flex}.page-announcement .paging .pagination li{margin:0 5px}.page-announcement .paging .pagination a{color:#c3c6c8;border-radius:5px;padding:5px 10px;text-decoration:none}.page-announcement .paging .pagination a:hover{color:#2a2b2d}.page-announcement .paging .pagination .active a{color:#f5f5f5;background-color:#ca981e}@media screen and (max-width:980px){.page-announcement .page-banner{height:100px;margin-bottom:25px}.page-announcement .page-banner .page-title{text-align:center;font-size:30px}.page-announcement .page-container .topic-cate{margin-bottom:25px}.page-announcement .page-container .page-search{z-index:1;flex-direction:column-reverse;display:flex;position:relative}.page-announcement .page-container .page-search .r-search{justify-content:space-between;margin-bottom:25px}.page-announcement .page-container .page-search .r-search .search-container-wrapper{width:calc(100% - 105px)}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container{width:100%;margin-right:5px}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .search-icon{top:55%}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .clear-icon{top:50%}.page-announcement .page-container .page-search .r-search .search-container-wrapper .error-message{margin-top:0}.page-announcement .page-container .page-search .r-search .clear-search{width:100px}.page-announcement .page-container .page-list{gap:20px;margin-top:25px;margin-bottom:25px}.page-announcement .page-container .page-list .list-box{justify-content:initial;flex-direction:column;padding:15px;display:flex}.page-announcement .page-container .page-list .list-box .first-row{width:100%}.page-announcement .page-container .page-list .list-box .first-row .content{margin-bottom:5px}.page-announcement .page-container .page-list .list-box .first-row .content .date{padding-right:10px;font-size:11px;line-height:15px}.page-announcement .page-container .page-list .list-box .first-row .content .category{padding:1px 10px;font-size:11px;line-height:15px}.page-announcement .page-container .page-list .list-box .first-row .title{max-width:100%;max-height:40px}.page-announcement .page-container .page-list .list-box .button-sty{width:150px}.page-announcement .page-container .page-list .list-box .button-sty svg{margin-left:0}.page-announcement .paging{margin-bottom:25px}}@media (max-width:767px){.page-announcement .page-banner{background-image:url(/images/banner_updates_mb.webp)}}