@font-face{font-family:True Bold Special;src:url(/_astro/TrueBoldSpecial.BDHBbm8P.woff2) format("woff2"),url(/_astro/TrueBoldSpecial.D-K4GNVz.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:True Bold;src:url(/_astro/TrueBold.DWq9mguc.woff2) format("woff2"),url(/_astro/TrueBold.Bqz2PG4u.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:True Medium;src:url(/_astro/TrueMedium.VD7PRD2K.woff2) format("woff2"),url(/_astro/TrueMedium.BcIplNbY.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:True;src:url(/_astro/TrueLight.Dc87ByKD.woff2) format("woff2"),url(/_astro/TrueLight.CC1GSndj.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:TrueTextA;src:url(/_astro/TrueTextABoldItalic.BlPdhIy0.woff2) format("woff2"),url(/_astro/TrueTextABoldItalic.TSwpxsd4.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:TrueTextA;src:url(/_astro/TrueTextA.DAWVC-26.woff2) format("woff2"),url(/_astro/TrueTextA.BNaiNryt.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TrueTextA;src:url(/_astro/TrueTextABold.M7H1M6Rk.woff2) format("woff2"),url(/_astro/TrueTextABold.nMfzHfRi.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TrueTextA;src:url(/_astro/TrueTextAItalic.C9RyBtTM.woff2) format("woff2"),url(/_astro/TrueTextAItalic.CMCwtzTc.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TrueTextB;src:url(/_astro/TrueTextBBold.DS-sHRM1.woff2) format("woff2"),url(/_astro/TrueTextBBold.MfIGVRK8.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TrueTextB;src:url(/_astro/TrueTextBItalic.BqeAO1TN.woff2) format("woff2"),url(/_astro/TrueTextBItalic.B59kPrb0.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TrueTextB;src:url(/_astro/TrueTextBBoldItalic.C4p6ldRD.woff2) format("woff2"),url(/_astro/TrueTextBBoldItalic.CTB4WYMu.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:TrueTextB;src:url(/_astro/TrueTextB.ByYGW7mG.woff2) format("woff2"),url(/_astro/TrueTextB.BQ6QBO5N.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TrueTextC;src:url(/_astro/TrueTextCBoldItalic.CpPAqZr4.woff2) format("woff2"),url(/_astro/TrueTextCBoldItalic.qlb6tRrn.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:TrueTextC;src:url(/_astro/TrueTextC.Iw5l6T-9.woff2) format("woff2"),url(/_astro/TrueTextC.C2QEy5Qu.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TrueTextC;src:url(/_astro/TrueTextCBold.BiYpMIb3.woff2) format("woff2"),url(/_astro/TrueTextCBold.itfO1e2p.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.top-banner{width:100%;height:43px;background:#ffdc6b;overflow:hidden;.list-announce{display:flex;gap:10px;span,p{color:#111;font-family:True Bold,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:normal}p{font-family:True Medium,sans-serif}}.more-announce{background-image:url(../images/img/bg-more.svg);width:100px;height:43px;margin-right:-20px;align-items:center;color:#ffdc6b;font-family:True Medium;font-size:18px;font-weight:400;padding-left:28px;&.mobile{background:#333;min-width:33px;width:33px;padding-left:0;justify-content:center;font-family:True Bold}}}.navbar{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;background:#fff;@media (max-width: 767px){border-bottom:1px solid #e5e5e5}.nav-left{display:flex;align-items:center;gap:50px}.nav-links{align-items:center;gap:40px;span{color:#333;font-family:True Bold;font-size:24px;font-style:normal;font-weight:400;line-height:normal;transition:all .3s;cursor:pointer;&:hover{color:#ee5f30}@media (min-width: 768px){font-size:18px}@media (min-width: 1440px){font-size:24px}}@media (min-width: 768px){gap:20px}@media (min-width: 1440px){gap:40px}}.nav-right{display:flex;align-items:center;gap:30px;@media (max-width: 767px){gap:14px}.live-now{display:flex;width:120px;padding:8px 16px;align-items:center;gap:8px;border-radius:4px;background:linear-gradient(90deg,#ec5f27,#ef3717 58%,#f40000);color:#fff;font-family:True Bold;font-size:18px;font-style:normal;font-weight:400;line-height:18px}}@media screen and (max-width:1024px){.nav-left{gap:15px;>img{width:40px}.nav-links{gap:15px}}.nav-right{gap:10px;.live-now{width:unset;padding:8px 10px}}}}.burger{cursor:pointer}.bg-menu{background:#121212cc;height:100%;width:100%;position:fixed;top:123px;z-index:98;display:none;&.show{display:block}}.menu-full{width:100%;display:none;&.only{display:none;position:absolute;left:0!important;.box-menu{position:absolute;top:100%;height:100%;width:100dvw;z-index:99;left:0!important}}&.show{display:block}.box-menu{position:sticky;top:124px;z-index:99;height:100%;width:100%;.content-menu{z-index:100;width:100%;background:#fff;box-shadow:0 4px 4px #00000040;padding:44px 0;height:calc(100vh - 124px);max-height:824px;overflow-y:auto;@media (max-width: 767px){padding:20px 0;height:calc(100dvh - 124px);overflow-y:auto}.title-menu{display:flex;padding:4px 8px;align-items:center;gap:10px;font-family:True Bold;font-size:20px;font-style:normal;font-weight:400;line-height:normal;background:#fff5f6;color:#b92931;margin-bottom:8px;justify-content:space-between;&.blue{background:#232c56;color:#fff}&.red{background:#b92931;color:#fff}&.sky{background:#22d3ca;color:#fff}&.pink{background:#e81c9b;color:#fff}&.green{background:#22933e;color:#fff}&.orange{background:#ee5f30;color:#fff}}a{color:#333;font-family:True Medium;font-size:20px;font-style:normal;font-weight:400;line-height:normal}}}}.menu-item:hover .menu-full.only{display:block}footer{background:#f5f5f5;padding-top:55px;padding-bottom:10px;p,a{color:#666}.border-bottom-mobile{margin:10px 0}}:root{--background: #fff;--background-secondary: #f5f5f5;--text-color: #333;--text-color-secondary: #666;--hr-color: #e0e0e0;--border-color: #e0e0e0;--accordion-background: #fff;--size-calc: 1;.dark{--background: #000;--text-color: #fff;--background-secondary: #222;--text-color-secondary: #999;--hr-color: #222;--border-color: #222;--accordion-background: #222}.text-size-xs{--size-calc: .8}.text-size-sm{--size-calc: .9}.text-size-base{--size-calc: 1}.text-size-lg{--size-calc: 1.1}.text-size-xl{--size-calc: 1.2}.text-size-2xl{--size-calc: 1.3}.text-size-3xl{--size-calc: 1.4}}html{scroll-behavior:smooth}body{background-color:var(--background)!important;color:var(--text-color)!important}.the-excerpt *,.the-content *{font-family:Sarabun,serif!important;font-size:calc(1rem * var(--size-calc));line-height:2em;margin-bottom:17px;color:var(--text-color);*{font-size:inherit}}.the-excerpt,.the-content{ul,ol{margin-left:25px}ul{list-style-type:disc}ol{list-style-type:decimal}p{font-size:calc(17px * var(--size-calc))}}.the-excerpt h1,.the-excerpt h2,.the-excerpt h3,.the-excerpt h4,.the-excerpt h5,.the-excerpt h6,.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{font-family:Sarabun,serif!important;line-height:2em;margin-bottom:17px}.the-excerpt h1,.the-content h1{font-size:calc(1.3rem * var(--size-calc))}.the-excerpt h2,.the-content h2{font-size:calc(1.1rem * var(--size-calc))}.the-excerpt h3,.the-content h3{font-size:calc(1rem * var(--size-calc))}.the-excerpt h4,.the-content h4{font-size:calc(.9rem * var(--size-calc))}.the-excerpt h5,.the-content h5{font-size:calc(.8rem * var(--size-calc))}.the-excerpt h6,.the-content h6{font-size:calc(.7rem * var(--size-calc))}.breadcrumbs{padding:17px 0;border-bottom:#cccccc solid 1px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center}.breadcrumbs ol li{color:#333;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:normal;@media screen and (max-width: 767px){display:inline;color:#666}span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#333;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:normal;@media screen and (max-width: 767px){color:#666}}}.breadcrumbs ol li:last-child{flex:1}.breadcrumbs ol li a{color:#666;font-family:True medium;font-size:21px;font-style:normal;font-weight:400;line-height:normal}.breadcrumbs ol li:after{content:"/";padding:0 10px}.breadcrumbs ol li:last-child:after{content:"";display:none}.tool-box{flex:1;display:flex;align-items:center;justify-content:center;padding:0 10px;border-right:1px solid #ccc}.tool-box:last-child{border-right:none}.content-title{font-size:40px;font-family:True Bold;font-style:normal;font-weight:400;line-height:normal;color:#333;margin:17px 0}.category-link{font-family:True Bold;font-size:17px;line-height:24px;padding:2px 10px;border-radius:2px}.category-link.tech{background-color:#22d3ca;color:#fff}.content-date{align-items:center}.content-date time{font-family:True Bold;font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:#333}.content-meta{display:flex;align-items:center;gap:17px}.widget-title{border-left:4px solid #ee5f30;padding-left:17px;margin-bottom:15px;@media screen and (max-width: 767px){padding-left:15px}p{font-family:True Bold Special;font-size:28px;font-style:normal;font-weight:400;line-height:1;color:#333;@media screen and (max-width: 767px){font-size:32px}}}.post-recommend-title{padding:10px 0;border-bottom:1px solid #ccc}.post-recommend-title p{font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:21px;color:#333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-recommend-title a{font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:21px;margin-bottom:10px;color:#333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-recommend-title a:hover{color:#ee5f30}.post-sidebar{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px}.post-thumbnail{position:relative;width:117px;@media screen and (max-width: 768px){width:100%}.number{position:absolute;top:0;left:0;color:#333;font-family:True Bold;font-size:17px;font-style:normal;font-weight:400;line-height:normal;background-color:#fff;display:flex;align-items:center;justify-content:center;height:25px;width:25px;@media screen and (max-width: 768px){display:none}}}.post-thumbnail img{width:100%;border-radius:10px;aspect-ratio:128/80;-o-object-fit:cover;object-fit:cover}.post-content{scroll-behavior:smooth!important;flex:1}.post-content p,.post-content a{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;font-size:21px;line-height:21px;font-style:normal;font-weight:400;font-family:True Bold Special}.post-content a:hover{color:#ee5f30}.post-meta{display:flex;align-items:center;gap:17px;margin-top:5px}.post-date{display:flex;align-items:center;gap:7px;font-size:16px;font-family:True Bold;@media screen and (max-width: 768px){gap:5px}}.post-category{display:inline-flex;align-items:center;justify-content:center;border-radius:5em;gap:5px;padding:0 15px;background:#e5e5e5;color:#333;border:1px solid #e5e5e5;font-family:True Bold}.post-category.sport{background-color:#fff0eb;color:#ee5f30;border-color:#ee5f30}.post-category.sport:hover{color:#ee5f30}.post-category.wealth{background-color:#edeffa;color:#232c56;border-color:#232c56}.post-category.wealth:hover{color:#232c56}.post-category.world{background-color:#fff7f7;color:#b92931;border-color:#b92931}.post-category.world:hover{color:#b92931}.related-news .post-sidebar{@media screen and (max-width: 768px){display:none}}.related-news .post-sidebar:nth-child(1),.related-news .post-sidebar:nth-child(2),.related-news .post-sidebar:nth-child(3),.related-news .post-sidebar:nth-child(4){@media screen and (max-width: 768px){display:flex}}.popular-news .post-sidebar{@media screen and (max-width: 768px){display:none}}.popular-news .post-sidebar:nth-child(1),.popular-news .post-sidebar:nth-child(2),.popular-news .post-sidebar:nth-child(3),.popular-news .post-sidebar:nth-child(4){@media screen and (max-width: 768px){display:flex}}.font-sarabun{font-family:Sarabun,serif!important}.the-excerpt p,.the-content p{font-family:Sarabun,serif!important;font-size:17px;line-height:2em;margin-bottom:17px;:last-child{margin-bottom:0}}.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{font-family:Sarabun,serif!important;font-weight:700;margin-bottom:10px}.the-content h1{font-size:20px}.the-content h2{font-size:19px}.the-content h3{font-size:18px}.the-content ol{list-style:decimal;margin-left:25px;margin-bottom:17px}.the-content ul{list-style:disc;margin-left:25px;margin-bottom:17px}.the-content li{font-family:Sarabun,serif!important;font-size:17px;margin-bottom:10px}.the-content img{margin:15px auto}.the-gallery{background-color:#333}.the-gallery img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;margin:0}.the-gallery p{margin-bottom:0!important}.the-gallery h2{font-family:True Bold Special!important}.reference p{font-family:Sarabun,serif!important;font-size:16px}.reference p a{font-family:Sarabun,serif!important;color:#ee5f30;text-decoration:none}.tag-item{display:inline-block;border:1px solid #ee5f30;background-color:#fff7f7;color:#333;border-radius:3em;padding:0 15px;font-size:17px;font-family:True Bold;white-space:pre}.content-area{@media screen and (max-width: 768px){max-height:1300px;overflow:hidden}}.content-area.full{@media screen and (max-width: 768px){max-height:none;overflow:unset}}.table-of-contents{font-family:Sarabun,serif!important;padding:17px;border:1px solid #ccc;border-radius:10px;ul{margin-bottom:0!important}li,a{font-family:Sarabun,serif!important;color:#ee5f30}a:hover{text-decoration:underline}}.table-of-contents span{font-family:Sarabun,serif!important}.toc-toggle{transform:rotate(0);transition:transform .3s ease-in-out}.toc-toggle.close{transform:rotate(180deg);transition:transform .3s ease-in-out}.table-of-contents .body{overflow:hidden;height:0px;transition:height .3s ease-in-out}.table-of-contents .body.open{transition:transform .3s ease-in-out;height:auto}:root{--primary: #ec5f27;--primary-hover: #fa764b;--primary-active: #fa764b;--original: #ec5f27;--world: #cb2c30;--wealth: #194477;--health: #e81c9b;--tech: #22d3ca;--earth: #22933e;--sport: #42073f;--liftstly: #8dc5bf}*{margin:0;padding:0;box-sizing:border-box;font-family:True,sans-serif;font-style:normal;color:#333;font-size:16px}body{background-color:#fff;overflow-x:hidden}body.no-scroll{overflow:hidden}.text-primary{color:var(--primary-hover)}a{&:hover{text-decoration-thickness:1px}img{transform:scale(1);transition:transform .2s}img:hover{transform:scale(1.05)}}.container{max-width:1440px!important;margin:0 auto;padding:0 100px;@media only screen and (max-width: 1535px){max-width:1440px!important;padding:0 100px}@media only screen and (max-width: 1440px){padding:0 16px}}.ads-banner{width:100%;height:auto;background:#666;display:flex;justify-content:center;align-items:center;@media (max-width: 767px){height:auto}}.slide-news{background:#f5f5f5;@media (max-width: 767px){background:#fff}}.font-true-bold-special{font-family:True Bold Special!important;font-weight:400px!important}.font-true-bold{font-family:True Bold!important;font-weight:400px!important}.font-true-medium{font-family:True Medium!important;font-weight:400px!important}.font-true-light{font-family:True!important;font-weight:300px!important}.text-primary{color:#ee5f30!important}.text-secondary{color:#666!important}.text-main{color:#333!important}.line-title{border-bottom:1px solid #ccc;padding-bottom:10px}.blog-item{position:relative;.box-img{position:relative;width:100%;height:100%;flex:none;max-height:245px;border-radius:8px;overflow:hidden;.youtube-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-image:url(/images/icon/youtube.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1}img{transition:.3s ease 0s}img:not(.tag-action){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}img.tag-action{position:absolute;bottom:10px;left:10px}&:hover{&.img-16-to-9{img:not(.tag-action){transform:translate(-50%,-50%) scale(1.1)}}img:not(.tag-action){transform:scale(1.1)}}}.number{position:absolute;top:0;left:0;display:flex;width:28px;height:30.194px;padding:0 4px;justify-content:center;align-items:center;gap:10px;border-radius:4px 0;background:#fff;font-family:True Bold Special;font-size:26px;font-style:normal;font-weight:400;line-height:28px;z-index:2}&.medium{p{font-size:21px}a.box-img{display:block}.box-img{height:180px}@media screen and (max-width: 767px){.box-img{height:130px}}@media screen and (max-width: 640px){&.swap-horizontal{.box-img{height:84px;max-width:135px;flex:none}}}}&.small{p{font-size:21px;margin-bottom:5px!important}.box-img{height:80px;max-width:128px}}&.swap-horizontal{@media (max-width: 767px){display:flex;gap:10px;border-bottom:1px solid #ddd;padding-bottom:10px}}&.horizontal{display:flex;align-items:start;gap:10px;&.md-hidden{@media (min-width: 767px){display:none}}&.swap{@media (max-width: 767px){flex-direction:column;.box-img{max-height:180px}.box-content{height:auto;min-width:100%!important}}.box-img{max-width:300px}.box-content{min-width:230px}}@media (max-width: 767px){&.hidden{display:none!important}}img.thumbnail{min-width:133px;width:160px}p{margin-bottom:12px;margin-top:0}.box-content{display:flex;flex-direction:column;height:100%}&.h-img{img.thumbnail{min-width:300px;width:300px}}}p{overflow:hidden;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:True Bold Special;font-size:28px;font-style:normal;font-weight:400;line-height:1;margin:8px 0;&.text-white{color:#fff}&:hover{color:var(--primary-hover)}@media (max-width: 767px){font-family:True Medium}}.time{display:flex;align-items:center;gap:5px;font-family:True Bold;font-style:normal;font-weight:400;line-height:normal}}.tag{display:flex;align-items:center;justify-content:center;padding:0 12px;gap:8px;border-radius:100px;font-family:True Bold;font-size:20px;font-style:normal;font-weight:400;line-height:1;text-overflow:ellipsis;text-wrap:nowrap;min-width:70px;text-align:center;box-sizing:border-box;&.sky{border:1px solid #20cac1;background:#f0fffe;color:#20cac1}&.blue{border:1px solid #52a6c7;background:#e3f2f7;color:#52a6c7}&.blue-s{border:1px solid #232c56;background:#edeffa;color:#232c56}&.green{border:1px solid #34ab70;background:#f3fff9;color:#00c48c}&.orange{border:1px solid #ee5f30;background:#fff0eb;color:#ee5f30}&.purple{border:1px solid #42073f;background:#ffecfe;color:#42073f}&.red{border:1px solid #b92931;background:#fff7f7;color:#b92931}&.wealth{font-family:True Medium;border:1px solid #194477;background:#edeffa;color:#194477}&.gray{border:1px solid #232c56;background:#edeffa;color:#666}}.breaking-news{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f5f5}.card-timeline{padding:16px;border-radius:10px;background:#fff;.more{color:#ee5f30;font-family:True Medium;font-size:20px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;gap:8px;margin-left:36px}}.timeline{display:flex;flex-direction:column;gap:20px;position:relative;.line-time{position:absolute;top:32px;width:1px;height:calc(100% - 35px);background:#ddd;z-index:1;left:65px}.item{display:flex;position:relative;z-index:2;&.active{.time{color:#ee5f30}.icon-action{min-width:32px;min-height:32px;width:32px;height:32px;background:#ec5f27;margin:0 16px 0 10px;img{width:16px}}.detail{>a{&:first-child{color:#ec5f27}}}}.time{color:#666;text-align:right;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:20px;@media (max-width: 767px){font-family:True Medium}}.icon-action{min-width:24px;min-height:24px;width:24px;height:24px;border-radius:50%;background:#9d9d9d;display:flex;justify-content:center;align-items:center;margin:0 16px 0 13px;&.animation-red{animation:blink-bg 1s infinite alternate}}.detail{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;gap:10px;>a{&:first-child{color:#666;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;@media (max-width: 767px){font-family:True Medium}}}>a{color:#737272;font-family:True Medium;font-size:20px;font-style:normal;font-weight:400;line-height:normal;&:hover{color:#ec5f27}}}}}.btn-primary{display:flex;padding:6px 16px;height:32px;justify-content:center;align-items:center;gap:6px;border-radius:4px;border:1px solid #ec5f27;background:#ec5f27;color:#fff;font-family:True Bold;font-size:21px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.btn-secondary{display:flex;height:32px;padding:6px 16px;justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid #d4d4d4;color:#737272;font-family:True Bold;font-size:21px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.tnn-online{background:#333}.tab-list{display:flex;gap:30px;align-items:center;margin-bottom:15px;p{color:#999;font-family:True Bold;font-size:21px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;width:-moz-fit-content;width:fit-content;white-space:nowrap;border-bottom:2px solid transparent;&.active,&:hover{color:#ee5f30;border-bottom:2px solid #ee5f30}}@media (max-width: 1024px){overflow-x:scroll;&.not-scroll{&::-webkit-scrollbar{display:none}p{padding-bottom:0}}p{padding-bottom:8px}&::-webkit-scrollbar{height:0px}&::-webkit-scrollbar-track{background-color:transparent}&::-webkit-scrollbar-thumb:hover{background:#aaa}}}.video-item{display:flex;flex-direction:column;gap:12px;cursor:pointer;iframe{border-radius:10px;overflow:hidden}p{overflow:hidden;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:20px}}.live-now{.title-live{position:relative;display:flex;gap:4px;.dot{width:8px;height:8px;background:#ee5f30;border-radius:50%}p{color:#ee5f30;font-family:True Bold;font-size:30px;font-style:normal;font-weight:400;line-height:normal}span{color:#333;font-family:True Bold;font-size:20px;font-style:normal;font-weight:400;line-height:normal}}.timeline-live{width:75%;display:flex;justify-content:space-between;gap:10px;padding:0 40px;border-top:1px solid #333;margin-top:24px;overflow-x:auto;@media (max-width: 767px){width:100%;flex-direction:column;border-top:unset;border-left:1px solid #333;padding:0 0 0 40px;margin-top:12px}.item{display:flex;gap:8px;flex:none;&.active{.line-time{.line,.dot-v{background:#ee5f30}}.line-time{@media (max-width: 767px){margin-left:-8px}}.time{font-size:22px;color:#ee5f30}.detail{font-size:25px;color:#ee5f30}}.line-time{display:flex;flex-direction:column;align-items:center;@media (max-width: 767px){rotate:-90deg;margin-left:-10px}.line{width:1px;height:30px;background:#333;@media (max-width: 767px){height:18px}}.dot-v{width:5px;height:5px;border-radius:50%;background:#333}}.time{margin-top:22px;color:#333;font-family:True Medium;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.detail{color:#333;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}}}.item-news-bg{border-radius:10px;position:relative;overflow:hidden;cursor:pointer;display:block;height:387px;&:hover img.bg-img{transform:scale(1.1)}img.bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s ease 0s}.filter{position:absolute;width:100%;height:100%;border-radius:10px;z-index:1;top:0;left:0;opacity:80%;background:linear-gradient(180deg,#3330 70%,#333c);&.blue{background:linear-gradient(180deg,#0000 70%,#0e4174)}&.green{background:linear-gradient(180deg,#34ab7000 70%,#34ab70e6)}&.orange{background:linear-gradient(180deg,#ee5f3000 70%,#ee5f30cc)}}.number{position:absolute;top:0;left:0;display:flex;width:33px;height:50px;padding:0 4px;justify-content:center;align-items:center;gap:10px;border-radius:10px 0;background:#fff;font-family:True Bold Special;font-size:28px;font-style:normal;font-weight:400;line-height:28px}.detail{position:absolute;width:100%;height:auto;z-index:2;bottom:0;padding:15px 20px;.title{overflow:hidden;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:True Bold Special;font-size:28px;font-style:normal;font-weight:400;line-height:28px;text-align:left;margin-bottom:8px;text-decoration-color:#fff;&.big-font{font-size:36px;line-height:36px;@media (max-width: 1280px){font-size:28px;line-height:28px}}@media (max-width: 767px){font-family:True Medium}}.time{display:flex;align-items:center;gap:8px;span{color:#fff;font-family:True Bold;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.tag{display:flex;padding:1px 12px;justify-content:center;align-items:center;gap:8px;border-radius:100px;color:#232c56;font-family:True Bold;font-size:20px;font-style:normal;font-weight:400;line-height:normal;width:-moz-fit-content;width:fit-content;border:1px solid #666;background:#eee;&.blue{border:1px solid #232c56;color:#232c56}&.green{border:1px solid #22933e;color:#22933e}&.orange{border:1px solid #ee5f30;color:#ee5f30}}}}}.item-tnn-bg{display:block;border-radius:10px;position:relative;overflow:hidden;height:387px;cursor:pointer;@media screen and (max-width:768px){height:340px}&:hover{img.bg-img{transform:scale(1.1)}}img.bg-img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s ease 0s}.filter{position:absolute;width:100%;height:100%;z-index:1;top:0;border-radius:8px;opacity:80%;background:linear-gradient(180deg,#1110,#111 95.61%)}.detail{position:absolute;width:100%;height:auto;z-index:2;bottom:0;padding:10px 20px;.title{overflow:hidden;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-family:True Bold Special;font-size:25px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:8px}span{color:#fff;font-family:True Medium;font-size:22px;font-style:normal;font-weight:400;line-height:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}}.tnn-original{background:#ec5f27;iframe{border-radius:12px}.box-list-tnn{border-radius:8px;padding:20px;background:#333;.item{display:flex;gap:10px;padding-bottom:12px;border-bottom:1px solid #737272;margin-bottom:10px;.item-img-box{flex:none;width:128px;height:80px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;margin:0;position:relative;cursor:pointer;&:hover img{transform:scale(1.1)}img{transition:.3s ease 0s;width:100%;height:100%}}a{height:-moz-fit-content;height:fit-content;text-decoration-color:#fff}p{overflow:hidden;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:1;@media (max-width: 1024px){font-family:True Medium}}}}}.tnn-exclusive{background:#333;.list-logo{display:flex;gap:12px;padding:20px 0 20px 10px;align-items:center;cursor:grab;&::-webkit-scrollbar{display:none}.item{display:flex;width:120px!important;height:120px!important;margin:0!important;padding:4px 2px;justify-content:center;align-items:center;border-radius:50%;background:#fff;position:relative;cursor:pointer;border:4px solid #333333;&:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;border:2px solid transparent;border-radius:50%}@media (max-width: 767px){width:88px!important;height:88px!important;img{width:72px}}&:hover:before{border-color:var(--primary-hover)}}}}.info-graphic{background:#f5f5f5}.news-sport{background:#42073f;.box-news-sport{overflow:hidden;padding:20px 40px;border-radius:20px;background:#fff;@media screen and (max-width: 767px){border-radius:8px;padding:10px}}}.box-video{padding:20px;border-radius:10px;background:#333;position:relative;@media screen and (max-width: 767px){padding:10px 20px 20px}}.scoreboard{table{width:100%;th{color:#333;text-align:center;font-family:True Bold;font-size:20px;font-style:normal;font-weight:400;line-height:normal;height:34px;border-bottom:1px solid #ddd}td{color:#333;font-family:True Medium;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-align:center;border-bottom:1px solid #ddd;height:34px;span{font-size:20px}}tr:nth-child(2n){background-color:#f5f5f5}}}.lifestyle{background:#8dc5bf;.box-lifestyle{overflow:hidden;padding:20px 40px;border-radius:20px;background:#fff;@media screen and (max-width: 767px){border-radius:8px;padding:10px 5px}}}.category-tnn{background:#f5f5f5}.creators{background:linear-gradient(105deg,#fff3,#fff0 39.59%),#333}.item-creator{display:flex;flex-direction:column;width:100%;padding:15px;gap:8px;border-radius:10px;background:#fff;box-shadow:2px 6px 17px #0000000d;.profile{display:flex;gap:20px;align-items:center;img{border-radius:80px;width:80px;height:80px}.fullname{color:#ee5f30;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:20px}.name{color:#ee5f30;font-family:True Medium;font-size:20px;font-style:normal;font-weight:400;line-height:normal}}.blog{border-top:1px solid #ddd;.title-blog{color:#666;font-family:True Bold;font-size:18px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;margin:4px 0}}}.text-date,.font-true-bold-special-md-medium{font-family:True Bold Special;@media (max-width: 767px){font-family:True Medium}}.tab-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;p{width:50%;color:#999;text-align:center;font-family:True Bold;font-size:21px;font-style:normal;font-weight:400;line-height:normal;border-bottom:1px solid rgba(170,170,170,.87);padding-bottom:4px;cursor:pointer;&.active{color:#ee5f30;border-bottom:2px solid #ee5f30}}}.view-more{display:none;width:100%;padding:15px 10px;justify-content:center;align-items:center;border-radius:4px;border:1px solid #ee5f30;margin-top:20px;color:#ee5f30;font-family:True Bold;font-size:20px;font-style:normal;font-weight:400;line-height:normal;&.earth-color{color:#228f54;border:1px solid #228f54}&.tech-color{color:#22d3ca;border:1px solid #22d3ca}&.world-color{color:#b92931;border:1px solid #b92931}&.health-color{color:#e81c9b;border:1px solid #e81c9b}@media (max-width: 767px){display:flex}}.border-bottom-mobile{display:none;@media (max-width: 767px){display:block;border-bottom:1px solid #ddd;padding-bottom:10px}}.blog-scroll{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;@media (max-width: 1000px){.blog-item{width:240px}}}.disable-item-more-4{@media screen and (max-width: 639px){.blog-item:nth-child(n+5){display:none}}}.fix-size-mobile{@media (max-width: 767px){height:288px}}@keyframes blink-bg{0%{background:#9d9d9d}to{background:red}}.slide-logo{position:relative;overflow:hidden;.swiper-logo{width:100%;padding:0 0 40px!important;height:350px;.bg-img{border-radius:10px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:2px 6px 14px #0000000f}@media only screen and (min-width: 1440px){width:100%}@media (max-width: 767px){padding:0!important}}.swiper-slide{border-radius:8px}.swiper-button-next-info,.swiper-button-prev-info{width:24px!important;height:25px!important;@media (max-width: 767px){display:none}}.swiper-button-next-info{background-image:url(/images/icon/icon-arrow-slide-right-b.svg);position:absolute;right:0;margin-top:15px}.swiper-button-prev-info{background-image:url(/images/icon/icon-arrow-slide-left-b.svg);position:absolute;right:40px;margin-top:15px}.swiper-button-next-info:after,.swiper-button-prev-info:after{display:none}}.info-graphic-v2{max-width:unset!important;width:280px!important;height:370px!important;border-radius:15px;overflow:hidden;flex:none;img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}.aspect-blog{aspect-ratio:16/10}.full-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.social-talk{.two-box .item-news-bg .detail{@media (max-width: 640px){padding:10px 15px;.title{font-size:20px;line-height:1}}}}.blog-item-swap-horizontal{display:flex;flex-direction:column;gap:10px;.box-img{position:relative;aspect-ratio:16/10;max-height:182px;border-radius:8px;overflow:hidden;.thumbnail{transition:.3s ease 0s;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}img.tag-action{position:absolute;bottom:10px;left:10px}}.box-content{display:flex;flex-direction:column;gap:5px;p{overflow:hidden;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:True Bold Special;font-size:21px;font-style:normal;font-weight:400;line-height:1}.bottom{display:flex;align-items:center;gap:20px;.time{display:flex;align-items:center;gap:5px;font-family:True Bold;font-style:normal;font-weight:400;line-height:normal}}}@media screen and (max-width: 767px){flex-direction:row;.box-img{width:100%;max-width:135px;flex:none}p{font-family:True Medium!important}}}