@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}
.list-style-none{
    list-style: none;
}
.text-decoration-none{
    text-decoration: none;
}
.clearfix{
    clear:both;
}
.main-menu ul li .live-indicator-block i{
    color: red;
}
.main-menu ul li a{
    padding: 10px 15px;
    transition: all 0.3s ease;
    border-left: 1px solid #00b360;
    position: relative;
}
.main-menu ul li a:hover{
    background: #006435 !important;
}
.menu-link img {
    transition: transform 0.3s ease-in-out;
    margin-top: -3px;
    height: 18px;
    width: auto;
}
.menu-link:hover img {
    transform: scale(1.2);
}
.main-menu ul li a:before{
    content: "";
    width: 1px;
    height: 100%;
    background: #474747;
    position: absolute;
    left: 0;
    top: 0;
}
.main-menu ul li:first-child a, .main-menu ul li:first-child a:before{
    content: "";
    border-left: 0;
    background: transparent;
}
.main-menu ul li.active a{
    background: #0a6239;
}
.bg-gray{
    background: #f1f1f1;
}
.bg-active{
    background-color: #3c3b3b !important;
    color: #fff;
}
.fw-medium{
    font-weight: 500 !important;
}
.fs-11{
    font-size: 11px;
}
.fs-12{
    font-size: 12px;
}
.fs-13{
    font-size: 13px;
}
.fs-14{
    font-size: 14px;
}
.fs-15{
    font-size: 15px;
}
.lh-20{
    line-height: 20px;
}
.table-layout-fixed{
    table-layout: fixed;
}
.cursor-pointer{
    cursor: pointer;
}
.sidear-news-title h2{
    padding: 12px;
}
.home-sidebar ul li a{
    border-bottom: 1px solid #f1f1f1;
}
.home-sidebar ul li a:hover{
    background: #f8f8f8;
}
.home-content table tr:last-child td, .bxh-sidebar table tr:last-child td{
    border-bottom: none;
}
.policy-links a, .list-links-footer a{
    border-right: 1px solid #5b5b5b;
    padding: 0 8px;
}
.policy-links a, .list-links-footer a:first-child{
    padding-left: 0;
}
.list-links-footer a{
     color: #525252;
}
.policy-links a:last-child, .list-links-footer a:last-child{
    border-right: none;
}
.list-country-button .btn, .bg-light-2{
    background: #6c6c6c;
}
.bg-success:hover, .btn-success:hover{
    background: #198754 !important;
}
.sub-menu-odds a:hover, .list-country-button a:hover, .button-dark-hover:hover{
     background: #373737;
     color: #fff !important;
}

.accordion-item span{

}
.accordion-item span:focus{
    box-shadow: none;
    background: transparent;
}
.accordion-button::after{
    width: 14px;
    height: 14px;
    background-size: 14px;
}
.accordion-item table tr:last-child td, .table-kqbd tbody tr:last-child td{
    border-bottom: none;
}
.title-sidebar-news, .bg-sidebar-wrapper{
    background: #dce0e4;
}
.bxh-sidebar table, .sidebar-bg{
    background-color: rgba(0, 0, 0, 0.05);
}
.bxh-sidebar table tr:last-child td{
    background-color: yellow;
}
.sidebar-widget a, .sidebar-widget span{
    color: #000000;
}
.sidebar-widget table tr:last-child{
    border-bottom: none !important;
}
.title-sidebar-news h4 a, .sidebar-widget h4 a, .bxh-sidebar h4 a{
    border-left: 4px solid #198754;
}
#kqbd-soccer-accordion .accordion-header{
    border-bottom: 1px solid #f1f1f1;
}
#kbd-soccer-accordion table td, #kbd-soccer-taxonomy table td{
    border-collapse: collapse;
    border: 1px solid #fff;
    padding: 0 5px;
}
#kbd-soccer-accordion table tr:nth-child(even) td{
    background-color: #c6d4f1;
}
#kbd-soccer-accordion table tr:nth-child(odd) td{
    background-color: #e4e4e4;
}
.nhan-dinh-item .live{
    border-radius: 50px;
    border: 1px solid #198754;;
}
.nhan-dinh-item div.border-bottom:last-child{
    border-bottom: 0 !important;
}
.live-indicator-block .live-indicator-online {
  display: inline-block;
}
.live-indicator-block .live-indicator-online .blink {
  animation: blinker .5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}
