@import "https://use.typekit.net/dud1kpk.css";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#000;background-color:#fff;font-family:sans-serif;line-height:1.5}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,select,textarea{font:inherit;background:0 0;border:none;outline:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}:focus{outline:none}
html{scroll-behavior:smooth;font-size:16px}body{color:#050505;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#fff;font-family:system-ui,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:700;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:1rem}a{color:inherit;text-decoration:underline;transition:color .2s}a:hover{color:#000}
:host,:root{--tr-sport-premierleague:#3f1052}
@font-face{font-family:KondolarThai-Regular;src:url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Regular.woff2)format("woff2"),url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:KondolarThai-Bold;src:url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Bold.woff2)format("woff2"),url(https://static.thairath.co.th/assets/fonts/KondolarThai/KondolarThai-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Graphik-TH-Regular;src:url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Graphik-TH-Semibold;src:url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Graphik-TH-Medium;src:url(https://static.thairath.co.th/assets/fonts/Graphik/GraphikTH-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:KaLaTeXa Display;src:url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Bold.woff2)format("woff2"),url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:KaLaTeXa Display bold;src:url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Bold.woff2)format("woff2"),url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:KaLaTeXa Display;src:url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Regular.woff2)format("woff2"),url(https://static.thairath.co.th/assets/fonts/KaLaTeXaDisplay/KaLaTeXaDisplay-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}
.container{margin-left:auto;margin-right:auto;padding:0 15px}a,button{cursor:pointer}.chakra-dialog__content{max-width:860px}.chakra-dialog__content.modal-wrapcontent{max-width:250px}.chakra-dialog__backdrop{background:#0003}.close-modal{cursor:pointer;position:absolute;top:-20px;right:-20px}.chakra-checkbox__control:is([data-state=checked],[data-state=indeterminate]){background:#00a046;border-color:#00a046}.chakra-accordion__item{border-bottom:0;margin-bottom:20px}.chakra-accordion__item h2{margin-bottom:0}.chakra-accordion__item button svg{stroke:#000;width:24px;height:auto}.chakra-accordion__item button{justify-content:space-between;align-items:center;display:flex}.member--modal .modal-dialog{width:350px;max-width:100%;margin:auto}.modal-content{box-shadow:none;border:none}.close--btn--modal{cursor:pointer;z-index:2;background:0 0;border:none;outline:none;padding:0;position:absolute;top:-20px;right:-20px}.member--modal button{box-shadow:none;background-color:#000;border:none;border-radius:24px;height:47px;font-size:19px;font-weight:500}.member--modal button.google{height:inherit;background-color:#fff;box-shadow:3px 0 4px #00000029}.member--modal #rememberme[type=checkbox]{border:1px solid #000}.member--modal #rememberme[type=checkbox]:checked{background:#fff;border:1px solid #000}.member--modal #rememberme[type=checkbox]:before{box-shadow:inset 1em 1em red}.member--modal label[for=rememberme]:hover{color:#000}.member--page button{box-shadow:none;background-color:#000;border:none;border-radius:24px;height:47px;font-size:19px;font-weight:500}.member--page button.google{height:inherit;background-color:#fff;box-shadow:3px 0 4px #00000029}.member--page input[type=checkbox]{border:1px solid #000!important}.member--page input[type=checkbox]:checked{background:#fff!important;border:1px solid #000!important}.member--page input[type=checkbox]:before{box-shadow:inset 1em 1em red!important}.member--page label:hover{color:#000!important}.reCaptcha{justify-content:center;justify-items:center;display:grid}.modal-sm button{box-shadow:none;background-color:#000;border:none;border-radius:24px;height:47px;font-size:19px;font-weight:500}.member--modal h3{text-align:center;margin-bottom:10px;font-size:20px}.member--modal p{text-align:center;margin-bottom:10px;font-size:16px}.modal-open{height:100dvh}.modal-open #__next{pointer-events:none}.text-loading{text-align:center;font-family:Graphik-TH-Regular;font-size:14px;font-weight:400}@media (min-width:1025px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (max-width:991.98px){.condition--modal .close--btn--modal{top:-20px;right:-15px}.condition--modal .modal-content{width:80vw;margin:auto}}@media (min-width:768px) and (max-width:991.98px){.condition--modal .modal-dialog{max-width:100%}.chakra-dialog__content{max-width:520px}}@media (max-width:767px){.chakra-dialog__content{margin:0 15px!important}.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:100%}.close-modal{right:0}.close--btn--modal{top:20px;right:20px}}