footer{background:#f5f5f5;padding-top:55px;padding-bottom:10px;p,a{color:#666}.border-bottom-mobile{margin:10px 0}}: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:var(--font-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:var(--font-true-bold-special)!important;font-weight:400px!important}.font-true-bold{font-family:var(--font-true-bold)!important;font-weight:400px!important}.font-true-medium{font-family:var(--font-true-medium)!important;font-weight:400px!important}.font-true-light{font-family:var(--font-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:var(--font-true-bold-special)d-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:var(--font-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:var(--font-true-medium)}}.time{display:flex;align-items:center;gap:5px;font-family:var(--font-true-bold)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:var(--font-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:var(--font-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:var(--font-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:var(--font-true-bold-special);font-size:21px;font-style:normal;font-weight:400;line-height:20px;@media (max-width: 767px){font-family:var(--font-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:var(--font-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:var(--font-true-medium)}}}>a{color:#737272;font-family:var(--font-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:var(--font-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:var(--font-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:var(--font-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:var(--font-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:var(--font-true-bold);font-size:30px;font-style:normal;font-weight:400;line-height:normal}span{color:#333;font-family:var(--font-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:var(--font-true-medium);font-size:20px;font-style:normal;font-weight:400;line-height:normal}.detail{color:#333;font-family:var(--font-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:var(--font-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:var(--font-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:var(--font-true-medium)}}.time{display:flex;align-items:center;gap:8px;span{color:#fff;font-family:var(--font-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:var(--font-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:var(--font-true-bold-special);font-size:25px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:8px}span{color:#fff;font-family:var(--font-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:var(--font-true-bold-special);font-size:21px;font-style:normal;font-weight:400;line-height:1;@media (max-width: 1024px){font-family:var(--font-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:var(--font-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:var(--font-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:var(--font-true-bold-special);font-size:21px;font-style:normal;font-weight:400;line-height:20px}.name{color:#ee5f30;font-family:var(--font-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:var(--font-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:var(--font-true-bold-special);@media (max-width: 767px){font-family:var(--font-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:var(--font-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:var(--font-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:var(--font-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:var(--font-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:var(--font-true-medium)!important}}}