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