.page-news{display:flex;flex-wrap:wrap;justify-content:center}.page-news .page-banner{margin-bottom:50px}.page-news .page-container{max-width:var(--ctn-max-w);width:100%}.page-news .page-container .topic-cate{display:flex;position:relative;width:100%;padding:0 var(--ctn-gutter-x);margin-bottom:50px;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.page-news .page-container .topic-cate-announcement,.page-news .page-container .topic-cate-news{margin-right:25px;cursor:pointer;position:relative}.page-news .page-container .topic-cate-announcement.active,.page-news .page-container .topic-cate-news.active{padding-bottom:8px;border-bottom:3px solid #e4bf45}.page-news .page-container .page-cate{width:100%;display:flex;padding:0 var(--ctn-gutter-x);position:relative;z-index:1;margin-top:var(--ctn-gutter-y)}.page-news .page-container .page-list{margin-top:var(--ctn-gutter-y);margin-bottom:var(--ctn-gutter-y);width:100%;padding:0 var(--ctn-gutter-x);color:#2A2B2D;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}.page-news .page-container .page-list .list-box{max-width:765px;display:flex;padding:30px;border:1px;border-radius:15px;border-color:#C3C6C8;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.1);cursor:pointer}.page-news .page-container .page-list .list-box:hover{box-shadow:0 0 20px 0 rgba(228,191,69,.25)}.page-news .page-container .page-list .list-box:hover .content .header{color:#E4BF45}.page-news .page-container .page-list .list-box .img-banner{align-content:center;width:50%;overflow:hidden;border-radius:15px}.page-news .page-container .page-list .list-box .img-banner img{object-fit:cover;width:100%;height:100%;border-radius:15px;transition:transform 1s ease}.page-news .page-container .page-list .list-box .img-banner img:hover{transform:scale(1.1)}.page-news .page-container .page-list .list-box .content{width:50%;align-content:center;margin-left:20px;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.page-news .page-container .page-list .list-box .content .box{display:flex;align-items:center;margin-bottom:0}.page-news .page-container .page-list .list-box .content .pipe{width:1px;height:18px;background-color:#C3C6C8;margin:0 10px}.page-news .page-container .page-list .list-box .content .cat{font-size:var(--font-h4);line-height:var(--font-h4-lh);color:#97504D;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-news .page-container .page-list .list-box .content .header{font-size:var(--font-h4);line-height:var(--font-h4-lh);line-height:27px;font-weight:600;color:#000000;transition:all .2s ease;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;box-sizing:border-box;margin-top:2px}.page-news .page-container .page-list .list-box .content .date{font-size:var(--font-h5);line-height:var(--font-h5-lh);color:#84898C;white-space:nowrap}.page-news .page-container .page-list .list-box .content .description{font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:400;color:#000000;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-news .paging{display:flex;justify-content:center;width:100%}.page-news .paging .pagination{display:flex;list-style:none;padding:0;margin-top:0;margin-bottom:50px}.page-news .paging .pagination li{margin:0 5px}.page-news .paging .pagination a{color:#C3C6C8;text-decoration:none;padding:5px 10px;border-radius:5px}.page-news .paging .pagination a:hover{color:#2A2B2D}.page-news .paging .pagination .active a{color:#F5F5F5;background-color:#CA981E}.dropdown{position:relative;display:inline-block}.dropdown .dd-container{background:none;color:#C3C6C8;cursor:pointer;align-items:center;display:flex;border:1px solid #c3c6c8;padding:5px 20px;border-radius:50px;justify-content:space-between;min-width:300px;height:40px}.dropdown .dd-container:hover{color:#E4BF45}.dropdown .dd-container .title{font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:500;color:#84898C}.dropdown .dd-container .icon{font-size:14px;line-height:14px;color:#84898C;transform:rotate(90deg)}.dropdown .dd-container .icon.open{transform:rotate(270deg)}.dropdown .dd-container.active .icon,.dropdown .dd-container.active .title{color:#CA981E}.dropdown .popup{position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,.1);border-radius:15px;z-index:10;min-width:300px;margin-top:10px}.dropdown .popup .popup-content{display:block;padding:0 20px;text-align:left;background:none;border:none;width:100%;cursor:pointer;height:55px;font-size:var(--font-h4);line-height:var(--font-h4-lh)}.dropdown .popup button{font-family:Sarabun,sans-serif}@media screen and (max-width:980px){.page-news .page-banner{margin-bottom:20px;height:100px}.page-news .page-banner .page-title{text-align:center;font-size:30px}.page-news .page-container .topic-cate{margin-bottom:20px}.page-news .page-container .page-list{display:flex;flex-direction:column;margin-top:20px;margin-bottom:25px;gap:0;grid-template-columns:repeat(1,1fr)}.page-news .page-container .page-list .list-box{padding:15px;margin-bottom:20px;max-width:100%;min-height:110px}.page-news .page-container .page-list .list-box .img-banner{width:150px}.page-news .page-container .page-list .list-box .content{margin-left:10px;width:calc(100% - 150px)}.page-news .page-container .page-list .list-box .content .box{margin-bottom:0}.page-news .page-container .page-list .list-box .content .pipe{margin:0 5px}.page-news .page-container .page-list .list-box .content .cat{font-size:var(--font-h5);line-height:var(--font-h5-lh)}.page-news .page-container .page-list .list-box .content .header{line-clamp:2;-webkit-line-clamp:2;font-size:var(--font-h5);line-height:var(--font-h5-lh);margin-top:0;line-height:27px}.page-news .page-container .page-list .list-box .content .description{display:none}.page-news .paging .pagination{margin-bottom:25px}.dropdown,.dropdown .popup{width:100%}.dropdown .dd-container .title{font-size:15px}}