Showing source for: https://khaoballs.com/
Duration: 1.504817s
Server: Apache
<!DOCTYPE html>
<html class="no-js h-100" dir="ltr" lang="en-US">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="ข่าวบอล,บอลวันนี้,ข่าวฟุตบอล,ผลบอลสด,ผลบอลสดวันนี้,ผลบอลสดเมื่อคืน,ผลบอลสดไทย,ฟุตบอลวันนี้,ฟุตบอลพรีเมียร์ลีก,ฟุตบอลไทยลีก,ฟุตบอลทีมชาติไทย,ฟุตบอลไทยลีก," name="keywords">
<meta content="ข่าวบอลออนไลน์ บอลวันนี้ ฟุตบอลพรีเมียร์ลีก ข่าวกีฬามวย ฟุตบอล บาส โมโตจีพี ไทยลีกวันนี้ จากทีมงานข่าวบอลออนไลน์ " name="description">
<meta content="Khaoballs - ข่าวบอล" name="author">
<link href="https://khaoballs.com/assets/img/icon/favicon.ico?v=1000" rel="shortcut icon" type="image/x-icon">
<link href="https://khaoballs.com/" rel="canonical">
<!-- Social -->
<!-- Facebok-->
<meta content="article" property="og:type">
<meta content="ข่าวบอลล่าสุด ฟุตบอลพรีเมียร์ลีก ข่าวฟุตบอล ไทยลีกวันนี้ ข่าวบอลวันนี้" property="og:title">
<meta content="ข่าวบอล บอลวันนี้ ข่าวฟุตบอล ผลฟุตบอล ฟุตบอลวันนี้ ฟุตบอลพรีเมียร์ลีก ฟุตบอลไทย ข่าวกีฬาทุกชนิด|ข่าวบอลออนไลน์ " property="og:description">
<meta content="/assets/img/logo/logo-s.png?v=1000" property="og:image">
<meta content="" property="fb:app_id">
<meta content="" property="fb:admins">
<meta content="Khaoballs - ข่าวบอล" property="og:site_name">
<meta content="" property="article:author">
<meta content="//khaoballs.com/" property="og:url">
<meta content="" property="fb:pages">
<!-- Facebok-->
<meta content="summary_large_image" name="twitter:card">
<meta content="//khaoballs.com/" name="twitter:url">
<meta content="ข่าวบอลล่าสุด ฟุตบอลพรีเมียร์ลีก ข่าวฟุตบอล ไทยลีกวันนี้ ข่าวบอลวันนี้" name="twitter:title">
<meta content="ข่าวบอล บอลวันนี้ ข่าวฟุตบอล ผลฟุตบอล ฟุตบอลวันนี้ ฟุตบอลพรีเมียร์ลีก ฟุตบอลไทย ข่าวกีฬาทุกชนิด|ข่าวบอลออนไลน์ " name="twitter:description">
<meta content="@AuroraOnline" name="twitter:site">
<meta content="//khaoballs.com//assets/img/logo/logo-s.png?v=1000" name="twitter:image">
<meta content="aurora.co.th" name="twitter:domain">
<meta content="//khaoballs.com//assets/img/logo/logo-s.png?v=1000" name="pinterest:media">
<meta content="ข่าวบอลออนไลน์ บอลวันนี้ ฟุตบอลพรีเมียร์ลีก ข่าวกีฬามวย ฟุตบอล บาส โมโตจีพี ไทยลีกวันนี้ จากทีมงานข่าวบอลออนไลน์ " name="pinterest:description">
<!-- Social -->
<!-- Bootstrap CSS -->
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" referrerpolicy="no-referrer" rel="stylesheet">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.7/swiper-bundle.min.css" integrity="sha512-xdNgqS9I7CHbzFYjDiySh1lV5Sc4sobLLAvHLqtZY6ynlCiWpl+eGPds9CAMFFst5QgZRgd92qfeg03sl3UCjA==" referrerpolicy="no-referrer" rel="stylesheet">
<title>
ข่าวบอลล่าสุด ฟุตบอลพรีเมียร์ลีก ข่าวฟุตบอล ไทยลีกวันนี้ ข่าวบอลวันนี้
</title>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-TNZGH8G');
</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-225380382-1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-225380382-1');
</script>
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3474293453018595">
</script>
<style>
body {
font-family : "Prompt", sans-serif, sans-serif;
color : #fff;
}
a,
a:hover {
text-decoration : none
}
.bg-nav-tr {
background : rgb(0, 0, 0);
background : -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 167, 0, 1) 25%, rgba(0, 167, 0, 1) 26%, rgba(0, 167, 0, 1) 50%, rgba(0, 167, 0, 1) 75%, rgba(0, 0, 0, 1) 100%);
background : -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 167, 0, 1) 25%, rgba(0, 167, 0, 1) 26%, rgba(0, 167, 0, 1) 50%, rgba(0, 167, 0, 1) 75%, rgba(0, 0, 0, 1) 100%);
background : linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 167, 0, 1) 25%, rgba(0, 167, 0, 1) 26%, rgba(0, 167, 0, 1) 50%, rgba(0, 167, 0, 1) 75%, rgba(0, 0, 0, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}
.css-ll6414:after {
content : "";
background : rgb(255, 255, 255);
background : -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 83%, rgba(177, 174, 174, 1) 100%);
background : -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 83%, rgba(177, 174, 174, 1) 100%);
background : linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 83%, rgba(177, 174, 174, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#b1aeae", GradientType=1);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#b1aeae", GradientType=1);
width : 100%;
height : 100%;
top : 0;
left : 0;
-webkit-transform : skewX(-30deg);
-ms-transform : skewX(-30deg);
-webkit-transform : skewX(-30deg);
-ms-transform : skewX(-30deg);
transform : skewX(-30deg);
position : absolute;
/* z-index: 1; */
}
.css-zk0b3p {
position : relative;
z-index : 2;
padding : 5px 20px;
margin-left : -19px;
margin-bottom : -10px;
margin-right : 30px;
}
.css-zk0b3p:after {
content : "";
background : rgb(0, 180, 0);
background : -moz-linear-gradient(top, rgba(0, 180, 0, 1) 0%, rgba(2, 83, 2, 1) 100%);
background : -webkit-linear-gradient(top, rgba(0, 180, 0, 1) 0%, rgba(2, 83, 2, 1) 100%);
background : linear-gradient(to bottom, rgba(0, 180, 0, 1) 0%, rgba(2, 83, 2, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b400", endColorstr="#025302", GradientType=0);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b400", endColorstr="#025302", GradientType=0);
width : 100%;
height : 100%;
top : 0;
left : 0;
-webkit-transform : skewX(-30deg);
-ms-transform : skewX(-30deg);
-webkit-transform : skewX(-30deg);
-ms-transform : skewX(-30deg);
transform : skewX(-30deg);
position : absolute;
z-index : 1;
}
.css-zk0b3p a {
display : grid;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
height : 100%;
}
.css-zk0b3p a img {
position : relative;
z-index : 3;
}
/* .navbar-nav {
flex: 1;
margin: auto !important;
display: flex;
justify-content: space-between;
} */
.css-1kgwizw {
background : #000000;
padding : 14px 0;
/* padding: 18px 0; */
}
.css-ekr9zy {
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;
}
.css-ekr9zy a {
font-size : 14px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
/* padding: 0 10px; */
}
.css-ekr9zy a .stackIn {
color : #91c80a;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-ekr9zy a:hover {
color : #91c80a;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-ekr9zy a:hover .stackIn {
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
@media (max-width:991px) {
.css-ekr9zy {
-webkit-box-pack : center;
-webkit-justify-content: center;
-ms-flex-pack : center;
justify-content : center;
-webkit-flex-wrap : wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
}
.css-ekr9zy a:first-of-type {
width : 100%;
margin-bottom : 10px;
text-align : center;
}
}
.css-breadcrumb {
background : #626262;
text-align : right;
padding : 5px 0;
}
.css-breadcrumb .container {
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;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
.css-breadcrumb span {
padding : 0 10px;
color : #fff;
font-weight : 100;
}
.css-breadcrumb a {
font-size : 14px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-weight : 200;
}
.css-breadcrumb a:hover {
-webkit-transition : all 0.5s;
transition : all 0.5s;
color : #00B400;
}
@media only screen and (max-width: 1399px) and (min-width: 992px) {
.css-ll6414 {
font-size : 0.85rem;
}
}
@media (max-width:767px) {
.css-breadcrumb {
padding : 12px 0 5px;
}
}
</style>
<style data-emotion-css="39rrgl">
.css-39rrgl {
/* max-width : 100%; */
max-width: 1920px;
margin : auto;
position : relative;
overflow : hidden;
}
.css-39rrgl .swiper-container {
margin : 0 auto;
position : relative;
list-style : none;
padding : 0;
z-index : 1;
}
.css-39rrgl .swiper-wrapper {
position : relative;
width : 100%;
height : 100%;
z-index : 1;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-transition-property: -webkit-transform;
-webkit-transition-property: -webkit-transform;
-webkit-transition-property: -webkit-transform;
transition-property : -webkit-transform;
-o-transition-property: transform;
-webkit-transition-property: -webkit-transform;
-webkit-transition-property: transform;
transition-property : transform;
-webkit-transition-property: -webkit-transform, -webkit-transform;
-webkit-transition-property: transform, -webkit-transform;
transition-property : transform, -webkit-transform;
-webkit-box-sizing : content-box;
box-sizing : content-box;
}
.css-39rrgl .swiper-slide {
-webkit-flex-shrink : 0;
-ms-flex-negative : 0;
-webkit-flex-shrink : 0;
-ms-flex-negative : 0;
flex-shrink : 0;
width : 100%;
position : relative;
-webkit-transition-property: -webkit-transform;
-webkit-transition-property: -webkit-transform;
-webkit-transition-property: -webkit-transform;
transition-property : -webkit-transform;
-o-transition-property: transform;
-webkit-transition-property: -webkit-transform;
-webkit-transition-property: transform;
transition-property : transform;
-webkit-transition-property: -webkit-transform, -webkit-transform;
-webkit-transition-property: transform, -webkit-transform;
transition-property : transform, -webkit-transform;
}
.css-39rrgl a {
display : grid;
}
.css-39rrgl .slide-item {
display : grid;
grid-template-columns: repeat(2, 1fr);
background : rgb(0, 0, 0);
background : -moz-linear-gradient(left, rgba(0, 0, 0, 1) 60%, rgba(0, 88, 31, 1) 100%);
background : -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 60%, rgba(0, 88, 31, 1) 100%);
background : linear-gradient(to right, rgba(0, 0, 0, 1) 60%, rgba(0, 88, 31, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00581f", GradientType=1);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00581f", GradientType=1);
}
.css-39rrgl .slide-item img {
width : 100%;
}
.css-39rrgl .slide-item .description {
display : grid;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-align-content: center;
-ms-flex-line-pack : center;
align-content : center;
row-gap : 10px;
padding : 10px 40px;
position : relative;
}
.css-39rrgl .slide-item .description:before {
content : "";
position : absolute;
left : -300px;
width : 300px;
height : 100%;
background : -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=1);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=1);
}
.css-39rrgl .slide-item .description a {
color : #00B400;
font-size : 20px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-align-items : baseline;
-webkit-box-align : baseline;
-ms-flex-align : baseline;
align-items : baseline;
}
.css-39rrgl .slide-item .description a span {
color : #8b8b8b;
font-size : 16px;
font-style : italic;
}
.css-39rrgl .slide-item .description a strong {
margin-right : 10px;
font-weight : normal;
}
.css-39rrgl .slide-item .description h2 {
margin : 0;
}
.css-39rrgl .slide-item .description h2 a {
font-size : 50px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 150px;
line-height : 67px;
-webkit-line-clamp : 2;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box !important;
}
.css-39rrgl .slide-item .description h2 a:hover {
color : #00B400;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-39rrgl .slide-default-item .thumbnail-default {
position : relative;
}
.css-39rrgl .slide-default-item .thumbnail-default img {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
.css-39rrgl .slide-default-item .thumbnail-default a {
position : relative;
}
.css-39rrgl .slide-default-item .thumbnail-default a:before {
content : "";
background : #f1f2f3;
padding-top : 56.25%;
}
.css-39rrgl .slide-default-item .description {
-webkit-align-content: flex-end;
-ms-flex-line-pack : end;
align-content : flex-end;
position : absolute;
padding : 12px;
background : -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
bottom : 0;
left : 0;
height : 200px;
width : 100%;
display : grid;
}
.css-39rrgl .slide-default-item .description h2 {
margin : 0;
}
.css-39rrgl .slide-default-item .description h2 a {
font-size : 35px;
margin : 0;
color : #fff;
max-height : 150px;
line-height : 45px;
-webkit-line-clamp : 1;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box;
}
.css-39rrgl .slide-default-item .description a strong {
margin-right : 10px;
font-weight : normal;
}
.css-39rrgl .slide-default-item .description a span {
margin : 0;
}
.css-39rrgl .slide-default-item .description p {
font-size : 14px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-align-items : baseline;
-webkit-box-align : baseline;
-ms-flex-align : baseline;
align-items : baseline;
margin : 0;
}
.css-39rrgl .slide-default-item .description p a {
color : #00B400;
margin-right : 10px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
max-width : 50%;
display : inline-block;
}
.css-39rrgl .slide-default-item .description p span {
color : #8b8b8b;
font-size : 12px;
font-style : italic;
}
.css-39rrgl .swiper-pagination {
position : absolute;
z-index : 2;
width : 100%;
bottom : 0;
text-align : center;
padding : 10px;
}
/* .css-39rrgl .swiper-pagination-bullet {
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
border-radius: 100%;
background: #fff;
cursor: pointer;
} */
.css-39rrgl .swiper-pagination-bullet-active {
background : #00B400;
}
/* .css-39rrgl .btn-pagination button {
background: none;
border: none;
position: absolute;
bottom: 0;
z-index: 3;
cursor: pointer;
outline: none;
display: grid;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px;
}
.css-39rrgl .btn-pagination button svg {
width: 9px;
}
.css-39rrgl .btn-pagination .swiper-button-prev {
left: 45vw;
}
.css-39rrgl .btn-pagination .swiper-button-next {
right: 45vw;
}
.css-39rrgl .btn-default-pagination {
position: relative;
}
.css-39rrgl .btn-default-pagination button {
background: none;
border: none;
position: absolute;
top: -39px;
z-index: 3;
cursor: pointer;
outline: none;
display: grid;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px;
}
.css-39rrgl .btn-default-pagination button svg {
width: 9px;
}
.css-39rrgl .btn-default-pagination .swiper-button-prev {
left: 10vw;
}
.css-39rrgl .btn-default-pagination .swiper-button-next {
right: 10vw;
} */
@media (max-width:767px) {
.css-39rrgl .slide-item {
grid-template-columns: 100%;
background : rgb(0, 0, 0);
background : -moz-linear-gradient(top, rgba(0, 0, 0, 1) 60%, rgba(0, 88, 31, 1) 100%);
background : -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 60%, rgba(0, 88, 31, 1) 100%);
background : linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 88, 31, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00581f", GradientType=0);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00581f", GradientType=0);
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
}
.css-39rrgl .slide-item .description {
padding : 10px;
padding-bottom : 40px;
-webkit-align-items : flex-start;
-webkit-box-align : flex-start;
-ms-flex-align : flex-start;
align-items : flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
}
.css-39rrgl .slide-item .description:before {
left : 0;
width : 100%;
height : 100px;
top : -100px;
background : -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
}
.css-39rrgl .slide-item .description a {
font-size : 16px;
-webkit-flex-wrap : wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
}
.css-39rrgl .slide-item .description a span {
font-size : 14px;
margin : 0;
}
.css-39rrgl .slide-item .description h2 a {
font-size : 25px;
line-height : 35px;
}
/* .css-39rrgl .btn-pagination .swiper-button-prev {
left: 30vw;
}
.css-39rrgl .btn-pagination .swiper-button-next {
right: 30vw;
} */
.css-39rrgl .slide-default-item .description {
position : relative;
height : auto;
background : #000;
}
.css-39rrgl .slide-default-item .description h2 a {
font-size : 25px;
line-height : 35px;
-webkit-line-clamp : 2;
}
}
@media (min-width:768px) and (max-width:991px) {
/* .css-39rrgl .btn-pagination .swiper-button-prev {
left: 40vw;
}
.css-39rrgl .btn-pagination .swiper-button-next {
right: 40vw;
} */
.css-39rrgl .slide-item .description h2 a {
font-size : 29px;
line-height : 36px;
}
}
.swiper-button-next,
.swiper-button-prev {
color : #00B400;
}
.swiper-button-next:after,
.swiper-button-prev:after {
padding : 15rem 1rem;
}
.swiper-pagination-bullet {
/* width : var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%; */
background: #fff;
/* opacity: 1; */
}
.swiper-pagination-bullet-active {
background : #00B400;
}
</style>
<style data-emotion-css="1bjookr">
.css-1bjookr {
/* background : background:rgb(0, 0, 0);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(67, 65, 65, 1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(67, 65, 65, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(67, 65, 65, 1) 100%);
-webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#434141', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#434141', GradientType=0); */
padding: 2em 0 0;
/* background-size: cover; */
}
</style>
<style data-emotion-css="tx7t51">
.css-tx7t51 {
display : grid;
grid-template-columns: 100%;
-webkit-column-gap : 30px;
column-gap : 30px;
row-gap : 30px;
margin : 0;
-webkit-align-items : flex-end;
-webkit-box-align : flex-end;
-ms-flex-align : flex-end;
align-items : flex-end;
word-break : break-word;
}
.css-tx7t51 .dugoutcard h3 {
text-align : left !important;
}
.css-tx7t51 .dugout-video #of_carousel {
display : none;
}
.css-tx7t51 .dugout-video div:last-of-type {
display : none;
}
.css-tx7t51 .dugout-video .dugout-inner {
display : block !important;
}
.css-tx7t51 .dugout-video .dugout-float {
display : block !important;
}
.css-tx7t51 .viewAll {
font-size : 16px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-family : "Prompt", sans-serif, sans-serif;
vertical-align : middle;
}
.css-tx7t51 .viewAll svg {
margin : 0 0 0 10px;
position : relative;
left : 0;
-webkit-transition : all 0.5s;
transition : all 0.5s;
vertical-align : middle;
}
.css-tx7t51 .viewAll svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-tx7t51 .viewAll:hover {
-webkit-transition : all 0.5s;
transition : all 0.5s;
color : #00B400;
}
.css-tx7t51 .viewAll:hover svg {
-webkit-transition : all 0.5s;
transition : all 0.5s;
left : 6px;
}
.css-tx7t51 .viewAll:hover svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
fill : #00B400;
}
.css-tx7t51 .dugout-video {
height : auto !important;
}
.css-tx7t51 .dugoutcard h3 {
padding-top : 10px;
}
.css-tx7t51 .dugout-float {
width : 280px !important;
height : auto !important;
}
@media (max-width:767px) {
.css-tx7t51 {
margin : 0;
}
.css-tx7t51 .viewAll {
display : none;
}
.css-tx7t51 .dugoutcard h3 {
display : none;
}
}
</style>
<style data-emotion-css="1a6xdki">
.css-1a6xdki {
display : grid;
display : block;
background-size : cover;
}
</style>
<style data-emotion-css="19n1una">
.css-19n1una {
display : grid;
margin : 0 0 30px;
word-break : break-word;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
padding-top : 60px;
position : relative;
}
.css-19n1una iframe {
/* margin-left : 15px; */
}
@media (max-width:767px) {
.css-19n1una {
display : grid;
row-gap : 15px;
padding-top : 0px;
}
.css-19n1una iframe {
margin-left : 0px;
}
}
@media (min-width:768px) and (max-width:991px) {
.css-19n1una {
display : grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap : 15px;
column-gap : 15px;
row-gap : 15px;
padding-top : 0px;
}
.css-19n1una.re-grid {
grid-template-columns: repeat(1, 1fr);
}
.css-19n1una iframe {
margin-left : 0px;
}
}
.css-19n1una .dugoutcard h3 {
text-align : left !important;
}
.css-19n1una .dugout-video #of_carousel {
display : none;
}
.css-19n1una .dugout-video div:last-of-type {
display : none;
}
.css-19n1una .dugout-video .dugout-inner {
display : block !important;
}
.css-19n1una .dugout-video .dugout-float {
display : block !important;
}
.css-19n1una .viewAll {
font-size : 16px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-family : "Prompt", sans-serif, sans-serif;
vertical-align : middle;
}
.css-19n1una .viewAll svg {
margin : 0 0 0 10px;
position : relative;
left : 0;
-webkit-transition : all 0.5s;
transition : all 0.5s;
vertical-align : middle;
}
.css-19n1una .viewAll svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-19n1una .viewAll:hover {
-webkit-transition : all 0.5s;
transition : all 0.5s;
color : #00B400;
}
.css-19n1una .viewAll:hover svg {
-webkit-transition : all 0.5s;
transition : all 0.5s;
left : 6px;
}
.css-19n1una .viewAll:hover svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
fill : #00B400;
}
.css-19n1una .dugout-video {
height : auto !important;
}
.css-19n1una .dugoutcard h3 {
padding-top : 10px;
}
.css-19n1una .dugout-float {
width : 280px !important;
height : auto !important;
}
@media (max-width:767px) {
.css-19n1una {
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap : 15px;
column-gap : 15px;
}
.css-19n1una.re-grid {
grid-template-columns: repeat(1, 1fr);
}
.css-19n1una .viewAll {
display : none;
}
.css-19n1una .dugoutcard h3 {
display : none;
}
}
</style>
<style data-emotion-css="gbp7ru">
.css-gbp7ru {
background : background:-moz-linear-gradient(left, rgba(13, 119, 40, 0) 0%, rgba(13, 119, 40, 1) 50%, rgba(13, 119, 40, 0) 100%);
background : -webkit-linear-gradient(left, rgba(13, 119, 40, 0) 0%, rgba(13, 119, 40, 1) 50%, rgba(13, 119, 40, 0) 100%);
background : linear-gradient(to right, rgba(13, 119, 40, 0) 0%, rgba(13, 119, 40, 1) 50%, rgba(13, 119, 40, 0) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000d7728", endColorstr="#000d7728", GradientType=1);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000d7728", endColorstr="#000d7728", GradientType=1);
margin : 0 0 15px;
position : absolute;
top : 0;
width : 100%;
}
.css-gbp7ru .container {
display : grid;
grid-template-columns: 1fr 80px;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
/* max-width: 1110px; */
}
.css-gbp7ru .mainTitle {
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;
}
.css-gbp7ru a {
font-size : 14px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-family : "Prompt", sans-serif, sans-serif;
vertical-align : middle;
}
.css-gbp7ru a svg {
margin-left : 10px;
margin-right : 0;
position : relative;
left : 0;
-webkit-transition : all 0.5s;
transition : all 0.5s;
vertical-align : middle;
}
.css-gbp7ru a svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-gbp7ru a:hover {
-webkit-transition : all 0.5s;
transition : all 0.5s;
color : #00B400;
}
.css-gbp7ru a:hover svg {
-webkit-transition : all 0.5s;
transition : all 0.5s;
left : 6px;
}
.css-gbp7ru a:hover svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
fill : #00B400;
}
.css-gbp7ru h2 {
margin : 0;
position : relative;
font-size : 25px;
color : #fff;
display : inline-block;
margin-left : -3px;
padding : 5px 23px;
width : -webkit-fit-content;
width : -moz-fit-content;
width : fit-content;
}
.css-gbp7ru h2:after {
content : "";
background : #00B400;
width : 100%;
height : 100%;
top : 0;
left : 0;
-webkit-transform : skewX(-30deg);
-ms-transform : skewX(-30deg);
transform : skewX(-30deg);
position : absolute;
z-index : 1;
}
.css-gbp7ru h2 span {
position : relative;
z-index : 2;
}
.css-gbp7ru h3 {
display : inline-block;
margin : 0;
color : #fff;
margin-left : 15px;
margin-right : 10px;
}
.css-gbp7ru h3 span {
padding-right : 7px;
}
.css-gbp7ru img {
display : inline-block;
margin : 0 7px;
width : 32px;
height : 32px;
-webkit-transition : all 0.3s;
transition : all 0.3s;
vertical-align : middle;
}
.css-gbp7ru img:hover {
-webkit-transition : all 0.3s;
transition : all 0.3s;
-webkit-transform : scale(1.05);
-ms-transform : scale(1.05);
transform : scale(1.05);
}
@media (max-width:767px) {
.css-gbp7ru {
position : relative;
margin : 0 0 -15px;
}
}
@media (min-width:768px) and (max-width:991px) {
.css-gbp7ru {
position : relative;
grid-column : span 3;
}
}
.css-gbp7ru button {
display : none;
}
.css-gbp7ru .collapse {
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;
}
.css-gbp7ru .collapse h3 svg {
display : none;
}
.css-gbp7ru .collapse .link span {
display : none;
}
@media (max-width:991px) {
.css-gbp7ru {
position : relative;
}
.css-gbp7ru a {
display : none;
}
.css-gbp7ru button {
display : block;
position : absolute;
right : 10px;
background : none;
border : none;
}
.css-gbp7ru .collapse:not(.show) {
display : none;
}
.css-gbp7ru h2 {
font-size : 20px;
}
.css-gbp7ru h3 span {
display : none;
}
.css-gbp7ru .collapse {
position : absolute;
width : 250px;
max-width : 100%;
top : 40px;
right : 10px;
padding : 7px;
display : grid;
row-gap : 5px;
z-index : 10;
background : #ffffffe6;
border-radius : 0px;
overflow : hidden;
}
.css-gbp7ru .collapse h3 {
margin : 0;
display : grid;
row-gap : 5px;
}
.css-gbp7ru .collapse h3 a {
padding : 8px;
color : #fff;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
border-radius : 4px;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
background : #008841;
}
.css-gbp7ru .collapse h3 a svg {
display : block;
margin-right : 15px;
margin-left : 10px;
}
.css-gbp7ru .collapse .link {
grid-row : 1;
}
.css-gbp7ru .collapse .link a {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
color : #fff;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
margin-bottom : 5px;
border-radius : 4px;
background : #008841;
}
.css-gbp7ru .collapse .link a span {
display : block;
}
.css-gbp7ru .collapse .link a img {
margin : 2px 3px;
margin-right : 5px;
}
.css-gbp7ru .collapse .link a:last-of-type {
margin-bottom : 0;
}
.css-gbp7ru .collapsing {
position : absolute;
height : 0;
overflow : hidden;
-webkit-transition : height 0.35s ease;
transition : height 0.35s ease;
position : absolute;
width : 300px;
top : 50px;
right : 10px;
}
}
@media (max-width:767px) {
.css-gbp7ru {
grid-column : span 2;
margin : 0;
}
}
@media (max-width:374px) {
.css-gbp7ru h2 {
font-size : 18px;
}
}
@media (min-width:992px) and (max-width:1024px) {
/* .css-gbp7ru .container {
max-width: 995px;
} */
.css-gbp7ru h2 {
font-size : 22px;
}
}
@media (min-width:1025px) and (max-width:1199px) {
.css-gbp7ru h2 {
font-size : 22px;
}
}
</style>
<style data-emotion-css="11fy7ft">
.css-11fy7ft {
font-family : "Prompt", sans-serif, sans-serif;
}
.css-11fy7ft a {
color : inherit;
}
</style>
<style data-emotion-css="1e7aop1">
.css-1e7aop1 {
display : none;
text-align : center;
padding : 8px;
border : 1px solid #fff;
margin : -15px 0 15px;
}
.css-1e7aop1 a {
font-size : 16px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-family : "Prompt", sans-serif, sans-serif;
vertical-align : middle;
}
.css-1e7aop1 a svg {
margin-left : 10px;
margin-right : 0;
position : relative;
left : 0;
-webkit-transition : all 0.5s;
transition : all 0.5s;
vertical-align : middle;
}
.css-1e7aop1 a svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
@media (max-width:991px) {
.css-1e7aop1 {
display : block;
margin : 0 0 15px;
}
}
@media (max-width:767px) {
.css-1e7aop1 {
grid-column : span 2;
}
}
@media (min-width:768px) and (max-width:991px) {
.css-1e7aop1 {
grid-column : span 3;
border : none;
}
}
</style>
<!-- highlight_ -->
<style data-emotion-css="1x9wvhj">
.css-1x9wvhj {
display : grid;
grid-template-columns: 435px 1fr;
-webkit-column-gap : 15px;
column-gap : 15px;
row-gap : 15px;
word-break : break-word;
}
.css-1x9wvhj .dugoutcard h3 {
text-align : left !important;
}
.css-1x9wvhj .dugout-video #of_carousel {
display : none;
}
.css-1x9wvhj .dugout-video div:last-of-type {
display : none;
}
.css-1x9wvhj .dugout-video .dugout-inner {
display : block !important;
}
.css-1x9wvhj .dugout-video .dugout-float {
display : block !important;
}
.css-1x9wvhj .viewAll {
font-size : 16px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-family : "Prompt", sans-serif, sans-serif;
vertical-align : middle;
}
.css-1x9wvhj .viewAll svg {
margin : 0 0 0 10px;
position : relative;
left : 0;
-webkit-transition : all 0.5s;
transition : all 0.5s;
vertical-align : middle;
}
.css-1x9wvhj .viewAll svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-1x9wvhj .viewAll:hover {
-webkit-transition : all 0.5s;
transition : all 0.5s;
color : #00B400;
}
.css-1x9wvhj .viewAll:hover svg {
-webkit-transition : all 0.5s;
transition : all 0.5s;
left : 6px;
}
.css-1x9wvhj .viewAll:hover svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
fill : #00B400;
}
.css-1x9wvhj .dugout-video {
height : auto !important;
}
.css-1x9wvhj .dugoutcard h3 {
padding-top : 10px;
}
.css-1x9wvhj .dugout-float {
width : 280px !important;
height : auto !important;
}
@media (max-width:767px) {
.css-1x9wvhj {
grid-template-columns: 100%;
}
.css-1x9wvhj .viewAll {
display : none;
}
.css-1x9wvhj .dugoutcard h3 {
display : none;
}
}
@media (min-width:768px) and (max-width:991px) {
.css-1x9wvhj {
grid-template-columns: 335px 1fr;
}
}
</style>
<style data-emotion-css="kk2f09">
.css-kk2f09 {
position : relative;
display : grid;
row-gap : 10px;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
width : 100%;
}
.css-kk2f09 .e1utblpy0 {
margin : 0 0 10px;
}
.css-kk2f09 a {
display : grid;
}
.css-kk2f09 .e18p2jld4 a:before {
padding-top : 100%;
}
.css-kk2f09 h2 {
display : grid;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
row-gap : 5px;
width : 100%;
font-family : "Prompt", sans-serif, sans-serif;
margin : 0;
}
.css-kk2f09 h2 strong {
font-weight : normal;
font-family : "cloudsemibold";
}
.css-kk2f09 h2 a {
font-size : 18px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 26px;
-webkit-line-clamp : 2;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box !important;
}
.css-kk2f09 h2 a:hover {
color : #00B400;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-kk2f09 h2 a span {
color : #00B400;
font-size : 14px;
}
.css-kk2f09 h2 a span svg {
margin-right : 7px;
position : relative;
top : 1px;
}
.css-kk2f09 p {
margin : 0;
font-size : 16px;
color : #626262;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 22px;
-webkit-line-clamp : 3;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box;
}
.css-kk2f09 h2 a {
font-size : 25px;
line-height : 35px;
}
</style>
<style data-emotion-css="pyy4dx">
.css-pyy4dx {
position : relative;
}
.css-pyy4dx img {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
.css-pyy4dx a {
position : relative;
}
.css-pyy4dx a:before {
content : "";
background : #f1f2f3;
padding-top : 56.25%;
}
.css-pyy4dx span {
position : absolute;
background : -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
bottom : 0;
left : 0;
height : 70px;
color : #fff;
width : 100%;
display : grid;
-webkit-align-content: end;
-ms-flex-line-pack : end;
align-content : end;
grid-template-columns: 40px 1fr;
-webkit-align-items : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
text-align : right;
padding-right : 10px;
z-index : 1;
font-size : 14px;
}
</style>
<style data-emotion-css="2now0i">
.css-2now0i {
-webkit-align-content: flex-end;
-ms-flex-line-pack : end;
align-content : flex-end;
position : absolute;
padding : 12px;
background : -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background : linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
-webkit-filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
bottom : 0;
left : 0;
height : 100%;
/* height: 200px; */
width : 100%;
display : grid;
}
.css-2now0i p {
font-size : 16px;
margin : 0;
}
@media (max-width:767px) {
.css-2now0i {
padding : 5px 12px;
}
}
</style>
<style data-emotion-css="1xjgv4c">
.css-1xjgv4c {
font-size : 14px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-align-items : baseline;
-webkit-box-align : baseline;
-ms-flex-align : baseline;
align-items : baseline;
}
.css-1xjgv4c a {
color : #00B400;
padding-right : 5px;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 26px;
-webkit-line-clamp : 1;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box !important;
}
.css-1xjgv4c span {
color : #8b8b8b;
font-size : 12px;
font-style : italic;
padding : 0 2px;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 26px;
-webkit-line-clamp : 1;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box !important;
}
@media (max-width:767px) {
.css-1xjgv4c span {
word-break : break-word;
max-height : 80px;
-webkit-line-clamp : 1;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box;
}
}
</style>
<style data-emotion-css="n2dm80">
.css-n2dm80 {
display : grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap : 15px;
column-gap : 15px;
row-gap : 15px;
word-break : break-word;
}
.css-n2dm80 .dugoutcard h3 {
text-align : left !important;
}
.css-n2dm80 .dugout-video #of_carousel {
display : none;
}
.css-n2dm80 .dugout-video div:last-of-type {
display : none;
}
.css-n2dm80 .dugout-video .dugout-inner {
display : block !important;
}
.css-n2dm80 .dugout-video .dugout-float {
display : block !important;
}
.css-n2dm80 .viewAll {
font-size : 16px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-family : "Prompt", sans-serif, sans-serif;
vertical-align : middle;
}
.css-n2dm80 .viewAll svg {
margin : 0 0 0 10px;
position : relative;
left : 0;
-webkit-transition : all 0.5s;
transition : all 0.5s;
vertical-align : middle;
}
.css-n2dm80 .viewAll svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-n2dm80 .viewAll:hover {
-webkit-transition : all 0.5s;
transition : all 0.5s;
color : #00B400;
}
.css-n2dm80 .viewAll:hover svg {
-webkit-transition : all 0.5s;
transition : all 0.5s;
left : 6px;
}
.css-n2dm80 .viewAll:hover svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
fill : #00B400;
}
.css-n2dm80 .dugout-video {
height : auto !important;
}
.css-n2dm80 .dugoutcard h3 {
padding-top : 10px;
}
.css-n2dm80 .dugout-float {
width : 280px !important;
height : auto !important;
}
@media (max-width:767px) {
.css-n2dm80 {
grid-template-columns: repeat(2, 1fr);
}
.css-n2dm80 .e18p2jld2,
.css-n2dm80 .e18p2jld7 {
display : none;
}
.css-n2dm80 .e18p2jld2:nth-of-type(1),
.css-n2dm80 .e18p2jld7:nth-of-type(1),
.css-n2dm80 .e18p2jld2:nth-of-type(2),
.css-n2dm80 .e18p2jld7:nth-of-type(2),
.css-n2dm80 .e18p2jld2:nth-of-type(3),
.css-n2dm80 .e18p2jld7:nth-of-type(3),
.css-n2dm80 .e18p2jld2:nth-of-type(4),
.css-n2dm80 .e18p2jld7:nth-of-type(4) {
display : grid;
}
.css-n2dm80 .viewAll {
display : none;
}
.css-n2dm80 .dugoutcard h3 {
display : none;
}
}
@media (min-width:768px) and (max-width:991px) {
.css-n2dm80 {
grid-template-columns: repeat(2, 1fr);
}
.css-n2dm80 .e18p2jld2,
.css-n2dm80 .e18p2jld7 {
display : none;
}
.css-n2dm80 .e18p2jld2:nth-of-type(1),
.css-n2dm80 .e18p2jld7:nth-of-type(1),
.css-n2dm80 .e18p2jld2:nth-of-type(2),
.css-n2dm80 .e18p2jld7:nth-of-type(2),
.css-n2dm80 .e18p2jld2:nth-of-type(3),
.css-n2dm80 .e18p2jld7:nth-of-type(3),
.css-n2dm80 .e18p2jld2:nth-of-type(4),
.css-n2dm80 .e18p2jld7:nth-of-type(4) {
display : grid;
}
}
</style>
<style data-emotion-css="33a1f2">
.css-33a1f2 {
position : relative;
display : grid;
row-gap : 10px;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
width : 100%;
}
.css-33a1f2 .e1utblpy0 {
margin : 0 0 10px;
}
.css-33a1f2 a {
display : grid;
}
.css-33a1f2 .e18p2jld4 a:before {
padding-top : 100%;
}
.css-33a1f2 h2 {
display : grid;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
row-gap : 5px;
width : 100%;
font-family : "Prompt", sans-serif, sans-serif;
margin : 0;
}
.css-33a1f2 h2 strong {
font-weight : normal;
font-family : "cloudsemibold";
}
.css-33a1f2 h2 a {
font-size : 18px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 26px;
-webkit-line-clamp : 2;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box !important;
}
.css-33a1f2 h2 a:hover {
color : #00B400;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-33a1f2 h2 a span {
color : #00B400;
font-size : 14px;
}
.css-33a1f2 h2 a span svg {
margin-right : 7px;
position : relative;
top : 1px;
}
.css-33a1f2 p {
margin : 0;
font-size : 16px;
color : #626262;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 22px;
-webkit-line-clamp : 3;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box;
}
@media (max-width:767px) {
.css-33a1f2 h2 a {
font-size : 16px !important;
line-height : 22px !important;
}
}
</style>
<!-- <style data-emotion-css="2now0i">
.css-2now0i {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
position: absolute;
padding: 12px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
-webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
bottom: 0;
left: 0;
height: 200px;
width: 100%;
display: grid;
}
.css-2now0i p {
font-size: 16px;
margin: 0;
}
@media (max-width:767px) {
.css-2now0i {
padding: 5px 12px;
}
}
</style> -->
<!-- end highlight -->
<!-- NEWS -->
<style data-emotion-css="1jzu7vk">
.css-1jzu7vk {
position : relative;
display : grid;
row-gap : 10px;
margin : 0 15px 0 0;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
width : 100%;
}
.css-1jzu7vk .e1utblpy0 {
margin : 0 0 10px;
}
.css-1jzu7vk a {
display : grid;
}
.css-1jzu7vk .e18p2jld4 a:before {
/* padding-top : 100%; */
}
.css-1jzu7vk h2 {
display : grid;
-webkit-align-content: flex-start;
-ms-flex-line-pack : start;
align-content : flex-start;
row-gap : 5px;
width : 100%;
font-family : "Prompt", sans-serif;
margin : 0;
}
.css-1jzu7vk h2 strong {
font-weight : normal;
font-family : "Prompt", sans-serif;
}
.css-1jzu7vk h2 a {
font-size : 15px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 26px;
-webkit-line-clamp : 2;
-webkit-line-clamp : 2;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box !important;
}
.css-1jzu7vk h2 a:hover {
color : #00B400;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-1jzu7vk h2 a span {
color : #00B400;
font-size : 14px;
}
.css-1jzu7vk h2 a span svg {
margin-right : 7px;
position : relative;
top : 1px;
}
.css-1jzu7vk p {
margin : 0;
font-size : 16px;
color : #626262;
-webkit-transition : all 0.5s;
transition : all 0.5s;
max-height : 80px;
line-height : 22px;
-webkit-line-clamp : 3;
-webkit-box-orient : vertical;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box;
}
@media (max-width:767px) {
.css-1jzu7vk h2 a {
/* font-size : 16px !important;
line-height: 22px !important; */
font-size: 12px !important;
line-height : 16px !important;
}
}
</style>
<style data-emotion-css="111pe8h">
.css-111pe8h {
display : grid;
margin : 0 0 30px;
word-break : break-word;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
padding-top : 20px;
position : relative;
}
.css-111pe8h iframe {
margin-left : 15px;
}
@media (max-width:767px) {
.css-111pe8h {
display : grid;
row-gap : 15px;
padding-top : 0px;
}
.css-111pe8h iframe {
margin-left : 0px;
}
}
@media (min-width:768px) and (max-width:991px) {
.css-111pe8h {
display : grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap : 15px;
column-gap : 15px;
row-gap : 15px;
padding-top : 0px;
}
.css-111pe8h iframe {
margin-left : 0px;
}
}
.css-111pe8h .dugoutcard h3 {
text-align : left !important;
}
.css-111pe8h .dugout-video #of_carousel {
display : none;
}
.css-111pe8h .dugout-video div:last-of-type {
display : none;
}
.css-111pe8h .dugout-video .dugout-inner {
display : block !important;
}
.css-111pe8h .dugout-video .dugout-float {
display : block !important;
}
.css-111pe8h .viewAll {
font-size : 16px;
color : #fff;
-webkit-transition : all 0.5s;
transition : all 0.5s;
font-family : "cloudregular";
vertical-align : middle;
}
.css-111pe8h .viewAll svg {
margin : 0 0 0 10px;
position : relative;
left : 0;
-webkit-transition : all 0.5s;
transition : all 0.5s;
vertical-align : middle;
}
.css-111pe8h .viewAll svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.css-111pe8h .viewAll:hover {
-webkit-transition : all 0.5s;
transition : all 0.5s;
color : #00B400;
}
.css-111pe8h .viewAll:hover svg {
-webkit-transition : all 0.5s;
transition : all 0.5s;
left : 6px;
}
.css-111pe8h .viewAll:hover svg path {
-webkit-transition : all 0.5s;
transition : all 0.5s;
fill : #00B400;
}
.css-111pe8h .dugout-video {
height : auto !important;
}
.css-111pe8h .dugoutcard h3 {
padding-top : 10px;
}
.css-111pe8h .dugout-float {
width : 280px !important;
height : auto !important;
}
@media (max-width:767px) {
.css-111pe8h {
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap : 15px;
column-gap : 15px;
}
.css-111pe8h .viewAll {
display : none;
}
.css-111pe8h .dugoutcard h3 {
display : none;
}
}
</style>
<!-- END NEWS -->
<style>
.img-cover {
background : url("https://khaoballs.com/assets/img/bg/background-vdo-content.jpg") fixed no-repeat;
/* padding: 0 0 2em 0; */
background-size : cover;
}
.bd-placeholder-img {
font-size : 1.125rem;
text-anchor : middle;
-webkit-user-select : none;
-moz-user-select : none;
user-select : none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size : 3.5rem;
}
}
.contentBlog .card-body a {
color : black;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.contentBlog .card-body a:hover {
color : #00B400;
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.hoverG:hover {
color : #00B400;
}
.starChecked {
color : orange;
}
</style>
</head>
<body class="img-cover d-flex flex-column h-100">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-TNZGH8G" style="display:none;visibility:hidden" width="0">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<main class="flex-shrink-0">
<nav aria-label="sport navbar" class="navbar navbar-expand-lg navbar-light bg-light d-none d-lg-flex bg-nav-tr p-0">
<div class="container position-relative">
<div class="css-zk0b3p">
<a class="navbar-brand m-0" href="https://khaoballs.com/">
<!-- <img src="https://via.placeholder.com/70x30" alt=""> -->
<img alt="" src="https://khaoballs.com/assets/img/logo/logo-s.png" style="max-height: 40px;">
<!-- Khaoballs -->
</a>
</div>
<button aria-controls="mainnavbars" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#mainnavbars" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse css-ll6414" id="mainnavbars">
<ul class="navbar-nav me-auto mb-2 mb-lg-0" style="z-index: 2;">
<li class="nav-item mx-xl-2">
<a class="nav-link" href="/football/cate/5/ข่าวฟุตบอล">
ข่าวฟุตบอล
</a>
</li>
<li class="nav-item mx-xl-2">
<a class="nav-link" href="/football/cate/1/พรีเมียร์ลีก">
พรีเมียร์ลีก
</a>
</li>
<li class="nav-item mx-xl-2">
<a class="nav-link" href="/football/cate/4/ยูฟ่า-แชมเปี้ยนส์ลีก">
ยูฟ่าแชมเปี้ยนส์ลีก
</a>
</li>
<li class="nav-item mx-xl-2">
<a class="nav-link" href="/board/livescore/ผลบอลสด">
ผลบอลสด
</a>
</li>
<li class="nav-item mx-xl-2">
<a class="nav-link" href="/board/scoreboard/ตารางคะแนน">
ตารางคะแนน
</a>
</li>
<li class="nav-item dropdown mx-xl-2">
<a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown02">
ข่าวกีฬา
</a>
<ul aria-labelledby="dropdown02" class="dropdown-menu">
<li>
<a class="dropdown-item" href="/football/cate/2/ไทยลีก">
ไทยลีก
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/6/ฟุตบอลโลก">
ฟุตบอลโลก
</a>
</li>
<li>
<a class="dropdown-item" href="https://khaoballs.com/flightsport/cate/1/มวยไทย">
มวยไทย
</a>
</li>
<li>
<a class="dropdown-item" href="https://khaoballs.com/flightsport/cate/2/มวยโลก">
มวยโลก
</a>
</li>
<li>
<a class="dropdown-item" href="/basketball">
บาสเกตบอล
</a>
</li>
<li>
<a class="dropdown-item" href="/motorsport">
มอเตอร์สปอร์ต
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown mx-xl-2">
<a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown03">
สโมสร
</a>
<ul aria-labelledby="dropdown03" class="dropdown-menu">
<li>
<a class="dropdown-item" href="/football/cate/7/ลิเวอร์พูล">
ลิเวอร์พูล
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/9/แมนเชสเตอร์ยูไนเต็ด">
แมนเชสเตอร์ยูไนเต็ด
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/10/อาร์เซนอล">
อาร์เซนอล
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/8/เชลซี">
เชลซี
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<nav aria-label="sport navbar" class="navbar navbar-expand-lg navbar-dark bg-dark d-lg-none">
<div class="container">
<a class="navbar-brand" href="#">
<!-- <img src="https://via.placeholder.com/60x48" alt="" width="30" height="24"> -->
<img alt="" src="/assets/images/logo-s.png" style="max-height: 40px;">
<!-- Khaoballs -->
</a>
<button aria-controls="mainnavbars" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#mainnavbars" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse" id="mainnavbars">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<!-- <li class="nav-item">
<a class="nav-link" href="https://khaoballs.com/flightsport/cate/1/มวยไทย">มวยไทย</a>
</li> -->
<!-- <li class="nav-item">
<a class="nav-link" href="https://khaoballs.com/flightsport/cate/2/มวยโลก">มวยโลก</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="/football/cate/5/ข่าวฟุตบอล">
ข่าวฟุตบอล
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/football/cate/1/พรีเมียร์ลีก">
พรีเมียร์ลีก
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/football/cate/4/ยูฟ่า-แชมเปี้ยนส์ลีก">
ยูฟ่าแชมเปี้ยนส์ลีก
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/board/livescore/ผลบอลสด">
ผลบอลสด
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/board/scoreboard/ตารางคะแนน">
ตารางคะแนน
</a>
</li>
<li class="nav-item dropdown mx-xl-2">
<a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown04">
ข่าวกีฬา
</a>
<ul aria-labelledby="dropdown04" class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="/football/cate/2/ไทยลีก">
ไทยลีก
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/6/ฟุตบอลโลก">
ฟุตบอลโลก
</a>
</li>
<li>
<a class="dropdown-item" href="https://khaoballs.com/flightsport/cate/1/มวยไทย">
มวยไทย
</a>
</li>
<li>
<a class="dropdown-item" href="https://khaoballs.com/flightsport/cate/2/มวยโลก">
มวยโลก
</a>
</li>
<li>
<a class="dropdown-item" href="/basketball">
บาสเกตบอล
</a>
</li>
<li>
<a class="dropdown-item" href="/motorsport">
มอเตอร์สปอร์ต
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown mx-xl-2">
<a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown05">
สโมสร
</a>
<ul aria-labelledby="dropdown05" class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="/football/cate/7/ลิเวอร์พูล">
ลิเวอร์พูล
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/9/แมนเชสเตอร์ยูไนเต็ด">
แมนเชสเตอร์ยูไนเต็ด
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/10/อาร์เซนอล">
อาร์เซนอล
</a>
</li>
<li>
<a class="dropdown-item" href="/football/cate/8/เชลซี">
เชลซี
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<section>
<div class="css-39rrgl e18p2jld0">
<div class="swiper-container" id="slider_herobanner">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="thumbnail-img text-center">
<a href="https://bit.ly/khaoball" target="_blank" title="Banner footballs KB">
<picture>
<img alt="Banner footballs KB" class="img-fluid" src="//khaoballs.com/img_master/banner/original/20240422090045_1.png?v=1713752225https://via.placeholder.com/1920x475">
</picture>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail-img text-center">
<a href="https://bit.ly/khaoball" target="_blank" title="Banner">
<picture>
<img alt="Banner" class="img-fluid" src="//khaoballs.com/img_master/banner/original/20240422090417_1.png?v=1713752208https://via.placeholder.com/1920x475">
</picture>
</a>
</div>
</div>
</div>
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev">
</div>
<div class="swiper-pagination">
</div>
</div>
</div>
</section>
<section class="css-1bjookr e18p2jld1" style="z-index:8;position:relative">
<div class="container">
<div class="css-tx7t51 e18p2jld57">
<div class="css-1a6xdki e18p2jld2">
<div class="css-19n1una e18p2jld57">
<div class="css-gbp7ru e18p2jld10">
<div class="container">
<div class="mainTitle">
<h2 class="css-11fy7ft efr6tej2">
<span>
ข่าวบอลล่าสุด
</span>
</h2>
</div>
<a href="https://khaoballs.com/football">
ดูทั้งหมด
<svg height="11.79" viewBox="0 0 14.608 11.79" width="14.608">
<path d="M8.73,22.342H20.115L16.2,26.26a.73.73,0,1,0,1.033,1.033l5.165-5.165h0a.737.737,0,0,0,.091-.111c.012-.018.021-.038.031-.058a.732.732,0,0,0,.036-.068.649.649,0,0,0,.024-.076c.006-.02.014-.04.018-.06a.73.73,0,0,0,.014-.143h0v0a.736.736,0,0,0-.014-.141c0-.022-.013-.042-.019-.064a.679.679,0,0,0-.022-.072.757.757,0,0,0-.038-.072c-.01-.018-.018-.036-.029-.053a.719.719,0,0,0-.091-.112L17.229,15.93A.73.73,0,1,0,16.2,16.963l3.918,3.918H8.73a.73.73,0,0,0,0,1.461Z" fill="#fff" transform="translate(-8 -15.716)">
</path>
</svg>
</a>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/7/323/ซาลาห์กับฟอร์มที่สมบูรณ์แบบในเกมกับสเปอร์" title="ซาลาห์กับฟอร์มที่สมบูรณ์แบบในเกมกับสเปอร์">
<picture>
<img alt="ซาลาห์กับฟอร์มที่สมบูรณ์แบบในเกมกับสเปอร์" class="img-fluid" src="//khaoballs.com/img_master/football/original/20240506150346_1.jpg?v=1714982626">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/7/323/ซาลาห์กับฟอร์มที่สมบูรณ์แบบในเกมกับสเปอร์" title="ซาลาห์กับฟอร์มที่สมบูรณ์แบบในเกมกับสเปอร์">
ซาลาห์กับฟอร์มที่สมบูรณ์แบบในเกมกับสเปอร์
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/7/ลิเวอร์พูล" title="">
ลิเวอร์พูล
</a>
<span>
6 พ.ค. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/7/322/เจาะลึกความโรแมนติคของ-Trent-Alexander-Arnold-และ-Iris-Law" title="เจาะลึกความโรแมนติคของ Trent Alexander-Arnold และ Iris Law">
<picture>
<img alt="เจาะลึกความโรแมนติคของ Trent Alexander-Arnold และ Iris Law" class="img-fluid" src="//khaoballs.com/img_master/football/original/20240502093014_1.jpg?v=1714617015">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/7/322/เจาะลึกความโรแมนติคของ-Trent-Alexander-Arnold-และ-Iris-Law" title="เจาะลึกความโรแมนติคของ Trent Alexander-Arnold และ Iris Law">
เจาะลึกความโรแมนติคของ Trent Alexander-Arnold และ Iris Law
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/7/ลิเวอร์พูล" title="">
ลิเวอร์พูล
</a>
<span>
2 พ.ค. 67
</span>
</div>
</div>
</div>
<!-- <div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4"><a href="/content" title=""ริวัลโด" เผยความรู้สึก หลังทำประตูดับ "ลิเวอร์พูล" เกมการกุศลที่แอนฟิลด์ (คลิป)">
<picture><img src="https://via.placeholder.com/750x750" alt=""ริวัลโด" เผยความรู้สึก หลังทำประตูดับ "ลิเวอร์พูล" เกมการกุศลที่แอนฟิลด์ (คลิป)"></picture>
</a></div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2"><a href="/content" title=""ริวัลโด" เผยความรู้สึก หลังทำประตูดับ "ลิเวอร์พูล" เกมการกุศลที่แอนฟิลด์ (คลิป)">"ริวัลโด" เผยความรู้สึก หลังทำประตูดับ "ลิเวอร์พูล" เกมการกุศลที่แอนฟิลด์ (คลิป)</a></h2>
<div class="css-1xjgv4c e18p2jld9"><a href="#" title=""ริวัลโด" เผยความรู้สึก หลังทำประตูดับ "ลิเวอร์พูล" เกมการกุศลที่แอนฟิลด์ (คลิป)">ยูฟ่า แชมเปียนส์ลีก</a><span>27 มี.ค. 65</span></div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4"><a href="/content" title="ลูกชาย "มิคาเอล ชูมัคเกอร์" ควบรถ F1 คู่ใจซัดเต็มกำแพงแหลกทั้งคันที่ ซาอุฯ(คลิป)">
<picture><img src="https://via.placeholder.com/750x750" alt="ลูกชาย "มิคาเอล ชูมัคเกอร์" ควบรถ F1 คู่ใจซัดเต็มกำแพงแหลกทั้งคันที่ ซาอุฯ(คลิป)"></picture>
</a></div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2"><a href="/content" title="ลูกชาย "มิคาเอล ชูมัคเกอร์" ควบรถ F1 คู่ใจซัดเต็มกำแพงแหลกทั้งคันที่ ซาอุฯ(คลิป)">ลูกชาย "มิคาเอล ชูมัคเกอร์" ควบรถ F1 คู่ใจซัดเต็มกำแพงแหลกทั้งคันที่ ซาอุฯ(คลิป)</a></h2>
<div class="css-1xjgv4c e18p2jld9"><a href="#" title="ลูกชาย "มิคาเอล ชูมัคเกอร์" ควบรถ F1 คู่ใจซัดเต็มกำแพงแหลกทั้งคันที่ ซาอุฯ(คลิป)">มอเตอร์สปอร์ต</a><span>27 มี.ค. 65</span></div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4"><a href="/content" title=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย ">
<picture><img src="https://via.placeholder.com/750x750" alt=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย "></picture>
</a></div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2"><a href="/content" title=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย ">"ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย </a></h2>
<div class="css-1xjgv4c e18p2jld9"><a href="#" title=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย ">มอเตอร์สปอร์ต</a><span>27 มี.ค. 65</span></div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4"><a href="/content" title=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย ">
<picture><img src="https://via.placeholder.com/750x750" alt=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย "></picture>
</a></div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2"><a href="/content" title=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย ">"ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย </a></h2>
<div class="css-1xjgv4c e18p2jld9"><a href="#" title=""ตี อนุภาพ" กระชากคันเร่งนำธงไทยขึ้นโพเดียม ศึกชิงแชมป์เอเชีย ">มอเตอร์สปอร์ต</a><span>27 มี.ค. 65</span></div>
</div>
</div> -->
</div>
<div class="css-111pe8h e18p2jld57 pt-0">
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/7/321/ซาลาห์คือคนหนึ่งที่ไม่เป็นระเบียบในการปะทะกับคล็อปป์" title="ซาลาห์คือคนหนึ่งที่ไม่เป็นระเบียบในการปะทะกับคล็อปป์">
<picture>
<img alt="ซาลาห์คือคนหนึ่งที่ไม่เป็นระเบียบในการปะทะกับคล็อปป์" src="//khaoballs.com/img_master/football/original/20240430081600_1.jpg?v=1714439760">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/7/321/ซาลาห์คือคนหนึ่งที่ไม่เป็นระเบียบในการปะทะกับคล็อปป์" title="ซาลาห์คือคนหนึ่งที่ไม่เป็นระเบียบในการปะทะกับคล็อปป์">
ซาลาห์คือคนหนึ่งที่ไม่เป็นระเบียบในการปะทะกับคล็อปป์
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/7/ลิเวอร์พูล" title="">
ลิเวอร์พูล
</a>
<span>
30 เม.ย. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/7/320/ลิเวอร์พูลตกลงข้อตกลงสล็อตกับเฟเยนูร์ดด้วยค่าตัว-9.4-ล้านปอนด์" title="ลิเวอร์พูลตกลงข้อตกลงสล็อตกับเฟเยนูร์ดด้วยค่าตัว 9.4 ล้านปอนด์">
<picture>
<img alt="ลิเวอร์พูลตกลงข้อตกลงสล็อตกับเฟเยนูร์ดด้วยค่าตัว 9.4 ล้านปอนด์" src="//khaoballs.com/img_master/football/original/20240427093135_1.jpg?v=1714185095">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/7/320/ลิเวอร์พูลตกลงข้อตกลงสล็อตกับเฟเยนูร์ดด้วยค่าตัว-9.4-ล้านปอนด์" title="ลิเวอร์พูลตกลงข้อตกลงสล็อตกับเฟเยนูร์ดด้วยค่าตัว 9.4 ล้านปอนด์">
ลิเวอร์พูลตกลงข้อตกลงสล็อตกับเฟเยนูร์ดด้วยค่าตัว 9.4 ล้านปอนด์
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/7/ลิเวอร์พูล" title="">
ลิเวอร์พูล
</a>
<span>
27 เม.ย. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/7/319/สล็อต-ยันอยากได้งานลิเวอร์พูล" title="สล็อต ยันอยากได้งานลิเวอร์พูล">
<picture>
<img alt="สล็อต ยันอยากได้งานลิเวอร์พูล" src="//khaoballs.com/img_master/football/original/20240426134754_1.jpg?v=1714114079">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/7/319/สล็อต-ยันอยากได้งานลิเวอร์พูล" title="สล็อต ยันอยากได้งานลิเวอร์พูล">
สล็อต ยันอยากได้งานลิเวอร์พูล
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/7/ลิเวอร์พูล" title="">
ลิเวอร์พูล
</a>
<span>
26 เม.ย. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/5/318/การเปลี่ยนแปลงอันชาญฉลาดของเจอร์เก้น-คล็อปป์" title="การเปลี่ยนแปลงอันชาญฉลาดของเจอร์เก้น คล็อปป์">
<picture>
<img alt="การเปลี่ยนแปลงอันชาญฉลาดของเจอร์เก้น คล็อปป์" src="//khaoballs.com/img_master/football/original/20240422085043_1.png?v=1713750644">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/5/318/การเปลี่ยนแปลงอันชาญฉลาดของเจอร์เก้น-คล็อปป์" title="การเปลี่ยนแปลงอันชาญฉลาดของเจอร์เก้น คล็อปป์">
การเปลี่ยนแปลงอันชาญฉลาดของเจอร์เก้น คล็อปป์
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/5/ข่าวฟุตบอล" title="">
ข่าวฟุตบอล
</a>
<span>
22 เม.ย. 67
</span>
</div>
</div>
</div>
</div>
<div class="css-111pe8h e18p2jld57 pt-0">
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/13/317/p2vvip" title="p2vvip">
<picture>
<img alt="p2vvip" src="//khaoballs.com/img_master/football/original/20240411112333_1.jpg?v=1712809413">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/13/317/p2vvip" title="p2vvip">
p2vvip
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/13/p2vvip" title="">
p2vvip
</a>
<span>
11 เม.ย. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/1/316/ลิเวอร์พูลได้เปรียบ-แต่แมนฯ-ซิตี้ยังคงเป็นเต็งหนึ่ง-อลัน-เชียร์เรอร์" title="ลิเวอร์พูลได้เปรียบ แต่แมนฯ ซิตี้ยังคงเป็นเต็งหนึ่ง - อลัน เชียร์เรอร์">
<picture>
<img alt="ลิเวอร์พูลได้เปรียบ แต่แมนฯ ซิตี้ยังคงเป็นเต็งหนึ่ง - อลัน เชียร์เรอร์" src="//khaoballs.com/img_master/football/original/20240402103715_1.jpg?v=1712029035">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/1/316/ลิเวอร์พูลได้เปรียบ-แต่แมนฯ-ซิตี้ยังคงเป็นเต็งหนึ่ง-อลัน-เชียร์เรอร์" title="ลิเวอร์พูลได้เปรียบ แต่แมนฯ ซิตี้ยังคงเป็นเต็งหนึ่ง - อลัน เชียร์เรอร์">
ลิเวอร์พูลได้เปรียบ แต่แมนฯ ซิตี้ยังคงเป็นเต็งหนึ่ง - อลัน เชียร์เรอร์
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/1/พรีเมียร์ลีก" title="">
พรีเมียร์ลีก
</a>
<span>
2 เม.ย. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/5/315/อังกฤษ-2-2-เบลเยียม" title="อังกฤษ 2-2 เบลเยียม">
<picture>
<img alt="อังกฤษ 2-2 เบลเยียม" src="//khaoballs.com/img_master/football/original/20240327092647_1.jpg?v=1711506407">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/5/315/อังกฤษ-2-2-เบลเยียม" title="อังกฤษ 2-2 เบลเยียม">
อังกฤษ 2-2 เบลเยียม
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/5/ข่าวฟุตบอล" title="">
ข่าวฟุตบอล
</a>
<span>
27 มี.ค. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/6/314/รอบเพลย์ออฟยูโร-2024-โปแลนด์รอบชิงชนะเลิศจะไม่ทำให้เวลส์ต้องชะงัก-Robert-Page-กล่าว" title="รอบเพลย์ออฟยูโร 2024: โปแลนด์รอบชิงชนะเลิศจะไม่ทำให้เวลส์ต้องชะงัก Robert Page กล่าว">
<picture>
<img alt="รอบเพลย์ออฟยูโร 2024: โปแลนด์รอบชิงชนะเลิศจะไม่ทำให้เวลส์ต้องชะงัก Robert Page กล่าว" src="//khaoballs.com/img_master/football/original/20240322072532_1.jpg?v=1711067135">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/6/314/รอบเพลย์ออฟยูโร-2024-โปแลนด์รอบชิงชนะเลิศจะไม่ทำให้เวลส์ต้องชะงัก-Robert-Page-กล่าว" title="รอบเพลย์ออฟยูโร 2024: โปแลนด์รอบชิงชนะเลิศจะไม่ทำให้เวลส์ต้องชะงัก Robert Page กล่าว">
รอบเพลย์ออฟยูโร 2024: โปแลนด์รอบชิงชนะเลิศจะไม่ทำให้เวลส์ต้องชะงัก Robert Page กล่าว
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/6/ฟุตบอลโลก" title="">
ฟุตบอลโลก
</a>
<span>
22 มี.ค. 67
</span>
</div>
</div>
</div>
</div>
<div class="css-111pe8h e18p2jld57 pt-0">
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/8/313/แอสทริด-เวทท์กัดอย่างเกินกว่าจะเคี้ยวได้โดยใช้อันเดอร์การ์ดของไมค์-ไทสัน-ปะทะ-เจค-พอล" title="แอสทริด เวทท์กัดอย่างเกินกว่าจะเคี้ยวได้โดยใช้อันเดอร์การ์ดของไมค์ ไทสัน ปะทะ เจค พอล">
<picture>
<img alt="แอสทริด เวทท์กัดอย่างเกินกว่าจะเคี้ยวได้โดยใช้อันเดอร์การ์ดของไมค์ ไทสัน ปะทะ เจค พอล" src="//khaoballs.com/img_master/football/original/20240321130447_1.jpg?v=1711001087">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/8/313/แอสทริด-เวทท์กัดอย่างเกินกว่าจะเคี้ยวได้โดยใช้อันเดอร์การ์ดของไมค์-ไทสัน-ปะทะ-เจค-พอล" title="แอสทริด เวทท์กัดอย่างเกินกว่าจะเคี้ยวได้โดยใช้อันเดอร์การ์ดของไมค์ ไทสัน ปะทะ เจค พอล">
แอสทริด เวทท์กัดอย่างเกินกว่าจะเคี้ยวได้โดยใช้อันเดอร์การ์ดของไมค์ ไทสัน ปะทะ เจค พอล
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/8/เชลซี" title="">
เชลซี
</a>
<span>
21 มี.ค. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/1/312/นิวคาสเซิ่ล-ยูไนเต็ด-สเวน-บอตแมน-พักยาวเก้าเดือนด้วยอาการบาดเจ็บจาก-ACL" title="นิวคาสเซิ่ล ยูไนเต็ด : สเวน บอตแมน พักยาวเก้าเดือนด้วยอาการบาดเจ็บจาก ACL">
<picture>
<img alt="นิวคาสเซิ่ล ยูไนเต็ด : สเวน บอตแมน พักยาวเก้าเดือนด้วยอาการบาดเจ็บจาก ACL" src="//khaoballs.com/img_master/football/original/20240321125953_1.jpg?v=1711000793">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/1/312/นิวคาสเซิ่ล-ยูไนเต็ด-สเวน-บอตแมน-พักยาวเก้าเดือนด้วยอาการบาดเจ็บจาก-ACL" title="นิวคาสเซิ่ล ยูไนเต็ด : สเวน บอตแมน พักยาวเก้าเดือนด้วยอาการบาดเจ็บจาก ACL">
นิวคาสเซิ่ล ยูไนเต็ด : สเวน บอตแมน พักยาวเก้าเดือนด้วยอาการบาดเจ็บจาก ACL
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/1/พรีเมียร์ลีก" title="">
พรีเมียร์ลีก
</a>
<span>
21 มี.ค. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/4/311/เรอัล-มาดริด-1-1-แอร์เบ-ไลป์ซิก" title="เรอัล มาดริด 1-1 แอร์เบ ไลป์ซิก">
<picture>
<img alt="เรอัล มาดริด 1-1 แอร์เบ ไลป์ซิก" src="//khaoballs.com/img_master/football/original/20240307120904_1.jpg?v=1709788144">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/4/311/เรอัล-มาดริด-1-1-แอร์เบ-ไลป์ซิก" title="เรอัล มาดริด 1-1 แอร์เบ ไลป์ซิก">
เรอัล มาดริด 1-1 แอร์เบ ไลป์ซิก
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/4/ยูฟ่า-แชมเปี้ยนส์ลีก" title="">
ยูฟ่า แชมเปี้ยนส์ลีก
</a>
<span>
7 มี.ค. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/4/310/แมนฯ-ซิตี้-3-1-โคเปนเฮเกน" title="แมนฯ ซิตี้ 3-1 โคเปนเฮเกน">
<picture>
<img alt="แมนฯ ซิตี้ 3-1 โคเปนเฮเกน" src="//khaoballs.com/img_master/football/original/20240307120102_1.jpg?v=1709787662">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/4/310/แมนฯ-ซิตี้-3-1-โคเปนเฮเกน" title="แมนฯ ซิตี้ 3-1 โคเปนเฮเกน">
แมนฯ ซิตี้ 3-1 โคเปนเฮเกน
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/4/ยูฟ่า-แชมเปี้ยนส์ลีก" title="">
ยูฟ่า แชมเปี้ยนส์ลีก
</a>
<span>
7 มี.ค. 67
</span>
</div>
</div>
</div>
</div>
<div class="css-111pe8h e18p2jld57 pt-0">
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/5/309/ใครจะมาแทน-Jurgen-Klopp" title="ใครจะมาแทน Jurgen Klopp">
<picture>
<img alt="ใครจะมาแทน Jurgen Klopp" src="//khaoballs.com/img_master/football/original/20240225180315_1.jpg?v=1708858995">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/5/309/ใครจะมาแทน-Jurgen-Klopp" title="ใครจะมาแทน Jurgen Klopp">
ใครจะมาแทน Jurgen Klopp
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/5/ข่าวฟุตบอล" title="">
ข่าวฟุตบอล
</a>
<span>
25 ก.พ. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/1/308/อาร์เซนอล-3-1-ลิเวอร์พูล" title="อาร์เซนอล 3-1 ลิเวอร์พูล">
<picture>
<img alt="อาร์เซนอล 3-1 ลิเวอร์พูล" src="//khaoballs.com/img_master/football/original/20240205083909_1.jpg?v=1707097149">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/1/308/อาร์เซนอล-3-1-ลิเวอร์พูล" title="อาร์เซนอล 3-1 ลิเวอร์พูล">
อาร์เซนอล 3-1 ลิเวอร์พูล
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/1/พรีเมียร์ลีก" title="">
พรีเมียร์ลีก
</a>
<span>
5 ก.พ. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/1/307/เมาริซิโอ-โปเช็ตติโน่-อยู่ภายใต้ความกดดัน" title="เมาริซิโอ โปเช็ตติโน่ อยู่ภายใต้ความกดดัน">
<picture>
<img alt="เมาริซิโอ โปเช็ตติโน่ อยู่ภายใต้ความกดดัน" src="//khaoballs.com/img_master/football/original/20240204073235_1.jpg?v=1707006755">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/1/307/เมาริซิโอ-โปเช็ตติโน่-อยู่ภายใต้ความกดดัน" title="เมาริซิโอ โปเช็ตติโน่ อยู่ภายใต้ความกดดัน">
เมาริซิโอ โปเช็ตติโน่ อยู่ภายใต้ความกดดัน
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/1/พรีเมียร์ลีก" title="">
พรีเมียร์ลีก
</a>
<span>
5 ก.พ. 67
</span>
</div>
</div>
</div>
<div class="css-1jzu7vk e18p2jld7">
<div class="css-pyy4dx e18p2jld4">
<a href="https://khaoballs.com/football/detail/5/306/อาแจ็กซ์-1-1-พีเอสวี-ไอน์โฮเฟ่น" title="อาแจ็กซ์ 1-1 พีเอสวี ไอน์โฮเฟ่น">
<picture>
<img alt="อาแจ็กซ์ 1-1 พีเอสวี ไอน์โฮเฟ่น" src="//khaoballs.com/img_master/football/original/20240204072354_1.jpg?v=1707006234">
</picture>
</a>
</div>
<div class="css-2now0i e18p2jld8">
<h2 class="css-11fy7ft efr6tej2">
<a href="https://khaoballs.com/football/detail/5/306/อาแจ็กซ์-1-1-พีเอสวี-ไอน์โฮเฟ่น" title="อาแจ็กซ์ 1-1 พีเอสวี ไอน์โฮเฟ่น">
อาแจ็กซ์ 1-1 พีเอสวี ไอน์โฮเฟ่น
</a>
</h2>
<div class="css-1xjgv4c e18p2jld9">
<a href="https://khaoballs.com/football/cate/5/ข่าวฟุตบอล" title="">
ข่าวฟุตบอล
</a>
<span>
4 ก.พ. 67
</span>
</div>
</div>
</div>
</div>
<div class="css-1e7aop1 e18p2jld6">
<a href="https://khaoballs.com/football" title="ดูทั้งหมด,[object Object]">
ดูทั้งหมด
<svg height="11.79" viewBox="0 0 14.608 11.79" width="14.608">
<path d="M8.73,22.342H20.115L16.2,26.26a.73.73,0,1,0,1.033,1.033l5.165-5.165h0a.737.737,0,0,0,.091-.111c.012-.018.021-.038.031-.058a.732.732,0,0,0,.036-.068.649.649,0,0,0,.024-.076c.006-.02.014-.04.018-.06a.73.73,0,0,0,.014-.143h0v0a.736.736,0,0,0-.014-.141c0-.022-.013-.042-.019-.064a.679.679,0,0,0-.022-.072.757.757,0,0,0-.038-.072c-.01-.018-.018-.036-.029-.053a.719.719,0,0,0-.091-.112L17.229,15.93A.73.73,0,1,0,16.2,16.963l3.918,3.918H8.73a.73.73,0,0,0,0,1.461Z" fill="#fff" transform="translate(-8 -15.716)">
</path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h1 class="fs-6 opacity-0">
ข่าวบอลล่าสุด
</h1>
</div>
</section>
</main>
<div class="text-white">
</div>
<!-- footer section start -->
<footer class="css-1kgwizw footer mt-auto py-4 text-white">
<div class="container">
<div class="css-ekr9zy justify-content-center">
<div>
<a href="/">
<img alt="" src="https://khaoballs.com/assets/img/logo/logo-s.png" style="max-height: 50px;">
</a>
</div>
<div>
<a href="https://bit.ly/3FeMbH7">
<span class="fa-stack fa-2x fs-5">
<i class="fa-solid fa-circle fa-stack-2x">
</i>
<i class="fa-brands fa-facebook-f fa-stack-1x stackIn">
</i>
</span>
</a>
<a href="https://bit.ly/3S7Jbm1" target="_brank">
<!-- https://bit.ly/3DTSjnE -->
<span class="fa-stack fa-2x fs-5">
<i class="fa-solid fa-circle fa-stack-2x">
</i>
<i class="fa-brands fa-line fa-stack-1x stackIn">
</i>
</span>
</a>
<a href="">
<span class="fa-stack fa-2x fs-5">
<i class="fa-solid fa-circle fa-stack-2x">
</i>
<i class="fa-brands fa-youtube fa-stack-1x stackIn">
</i>
</span>
</a>
<!-- <a href="#">
<span class="fa-stack fa-2x fs-5">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-brands fa-instagram fa-stack-1x stackIn"></i>
</span>
</a> -->
<!-- <a href="#">
<span class="fa-stack fa-2x fs-5">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-brands fa-twitter fa-stack-1x stackIn"></i>
</span>
</a> -->
<!-- <a href="#">
<span class="fa-stack fa-2x fs-5">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-solid fa-at fa-stack-1x stackIn"></i>
</span>
</a> -->
</div>
</div>
<hr>
<div class="d-flex align-items-center justify-content-center">
<div>
<span class="">
Copyright ©
<script>
document.write(new Date().getFullYear());
</script>
Make by Khaoballs.
</span>
</div>
</div>
</div>
</footer>
<!-- footer section end -->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> -->
<script crossorigin="anonymous" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js">
</script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js">
</script>
<script crossorigin="anonymous" integrity="sha256-qXBd/EfAdjOA2FGrGAG+b3YBn2tn5A6bhz+LSgYD96k=" src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js">
</script>
<script crossorigin="anonymous" integrity="sha512-WlN87oHzYKO5YOmINf1+pSkbt4gm+lOro4fiSTCjII4ykJe/ycHKIaa9b2l9OMkbqEA4NxwTXAGFjSXgqEh19w==" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.7/swiper-bundle.min.js">
</script>
<script>
var swiper = new Swiper('#slider_herobanner', {
paginationClickable: true,
speed: 500,
observer: true,
observeParents: true,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false
},
pagination: {
el: ".swiper-pagination",
dynamicBullets: false
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
}
});
var swiper = new Swiper('#slider_herobanner_football', {
paginationClickable: true,
speed: 500,
observer: true,
observeParents: true,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false
},
pagination: {
el: ".swiper-pagination",
dynamicBullets: false
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
}
});
var swiper = new Swiper('#slider_herobanner_football_2', {
paginationClickable: true,
speed: 500,
observer: true,
observeParents: true,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false
},
pagination: {
el: ".swiper-pagination",
dynamicBullets: false
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
}
});
var swiper = new Swiper('#slider_herobanner_highfootball', {
paginationClickable: true,
speed: 500,
observer: true,
observeParents: true,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false
},
pagination: {
el: ".swiper-pagination",
dynamicBullets: false
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
}
});
var swiper = new Swiper('#slider_board', {
paginationClickable: true,
speed: 500,
observer: true,
observeParents: true,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false
},
pagination: {
el: ".swiper-pagination",
dynamicBullets: false
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
}
});
$(document).ready(function() {
$('.blog-details img').addClass('img-fluid');
$('.blog-details img').css({
"height": "auto"
});
$('.blog-details table').css({
"width": "100%"
});
$('.blog-details table').css({
"width": "100%"
});
$('.blog-details table img').css({
"height": "auto"
});
$('.blog-details table img').addClass('img-fluid img_stand');
});
var ckpopupModal = document.getElementById('popupModal');
if (ckpopupModal) {
var myPopupModal = new bootstrap.Modal(document.getElementById('popupModal'), {
keyboard: false
});
myPopupModal.show();
}
</script>
<script>
var reqURL = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent("https://www.youtube.com/feeds/videos.xml?channel_id=");
function loadVideo(iframe) {
$.getJSON(reqURL + iframe.getAttribute('cid'), function(data) {
var videoNumber = (iframe.getAttribute('vnum') ? Number(iframe.getAttribute('vnum')) : 0);
console.log(videoNumber);
var link = data.items[videoNumber].link;
id = link.substr(link.indexOf("=") + 1);
iframe.setAttribute("src", "https://youtube.com/embed/" + id + "?controls=1&autoplay=1");
});
}
var lastestHome = document.getElementById('latestVideoEmbedHome');
if (lastestHome) {
loadVideo(lastestHome);
}
</script>
<!-- Meta Pixel Code -->
<script>
!function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '265049739249150');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" src="https://www.facebook.com/tr?id=265049739249150&ev=PageView&noscript=1" style="display:none" width="1">
</noscript>
<!-- End Meta Pixel Code -->
</body>
</html>