2026-09-24 15:59:05 -07:00
<!DOCTYPE html> < html lang = "th" >< head >< meta charSet = "utf-8" />< meta name = "viewport" content = "width=device-width, height=device-height, initial-scale=1.0, user-scalable=no" />< meta name = "theme-color" content = "#000000" />< title > ดูทีวีà¸à¸à¸™à¹„ลน์ รวมทีวีทุà¸� ช่à¸à¸‡ ดูสดตลà¸à¸” 24 ชั่วโมง</ title >< link rel = "shortcut icon" href = "https://tv.trueid.net/favicon.ico" type = "image/x-icon" />< meta name = "title" content = "ดูทีวีà¸à¸à¸™à¹„ลน์ รวมทีวีทุà¸� ช่à¸à¸‡ ดูสดตลà¸à¸” 24 ชั่วโมง" />< meta name = "description" content = "ดูทีวีà¸à¸à¸™à¹„ลน์ ดูข่าว ละคร ผ่านมืà¸à¸–ืภà¹� ท็บเล็ต à¹� บบ HD คมชัดไม่à¸� ระตุà¸� ตลà¸à¸” 24 ชั่วโมง ทั้งช่à¸à¸‡3 ช่à¸à¸‡7 pptv mono29 à¹� ละช่à¸à¸‡à¸à¸·à¹ˆà¸™à¹†à¸à¸µà¸� มาà¸� มาย" />< link rel = "canonical" href = "https://tv.trueid.net/th-th/live/ch3-hd" />< meta property = "og:image" content = "https://cms.dmpcdn.com/dev_misc/2018/11/12/fd1ba0c8-90d7-4f20-bfc1-17dd8db29f7c.jpg" />< meta property = "og:image:url" content = "https://cms.dmpcdn.com/dev_misc/2018/11/12/fd1ba0c8-90d7-4f20-bfc1-17dd8db29f7c.jpg" />< meta property = "og:image:secure_url" content = "https://cms.dmpcdn.com/dev_misc/2018/11/12/fd1ba0c8-90d7-4f20-bfc1-17dd8db29f7c.jpg" />< meta property = "og:url" content = "https://tv.trueid.net/th-th/live/ch3-hd" />< meta property = "og:site_name" content = "Watch" />< meta property = "og:type" content = "article" />< meta property = "og:title" content = "ดูทีวีà¸à¸à¸™à¹„ลน์ รวมทีวีทุà¸� ช่à¸à¸‡ ดูสดตลà¸à¸” 24 ชั่วโมง" />< meta property = "og:description" content = "ดูทีวีà¸à¸à¸™à¹„ลน์ ดูข่าว ละคร ผ่านมืà¸à¸–ืภà¹� ท็บเล็ต à¹� บบ HD คมชัดไม่à¸� ระตุà¸� ตลà¸à¸” 24 ชั่วโมง ทั้งช่à¸à¸‡3 ช่à¸à¸‡7 pptv mono29 à¹� ละช่à¸à¸‡à¸à¸·à¹ˆà¸™à¹†à¸à¸µà¸� มาà¸� มาย" />< meta name = "twitter:site" content = "TrueID" />< meta name = "twitter:card" content = "summary_large_image" />< meta name = "twitter:url" content = "https://tv.trueid.net/th-th/live/ch3-hd" />< meta name = "twitter:title" content = "ดูทีวีà¸à¸à¸™à¹„ลน์ รวมทีวีทุà¸� ช่à¸à¸‡ ดูสดตลà¸à¸” 24 ชั่วโมง" />< meta name = "twitter:description" content = "ดูทีวีà¸à¸à¸™à¹„ลน์ ดูข่าว ละคร ผ่านมืà¸à¸–ืภà¹� ท็บเล็ต à¹� บบ HD คมชัดไม่à¸� ระตุà¸� ตลà¸à¸” 24 ชั่วโมง ทั้งช่à¸à¸‡3 ช่à¸à¸‡7 pptv mono29 à¹� ละช่à¸à¸‡à¸à¸·à¹ˆà¸™à¹†à¸à¸µà¸� มาà¸� มาย" />< meta name = "twitter:image" content = "https://cms.dmpcdn.com/dev_misc/2018/11/12/fd1ba0c8-90d7-4f20-bfc1-17dd8db29f7c.jpg" />< script type = "application/ld+json" >{ "@context" : [ "http://schema.org" ,{ "@language" : "th" }], "@type" : "BroadcastService" , "@id" : "https://tv.trueid.net/th-th" , "url" : "https://tv.trueid.net/th-th" , "name" : "ช่à¸à¸‡ 3" , "broadcastDisplayName" : "ช่à¸à¸‡ 3" , "description" : "ดูทีวีà¸à¸à¸™à¹„ลน์ ดูข่าว ละคร ผ่านมืà¸à¸–ืภà¹� ท็บเล็ต à¹� บบ HD คมชัดไม่à¸� ระตุà¸� ตลà¸à¸” 24 ชั่วโมง ทั้งช่à¸à¸‡3 ช่à¸à¸‡7 pptv mono29 à¹� ละช่à¸à¸‡à¸à¸·à¹ˆà¸™à¹†à¸à¸µà¸� มาà¸� มาย" }</ script >< meta name = "next-head-count" content = "23" />< link rel = "icon" type = "image/png" sizes = "32x32" href = "/icons/favicon-32x32.png" />< link rel = "icon" type = "image/png" sizes = "96x96" href = "/icons/favicon-96x96.png" />< link rel = "icon" type = "image/png" sizes = "16x16" href = "/icons/favicon-16x16.png" />< link rel = "apple-touch-icon" href = "/icons/trueid-logo-192x192.png" />< link rel = "shortcut icon" href = "/icons/favicon.ico" type = "image/x-icon" />< link href = "https://googleads.github.io/videojs-im
@font-face {
font-family: 'NotoSansThaiRegular';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSansThai-Regular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'NotoSansThaiBold';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSansThai-Bold.ttf);
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'NotoSansRegular';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSans-Regular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'NotoSansBold';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSans-Bold.ttf);
font-weight: 700;
font-style: normal;
}
</style><link rel=" preload " href = "/_next/static/css/5674832e1468d24d.css" as = "style" />< link rel = "stylesheet" href = "/_next/static/css/5674832e1468d24d.css" data-n-p = "" />< noscript data-n-css = "" ></ noscript >< script defer = "" nomodule = "" src = "/_next/static/chunks/polyfills-5cd94c89d3acac5f.js" ></ script >< script defer = "" src = "/_next/static/chunks/fec483df.7b77906a52cde6f0.js" ></ script >< script defer = "" src = "/_next/static/chunks/29107295.1494f237b9e407ad.js" ></ script >< script defer = "" src = "/_next/static/chunks/1cc5fe31.8d8f287d18370422.js" ></ script >< script defer = "" src = "/_next/static/chunks/241.67a0880627c1781e.js" ></ script >< script defer = "" src = "/_next/static/chunks/789.4ae17443b4c6b620.js" ></ script >< script defer = "" src = "/_next/static/chunks/436.d6ac6bad30d0df2c.js" ></ script >< script defer = "" src = "/_next/static/chunks/607.c721b75530ad7638.js" ></ script >< script src = "/_next/static/chunks/webpack-2868f87874fb1b31.js" defer = "" ></ script >< script src = "/_next/static/chunks/framework-bb5c596eafb42b22.js" defer = "" ></ script >< script src = "/_next/static/chunks/main-01d4edff4b2905c2.js" defer = "" ></ script >< script src = "/_next/static/chunks/pages/_app-5fc009ad2311b048.js" defer = "" ></ script >< script src = "/_next/static/chunks/da9f09a1-28df4a333dba1b7b.js" defer = "" ></ script >< script src = "/_next/static/chunks/commons-0600106e6acadfc6.js" defer = "" ></ script >< script src = "/_next/static/chunks/826-180b5eeb858d5535.js" defer = "" ></ script >< script src = "/_next/static/chunks/946-6c93ec89e9cf7864.js" defer = "" ></ script >< script src = "/_next/static/chunks/pages/index-1cf21d5a323659c9.js" defer = "" ></ script >< script src = "/_next/static/4c31e530f27f66770c8fe3e3f9cc46eccfa89720/_buildManifest.js" defer = "" ></ script >< script src = "/_next/static/4c31e530f27f66770c8fe3e3f9cc46eccfa89720/_ssgManifest.js" defer = "" ></ script >< script src = "/_next/static/4c31e530f27f66770c8fe3e3f9cc46eccfa89720/_middlewareManifest.js" defer = "" ></ script >< style id = "__jsx-1964171375" ># nprogress { pointer-events : none ;}# nprogress . bar { background : #eb232a ; position : fixed ; z-index : 1031 ; top : 0 ; left : 0 ; width : 100 % ; height : 5 px ;}# nprogress . peg { display : block ; position : absolute ; right : 0 px ; width : 100 px ; height : 100 % ; box-shadow : 0 0 10 px #eb232a , 0 0 5 px #eb232a ; opacity : 1 ; -webkit- transform : rotate ( 3 deg ) translate ( 0 px , -4 px ); -ms- transform : rotate ( 3 deg ) translate ( 0 px , -4 px ); -webkit- transform : rotate ( 3 deg ) translate ( 0 px , -4 px ); -ms- transform : rotate ( 3 deg ) translate ( 0 px , -4 px ); transform : rotate ( 3 deg ) translate ( 0 px , -4 px );}# nprogress . spinner { display : 'block' ; position : fixed ; z-index : 1031 ; top : 15 px ; right : 15 px ;}# nprogress . spinner-icon { width : 18 px ; height : 18 px ; box-sizing : border-box ; border : solid 2 px transparent ; border-top-color : #eb232a ; border-left-color : #eb232a ; border-radius : 50 % ; -webkit- animation : nprogresss-spinner 400 ms linear infinite ; -webkit- animation : nprogress-spinner 400 ms linear infinite ; animation : nprogress-spinner 400 ms linear infinite ;}. nprogress-custom-parent { overflow : hidden ; position : relative ;}. nprogress-custom-parent # nprogress . spinner , . nprogress-custom-parent # nprogress . bar { position : absolute ;}@ -webkit-keyframes nprogress-spinner { 0 % { -webkit- transform : rotate ( 0 deg );} 100 % { -webkit- transform : rotate ( 360 deg );}}@ -webkit-keyframes nprogress-spinner { 0 % { -webkit- transform : rotate ( 0 deg ); -ms- transform : rotate ( 0 deg ); transform : rotate ( 0 deg );} 100 % { -webkit- transform : rotate ( 360 deg ); -ms- transform : rotate ( 360 deg ); transform : rotate ( 360 deg );}}@ keyframes nprogress-spinner { 0 % { -webkit- transform : rotate ( 0 deg ); -ms- transform : rotate ( 0 deg ); transform : rotate ( 0 deg );} 100 % { -webkit- transform : rotate ( 360 deg ); -ms- transform : rotate ( 360 deg ); transform : rotate ( 360 deg );}}</ style >< style data-styled = "" data-styled-version = "5.3.5" >: root { --font-family-default : 'NotoSansThaiRegular' , 'NotoSansRegular' ; --font-family-default-bold : 'NotoSansThaiBold' , 'NotoSansBold' ; --font-size-small : calc ( 0.5 rem + 0.25 vw ); --font-size-default : calc ( 0.7 rem + 0.25 vw ); --font-size-title : calc ( 1 rem + 0.25 vw ); --font-size-title-large : calc ( 1 rem + 0.25 vw ); --font-size-medium : calc ( 0.8 rem + 1 vw ); --font-size-large : calc ( 1 rem + 1 vw ); --font-size-title-livetvChannel : calc ( 0.8 rem + 0.25 vw ); --font-size-h1 : calc ( 1 rem + 1 vw ); --color-text-1 : #ffffff ; --colo
: root { -- space - screen - x : 1.5 em ; --space-between-items-x : 0.45 em ; --shelf-space-x : calc ( var ( -- space - screen - x ) - var ( -- space-between - items - x )); --negative-shelf-space-x : calc ( var ( -- shelf - space - x ) * -1 ); --shelf-padding-y : 1 em ;} /*!sc*/
@ media ( min-width : 992px ) {: root { --space-screen-x : 2 em ; --shelf-padding-y : 2 em ;}} /*!sc*/
@ media ( min-width : 1200px ) {: root { --space-screen-x : 4 em ; --space-between-items-x : 0.75 em ; --shelf-padding-y : 4 em ;}} /*!sc*/
* { box-sizing : border-box ;} /*!sc*/
html , body { padding : 0 ; margin : 0 ; width : 100 % !important ; height : 100 % !important ; overflow-x : hidden ; -webkit- overflow-scrolling : touch !important ;} /*!sc*/
body { font-family : var ( -- font - family - default ); font-weight : normal ; font-style : normal ; font-size : 100 % ; font-size : var ( -- font - size - default ); color : var ( -- color - text -1 ); background : var ( -- color - background ); margin : 0 ; -webkit- font-smoothing : antialiased ;} /*!sc*/
@ media ( max-width : 991 . 98px ) { body { -ms- overflow-style : none ; -webkit- scrollbar-width : none ; -moz- scrollbar-width : none ; -ms- scrollbar-width : none ; scrollbar-width : none ;} body :: -webkit-scrollbar { display : none ;}} /*!sc*/
h1 , h2 . main-title-h2 { font-size : var ( -- font - size - h1 ) !important ; padding : 0 40 px !important ; margin-top : 1 rem !important ; margin-bottom : 3 rem !important ;} /*!sc*/
@ media ( max-width : 767 . 98px ) { h1 , h2 . main-title-h2 { margin-bottom : 1.5 rem !important ;}} /*!sc*/
h2 . main-title-h2 { color : rgb ( 129 , 129 , 129 ); text-align : center ; font-weight : 500 ; font-size : 1.75 rem ; padding : 0 px 2.5 rem 1 rem ; margin : 0 px ;} /*!sc*/
a { color : var ( -- color - text -1 ); -webkit- text-decoration : none ; text-decoration : none ;} /*!sc*/
. overflow { overflow : hidden ;} /*!sc*/
. p-20 { padding : 20 px ;} /*!sc*/
. shelf-padding { padding-top : var ( -- shelf - padding - y ); padding-bottom : var ( -- shelf - padding - y );} /*!sc*/
. padding-lr { padding-left : var ( -- space - screen - x ); padding-right : var ( -- space - screen - x );} /*!sc*/
. vjs-audio-button > . vjs-menu li . vjs-selected , . vjs-audio-button > . vjs-menu li . vjs-selected : focus , . vjs-audio-button > . vjs-menu li . vjs-selected : hover , . vjs-audio-button > . js-focus-visible . vjs-menu li . vjs-selected : hover { padding-left : 20 px ; color : #9e9e9e ; background : transparent ;} /*!sc*/
. vjs-audio-button > . vjs-menu > . vjs-menu-content { width : 200 px !important ; right : -35 px !important ; background : rgba ( 0 , 0 , 0 , 0.7 ) !important ; border-radius : 16 px ; max-height : 50 em !important ;} /*!sc*/
. vjs-audio-button > . vjs-menu li { color : #9e9e9e ; font-family : var ( -- font - family - default ); font-style : normal !important ; font-weight : 400 !important ; font-size : 16 px !important ; text-align : left !important ; text-transform : unset !important ;} /*!sc*/
. vjs-audio-button > . vjs-menu li . vjs-menu-title { border-bottom : 1 px solid #616161 ; padding-left : 20 px ; padding-top : 4 px ; height : 40 px ; margin-bottom : 0 px ; text-transform : unset !important ;} /*!sc*/
. vjs-audio-button > . vjs-menu li . vjs-menu-item { padding-left : 50 px ; padding-top : 8 px ; content : '\f110' ; height : 40 px ;} /*!sc*/
. vjs-audio-button > . vjs-menu li . vjs-menu-item [ aria-checked = 'true' ] { padding-left : 20 px ;} /*!sc*/
. vjs-audio-button > . vjs-menu li . vjs-selected : before { font-family : var ( -- font - family - default ); content : url ( '/images/icon-check.png' ); display : inline-block ; vertical-align : middle ; font-weight : 900 ; color : red ; padding-right : 15 px ;} /*!sc*/
. vjs-menu li . vjs-menu-item : focus : not ( . focus-visible ) { outline : none ; background-color : transparent ;} /*!sc*/
. vjs-menu li . vjs-menu-item : focus , . vjs-menu li . vjs-menu-item : hover , . js-focus-visible . vjs-menu li . vjs-menu-item : hover { background : rgba ( 255 , 255 , 255 , 0.2 );} /*!sc*/
data-styled . g1 [ id = "sc-global-cdFMVL1" ] { content : "sc-global-cdFMVL1," } /*!sc*/
. kBoWIr { grid-area : footer-menu ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : row ; -ms- flex-direction : row ; flex-direction : row ; -webkit- flex-wrap : wrap ; -ms- flex-wrap : wrap ; flex-wrap : wrap ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; gap : 0.4 em 0.4 em ;} /*!sc*/
@ media ( min-width : 1200px ) {. kBoWIr { -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; -webkit- box-pack : start ; -webkit- justify-content : flex-start ; -ms- flex-pack : start ; justify-content : flex-start ;}} /*!sc*/
. kBoWIr . menu-list { line-height : 2 ;} /*!sc*/
. kBoWIr . list { display : list-item ; list-style-position : inside ;} /*!sc*/
. kBoWIr . list :: marker { font-size : 0.5 rem ; color : #818181 ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ;} /*!sc*/
. kBoWIr . list a { display : block ; float : right ;} /*!sc*/
@ media ( min-width : 1200px ) {. kBoWIr . list { display : block ;}} /*!sc*/
data-styled . g9 [ id = "sc-gKXOVf" ] { content : "kBoWIr," } /*!sc*/
. lbJarV { grid-area : slogan ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; width : 100 % ; height : 100 % ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ;} /*!sc*/
data-styled . g11 [ id = "sc-ftvSup" ] { content : "lbJarV," } /*!sc*/
. jtpQEk { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ;} /*!sc*/
data-styled . g12 [ id = "sc-papXJ" ] { content : "jtpQEk," } /*!sc*/
. jsGjcw { width : 64 px ; height : 64 px ;} /*!sc*/
data-styled . g13 [ id = "sc-jqUVSM" ] { content : "jsGjcw," } /*!sc*/
. kgfCBo { padding-left : 1 em ;} /*!sc*/
. kgfCBo . main-title { margin : 0 ; font-size : 1.25 rem ; color : #DDDDDD ; font-family : 'NotoSansThaiBold' , 'NotoSansBold' ;} /*!sc*/
. kgfCBo . sub-title { margin : 0 ; font-size : 1 rem ; color : #E2241A ; font-family : 'NotoSansThaiBold' , 'NotoSansBold' ;} /*!sc*/
data-styled . g14 [ id = "sc-kDDrLX" ] { content : "kgfCBo," } /*!sc*/
. kCMqFt { display : grid ; grid-template-columns : repeat ( 3 , 1 fr ); grid-gap : 1 em ; margin : 1.5 em 0 0 ;} /*!sc*/
@ media ( min-width : 576px ) {. kCMqFt { grid-template-columns : repeat ( 3 , 129.73 px );}} /*!sc*/
. kCMqFt img { width : 100 % ; height : auto ;} /*!sc*/
data-styled . g15 [ id = "sc-iqcoie" ] { content : "kCMqFt," } /*!sc*/
. jChdGK { display : inline-block ; vertical-align : middle ; overflow : hidden ;} /*!sc*/
data-styled . g16 [ id = "StyledIconBase-sc-ea9ulj-0" ] { content : "jChdGK," } /*!sc*/
. jhmGAi { grid-area : social ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; width : 100 % ;} /*!sc*/
@ media ( min-width : 1200px ) {. jhmGAi { width : 258 px ; padding-top : 1 em ;}} /*!sc*/
data-styled . g17 [ id = "sc-crXcEl" ] { content : "jhmGAi," } /*!sc*/
. gZUFSH { font-size : 0.9 rem ; color : #DDDDDD ; white-space : nowrap ;} /*!sc*/
data-styled . g18 [ id = "sc-evZas" ] { content : "gZUFSH," } /*!sc*/
. gvqSAI { display : grid ; grid-template-columns : repeat ( 3 , 40 px ); grid-column-gap : 1 em ; padding : 0.7 em 0 ;} /*!sc*/
data-styled . g19 [ id = "sc-breuTD" ] { content : "gvqSAI," } /*!sc*/
. jBNrIi { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; position : relative ;} /*!sc*/
. jBNrIi : after { background-color : white ; content : '' ; width : 35 px ; height : 35 px ; position : absolute ; border-radius : 50 % ; top : 2 px ; left : 2 px ;} /*!sc*/
data-styled . g20 [ id = "sc-ksZaOG" ] { content : "jBNrIi," } /*!sc*/
. sRHqF { width : 40 px ; height : 40 px ; z-index : 1 ;} /*!sc*/
data-styled . g21 [ id = "sc-hAZoDl" ] { content : "sRHqF," } /*!sc*/
. gbTdxw { color : #0e6cf0 ; z-index : 1 ;} /*!sc*/
data-styled . g22 [ id = "sc-fnykZs" ] { content : "gbTdxw," } /*!sc*/
. fTZAWu { color : #42aaf9 ; z-index : 1 ;} /*!sc*/
data-styled . g23 [ id = "sc-fEOsli" ] { content : "fTZAWu," } /*!sc*/
. fNZCkR { text-align : center ; font-size : 0.65 rem ; color : #818181 ;} /*!sc*/
data-styled . g24 [ id = "sc-bjUoiL" ] { content : "fNZCkR," } /*!sc*/
. fLyNCn { width : 100 % ; background-color : #000000 ;} /*!sc*/
data-styled . g27 [ id = "sc-hHLeRK" ] { content : "fLyNCn," } /*!sc*/
. iIDKjL { padding : 3 rem 1.7 rem ; -webkit- align-items : start ; -webkit- box-align : start ; -ms- flex-align : start ; align-items : start ; justify-items : start ; display : grid ; grid-template-columns : 1 fr ; grid-template-areas : 'logo' 'slogan' 'menu' 'social' ; grid-row-gap : 2 em ;} /*!sc*/
@ media ( min-width : 992px ) {. iIDKjL { padding : 2 rem 2 rem ;}} /*!sc*/
@ media ( min-width : 1200px ) {. iIDKjL { padding : 2.5 rem 4 rem ; grid-template-columns : 1 fr 2 fr 2 fr ; grid-template-areas : 'logo slogan menu' 'social slogan menu' 'social slogan menu' ; grid-row-gap : 0 ; grid-column-gap : 2 em ;}} /*!sc*/
data-styled . g28 [ id = "sc-dmRaPn" ] { content : "iIDKjL," } /*!sc*/
. igmUpZ { grid-area : logo ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-shrink : 0 ; -ms- flex-negative : 0 ; flex-shrink : 0 ; text-indent : -9999 px ; outline : none ; background-image : url ( 'https://fn.dmpcdn.com/TrueIDWeb/Navigation/header/logo/trueid-logo.svg' ); background-size : contain ; background-repeat : no-repeat ; background-position : 50 % 0 ; height : 40 px ; width : 100 % ;} /*!sc*/
@ media ( min-width : 1200px ) {. igmUpZ { width : 258 px ;}} /*!sc*/
data-styled . g29 [ id = "sc-kgflAQ" ] { content : "igmUpZ," } /*!sc*/
. iLsksX { grid-area : menu ; width : 100 % ; display : grid ; -webkit- box-pack : justify ; -webkit- justify-content : space-between ; -ms- flex-pack : justify ; justify-content : space-between ; grid-template-columns : 1 fr ; grid-template-areas : 'main-menu' 'footer-menu' ; grid-row-gap : 2 em ;} /*!sc*/
@ media ( min-width : 1200px ) {. iLsksX { grid-template-columns : repeat ( 2 , auto ); grid-template-areas : 'main-menu footer-menu' 'main-menu footer-menu' 'main-menu footer-menu' ;}} /*!sc*/
data-styled . g30 [ id = "sc-fLlhyt" ] { content : "iLsksX," } /*!sc*/
* { box-sizing : border-box ;} /*!sc*/
header , footer { font-family : 'NotoSansThaiRegular' , 'NotoSansRegular' ; font-weight : normal ; font-style : normal ; font-size : 100 % ;} /*!sc*/
a { color : var ( -- color - text ); -webkit- text-decoration : none ; text-decoration : none ;} /*!sc*/
data-styled . g31 [ id = "sc-global-kdUgCb1" ] { content : "sc-global-kdUgCb1," } /*!sc*/
. hQpbFR { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; background-color : #000000 ;} /*!sc*/
data-styled . g32 [ id = "sc-bBrHrO" ] { content : "hQpbFR," } /*!sc*/
. gbxwib { display : grid ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; background-color : #000000 ; grid-template-areas : 'menu search' ; grid-template-columns : min-content auto ; white-space : nowrap ;} /*!sc*/
data-styled . g33 [ id = "sc-ivTmOn" ] { content : "gbxwib," } /*!sc*/
. bbZQOj { width : 100 % ; max-width : 100 % ; display : grid ; padding : 0.5 rem 1 rem ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ;} /*!sc*/
@ media ( min-width : 992px ) {. bbZQOj { grid-row-gap : 1.5 rem ; padding : 1.5 rem 2 rem ;}} /*!sc*/
@ media ( min-width : 1200px ) {. bbZQOj { padding : 1.5 rem 4 rem ;}} /*!sc*/
data-styled . g34 [ id = "sc-cxabCf" ] { content : "bbZQOj," } /*!sc*/
. evevnx { font-family : 'NotoSansThaiBold' , 'NotoSansBold' ; display : none ; -webkit- flex-direction : row ; -ms- flex-direction : row ; flex-direction : row ; -webkit- box-pack : start ; -webkit- justify-content : flex-start ; -ms- flex-pack : start ; justify-content : flex-start ; width : 100 % ; font-size : 1 rem ;} /*!sc*/
@ media ( min-width : 992px ) {. evevnx { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ;}} /*!sc*/
data-styled . g35 [ id = "sc-llJcti" ] { content : "evevnx," } /*!sc*/
. ftrpiG { cursor : pointer ; color : #DDDDDD ;} /*!sc*/
. ftrpiG : hover { color : #E2241A ;} /*!sc*/
data-styled . g40 [ id = "sc-kLLXSd" ] { content : "ftrpiG," } /*!sc*/
. kRWTgq { font-family : 'NotoSansThaiBold' , 'NotoSansBold' ; display : block ;} /*!sc*/
@ media ( min-width : 992px ) {. kRWTgq { display : none ;}} /*!sc*/
data-styled . g47 [ id = "sc-jdAMXn" ] { content : "kRWTgq," } /*!sc*/
. jSSAQP { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; position : relative ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ;} /*!sc*/
@ media ( min-width : 992px ) {. jSSAQP { display : none ;}} /*!sc*/
data-styled . g48 [ id = "sc-bZnhIo" ] { content : "jSSAQP," } /*!sc*/
. cgFraY { display : grid ; grid-auto-flow : column ; grid-auto-columns : 1 fr ; width : 100 % ; font-size : 0.85 rem ; overflow-x : auto ; -ms- overflow-style : none ; -webkit- scrollbar-width : none ; -moz- scrollbar-width : none ; -ms- scrollbar-width : none ; scrollbar-width : none ;} /*!sc*/
. cgFraY :: -webkit-scrollbar { display : none ;} /*!sc*/
data-styled . g49 [ id = "sc-iTONeN" ] { content : "cgFraY," } /*!sc*/
. fNGDmx { display : grid ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; grid-template-columns : 80 px auto max-content max-content ; grid-template-areas : 'logo auto top-menu login' ;} /*!sc*/
@ media ( min-width : 992px ) {. fNGDmx { grid-template-columns : 120 px auto max-content max-content ;}} /*!sc*/
data-styled . g55 [ id = "sc-bBXxYQ" ] { content : "fNGDmx," } /*!sc*/
. dXCxLD { grid-area : logo ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-shrink : 0 ; -ms- flex-negative : 0 ; flex-shrink : 0 ; width : 100 % ; text-indent : -9999 px ; outline : none ; justify-self : flex-start ; background-image : url ( 'https://fn.dmpcdn.com/TrueIDWeb/Navigation/header/logo/trueid-logo.svg' ); background-size : contain ; background-repeat : no-repeat ; background-position : 0 0 ;} /*!sc*/
@ media ( min-width : 992px ) {. dXCxLD { height : 35 px ;}} /*!sc*/
data-styled . g56 [ id = "sc-cOFTSb" ] { content : "dXCxLD," } /*!sc*/
. eCXQAl { grid-area : login ;} /*!sc*/
data-styled . g99 [ id = "sc-brCFrO" ] { content : "eCXQAl," } /*!sc*/
. fqTqqb { font-family : 'NotoSansThaiBold' , 'NotoSansBold' ; grid-area : top - menu ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : end ; -webkit- justify-content : flex-end ; -ms- flex-pack : end ; justify-content : flex-end ; grid-column-gap : 1 em ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ;} /*!sc*/
@ media ( min-width : 992px ) {. fqTqqb { grid-column-gap : 1.5 em ;}} /*!sc*/
data-styled . g107 [ id = "sc-tsFYE" ] { content : "fqTqqb," } /*!sc*/
. hJgtzW { display : block ;} /*!sc*/
@ media ( min-width : 992px ) {. hJgtzW { display : none ;}} /*!sc*/
data-styled . g110 [ id = "sc-hAsxaJ" ] { content : "hJgtzW," } /*!sc*/
. hMpIMZ { padding-right : 1 em ;} /*!sc*/
@ media ( min-width : 992px ) {. hMpIMZ { padding-right : 1.5 em ;}} /*!sc*/
data-styled . g130 [ id = "sc-gzzPqb" ] { content : "hMpIMZ," } /*!sc*/
. bNFcyX { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; background-image : url ( https://cms.dmpcdn.com/misc/2021/10/01/13e17590-229f-11ec-b3c8-d5f7da35502c_webp_original.png ); background-repeat : no-repeat ; background-size : cover ; background-position : center ; margin : 0 ; width : 16 px ; height : 16 px ; border-radius : 50 % ; border : none ; outline : none ; cursor : inherit ; font-size : 0 ; color : transparent ; margin-left : 0 ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; padding : 0 ;} /*!sc*/
data-styled . g131 [ id = "sc-gkJlnC" ] { content : "bNFcyX," } /*!sc*/
. gYitIp { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; cursor : default ;} /*!sc*/
data-styled . g132 [ id = "sc-fmrZth" ] { content : "gYitIp," } /*!sc*/
. kIXyYQ { color : #DDDDDD ; font-size : 1 rem ; padding-left : 0.5 em ;} /*!sc*/
data-styled . g136 [ id = "sc-eVQfli" ] { content : "kIXyYQ," } /*!sc*/
. igIUxS { color : #DDDDDD ;} /*!sc*/
data-styled . g137 [ id = "sc-kTvvXX" ] { content : "igIUxS," } /*!sc*/
. bsuuiR { color : #818181 ; cursor : pointer ; margin-right : 1 rem ;} /*!sc*/
@ media ( min-width : 992px ) {. bsuuiR { display : none ;}} /*!sc*/
data-styled . g138 [ id = "sc-dvwKko" ] { content : "bsuuiR," } /*!sc*/
. fMftwH { grid-area : search ; width : 100 % ; display : none ;} /*!sc*/
@ media ( min-width : 992px ) {. fMftwH { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ;}} /*!sc*/
data-styled . g139 [ id = "sc-jtcaXd" ] { content : "fMftwH," } /*!sc*/
. jiQPNE { display : grid ; grid-template-columns : auto min-content ; grid-column-gap : 1 em ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; width : 100 % ; position : absolute ; padding : 1 rem ; left : 0 ; background-color : #000000 ; z-index : 97 ;} /*!sc*/
@ media ( min-width : 992px ) {. jiQPNE { position : relative ; padding : 0 px ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : end ; -webkit- justify-content : flex-end ; -ms- flex-pack : end ; justify-content : flex-end ; margin-top : 0 px ;}} /*!sc*/
data-styled . g140 [ id = "sc-elYLMi" ] { content : "jiQPNE," } /*!sc*/
. ksQvEs { display : grid ; grid-template-columns : 25 px auto min-content ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; border-radius : 25 px ; padding : 0.3 em 1 em ; width : 100 % ; border : 1.8 px solid #3A3A3A ; background-color : #1C1C1C ; box-shadow : 0 px 0 px 5 px 0 px rgb ( 0 0 0 / 10 % );} /*!sc*/
@ media ( min-width : 992px ) {. ksQvEs { max-width : 405 px ;}} /*!sc*/
data-styled . g141 [ id = "sc-kjEcyX" ] { content : "ksQvEs," } /*!sc*/
. NjWmA { display : block ; width : 100 % ; border : 0 ; outline : 0 ; color : #DDDDDD ; font-family : inherit ; font-weight : 400 ; font-size : 1 em ; background-color : #1C1C1C ;} /*!sc*/
. NjWmA : focus { outline : none !important ;} /*!sc*/
. NjWmA :: -ms-clear { display : none ; width : 0 ; height : 0 ;} /*!sc*/
. NjWmA :: -ms-reveal { display : none ; width : 0 ; height : 0 ;} /*!sc*/
. NjWmA :: -webkit-search-decoration , . NjWmA :: -webkit-search-cancel-button , . NjWmA :: -webkit-search-results-button , . NjWmA :: -webkit-search-results-decoration { display : none ;} /*!sc*/
data-styled . g142 [ id = "sc-cLFqLo" ] { content : "NjWmA," } /*!sc*/
. fcwDZG { color : #E2241A ; white-space : nowrap ; visibility : hidden ; opacity : 0 ; -webkit- transition : visibility 0 s linear 0.3 s , opacity 0.3 s ; transition : visibility 0 s linear 0.3 s , opacity 0.3 s ;} /*!sc*/
. fcwDZG : hover { cursor : pointer ;} /*!sc*/
data-styled . g143 [ id = "sc-iJkHyd" ] { content : "fcwDZG," } /*!sc*/
. kagESW { width : 100 % ;} /*!sc*/
data-styled . g212 [ id = "sc-jZiqTT" ] { content : "kagESW," } /*!sc*/
. gKKPlh { width : 100 % ; text-align : center ; font-weight : 700 ; font-size : 1.75 rem ; background-color : #000000 ; padding : 0 2.5 rem 1 rem ; margin : 0 px ;} /*!sc*/
@ media ( max-width : 574px ) {. gKKPlh { padding : 0 0.8 rem 1 rem ; font-size : 1.5 rem ;}} /*!sc*/
data-styled . g214 [ id = "sc-jWquRx" ] { content : "gKKPlh," } /*!sc*/
* { box-sizing : border-box ;} /*!sc*/
header , footer { font-family : 'NotoSansThaiRegular' , 'NotoSansRegular' ; font-weight : normal ; font-style : normal ; font-size : 100 % ;} /*!sc*/
a { color : var ( -- color - text ); -webkit- text-decoration : none ; text-decoration : none ;} /*!sc*/
data-styled . g215 [ id = "sc-global-kdUgCb2" ] { content : "sc-global-kdUgCb2," } /*!sc*/
. eVzrwF { grid-area : player ; row-gap : 0.5 em ; display : block ; aspect-ratio : 16 / 9 ; box-sizing : border-box ; overflow : hidden ; grid-template-areas : 'alertBanner' 'playerBox' ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. eVzrwF { grid-template-areas : 'playerBox' 'alertBanner' ;}} /*!sc*/
data-styled . g229 [ id = "style__PlayerWrapper-sc-1bg96sr-0" ] { content : "eVzrwF," } /*!sc*/
. jjXJQA { grid-area : playerBox ; aspect-ratio : 16 / 9 ; box-sizing : border-box ; overflow : hidden ;} /*!sc*/
data-styled . g230 [ id = "style__PlayerBox-sc-1bg96sr-1" ] { content : "jjXJQA," } /*!sc*/
. jLnrnb { position : absolute ; top : calc ( 50 % - 24 px ); left : calc ( 50 % - 24 px );} /*!sc*/
. jLnrnb . lds-dual-ring { width : 48 px ; height : 48 px ; border : 5 px solid #fff ; border-bottom-color : transparent ; border-radius : 50 % ; display : inline-block ; box-sizing : border-box ; -webkit- animation : rotation - spinner 1 s linear infinite ; animation : rotation - spinner 1 s linear infinite ;} /*!sc*/
@ -webkit-keyframes rotation-spinner { 0 % { -webkit- transform : rotate ( 0 deg ); -ms- transform : rotate ( 0 deg ); transform : rotate ( 0 deg );} 100 % { -webkit- transform : rotate ( 360 deg ); -ms- transform : rotate ( 360 deg ); transform : rotate ( 360 deg );}} /*!sc*/
@ keyframes rotation-spinner { 0 % { -webkit- transform : rotate ( 0 deg ); -ms- transform : rotate ( 0 deg ); transform : rotate ( 0 deg );} 100 % { -webkit- transform : rotate ( 360 deg ); -ms- transform : rotate ( 360 deg ); transform : rotate ( 360 deg );}} /*!sc*/
data-styled . g231 [ id = "style__LoadingWrapper-sc-1bg96sr-2" ] { content : "jLnrnb," } /*!sc*/
. euCueB { position : relative ; max-width : 100 % ; margin : 0 auto ; overflow : hidden ;} /*!sc*/
data-styled . g236 [ id = "primarystyle__Container-sc-9a4rg4-0" ] { content : "euCueB," } /*!sc*/
. eateYx { width : 100 % ; height : 100 % ; display : grid ; grid-template-rows : 1 fr 60 px ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. eateYx { grid-template-rows : 1 fr 80 px ;}} /*!sc*/
data-styled . g237 [ id = "style__LiveChatWrapper-sc-oh7dhr-0" ] { content : "eateYx," } /*!sc*/
. UjYBk { width : 100 % ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; row-gap : 1 rem ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ;} /*!sc*/
data-styled . g238 [ id = "style__MessageViewWrapper-sc-oh7dhr-1" ] { content : "UjYBk," } /*!sc*/
. bNmrlW { font-size : 16 px ; color : var ( -- color - text -2 ); text-align : center ; word-break : break-word ; padding : 0.5 em ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. bNmrlW { padding : 1.5 em ;}} /*!sc*/
data-styled . g239 [ id = "style__MessageViewTitle-sc-oh7dhr-2" ] { content : "bNmrlW," } /*!sc*/
. ggxqIl { width : 50 % ; max-width : 200 px ;} /*!sc*/
data-styled . g240 [ id = "style__MessageViewImage-sc-oh7dhr-3" ] { content : "ggxqIl," } /*!sc*/
. bpERzs { width : 100 % ; height : 100 % ; display : grid ; grid-template-columns : 1 fr ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; grid-column-gap : 0.5 em ; background : #1C1C1C ; padding : 8 px 16 px ;} /*!sc*/
data-styled . g241 [ id = "style__MessageInputWrapper-sc-oh7dhr-4" ] { content : "bpERzs," } /*!sc*/
. jmNVkx { width : 100 % ; border : 1 px solid #484848 ; border-radius : 100 px ; padding : 0.5 em 1 em ; display : grid ; grid-template-columns : 1 fr 22 px ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ;} /*!sc*/
data-styled . g242 [ id = "style__MessageInputBox-sc-oh7dhr-5" ] { content : "jmNVkx," } /*!sc*/
. ijcRHo { width : 100 % ; color : #616161 ; background-color : inherit ; border : none ; font-size : 16 px ; font-family : inherit ;} /*!sc*/
. ijcRHo : focus { outline : none !important ;} /*!sc*/
. ijcRHo :: -ms-clear { display : none ; width : 0 ; height : 0 ;} /*!sc*/
. ijcRHo :: -ms-reveal { display : none ; width : 0 ; height : 0 ;} /*!sc*/
. ijcRHo :: -webkit-search-decoration , . ijcRHo :: -webkit-search-cancel-button , . ijcRHo :: -webkit-search-results-button , . ijcRHo :: -webkit-search-results-decoration { display : none ;} /*!sc*/
. ijcRHo input : disabled :: -webkit-input-placeholder { color : #616161 ;} /*!sc*/
. ijcRHo input : disabled : -moz-placeholder { color : #616161 ;} /*!sc*/
. ijcRHo input : disabled :: -moz-placeholder { color : #616161 ;} /*!sc*/
. ijcRHo input : disabled : -ms-input-placeholder { color : #616161 ;} /*!sc*/
data-styled . g243 [ id = "style__MessageInput-sc-oh7dhr-6" ] { content : "ijcRHo," } /*!sc*/
. bTkmPQ { color : #616161 ; cursor : default ;} /*!sc*/
data-styled . g244 [ id = "style__MessageSend-sc-oh7dhr-7" ] { content : "bTkmPQ," } /*!sc*/
. eXAcjC { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; background : #050505 ; width : 100 % ; height : 100 % ; position : relative ;} /*!sc*/
. eXAcjC . tooltip { font-size : 14 px ;} /*!sc*/
. eXAcjC . tooltip-border { border-radius : 100 px ;} /*!sc*/
data-styled . g253 [ id = "style__TabWrapper-sc-1de10aw-0" ] { content : "eXAcjC," } /*!sc*/
. gBWblj { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; background : #484848 ; border-radius : 6 px ; color : var ( -- color - text -2 ); border : none ; padding : 1 10 px ; row-gap : 0.5 em ; cursor : pointer ; font-size : 14 px ; font-family : inherit ; margin : 0 px 15 px ; padding : 8 px 10 px ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. gBWblj { margin : 0 px 7 px ; padding : 10 px 10 px ;}} /*!sc*/
data-styled . g254 [ id = "style__ChannelCard-sc-1de10aw-1" ] { content : "gBWblj," } /*!sc*/
. fltOXZ { word-break : keep-all ; font-size : 16 px ; margin : 8 px ; word-wrap : break-word ; overflow : hidden ; text-overflow : ellipsis ; display : -webkit- box ; -webkit- line-clamp : 2 ; line-clamp : 2 ; -webkit- box-orient : vertical ; text-align : left ; max-height : 3.5 em ;} /*!sc*/
data-styled . g258 [ id = "style__ChannelName-sc-1de10aw-5" ] { content : "fltOXZ," } /*!sc*/
. bEKvA { -webkit- scrollbar-color : #8e8e8e rgba ( 0 , 0 , 0 , 0 ); -moz- scrollbar-color : #8e8e8e rgba ( 0 , 0 , 0 , 0 ); -ms- scrollbar-color : #8e8e8e rgba ( 0 , 0 , 0 , 0 ); scrollbar-color : #8e8e8e rgba ( 0 , 0 , 0 , 0 ); -webkit- scrollbar-width : thin ; -moz- scrollbar-width : thin ; -ms- scrollbar-width : thin ; scrollbar-width : thin ; height : 100 % ; overflow-y : scroll ; overflow-x : hidden ; position : relative ; padding : 0 px 0 px 0 px 7 px ;} /*!sc*/
. bEKvA :: -webkit-scrollbar { width : 5 px ;} /*!sc*/
. bEKvA :: -webkit-scrollbar-thumb { background : #8e8e8e ; border-radius : 10 px ;} /*!sc*/
. bEKvA :: -webkit-scrollbar-thumb : hover { background : #555 ;} /*!sc*/
. bEKvA . padding-50px { -webkit- scroll-padding : 50 px 0 px 0 px 50 px ; -moz- scroll-padding : 50 px 0 px 0 px 50 px ; -ms- scroll-padding : 50 px 0 px 0 px 50 px ; scroll-padding : 50 px 0 px 0 px 50 px ;} /*!sc*/
@ media ( max-width : 575 . 98px ) {. bEKvA { width : 100 % ; height : 310 px ; padding : 0 0 0 6 px ;}} /*!sc*/
@ media ( max-width : 767 . 98px ) {. bEKvA { width : 100 % ; height : 310 px ; padding : 0 0 0 6 px ;}} /*!sc*/
@ media ( max-width : 1399 . 98px ) {. bEKvA { height : 310 px ;}} /*!sc*/
data-styled . g267 [ id = "style__TabAllProgramTv-sc-1de10aw-14" ] { content : "bEKvA," } /*!sc*/
. imPkFe { height : 40 px ; width : 40 px ; overflow : hidden ; position : relative ; margin : 0.3 em 0.4 em 0.5 em ;} /*!sc*/
. imPkFe :: before { display : block ; content : '' ;} /*!sc*/
. imPkFe img { object-fit : cover ; width : 100 % ; height : 100 % ;} /*!sc*/
data-styled . g270 [ id = "style__ImageWrapper-sc-1de10aw-17" ] { content : "imPkFe," } /*!sc*/
. iOFBgF { margin : auto 0 ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; -webkit- align-items : flex-start ; -webkit- box-align : flex-start ; -ms- flex-align : flex-start ; align-items : flex-start ; padding : 0 px ; background : var ( -- color - white ); width : 50 px ; height : 40 px ; border-radius : 4 px ; -webkit- flex : none ; -ms- flex : none ; flex : none ; -webkit- order : 0 ; -ms- flex-order : 0 ; order : 0 ; -webkit- align-self : stretch ; -ms- flex-item-align : stretch ; align-self : stretch ;} /*!sc*/
data-styled . g271 [ id = "style__ChannelItemWrapper-sc-1de10aw-18" ] { content : "iOFBgF," } /*!sc*/
. frUmIE { width : 100 % ; height : 100 % ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; row-gap : 1 rem ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; padding : 30 px 0 ;} /*!sc*/
data-styled . g272 [ id = "style__NoProgramTVWrapper-sc-1de10aw-19" ] { content : "frUmIE," } /*!sc*/
. hvuHPR { font-size : 18 px ; color : var ( -- color - text -2 );} /*!sc*/
data-styled . g273 [ id = "style__NoProgramTVTitle-sc-1de10aw-20" ] { content : "hvuHPR," } /*!sc*/
. bWTujN { width : 50 % ; max-width : 200 px ;} /*!sc*/
data-styled . g274 [ id = "style__NoProgramTVImage-sc-1de10aw-21" ] { content : "bWTujN," } /*!sc*/
. hHPSyq { grid-area : live-chat ; border-radius : 16 px 16 px 0 px 0 px ; background : #050505 ; position : relative ; display : grid ; grid-template-rows : min-content 1 fr min-content ;} /*!sc*/
data-styled . g276 [ id = "style__LiveChatAndScheduleDesktopWrapper-sc-blgyg1-0" ] { content : "hHPSyq," } /*!sc*/
. izZcnG { background : #1c1c1c ; border-radius : 50 % ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; border-radius : 100 px ; padding : 4 px ; margin : 0.5 em ;} /*!sc*/
data-styled . g277 [ id = "style__TabWrapper-sc-blgyg1-1" ] { content : "izZcnG," } /*!sc*/
. iRqXDG { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 1 ; width : 100 % ; border-radius : 50 % ; padding : 8 px 0 px ; text-align : center ; height : 42 px ; line-height : 28 px ; border-radius : 100 px ; background : var ( -- color - white ); color : var ( -- color - text -6 ); font-size : 16 px ; cursor : pointer ;} /*!sc*/
. gZgeEr { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 1 ; width : 100 % ; border-radius : 50 % ; padding : 8 px 0 px ; text-align : center ; height : 42 px ; line-height : 28 px ; border-radius : 100 px ; background : none ; color : var ( -- color - text -2 ); font-size : 16 px ; cursor : pointer ;} /*!sc*/
data-styled . g278 [ id = "style__TabItem-sc-blgyg1-2" ] { content : "iRqXDG,gZgeEr," } /*!sc*/
. buDiVe { height : 100 % ; word-break : break-all ;} /*!sc*/
data-styled . g279 [ id = "style__TabContentWrapper-sc-blgyg1-3" ] { content : "buDiVe," } /*!sc*/
. hYDngz { display : none ; position : relative ; width : 100 % ; height : 100 % ;} /*!sc*/
. iWtJuI { display : block ; position : relative ; width : 100 % ; height : 100 % ;} /*!sc*/
data-styled . g280 [ id = "style__TabLiveChatContainer-sc-blgyg1-4" ] { content : "hYDngz,iWtJuI," } /*!sc*/
. iTGfEx { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ;} /*!sc*/
data-styled . g281 [ id = "style__TabLiveChatPosition-sc-blgyg1-5" ] { content : "iTGfEx," } /*!sc*/
. jBUAZP { min-height : calc ( 180 px + 1.5 em ); background-color : var ( -- color - background ); max-width : 100 % ;} /*!sc*/
@ media ( max-width : 2560px ) {. jBUAZP { max-width : 600 px ;}} /*!sc*/
@ media ( max-width : 1920px ) {. jBUAZP { max-width : 450 px ;}} /*!sc*/
data-styled . g282 [ id = "style__AdsDesktopWrapper-sc-blgyg1-6" ] { content : "jBUAZP," } /*!sc*/
. eDLLpd { display : visible ;} /*!sc*/
. fhRPMB { visibility : visible ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ;} /*!sc*/
data-styled . g292 [ id = "style__Wrapper-sc-1ur30c0-0" ] { content : "eDLLpd,fhRPMB," } /*!sc*/
. fJaaQC { color : var ( -- color - icon - gray ); width : 1.25 em ; margin-right : 0.2 em ;} /*!sc*/
. jHFyUZ { color : var ( -- color - text -4 ); width : 1.25 em ; margin-right : 0.2 em ;} /*!sc*/
data-styled . g293 [ id = "style__Views-sc-1ur30c0-1" ] { content : "fJaaQC,jHFyUZ," } /*!sc*/
. ktbmoC { color : var ( -- color - icon - gray ); font-size : 12 px ;} /*!sc*/
. fQxkKl { color : var ( -- color - text -4 ); font-size : 12 px ;} /*!sc*/
data-styled . g294 [ id = "style__Text-sc-1ur30c0-2" ] { content : "ktbmoC,fQxkKl," } /*!sc*/
. hhzOSP { position : relative ;} /*!sc*/
. hhzOSP : hover . socialShare { opacity : 1 ; visibility : visible ; -webkit- transform : translateY ( 5 px ); -ms- transform : translateY ( 5 px ); transform : translateY ( 5 px );} /*!sc*/
data-styled . g295 [ id = "style__WrapSocialShare-sc-17qkggx-0" ] { content : "hhzOSP," } /*!sc*/
. drprFH { border-radius : 4 px ; padding : 1 rem 0.8 rem 0.5 rem 0.8 rem ; background-color : var ( -- color - text -1 ); position : absolute ; box-shadow : 0 4 px 12 px rgb ( 0 0 0 / 10 % ); -webkit- transition : all 0.25 s ease ; transition : all 0.25 s ease ; z-index : 10 ; display : grid ; grid-template-columns : repeat ( 3 , 1 fr ); -webkit- column-gap : 8 px ; column-gap : 8 px ; opacity : 0 ; visibility : hidden ; opacity : 0 ; visibility : hidden ; right : 0 ;} /*!sc*/
. drprFH : before { content : '' ; position : absolute ; top : -5 px ; right : 15 px ; width : 0 ; height : 0 ; box-shadow : 2 px -2 px 6 px rgb ( 0 0 0 / 5 % ); border-top : 6 px solid #fff ; border-right : 6 px solid #fff ; border-bottom : 6 px solid transparent ; border-left : 6 px solid transparent ; -webkit- transform : rotate ( -45 deg ); -ms- transform : rotate ( -45 deg ); transform : rotate ( -45 deg );} /*!sc*/
. drprFH svg { border-radius : 4 px ;} /*!sc*/
data-styled . g296 [ id = "style__SocialShare-sc-17qkggx-1" ] { content : "drprFH," } /*!sc*/
. lgqFya { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ;} /*!sc*/
data-styled . g297 [ id = "style__WrapIcon-sc-1wbagh5-0" ] { content : "lgqFya," } /*!sc*/
. hrAvtV { background-color : var ( -- color - dark - gray ); color : var ( -- color - text ); padding : 0.7 rem ; line-height : 0.5 ; border-radius : 50 % ; display : grid ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; border : none ; cursor : progress ;} /*!sc*/
. iLXXdr { background-color : var ( -- color - dark - gray ); color : var ( -- color - text ); padding : 0.7 rem ; line-height : 0.5 ; border-radius : 50 % ; display : grid ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; border : none ; cursor : pointer ;} /*!sc*/
data-styled . g298 [ id = "style__Icon-sc-1wbagh5-1" ] { content : "hrAvtV,iLXXdr," } /*!sc*/
. hDnofW { color : var ( -- color - gray ); margin-top : 0.5 rem ; display : block ; text-align : center ;} /*!sc*/
data-styled . g299 [ id = "style__Text-sc-1wbagh5-2" ] { content : "hDnofW," } /*!sc*/
. jqZjMl { color : var ( -- color - white );} /*!sc*/
data-styled . g300 [ id = "style__AddIcon-sc-9r5d3-0" ] { content : "jqZjMl," } /*!sc*/
. juemfC { grid-area : player-detail ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : row ; -ms- flex-direction : row ; flex-direction : row ; -webkit- flex-wrap : wrap ; -ms- flex-wrap : wrap ; flex-wrap : wrap ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- column-gap : 0.5 rem ; column-gap : 0.5 rem ; row-gap : 0.25 rem ; min-height : 180 px ; -webkit- align-content : flex-start ; -ms- flex-line-pack : start ; align-content : flex-start ;} /*!sc*/
. juemfC . view-text { font-size : 16 px ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. juemfC . view-text { font-size : 14 px ;}} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. juemfC { min-height : auto ;}} /*!sc*/
. juemfC . view-text-wrapper { display : -webkit- box !important ; display : -webkit- flex !important ; display : -ms- flexbox !important ; display : flex !important ; height : 20 px ;} /*!sc*/
data-styled . g301 [ id = "style__PlayerDetailWWrapper-sc-gfbgtl-0" ] { content : "juemfC," } /*!sc*/
. daNcyn { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; width : 100 % ;} /*!sc*/
data-styled . g302 [ id = "style__TitleWrapper-sc-gfbgtl-1" ] { content : "daNcyn," } /*!sc*/
. huMRSf { grid-area : title ; font-size : 36 px !important ; font-family : var ( -- font - family - default - bold ); margin : 0 px !important ; padding : 0 px !important ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. huMRSf { font-size : 16 px !important ;}} /*!sc*/
data-styled . g303 [ id = "style__Title-sc-gfbgtl-2" ] { content : "huMRSf," } /*!sc*/
. gDqLoZ { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- column-gap : 0.75 rem ; column-gap : 0.75 rem ; width : -webkit- fit-content ; width : -moz- fit-content ; width : fit-content ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. gDqLoZ { width : 100 % ;}} /*!sc*/
@ media screen and ( max-width : 375px ) {. gDqLoZ { -webkit- column-gap : 0.3 rem ; column-gap : 0.3 rem ;}} /*!sc*/
data-styled . g304 [ id = "style__IconWrapper-sc-gfbgtl-3" ] { content : "gDqLoZ," } /*!sc*/
. MaKUl { height : 40 px ; width : 60 px ; overflow : hidden ; margin : 0 ; position : relative ;} /*!sc*/
. MaKUl :: before { display : block ; content : '' ;} /*!sc*/
. MaKUl img { object-fit : cover ; width : 100 % ; height : 100 % ;} /*!sc*/
data-styled . g305 [ id = "style__LogoWrapper-sc-gfbgtl-4" ] { content : "MaKUl," } /*!sc*/
. jYbBOR { border : 1 px solid var ( -- color - text -5 ); color : var ( -- color - text -3 ); border-radius : 0.5 rem ; padding : 0 px 0.5 rem ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- column-gap : 0.5 rem ; column-gap : 0.5 rem ; font-size : 16 px ;} /*!sc*/
. jYbBOR span { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 1 ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. jYbBOR { font-size : 14 px ;}} /*!sc*/
data-styled . g306 [ id = "style__DualAudioItem-sc-gfbgtl-5" ] { content : "jYbBOR," } /*!sc*/
. chLrCX { color : var ( -- color - text -1 ); border : none ; background : none ; outline : none ; display : -webkit- inline - box ; display : -webkit- inline-flex ; display : -ms- inline - flexbox ; display : inline-flex ; padding : 0 px ; font-family : inherit ; cursor : pointer ; width : -webkit- fit-content ; width : -moz- fit-content ; width : fit-content ; -webkit- column-gap : 0.25 rem ; column-gap : 0.25 rem ; font-size : 16 px ; height : -webkit- fit-content ; height : -moz- fit-content ; height : fit-content ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. chLrCX { font-size : 14 px ;}} /*!sc*/
data-styled . g307 [ id = "style__CollapseButton-sc-gfbgtl-6" ] { content : "chLrCX," } /*!sc*/
. gdDmCy { width : 100 % ; -webkit- column-gap : 20 px ; column-gap : 20 px ; -webkit- align-items : baseline ; -webkit- box-align : baseline ; -ms- flex-align : baseline ; align-items : baseline ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : justify ; -webkit- justify-content : space-between ; -ms- flex-pack : justify ; justify-content : space-between ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. gdDmCy { display : grid ; grid-template-columns : auto max-content ; -webkit- align-items : flex-start ; -webkit- box-align : flex-start ; -ms- flex-align : flex-start ; align-items : flex-start ;}} /*!sc*/
data-styled . g309 [ id = "style__DetailWrapper-sc-gfbgtl-8" ] { content : "gdDmCy," } /*!sc*/
. cJNqNR { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : row ; -ms- flex-direction : row ; flex-direction : row ; -webkit- column-gap : 0.75 rem ; column-gap : 0.75 rem ;} /*!sc*/
@ media ( max-width : 767 . 98px ) {. cJNqNR { -webkit- column-gap : 0.5 rem ; column-gap : 0.5 rem ;}} /*!sc*/
data-styled . g310 [ id = "style__ButtonWrapper-sc-gfbgtl-9" ] { content : "cJNqNR," } /*!sc*/
. dGKEzC { font-family : var ( -- font - family - default - bold ); font-size : var ( -- font - size - medium ); margin : 0 ;} /*!sc*/
data-styled . g312 [ id = "style__H2-sc-s6u6gg-1" ] { content : "dGKEzC," } /*!sc*/
. blaWBs { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; padding : 1 px 6 px ; gap : 4 px ; min-width : 55 px ; height : 18 px ; box-shadow : 0 px 1 px 2 px rgba ( 0 , 0 , 0 , 0.3 ); border-radius : 20 px ; background : rgba ( 255 , 255 , 255 , 0.8 );} /*!sc*/
. blaWBs . title { font-style : normal ; font-weight : bold ; font-size : 12 px ; line-height : 18 px ; color : rgba ( 0 , 0 , 0 , 0.7 );} /*!sc*/
. blaWBs . red-dot { width : 5 px ; height : 5 px ; background-color : #e2241a ; border-radius : var ( -- border - radius - default );} /*!sc*/
data-styled . g314 [ id = "style__BadgeDisplay-sc-12fnyiz-0" ] { content : "blaWBs," } /*!sc*/
. giAAld { padding-left : 0 !important ; padding-right : 0 !important ; padding-top : 0 !important ;} /*!sc*/
data-styled . g315 [ id = "style__Shelves-sc-13p8jfm-0" ] { content : "giAAld," } /*!sc*/
. fAeKsX { overflow : hidden ; position : relative ; cursor : pointer ;} /*!sc*/
. ixIZIp { overflow : hidden ; position : relative ; background : var ( -- color - dark - gray ); border-radius : var ( -- border - radius - default ); padding : 15 px 5 px 0 5 px ; min-height : 235 px ; width : 100 % ; cursor : pointer ;} /*!sc*/
data-styled . g316 [ id = "style__Card-sc-13p8jfm-1" ] { content : "fAeKsX,ixIZIp," } /*!sc*/
. eCQchM { width : 100 % ; overflow : hidden ; border-radius : var ( -- border - radius - default ); z-index : 0 ;} /*!sc*/
. eCQchM :: before { content : '' ; width : 100 % ; position : absolute ; left : 0 ; bottom : 0 ; z-index : 1 ;} /*!sc*/
border-radius : var ( --border-radius-large ) . style__ImageWrapper-sc-13p8jfm-2 . ratio-16-9 { position : relative ; padding-bottom : 56.2 % ; width : 100 % ;} /*!sc*/
. eCQchM . border-gradient : before { content : '' ; z-index : 1 ; position : absolute ; left : 0 ; right : 0 ; top : 0 ; height : 40 % ; background : linear-gradient ( 360 deg , rgba ( 0 , 0 , 0 , 0 ) 0 % , rgba ( 0 , 0 , 0 , 0.5 ) 100 % );} /*!sc*/
. eCQchM . border-gradient : after { content : '' ; z-index : 1 ; position : absolute ; left : 0 ; right : 0 ; bottom : 0 ; height : 30 % ; background : linear-gradient ( 360 deg , rgba ( 0 , 0 , 0 , 0.25 ) 0 % , rgba ( 0 , 0 , 0 , 0 ) 100 % );} /*!sc*/
. eCQchM . gradient-highlight : before { content : '' ; z-index : 1 ; position : absolute ; left : 0 ; right : 0 ; top : 0 ; height : 40 % ; background : linear-gradient ( 360 deg , rgba ( 0 , 0 , 0 , 0 ) 0 % , rgba ( 0 , 0 , 0 , 0.5 ) 100 % );} /*!sc*/
. eCQchM . gradient-highlight : after { background-image : linear-gradient ( 180 deg , transparent , rgba ( 0 , 0 , 0 , 1 )); content : '' ; z-index : 1 ; position : absolute ; left : 0 ; right : 0 ; bottom : 0 ; height : 35 % ;} /*!sc*/
. eCQchM . gradient-highlight img { border-bottom : 1 px solid #000 !important ;} /*!sc*/
. eCQchM . loading-placeholder : after { content : '' ; position : absolute ; top : 0 ; left : 0 ; right : 0 ; bottom : 0 ; z-index : 10 ; -webkit- animation : ehGvWK 1.5 s ease-out infinite ; animation : ehGvWK 1.5 s ease-out infinite ; background-color : #fff ;} /*!sc*/
data-styled . g317 [ id = "style__ImageWrapper-sc-13p8jfm-2" ] { content : "eCQchM," } /*!sc*/
. kIEoII { color : #fff ; width : 1.25 em ; margin-left : auto ;} /*!sc*/
data-styled . g318 [ id = "style__ChatIcon-sc-13p8jfm-3" ] { content : "kIEoII," } /*!sc*/
. eLFIwg { width : 100 px ; height : 100 px ; display : block ; margin : auto ; background : #fff ; border-radius : 50 % ; padding : 10 px ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; overflow : hidden ;} /*!sc*/
. eLFIwg img { max-width : 90 % ; display : block ; margin : auto ;} /*!sc*/
data-styled . g319 [ id = "style__ImageLivetv-sc-13p8jfm-4" ] { content : "eLFIwg," } /*!sc*/
. fHimpq { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-wrap : wrap ; -ms- flex-wrap : wrap ; flex-wrap : wrap ; overflow : hidden ; padding : 1 rem 0.5 rem ;} /*!sc*/
@ media ( min-width : 768px ) {. fHimpq { padding : 0.5 rem 0.5 rem ;}} /*!sc*/
data-styled . g321 [ id = "style__CardContent-sc-13p8jfm-6" ] { content : "fHimpq," } /*!sc*/
. dCiHWP { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 2 ; font-family : var ( -- font - family - default - bold ); font-size : 1 rem ; margin-bottom : 5 px ;} /*!sc*/
data-styled . g322 [ id = "style__CardTitle-sc-13p8jfm-7" ] { content : "dCiHWP," } /*!sc*/
. ciibmG { width : 100 % ; text-align : center ; min-height : 65 px ;} /*!sc*/
data-styled . g323 [ id = "style__CardContentLiveTv-sc-13p8jfm-8" ] { content : "ciibmG," } /*!sc*/
. hGidgR { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : row ; -ms- flex-direction : row ; flex-direction : row ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; position : relative ; gap : 13 px ; padding-left : var ( -- space - screen - x ); padding-right : var ( -- space - screen - x );} /*!sc*/
@ media ( min-width : 768px ) {. hGidgR { -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ; -webkit- align-items : unset ; -webkit- box-align : unset ; -ms- flex-align : unset ; align-items : unset ; position : absolute ; gap : 20 px ; max-width : 17 % ;}} /*!sc*/
@ media ( min-width : 992px ) {. hGidgR { padding-right : 0 ;}} /*!sc*/
@ media ( min-width : 767px ) {. hGidgR { padding-top : 3.5 em ;}} /*!sc*/
data-styled . g325 [ id = "style__BoxContentHeader-sc-13p8jfm-10" ] { content : "hGidgR," } /*!sc*/
. iZXXyE { display : grid ; place-content : center ; background : hsla ( 3 , 79 % , 49 % , 0.5 ); border-radius : 50 % ; width : 42 px ; min-width : 42 px ; height : 42 px ;} /*!sc*/
@ media ( min-width : 768px ) {. iZXXyE { width : 48 px ; min-width : 48 px ; height : 48 px ;}} /*!sc*/
data-styled . g326 [ id = "style__BoxContentHeaderLogo-sc-13p8jfm-11" ] { content : "iZXXyE," } /*!sc*/
. dGTNRq { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 1 ;} /*!sc*/
@ media ( min-width : 768px ) {. dGTNRq { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 3 ;}} /*!sc*/
data-styled . g327 [ id = "style__BoxContentHeaderTitle-sc-13p8jfm-12" ] { content : "dGTNRq," } /*!sc*/
. eCcvdU { width : 100 % ; height : 100 % ; position : relative ; padding-left : 20 % ;} /*!sc*/
@ media ( min-width : 767px ) {. eCcvdU { padding-left : 22 % ;}} /*!sc*/
@ media ( min-width : 768px ) {} /*!sc*/
@ media ( min-width : 1023px ) {. eCcvdU { padding-left : 20 % ;}} /*!sc*/
@ media ( min-width : 1200px ) {. eCcvdU { padding-left : 18 % ;}} /*!sc*/
@ media ( min-width : 1400px ) {. eCcvdU { padding-left : 20 % ;}} /*!sc*/
data-styled . g328 [ id = "style__TrendingTvProgramCard-sc-13p8jfm-13" ] { content : "eCcvdU," } /*!sc*/
. ceqamT { position : absolute ; width : 23 % ; top : 70 % ; left : 0 ; -webkit- transform : translate ( -70 % , -50 % ); -ms- transform : translate ( -70 % , -50 % ); transform : translate ( -70 % , -50 % );} /*!sc*/
@ media ( min-width : 767px ) {. ceqamT { top : 65 % ; width : 30 % ;}} /*!sc*/
@ media ( min-width : 1023px ) {. ceqamT { width : 32 % ;}} /*!sc*/
@ media ( min-width : 1200px ) {. ceqamT { width : 30 % ;}} /*!sc*/
. cLdMVo { position : absolute ; width : 23 % ; top : 70 % ; left : 0 ; -webkit- transform : translate ( -70 % , -50 % ); -ms- transform : translate ( -70 % , -50 % ); transform : translate ( -70 % , -50 % ); scale : 1.23 ; -webkit- transform : translate ( -57 % , -40 % ); -ms- transform : translate ( -57 % , -40 % ); transform : translate ( -57 % , -40 % );} /*!sc*/
@ media ( min-width : 767px ) {. cLdMVo { top : 65 % ; width : 30 % ;}} /*!sc*/
@ media ( min-width : 1023px ) {. cLdMVo { width : 32 % ;}} /*!sc*/
@ media ( min-width : 1200px ) {. cLdMVo { width : 30 % ;}} /*!sc*/
data-styled . g329 [ id = "style__TrendingBridgeNo-sc-13p8jfm-14" ] { content : "ceqamT,cLdMVo," } /*!sc*/
. doyhMO { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 2 ; font-family : var ( -- font - family - default - bold ); font-size : var ( -- font - size - title - livetvChannel ); margin-top : 5 px ; margin-bottom : 5 px ;} /*!sc*/
data-styled . g330 [ id = "style__TrendingTitle-sc-13p8jfm-15" ] { content : "doyhMO," } /*!sc*/
. iGnbJd { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- flex : auto ; -ms- flex : auto ; flex : auto ;} /*!sc*/
data-styled . g331 [ id = "style__CardContentIcon-sc-13p8jfm-16" ] { content : "iGnbJd," } /*!sc*/
. dpFaCI { position : absolute ; top : 20 px ; left : 10 px ; -webkit- transform : translateY ( -50 % ); -ms- transform : translateY ( -50 % ); transform : translateY ( -50 % );} /*!sc*/
data-styled . g332 [ id = "style__LiveTvBadge-sc-13p8jfm-17" ] { content : "dpFaCI," } /*!sc*/
. ggLnsJ { display : grid ; place-content : center ; width : 24 px ; height : 24 px ; background : #fff ; border-radius : 50 % ; position : absolute ; top : 20 px ; right : 10 px ; -webkit- transform : translateY ( -50 % ); -ms- transform : translateY ( -50 % ); transform : translateY ( -50 % );} /*!sc*/
data-styled . g333 [ id = "style__LogoDisplay-sc-13p8jfm-18" ] { content : "ggLnsJ," } /*!sc*/
. aprOf { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; position : relative ; padding-top : 20 px ; padding-bottom : 20 px ; -webkit- box-pack : end ; -webkit- justify-content : flex-end ; -ms- flex-pack : end ; justify-content : flex-end ;} /*!sc*/
data-styled . g334 [ id = "style__Header-sc-aplgh2-0" ] { content : "aprOf," } /*!sc*/
. eVxjHf { overflow : hidden ; text-overflow : ellipsis ; -webkit- box-orient : vertical ; display : -webkit- box ; -webkit- line-clamp : 1 ; white-space : nowrap ; -webkit- flex : 1 1 auto ; -ms- flex : 1 1 auto ; flex : 1 1 auto ;} /*!sc*/
data-styled . g335 [ id = "style__Title-sc-aplgh2-1" ] { content : "eVxjHf," } /*!sc*/
. hoSfjb { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; -webkit- box-pack : end ; -webkit- justify-content : flex-end ; -ms- flex-pack : end ; justify-content : flex-end ; margin-left : -7 px ; margin-right : -7 px ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. hoSfjb { position : absolute ; pointer-events : none ; visibility : hidden ;}} /*!sc*/
data-styled . g336 [ id = "style__SlideDots-sc-aplgh2-2" ] { content : "hoSfjb," } /*!sc*/
. bJOhmU { background-color : var ( -- color - background ); color : var ( -- color - text -1 );} /*!sc*/
@ media ( min-width : 1200px ) {. bJOhmU . slick-list { overflow : unset !important ;}} /*!sc*/
. bJOhmU . slick-track { margin-left : 0 ;} /*!sc*/
. bJOhmU . slick-slider . slick-list . slick-slide { padding-left : var ( -- slide - space - left ); padding-right : var ( -- slide - space - right );} /*!sc*/
. bJOhmU . slick-next , . bJOhmU . slick-prev { opacity : 0 ; visibility : hidden ; -webkit- transition : 450 ms all ease ; transition : 450 ms all ease ;} /*!sc*/
@ media ( min-width : 1200px ) {. bJOhmU . slick-slider : hover . slick-next , . bJOhmU . slick-slider : hover . slick-prev { opacity : 1 ; visibility : visible ; -webkit- transition : 450 ms all ease ; transition : 450 ms all ease ;}} /*!sc*/
. bJOhmU . slick-dots-bottom . slick-dots { text-align : center ;} /*!sc*/
. bJOhmU . slick-dots li { cursor : default ;} /*!sc*/
. bJOhmU . slick-dots button { background-color : var ( -- color - slick - dot - button ); display : block ; width : 5 px ; height : 5 px ; padding : 0 ; overflow : hidden ; border : none ; outline : none ; text-indent : -9999 px ; color : #fff ; border-radius : 50 % ;} /*!sc*/
. bJOhmU . slick-dots button : before { width : 5 px ; height : 5 px ; line-height : 1 ;} /*!sc*/
. bJOhmU . slick-dots li { width : auto ; height : auto ; margin : 0 7 px ;} /*!sc*/
. bJOhmU . slick-dots li . slick-active button { background-color : var ( -- color - slick - dot - button - active ); width : 32 px ; border-radius : 50 px ;} /*!sc*/
. bJOhmU . slick-dots { position : unset ; width : auto ; z-index : 1 ; cursor : default ; display : -webkit- box !important ; display : -webkit- flex !important ; display : -ms- flexbox !important ; display : flex !important ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; padding : 1 em 0 ;} /*!sc*/
. bJOhmU . slick-dots button { pointer-events : none ;} /*!sc*/
. bJOhmU . slick-next . slick-disabled , . bJOhmU . slick-prev . slick-disabled , . bJOhmU . slick-next : before , . bJOhmU . slick-prev : before { display : none ;} /*!sc*/
. bJOhmU . slick-next { top : calc ( 50 % ); width : 50 px ; height : calc ( 100 % ); display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; z-index : 2 ; background : linear-gradient ( 90 deg , var ( -- color - slick - arrow - background )); -webkit- transform : translate ( -50 % , -50 % ); -ms- transform : translate ( -50 % , -50 % ); transform : translate ( -50 % , -50 % );} /*!sc*/
. bJOhmU . slick-prev { top : calc ( 50 % ); width : 50 px ; height : calc ( 100 % ); display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; z-index : 2 ; background : linear-gradient ( 270 deg , var ( -- color - slick - arrow - background )); -webkit- transform : translate ( 50 % , -50 % ); -ms- transform : translate ( 50 % , -50 % ); transform : translate ( 50 % , -50 % );} /*!sc*/
. bJOhmU . slick-next : hover { background : linear-gradient ( 90 deg , var ( -- color - slick - arrow - background )) !important ;} /*!sc*/
. bJOhmU . slick-prev : hover { background : linear-gradient ( 270 deg , var ( -- color - slick - arrow - background )) !important ;} /*!sc*/
@ media ( min-width : 1200px ) {} /*!sc*/
@ media ( max-width : 1199 . 98px ) {} /*!sc*/
. bJOhmU . slick-slider { padding-left : var ( -- shelf - space - x ); padding-right : var ( -- shelf - space - x );} /*!sc*/
. bJOhmU . slick-slider . slick-list { padding : 0 ;} /*!sc*/
. bJOhmU . slick-slide { padding : 0 !important ;} /*!sc*/
. bJOhmU . slick-slide > div { margin-left : var ( -- space-between - items - x ); margin-right : var ( -- space-between - items - x );} /*!sc*/
. bJOhmU . slick-next , . bJOhmU . slick-prev { top : -3 px ; -webkit- transform : translate ( 0 , 0 ); -ms- transform : translate ( 0 , 0 ); transform : translate ( 0 , 0 );} /*!sc*/
. bJOhmU . slick-next { right : 0 ;} /*!sc*/
. bJOhmU . slick-prev { left : 0 ;} /*!sc*/
. bJOhmU . slick-slider . slick-list { overflow : unset !important ;} /*!sc*/
@ media ( min-width : 767px ) {. bJOhmU . slick-slide > div { -webkit- transform : translateX ( -82.7 % ); -ms- transform : translateX ( -82.7 % ); transform : translateX ( -82.7 % );}} /*!sc*/
@ media ( min-width : 1023px ) {. bJOhmU . slick-slide > div { -webkit- transform : translateX ( -51.2 % ); -ms- transform : translateX ( -51.2 % ); transform : translateX ( -51.2 % );}} /*!sc*/
@ media ( min-width : 1200px ) {. bJOhmU . slick-slide > div { -webkit- transform : translateX ( -52.2 % ); -ms- transform : translateX ( -52.2 % ); transform : translateX ( -52.2 % );}} /*!sc*/
@ media ( min-width : 1400px ) {. bJOhmU . slick-slide > div { -webkit- transform : translateX ( -51.73 % ); -ms- transform : translateX ( -51.73 % ); transform : translateX ( -51.73 % );}} /*!sc*/
. bJOhmU . slick-dots { height : 70 px ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ;} /*!sc*/
. clXhSl { background-color : var ( -- color - background ); color : var ( -- color - text -1 );} /*!sc*/
@ media ( min-width : 1200px ) {. clXhSl . slick-list { overflow : unset !important ;}} /*!sc*/
. clXhSl . slick-track { margin-left : 0 ;} /*!sc*/
. clXhSl . slick-slider . slick-list . slick-slide { padding-left : var ( -- slide - space - left ); padding-right : var ( -- slide - space - right );} /*!sc*/
. clXhSl . slick-next , . clXhSl . slick-prev { opacity : 0 ; visibility : hidden ; -webkit- transition : 450 ms all ease ; transition : 450 ms all ease ;} /*!sc*/
@ media ( min-width : 1200px ) {. clXhSl . slick-slider : hover . slick-next , . clXhSl . slick-slider : hover . slick-prev { opacity : 1 ; visibility : visible ; -webkit- transition : 450 ms all ease ; transition : 450 ms all ease ;}} /*!sc*/
. clXhSl . slick-dots-bottom . slick-dots { text-align : center ;} /*!sc*/
. clXhSl . slick-dots li { cursor : default ;} /*!sc*/
. clXhSl . slick-dots button { background-color : var ( -- color - slick - dot - button ); display : block ; width : 5 px ; height : 5 px ; padding : 0 ; overflow : hidden ; border : none ; outline : none ; text-indent : -9999 px ; color : #fff ; border-radius : 50 % ;} /*!sc*/
. clXhSl . slick-dots button : before { width : 5 px ; height : 5 px ; line-height : 1 ;} /*!sc*/
. clXhSl . slick-dots li { width : auto ; height : auto ; margin : 0 7 px ;} /*!sc*/
. clXhSl . slick-dots li . slick-active button { background-color : var ( -- color - slick - dot - button - active ); width : 32 px ; border-radius : 50 px ;} /*!sc*/
. clXhSl . slick-dots { position : unset ; width : auto ; z-index : 1 ; cursor : default ; display : -webkit- box !important ; display : -webkit- flex !important ; display : -ms- flexbox !important ; display : flex !important ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; padding : 1 em 0 ;} /*!sc*/
. clXhSl . slick-dots button { pointer-events : none ;} /*!sc*/
. clXhSl . slick-next . slick-disabled , . clXhSl . slick-prev . slick-disabled , . clXhSl . slick-next : before , . clXhSl . slick-prev : before { display : none ;} /*!sc*/
. clXhSl . slick-next { top : calc ( 50 % ); width : 50 px ; height : calc ( 100 % ); display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; z-index : 2 ; background : linear-gradient ( 90 deg , var ( -- color - slick - arrow - background )); -webkit- transform : translate ( -50 % , -50 % ); -ms- transform : translate ( -50 % , -50 % ); transform : translate ( -50 % , -50 % );} /*!sc*/
. clXhSl . slick-prev { top : calc ( 50 % ); width : 50 px ; height : calc ( 100 % ); display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; z-index : 2 ; background : linear-gradient ( 270 deg , var ( -- color - slick - arrow - background )); -webkit- transform : translate ( 50 % , -50 % ); -ms- transform : translate ( 50 % , -50 % ); transform : translate ( 50 % , -50 % );} /*!sc*/
. clXhSl . slick-next : hover { background : linear-gradient ( 90 deg , var ( -- color - slick - arrow - background )) !important ;} /*!sc*/
. clXhSl . slick-prev : hover { background : linear-gradient ( 270 deg , var ( -- color - slick - arrow - background )) !important ;} /*!sc*/
@ media ( min-width : 1200px ) {} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. clXhSl . slick-slider . slick-list { overflow-x : auto !important ; --webkit-overflow-scrolling : touch ; -webkit- scroll-behavior : smooth ; -moz- scroll-behavior : smooth ; -ms- scroll-behavior : smooth ; scroll-behavior : smooth ; -webkit- scrollbar-width : none ; -moz- scrollbar-width : none ; -ms- scrollbar-width : none ; scrollbar-width : none ;}. clXhSl . slick-slider . slick-list :: -webkit-scrollbar { display : none ;}. clXhSl . slick-slider . slick-track { -webkit- transform : translate3d ( 2 em , 0 , 0 ) !important ; -ms- transform : translate3d ( 2 em , 0 , 0 ) !important ; transform : translate3d ( 2 em , 0 , 0 ) !important ; overflow-x : auto ; --webkit-overflow-scrolling : touch ; -webkit- scroll-snap-type : x mandatory ; -moz- scroll-snap-type : x mandatory ; -ms- scroll-snap-type : x mandatory ; scroll-snap-type : x mandatory ; -webkit- scroll-snap-align : start ; -moz- scroll-snap-align : start ; -ms- scroll-snap-align : start ; scroll-snap-align : start ; -webkit- scrollbar-width : none ; -moz- scrollbar-width : none ; -ms- scrollbar-width : none ; scrollbar-width : none ;}. clXhSl . slick-slider . slick-track :: -webkit-scrollbar { display : none ;}@ media ( max-width : 1199 . 98px ) {. clXhSl . slick-slider . slick-track { -webkit- transform : translate3d ( 0 , 0 , 0 ) !important ; -ms- transform : translate3d ( 0 , 0 , 0 ) !important ; transform : translate3d ( 0 , 0 , 0 ) !important ;}}} /*!sc*/
. clXhSl . slick-slider { padding-left : var ( -- shelf - space - x ); padding-right : var ( -- shelf - space - x );} /*!sc*/
. clXhSl . slick-slider . slick-list { padding : 0 ;} /*!sc*/
. clXhSl . slick-slide { padding : 0 !important ;} /*!sc*/
. clXhSl . slick-slide > div { margin-left : var ( -- space-between - items - x ); margin-right : var ( -- space-between - items - x );} /*!sc*/
. clXhSl . slick-next , . clXhSl . slick-prev { top : -3 px ; -webkit- transform : translate ( 0 , 0 ); -ms- transform : translate ( 0 , 0 ); transform : translate ( 0 , 0 );} /*!sc*/
. clXhSl . slick-next { right : 0 ;} /*!sc*/
. clXhSl . slick-prev { left : 0 ;} /*!sc*/
. clXhSl . slick-slider . slick-list { margin-left : var ( -- negative - shelf - space - x ); margin-right : var ( -- negative - shelf - space - x );} /*!sc*/
@ media ( min-width : 1200px ) {. clXhSl . slick-slider . slick-list { margin-left : 0 ; margin-right : 0 ;}} /*!sc*/
. clXhSl . slick-slider . slick-list . slick-track { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : row ; -ms- flex-direction : row ; flex-direction : row ; padding-left : var ( -- shelf - space - x ); padding-right : var ( -- shelf - space - x );} /*!sc*/
@ media ( min-width : 1200px ) {. clXhSl . slick-slider . slick-list . slick-track { display : block ; -webkit- flex-direction : unset ; -ms- flex-direction : unset ; flex-direction : unset ; padding-left : 0 ; padding-right : 0 ;}} /*!sc*/
. evpysI { background-color : var ( -- color - background ); color : var ( -- color - text -1 ); position : relative ; margin-top : 3 em ;} /*!sc*/
@ media ( min-width : 1200px ) {. evpysI . slick-list { overflow : unset !important ;}} /*!sc*/
. evpysI . slick-track { margin-left : 0 ;} /*!sc*/
. evpysI . slick-slider . slick-list . slick-slide { padding-left : var ( -- slide - space - left ); padding-right : var ( -- slide - space - right );} /*!sc*/
. evpysI . slick-slider { overflow : unset ;} /*!sc*/
. evpysI . slick-slider . slick-list { padding-left : 4 rem ; overflow : unset !important ;} /*!sc*/
. evpysI . slick-slider . slick-list . slick-slide { -webkit- transform : translateX ( 0 ); -ms- transform : translateX ( 0 ); transform : translateX ( 0 ); -webkit- transition : 450 ms -webkit- transform ease ; -webkit- transition : 450 ms transform ease ; transition : 450 ms transform ease ;} /*!sc*/
@ media ( min-width : 1200px ) {. evpysI . slick-slider . slick-list : hover { -webkit- transition : 450 ms -webkit- transform ease ; -webkit- transition : 450 ms transform ease ; transition : 450 ms transform ease ;}. evpysI . slick-slider . slick-list : hover . slick-slide { -webkit- transform : translateX ( -7 % ); -ms- transform : translateX ( -7 % ); transform : translateX ( -7 % ); -webkit- transition : 450 ms -webkit- transform ease ; -webkit- transition : 450 ms transform ease ; transition : 450 ms transform ease ;}. evpysI . slick-slider . slick-list : hover . slick-slide : hover { -webkit- transform : scale ( 1.15 ); -ms- transform : scale ( 1.15 ); transform : scale ( 1.15 ); -webkit- transition : 450 ms -webkit- transform ease ; -webkit- transition : 450 ms transform ease ; transition : 450 ms transform ease ;}. evpysI . slick-slider . slick-list : hover . slick-slide : hover ~ . slick-slide { -webkit- transform : translateX ( 7 % ); -ms- transform : translateX ( 7 % ); transform : translateX ( 7 % ); -webkit- transition : 450 ms -webkit- transform ease ; -webkit- transition : 450 ms transform ease ; transition : 450 ms transform ease ;}} /*!sc*/
. evpysI . slick-next , . evpysI . slick-prev { opacity : 0 ; visibility : hidden ; -webkit- transition : 450 ms all ease ; transition : 450 ms all ease ;} /*!sc*/
@ media ( min-width : 1200px ) {. evpysI . slick-slider : hover . slick-next , . evpysI . slick-slider : hover . slick-prev { opacity : 1 ; visibility : visible ; -webkit- transition : 450 ms all ease ; transition : 450 ms all ease ;}} /*!sc*/
. evpysI . slick-dots-bottom . slick-dots { text-align : center ;} /*!sc*/
. evpysI . slick-dots li { cursor : default ;} /*!sc*/
. evpysI . slick-dots button { background-color : var ( -- color - slick - dot - button ); display : block ; width : 5 px ; height : 5 px ; padding : 0 ; overflow : hidden ; border : none ; outline : none ; text-indent : -9999 px ; color : #fff ; border-radius : 50 % ;} /*!sc*/
. evpysI . slick-dots button : before { width : 5 px ; height : 5 px ; line-height : 1 ;} /*!sc*/
. evpysI . slick-dots li { width : auto ; height : auto ; margin : 0 7 px ;} /*!sc*/
. evpysI . slick-dots li . slick-active button { background-color : var ( -- color - slick - dot - button - active ); width : 32 px ; border-radius : 50 px ;} /*!sc*/
. evpysI . slick-dots { position : unset ; width : auto ; z-index : 1 ; cursor : default ; display : -webkit- box !important ; display : -webkit- flex !important ; display : -ms- flexbox !important ; display : flex !important ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; padding : 1 em 0 ;} /*!sc*/
. evpysI . slick-dots button { pointer-events : none ;} /*!sc*/
. evpysI . slick-next . slick-disabled , . evpysI . slick-prev . slick-disabled , . evpysI . slick-next : before , . evpysI . slick-prev : before { display : none ;} /*!sc*/
. evpysI . slick-next { top : calc ( 50 % ); width : 50 px ; height : calc ( 100 % ); display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; z-index : 2 ; background : linear-gradient ( 90 deg , var ( -- color - slick - arrow - background )); -webkit- transform : translate ( -50 % , -50 % ); -ms- transform : translate ( -50 % , -50 % ); transform : translate ( -50 % , -50 % );} /*!sc*/
. evpysI . slick-prev { top : calc ( 50 % ); width : 50 px ; height : calc ( 100 % ); display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- box-pack : center ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -webkit- box-align : center ; -ms- flex-align : center ; align-items : center ; z-index : 2 ; background : linear-gradient ( 270 deg , var ( -- color - slick - arrow - background )); -webkit- transform : translate ( 50 % , -50 % ); -ms- transform : translate ( 50 % , -50 % ); transform : translate ( 50 % , -50 % );} /*!sc*/
. evpysI . slick-next : hover { background : linear-gradient ( 90 deg , var ( -- color - slick - arrow - background )) !important ;} /*!sc*/
. evpysI . slick-prev : hover { background : linear-gradient ( 270 deg , var ( -- color - slick - arrow - background )) !important ;} /*!sc*/
@ media ( min-width : 1200px ) {} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. evpysI . slick-slider . slick-list { overflow-x : auto !important ; --webkit-overflow-scrolling : touch ; -webkit- scroll-behavior : smooth ; -moz- scroll-behavior : smooth ; -ms- scroll-behavior : smooth ; scroll-behavior : smooth ; -webkit- scrollbar-width : none ; -moz- scrollbar-width : none ; -ms- scrollbar-width : none ; scrollbar-width : none ;}. evpysI . slick-slider . slick-list :: -webkit-scrollbar { display : none ;}. evpysI . slick-slider . slick-track { -webkit- transform : translate3d ( 2 em , 0 , 0 ) !important ; -ms- transform : translate3d ( 2 em , 0 , 0 ) !important ; transform : translate3d ( 2 em , 0 , 0 ) !important ; overflow-x : auto ; --webkit-overflow-scrolling : touch ; -webkit- scroll-snap-type : x mandatory ; -moz- scroll-snap-type : x mandatory ; -ms- scroll-snap-type : x mandatory ; scroll-snap-type : x mandatory ; -webkit- scroll-snap-align : start ; -moz- scroll-snap-align : start ; -ms- scroll-snap-align : start ; scroll-snap-align : start ; -webkit- scrollbar-width : none ; -moz- scrollbar-width : none ; -ms- scrollbar-width : none ; scrollbar-width : none ;}. evpysI . slick-slider . slick-track :: -webkit-scrollbar { display : none ;}@ media ( max-width : 1199 . 98px ) {. evpysI . slick-slider . slick-track { -webkit- transform : translate3d ( 0 , 0 , 0 ) !important ; -ms- transform : translate3d ( 0 , 0 , 0 ) !important ; transform : translate3d ( 0 , 0 , 0 ) !important ;}}} /*!sc*/
. evpysI . slick-slider { padding-left : var ( -- shelf - space - x ); padding-right : var ( -- shelf - space - x );} /*!sc*/
. evpysI . slick-slider . slick-list { padding : 0 ;} /*!sc*/
. evpysI . slick-slide { padding : 0 !important ;} /*!sc*/
. evpysI . slick-slide > div { margin-left : var ( -- space-between - items - x ); margin-right : var ( -- space-between - items - x );} /*!sc*/
. evpysI . slick-next , . evpysI . slick-prev { top : -3 px ; -webkit- transform : translate ( 0 , 0 ); -ms- transform : translate ( 0 , 0 ); transform : translate ( 0 , 0 );} /*!sc*/
. evpysI . slick-next { right : 0 ;} /*!sc*/
. evpysI . slick-prev { left : 0 ;} /*!sc*/
. evpysI :: before { content : '' ; position : absolute ; pointer-events : none ; background : radial-gradient ( 101.97 % 75.23 % at -1.97 % 0 % , #720b06 0 % , rgba ( 0 , 0 , 0 , 0 ) 100 % ); width : 490 px ; height : 100 % ; top : 0 ; left : 0 ;} /*!sc*/
@ media only screen and ( max-width : 600px ) {. evpysI :: before { width : 540 px ;}} /*!sc*/
. evpysI . slick-slider . slick-list { margin-left : var ( -- negative - shelf - space - x ); margin-right : var ( -- negative - shelf - space - x );} /*!sc*/
@ media ( min-width : 1200px ) {. evpysI . slick-slider . slick-list { margin-left : 0 ; margin-right : 0 ;}} /*!sc*/
. evpysI . slick-slider . slick-list . slick-track { display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : row ; -ms- flex-direction : row ; flex-direction : row ; padding-left : var ( -- shelf - space - x ); padding-right : var ( -- shelf - space - x );} /*!sc*/
@ media ( min-width : 1200px ) {. evpysI . slick-slider . slick-list . slick-track { display : block ; -webkit- flex-direction : unset ; -ms- flex-direction : unset ; flex-direction : unset ; padding-left : 0 ; padding-right : 0 ;}} /*!sc*/
@ media ( max-width : 767px ) {. evpysI { padding-top : 2.5 em ;}} /*!sc*/
. evpysI . slick-slider { padding-top : 2 em ; margin-left : 0 % ; -webkit- clip-path : unset ; clip-path : unset ;} /*!sc*/
@ media ( min-width : 767px ) {. evpysI . slick-slider { padding-top : 3.5 em ; margin-left : 25 % ; -webkit- clip-path : polygon ( 1.55 em 0 % , 100 % 0 % , 100 % 100 % , 1.55 em 100 % ); clip-path : polygon ( 1.55 em 0 % , 100 % 0 % , 100 % 100 % , 1.55 em 100 % );}} /*!sc*/
@ media ( min-width : 992px ) {. evpysI . slick-slider { padding-left : 0 ; margin-left : 20 % ; -webkit- clip-path : polygon ( 1 px -20 % , calc ( 100 % + var ( -- shelf - space - x )) -20 % , calc ( 100 % + var ( -- shelf - space - x )) 120 % , 1 px 120 % ); clip-path : polygon ( 1 px -20 % , calc ( 100 % + var ( -- shelf - space - x )) -20 % , calc ( 100 % + var ( -- shelf - space - x )) 120 % , 1 px 120 % );}} /*!sc*/
@ media ( min-width : 1200px ) {. evpysI . slick-slide : hover { -webkit- transform : scale ( 1.05 ) !important ; -ms- transform : scale ( 1.05 ) !important ; transform : scale ( 1.05 ) !important ;}} /*!sc*/
@ media ( min-width : 992px ) {. evpysI . slick-slider . slick-list { margin-left : 0 ;}. evpysI . slick-slider . slick-list . slick-track { padding-left : 0 ;}} /*!sc*/
@ media ( min-width : 1200px ) {. evpysI . slick-slider . slick-list { margin-right : 0 ;}} /*!sc*/
@ media ( max-width : 767px ) {. evpysI . slick-slider . slick-list . slick-track { margin-left : -2 em ;}} /*!sc*/
data-styled . g337 [ id = "style__SlideWrapper-sc-1uu8tiw-0" ] { content : "bJOhmU,clXhSl,evpysI," } /*!sc*/
. gcNiZJ { height : -webkit- fit-content ; height : -moz- fit-content ; height : fit-content ;} /*!sc*/
data-styled . g338 [ id = "style__Link-sc-lz1rtc-0" ] { content : "gcNiZJ," } /*!sc*/
. fSgflc { display : grid ; grid-template-columns : 3 fr 1 fr ; grid-template-rows : max-content ; grid-column-gap : 1.5 em ; grid-row-gap : 1.5 em ; margin : 1 em 0 px 0.2 em 0 px ; grid-template-areas : 'player live-chat' 'player-detail live-chat' ;} /*!sc*/
@ media ( max-width : 1199 . 98px ) {. fSgflc { row-gap : 1 em ; display : -webkit- box ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-direction : column ; -ms- flex-direction : column ; flex-direction : column ;}} /*!sc*/
data-styled . g339 [ id = "pagestyle__PlayerBlock-sc-19lx1fz-0" ] { content : "fSgflc," } /*!sc*/
@ -webkit-keyframes ehGvWK { 0 % { background : linear-gradient ( to right , transparent , #dedede 50 % , transparent ); width : 80 % ; left : 0 ;} 100 % { background : linear-gradient ( to right , transparent , #dedede 100 % ); left : 100 % ;}} /*!sc*/
@ keyframes ehGvWK { 0 % { background : linear-gradient ( to right , transparent , #dedede 50 % , transparent ); width : 80 % ; left : 0 ;} 100 % { background : linear-gradient ( to right , transparent , #dedede 100 % ); left : 100 % ;}} /*!sc*/
data-styled . g342 [ id = "sc-keyframes-ehGvWK" ] { content : "ehGvWK," } /*!sc*/
</ style ></ head >< body >< div id = "__next" data-reactroot = "" >< div id = "top-element" >< style >
@ font-face {
font-family : 'NotoSansThaiRegular' ;
src : url ( https :// fn . dmpcdn . com / TrueIDWeb / fonts / NotoSansThai-Regular . ttf );
font-weight : normal ;
font-style : normal ;
}
@ font-face {
font-family : 'NotoSansThaiBold' ;
src : url ( https :// fn . dmpcdn . com / TrueIDWeb / fonts / NotoSansThai-Bold . ttf );
font-weight : normal ;
font-style : normal ;
}
@ font-face {
font-family : 'NotoSansRegular' ;
src : url ( https :// fn . dmpcdn . com / TrueIDWeb / fonts / NotoSans-Regular . ttf );
font-weight : normal ;
font-style : normal ;
}
@ font-face {
font-family : 'NotoSansBold' ;
src : url ( https :// fn . dmpcdn . com / TrueIDWeb / fonts / NotoSans-Bold . ttf );
font-weight : normal ;
font-style : normal ;
}
</ style >< header data-testid = "header-wrapper-div" class = "sc-jZiqTT kagESW" >< div data-testid = "top-navbar-wrapper-div" class = "sc-bBrHrO hQpbFR" >< div data-testid = "navbar-wrapper-div" class = "sc-cxabCf bbZQOj" >< div data-testid = "navbar-div" class = "sc-bBXxYQ fNGDmx" >< a data-testid = "trueidlogo-a" href = "https://www.trueid.net/" class = "sc-cOFTSb dXCxLD" > TrueID</ a >< div data-testid = "topmenu-wrapper-div" class = "sc-tsFYE fqTqqb" >< div data-testid = "topmenu-wrapper-div-search" class = "sc-hAsxaJ hJgtzW" >< svg viewBox = "0 0 512 512" height = "16px" width = "16px" aria-hidden = "true" focusable = "false" fill = "currentColor" xmlns = "http://www.w3.org/2000/svg" data-testid = "topmenu-svg-search" class = "StyledIconBase-sc-ea9ulj-0 jChdGK sc-kLLXSd ftrpiG" >< path fill = "currentColor" d = "M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" ></ path ></ svg ></ div >< div class = "sc-gzzPqb hMpIMZ" >< div cursor = "default" class = "sc-fmrZth gYitIp" >< button class = "sc-gkJlnC bNFcyX" ></ button >< span class = "sc-eVQfli kIXyYQ" > TH</ span ></ div ></ div ></ div >< div class = "sc-brCFrO eCXQAl" ></ div ></ div >< div data-testid = "menu-level1-desktop-wrapper-div" class = "sc-ivTmOn gbxwib" >< div data-testid = "menuLevel1-div-desktopWrapper" class = "sc-llJcti evevnx" ></ div >< div data-testid = "search-wrapper-div" class = "sc-jtcaXd fMftwH" >< form data-testid = "search-form" action = "#" novalidate = "" class = "sc-elYLMi jiQPNE" >< div data-testid = "search-box-div" class = "sc-kjEcyX ksQvEs" >< svg viewBox = "0 0 512 512" height = "16px" width = "16px" aria-hidden = "true" focusable = "false" fill = "currentColor" xmlns = "http://www.w3.org/2000/svg" data-testid = "search-icon-svg" class = "StyledIconBase-sc-ea9ulj-0 jChdGK sc-kTvvXX igIUxS" >< path fill = "currentColor" d = "M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" ></ path ></ svg >< input type = "search" data-testid = "search-input" placeholder = "ค้นหา" value = "" class = "sc-cLFqLo NjWmA" />< div data-testid = "search-reset-div" class = "sc-iJkHyd fcwDZG" > รีเซต</ div ></ div >< svg viewBox = "0 0 24 24" height = "20px" width = "20px" aria-hidden = "true" focusable = "false" fill = "currentColor" xmlns = "http://www.w3.org/2000/svg" data-testid = "search-cancel-svg" class = "StyledIconBase-sc-ea9ulj-0 jChdGK sc-dvwKko bsuuiR" >< path fill = "none" d = "M0 0h24v24H0z" ></ path >< path d = "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" ></ path ></ svg ></ form ></ div ></ div ></ div >< div data-testid = "menuLevel1-div-mobileWrapper" class = "sc-jdAMXn kRWTgq" >< div class = "sc-bZnhIo jSSAQP" >< div class = "sc-iTONeN cgFraY" ></ div ></ div ></ div ></ div >< h2 data-testid = "title-h2" class = "sc-jWquRx gKKPlh main-title-h2" > ดูทีวีà¸à¸à¸™à¹„ลน์ รวมทีวีทุà¸� ช่à¸à¸‡ ดูสดตลà¸à¸” 24 ชั่วโมง</ h2 ></ header >< div class = "primarystyle__Container-sc-9a4rg4-0 euCueB" >< div class = "padding-lr" >< div class = "pagestyle__PlayerBlock-sc-19lx1fz-0 fSgflc" >< div class = "style__PlayerWrapper-sc-1bg96sr-0 eVzrwF" >< div class = "style__PlayerBox-sc-1bg96sr-1 jjXJQA" >< div class = "video-js vjs-16-9" >< div data-testid = "videoLoading-div" class = "style__LoadingWrapper-sc-1bg96sr-2 jLnrnb" >< div class = "lds-dual-ring" ></ div ></ div ></ div ></ div ></ div >< div data-testid = "playerDetail-div-wrapper" class = "style__PlayerDetailWWrapper-sc-gfbgtl-0 juemfC" >< div class = "style__DetailWrapper-sc-gfbgtl-8 gdDmCy" >< div class = "style__TitleWrapper-sc-gfbgtl-1 daNcyn" >< h1 data-testid = "playerDetail-h1-title" class = "style__Title-sc-gfbgtl-2 huMRSf" > à
@font-face {
font-family: 'NotoSansThaiRegular';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSansThai-Regular.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NotoSansThaiBold';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSansThai-Bold.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NotoSansRegular';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSans-Regular.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NotoSansBold';
src: url(https://fn.dmpcdn.com/TrueIDWeb/fonts/NotoSans-Bold.ttf);
font-weight: normal;
font-style: normal;
}
2025-10-25 19:27:12 +02:00
</ style >< footer data-testid = "footer" class = "sc-hHLeRK fLyNCn" >< div data-testid = "footer-wrapper-div" class = "sc-dmRaPn iIDKjL" >< a data-testid = "trueidlogo-a" href = "https://www.trueid.net/" class = "sc-kgflAQ igmUpZ" > TrueID</ a >< div data-testid = "footer-social-wrapper-div" class = "sc-crXcEl jhmGAi" >< span class = "sc-evZas gZUFSH" > Follow us</ span >< div data-testid = "footer-social-list-div" class = "sc-breuTD gvqSAI" >< a href = "https://line.me/R/ti/p/%40xqa1356t" aria-label = "line" class = "sc-ksZaOG jBNrIi" >< img src = "https://fn.dmpcdn.com/TrueIDWeb/Navigation/header/images/line_app_icon.png" width = "40" height = "40" alt = "TrueID Line Official" class = "sc-hAZoDl sRHqF" /></ a >< a href = "https://www.facebook.com/TrueID.Official/ " aria-label = "facebook" class = "sc-ksZaOG jBNrIi" >< svg viewBox = "0 0 20 20" height = "40" width = "40" aria-hidden = "true" focusable = "false" fill = "currentColor" xmlns = "http://www.w3.org/2000/svg" class = "StyledIconBase-sc-ea9ulj-0 jChdGK sc-fnykZs gbTdxw" >< path d = "M10 .4C4.698.4.4 4.698.4 10s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6S15.302.4 10 .4zm2.274 6.634h-1.443c-.171 0-.361.225-.361.524V8.6h1.805l-.273 1.486H10.47v4.461H8.767v-4.461H7.222V8.6h1.545v-.874c0-1.254.87-2.273 2.064-2.273h1.443v1.581z" ></ path ></ svg ></ a >< a href = "https://twitter.com/trueid_th " aria-label = "twitter" class = "sc-ksZaOG jBNrIi" >< svg viewBox = "0 0 20 20" height = "40" width = "40" aria-hidden = "true" focusable = "false" fill = "currentColor" xmlns = "http://www.w3.org/2000/svg" class = "StyledIconBase-sc-ea9ulj-0 jChdGK sc-fEOsli fTZAWu" >< path d = "M10 .4C4.698.4.4 4.698.4 10s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6S15.302.4 10 .4zm3.905 7.864c.004.082.005.164.005.244 0 2.5-1.901 5.381-5.379 5.381a5.335 5.335 0 01-2.898-.85c.147.018.298.025.451.025.886 0 1.701-.301 2.348-.809a1.895 1.895 0 01-1.766-1.312 1.9 1.9 0 00.853-.033 1.892 1.892 0 01-1.517-1.854v-.023c.255.141.547.227.857.237a1.89 1.89 0 01-.585-2.526 5.376 5.376 0 003.897 1.977 1.891 1.891 0 013.222-1.725 3.797 3.797 0 001.2-.459 1.9 1.9 0 01-.831 1.047 3.799 3.799 0 001.086-.299 3.834 3.834 0 01-.943.979z" ></ path ></ svg ></ a ></ div >< span data-testid = "footer-social-copyright-span" class = "sc-bjUoiL fNZCkR" > Copyright © True Digital Group Company Limited.< br /> All rights reserved</ span ></ div >< div data-testid = "footer-slogan-wrapper-div" class = "sc-ftvSup lbJarV" >< div class = "sc-papXJ jtpQEk" >< img src = "https://fn.dmpcdn.com/TrueIDWeb/Navigation/header/logo/trueid-app-logo.png" width = "64px" height = "64px" alt = "TrueID APP" data-testid = "trueidlogo-img" class = "sc-jqUVSM jsGjcw" />< div class = "sc-kDDrLX kgfCBo" >< p class = "main-title" > Unbox Yourself with TrueID</ p >< p class = "sub-title" > ทรูไà¸à¸”ี โลà¸� ความสุขในทุà¸� ตัวตนขà¸à¸‡à¸„ุณ</ p ></ div ></ div >< div class = "sc-iqcoie kCMqFt" >< a href = "https://itunes.apple.com/th/app/trueid/id1013814221?l=th&mt=8" >< img src = "https://fn.dmpcdn.com/TrueIDWeb/Navigation/header/images/badge-app-store.webp" width = "100%" height = "auto" alt = "Download on App Store" /></ a >< a href = "https://play.google.com/store/apps/details?id=com.tdcm.trueidapp" >< img src = "https://fn.dmpcdn.com/TrueIDWeb/Navigation/header/images/badge-google-play.webp" width = "100%" height = "auto" alt = "Download on Google Play Store" /></ a >< a href = "https://appgallery.huawei.com/app/C100953583" >< img src = "https://fn.dmpcdn.com/TrueIDWeb/Navigation/header/images/badge-huawei.webp" width = "100%" height = "auto" alt = "Download on Huawei AppGallery" /></ a ></ div ></ div >< div data-testid = "footer-all-menu-div" class = "sc-fLlhyt iLsksX" >< div data-testid = "footer-menu-wrapper-div" class = "sc-gKXOVf kBoWIr" ></ div ></ div ></ div ></ footer ></ div ></ div >< script id = "__NEXT_DATA__" type = "application/json" > {"props":{"pageProps":{"currentLang":{"country":"th","lang":"th"},"isBotPerformance":false,"titleH1":"ดูทีวีà¸à¸à¸™à¹„ลน์ รวมทีวีทุà¸� ช่à¸à¸‡ ดูสดตลà¸à¸” 24 ชั่วโมง","metaData":{"title":"ดูทีวีà¸à¸à¸™à¹„ลน์ รวมทีวีทุà¸� ช่à¸à¸‡ ดูสดตลà¸à¸” 24 ชั่วโมง","description":"ดูทีวีà¸à¸à¸™à¹„ลà
