.matches-tb { margin:0 5px 12px }
.comp { margin:0 5px 5px; padding:12px 0; text-align:center; color:White; background-color:#818589; border-radius:5px } /* chk */
.matchday { margin:20px 5px 2px; padding:10px 0; background-color:#5C0A5C; color:White; text-align:center; font-family:'Prompt',sans-serif }
.END { margin:40px 5px 5px; padding:14px 0; text-align:center; background-color:#505050; color:White; border-radius:5px } /* chk */
.TUE,.WED,.THU,.FRI,.SAT,.SUN,.MON,.TBC { margin:20px 5px 5px; padding:14px 0; text-align:center; border-radius:5px } /* chk */
.TUEH,.WEDH,.THUH,.FRIH,.SATH,.SUNH,.MONH,.TBCH { margin:0 5px 5px; padding:12px 0; text-align:center } .TUEH,.WEDH,.THUH,.FRIH,.SATH,.SUNH,.TBCH,.TUE,.WED,.THU,.FRI,.SAT,.SUN,.TBC { color:White }
.TUE,.TUEH { background-color:#FF4DA6 } .WED,.WEDH { background-color:Green } .THU,.THUH { background-color:#FF5F15 } .FRI,.FRIH { background-color:#0073E6 }
.SAT,.SATH { background-color:DarkMagenta } .SUN,.SUNH { background-color:#E00000 } .MON,.MONH { background-color:#FFE44D } .TBC,.TBCH { background-color:#505050 }

.matches { width:100%; border-collapse:collapse; border-spacing:0 }
.matches tr { border-bottom:1px solid #DBDBDB } .matches tr:last-child { border-bottom:none }
.matches tr:hover:not(.live0n):not(.live0n2):not(.live0r):not(.live0rn):not(.live0r2):not(.live0r2n):not(.live0c):not(.live0c2):not(.live2s) { background-color:#F5F5F5; transition:0.3s }
.matches tr.live2:hover +tr { background-color:#F5F5F5 } .matches td { padding:12px 0 } .comp0 td:nth-child(1) { text-align:center }

.match { display:block } .TeamH { float:left; width:42.5%; text-align:right } .TeamA { float:left; width:42.5%; text-align:left } .vs { float:left; width:15%; text-align:center }
.TeamH2 { float:left; width:45%; text-align:right } .TeamA2 { float:left; width:45%; text-align:left } .vs2 { float:left; width:10%; text-align:center } .vs-vs { color:Gray; font-family:'Prompt',sans-serif }
.vt,.pp,.ft,.ft2,.vs-vs,.vs-and { display:inline-block } .vt,.pp { font-weight:500; background-color:#E8E8E8 } .vt { padding:0 4.5px 2px } .pp { padding:0 7.5px 2px } .vs-and { color:#505050 }
.ft { padding:0 9px 2px; background-color:Crimson; color:White } .ft2 { padding:0 9px 2px; background-color:#FF5F15; color:White; border-radius:3px } .ft.h,.ft2.h { padding:0 8.5px 2px } .ft.hh,.ft2.hh { padding:0.5px 5.5px 2.5px } .ft2.wo { padding:2px 11px; font-size:0.8125rem }
.match::after { content:""; clear:both; display:table } .fin { display:inline-block; line-height:1; font-size:0.8125rem; font-family:'Prompt',sans-serif; color:Gray } .fin2 { display:inline-block; line-height:1; font-size:0.8125rem; font-family:'Prompt',sans-serif; color:#FF5F15 }
.note-comp { color:#606060; font-size:0.875rem; text-align:center } .round { padding:2px 8px 4px; border:1px dotted #A0A0A0; border-radius:5px; color:#404040; font-size:0.875rem } .note-match,.note-tbc { display:inline-block; color:DimGray } .dmt td:nth-child(2) { color:DimGray } .fin.pens { margin-right:6px }
tr.live0r,tr.live0rn,tr.live0r2,tr.live0r2n,tr.live0c,tr.live0c2,tr.live2,tr.live0.b0,tr.b0 { border-bottom:none } tr.live0r td { padding:12px 0 6px } tr.live0rn td { padding:12px 0 3px } tr.live0r2 td { padding:20px 0 6px } tr.live0r2n td { padding:20px 0 3px } tr.live0c td { padding:12px 0 0 } tr.live0c2 td { padding:15px 0 0 } tr.live0n td { padding:12px 0 } tr.live0n2 td { padding:20px 0 12px } tr.live2 td { padding:12px 0 8px } tr.live2s td { padding:0 0 12px }
.boxL { float:left; width:45%; text-align:right } .boxR { float:left; width:45%; text-align:left } .boxC { float:left; width:10%; text-align:center } .vs-box { display:inline-block; padding:0 5px 2px; color:Gray; font-family:'Prompt',sans-serif }

@media (max-width:727px) { .matches { font-size:0.9375rem } .matches tr { display:block } .matches td { display:block; text-align:center } .matches td:nth-child(1) { padding:12px 0 } .matches td:nth-child(2) { padding:0 0 12px }
tr.live0r td:nth-child(1) { padding:12px 0 6px } tr.live0rn td:nth-child(1) { padding:12px 0 3px } tr.live0r2 td:nth-child(1) { padding:20px 0 6px } tr.live0r2n td:nth-child(1) { padding:20px 0 3px } tr.live0c td:nth-child(1) { padding:12px 0 0 } tr.live0c2 td:nth-child(1) { padding:15px 0 0 } tr.live0n2 td:nth-child(1) { padding:20px 0 12px } tr.live0f td:nth-child(1) { padding:12px 0 0 } tr.live0m td:nth-child(1) { padding:12px 0 6px } .dmt td:nth-child(2),.note-tbc,.ft.hh,.ft2.hh { font-size:0.875rem } .note-match { font-size:0.8125rem }
.comp0 td:nth-child(2),.live0 td:nth-child(2),tr.live0 td:nth-child(2),tr.live0r td:nth-child(2),tr.live0rn td:nth-child(2),tr.live0r2 td:nth-child(2),tr.live0r2n td:nth-child(2),tr.live0c td:nth-child(2),tr.live0c2 td:nth-child(2),tr.live0n td:nth-child(2),tr.live0n2 td:nth-child(2),tr.live2s td:nth-child(1) { display:none } }

@media (min-width:728px) { .comp { margin:0 0 5px; padding:12px 14px; text-align:left } .matches-tb { margin:0 0 12px } .END { margin:40px 0 5px; padding:14px; text-align:left }
.MON,.TUE,.WED,.THU,.FRI,.SAT,.SUN,.TBC { margin:20px 0 5px; padding:14px; text-align:left } .MONH,.TUEH,.WEDH,.THUH,.FRIH,.SATH,.SUNH,.TBCH { margin:0 0 5px; padding:12px 14px; text-align:left }
.matchday { margin:20px 0 2px; padding:10px 14px; text-align:left } .matches td:nth-child(1) { width:60% } .matches td:nth-child(2) { width:40% } .matches.textL td:nth-child(1) { width:70% } .matches.textL td:nth-child(2) { width:30% }
.fin,.fin2 { padding:4px 0 3px; font-size:1rem } .ft.hh,.ft2.hh { padding:1px 5.5px 3px; font-size:0.9375rem } tr.live0r td:nth-child(1),tr.live0rn td:nth-child(1),tr.live0r2 td:nth-child(1),tr.live0r2n td:nth-child(1),tr.live0n td:nth-child(1),tr.live0n2 td:nth-child(1) { text-align:center }
.note-match { padding-bottom:2px } .note-match.box { padding-bottom:5px } .txt-l:not([title=""])::after { content:attr(title) } .txt-l:not([title=""])>.txt-s { display:none } .ft2.wo { padding:3px 12px } }

.ch-arr::after { margin:0 5px; font-size:0.75rem; content:"\25B6"; color:#A0A0A0 } .and::after { margin:0 10px; display:inline-block; line-height:0; content:","; color:DarkGray; font-family:'Sarabun',sans-serif }
.ch-tvs-th,.ch-ts-th,.ch-tr-th,.ch-8-th,.ch-chk-th,.ch-sel-th { display:inline-block } .ch-tvs-th { color:#ED007B } .ch-ts-th { color:#F00000 } .ch-tr-th { color:#008841 }
.ch-yt-th,.ch-fb-th { display:inline-block; line-height:1.2 } .ch-yt-th a,.ch-fb-th a,.ch-8-th a,.ch-chk-th a,.ch-sel-th a { display:inline-block; border-bottom:1px dashed; text-decoration:none }
.ch-tvs,.ch-t4k,.ch-fox,.ch-spo,.ch-nbt,.ch-ts7,.ch-tpf,.ch-id,.ch-ts,.ch-pptv,.ch-tpbs,.ch-mono,.ch-t4u,.ch-bein,.ch-bug,.ch-ais,.ch-3bb,.ch-gmm,.ch-gct,.ch-jkn,.ch-3,.ch-5,.ch-7,.ch-8,.ch-9,.ch-34,.ch-tr,.ch-we,.ch-wp,.ch-one,.ch-yt,.ch-fb,.ch-tt,.ch-uefa,.ch-fifa,.ch-link,.ch-link2,.ch-wst { display:inline-block; line-height:1.2; font-family:'Prompt',sans-serif }
.ch-tpf a,.ch-id a,.ch-ts a,.ch-pptv a,.ch-tpbs a,.ch-mono a,.ch-t4u a,.ch-bein a,.ch-bug a,.ch-ais a,.ch-3bb a,.ch-gmm a,.ch-gct a,.ch-jkn a,.ch-3 a,.ch-5 a,.ch-7 a,.ch-8 a,.ch-9 a,.ch-34 a,.ch-tr a,.ch-we a,.ch-wp a,.ch-one a,.ch-yt a,.ch-fb a,.ch-tt a,.ch-uefa a,.ch-fifa a,.ch-link a,.ch-link2 a,.ch-wst a { display:inline-block; line-height:1; border-bottom:1px dashed; text-decoration:none }
.ch-tvs { color:#ED007B } .ch-t4k { color:#B8860B } .ch-fox { color:#0059B5 } .ch-spo { color:#000000 } .ch-nbt { color:#663399 } .ch-ts7 { color:#0033CC }
.ch-tpf { color:#F20085 } .ch-tpf a { color:#F20085; border-color:#F20085 } .ch-tpf a:hover { border-bottom:none }
.ch-id { color:#FF0000 } .ch-id a { color:#FF0000; border-color:#FF0000 } .ch-id a:hover { border-bottom:none }
.ch-ts { color:#F00000 } .ch-ts a { color:#F00000; border-color:#F00000 } .ch-ts a:hover { border-bottom:none }
.ch-pptv { color:#00BBCC } .ch-pptv a { color:#00BBCC; border-color:#00BBCC } .ch-pptv a:hover { border-bottom:none }
.ch-tpbs { color:#FE5000 } .ch-tpbs a { color:#FE5000; border-color:#FE5000 } .ch-tpbs a:hover { border-bottom:none }
.ch-mono { color:#FA4616 } .ch-mono a { color:#FA4616; border-color:#FA4616 } .ch-mono a:hover { border-bottom:none }
.ch-t4u { color:#F2A133 } .ch-t4u a { color:#F2A133; border-color:#F2A133 } .ch-t4u a:hover { border-bottom:none }
.ch-bein { color:#7D09AC } .ch-bein a { color:#7D09AC; border-color:#7D09AC } .ch-bein a:hover { border-bottom:none }
.ch-bug { color:#2C5697 } .ch-bug a { color:#2C5697; border-color:#2C5697 } .ch-bug a:hover { border-bottom:none }
.ch-ais { color:#22AA00 } .ch-ais a { color:#22AA00; border-color:#22AA00 } .ch-ais a:hover { border-bottom:none }
.ch-3bb { color:#FF6900 } .ch-3bb a { color:#FF6900; border-color:#FF6900 } .ch-3bb a:hover { border-bottom:none }
.ch-gmm { color:#035AC4 } .ch-gmm a { color:#035AC4; border-color:#035AC4 } .ch-gmm a:hover { border-bottom:none }
.ch-gct { color:#154CB5 } .ch-gct a { color:#154CB5; border-color:#154CB5 } .ch-gct a:hover { border-bottom:none }
.ch-jkn { color:#003399 } .ch-jkn a { color:#003399; border-color:#003399 } .ch-jkn a:hover { border-bottom:none }
.ch-3 { color:#4455D7 } .ch-3 a { color:#4455D7; border-color:#4455D7 } .ch-3 a:hover { border-bottom:none }
.ch-5 { color:#FF0000 } .ch-5 a { color:#FF0000; border-color:#FF0000 } .ch-5 a:hover { border-bottom:none }
.ch-7 { color:#212C6F } .ch-7 a { color:#212C6F; border-color:#212C6F } .ch-7 a:hover { border-bottom:none }
.ch-8,.ch-8-th { color:#0066FF } .ch-8 a,.ch-8-th a { color:#0066FF; border-color:#0066FF } .ch-8 a:hover,.ch-8-th a:hover { border-bottom:none }
.ch-chk-th { color:#FF4500 } .ch-chk-th a { color:#FF4500; border:none } .ch-chk-th a:hover { border-bottom:1px solid #FF9900 }
.ch-sel-th { color:#0033FF } .ch-sel-th a { color:#0033FF; border:none } .ch-sel-th a:hover { border-bottom:1px solid #0033FF }
.ch-9 { color:#8F5AFA } .ch-9 a { color:#8F5AFA; border-color:#8F5AFA } .ch-9 a:hover { border-bottom:none }
.ch-34 { color:#00A08E } .ch-34 a { color:#00A08E; border-color:#00A08E } .ch-34 a:hover { border-bottom:none }
.ch-tr { color:#008841 } .ch-tr a { color:#008841; border-color:#008841 } .ch-tr a:hover { border-bottom:none }
.ch-we { color:#071139 } .ch-we a { color:#071139; border-color:#071139 } .ch-we a:hover { border-bottom:none }
.ch-wp { color:#007AFF } .ch-wp a { color:#007AFF; border-color:#007AFF } .ch-wp a:hover { border-bottom:none }
.ch-one { color:#212529 } .ch-one a { color:#212529; border-color:#212529 } .ch-one a:hover { border-bottom:none }
.ch-yt,.ch-yt-th { color:#FF0000 } .ch-yt a,.ch-yt-th a { color:#FF0000; border-color:#FF0000 } .ch-yt a:hover,.ch-yt-th a:hover { border-bottom:none }
.ch-fb,.ch-fb-th { color:#0866FF } .ch-fb a,.ch-fb-th a { color:#0866FF; border-color:#0866FF } .ch-fb a:hover,.ch-fb-th a:hover { border-bottom:none }
.ch-tt { color:#000000 } .ch-tt a { color:#000000; border-color:#000000 } .ch-tt a:hover { border-bottom:none }
.ch-uefa { color:#00088E } .ch-uefa a { color:#00088E; border-color:#00088E } .ch-uefa a:hover { border-bottom:none }
.ch-fifa { color:#007AFF } .ch-fifa a { color:#007AFF; border-color:#007AFF } .ch-fifa a:hover { border-bottom:none }
.ch-link { color:#0033FF } .ch-link a { color:#0033FF; border-color:#0033FF } .ch-link a:hover { border-bottom:none }
.ch-link2 { color:#FF4500 } .ch-link2 a { color:#FF4500; border-color:#FF4500 } .ch-link2 a:hover { border-bottom:none }
.ch-wst { color:#008000 } .ch-wst a { color:#008000; border-color:#008000 } .ch-wst a:hover { border-bottom:none }
@media (min-width:728px) { .ch-tvs-th,.ch-ts-th,.ch-tr-th,.ch-8-th,.ch-chk-th,.ch-sel-th { padding-bottom:2px } .ch-yt-th a,.ch-fb-th a,.ch-8-th a,.ch-chk-th a,.ch-sel-th a { padding:0; line-height:1 } .and::after { margin:0 6px }
.ch-tvs,.ch-t4k,.ch-fox,.ch-spo,.ch-nbt,.ch-ts7,.ch-tpf,.ch-id,.ch-ts,.ch-pptv,.ch-tpbs,.ch-mono,.ch-t4u,.ch-bein,.ch-bug,.ch-ais,.ch-3bb,.ch-gmm,.ch-gct,.ch-jkn,.ch-3,.ch-5,.ch-7,.ch-8,.ch-9,.ch-34,.ch-tr,.ch-we,.ch-wp,.ch-one,.ch-yt,.ch-fb,.ch-tt,.ch-uefa,.ch-fifa,.ch-link,.ch-link2,.ch-wst { padding:4px 0 3px; line-height:1 }
.ch-tpf a,.ch-id a,.ch-ts a,.ch-pptv a,.ch-tpbs a,.ch-mono a,.ch-t4u a,.ch-bein a,.ch-bug a,.ch-ais a,.ch-3bb a,.ch-gmm a,.ch-gct a,.ch-jkn a,.ch-3 a,.ch-5 a,.ch-7 a,.ch-8 a,.ch-9 a,.ch-34 a,.ch-tr a,.ch-we a,.ch-wp a,.ch-one a,.ch-yt a,.ch-fb a,.ch-tt a,.ch-uefa a,.ch-fifa a,.ch-link a,.ch-link2 a,.ch-wst a { padding:0; line-height:0.8 } }

.ico { position:relative } .ico a { color:Black; text-decoration:none } .ext1-i { left:10px } .ext2-i { right:10px } .ext1-i,.ext2-i { position:absolute; color:#FF6600 } /* chk */
a:hover .ext1-i,a:hover .ext2-i { color:Red } .extl-a,.ext-a { display:inline-block; line-height:1.1 } .extl-a { border-bottom:1px dotted Gray } a:hover .extl-a { border-bottom:none } a:hover .ext-a { border-bottom:1px solid Gray }
@media (min-width:728px) { .ext1-i { left:0 } .ext2-i { right:20px } }

.flag1-tha::before { content:""; width:16px; height:12px; background-image:url(/images/tha.png); background-repeat:no-repeat; position:relative; display:inline-block; margin-right:8px; bottom:-1px }
.flag2-tha::after { content:""; width:16px; height:12px; background-image:url(/images/tha.png); background-repeat:no-repeat; position:relative; display:inline-block; margin-left:8px; bottom:-1px }
.flag1-eng::before { content:""; width:16px; height:16px; background-image:url(/images/eng.png); background-repeat:no-repeat; position:relative; display:inline-block; margin-right:8px; bottom:-3px }
.flag2-eng::after { content:""; width:16px; height:16px; background-image:url(/images/eng.png); background-repeat:no-repeat; position:relative; display:inline-block; margin-left:8px; bottom:-3px }
.flag1-tha2::before { content:""; width:16px; height:16px; background-image:url(/images/tha2.png); background-repeat:no-repeat; position:relative; display:inline-block; margin-right:8px; bottom:-3px }
.flag1-tha3::before { content:""; width:16px; height:16px; background-image:url(/images/tha3.png); background-repeat:no-repeat; position:relative; display:inline-block; margin-right:8px; bottom:-3px }
.flag2-eng2::after { content:""; width:16px; height:16px; background-image:url(/images/eng2.png); background-repeat:no-repeat; position:relative; display:inline-block; margin-left:8px; bottom:-3px }

.ext1-flag-tha { left:10px } .ext2-flag-tha { right:10px } .ext1-flag-tha,.ext2-flag-tha { position:absolute; bottom:4px }
@media (min-width:728px) { .ext1-flag-tha { left:0 } .ext2-flag-tha { right:20px } .ext1-flag-tha,.ext2-flag-tha { bottom:5px } }
@media (min-width:430px) { .text-l:not([title=""])::after { content:attr(title) } .text-l:not([title=""])>.text-s { display:none } }