.btnInfo_right__PJbWa .btnInfo_btn__W_lVG {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/static/img/header/nav-bg.svg) no-repeat 50%;
    background-size: contain;
    width: 156px;
    height: 46px;
    margin-bottom: 5px
}

.btnInfo_right__PJbWa .btnInfo_btn__W_lVG .btnInfo_name__LCi3u {
    margin-top: -5px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500
}

.btnInfo_right__PJbWa .btnInfo_btn__W_lVG .btnInfo_playImg__h1Jji {
    margin-top: -5px;
    margin-left: 6px
}

.btnInfo_right__PJbWa .btnInfo_btn__W_lVG:last-child {
    margin-bottom: 0
}

@media(max-width:750px) {
    .btnInfo_right__PJbWa .btnInfo_btn__W_lVG {
        width: 41.6vw;
        height: 12.2666666667vw;
        margin-bottom: 1.3333333333vw
    }

    .btnInfo_right__PJbWa .btnInfo_btn__W_lVG .btnInfo_name__LCi3u {
        margin-top: -1.3333333333vw;
        font-size: 4.2666666667vw;
        line-height: 5.0666666667vw
    }

    .btnInfo_right__PJbWa .btnInfo_btn__W_lVG .btnInfo_playImg__h1Jji {
        margin-top: -1.3333333333vw;
        margin-left: 1.6vw;
        width: 6.4vw;
        height: 6.4vw
    }
}

.GoogleAd_googleAdStyle__cQdmC {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    overflow: hidden
}

.GoogleAd_googleAdStyle__cQdmC .GoogleAd_title__j6zsq {
    flex-shrink: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: #8f71f2
}

@media(max-width:750px) {
    .GoogleAd_googleAdStyle__cQdmC .GoogleAd_title__j6zsq {
        font-size: 3.2vw;
        line-height: 5.3333333333vw
    }
}

.InfoElement_info__Yr35b {
    width: 100%;
    height: 310px;
    border-radius: 36px;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    padding: 20px;
    display: flex
}

.InfoElement_info__Yr35b .InfoElement_midAd__mTCwI {
    width: 250px;
    height: 100%;
    margin-right: 15px
}

.InfoElement_info__Yr35b .InfoElement_content__2aXhi {
    flex: 1 1;
    min-width: 0;
    display: flex;
    flex-direction: column
}

.InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U {
    display: flex;
    align-items: center
}

.InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_img__jEm7r {
    width: 103px;
    height: 103px;
    border-radius: 16px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-right: 15px
}

.InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn {
    flex: 1 1;
    min-width: 0
}

.InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn .InfoElement_name__aP8oY {
    color: #0d1828;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn .InfoElement_label-list__16_2D {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
    height: 28px
}

.InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn .InfoElement_label-list__16_2D .InfoElement_label__cXQSY {
    padding: 3px 15px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 16px;
    border: 2px solid #8f71f2;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #8f71f2
}

.InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn .InfoElement_label-list__16_2D .InfoElement_label__cXQSY:last-child {
    margin-right: 0
}

.InfoElement_info__Yr35b .InfoElement_content__2aXhi .InfoElement_desc__9raz4 {
    flex: 1 1;
    min-height: 0;
    border-radius: 16px;
    background: rgba(183, 134, 245, .15);
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow: auto
}

.InfoElement_info__Yr35b .InfoElement_content__2aXhi .InfoElement_desc__9raz4 span {
    color: #697385;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.InfoElement_info__Yr35b .InfoElement_content__2aXhi .InfoElement_desc__9raz4 .InfoElement_btn__kmODG {
    display: none
}