.redCard-archive{
    height: 15px;
}
.rank-math-breadcrumb p{
    margin-bottom: 0 !important;
}
.rank-math-breadcrumb a{
    text-decoration: none;
}
.page-content-right ul li a:hover, .rank-math-breadcrumb a, .topbar ul li a:hover, .link-hover:hover{
    color: #198754 !important;
}
.no-hover:hover{
    background: #bb2d3b !important;
}
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.form-draws{
    padding: 2px 4px;
    border-radius: 2px;
    margin: 0 1px;
}
#bxhTab .nav-link.active{
    background-color: #393939 !important;
    color: #fff;
}
@keyframes blinker {
    50% {
        opacity: 0
    }
}


.button-ads a {
    padding: 6px 10px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
    background-color: red;
    border-radius: 6px;
}

.button-ads a.button-ads-2 {
    background-color: #EFB732;
}

.button-ads a.button-ads-3 {
    background-color: #7063CE;
}

.button-ads a.button-ads-4 {
    background-color: #4FCAE8;
}

.slider-ads{
    background-image: linear-gradient(#009B3A, #003922);
}
.slider-ads h3{
    border-left: 5px solid red;
}
.action-bets span{
    padding: 3px 0;;
}
.action-bets span:last-child{
    background: #11ac17;
}
.slider-ads .owl-prev, .slider-ads .owl-next{
    position: absolute;
    background: rgba(255, 255, 255, .8) !important;
    width: 24px;
    height: 24px;
    top: 20%;
}
.slider-ads .owl-prev span, .slider-ads .owl-next span{
    font-size: 25px;
    line-height: 20px;
}
.slider-ads .owl-prev{
    left: -5px;
}
.slider-ads .owl-next{
    right: -5px;
}
#bxh-bong-da ul li a{
    border-bottom: 1px solid #e5e5e5;
}
.bxh-primary a:hover i{
    color: #dc3545 !important;
}
.date-form input{
    border: 1px solid #d5d5d5;
    font-size: 14px;
    padding: 3px 5px;
    color: #000000;
    border-radius: 3px;
    text-align: center;
}
.date-form input:focus{
    outline: none;
}
#kbd-soccer-taxonomy table tr:nth-child(odd) td{
    background-color: #ffffff;
}
.rank-math-breadcrumb > p > a:first-of-type::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f015"; 
    font-weight: 900;
    margin-right: 0.25rem;
    display: inline-block;
}
.rank-math-breadcrumb a{
    font-weight: 500;
}
.detail-score {
    font-size: 60px;
}

