.page-announcement{display:flex;flex-wrap:wrap;justify-content:center;color:#2A2B2D}.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{display:flex;position:relative;width:100%;margin-bottom:50px;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.page-announcement .page-container .topic-cate-announcement,.page-announcement .page-container .topic-cate-news{margin-right:25px;cursor:pointer;position:relative}.page-announcement .page-container .topic-cate-announcement.active,.page-announcement .page-container .topic-cate-news.active{padding-bottom:8px;border-bottom:3px solid #e4bf45}.page-announcement .page-container .page-search{width:100%;display:flex;justify-content:space-between;position:relative;z-index:1;margin-top:var(--ctn-gutter-y)}.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{display:flex;align-items:center}.page-announcement .page-container .page-search .r-search .filter{display:flex;align-items:center;margin-right:25px;position:relative;color:#C3C6C8}.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{position:relative;width:300px;margin-right:10px}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .search-input{font-family:Sarabun,sans-serif;border:1px solid #c3c6c8;width:100%;height:40px;padding:0 35px 0 15px;font-size:var(--font-h4);line-height:var(--font-h4-lh);border-radius:20px;outline:none;color:#000000}.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 black}.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;position:absolute;top:50%;right:13px;transform:translateY(-50%);font-size:var(--font-h3);line-height:var(--font-h3-lh);color:#C3C6C8;z-index:1}.page-announcement .page-container .page-search .r-search .search-container-wrapper .search-container .clear-icon{cursor:pointer;position:absolute;top:50%;right:13px;transform:translateY(-50%);font-size:var(--font-h3);line-height:var(--font-h3-lh);color:#000000;z-index:1}.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{min-width:300px;position:absolute;color:red;font-size:var(--font-h4);line-height:var(--font-h4-lh);padding-left:10px;margin-top:5px}.page-announcement .page-container .page-search .r-search .clear-search{color:#FFFFFF;background-color:#8080808C;height:40px;width:150px;padding:0 20px;font-size:var(--font-h4);line-height:var(--font-h4-lh);border:none;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:center}.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{background:#FFFFFF;color:#E4BF45;box-shadow:0 0 20px 0 rgba(228,191,69,.25)}.page-announcement .page-container .page-search .search-res{display:flex;gap:10px;align-items:center}.page-announcement .page-container .page-search .search-res .res-container{padding:1px 10px;background-color:#C3C6C8;border-radius:5px;display:flex}.page-announcement .page-container .page-search .search-res .res-container .clear{padding-left:5px;cursor:pointer}.page-announcement .page-container .page-list{margin-top:var(--ctn-gutter-y);margin-bottom:50px;width:100%;color:#2A2B2D;display:flex;flex-direction:column;gap:40px}.page-announcement .page-container .page-list .list-box{width:100%;padding:30px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:15px;background-color:#FFFFFF;display:flex;justify-content:space-between}.page-announcement .page-container .page-list .list-box:hover{box-shadow:0 0 20px 0 rgba(228,191,69,.25)}.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{display:flex;align-items:center;margin-bottom:10px}.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{padding:5px 20px;border:1px solid #ad5d5d;border-radius:20px;color:#AD5D5D;font-size:var(--font-h5);line-height:var(--font-h5-lh)}.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;overflow:hidden;transition:all .2s ease}.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);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#C3C6C8}.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{width:100%;margin-bottom:50px;display:flex;justify-content:center}.page-announcement .paging .pagination{display:flex;list-style:none;padding:0;margin:0}.page-announcement .paging .pagination li{margin:0 5px}.page-announcement .paging .pagination a{color:#C3C6C8;text-decoration:none;padding:5px 10px;border-radius:5px}.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{margin-bottom:25px;height:100px}.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{position:relative;z-index:1;display:flex;flex-direction:column-reverse}.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{margin-top:25px;margin-bottom:25px;gap:20px}.page-announcement .page-container .page-list .list-box{padding:15px;display:flex;justify-content:normal;flex-direction:column}.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{font-size:11px;line-height:15px;padding-right:10px}.page-announcement .page-container .page-list .list-box .first-row .content .category{font-size:11px;line-height:15px;padding:1px 10px}.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)}}