body{
  font-family: tahoma;
}
.container-header{
  /*background: #27aae1;*/
  background: #27AAF5;
  position: sticky!important;
  border-top: 0px solid #27aae1;
}
.sidebar-right .card-header{
  /*color: #23a9e6;*/
  color: #06093F;
  font-size: 20px !important;
}
.sidebar-right .mod-list li>a{
  /*color: #25aae1;*/
  color: #080C0B;
}
.topright{ 
  line-height: 60px;
  padding-top: 0.5em;
  font-weight:bold;
}
figure.image img {
  width: auto !important;
}

.topright a, .toprightmenu a{  
padding: 4px;
text-decoration: none;  
  color: #fff;
}
.topright a.dangky{
  border: 1px solid #fff;
  color: #fff;
  background: #53d769;
}
.topright a.dangnhap{  
  border: 1px solid #fff;
  color: #fff;
}
.topright a.dangnhap:hover, .topright a.dangnhap:visited{
  background: #f0f0f0; 
}

.topright a.dangky:hover, .topright a.dangky:visited{
  color: #000;
  background: #00456a;
  border: 1px solid #fff;
}
.toprightmenu{
display: flex;
align-items: center;
gap: 4px;
font-size: 16px;
}
.toprightmenu a.khuyenmai{  
border: 1px solid #fff;
    color: #fff;
    background-color: #0A7A33;
    border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
   
}
.toprightmenu a.khuyenmai:hover, .toprightmenu a.khuyenmai:visited{
 /* background: none; */
}
@media screen and (min-width: 992px) {
  .toprightmenu {
  /* display: none;*/
  }
  .grid-child.container-below-top{
    display: none;
  }
  .homect span.image-title{
    display: none;
  }
}

@media screen and (max-width: 992px) {  
  .container-topbar{
  display:none;
  }
  .homect img{
    display:none;
  }
}


img.logo.d-inline-block{
  width: 140px;
  margin-top: 8px;
}
.container-header .container-nav{
  background: #27aae1;
  /*background: #000C09;*/
}
.footer{
 /*background: #178ed5;*/
  background: #27AAE1;
  color: #06093F;
}
.container-footer .mod-custom{
  margin: auto;
}
.container-footer p{
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 767.98px){
  .container-header .container-nav .container-search, .container-header .container-nav nav{
  margin-top: 0;
  }
}
.sidebar-right .card-body{
  padding-bottom: 0;
}
ul.fun88link{
  text-align:center;
}
ul.fun88link li{
  padding: 8px;
  margin: 2px; 
  display: inline;  
}
ul.fun88link li a{  

 
  text-decoration: none;
}
.linkitem1{
  background: #87e396;
}
.linkitem2{
  background: #8dc0fd;
}
figure{
  text-align: center;
}
.container-topbar{
  text-align: center; 
}

.container-topbar a:link{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 8px;
  line-height:53px;  
  border: 1px solid #fff;
}
.container-topbar a:hover, .container-topbar a:visited, .container-topbar a:active, .container-footer a:hover, .container-footer a:visited, .container-footer a:active{
  color: #fff;
}
.footer .grid-child{
  padding: 1rem .5em;
}
div#mod-custom119{
  margin: auto;
}
div#mod-custom119 p{
  margin:0;
}
figure img{
  border: 1px solid #ccc;
  padding: 4px;
}
@media screen and (min-width: 992px) {
  video {
    width: 720px;
    display: table;
    margin: auto;
  }
}
.pcenter{
  text-align: center;
}
/*
.com-content-article__body img, .item-content img, .category-desc img{
  width: 640px;
  height: auto;
  display: block;
  margin: auto;
}

@media (min-width: 480px) and (max-width:767px){
.com-content-article__body img, .item-content img, .category-desc img{
  width: 460px;
  max-width: 460px;
  } 
}
@media (min-width: 425px) and (max-width:479px){
.com-content-article__body img, .item-content img, .category-desc img{
  width: 410px;
  max-width: 410px;
  }
}

@media (min-width: 375px) and (max-width:424px){
.com-content-article__body img, .item-content img, .category-desc img{
  width: 360px;
  max-width: 360px;
  }
}
@media (max-width:374px){
.com-content-article__body img, .item-content img, .category-desc img{
  width: 305px;
  max-width: 305px;
  }
 
}
*/
/*
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span{
  color: #06093F;
}
*/
.footer a{
  color: #06093F !important;
}
#navbar110 .container-header .mod-menu>li{
  padding: 8px;
  text-transform: uppercase !important;
  font-weight: bold;
}
div.srm_position{
  width: 3em !important;
}