.match-score-divider {
    font-size: 28px;
    color: #dbdade;
}
.box-odds-header{
    width: 50%;
    margin: 0 auto;
    margin-top: 20px;
}
.box-odds-title.title-top {
    display: grid;
    grid-template-columns: 2fr 3fr 3fr 3fr;
}
.box-odds-title {
    background: #626262;
    box-shadow: inset 0px -1px 0px #B3B3B3;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
.box-odds-title>div {
    padding: 6px;
    height: 100%;
}
.box-odds-body {
    width: 50%;
    margin: 0 auto;
}
.box-odds-body-row {
    display: grid;
    grid-template-columns: 2fr 3fr 3fr 3fr;
    border-bottom: 1px solid #B3B3B3;
}
.box-odds-body-header {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    color: #FFFFFF;
    background: #626262;
}
.box-body-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    border-right: 1px solid #B3B3B3;
    padding: 2px;
}
.box-odds-body-row .box-body-item:last-child{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.box-body-item{
    font-size: 13px;
}
.crawl-team-border-right{
    border-right: 1px solid #B3B3B3;
}
.listing-match{
    .table {
        width: 100%;
        display: table;
        border-collapse: collapse;
        margin-bottom: 0;
        .td{
            div{
                padding: 0;
            }
        }
    }
    .row-header{
        background: #198754;
        color: #FFFFFF;
    }
    .tr{
        display: table-row;
    }
    .td{
        border: none;
        padding: 10px !important;
        border-bottom: 1px solid #f1f1f1;
        vertical-align: middle;
        display: table-cell;
        font-size: 14px;
        background: transparent;
        line-height: 20px !important;
    }
    .minute-event{
        background: #EDF2F7 !important;
    }
    img{
        padding: 0;
    }
}
.listing-match-note{
    padding: 16px;
    background: #F7F7F7;
    border-radius: 8px;
    .wrap-note-item{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        margin-bottom: 0;;
    }
    .listing-match-note-item{
        font-size: 12px;
        line-height: 28px;
        color: #5F6368;
        display: flex;
        align-items: center;
        img{
            margin-right: 4px;
        }
    }
}
.progress-container {
  height: 100%;
  position: relative;
  background: #eaeaea !important;
  overflow: hidden;
  box-shadow: inset 0px 0px 10px #88888859 !important;

  &.progress-home {
    direction: rtl;

    .progress-bar {
      direction: ltr;
    }
  }
}

.progress-bar {
  height: 100%;
  width: 0%;
  transition: width 1s ease-out;
  top: 0;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;

  &.animate {
    width: var(--target-width);
    height: 15px;
  }
}

.progress-home .progress-bar {
  background-color: #157dde;
  right: 0;
}

.progress-away .progress-bar {
  background-color: #dc3545;
  left: 0;
}
.lineup-header-home {
    text-align: right;
    background: #157dde;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
.lineup-header-away {
    text-align: left;
    background: #dc3545;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}
.lineup-header-home, .lineup-header-away {
    padding: 8px 16px;
}
.lineup-header-home img {
    float: right;
    margin-left: 10px;
}
.lineup-header-away img {
    float: left;
    margin-right: 10px;
}
.lineup-header-info {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}
.lineup-sub-wrap {
    width: 100%;
    color: #333333;
    background-color: #FFFFFF;
}
.sub-header {
    background: #F2F2F2;
    border-bottom: 1px solid #E0E0E0;
    box-shadow: inset 0px -1px 0px #EEEEEE;
    text-align: center;
    padding: 8px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.sub-detail {
    border: 1px solid #E0E0E0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.sub-header-home, .sub-header-away {
    padding: 8px 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    box-shadow: inset 0px -1px 0px #EBEBEB;
}
.player-name-wrap {
    box-shadow: inset 0px -1px 0px #F5F5F5;
    padding: 8px 30px;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #000000;
}
.player-no {
    margin: 0 8px;
    width: 20px;
    display: inline-block;
}
.match-team-stats-wrap {
    border: 1px solid #E0E0E0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.team-stats-header {
    background: #198754;
    padding: 8px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}
.team-stats-home {
    width: 28%;
    display: inline-block;
}
.team-stats-center {
    width: 42%;
    display: inline-block;
}
.team-stats-away {
    width: 28%;
    display: inline-block;
}
.team-stats-item {
    padding: 8px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0E0E0;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
}
.team-stats-item .team-stats-center {
    font-weight: 500;
}
.seasons-stats-wrap {
    text-align: center;
    background: #198754;
    color: #FFFFFF;
}
.season-stats-header {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: grid;
    grid-template-columns: 1fr 4fr 4fr;
}
.stats-team-name.home-stats {
    padding: 3px;
    background: #157dde;
    box-shadow: inset 0px -1px 0px #B3B3B3;
    display: block;
}
.stats-team-ha-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.stats-team-ha {
    border-right: 1px solid #B3B3B3;
    padding: 3px;
}
.stats-team-name.away-stats {
    padding: 3px;
    color: #FFFFFF;
    background: #dc3545;
    box-shadow: inset 0px -1px 0px #B3B3B3;
    display: block;
}
.header-empty {
    border-right: 1px solid #B3B3B3;
}
.stats-key {
    border-right: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    padding: 8px;
}
.season-stats-item {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr 2fr 2fr;
}
.stats-val {
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    padding: 8px;
}
.season-stats-body {
    background: #FFFFFF;
    color: #333333;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
}
.section-title {
    font-weight: 600;
    font-size: 22px;
    display: block;
    margin-top: 2rem;
}
.text-dark.active{
    color: #fff !important;
}
#football-tab .nav-link{
    background: #e4e4e4;
    border-right: 1px solid #fff;
}
.nav-pills .nav-link.active{
    background-color: #198754 !important;
}
.table tr td{
    padding: 6px;
}
.listing-match div.table:nth-child(2) div.tr:nth-child(odd) div.td:nth-child(3),
.listing-match .table .tr:nth-child(odd) div.minute-event{
    background-color: #d8d8d8 !important;
}
.btn-odds-type {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #626262;
    text-align: center;
    display: inline-block;
    padding: 10px 16px;
    background: #F2F2F2;
    cursor: pointer;
    border-radius: 4px;
}
.btn-odds-type.active {
    color: #FFFFFF;
    background: #30AF4A;
}
.btn-odds-bet-company {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    color: #626262;
    text-align: center;
    display: table-cell;
    padding: 10px 16px;
    background: #F2F2F2;
    cursor: pointer;
}
.btn-odds-bet-company.active {
    color: #FFFFFF;
    background: #30AF4A;
}
.btn-odds-ftht.active {
    color: #FFFFFF;
    background: #30AF4A;
}
.btn-odds-ftht {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    color: #626262;
    text-align: center;
    display: table-cell;
    padding: 10px 20px;
    background: #F2F2F2;
    cursor: pointer;
}
.odds-3in1-header {
    background: #626262;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding: 8px;
}
.odds-3in1-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
}
.text-up {
    color: #30AF4A !important;
}
.text-down {
    color: #EB5757 !important;
}
.text-up::after {
    content: url(../../img/Vector-up.png);
}
.text-down::after {
    content: url(../../img/Vector-down.png);
}
.odds-data-type {
    border: 1px solid #E0E0E0;
    width: 24px;
    height: 16px;
    display: inline-block;
}
.odds-data-type-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #333333;
}
.odds-asia-detail thead th {
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 0;
    background: #539F45;
}
.odds-asia-detail tbody td {
    border: 1px solid #E0E0E0;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #333333;
    padding: 8px 0;
}
.text-bglive {
    background: #FAFCCD;
}
.odds-asia-detail {
    border-collapse: collapse;
    width: 100%;
}
.text-bgrunning {
    background: #ECF5EE;
}
#tab-asia > div, #tab-taixiu > div{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.btn-odds-type-1x2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    color: #626262;
    text-align: center;
    display: table-cell;
    padding: 10px 20px;
    background: #F2F2F2;
    cursor: pointer;
}
.btn-odds-type-1x2.active {
    color: #FFFFFF;
    background: #30AF4A;
}
.bet-company-name {
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #005533 !important;
}
#match-detail-show{
    font-size: 15px;
}
.fw-medium{
    font-weight: 500 !important;
}
.no-data {
    padding: 50px 0 !important;
    color: #d10000;
}
.page-odds-new .item-odds-content .h-c-td1 {
    padding: 2px 5px !important;
}
.page-odds-new .item-odds-content p.odds-data span {
    color: #000;
    font-size: 12px;
}
.odds-data .right-text {
    text-align: right;
    width: 50%;
    float: right;
    color: #666;
}
.page-odds-new .box-odds-detail-new .header-content {
    background: #626262;
    margin-top: 10px;
    color: #fff;
}

