@charset "UTF-8";:root{--dropdown-width: 180px;--border-color: #ddd;--text-primary: #333;--text-secondary: #666;--bg-hover: #f5f5f5;--bg-active: #f0f0f0;--transition-fast: .2s ease}a{text-decoration:none;color:#000}.container{display:grid;gap:10px}.container .box-gap{padding:10px 0;display:grid;gap:10px}.section-banner .box-banner{width:100%}@media (max-width: 576px){.section-banner .box-banner{width:auto}}.section-tabbar{padding:0}.section-tabbar .tabbar-text{font-size:12px}@media (max-width: 768px){.section-tabbar .tabbar{width:fit-content}}.sec-container{background-color:#fff;border-radius:10px;padding:32px 20px;display:flex;flex-direction:column}@media (max-width: 992px){.sec-container{border-radius:0;padding:24px 16px}}.btn-filter-reset{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-left:10px}.btn-filter-reset:hover{background-color:#ececec}.head-filter{display:flex;justify-content:space-between;gap:20px}@media (max-width: 992px){.head-filter{flex-direction:column-reverse;gap:16px}}.head-filter .box-head-filter{display:flex;align-items:center;justify-content:flex-start;gap:20px}@media (max-width: 992px){.head-filter .box-head-filter{gap:10px}}.head-filter .dropdown-filter{display:flex;align-items:center;justify-content:center;gap:10px}@media (max-width: 992px){.head-filter .dropdown-filter{flex-direction:column;gap:4px;align-items:flex-start}}.dropdown{position:relative}.dropdown input{width:var(--dropdown-width);cursor:pointer;border:1px solid var(--border-color);border-radius:4px;background-color:#fff;padding:8px 32px 8px 12px;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:14px;color:var(--text-primary);transition:border-color var(--transition-fast)}@media (max-width: 992px){.dropdown input{width:100%}}.dropdown input:focus,.dropdown input:hover{outline:none;border-color:#999}.dropdown input:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:8px;color:var(--text-secondary);pointer-events:none;transition:transform var(--transition-fast);line-height:1}.dropdown input.open:after{transform:translateY(-50%) rotate(180deg)}.dropdown .dropdown-menu{width:var(--dropdown-width);border:1px solid var(--border-color);border-radius:4px;background-color:#fff;margin-top:4px;padding:0;z-index:1000;display:none;box-shadow:0 2px 8px #0000001a}.dropdown .dropdown-menu.show{display:block}@media (max-width: 992px){.dropdown .dropdown-menu{width:100%}}.dropdown .dropdown-menu .dropdown-item{padding:10px 12px;color:var(--text-primary);font-size:14px;border:none;background-color:transparent;transition:background-color var(--transition-fast);cursor:pointer}.dropdown .dropdown-menu .dropdown-item:hover,.dropdown .dropdown-menu .dropdown-item:focus{background-color:var(--bg-hover);color:#000}.dropdown .dropdown-menu .dropdown-item.active{background-color:var(--bg-active);color:#000;font-weight:500}.dropdown .dropdown-menu .dropdown-divider{margin:0;border-top:1px solid #eee}.dropdown-title{font-size:16px;font-weight:500;white-space:nowrap}._tag-button{width:auto;min-width:70px;border-radius:24px;background-color:#ececec;font-size:18px;font-weight:300;color:#000}._tag-button:hover{background-color:#d9d9d9}.box-paginate-total{margin-bottom:20px}.box-paginate-total span{font-size:18px}.box-card-news{width:100%}.box-card-news .row{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 992px){.box-card-news .row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.box-card-news .row{grid-template-columns:1fr}}.box-card-news .row ._news-card-item-vertical{margin:0;padding:0;display:flex;width:100%}.box-card-news .row ._news-card-item-vertical .card{border:0}.box-card-news .row ._news-card-item-vertical .card .card-body{padding:0 10px;margin-top:12px}@media (max-width: 576px){.box-card-news .row ._news-card-item-vertical .card .card-body{padding:0}}.box-card-news .row ._news-card-item-vertical .card .card-img-top{width:100%;height:210px;border-radius:10px;object-fit:cover}.box-card-news .row ._news-card-item-vertical .card .zoomImg{overflow:hidden;cursor:pointer;border-radius:10px}.box-card-news .row ._news-card-item-vertical .card .zoomImg img{transition:transform .3s}.box-card-news .row ._news-card-item-vertical .card .zoomImg img:hover{transform:scale(1.1)}.box-card-news .row ._news-card-item-vertical .card .card-subtitle{font-size:16px;font-weight:400;overflow:hidden;height:74px;margin-bottom:8px}.box-card-news .row ._news-card-item-vertical .card .card-subtitle:hover{text-decoration:underline;text-decoration-color:#009e40}.box-card-news .row ._news-card-item-vertical .card .card-footer-list hr{border:.5px solid #8b8b8b;margin:10px 0}.box-card-news .row ._news-card-item-vertical .card .card-footer-list .row{display:flex;flex-wrap:nowrap;width:100%;gap:5px}.box-card-news .row ._news-card-item-vertical .card .card-footer-list .row div{padding:0;width:100%;flex:1;align-items:center}.box-card-news .row ._news-card-item-vertical .card .card-footer-list .row div:last-child{justify-content:flex-end}.box-card-news .row ._news-card-item-vertical .card .card-footer-list ._card-text{margin-left:4px;color:#777;font-size:12px;font-weight:500}.product-pagination{display:flex;gap:8px;margin-top:24px;justify-content:center;align-items:center;flex-wrap:wrap}.product-pagination button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#000;background:#fff;border:none;transition:opacity .2s}.product-pagination button:not(.active){opacity:.6}.product-pagination button:hover{opacity:1}.product-pagination button.active{color:#3460d9;background-color:#dff3ff;border-radius:50%}.product-pagination .pagelist{width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:300;color:#505050;border-radius:50%;transition:all .2s}.product-pagination .pagelist.active{background-color:#dff3ff;color:#3460d9}.product-pagination .pagelist a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none;border-radius:50%}.mobile-search{background-color:#fff}.mobile-search button{padding:10px;margin:0 15px}.container-news-content{overflow:hidden;height:800px;position:relative}@media (max-width: 1400px){.container-news-content{height:700px}}@media (max-width: 1200px){.container-news-content{height:600px}}@media (max-width: 992px){.container-news-content{height:500px}}@media (max-width: 768px){.container-news-content{height:400px}}@media (max-width: 576px){.container-news-content{height:300px}}.container-news-content.gradient:after{content:"";position:absolute;bottom:0;width:100%;height:4rem;background:linear-gradient(to bottom,transparent,#fff);pointer-events:none}.container-news-content.more-active{height:auto}._article-detail-content{padding:0 80px}@media (max-width: 992px){._article-detail-content{padding:0}}._article-detail-content iframe{margin:10px 0;max-width:100%}._article-detail-content .textbox2{width:100%}._article-detail-content .textbox2:has(img){text-align:center}._article-detail-content img{margin:10px 0;max-width:100%}.box-btn-read-more{display:flex;justify-content:center}.box-btn-read-more .btn-read-more{display:flex;align-items:center;justify-content:center;gap:10px;width:360px;height:42px;background-color:#fff;border:1px solid #000;border-radius:4px;margin-top:20px;color:#000;font-size:14px;cursor:pointer;transition:all .2s}@media (max-width: 576px){.box-btn-read-more .btn-read-more{width:100%}}.box-btn-read-more .btn-read-more:hover{background-color:#f2f2f2;box-shadow:0 2px 8px #63636333}.text-share{font-size:14px}@media (max-width: 576px){.box-article-krungsri .select2-selection__rendered{width:260px}}