/* Thu nhỏ nút Get Code còn khoảng 50% */
.verificationWidget_64dd72f6__encodelink-button__logo-container{
  display: none;
}
.verificationWidget_64dd72f6__encodelink-button__content{
  font-size: 0;
  padding-left:0;
    font-size: 15px !important;
  padding-left: 10px !important;
}
.fixtures-league-title{
  font-weight:400;
  margin-bottom:8px;
  position:relative;
  left:-8px;
}
.container-header .navbar-brand{
  font-size:0em;
  min-height: 80px;
    /* background: yellow; */
    align-items: center;
    display: flex;
  }
.container-header .container-nav{
  padding-bottom:0.5em;
}

.container-header nav{
  margin-top:0;
}
/* Mobile: nhỏ hơn 768px */
@media (max-width: 768px) {
    body.wrapper-fluid header > .grid-child,
    body.wrapper-fluid footer > .grid-child {
        padding-left: 1em;
        padding-right: 1em;
    }
  body.wrapper-fluid .site-grid{
    grid-gap:0 1em;
  }
}
/* Module gioithieu */
.fun88-usp {
  margin: 20px 0;
}

.fun88-usp__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.fun88-usp__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  padding: 14px 14px;
}

.fun88-usp__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 143, 255, .12);
  flex: 0 0 44px;
  font-size: 20px;
  line-height: 1;
}

.fun88-usp__title {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 700;
}

.fun88-usp__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(0,0,0,.75);
}

.fun88-usp__note {
  margin-top: 14px;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  padding: 12px 14px;
}

.fun88-usp__note p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Tablet: 2 cột */
@media (max-width: 992px) {
  .fun88-usp__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: 1 cột */
@media (max-width: 576px) {
  .fun88-usp__grid {
    grid-template-columns: 1fr;
  }
  .fun88-usp__item {
    padding: 12px;
  }
  .fun88-usp__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    font-size: 18px;
  }
}
/*end css gioithieu*/


/* Related posts block lienquan */
.related-posts {
    margin-top: 30px;
    padding: 20px;
    background: #f7f9fc;
    border-radius: 8px;
}

.related-posts h3 {
    font-size: 1.25rem;
    margin-bottom: 12px;
    border-left: 4px solid #27AAF5;
    padding-left: 10px;
}

.related-posts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.related-posts li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.related-posts li:last-child {
    border-bottom: none;
}

.related-posts a {
    text-decoration: none;
    color: #0d6efd;
    font-weight: 500;
}

.related-posts a:hover {
    text-decoration: underline;
}
/* end gioithieu */

/* h1h2h3 */
/* ================================
   Cassiopeia Typography Override
   Focus: article content hierarchy
   ================================ */

/* Base readability (article only) */
.com-content-article .com-content-article__body,
.com-content-article .com-content-article__body p,
.item-page,
.item-page p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 14px;
  word-break: break-word;
}

/* Headings - article only (desktop/tablet) */
.com-content-article .com-content-article__body h1,
.item-page h1 {
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 14px;
  font-weight: 800;
  letter-spacing: -0.3px;
}

.com-content-article .com-content-article__body h2,
.item-page h2 {
  font-size: 22px;
  line-height: 1.35;
  margin: 26px 0 12px;
  font-weight: 800;
  letter-spacing: -0.2px;
}

.com-content-article .com-content-article__body h3,
.item-page h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 18px 0 10px;
  font-weight: 700;
}

.com-content-article .com-content-article__body h4,
.item-page h4 {
  font-size: 17px;
  line-height: 1.45;
  margin: 16px 0 8px;
  font-weight: 700;
}

/* Anchor offset for TOC / sticky header */
.com-content-article .com-content-article__body h1,
.com-content-article .com-content-article__body h2,
.com-content-article .com-content-article__body h3,
.item-page h1,
.item-page h2,
.item-page h3 {
  scroll-margin-top: 90px; /* chỉnh nếu header cao hơn */
}

/* Improve first paragraph spacing under H1 */
.com-content-article .com-content-article__body h1 + p,
.item-page h1 + p {
  margin-top: 8px;
}