@media(max-width:750px) {
    .InfoElement_info__Yr35b {
        height: 46.1333333333vw;
        border-radius: 4.2666666667vw;
        box-shadow: 0 1.0666666667vw 1.0666666667vw 0 rgba(0, 0, 0, .25);
        padding: 4vw 2.6666666667vw
    }

    .InfoElement_info__Yr35b .InfoElement_midAd__mTCwI {
        display: none
    }

    .InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_img__jEm7r {
        width: 17.8666666667vw;
        height: 17.8666666667vw;
        border-radius: 4.2666666667vw;
        box-shadow: 0 1.0666666667vw 1.0666666667vw 0 rgba(0, 0, 0, .25);
        margin-right: 2.9333333333vw
    }

    .InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn .InfoElement_name__aP8oY {
        font-size: 4.2666666667vw;
        line-height: 5.0666666667vw
    }

    .InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn .InfoElement_label-list__16_2D {
        margin-top: 2.6666666667vw;
        height: 7.4666666667vw
    }

    .InfoElement_info__Yr35b .InfoElement_content__detail__XsY0U .InfoElement_right-info__26aSn .InfoElement_label-list__16_2D .InfoElement_label__cXQSY {
        padding: .8vw 4vw;
        margin-right: 1.3333333333vw;
        margin-bottom: 1.3333333333vw;
        border-radius: 4.2666666667vw;
        border: .5333333333vw solid #8f71f2;
        font-size: 3.7333333333vw;
        line-height: 4.8vw
    }

    .InfoElement_info__Yr35b .InfoElement_content__2aXhi .InfoElement_desc__9raz4 {
        margin-top: 2.6666666667vw;
        border-radius: 0;
        background: transparent;
        padding: 0;
        position: relative
    }

    .InfoElement_info__Yr35b .InfoElement_content__2aXhi .InfoElement_desc__9raz4 span {
        display: block;
        color: rgba(0, 0, 0, .6);
        font-size: 3.7333333333vw;
        line-height: 5.8666666667vw;
        height: 11.7333333333vw;
        overflow: hidden
    }

    .InfoElement_info__Yr35b .InfoElement_content__2aXhi .InfoElement_desc__9raz4 .InfoElement_btn__kmODG {
        position: absolute;
        bottom: 0;
        display: block;
        color: #8f71f2;
        font-size: 3.7333333333vw;
        line-height: 5.8666666667vw;
        font-weight: 500;
        text-align: center;
        width: 100%
    }

    .InfoElement_info__Yr35b.InfoElement_expand__m2b_j {
        height: auto
    }

    .InfoElement_info__Yr35b.InfoElement_expand__m2b_j .InfoElement_content__2aXhi .InfoElement_desc__9raz4 {
        overflow: initial
    }

    .InfoElement_info__Yr35b.InfoElement_expand__m2b_j .InfoElement_content__2aXhi .InfoElement_desc__9raz4 span {
        height: 100%;
        overflow: initial;
        margin-bottom: 5.3333333333vw
    }
}

.page_game__qL_d7 {
    width: 1165px;
    margin-bottom: 40px
}

