.ads-banner{padding:1rem!important;background-color:#fff}.content-item{display:none;&.active{display:block}}.special-focus{position:relative;&:before{content:"";position:absolute;left:0;top:0;width:100%;height:952px;background-image:url(/images/img/img-special.png);background-position:center;background-size:cover;z-index:-1}&.vdo{&:before{height:900px}}&.time-line{padding-bottom:3rem;&:before{height:100%}}.tabs{position:relative;display:flex;justify-content:center;width:90%;margin:0 auto;@media screen and (max-width:767px){width:100%}.line{position:absolute;width:100%;height:2px;bottom:0;background-color:#fff3}.item{padding:.7rem 0;flex-grow:1;color:#999;font-size:28px;font-weight:700;text-align:center;font-family:var(--font-true-bold)!important;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:150px;&.active{color:#ee5f30;border-bottom:2px solid #EE5F30}@media screen and (max-width:767px){font-size:19px!important}}}@media screen and (max-width:1023px){&.highlight-page{&:before{height:100%}.highlight{flex-direction:column;background-color:transparent;padding:0;padding-bottom:1rem}}&.info-graphic-page{&:before{height:1200px}}}}.top-btn{visibility:hidden;opacity:0;position:fixed;right:15px;bottom:15px;transition:.3s ease 0s;cursor:pointer;&.active{visibility:visible;opacity:1}}.text-read{font-family:Sarabun,serif!important}.highlight{padding:2rem;background-color:#fff;border-radius:20px;display:flex;@media screen and (max-width:767px){padding:1rem}.time-line-date{color:#848484;background-color:#f5f5f5;padding:0 20px;font-size:28px;font-weight:700;font-family:var(--font-true-bold);border-left:2px solid var(--primary)}.item-blog-bg{aspect-ratio:16/10;display:block;width:100%;position:relative;overflow:hidden;border-radius:10px;&:hover .bg-img{transform:scale(1.1)}a{display:block;position:relative;width:100%;height:100%}.bg-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:.3s ease 0s}.filter{position:absolute;width:100%;height:100%;border-radius:10px;z-index:1;top:0;background:linear-gradient(180deg,#3330 64.73%,#333c);&.blue{background:linear-gradient(180deg,#0000 55%,#0e4174)}&.green{background:linear-gradient(180deg,#34ab7000 67.53%,#34ab70e6)}&.orange{background:linear-gradient(180deg,#ee5f3000 67.21%,#ee5f30cc)}&.red{background:linear-gradient(0deg,#cb2c3199,#0000 30%)}}.detail{position:absolute;z-index:2;padding:25px;bottom:0;display:flex;flex-direction:column;gap:5px;.title{font-size:36px;line-height:36px;color:#fff;font-weight:700}.time{display:flex;align-items:center;gap:10px;flex:none;span{color:#fff}}.tag{width:-moz-fit-content;width:fit-content}@media (max-width: 1024px){.title{font-size:30px;line-height:30px}}@media (max-width: 767px){padding:10px 20px!important;.title{font-size:28px;line-height:28px}}}}.vdo{background-color:#333;padding:1rem;.head{display:flex;align-items:center;gap:15px;justify-content:space-between}.item{display:flex;flex-direction:column;gap:10px;.img{aspect-ratio:16/9;border-radius:10px;background-image:url(https://www.signfix.com.au/wp-content/uploads/2017/09/placeholder-600x400.png);background-repeat:no-repeat;background-size:100%;background-position:center;transition:.3s ease 0s;display:grid;place-items:center;.youtube-logo{width:48px;height:48px;background-image:url(/images/icon/youtube.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1}&:hover{background-size:110%}}}}.highlight-box{background-color:#f1f1f1;padding:1rem;.head{display:flex;align-items:center;gap:15px;justify-content:space-between}.item{display:flex;flex-direction:column;gap:10px;.box-img{position:relative;width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;.bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.icon{position:absolute;bottom:15px;left:15px;width:17px}}.title{font-size:21px;font-weight:700;font-family:var(--font-true-bold);line-height:1}.time{display:flex;align-items:center;gap:5px;.text{font-size:16px;font-weight:700;font-family:var(--font-true-bold);color:#666}}.tag{padding:3px 5px;border-radius:50px;font-size:20px;&.tech{background-color:#22d3ca;color:#fff}&.world{background-color:#b92931;color:#fff}}}}.info-graphic-box{background-color:#333;padding:1rem;.swiper-info{padding:0!important;.swiper-wrapper{aspect-ratio:12/15.15}}}.news-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;.item{display:flex;align-items:center;gap:10px;.img{aspect-ratio:16/10;width:77px;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:5px;flex:none}a{color:#333;font-weight:700;line-height:1;font-family:var(--font-true-bold);&:hover{color:var(--primary)}}}@media screen and (max-width:1023px){grid-template-columns:repeat(1,minmax(0,1fr));.item{align-items:start;.img{width:133px;height:82px}}}}.live-update{padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;gap:15px;.head{display:flex;align-items:center;justify-content:space-between;gap:15px;.text{color:#fff;font-size:28px;font-weight:700;font-family:var(--font-true-bold)}}.bar-date{padding:3px 15px;border-left:3px solid var(--primary);color:#848484;background-color:#fff;font-size:25px;font-family:var(--font-true-bold);margin-bottom:1rem}.live-update-slides{overflow:hidden;.box{display:flex;flex-direction:column;gap:10px;.icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background-color:#9d9d9d}}.swiper-button-prev,.swiper-button-next{height:unset;width:unset;svg path{color:var(--primary)}&.swiper-button-disabled{svg path{color:#737272}}&:after{display:none}}}}.more-full-story{padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;gap:15px}.all-highlight{padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);.head{display:flex;align-items:center;justify-content:space-between;gap:15px;.text{color:#fff;font-size:28px;font-weight:700;font-family:var(--font-true-bold)}}.all-highlight-slides{overflow:hidden;.swiper-button-prev,.swiper-button-next{height:unset;width:unset;svg path{color:var(--primary)}&.swiper-button-disabled{svg path{color:#737272}}&:after{display:none}}}}.info-graphic{padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:transparent;.head{display:flex;align-items:center;justify-content:space-between;gap:15px;.text{color:#fff;font-size:28px;font-weight:700;font-family:var(--font-true-bold)}}.swiper-info-graphic{overflow:hidden;.swiper-slide{width:240px;height:304px;img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}@media screen and (max-width: 767px){width:240px!important;overflow:hidden;.swiper-wrapper{height:304px!important;.swiper-slide{width:100%!important;height:100%!important}}}.swiper-button-prev,.swiper-button-next{height:unset;width:unset;svg path{color:var(--primary)}&.swiper-button-disabled{svg path{color:#737272}}&:after{display:none}}}}}.vdo-clip-main{padding:2rem;background-color:#fff;border-radius:20px;@media screen and (max-width:1023px){display:none!important}}.info-img{display:block;position:relative;overflow:hidden;border-radius:15px;width:100%;height:100%;aspect-ratio:9.6 / 12.16;&:hover{img{transform:scale(1.1)}}img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:.3s ease 0s}}.see-more-btn{font-size:20px;font-weight:700;font-family:var(--font-true-bold);height:40px;max-width:395px;margin:0 auto;margin-top:2rem;width:100%;border:1px solid var(--primary);color:var(--primary);display:grid;place-items:center;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;&:hover{background-color:var(--primary);color:#fff}}.live-update-box{padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);.time-line-date{background-color:#fff;padding:1px 10px;border-left:3px solid var(--primary);font-family:var(--font-true-bold);font-size:25px;color:#848484}.card-timeline{padding:0;background-color:transparent;.line-time{left:63.5px}@media screen and (max-width:767px){.line-time{left:60px}}.timeline{margin-top:1rem;>.item{.time{color:#fff;&.active{color:var(--primary)}}&.active{.time,.detail a:nth-child(1){color:var(--primary)}}.detail a:nth-child(1){color:#fff}}}}}