/* Links in content */
.com-content-article .com-content-article__body a,
.item-page a {
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* ================================
   Mobile adjustments (article only)
   ================================ */
@media (max-width: 768px) {
  .com-content-article .com-content-article__body,
  .com-content-article .com-content-article__body p,
  .item-page,
  .item-page p {
    font-size: 15px;
    line-height: 1.75;
  }

  .com-content-article .com-content-article__body h1,
  .item-page h1 {
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 12px;
  }

  .com-content-article .com-content-article__body h2,
  .item-page h2 {
    font-size: 22px;
    line-height: 1.35;
    margin: 22px 0 10px;
  }

  .com-content-article .com-content-article__body h3,
  .item-page h3 {
    font-size: 20px;
    line-height: 1.4;
    margin: 16px 0 8px;
  }

  .com-content-article .com-content-article__body h1,
  .com-content-article .com-content-article__body h2,
  .com-content-article .com-content-article__body h3,
  .item-page h1,
  .item-page h2,
  .item-page h3 {
    scroll-margin-top: 75px;
  }
}

/* =========================================
   SIDEBAR / MODULE typography (Cassiopeia)
   Make module headings smaller than article
   ========================================= */

/* Module title wrapper (Card header) */
.sidebar-right .moduletable .card-header,
.sidebar-left  .moduletable .card-header,
.sidebar-right .module .card-header,
.sidebar-left  .module .card-header {
  padding: 10px 12px;
}

/* Module title inside header */
.sidebar-right .moduletable .card-header h3,
.sidebar-left  .moduletable .card-header h3,
.sidebar-right .module .card-header h3,
.sidebar-left  .module .card-header h3 {
  font-size: 20px !important;
  line-height: 1.35;
  margin: 0 !important;
  font-weight: 700;
  letter-spacing: 0;
}

/* Some modules render title as direct h3 (no card header) */
.sidebar-right .moduletable > h3,
.sidebar-left  .moduletable > h3,
.sidebar-right .module > h3,
.sidebar-left  .module > h3 {
  font-size: 20px !important;
  line-height: 1.35;
  margin: 10px 0 8px !important;
  font-weight: 700;
}

/* Sidebar link text */
.sidebar-right .moduletable a,
.sidebar-left  .moduletable a {
  font-size: 14px;
  line-height: 1.55;
}

/* Mobile: module title a bit smaller */
@media (max-width: 768px) {
  .sidebar-right .moduletable .card-header h3,
  .sidebar-left  .moduletable .card-header h3,
  .sidebar-right .module .card-header h3,
  .sidebar-left  .module .card-header h3,
  .sidebar-right .moduletable > h3,
  .sidebar-left  .moduletable > h3,
  .sidebar-right .module > h3,
  .sidebar-left  .module > h3 {
    font-size: 14px !important;
  }
}
/*end h1h2h3 article */

/* h1h2h3 category */
/* ================================
   Typography for Category/Blog views
   (Cassiopeia listing pages)
   ================================ */

.com-content-category-blog h1,
.com-content-category h1,
.blog h1 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 16px;
  font-weight: 800;
}

.com-content-category-blog h2,
.com-content-category h2,
.blog h2 {
  font-size: 22px;
  line-height: 1.35;
  margin: 24px 0 12px;
  font-weight: 800;
}

.com-content-category-blog h3,
.com-content-category h3,
.blog h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 10px;
  font-weight: 700;
}

.com-content-category-blog p,
.com-content-category p,
.blog p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 14px;
}

/* Mobile for category pages */
@media (max-width: 768px) {

  .com-content-category-blog h1,
  .com-content-category h1,
  .blog h1 {
    font-size: 24px;
  }

  .com-content-category-blog h2,
  .com-content-category h2,
  .blog h2 {
    font-size: 22px;
  }

  .com-content-category-blog h3,
  .com-content-category h3,
  .blog h3 {
    font-size: 20px;
  }

  .com-content-category-blog p,
  .com-content-category p,
  .blog p {
    font-size: 14px;
  }
}

/* =====================================
   Brand color hierarchy for headings
   Fun88 style
   ===================================== */

/* H1 - quan trọng nhất: đậm và rõ */
.com-content-article .com-content-article__body h1,
.item-page h1,
.com-content-category-blog h1,
.com-content-category h1,
.blog h1 {
  color: #0f172a;   /* gần đen, nhưng dịu hơn #000 */
}

/* H2 - gần như H1 nhưng nhẹ hơn chút */
.com-content-article .com-content-article__body h2,
.item-page h2,
.com-content-category-blog h2,
.com-content-category h2,
.blog h2 {
  color: #111827;
}

/* H3 - nhạt hơn 1 cấp và ngả tone xanh Fun88 */
.com-content-article .com-content-article__body h3,
.item-page h3,
.com-content-category-blog h3,
.com-content-category h3,
.blog h3 {
  color: #1e3a8a;   /* xanh đậm nhẹ, đồng*




/* end h1h2h3 categoru */
  .container-banner{
    margin: 0;
  }
  table{
    margin-bottom: 10px;
}