/* font */
:root {
    --main-font: "Inter", sans-serif;
    /* --primary-color: #1890FF; */
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3,
h3.is-large {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p,
ul,
ol,
li {
    font-size: 16px;
    line-height: 1.4;
}

body {
    font-family: var(--main-font);
    font-style: normal;
}

.nav > li > a {
    font-family: var(--main-font);
    font-size: 0.9rem;
    font-weight: bold;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: var(--main-font);
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 500;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: var(--main-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 700;
    font-style: normal;
}

/* common */
.absolute-footer{
    display: none;
}
html,
.mfp-content {
    background-color: #000 !important;
}

figure {
    margin: 1rem auto!important;
    max-width: 100%;
}

figcaption {
    text-align: center;
    background-color: rgb(240, 240, 240);
    line-height: 2;
}

.a-logo {
    max-width: 200px;
}

.menu-item .nav-dropdown {
    padding: 0 !important;
}

/* .a-search */
.a-search h1 {
    justify-content: center;
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
}

/* .a-heading */
.a-heading b,
.a-heading-left b {
    display: none;
}

.a-heading .section-title,
.a-heading-left .section-title {
    border: unset;
}

.a-heading .section-title {
    justify-content: center;
}

.a-heading-left .section-title {
    justify-content: flex-start;
}

.a-heading .section-title span,
.a-heading-left .section-title span {
    border: unset;
    margin: unset;
    padding: unset;
}

.a-heading-left .section-title span {
    text-align: left;
}

.a-heading .section-title span {
    text-align: center;
}

/* .a-sidebar */

.a-sidebar .is-divider{
    display: none;
}
.a-sidebar > .col-inner .is-divider {
    display: none;
}

.col-inner:has(.a-sidebar) {
    position: sticky;
    top: 110px;
}

.a-sidebar .a-heading {
    margin-bottom: 0.5rem;
}

.a-sidebar .a-heading .section-title {
    margin-bottom: unset;
    font-size: 20px;
}

.a-sidebar .post-item .box {
    display: flex;
    gap: 10px;
    padding: 5px 0;
    align-items: center;
}

.a-sidebar .post-item:first-child .box {
    border-top: unset;
}

.a-sidebar .post-item .box-text {
    padding: unset;
}

.a-sidebar .post-item .post-title {
    font-size: 16px;
}

.a-sidebar .post-item .box-image {
    width: 40% !important;
}

/* .a-cate */
.a-cate .category-page-title .page-title-inner .flex-col:first-child,
.a-cate .category-page-title .page-title-inner .flex-col:last-child {
    display: none;
}

.a-cate .category-page-title .page-title-inner .flex-col {
    margin: unset;
}

.a-cate .category-page-title .page-title-inner {
    padding: unset;
}

/* at_posts_related */
#at_posts_related .text-center {
    text-align: left;
}

#at_posts_related .row {
    margin-left: -5px;
    margin-right: -5px;
}

#at_posts_related .col {
    padding-left: 5px;
    padding-right: 5px;
}

#at_posts_related .is-divider,
#at_posts_related .badge {
    display: none;
}

/* .a-footer */
.a-footer .ux-menu .ux-menu-title {
    color: var(--fs-experimental-link-color);
    font-size: 1rem;
}

.a-footer .ux-menu .ux-menu-link__link {
    color: #fff;
}

.a-footer .ux-menu .ux-menu-link__link:hover {
    color: var(--fs-experimental-link-color);
}

.rank-math-breadcrumb a, .rank-math-breadcrumb span {
    font-weight: bold;
}
.searchform-wrapper{
    z-index: 999;
}

.gameType {
    display: table;
    width: 1000px;
    margin: 0 auto
}

.gameTypeList {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    height: 250px
}

.exterior {
    transition: all .5s ease
}

.exterior img {
    display: block;
    margin: 0 auto
}

.exterior h5 {
    color: #333;
    font-weight: 400;
    font-size: 15px
}

.in {
    opacity: 0;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none
}

.gameTypeList:hover .exterior {
    opacity: 0
}

.gameTypeList:hover .in {
    display: block;
    opacity: 1
}

.liveGame:hover {
    animation: liveGame .5s forwards;
    -webkit-animation: liveGame .5s forwards;
    cursor: pointer
}

.icon_liveGame,.icon_liveGame_activity {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat -3px 0;
    width: 175px;
    height: 165px;
    margin: 5px auto -5px
}

.icon_liveGame_activity {
    background-position: -688px 0
}