.page-odds-new .header-content {
    border-bottom: 1px solid #C7C7C7;
    margin-bottom: 6px;
}
.wr-odds-content .h-c-t1{
    padding: 5px 0;
    border-bottom: 1px solid #C7C7C7;
}
.page-odds-new .header-content, .page-odds-new .item-odds-content {
    display: flex;
    padding: 0;
    font-size: 12px;
}
.page-odds-new .header-content .wr-odds-content, .page-odds-new .item-odds-content .wr-odds-content {
    width: 211px;
}
.page-odds-new .box-odds-detail-new .wr-odds-content {
    width: 50%;
}
.clear {
    clear: both;
}
.page-odds-new .header-content .h-c-td1 {
    border-right: 1px solid #C7C7C7;
}
.page-odds-new .box-odds-detail-new .h-c-td1, .page-odds-new .box-odds-detail-new .h-c-td2 {
    width: 33%;
    padding: 5px 0;
}
.page-odds-new .header-content .h-c-t2, .page-odds-new .item-odds-content .h-c-t2 {
    display: flex;
}
.page-odds-new .item-odds-content p.odds-data span.highlight {
    color: #EF4123 !important;
    font-weight: normal;
}
.page-odds-new .wr-item-odds-content .item-odds-content p.odds-data {
    background: #f5f5f5;
    padding: 5px 10px;
    border-radius: 20px;
    margin-bottom: 6px;
    font-family: Arial, Helvetica, sans-serif;
}
.gap-4px {
    gap: 4px;
}
.wr-oddother-type {
    background: #FFF;
    border-radius: 8px;
    width: 100%;
}
.oddother-type-title {
    text-align: center;
    padding: 6px 4px;
    border-bottom: 1px solid #E8E8E8;
    font-weight: bold;
}
.box-oddsother-detail .oddother-type-title {
    background: #626262;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
}
.oddother-tt-4 .wr-oddother-type-i1 {
    flex-direction: column;
}
.wr-oddother-type-i1-od, .wr-oddother-type-i1 {
    display: flex;
    gap: 4px;
}
.oddother-type-body {
    padding: 6px 4px;
}
.oddother-tt-4 .oddother-type-i1 {
    display: flex;
    background: #F5F5F5;
    border-radius: 4px;
    padding: 2px;
}
.oddother-tt-4 .oddother-type-i1-han {
    width: 50%;
    text-align: center;
    color: #EF4123;
    font-size: 12px;
}
.oddother-tt-4 .wr-oddother-type-i1-od {
    width: 50%;
    text-align: center;
    font-size: 12px;
}
.wr-oddother-type-i1-od {
    flex-direction: column;
}
.page-odds-new .oddother-tt-1 .oddother-type-i1 {
    min-width: 45px;
}
.oddother-tt-1 .oddother-type-i1 {
    min-width: 35px;
    display: flex;
    flex-direction: column;
}
.oddother-type-i1-od {
    padding: 2px;
    background: #F5F5F5;
    border-radius: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.oddother-tt-1 .oddother-type-i1-han {
    font-size: 12px;
}
.redCard {
    padding: 0 3px;
    border-radius: 2px;
    margin: 0 2px;
    transform: rotate(7deg);
    display: inline-block;
    width: 12px;
}
.accordion-header, .list-link-standing-seo .predict-by-day{
    background: #edf2f7;
    border-left: 4px solid red !important;
}
.list-link-standing-seo .predict-by-day{
    padding: .5rem;
    border: 1px solid #dee2e6;
    font-size: 15px;
    margin-top: .75rem;
}
.list-link-standing-seo i{
    font-size: 15px;
    margin-bottom: 7px;
    display: block;
}
.list-link-standing-seo table{
    width: 100%;
    border-collapse: collapse;
}
.list-link-standing-seo table thead tr{
    background: #198754;
    color: #fff;
    line-height: 22px;
    text-align: center;
}
.list-link-standing-seo table thead strong{
    font-weight: 500;
    font-size: 14px;
}
.list-link-standing-seo table thead td{
    border: 1px solid #e0e0e0;
    padding: 5px 0;
}
.list-link-standing-seo table tbody td{
    border: 1px solid #e0e0e0;
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
}
.list-link-standing-seo table tbody tr:nth-child(odd) td{
    background-color: #f1f1f1;
}
.list-link-standing-seo table tbody tr td:nth-child(2){
    text-align: left;
    padding-left: 8px;
}
.list-link-standing-seo table tbody tr td:first-child{
    padding-left: 8px;
}
.kqbd-sidebar{
    background-color: #f0f0f0;
}
.kqbd-sidebar ul li a{
    padding: 6px 0;
    border-bottom: 1px dashed #dfdfdf;
}
.kqbd-sidebar ul li:last-child a{
    border-bottom: 0;
}
.topbar ul li a:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    right: 0;
    background: #ccc;
    top: 0px;
}
.topbar ul li:last-child a:before{
    content: '';
    width: 0px;
}
.btn:focus{
    box-shadow: none !important;
    outline: none !important;
}
.text-truncate.text-round{
    max-width: 70px;
}
.category-list .list-item:last-child{
    border-bottom: 0 !important;
}
.navigation.pagination .nav-links{
    display: block;
    margin: 0 auto; 
}
.navigation.pagination .nav-links .page-numbers{
    border: 1px solid #ccc;
    color: #333;
    padding: 5px 10px;
    font-size: 14px;
    text-decoration: none;
}
.link-hover-underline:hover{
    text-decoration: underline !important;
}
.navigation.pagination .nav-links .page-numbers:hover{
    background-color: #e7e7e7;
    color: #333;
    border: 1px solid #d6d6d6;
}
.navigation.pagination .nav-links span.current{
    background-color: #198754;
    color: #fff;
    border: 1px solid #198754;
}
.news-related{
    background-color: #eaf8d2;
}
.news-related ul{
    list-style: square;
}
.news-related li a{
    border-bottom: 1px dashed #b0b0b0;
}
.news-related li:last-child a{
    border-bottom: 0;
}
.post-content img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 5px auto;
}
.post-content h2{
    font-size: 19px;
    font-weight: 700;
}
.post-content h3{
    font-size: 21px;
    font-weight: 700;
}
.post-content p{
    line-height: 24px;
    margin-bottom: 10px;
}
.post-content a{
    text-decoration: none;
}
.post-content figcaption{
    text-align: center;
}
.post-content figcaption span{
    color: #6f6f6f;
    font-style: italic;
    font-size: 14px;
}
.white-space-nowrap{
    white-space: nowrap;
}
.is-live-detail{
    top: 2rem;
}
@media (min-width: 768px) {
    .col-md-8.page-content-center {
        flex: 0 0 auto;
        width: 69.666667%;
    }
    .col-md-4.page-content-right {
        flex: 0 0 auto;
        width: 30.333333%;
    }
}