.page_game__qL_d7 .page_list__gwQ4_ {
    grid-template-columns: repeat(10, 103px);
    grid-gap: 15px;
    display: grid;
    grid-auto-flow: dense;
    justify-content: center
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__uKyV9 {
    grid-column-start: span 10;
    grid-column-end: 11;
    grid-row-end: 2;
    display: flex;
    justify-content: space-between
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w {
    width: 221px;
    margin-right: 15px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_best___WHal,
.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_popular__e203V {
    width: 100%;
    height: 488px;
    background: #fff;
    border-radius: 36px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    padding-top: 20px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_best___WHal .page_title__RI1mu,
.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_popular__e203V .page_title__RI1mu {
    font-size: 20px;
    line-height: 32px;
    color: #0d1828;
    font-weight: 600;
    margin-bottom: 7px;
    text-align: center
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_best___WHal .page_items__oGqhs,
.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_popular__e203V .page_items__oGqhs {
    grid-template-columns: repeat(2, 94px);
    grid-gap: 11px;
    display: grid;
    grid-auto-flow: dense;
    justify-content: center
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_best___WHal .page_items__oGqhs .page_item__UlJjw,
.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_popular__e203V .page_items__oGqhs .page_item__UlJjw {
    height: 94px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w .page_popular__e203V {
    margin-top: 25px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 {
    flex: 1 1;
    min-width: 0
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_midAd1__eQ2Iy,
.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_midAd2__uF1_p {
    margin: 15px 0;
    height: 110px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS,
.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k {
    grid-template-columns: repeat(6, 103px);
    grid-gap: 15px;
    display: grid;
    grid-auto-flow: dense;
    justify-content: center
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ {
    background: linear-gradient(180deg, #701be0, #385ae5);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border: 2px solid #fff;
    height: 142px;
    border-radius: 36px;
    margin: 15px 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ .page_left__Tkhs_ {
    display: flex;
    align-items: center
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ .page_left__Tkhs_ .page_img__RVqVJ {
    width: 98px;
    height: 98px;
    border-radius: 16px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ .page_left__Tkhs_ .page_name__EVab_ {
    margin-left: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__right__fUlZE {
    width: 221px;
    margin-left: 15px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__right__fUlZE .page_ad-info__HkwWN {
    width: 100%;
    height: 593px;
    margin-bottom: 25px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__right__fUlZE .page_clickToPlay__APARC {
    width: 100%;
  height: 488px;
    background: #fff;
    border-radius: 36px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    padding-top: 20px
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__right__fUlZE .page_clickToPlay__APARC .page_title__RI1mu {
    font-size: 20px;
    line-height: 32px;
    color: #0d1828;
    font-weight: 600;
    margin-bottom: 7px;
    text-align: center
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__right__fUlZE .page_clickToPlay__APARC .page_items__oGqhs {
    grid-template-columns: repeat(2, 94px);
    grid-gap: 11px;
    display: grid;
    grid-auto-flow: dense;
    justify-content: center
}

.page_game__qL_d7 .page_list__gwQ4_ .page_area__right__fUlZE .page_clickToPlay__APARC .page_items__oGqhs .page_item__UlJjw {
    height: 94px
}

@media(max-width:1225px) {
    .page_game__qL_d7 {
        width: 1047px
    }

    .page_game__qL_d7 .page_list__gwQ4_ {
        grid-template-columns: repeat(9, 103px)
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__uKyV9 {
        grid-column-start: span 9;
        grid-column-end: 10
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS,
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k {
        grid-template-columns: repeat(5, 103px)
    }

   
}

@media(max-width:1107px) {
    .page_game__qL_d7 {
        width: 929px
    }

    .page_game__qL_d7 .page_list__gwQ4_ {
        grid-template-columns: repeat(8, 103px)
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__uKyV9 {
        grid-column-start: span 8;
        grid-column-end: 9
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS,
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k {
        grid-template-columns: repeat(6, 103px)
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS>a:nth-child(n+6),
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k>a:nth-child(n+6) {
        display: block
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__right__fUlZE {
        display: none
    }
}

@media(max-width:989px) {
    .page_game__qL_d7 {
        width: 811px
    }

    .page_game__qL_d7 .page_list__gwQ4_ {
        grid-template-columns: repeat(7, 103px)
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__uKyV9 {
        grid-column-start: span 7;
        grid-column-end: 8
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS,
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k {
        grid-template-columns: repeat(5, 103px)
    }

   
}

@media(max-width:871px) {
    .page_game__qL_d7 {
        width: 693px
    }

    .page_game__qL_d7 .page_list__gwQ4_ {
        grid-template-columns: repeat(6, 103px)
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__uKyV9 {
        grid-column-start: span 6;
        grid-column-end: 7
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS,
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k {
        grid-template-columns: repeat(6, 103px)
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS>a:nth-child(n+6),
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k>a:nth-child(n+6) {
        display: block
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__left__wf48w {
        display: none
    }
}

@media(max-width:750px) {
    .page_game__qL_d7 {
        width: 100%;
        margin-bottom: 10.6666666667vw
    }

    .page_game__qL_d7 .page_list__gwQ4_ {
        grid-template-columns: repeat(3, 26.9333333333vw);
          grid-gap: 4vw;
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__uKyV9 {
        grid-column-start: span 3;
        grid-column-end: 4
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_midAd1__eQ2Iy,
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_midAd2__uF1_p {
        height: 88.5333333333vw;
        width: 100vw;
        margin: 4.2666666667vw 0 4.2666666667vw -6.6666666667vw
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_online-list__w91bS,
    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_rec-list__Po16k {
        grid-template-columns: repeat(3, 26.9333333333vw);
        grid-gap: 2.9333333333vw
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ {
        background: linear-gradient(180deg, #701be0, #385ae5);
        box-shadow: 0 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, .25);
        border: .5333333333vw solid #fff;
        height: 37.3333333333vw;
        border-radius: 4.2666666667vw;
        margin: 4.2666666667vw 0;
        padding: 6.6666666667vw 4vw
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ .page_left__Tkhs_ {
        display: flex;
        align-items: center
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ .page_left__Tkhs_ .page_img__RVqVJ {
        width: 24vw;
        height: 24vw;
        border-radius: 4.2666666667vw;
        box-shadow: 0 1.0666666667vw 1.0666666667vw rgba(0, 0, 0, .25)
    }

    .page_game__qL_d7 .page_list__gwQ4_ .page_area__mid__M0TT5 .page_btn-info__jH_G_ .page_left__Tkhs_ .page_name__EVab_ {
        display: none
    }
}

.normal_normal__5a2Eb {
    width: 100%;
    height: 103px;
    border-radius: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.normal_normal__5a2Eb .normal_img__pURzC {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover
}

.normal_normal__5a2Eb .normal_name__gwOgJ {
    padding: 0 10px;
    z-index: 1;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    text-align: center;
    opacity: 0;
    transition: opacity .3s;
    word-wrap: break-word;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical
}

.normal_normal__5a2Eb .normal_rec__KMHUD {
    position: absolute;
    top: 0;
    right: 0
}

.normal_normal__5a2Eb:after {
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    transition: opacity .3s ease;
    border-radius: inherit;
    contain: strict
}

.normal_normal__5a2Eb:hover {
    transform: scale(1.05)
}

.normal_normal__5a2Eb:hover .normal_name__gwOgJ,
.normal_normal__5a2Eb:hover:after {
    opacity: 1
}

.normal_normal__5a2Eb.normal_showPc__Nuoal {
    display: flex !important
}

.normal_normal__5a2Eb.normal_showH5__ADEgU {
    display: none !important
}

@media(max-width:750px) {
    .normal_normal__5a2Eb {
        height: 26.9333333333vw;
      border-radius: 2vw;
        box-shadow: 0 1.0666666667vw 1.0666666667vw 0 rgba(0, 0, 0, .25)
    }

    .normal_normal__5a2Eb .normal_name__gwOgJ {
        padding: 0 2.6666666667vw;
        font-size: 3.7333333333vw;
        line-height: 5.6vw
    }

    .normal_normal__5a2Eb .normal_rec__KMHUD {
        width: 15.4666666667vw;
        height: 15.4666666667vw
    }

    .normal_normal__5a2Eb:hover {
        transform: scale(1)
    }

    .normal_normal__5a2Eb:hover:after {
        opacity: 0
    }

    .normal_normal__5a2Eb.normal_showPc__Nuoal {
        display: none !important
    }

    .normal_normal__5a2Eb.normal_showH5__ADEgU {
        display: flex !important
    }
}

@media screen and (orientation:landscape)and (max-width:896px) {
    html.mobile .normal_normal__5a2Eb {
        border-radius: 4vh
    }

    html.mobile .normal_normal__5a2Eb .normal_name__gwOgJ {
        padding: 0 2.6666666667vh;
        font-size: 3.7333333333vh;
        line-height: 5.6vh
    }
}