@keyframes liveGame {
    from {
        width: 290px
    }

    to {
        width: 470px
    }
}

@-webkit-keyframes liveGame {
    from {
        width: 290px
    }

    to {
        width: 470px
    }
}

.liveGame_in {
    position: relative;
    height: 250px;
    left: 40px
}

.gameTypeList.off .liveGame_in {
    cursor: not-allowed
}

.LG_bg {
    position: absolute;
    bottom: 0;
    left: -20px;
    opacity: 0;
    animation: LG_bg 1s ease forwards;
    -webkit-animation: LG_bg 1s ease forwards
}

@keyframes LG_bg {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes LG_bg {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.LG01_people {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat left -189px;
    width: 470px;
    height: 186px;
    position: absolute;
    top: 0;
    left: -28px;
    animation: LG01_people 1.1s ease .3s forwards;
    -webkit-animation: LG01_people 1.1s ease .3s forwards;
    opacity: 0
}

@keyframes LG01_people {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes LG01_people {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.LG_text01 {
    animation: LG_text01 .5s ease .8s forwards;
    -webkit-animation: LG_text01 1s ease .8s forwards;
    position: absolute;
    left: -55px;
    bottom: 13px;
    display: block;
    z-index: 2;
    opacity: 0;
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat left -376px;
    width: 385px;
    height: 35px
}

@keyframes LG_text01 {
    from {
        transform: translate(-8%,0);
        transform-origin: 0% 100%;
        opacity: 0
    }

    to {
        transform: translate(0,0);
        transform-origin: 0% 100%;
        opacity: 1
    }
}

@-webkit-keyframes LG_text01 {
    from {
        -webkit-transform: translate(-8%,0);
        -webkit-transform-origin: 0% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0);
        -webkit-transform-origin: 0% 100%;
        opacity: 1
    }
}

.btn_LG_playGame,.btn_LG_playGame_off {
    border-radius: 3px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    right: 10px;
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
    animation: btn_LG_playGame .5s ease 1.3s forwards;
    -webkit-animation: btn_LG_playGame .5s ease 1.3s forwards;
    opacity: 0
}

.btn_LG_playGame {
    padding: 6px 9px 7px 28px;
    background-color: #000;
    right: 30px
}

.gameTypeList.off .btn_LG_playGame {
    display: none
}

.btn_LG_playGame:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent rgba(255,255,255,.8)
}

.btn_LG_playGame:hover {
    background-color: #333
}

.btn_LG_playGame_off {
    padding: 6px 11px 7px;
    display: none;
    background-color: #888;
    cursor: not-allowed
}

.gameTypeList.off .btn_LG_playGame_off {
    display: block
}

.btn_LG_playGame_off:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0
}

.btn_LG_playGame_off img {
    margin-right: 10px;
    vertical-align: top
}

@keyframes btn_LG_playGame {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes btn_LG_playGame {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sportsLive:hover {
    animation: sportsLive .5s forwards;
    -webkit-animation: sportsLive .5s forwards;
    cursor: pointer
}

.icon_sportsLive {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat -179px 8px;
    width: 165px;
    height: 165px;
    margin: 0 auto
}

@keyframes sportsLive {
    from {
        width: 290px
    }

    to {
        width: 450px
    }
}

@-webkit-keyframes sportsLive {
    from {
        width: 290px
    }

    to {
        width: 450px
    }
}

.sportsLive_in {
    position: relative;
    height: 250px
}

.gameTypeList.off .sportsLive_in {
    cursor: not-allowed
}

.SL01 {
    position: relative;
    width: 230px;
    height: 250px;
    top: 0;
    bottom: 0;
    left: 60px;
    margin: auto 0
}

.SL_bg {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat left -415px;
    width: 353px;
    height: 203px;
    position: absolute;
    bottom: 44px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    animation: SL_bg .15s ease-in .5s forwards;
    -webkit-animation: SL_bg .15s ease-in .5s forwards
}

@keyframes SL_bg {
    0% {
        transform: translate(0,-20%);
        opacity: 0
    }

    50% {
        transform: translate(0,0);
        opacity: 1
    }

    75% {
        transform: translate(0,-4%);
        opacity: 1
    }

    100% {
        transform: translate(0,0);
        opacity: 1
    }
}

@-webkit-keyframes SL_bg {
    0% {
        -webkit-transform: translate(0,-20%);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(0,0);
        opacity: 1
    }

    75% {
        -webkit-transform: translate(0,-4%);
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1
    }
}

[class*=SL_text] {
    text-shadow: 1px 1px 2px #000,-1px -1px 3px rgba(0,0,0,.1);
    font-size: 23px;
    font-weight: 700;
    position: absolute;
    z-index: 5;
    opacity: 0
}

.SL_text01,.SL_text02 {
    color: #ff8485;
    font-weight: 700;
    animation: SL_text01 .9s ease .6s forwards;
    -webkit-animation: SL_text01 .9s ease .6s forwards;
    left: 72px;
    top: 134px
}

.SL_text02 {
    left: 96px;
    top: 152px
}

@keyframes SL_text01 {
    from {
        transform: skew(0,-6deg) translate(-2%,0);
        opacity: 0
    }

    to {
        transform: skew(0,-6deg) translate(3%,0);
        opacity: 1
    }
}

@-webkit-keyframes SL_text01 {
    from {
        transform: skew(0,-6deg) translate(-2%,0);
        opacity: 0
    }

    to {
        transform: skew(0,-6deg) translate(3%,0);
        opacity: 1
    }
}

.SL_text03 {
    color: #fff;
    animation: SL_text02 .9s ease .6s forwards;
    -webkit-animation: SL_text02 .9s ease .6s forwards;
    right: 166px;
    top: 175px
}

@keyframes SL_text02 {
    from {
        transform: skew(0,-6deg) translate(5%,0);
        opacity: 0
    }

    to {
        transform: skew(0,-6deg) translate(0,0);
        opacity: 1
    }
}

@-webkit-keyframes SL_text02 {
    from {
        transform: skew(0,-6deg) translate(5%,0);
        opacity: 0
    }

    to {
        transform: skew(0,-6deg) translate(0,0);
        opacity: 1
    }
}

.btn_SL_playGame,.btn_SL_playGame_off {
    border-radius: 3px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 255px;
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
    animation: btn_SL_playGame .5s ease .8s forwards;
    -webkit-animation: btn_SL_playGame .5s ease .8s forwards;
    opacity: 0
}

.btn_SL_playGame {
    background-color: #ff8485;
    padding: 6px 9px 7px 28px
}

.gameTypeList.off .btn_SL_playGame {
    display: none
}

.btn_SL_playGame:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent rgba(255,255,255,.8)
}

.btn_SL_playGame:hover {
    background-color: #ffa5a6
}

.btn_SL_playGame_off {
    padding: 6px 11px 7px;
    display: none;
    background-color: #888;
    cursor: not-allowed;
    height: 18px
}

.gameTypeList.off .btn_SL_playGame_off {
    display: block
}

.btn_SL_playGame_off:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0
}

.icon_maintain_w {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat -41px -819px;
    width: 21px;
    height: 21px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block
}

@keyframes btn_SL_playGame {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes btn_SL_playGame {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.freeMovie:hover {
    animation: freeMovie .5s forwards;
    -webkit-animation: freeMovie .5s forwards;
    cursor: pointer
}

.icon_freeMovie {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat -345px 5px;
    width: 155px;
    height: 165px;
    margin: auto
}

@keyframes freeMovie {
    from {
        width: 290px
    }

    to {
        width: 420px
    }
}

@-webkit-keyframes freeMovie {
    from {
        width: 290px
    }

    to {
        width: 420px
    }
}

.freeMovie_in {
    position: relative;
    height: 235px;
    margin-bottom: 15px;
    overflow: hidden
}

.gameTypeList.off .freeMovie_in {
    cursor: not-allowed
}

.FM02_blurry {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat -358px -439px;
    width: 353px;
    height: 212px;
    position: absolute;
    right: 38px;
    bottom: 0;
    animation: FM02_blurry .4s ease-out .4s forwards;
    -webkit-animation: FM02_blurry .4s ease-out .4s forwards;
    opacity: 0;
    z-index: 2
}

@keyframes FM02_blurry {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes FM02_blurry {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.FM_text01 {
    color: #00c2ff;
    text-shadow: 1px 1px 2px #000;
    font-size: 32px;
    font-weight: 700;
    animation: FM_text01 1s ease .7s forwards;
    -webkit-animation: FM_text01 1s ease .7s forwards;
    position: absolute;
    right: 70px;
    top: 75px;
    z-index: 5;
    opacity: 0
}

@keyframes FM_text01 {
    from {
        transform: translate(10%,0);
        opacity: 0
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

@-webkit-keyframes FM_text01 {
    from {
        -webkit-transform: translate(10%,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0);
        opacity: 1
    }
}

.FM_text02 {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 25px;
    font-weight: 700;
    animation: FM_text02 1s ease .7s forwards;
    -webkit-animation: FM_text02 1s ease .7s forwards;
    position: absolute;
    right: 70px;
    top: 120px;
    z-index: 5;
    opacity: 0
}

@keyframes FM_text02 {
    from {
        transform: translate(-10%,0);
        opacity: 0
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

@-webkit-keyframes FM_text02 {
    from {
        -webkit-transform: translate(-10%,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0);
        opacity: 1
    }
}


.btn_FM_playGame,.btn_FM_playGame_off {
    border-radius: 3px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 17px;
    font-size: 16px;
    z-index: 3;
    cursor: pointer;
    animation: btn_FM_playGame .5s ease 1.2s forwards;
    -webkit-animation: btn_FM_playGame .5s ease 1.2s forwards;
    opacity: 0
}

.btn_FM_playGame {
    padding: 6px 9px 7px 28px;
    background-color: #0063eb
}

.gameTypeList.off .btn_FM_playGame {
    display: none
}

.btn_FM_playGame:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent rgba(255,255,255,.8)
}

.btn_FM_playGame:hover {
    background-color: #007eff
}

.btn_FM_playGame_off {
    padding: 6px 11px 7px;
    display: none;
    background-color: #888;
    cursor: not-allowed
}

.gameTypeList.off .btn_FM_playGame_off {
    display: block
}

.btn_FM_playGame_off:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0
}

.btn_FM_playGame_off img {
    margin-right: 10px;
    vertical-align: top
}

@keyframes btn_FM_playGame {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes btn_FM_playGame {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.outtake:hover {
    animation: liveGame .5s forwards;
    -webkit-animation: outtake .5s forwards;
    cursor: pointer
}

.icon_outtake {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat -506px 8px;
    width: 165px;
    height: 165px;
    margin: 0 auto
}

@keyframes outtake {
    from {
        width: 290px
    }

    to {
        width: 470px
    }
}

@-webkit-keyframes outtake {
    from {
        width: 290px
    }

    to {
        width: 470px
    }
}

.outtake_in {
    position: relative;
    height: 250px
}

.gameTypeList.off .outtake_in {
    cursor: not-allowed
}

.outtake_people {
    background: url(/wp-content/uploads/2025/06/icon_indexImg.png) no-repeat -490px -200px;
    width: 346px;
    height: 180px;
    position: absolute;
    top: 15px;
    left: 90px;
    animation: outtake_people 1.1s ease .3s forwards;
    -webkit-animation: outtake_people 1.1s ease .3s forwards;
    opacity: 0
}

@keyframes outtake_people {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes outtake_people {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.outtake_text {
    color: #e4007f;
    font-size: 23px;
    letter-spacing: -1px;
    font-weight: 700;
    animation: outtake_text .5s ease .8s forwards;
    -webkit-animation: outtake_text 1s ease .8s forwards;
    position: absolute;
    left: 95px;
    bottom: 18px;
    display: block;
    z-index: 2;
    opacity: 0
}

@keyframes outtake_text {
    from {
        transform: translate(-8%,0);
        transform-origin: 0% 100%;
        opacity: 0
    }

    to {
        transform: translate(0,0);
        transform-origin: 0% 100%;
        opacity: 1
    }
}

@-webkit-keyframes outtake_text {
    from {
        -webkit-transform: translate(-8%,0);
        -webkit-transform-origin: 0% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0);
        -webkit-transform-origin: 0% 100%;
        opacity: 1
    }
}

.btn_outtake,.btn_outtake_off {
    border-radius: 3px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
    animation: btn_outtake .5s ease 1.3s forwards;
    -webkit-animation: btn_outtake .5s ease 1.3s forwards;
    opacity: 0
}

.btn_outtake {
    padding: 6px 9px 7px 28px;
    background-color: #e4007f;
    right: 40px
}

.gameTypeList.off .btn_outtake {
    display: none
}

.btn_outtake:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent rgba(255,255,255,.8)
}

.btn_outtake:hover {
    background-color: #f6299b
}

.btn_outtake_off {
    padding: 6px 11px 7px;
    display: none;
    background-color: #888;
    cursor: not-allowed;
    right: -5px
}

.gameTypeList.off .btn_outtake_off {
    display: block
}

.btn_outtake_off:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto 0
}

.btn_outtake_off img {
    margin-right: 10px;
    vertical-align: top
}

@keyframes btn_outtake {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes btn_outtake {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
