@charset "UTF-8";
/* @import url(../../fonts/font-awesome-4.5.0/css/font-awesome.min.css); */
@import url('https://storage.googleapis.com/tada-cdn-asia/All-In-One/production/css/font-awesome.min.css');

.loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99998;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #fff;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 1s linear infinite;
    z-index: 99999;
}

.swal2-container,
.swal2-popup {
    z-index: 99997 !important;
}

html,
body {
    scroll-behavior: smooth;
    position: relative;
}

a {
    text-decoration: none;
}

.wrapper {
    background-color: #fff;
    position: relative;
}

.navbar {
    background: #fff;
    border: 0;
    height: var(--margin-header-mobile);
    border-radius: 0;
    margin: 0;
    padding: 0 4px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-shadow: -1px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.swiper-wrapper {
    user-select: none;
}

@media only screen and (min-width: 1279px) {
    .navbar {
        height: var(--margin-header-pc);
    }
}

.navbar.scroll {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.navbar .container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1279px) {
    .navbar .container {
        padding: 0 16px;
    }
}

.navbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.navbar ul li {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.navbar .navbar__main--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* 手機版通常是垂直方向 */
}

.navbar .order.box1 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    /* 手機版放後面 */
}

.navbar .order.box2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    /* 手機版放前面 */
}

@media screen and (min-width: 768px) {
    .navbar .navbar__main--list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /* 桌面版橫向排列 */
    }

    .navbar .order.box1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .navbar .order.box2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media screen and (max-width: 768px) {
    .navbar {}

    .navbar .media_but {
        padding-top: 80px;
    }

    .navbar .hide01 {
        display: none;
    }

    .navbar .container .a {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .navbar .container .b {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .navbar .container .c {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .navbar .container .d {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .navbar .container .e {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .navbar .container .f {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .navbar .container .g {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .navbar .container .h {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .navbar {
        /* order */
    }

    .navbar .navbar__main--list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /* 手機版通常是垂直方向 */
    }

    .navbar .order.box1 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        /* 手機版放後面 */
    }

    .navbar .order.box2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        /* 手機版放前面 */
    }

    .navbar .media_but {
        padding-top: 80px;
    }

    .navbar .hide01 {
        display: none;
    }

    .navbar .container .a {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .navbar .container .b {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .navbar .container .c {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .navbar .container .d {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .navbar .container .e {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .navbar .container .f {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .navbar .container .g {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .navbar .container .h {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
}

@media screen and (min-width: 1025px) {
    .navbar {
        /* order */
    }

    .navbar .media_but {
        height: 200px;
        margin-top: 200px;
    }

    .navbar .box1 {
        grid-column-start: 1;
        grid-column-end: 5;
    }

    .navbar .box2 {
        grid-column-start: 1;
        grid-column-end: 5;
    }

    .navbar .wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: minmax(200px, auto);
    }

    .navbar .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar .order {
        height: 25%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 19px;
        margin-bottom: 0px;
        list-style: none;
    }

    .navbar .order ul {
        display: inline-block;
        width: 100px;
        margin-bottom: 10px;
    }

    .navbar .container .a {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .navbar .container .b {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .navbar .container .c {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .navbar .container .d {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .navbar .container .e {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .navbar .container .f {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .navbar .container .g {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .navbar .container .h {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
}

.navbar__logo {
    display: block;
    height: 100%;
}

.navbar__logo img {
    height: 100%;
    width: auto;
}

.navbar .hamburger {
    display: inline-block;
    width: var(--margin-header-mobile);
    height: var(--margin-header-mobile);
}

@media only screen and (min-width: 1279px) {
    .navbar .hamburger {
        display: none;
    }
}

.navbar__main {
    height: 100%;
    background: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 1rem;
    line-height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1279px) {
    .navbar__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.navbar__main--list {
    position: absolute;
    top: var(--margin-header-mobile);
    left: calc(100% + 4px);
    width: 100vw;
    height: calc(100dvh - var(--margin-header-mobile));
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    background: rgba(20, 20, 20, 0.9);
    overflow-y: auto;
    padding: 24px 0;
    user-select: none;
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list {
        width: calc(100% - var(--margin-header-pc));
        height: 100%;
        background: transparent;
        position: relative;
        top: inherit;
        left: inherit;
        overflow-y: inherit;
        padding: 0;
    }
}

.navbar__main--list.active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.navbar__main--list>ul {
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list>ul {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
    }
}

.navbar__main--list>ul>li {
    width: 100%;
    margin: 16px 0;
    text-align: center;
    display: inline-block;
    color: #000;
    font-weight: bolder;
    white-space: nowrap;
    font-family: var(--font-family-subtitle);
    font-weight: var(--font-weight-subtitle);
}

.navbar__main--list>ul>li#unique-tada a {
    text-transform: none;
}

.navbar__main--list>ul>li:hover a,
.navbar__main--list>ul>li:focus a,
.navbar__main--list>ul>li:active a,
.navbar__main--list>ul>li.active a {
    text-decoration: none;
    cursor: pointer;
    color: var(--color-base);
}

.navbar__main--list>ul>li:hover .sub-menus__main,
.navbar__main--list>ul>li:focus .sub-menus__main,
.navbar__main--list>ul>li:active .sub-menus__main,
.navbar__main--list>ul>li.active .sub-menus__main {
    color: var(--color-base);
}

.navbar__main--list>ul>li a {
    display: inline-block;
    color: #FFF;
    font-size: 1rem;
    font-weight: 500;
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list>ul>li a {
        color: var(--color-second);
    }
}

.navbar__main--list>ul>li .sub-menus {
    outline: none;
    display: block;
    position: relative;
    cursor: pointer;
}

.navbar__main--list>ul>li .sub-menus__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 500;
    color: #FFF;
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list>ul>li .sub-menus__main {
        color: var(--color-second);
    }
}

.navbar__main--list>ul>li .sub-menus__main:hover,
.navbar__main--list>ul>li .sub-menus__main:focus,
.navbar__main--list>ul>li .sub-menus__main:active,
.navbar__main--list>ul>li .sub-menus__main.active {
    color: var(--color-base);
}

.navbar__main--list>ul>li .sub-menus__main .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin-left: 2px;
}

.navbar__main--list>ul>li .sub-menus__list {
    display: none;
    width: 100%;
    word-break: keep-all;
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px 0;
    border-radius: 6px;
    -webkit-transform: translateY(10px) translateX(0);
    transform: translateY(10px) translateX(0);
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-base);
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list>ul>li .sub-menus__list {
        visibility: hidden;
        background-color: #fff;
        position: absolute;
        width: 10em;
        top: 20px;
        left: 50%;
        opacity: 0;
        -webkit-transform: translateY(10px) translateX(-50%);
        transform: translateY(10px) translateX(-50%);
        -webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    }
}

.navbar__main--list>ul>li .sub-menus__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 20px;
    color: #dddddd;
    white-space: nowrap;
    font-size: 0.88rem;
}

.navbar__main--list>ul>li .sub-menus__list a:hover,
.navbar__main--list>ul>li .sub-menus__list a.active {
    color: #ff8200;
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list>ul>li .sub-menus__list a {
        color: #7c7c7c;
    }
}

.navbar__main--list>ul>li .sub-menus.active .sub-menus__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1279px) {
    .navbar__main--list>ul>li .sub-menus.active .sub-menus__list {
        position: absolute;
        visibility: visible;
        opacity: 1;
        left: 50%;
        top: 30px;
        -webkit-transform: translateY(10px) translateX(-50%);
        transform: translateY(10px) translateX(-50%);
    }
}

.navbar__main--list>ul>li .sub-menus.active .arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.navbar__main--list>ul>li#contact-us a {
    width: auto;
    color: #fff;
    display: inline-block;
    padding: 8px 16px;
    background-color: var(--color-base);
    border-radius: 30px;
    vertical-align: middle;
}

.navbar__main__user-selector {
    width: 100%;
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1279px) {
    .navbar__main__user-selector {
        width: var(--margin-header-pc);
    }
}

.navbar__main__user-selector .language {
    outline: none;
    position: relative;
    width: var(--margin-header-mobile);
    height: var(--margin-header-mobile);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1279px) {
    .navbar__main__user-selector .language {
        width: var(--margin-header-pc);
        height: var(--margin-header-pc);
    }
}

.navbar__main__user-selector .language__button {
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    height: 1.8rem;
    width: 1.8rem;
    /* -webkit-mask-image: url(../../img/tadaPlusPlayer/world_white.svg);
    mask-image: url(../../img/tadaPlusPlayer/world_white.svg); */
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: var(--color-second);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

@media (hover: hover) {
    .navbar__main__user-selector .language__button:hover {
        background: var(--color-base);
    }
}

.navbar__main__user-selector .language__flag {
    cursor: pointer;
}

.navbar__main__user-selector .language__flag img {
    width: 36px;
    display: block;
    border: 1px solid var(--color-txt);
}

.navbar__main__user-selector .language.active .language__list {
    visibility: visible;
    opacity: 1;
    right: 100%;
    -webkit-transform: translateY(0) translateX(50%);
    transform: translateY(0) translateX(50%);
}

@media only screen and (min-width: 1279px) {
    .navbar__main__user-selector .language.active .language__list {
        right: 0;
        -webkit-transform: translateY(10px) translateX(0);
        transform: translateY(10px) translateX(0);
    }
}

.navbar__main__user-selector .language__list {
    position: absolute;
    top: 52px;
    right: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    padding: 10px 0;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px) translateX(50%);
    transform: translateY(10px) translateX(50%);
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    max-height: calc(100vh - var(--margin-header-mobile) - 8px);
    overflow-y: auto;
}

@media only screen and (min-width: 1279px) {
    .navbar__main__user-selector .language__list {
        max-height: calc(100vh - var(--margin-header-pc) - 8px);
        top: 65px;
        right: 0;
        -webkit-transform: translateY(10px) translateX(0);
        transform: translateY(10px) translateX(0);
    }
}

.navbar__main__user-selector .language__list:before {
    content: "";
    position: absolute;
    top: -6px;
    right: calc(50% - 6px);
    -webkit-transform: translateY(10px) translateX(50%);
    transform: translateY(10px) translateX(50%);
    margin: auto;
    width: 12px;
    height: 12px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (min-width: 1279px) {
    .navbar__main__user-selector .language__list:before {
        right: 30px;
    }
}

.navbar__main__user-selector .language__list a {
    display: block;
    height: 30px;
    padding: 2px 20px;
    color: #7c7c7c;
    white-space: nowrap;
    font-size: 0.88rem;
    cursor: pointer;
}

.navbar__main__user-selector .language__list a span {
    display: block;
    color: #7c7c7c;
    text-align: left;
}

.navbar__main__user-selector .language__list a span:hover {
    color: var(--color-base);
}

.navbar__main__user-selector .language__list a span img {
    display: inline-block;
    width: 1.5em;
    border: 1px solid #fff;
}

.small-tm {
    display: block;
    margin: 0 0.2em;
    height: 100%;
    font-size: 0.6em;
    line-height: 2em;
}

.slide {
    position: fixed;
    right: 4px;
    bottom: 6vh;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (min-width: 1023px) {
    .slide {
        display: none;
    }
}

@media only screen and (min-width: 420px) {
    .slide {
        right: 10px;
    }
}

.slide__skype {
    font-size: var(--font-size-content);
    font-family: var(--font-family-content);
    font-weight: var(--font-weight-content);
    line-height: var(--lineHeight-txt);
    color: #fff;
    text-align: center;
    border: 2px solid #B0E5FF;
    color: #039BE5;
    background-color: #fff;
    border-radius: 15px;
    padding: 0 4px;
    cursor: pointer;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 420px) {
    .slide__skype {
        padding: 0 12px;
    }
}

.slide__skype::before {
    content: '\f17e';
    display: inline-block;
    font-family: "FontAwesome";
    color: #039BE5;
    font-size: 1.25rem;
    line-height: 1em;
    margin-right: 4px;
}

.slide__skype a {
    color: #039BE5;
}

.slide__gotop a {
    display: block;
    width: 30px;
    height: 30px;
    background: #646464;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide__gotop a::before {
    content: '\f077';
    display: inline-block;
    font-family: "FontAwesome";
    color: #ffffff;
    font-size: 1rem;
    line-height: 1em;
}

.QRcodeSlide {
    display: none;
    user-select: none;
}

@media only screen and (min-width: 1023px) {
    .QRcodeSlide {
        display: block;
        position: fixed;
        right: 0;
        bottom: 360px;
        z-index: 9;
    }
}

.QRcodeSlide .switch {
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: -40px;
    background-color: #00aff0;
    border-radius: 5px 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.QRcodeSlide .switch::before {
    content: ' ';
    width: 100%;
    height: 100%;
    background: url(../../img/tadaPlusPlayer/contact-skype.svg);
}

.QRcodeSlide .switch img {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.QRcodeSlide .switch.action {
    left: -170px;
    -webkit-animation: open_switch 0.3s;
    animation: open_switch 0.3s;
}

.QRcodeSlide .switch.action::before {
    content: '\f054';
    font-family: "FontAwesome";
    background: none;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1em;
    font-weight: inherit;
    height: auto;
}

.QRcodeSlide .content {
    padding: 0;
    text-align: center;
    position: absolute;
    right: -130px;
    width: 130px;
    background: #00aff0;
    padding: 10px;
    border-radius: 0 5px 5px 5px;
    font-size: 1rem;
    line-height: 1.5em;
    color: #fff;
}

.QRcodeSlide .content.action {
    right: 0;
    -webkit-animation: open 0.3s;
    animation: open 0.3s;
}

.QRcodeSlide .title {
    font-weight: bold;
    margin-bottom: 3px;
}

.QRcodeSlide .image {
    width: 100%;
}

.QRcodeSlide .image img {
    display: block;
    width: 100%;
}

.QRcodeSlide .skype {
    width: 100%;
    margin: 10px 0 5px;
}

.QRcodeSlide .skype a {
    font-size: var(--font-size-content);
    font-family: var(--font-family-content);
    font-weight: var(--font-weight-content);
    line-height: var(--lineHeight-txt);
    color: #fff;
    text-align: center;
    border: 2px solid #B0E5FF;
    color: #039BE5;
    background-color: #fff;
    border-radius: 40px;
    padding: 0 12px;
    cursor: pointer;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.QRcodeSlide .skype a::before {
    content: '\f17e';
    display: inline-block;
    font-family: "FontAwesome";
    color: #039BE5;
    font-size: 1rem;
    line-height: 1em;
    margin-right: 4px;
}

.button {
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-title);
    line-height: var(--lineHeight-txt);
    text-align: center;
    font-size: var(--font-size-content);
    border-radius: 100px;
    user-select: none;
}

@media only screen and (min-width: 1023px) {
    .button {
        font-size: var(--font-size-button);
    }
}

.button a {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 18px;
    background-color: var(--color-base);
    font-weight: 500;
    color: #fff;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
}

.button a:hover {
    color: var(--color-base);
    background-color: transparent !important;
    border: 2px solid var(--color-base);
}

.button a:hover span {
    color: var(--color-base);
}

.button a span {
    position: relative;
    z-index: 1;
}

.page-header {
    width: 100%;
    position: relative;
    margin-top: var(--margin-header-mobile);
    color: #fff;
    padding: 24px;
    margin-bottom: 24px;
    background-color: var(--color-base);
    overflow: hidden;
}

.page-header h2 {
    position: relative;
    font-size: 30px;
    line-height: 1em;
    z-index: 1;
    text-shadow: 2px 2px 12px var(--color-base);
}

@media only screen and (min-width: 768px) {
    .page-header::before {
        background-size: 100%;
    }

    .page-header h2 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 1279px) {
    .page-header {
        padding: 28px 80px 28px 80px;
        margin-top: var(--margin-header-pc);
    }

    .page-header h2 {
        font-size: 50px;
    }
}

@-webkit-keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.page__AD.advertise {
    width: 100%;
    margin-top: var(--margin-header-mobile);
}

@media only screen and (min-width: 1279px) {
    .page__AD.advertise {
        margin-top: var(--margin-header-pc);
    }
}

.page__AD .advertise__swiper {
    width: 100%;
}

.page__AD .advertise__swiper .swiper-slide {
    width: 100%;
    padding-bottom: 33.3333333333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide {
        padding-bottom: 25%;
    }
}

.page__AD .advertise__swiper .swiper-slide img {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 133.3333333333%;
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide img {
        width: 100%;
    }
}

.page__AD .advertise__swiper .swiper-slide .gameState {
    width: 37.7777777778%;
    position: absolute;
    top: 8.3333333333%;
    right: 1.1111111111%;
    font-size: clamp(14px, 2.97vw, 38px);
    color: #fff;
    font-weight: bold;
    text-align: center;
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide .gameState {
        width: 28.3333333333%;
        right: 13.3333333333%;
        top: 12.5%;
        font-size: clamp(18px, 2.1875vw, 42px);
    }
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOnTitle {
    width: 37.7777777778%;
    position: absolute;
    bottom: 30.2083333333%;
    right: 1.1111111111%;
    font-size: clamp(12px, 2.189vw, 28px);
    color: #fff;
    text-align: center;
    line-height: 1em;
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide .gameLiveOnTitle {
        width: 28.3333333333%;
        bottom: 29.1666666667%;
        right: 13.3333333333%;
        font-size: clamp(12px, 1.4583vw, 28px);
    }
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn {
    width: 37.7777777778%;
    height: 25%;
    position: absolute;
    bottom: 4.1666666667%;
    right: 1.1111111111%;
}

@media only screen and (min-width: 768px) {
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn {
        height: 20.8333333333%;
    }
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn {
        width: 28.3333333333%;
        right: 13.3333333333%;
    }
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul {
    list-style: none;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li {
    width: 22.0588235294%;
    height: 100%;
    border-radius: 6px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9d00), color-stop(50%, #ff9d00), color-stop(51%, #FF8200), to(#FF8200));
    background-image: linear-gradient(to bottom, #ff9d00 0%, #ff9d00 50%, #FF8200 51%, #FF8200 100%);
    -webkit-box-shadow: 3px 3px 10px rgba(94, 59, 0, 0.5);
    box-shadow: 3px 3px 10px rgba(94, 59, 0, 0.5);
    position: relative;
}

@media only screen and (min-width: 768px) {
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li {
        border-radius: 10px;
        width: 18.3823529412%;
        height: 100%;
    }
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.day,
.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.month,
.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.year {
    text-align: center;
    font-size: clamp(12px, 2.5vw, 32px);
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 1279px) {

    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.day,
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.month,
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.year {
        font-size: clamp(12px, 1.77vw, 34px);
    }
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.day:after,
.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.month:after,
.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.year:after {
    font-weight: lighter;
    font-size: clamp(8px, 1.25vw, 16px);
    line-height: 1em;
    margin-top: 4.7%;
    color: #fff;
}

@media only screen and (min-width: 1279px) {

    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.day:after,
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.month:after,
    .page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.year:after {
        font-size: clamp(8px, 0.8333vw, 16px);
    }
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.day:after {
    content: "DAY";
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.month:after {
    content: "MONTH";
}

.page__AD .advertise__swiper .swiper-slide .gameLiveOn ul li.year:after {
    content: "YEAR";
}

.page__AD .advertise__swiper .swiper-slide .gameButton {
    width: 37.7777777778%;
    position: absolute;
    bottom: 12.5%;
    right: 1.1111111111%;
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide .gameButton {
        width: 28.3333333333%;
        right: 13.3333333333%;
    }
}

.page__AD .advertise__swiper .swiper-slide .gameButton button {
    display: block;
    padding: clamp(2px, 0.625vw, 8px) 20px;
    margin: 0 auto;
    border-radius: 30px;
    border: none;
    background-color: var(--color-base);
    color: #fff;
    text-align: center;
    font-size: clamp(14px, 2.5019vw, 32px);
}

@media only screen and (min-width: 1279px) {
    .page__AD .advertise__swiper .swiper-slide .gameButton button {
        font-size: clamp(14px, 1.666vw, 32px);
    }
}

.content_index {
    padding-top: 0;
    overflow-x: hidden;
}

.content_index.pageTop .container:nth-child(1) {
    margin-top: 48px;
}

@media only screen and (min-width: 768px) {
    .content_index.pageTop .container:nth-child(1) {
        margin-top: 70px;
    }
}

.content_index .container {
    color: #333;
    position: relative;
    padding-top: 48px;
}

@media only screen and (min-width: 1023px) {
    .content_index .container {
        padding-top: 48px;
    }
}

.content_index .container .content {
    width: 100%;
    max-width: 1230px;
    position: relative;
    margin: 0 auto;
    padding: 0 16px;
}

.content_index .container .title {
    width: 100%;
    font-size: var(--font-size-title-m);
    line-height: var(--lineHeight-title-m);
    font-family: var(--font-family-title);
    color: var(--color-title);
    text-transform: capitalize;
}

@media only screen and (min-width: 1023px) {
    .content_index .container .title {
        font-size: var(--font-size-title);
        line-height: var(--lineHeight-title);
    }
}

.content_index .container .subtitle {
    font-family: var(--font-family-subtitle);
    font-size: var(--font-size-subtitle-m);
    font-weight: var(--font-weight-subtitle-m);
    line-height: var(--lineHeight-subtitle);
}

@media only screen and (min-width: 1023px) {
    .content_index .container .subtitle {
        font-size: var(--font-size-subtitle);
        line-height: var(--lineHeight-subtitle);
    }
}

.content_index .container .txt {
    color: var(--color-txt);
    font-size: var(--font-size-txt-m);
    line-height: var(--lineHeight-txt);
    font-weight: var(--font-weight-subtitle);
}

@media only screen and (min-width: 1023px) {
    .content_index .container .txt {
        font-size: var(--font-size-txt);
        line-height: var(--lineHeight-txt);
    }
}

.content_index .container .txt-prompt {
    font-size: var(--font-size-prompt);
    font-family: var(--font-family-content);
    font-weight: var(--font-weight-content);
    line-height: var(--lineHeight-prompt);
    color: var(--color-txt);
}

.content_index .container p {
    font-size: var(--font-size-content-m);
    line-height: var(--lineHeight-content);
    font-family: var(--font-family-content);
}

@media only screen and (min-width: 1023px) {
    .content_index .container p {
        font-size: var(--font-size-content);
    }
}

.content_index .container ul {
    padding-left: 1em;
}

.content_index .container ul li {
    color: var(--color-txt);
    font-size: var(--font-size-content);
    font-family: var(--font-family-content);
    font-weight: var(--font-weight-content);
    line-height: var(--lineHeight-content);
}

@media only screen and (min-width: 1023px) {
    .content_index .container ul li {
        font-size: var(--font-size-content);
        line-height: var(--lineHeight-txt);
    }
}

.content_index .container ul li a {
    color: var(--color-base);
}

.content_index .container select,
.content_index .container input,
.content_index .container textarea {
    width: 100%;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: white;
    padding: 16px;
    text-indent: calc(1.5em + 8px);
}

.content_index .container input::-webkit-input-placeholder,
.content_index .container textarea::-webkit-input-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
    color: var(--color-form-placeholder);
}

.content_index .container input::-moz-placeholder,
.content_index .container textarea::-moz-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
    color: var(--color-form-placeholder);
}

.content_index .container input:-ms-input-placeholder,
.content_index .container textarea:-ms-input-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
    color: var(--color-form-placeholder);
}

.content_index .container input::-ms-input-placeholder,
.content_index .container textarea::-ms-input-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
    color: var(--color-form-placeholder);
}

.content_index .container input::placeholder,
.content_index .container textarea::placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
    color: var(--color-form-placeholder);
}

.content_index .container input[type=checkbox]:not(:checked)+label,
.content_index .container input[type=checkbox]:checked+label {
    font-size: var(--font-size-content-m);
}

@media only screen and (min-width: 1023px) {

    .content_index .container input[type=checkbox]:not(:checked)+label,
    .content_index .container input[type=checkbox]:checked+label {
        font-size: var(--font-size-content);
    }
}

.content_index .main-tag {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    row-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
}

.content_index .main-tag::-webkit-scrollbar {
    height: 0;
    width: 0;
    color: transparent;
}

@media only screen and (min-width: 576px) {
    .content_index .main-tag {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .content_index .main-tag {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.content_index .main-tag-title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0 0 0;
}

.content_index .main-tag-title h3 {
    width: 100%;
    font-size: var(--font-size-content);
}

.content_index .main-tag-title .btn-clear {
    background: #F5F5F5;
    padding: 2px 8px;
    font-family: var(--font-family-content);
    font-weight: var(--font-family-content);
    font-size: var(--font-size-prompt);
    line-height: var(--font-size-content);
    text-align: center;
    white-space: nowrap;
    border-radius: 20px;
    color: #5C616C;
    border: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content_index .main-tag-title .btn-clear span {
    font-size: calc(var(--font-size-content) * 1.5);
    white-space: nowrap;
    margin-left: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.content_index .main-tag-title .btn-clear:hover {
    background: var(--color-base-light);
    color: #fff;
    border: none;
}

.content_index .main-tag .tag-item {
    background: #F5F5F5;
    padding: 6px 16px;
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-base);
    font-size: var(--font-size-prompt);
    line-height: var(--font-size-content);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #5C616C;
    white-space: nowrap;
    border-radius: 20px;
    text-decoration: none;
}

.content_index .main-tag .tag-item span {
    white-space: nowrap;
    margin-right: 6px;
}

.content_index .main-tag .tag-item.active {
    background: var(--color-base);
    color: #fff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (min-width: 576px) {
    .content_index .main-tag .tag-item {
        font-size: var(--font-size-content);
    }
}

.content_index .OurGames {
    width: 100%;
}

.content_index .OurGames .content {
    max-width: 1600px;
    padding: 0;
}

.content_index .OurGames .content .title {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto 24px auto;
    color: var(--color-title);
    padding: 0 24px;
}

@media only screen and (min-width: 1023px) {
    .content_index .OurGames .content .title {
        padding: 0 24px;
    }
}

@media only screen and (min-width: 1279px) {
    .content_index .OurGames .content .title {
        padding: 0;
    }
}

.content_index .OurGames__allgame {
    width: 100%;
    max-width: 1230px;
    position: relative;
    border-radius: 0 0 10px 10px;
    margin-bottom: 20px;
}

.content_index .OurGames__allgame img {
    display: block;
    width: 100%;
    border-radius: 0 0 10px 10px;
    z-index: 0;
    position: relative;
}

.content_index .OurGames__allgame::before {
    content: "";
    background: #4A250C;
    display: block;
    width: 100%;
    height: 300px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

@media only screen and (min-width: 576px) {
    .content_index .OurGames__allgame::before {
        height: 200px;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .OurGames__allgame::before {
        height: 0;
    }
}

.content_index .OurGames__allgame ul {
    position: relative;
    width: 250px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    margin-top: -7.8125%;
    padding-bottom: 2.9296875%;
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    .content_index .OurGames__allgame ul {
        margin-top: -8.7890625%;
        padding-bottom: 3.90625%;
    }
}

@media only screen and (min-width: 576px) {
    .content_index .OurGames__allgame ul {
        width: 600px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .OurGames__allgame ul {
        width: 1280px;
        max-width: 100%;
    }
}

.content_index .OurGames__allgame ul li {
    width: 184px;
    color: #b45d00;
    background: linear-gradient(10deg, #ffffff 0%, rgb(255, 255, 127) 100%);
    padding: 12px 8px;
    border-radius: 30px;
    -webkit-box-shadow: inset 0 0 6px #fff, 0 8px 8px rgba(34, 14, 1, 0.8);
    box-shadow: inset 0 0 6px #fff, 0 8px 8px rgba(34, 14, 1, 0.8);
    text-align: center;
    font-size: 1rem;
    line-height: 1em;
    margin: 0 8px 16px 8px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 0;
}

.content_index .OurGames__allgame ul li::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: -100%;
    right: 0;
    z-index: 0;
    background: linear-gradient(10deg, #FFAE00 0%, #FF8200 100%);
    -webkit-box-shadow: inset 0 0 6px 6px #FFAE00, 0 0 0 20px 20px #FFAE00;
    box-shadow: inset 0 0 6px 6px #FFAE00, 0 0 0 20px 20px #FFAE00;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.content_index .OurGames__allgame ul li:hover {
    color: #fff;
}

.content_index .OurGames__allgame ul li:hover::before {
    bottom: 0;
}

.content_index .OurGames__allgame ul li:active {
    top: 2px;
}

.content_index .OurGames__allgame ul li p {
    position: relative;
    z-index: 0;
}

.content_index .OurGames__swiper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

@media only screen and (min-width: 1599px) {
    .content_index .OurGames__swiper {
        width: 100%;
        max-width: 1600px;
    }
}

.content_index .OurGames__swiper .swiper {
    padding: 0;
}

.content_index .OurGames__swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.content_index .OurGames__swiper .swiper-slide img {
    width: 100%;
    border-radius: 10px;
    max-width: 338px;
}

.content_index .OurGames__swiper .swiper-slide button {
    position: absolute;
    bottom: 10%;
    padding: 16px 32px;
    background: #fff;
    color: var(--color-base);
    border-radius: 30px;
    border: 0;
    font-size: 1.375rem;
    font-weight: var(--font-weight-title);
    cursor: pointer;
}

.content_index .OurGames__swiper .swiper-slide button:hover {
    color: var(--color-base-light);
}

.content_index .NewGames {
    width: 100%;
}

.content_index .NewGames .content {
    padding: 0;
    padding-bottom: 28px;
}

.content_index .NewGames .content .title {
    width: 100%;
    margin: 16px auto;
    color: var(--color-title);
    padding: 0 24px;
}

@media only screen and (min-width: 1023px) {
    .content_index .NewGames .content .title {
        padding: 0 24px;
    }
}

@media only screen and (min-width: 1279px) {
    .content_index .NewGames .content .title {
        padding: 0;
    }
}

.content_index .NewGames__allgame {
    width: 100%;
    max-width: 1230px;
    position: relative;
    border-radius: 0 0 10px 10px;
    margin-bottom: 20px;
}

.content_index .NewGames__allgame img {
    display: block;
    width: 100%;
    border-radius: 0 0 10px 10px;
    z-index: 0;
    position: relative;
}

.content_index .NewGames__allgame::before {
    content: "";
    background: #4A250C;
    display: block;
    width: 100%;
    height: 300px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

@media only screen and (min-width: 576px) {
    .content_index .NewGames__allgame::before {
        height: 200px;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .NewGames__allgame::before {
        height: 0;
    }
}

.content_index .NewGames__allgame ul {
    position: relative;
    width: 250px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    margin-top: -7.8125%;
    padding-bottom: 2.9296875%;
    padding-left: 0;
}

@media only screen and (min-width: 768px) {
    .content_index .NewGames__allgame ul {
        margin-top: -8.7890625%;
        padding-bottom: 3.90625%;
    }
}

@media only screen and (min-width: 576px) {
    .content_index .NewGames__allgame ul {
        width: 600px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .NewGames__allgame ul {
        width: 1280px;
        max-width: 100%;
    }
}

.content_index .NewGames__allgame ul li {
    width: 184px;
    color: #b45d00;
    background: linear-gradient(10deg, #ffffff 0%, rgb(255, 255, 127) 100%);
    padding: 12px 8px;
    border-radius: 30px;
    -webkit-box-shadow: inset 0 0 6px #fff, 0 8px 8px rgba(34, 14, 1, 0.8);
    box-shadow: inset 0 0 6px #fff, 0 8px 8px rgba(34, 14, 1, 0.8);
    text-align: center;
    font-size: 1rem;
    line-height: 1em;
    margin: 0 8px 16px 8px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 0;
}

.content_index .NewGames__allgame ul li::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: -100%;
    right: 0;
    z-index: 0;
    background: linear-gradient(10deg, #FFAE00 0%, #FF8200 100%);
    -webkit-box-shadow: inset 0 0 6px 6px #FFAE00, 0 0 0 20px 20px #FFAE00;
    box-shadow: inset 0 0 6px 6px #FFAE00, 0 0 0 20px 20px #FFAE00;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.content_index .NewGames__allgame ul li:hover {
    color: #fff;
}

.content_index .NewGames__allgame ul li:hover::before {
    bottom: 0;
}

.content_index .NewGames__allgame ul li:active {
    top: 2px;
}

.content_index .NewGames__allgame ul li p {
    position: relative;
    z-index: 0;
}

.content_index .NewGames__swiper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

@media only screen and (min-width: 1279px) {
    .content_index .NewGames__swiper {
        width: 100%;
    }
}

.content_index .NewGames__swiper .swiper {
    padding: 0;
}

.content_index .NewGames__swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.content_index .NewGames__swiper .swiper-slide img {
    width: 100%;
    border-radius: 10px;
    max-width: 290px;
}

.content_index .NewGames__swiper .swiper-button-next {
    right: -30px;
    z-index: 0;
}

.content_index .NewGames__swiper .swiper-button-next:after {
    content: "\f0da";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 50px;
    color: #dadada;
}

.content_index .NewGames__swiper .swiper-button-prev {
    left: -30px;
    z-index: 0;
}

.content_index .NewGames__swiper .swiper-button-prev:after {
    content: "\f0d9";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 50px;
    color: #dadada;
}

.content_index .NewGames__swiper .swiper:has(.comingsoon) {
    cursor: default;
}

.content_index .NewGames__swiper .swiper .info {
    width: 100%;
    height: 100%;
    max-width: 290px;
    padding: 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.content_index .NewGames__swiper .swiper .info.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content_index .NewGames__swiper .swiper .info.active a {
    width: calc(100% - 32px);
    max-width: 180px;
    z-index: 1;
    display: inline-block;
    border-radius: 8px;
}

.content_index .NewGames__swiper .swiper .info.active .subtitle {
    color: #fff;
    text-align: center;
    margin-bottom: 24px;
    font-size: 1.34rem;
    font-weight: var(--font-weight-title);
    text-shadow: 0 0 10px #000;
}

.content_index .NewGames__swiper .swiper .info.active .button a {
    cursor: pointer;
}

.content_index .NewGames__swiper .swiper .info.active .button.button-playNow {
    margin-bottom: 12px;
}

.content_index .NewGames__swiper .swiper .info.active .button.button-playNow a::before {
    display: none;
}

.content_index .NewGames__swiper .swiper .info.active .button.button-playNow a:hover {
    background: var(--color-base) !important;
    color: #fff;
    border: 2px solid #fff;
}

.content_index .NewGames__swiper .swiper .info.active .button.button-gameInfo a {
    background: #000;
}

.content_index .NewGames__swiper .swiper .info.active .button.button-gameInfo a::before {
    display: none;
}

.content_index .NewGames__swiper .swiper .info.active .button.button-gameInfo a:hover {
    background: #000 !important;
    color: #fff;
}

.content_index .NewGames__swiper .swiper .comingsoon {
    width: 100%;
    max-width: 290px;
    height: 100%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content_index .NewGames__swiper .swiper .comingsoon .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content_index .NewGames__swiper .swiper .comingsoon .content .state {
    width: 100%;
    color: #fff56e;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 0 0 15px var(--color-base), 0 0 10px #000, 0 0 5px #000;
    margin-bottom: 8px;
}

.content_index .NewGames__swiper .swiper .comingsoon .content .time {
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
    -webkit-box-shadow: inset 0 0 4px 1px #ffeb3b;
    box-shadow: inset 0 0 4px 1px #ffeb3b;
    background: rgba(0, 0, 0, 0.3);
    font-size: 0.85rem;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(3%, rgba(0, 0, 0, 0)), color-stop(20%, rgb(0, 0, 0)), color-stop(50%, rgb(0, 0, 0)), color-stop(80%, rgb(0, 0, 0)), color-stop(97%, rgba(0, 0, 0, 0)));
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 97%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(3%, rgba(0, 0, 0, 0)), color-stop(20%, rgb(0, 0, 0)), color-stop(50%, rgb(0, 0, 0)), color-stop(80%, rgb(0, 0, 0)), color-stop(97%, rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 97%);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    margin-bottom: 16px;
    line-height: 2em;
}

.content_index .NewGames__swiper .swiper .comingsoon .content .subtitle {
    width: 100%;
    color: #ffffff;
    text-align: center;
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-weight: bold;
    text-shadow: 0 0 10px #000, 0 0 5px #000;
}

.content_index .NewGames .button {
    margin: 24px auto 0 auto;
}

.content_index .newslist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: clamp(16px, 2vw, 24px);
}

@media only screen and (max-width: 1025px) {
    .content_index .newslist {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 594px) {
    .content_index .newslist {
        grid-template-columns: 1fr;
    }
}

.content_index .newslist a:link {
    font-style: normal;
}

.content_index .newslist .newsItem {
    background: #fefefe;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(16, 35, 64, 0.2);
    box-shadow: 0px 2px 4px 0px rgba(16, 35, 64, 0.2);
    -webkit-transition: -webkit-box-shadow 300ms ease-in;
    transition: -webkit-box-shadow 300ms ease-in;
    transition: box-shadow 300ms ease-in;
    transition: box-shadow 300ms ease-in, -webkit-box-shadow 300ms ease-in;
}

.content_index .newslist .newsItem:hover {
    -webkit-box-shadow: 0px 10px 15px rgba(16, 35, 64, 0.25);
    box-shadow: 0px 10px 15px rgba(16, 35, 64, 0.25);
    z-index: 2;
    -webkit-transition: -webkit-box-shadow 150ms ease-in;
    transition: -webkit-box-shadow 150ms ease-in;
    transition: box-shadow 150ms ease-in;
    transition: box-shadow 150ms ease-in, -webkit-box-shadow 150ms ease-in;
}

.content_index .newslist .newsItem img {
    width: 100%;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.content_index .newslist .newsItem .tag {
    display: inline-block;
    padding: 0px 8px;
    text-transform: uppercase;
    font-size: var(--font-size-prompt);
    color: #fff;
    margin-bottom: 8px;
}

.content_index .newslist .newsItem .tag {
    background: var(--color-base);
}

/* .content_index .newslist .newsItem .tag.gameRelease {
    background: #BFFFD0;
}

.content_index .newslist .newsItem .tag.partnership {
    background: #cdf6ff;
}

.content_index .newslist .newsItem .tag.event {
    background: #ffe6bf;
}

.content_index .newslist .newsItem .tag.articles {
    background: #dfd5fd;
}

.content_index .newslist .newsItem .tag.interviews {
    background: #ffbffb;
} */

.content_index .newslist .newsItem h2 {
    line-height: var(--lineHeight-subtitle);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-wrap: break-word;
    font-size: var(--font-size-txtsm-m);
    font-family: var(--font-family-subtitle);
    line-height: 1.25em;
    margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
    .content_index .newslist .newsItem h2 {
        font-size: var(--font-size-txtsm);
        font-weight: var(--font-weight-subtitle);
    }
}

.content_index .newslist .newsItemContent {
    width: 100%;
    padding: 8px 24px 24px 24px;
    position: relative;
}

.content_index .newslist .newsItemContent p {
    color: #545454;
    font-weight: 300;
}

.content_index .newslist .newsImg {
    width: 100%;
}

.content_index .newslist .newsImg img {
    width: 142.2222222222%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.content_index .newslist .newsItemDate {
    font-size: 1rem;
    color: #888888;
    margin-bottom: 30px;
    position: absolute;
    top: 6px;
    right: 24px;
}

@media only screen and (max-width: 1025px) {
    .content_index .newslist .newsList {
        width: 100%;
    }
}

@media only screen and (max-width: 594px) and (min-width: 100px) {
    .content_index .newslist .newsItem {
        width: 100%;
    }

    .content_index .newslist .newsImg {
        width: 100%;
    }
}

.content_index .discussion {
    width: 100%;
    background-color: var(--color-base);
    height: clamp(160px, 24.39vw, 300px);
}

.content_index .discussion.container {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content_index .discussion .content {
    padding: 0;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .content_index .discussion .content {
        min-height: 250px;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .discussion .content {
        min-height: 320px;
    }
}

.content_index .discussion__main {
    width: 67.4796747967%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 32px clamp(18px, 4.878vw, 60px);
    z-index: 1;
    position: relative;
}

@media only screen and (min-width: 576px) {
    .content_index .discussion__main {
        width: 67.4796747967%;
    }
}

@media only screen and (min-width: 768px) {
    .content_index .discussion__main {
        min-height: 250px;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .discussion__main {
        min-height: 320px;
    }
}

.content_index .discussion .title {
    line-height: 1.25em;
    font-size: 1.625rem;
    position: relative;
    color: #fff;
}

@media only screen and (min-width: 1023px) {
    .content_index .discussion .title {
        font-size: 2.875rem;
    }
}

.content_index .discussion .subtitle {
    width: 100%;
    font-size: 1rem;
    line-height: 1.25em;
    font-family: var(--font-family-subtitle);
    font-weight: var(--font-weight-content);
    position: relative;
    margin-top: 8px;
    color: #fff;
}

@media only screen and (min-width: 1023px) {
    .content_index .discussion .subtitle {
        font-size: 1.6875rem;
    }
}

.content_index .discussion .role {
    position: absolute;
    top: -18px;
    right: -10.4166666667%;
    width: clamp(220px, 50.34vw, 290px);
    padding-bottom: 70.6829268293%;
    background-image: url(https://wbgame.tadagaming.com/All-In-One/production/img/tadaPlusPlayer/partners/contactus_light.png);
    background-size: 100%;
}

@media only screen and (min-width: 576px) {
    .content_index .discussion .role {
        top: -32px;
        width: 46.3333333333%;
        padding-bottom: 46%;
        right: -6.5040650407%;
    }
}

@media only screen and (min-width: 768px) {
    .content_index .discussion .role {
        width: 42.3780487805%;
        padding-bottom: 42.0731707317%;
        top: -50px;
        right: -2.4390243902%;
    }
}

.content_index .discussion .role::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: var(--datd-image);
    background-size: 100%;
}

.content_index .contact {
    background: #F5F5F5;
    padding-bottom: 55px;
}

.content_index .contact .content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}

@media only screen and (min-width: 768px) {
    .content_index .contact .content {
        grid-template-columns: repeat(2, 1fr);
    }
}

.content_index .contact .content__form {
    background-color: #fff;
    padding: 28px 24px;
}

.content_index .contact .content__form .form {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: calc(1.5rem + 32px) calc(1.5rem + 32px) 1fr calc(1.375rem + 20px);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    margin-bottom: 24px;
}

.content_index .contact .content__form .form .input-name,
.content_index .contact .content__form .form .input-company,
.content_index .contact .content__form .form .input-mail,
.content_index .contact .content__form .form .textarea-question {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content_index .contact .content__form .form .input-name img,
.content_index .contact .content__form .form .input-company img,
.content_index .contact .content__form .form .input-mail img,
.content_index .contact .content__form .form .textarea-question img {
    display: block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    left: 16px;
}

.content_index .contact .content__form .form .textarea-question img {
    top: 16px;
}

.content_index .contact .content__form .form .textarea-question textarea {
    height: 100%;
}

.content_index .contact .content__form .form .input-name,
.content_index .contact .content__form .form .input-company {
    grid-column: span 1;
}

.content_index .contact .content__form .form .input-mail,
.content_index .contact .content__form .form .textarea-question {
    grid-column: span 2;
}

.content_index .contact .content__form .form .input-mail input[type=email]::-webkit-input-placeholder::after {
    visibility: visible;
    content: "*";
    color: #FF1818;
}

.content_index .contact .content__form .form .button {
    margin-top: 2px;
    grid-column: span 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content_index .contact .title {
    color: var(--color-title);
    text-align: left;
    font-weight: var(--font-weight-title);
    margin-bottom: 8px;
}

@media only screen and (min-width: 1023px) {
    .content_index .contact .title {
        margin-bottom: 16px;
    }
}

.content_index .contact .subtitle {
    font-size: var(--font-size-txt-m);
    font-weight: var(--font-weight-subtitle);
    color: #636363;
    margin-bottom: 16px;
}

@media only screen and (min-width: 1023px) {
    .content_index .contact .subtitle {
        margin-bottom: 24px;
        font-size: var(--font-size-txt);
    }
}

.content_index .contact p.txt {
    padding-top: 12px;
    line-height: 1.5em;
}

.content_index .contact__other {
    width: 100%;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1023px) {
    .content_index .contact__other {
        width: 76%;
    }
}

.content_index .contact__mail {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px;
}

@media only screen and (min-width: 768px) {
    .content_index .contact__mail {
        width: 76%;
    }
}

.content_index .contact__mail a {
    color: #000000;
}

.content_index .contact__mail img {
    width: 32px;
    margin-right: 8px;
}

@media only screen and (min-width: 768px) {
    .content_index .contact__mail img {
        width: 42px;
    }
}

.content_index .contact__skype {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    margin-bottom: 24px;
}

.content_index .contact__skype p {
    display: none;
}

@media only screen and (min-width: 768px) {
    .content_index .contact__skype p {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        text-align: center;
    }
}

.content_index .contact__skype .QRCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    .content_index .contact__skype .QRCode {
        width: calc((100% - 58px) / 2 - 16px);
        max-width: 120px;
        margin-right: 24px;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.content_index .contact__skype .QRCode a {
    display: block;
    width: 100%;
    max-width: 120px;
    text-align: center;
    line-height: 1em;
    font-weight: bold;
    color: #000;
}

.content_index .contact__skype .QRCode img {
    width: 100%;
}

.content_index .contactus {
    width: 100%;
    background-color: var(--color-base);
    margin-top: 32px;
}

@media only screen and (min-width: 768px) {
    .content_index .contactus {
        min-height: 250px;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .contactus {
        margin-top: 48px;
        min-height: 320px;
    }
}

.content_index .contactus.container {
    padding: 0;
}

.content_index .contactus .content {
    padding: 0;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .content_index .contactus .content {
        min-height: 250px;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .contactus .content {
        min-height: 320px;
    }
}

.content_index .contactus__main {
    width: 67.4796747967%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 32px clamp(18px, 4.878vw, 60px);
    z-index: 1;
    position: relative;
}

@media only screen and (min-width: 576px) {
    .content_index .contactus__main {
        width: 67.4796747967%;
    }
}

@media only screen and (min-width: 768px) {
    .content_index .contactus__main {
        min-height: 250px;
    }
}

@media only screen and (min-width: 1023px) {
    .content_index .contactus__main {
        min-height: 320px;
    }
}

.content_index .contactus .title {
    line-height: 1.25em;
    font-size: 1.625rem;
    position: relative;
    color: #fff;
}

@media only screen and (min-width: 1023px) {
    .content_index .contactus .title {
        font-size: 2.875rem;
    }
}

.content_index .contactus .subtitle {
    width: 100%;
    font-size: 1rem;
    line-height: 1.25em;
    font-family: var(--font-family-subtitle);
    font-weight: var(--font-weight-content);
    position: relative;
    margin-top: 8px;
    color: #fff;
}

@media only screen and (min-width: 1023px) {
    .content_index .contactus .subtitle {
        font-size: 1.6875rem;
    }
}

.content_index .contactus .button {
    width: 100%;
    margin-top: 16px;
    position: relative;
    text-align: left;
}

.content_index .contactus .button a {
    display: inline-block;
    background: #fff;
    color: var(--color-base);
    cursor: pointer;
}

.content_index .contactus .button a:hover {
    color: #ff9b33;
}

.content_index .contactus .role {
    position: absolute;
    bottom: 0;
    right: -6.5040650407%;
    width: 56.5040650407%;
    padding-bottom: 56.0975609756%;
    background-image: url(https://wbgame.tadagaming.com/All-In-One/production/img/tadaPlusPlayer/partners/contactus_light.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 576px) {
    .content_index .contactus .role {
        width: 45.2032520325%;
        padding-bottom: 44.8780487805%;
        right: 0;
    }
}

.content_index .contactus .role::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: var(--datd-image);
    background-size: 100%;
}

.content_index .navigation__list ul {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
}

.content_index .navigation__list ul li {
    width: 100%;
    color: var(--color-txt);
    padding: 4px;
    line-height: 1.2em;
}

.content_index .navigation__list ul li.text-transform {
    text-transform: none;
}

.content_index .navigation__list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #8B8B8B;
    text-decoration: none;
}

.content_index .navigation__list ul li a span {
    display: inline-block;
}

.content_index .navigation__list ul li a:hover {
    color: var(--color-base);
}

.content_index #sitemap .subtitle {
    font-size: var(--font-size-subtitle);
    font-weight: var(--font-weight-title);
    color: #000;
    line-height: var(--lineHeight-title);
    margin-bottom: 16px;
}

.content_index #sitemap .sitemap__navigation {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 48px;
}

.content_index #sitemap .navigation__list {
    width: 100% !important;
    margin-bottom: 0;
}

.content_index #sitemap .navigation__list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 8px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
}

@media only screen and (min-width: 576px) {
    .content_index #sitemap .navigation__list ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (min-width: 768px) {
    .content_index #sitemap .navigation__list ul {
        grid-template-columns: repeat(4, 1fr);
    }
}

.content_index .footer {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 40px;
    border-top: 2px solid var(--color-base);
    background: white;
}

@media only screen and (min-width: 768px) {
    .content_index .footer {
        padding-top: 48px;
    }
}

.content_index .footer .content {
    width: calc(100% - 32px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content_index .footer .subtitle {
    font-weight: var(--font-weight-title);
    color: #000;
    line-height: var(--lineHeight-title);
    margin-bottom: 16px;
}

.content_index .footer__navigation {
    width: 100%;
    padding-top: 40px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 38px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

@media only screen and (min-width: 768px) {
    .content_index .footer__navigation {
        grid-template-columns: repeat(4, 1fr);
    }
}

.content_index .footer__navigation .subtitle {
    font-size: 1.125rem;
}

@media only screen and (min-width: 1023px) {
    .content_index .footer__navigation .subtitle {
        font-size: 1.5rem;
    }
}

.content_index .footer__corp {
    width: 100%;
    text-align: left;
    font-size: var(--font-size-prompt);
    color: var(--color-txt);
    padding-top: 40px;
    padding-bottom: 40px;
}

.content_index .footer__corp p {
    font-size: 0.875rem;
    color: hsl(0, 0%, 34%);
}

.content_index .footer__corp ul.link-list {
    padding: 0;
    margin: 40px 0 0 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content_index .footer__corp ul.link-list li {
    font-family: var(--font-family-subtitle);
    line-height: 1.2em;
    padding: 2px 24px;
    border-right: 2px solid rgba(0, 0, 0, 0.35);
}

.content_index .footer__corp ul.link-list li a {
    color: #000;
}

.content_index .footer__corp ul.link-list li a:hover {
    color: var(--color-base) !important;
}

.content_index .footer__corp ul.link-list li:nth-last-child(1) {
    border-right: none !important;
}

.content_index .footer__LC {
    width: 100%;
    padding-top: 40px;
}

.content_index .footer__LC ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 16px;
    margin-top: 8px;
}

@media only screen and (min-width: 576px) {
    .content_index .footer__LC ul {
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px;
    }
}

.content_index .footer__LC ul li {
    min-width: 60px;
    padding: 0 !important;
}

.content_index .footer__LC ul li img {
    max-width: 100%;
    max-height: 50px;
    display: block;
    margin: 0 auto;
}

.content_index .footer__legal {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .content_index .footer__legal {
        width: initial;
    }
}

.content_index .footer__discover ul,
.content_index .footer__LC ul,
.content_index .footer__legal ul {
    list-style: none;
}

.content_index .footer__discover ul li,
.content_index .footer__LC ul li,
.content_index .footer__legal ul li {
    color: #7A7A7D;
    padding: 16px;
}

.content_index .footer__discover ul li a,
.content_index .footer__LC ul li a,
.content_index .footer__legal ul li a {
    color: #7A7A7D;
    text-decoration: none;
}

.content_index .footer .newsletter {
    padding: 0 16px !important;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr;
}

@media only screen and (min-width: 768px) {
    .content_index .footer .newsletter {
        display: grid;
        grid-template-columns: 70% 1fr;
    }
}

.content_index .footer .newsletter::after {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    margin: 0 auto;
    margin-top: 16px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(217, 217, 217, 0)), color-stop(50%, rgba(217, 217, 217, 0.5)), to(rgba(217, 217, 217, 0)));
    background-image: linear-gradient(to right, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.5) 50%, rgba(217, 217, 217, 0) 100%);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

@media only screen and (min-width: 768px) {
    .content_index .footer .newsletter::after {
        grid-column: span 2;
    }
}

.content_index .footer.dark {
    border-top: none;
    background-image: radial-gradient(80% 45% at 50% 0%, #4F2902 0%, #000 100%);
    color: white;
}

@media only screen and (min-width: 1023px) {
    .content_index .footer.dark {
        background-image: radial-gradient(60% 45% at 50% 0%, #4F2902 0%, #000 100%);
    }
}

.content_index .footer.dark .footer__corp ul.link-list li {
    border-right: 1px solid #AAA5A5;
}

.content_index .footer.dark .footer__corp ul.link-list li a {
    color: #8B8B8B;
}

.content_index .footer.dark .subtitle {
    color: white;
}

.content_index .footer.dark .newsletter {
    background-color: transparent;
}

.content_index .footer.dark .newsletter__subscription p {
    color: #D3D3D3;
}

.content_index .footer.dark .newsletter__subscription .form input[type=checkbox]:not(:checked)+label,
.content_index .footer.dark .newsletter__subscription .form input[type=checkbox]:checked+label {
    color: #AAA5A5;
}

.content_index .footer.dark .newsletter__subscription .prompt-message {
    font-size: 1rem;
    color: #D3D3D3;
}

@media only screen and (min-width: 1023px) {
    .content_index .footer.dark .newsletter__subscription .prompt-message {
        font-size: 1.25rem;
    }
}

.content_index .socialize__icon {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin: 16px auto 0 auto;
}

@media only screen and (min-width: 768px) {
    .content_index .socialize__icon {
        width: 70%;
        margin: 16px auto;
    }
}

.content_index .socialize__icon a {
    display: block;
    margin: 12px;
    position: relative;
}

.content_index .socialize__icon a::before {
    content: "";
    width: 33px;
    height: 33px;
    display: block;
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color-base)), to(var(--color-base)));
    background-image: linear-gradient(to top, var(--color-base), var(--color-base));
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.content_index .socialize__icon a:nth-child(1)::before {
    -webkit-mask-image: url(../../images/ig_icon.png);
    mask-image: url(../../images/ig_icon.png);
}

.content_index .socialize__icon a:nth-child(2)::before {
    -webkit-mask-image: url(../../images/in_icon.png);
    mask-image: url(../../images/in_icon.png);
}

.content_index .socialize__icon a:nth-child(3)::before {
    width: 36px;
    height: 36px;
    -webkit-mask-image: url(../../images/yt_icon.png);
    mask-image: url(../../images/yt_icon.png);
}

.content_index .socialize__icon img {
    width: 33px;
    display: block;
    max-width: 100% !important;
}

@media only screen and (min-width: 768px) {
    .content_index .socialize__icon img {
        width: 33px;
        max-width: 100% !important;
    }
}

.content_index .newsletter {
    margin-bottom: 42px;
    padding: 0 48px !important;
    display: grid;
    grid-template-columns: 1fr;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter {
        display: grid;
        grid-template-columns: 1fr 268px;
    }
}

.content_index .newsletter__subscription {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter__subscription {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.content_index .newsletter__subscription p {
    width: 100%;
    color: #000;
    text-align: left;
}

.content_index .newsletter__subscription .form-mail {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter__subscription .form-mail {
        grid-template-columns: 1fr calc(7rem + 36px);
        grid-column-gap: 16px;
    }
}

.content_index .newsletter__subscription .form-mail .input-mail {
    margin: 16px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content_index .newsletter__subscription .form-mail .input-mail input {
    width: 100%;
    border: 1px solid var(--color-txt);
    border-radius: 5px;
}

.content_index .newsletter__subscription .form-mail .input-mail img {
    display: block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    left: 16px;
}

.content_index .newsletter__subscription .form-mail .input-mail input::-webkit-input-placeholder,
.content_index .newsletter__subscription .form-mail .input-mail textarea::-webkit-input-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
}

.content_index .newsletter__subscription .form-mail .input-mail input::-moz-placeholder,
.content_index .newsletter__subscription .form-mail .input-mail textarea::-moz-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
}

.content_index .newsletter__subscription .form-mail .input-mail input:-ms-input-placeholder,
.content_index .newsletter__subscription .form-mail .input-mail textarea:-ms-input-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
}

.content_index .newsletter__subscription .form-mail .input-mail input::-ms-input-placeholder,
.content_index .newsletter__subscription .form-mail .input-mail textarea::-ms-input-placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
}

.content_index .newsletter__subscription .form-mail .input-mail input::placeholder,
.content_index .newsletter__subscription .form-mail .input-mail textarea::placeholder {
    font-size: 1em;
    line-height: 1.5em;
    text-indent: calc(1.5em + 8px);
}

.content_index .newsletter__subscription .form-mail .button {
    display: none;
    white-space: nowrap;
}

.content_index .newsletter__subscription .form-mail .button a {
    padding: 10px 18px;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter__subscription .form-mail .button {
        display: block;
    }
}

.content_index .newsletter__subscription .form {
    width: 100%;
    margin: 16px 0;
}

.content_index .newsletter__subscription .form .input-checkbox {
    position: relative;
    width: calc(100% - 1.4rem - 16px);
    margin: 16px 0;
    margin-left: calc(1.4rem + 16px);
}

.content_index .newsletter__subscription .form input {
    padding: 16px;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter__subscription .form input {
        padding: 16px;
    }
}

.content_index .newsletter__subscription .form input[type=checkbox]:not(:checked),
.content_index .newsletter__subscription .form input[type=checkbox]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}

.content_index .newsletter__subscription .form input[type=checkbox]:not(:checked)+label,
.content_index .newsletter__subscription .form input[type=checkbox]:checked+label {
    position: relative;
    padding-left: calc(1.4rem + 16px);
    cursor: pointer;
    color: #000;
    text-indent: 1.4rem;
    margin-left: calc(-1.4rem - 16px);
}

.content_index .newsletter__subscription .form input[type=checkbox]:not(:checked)+label::before,
.content_index .newsletter__subscription .form input[type=checkbox]:checked+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4rem;
    height: 1.4rem;
    border: 2px solid var(--color-base);
    background-color: var(--color-base);
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 rgba(203, 34, 237, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 rgba(203, 34, 237, 0.2);
    -webkit-transition: all 0.275s;
    transition: all 0.275s;
}

.content_index .newsletter__subscription .form input[type=checkbox]:not(:checked)+label::after,
.content_index .newsletter__subscription .form input[type=checkbox]:checked+label::after {
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    top: 0.6em;
    left: -1.32rem;
    font-size: 1.375em;
    color: #fff;
    line-height: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.content_index .newsletter__subscription .form input[type=checkbox]:not(:checked)+label::before {
    background-color: #FFF;
    border: 2px solid #636366;
}

.content_index .newsletter__subscription .form input[type=checkbox]:not(:checked)+label::after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.content_index .newsletter__subscription .prompt-message {
    color: #000;
    text-align: left;
    border-left: 2px solid var(--color-base);
    padding: 0px 16px;
}

.content_index .newsletter__subscription .button-mobile {
    display: block;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter__subscription .button-mobile {
        display: none;
    }
}

.content_index .newsletter__logo {
    width: 100%;
    padding-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter__logo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 40px;
    }
}

.content_index .newsletter__logo img {
    display: block;
    width: 80%;
    max-width: 200px;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) {
    .content_index .newsletter__logo img {
        max-width: 260px;
    }
}

.content_index .newsletter .subtitle {
    font-size: var(--font-size-subtitle-m);
    font-weight: var(--font-weight-title);
    color: #000;
    line-height: var(--lineHeight-title);
    margin-bottom: 16px;
    line-height: 1.5em;
}

@media only screen and (min-width: 1023px) {
    .content_index .newsletter .subtitle {
        font-size: var(--font-size-subtitle);
        line-height: 1em;
    }
}

.content_index .container#unsubscribe {
    background-color: #000;
    padding-bottom: 0 !important;
    min-height: calc(100vh - var(--margin-header-mobile));
    overflow: hidden;
    margin-top: var(--margin-header-mobile);
    padding-top: 0 !important;
}

@media only screen and (min-width: 1279px) {
    .content_index .container#unsubscribe {
        margin-top: var(--margin-header-pc);
        min-height: calc(100vh - var(--margin-header-pc));
    }
}

.content_index .container#unsubscribe .newsletter {
    padding-top: 0 !important;
    min-height: calc(100vh - var(--margin-header-mobile));
}

@media only screen and (min-width: 1279px) {
    .content_index .container#unsubscribe .newsletter {
        min-height: calc(100vh - var(--margin-header-pc));
    }
}

.content_index .container#unsubscribe .newsletter__subscription p,
.content_index .container#unsubscribe .newsletter__subscription .prompt-message,
.content_index .container#unsubscribe .newsletter__subscription .form input[type=checkbox]:not(:checked)+label,
.content_index .container#unsubscribe .newsletter__subscription .form input[type=checkbox]:checked+label {
    color: #fff;
}

.content_index .container#unsubscribe .newsletter__role {
    display: none;
}

@media only screen and (min-width: 768px) {
    .content_index .container#unsubscribe .newsletter__role {
        display: block;
    }
}

.content_index .container#unsubscribe .newsletter .subtitle {
    color: var(--color-base);
}

.content_index .container#unsubscribe .circle {
    position: absolute;
    background: #ff8200;
    opacity: 0.1;
}

.content_index .container#unsubscribe .circle:nth-child(1) {
    width: 100vh;
    height: 100vh;
    border-radius: 50vh;
    -webkit-animation: AnimatedCircle1 60s linear infinite;
    animation: AnimatedCircle1 60s linear infinite;
}

.content_index .container#unsubscribe .circle:nth-child(2) {
    width: 150vh;
    height: 150vh;
    border-radius: 75vh;
    -webkit-animation: AnimatedCircle2 60s linear infinite;
    animation: AnimatedCircle2 60s linear infinite;
}

@-webkit-keyframes AnimatedCircle1 {

    0%,
    100% {
        bottom: 0;
        right: -20vw;
    }

    25%,
    75% {
        bottom: 25vh;
        right: -18vw;
    }

    50% {
        bottom: 50vh;
        right: -16vw;
    }
}

@keyframes AnimatedCircle1 {

    0%,
    100% {
        bottom: 0;
        right: -20vw;
    }

    25%,
    75% {
        bottom: 25vh;
        right: -18vw;
    }

    50% {
        bottom: 50vh;
        right: -16vw;
    }
}

@-webkit-keyframes AnimatedCircle2 {
    50% {
        top: 30vh;
        left: -60vw;
    }

    25%,
    75% {
        top: 15vh;
        left: -58vw;
    }

    0%,
    100% {
        top: 0;
        left: -54vw;
    }
}

@keyframes AnimatedCircle2 {
    50% {
        top: 30vh;
        left: -60vw;
    }

    25%,
    75% {
        top: 15vh;
        left: -58vw;
    }

    0%,
    100% {
        top: 0;
        left: -54vw;
    }
}

.cookie-consent {
    background-color: hsla(0, 0%, 7%, 0.8);
    color: #fff;
    padding: 8px 0 12px 0;
    position: fixed;
    z-index: 2;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
    text-align: center;
}

.cookie-consent-text {
    text-align: left;
    padding: 0 2% 4px 2%;
    font-weight: normal;
    font-size: 0.78rem;
    line-height: 1.75em;
    font-family: var(--font-family-content);
    font-weight: var(--font-weight-content);
}

.cookie-consent-button {
    border: 2px solid #000;
    padding: 6px 16px;
    font-size: 0.88rem;
    display: inline-block;
    background-color: #000;
    border-radius: 30px;
    cursor: pointer;
}

.cookie-consent-button:hover {
    border: 2px solid var(--color-base);
    background-color: var(--color-base);
}

.prompt {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(18, 18, 18, 0.8);
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prompt .content {
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    min-height: 60vh;
    background: #fff;
    border-radius: 12px;
    position: relative;
    padding: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: auto;
}

@media only screen and (min-width: 768px) {
    .prompt .content {
        padding: 60px;
    }
}

@media only screen and (max-height: 560px) {
    .prompt .content {
        padding: 15px;
    }
}

.prompt .content::-webkit-scrollbar {
    width: 10px;
    margin: 2px;
    background: #fff;
    border-radius: 5px;
}

.prompt .content::-webkit-scrollbar-thumb {
    width: 8px;
    padding: 2px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.prompt__logo {
    width: 100%;
    margin: 0 auto 24px auto;
}

.prompt__logo img {
    display: block;
    max-width: 334px;
    width: 50%;
    margin: 0 auto;
}

@media only screen and (max-height: 560px) {
    .prompt__logo img {
        width: 40%;
    }
}

.prompt__title {
    width: 100%;
    text-align: center;
    font-size: 1.56rem;
    font-family: var(--font-family-title);
    font-weight: var(--font-weight-title);
}

@media only screen and (min-width: 1023px) {
    .prompt__title {
        font-size: 1.75rem;
    }
}

.prompt__main {
    margin: 16px auto;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    font-size: var(--font-size-content-phone);
    line-height: var(--lineHeight-txt-phone);
}

.prompt__button {
    margin: 6vh auto;
    margin: 0 auto;
    font-family: var(--font-family-subtitle);
    color: #fff;
    border-radius: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

@media only screen and (min-width: 1023px) {
    .prompt__button {
        font-size: var(--font-size-content);
    }
}

.prompt__notes {
    margin: 16px auto;
    width: 100%;
    text-align: center;
    font-size: 0.88rem;
    line-height: var(--lineHeight-txt-phone);
}

.prompt--nogameintro .content {
    min-height: initial;
    max-height: 80vh;
    overflow: initial;
    padding: 48px 36px;
    position: relative;
}

@media only screen and (min-width: 1023px) {
    .prompt--nogameintro .content {
        padding: 60px;
    }
}

@media only screen and (orientation: landscape) and (max-height: 650px) {
    .prompt--nogameintro .content {
        padding: 48px 36px;
    }
}

.prompt--nogameintro .role {
    position: absolute;
    bottom: 0;
    height: 120%;
    max-height: 350px;
    left: 0;
}

@media only screen and (min-width: 1023px) {
    .prompt--nogameintro .role {
        width: 58.3333333333%;
        height: auto;
        max-height: initial;
    }
}

@media only screen and (orientation: landscape) and (max-height: 650px) {
    .prompt--nogameintro .role {
        width: auto;
        height: 120%;
        max-height: 450px;
    }
}

.prompt--nogameintro .role img {
    position: relative;
    display: block;
    width: auto;
    height: 100%;
    left: -12%;
    max-height: 350px;
}

@media only screen and (orientation: landscape) and (max-height: 650px) {
    .prompt--nogameintro .role img {
        width: auto;
        max-height: 450px;
        left: 0;
    }
}

@media only screen and (min-width: 576px) {
    .prompt--nogameintro .role img {
        left: 0;
    }
}

@media only screen and (min-width: 1023px) {
    .prompt--nogameintro .role img {
        width: 100%;
        max-height: initial;
        left: -16px;
    }
}

.prompt--nogameintro .prompt__main {
    position: relative;
    width: 100%;
    max-width: calc(100% - 110px);
    left: 50px;
    margin: initial;
}

@media only screen and (min-width: 1023px) {
    .prompt--nogameintro .prompt__main {
        width: 66.6666666667%;
        left: 18%;
    }
}

@media only screen and (orientation: landscape) and (max-height: 650px) {
    .prompt--nogameintro .prompt__main {
        max-width: calc(100% - 110px);
        left: 50px;
    }
}

.prompt--nogameintro .prompt__button {
    margin-top: 16px;
}

@media only screen and (min-width: 1023px) {
    .prompt--nogameintro .prompt__button {
        margin-top: 32px;
    }
}

@media only screen and (orientation: landscape) and (max-height: 650px) {
    .prompt--nogameintro .prompt__button {
        margin-top: 16px;
    }
}

.prompt--nogameintro .title {
    font-size: 1.5rem;
    font-weight: var(--font-weight-title);
    line-height: 1em;
    margin-bottom: 16px;
    color: var(--color-base);
}

@media only screen and (min-width: 1023px) {
    .prompt--nogameintro .title {
        font-size: 2rem;
        line-height: 1.5em;
        margin-bottom: 32px;
    }
}

@media only screen and (orientation: landscape) and (max-height: 650px) {
    .prompt--nogameintro .title {
        margin-bottom: 16px;
    }
}

.prompt--nogameintro p {
    font-size: var(--font-size-content);
    max-height: calc(80vh - 128px - var(--font-size-title) - var(--font-size-content) - 20px);
    overflow-y: auto;
}

@media only screen and (min-width: 1023px) {
    .prompt--nogameintro p {
        max-height: calc(80vh - 184px - var(--font-size-title) - var(--font-size-content) - 20px);
    }
}

@media only screen and (orientation: landscape) and (max-height: 650px) {
    .prompt--nogameintro p {
        max-height: calc(80vh - 128px - var(--font-size-title) - var(--font-size-content) - 20px);
    }
}

.iconamoon--link-external {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 4H4v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M9 15L20 4m-5 0h5v5'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.mage--copy {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M18.327 7.286h-8.044a1.93 1.93 0 0 0-1.925 1.938v10.088c0 1.07.862 1.938 1.925 1.938h8.044a1.93 1.93 0 0 0 1.925-1.938V9.224c0-1.07-.862-1.938-1.925-1.938'/%3E%3Cpath d='M15.642 7.286V4.688c0-.514-.203-1.007-.564-1.37a1.92 1.92 0 0 0-1.361-.568H5.673c-.51 0-1 .204-1.36.568a1.95 1.95 0 0 0-.565 1.37v10.088c0 .514.203 1.007.564 1.37s.85.568 1.361.568h2.685'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ic--round-desktop-mac {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-1.63 2.45c-.44.66.03 1.55.83 1.55h5.6c.8 0 1.28-.89.83-1.55L14 18h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 12H3V5c0-.55.45-1 1-1h16c.55 0 1 .45 1 1z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.fa--mobile {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 1280'%3E%3Cpath fill='%23000' d='M464 1152q0-33-23.5-56.5T384 1072t-56.5 23.5T304 1152t23.5 56.5T384 1232t56.5-23.5T464 1152m208-160V288q0-13-9.5-22.5T640 256H128q-13 0-22.5 9.5T96 288v704q0 13 9.5 22.5t22.5 9.5h512q13 0 22.5-9.5T672 992M480 144q0-16-16-16H304q-16 0-16 16t16 16h160q16 0 16-16m288-16v1024q0 52-38 90t-90 38H128q-52 0-90-38t-38-90V128q0-52 38-90t90-38h512q52 0 90 38t38 90'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.zondicons--tablet {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M2 2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm2 0v14h12V2zm6 17a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ep--arrow-down-bold {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M104.704 338.752a64 64 0 0 1 90.496 0l316.8 316.8l316.8-316.8a64 64 0 0 1 90.496 90.496L557.248 791.296a64 64 0 0 1-90.496 0L104.704 429.248a64 64 0 0 1 0-90.496'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ep--arrow-left-bold {
    display: inline-block;
    width: 1024px;
    height: 1024px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ep--arrow-right-bold {
    display: inline-block;
    width: 1024px;
    height: 1024px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.fluent-mdl2--go {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='M1024 0h1024v1024h-128V219L93 2045l-90-90L1829 128h-805z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.lsicon--screen-full-filled {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.293 4H9.848V3H13v3.152h-1V4.707L9.354 7.354l-.708-.708zM4 11.293l2.646-2.647l.708.708L4.707 12h1.445v1H3V9.848h1z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.lsicon--screen-off-filled {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m10 5.293l2.646-2.647l.708.708L10.707 6h1.445v1H9V3.848h1zM5.293 10H3.849V9H7v3.152H6v-1.445l-2.646 2.647l-.708-.707z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.tdesign--user-filled {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.5 7.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0M3 19a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v3H3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.line-md--switch-off-filled {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='lineMdSwitchOffFilled0'%3E%3Cg fill='none' fill-opacity='0' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='%23fff' stroke-dasharray='56' stroke-dashoffset='56' d='M12 7h5c2.76 0 5 2.24 5 5c0 2.76 -2.24 5 -5 5h-10c-2.76 0 -5 -2.24 -5 -5c0 -2.76 2.24 -5 5 -5Z'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.6s' dur='0.5s' values='0;1'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='56;0'/%3E%3C/path%3E%3Ccircle cx='7' cy='12' r='3' fill='%23000' stroke='none' opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.6s' dur='0.5s' values='0;1'/%3E%3Canimate fill='freeze' attributeName='opacity' begin='0.6s' dur='0.2s' values='0;1'/%3E%3C/circle%3E%3C/g%3E%3C/mask%3E%3Crect width='24' height='24' fill='%23000' mask='url(%23lineMdSwitchOffFilled0)'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.lineicons--menu-hamburger-1 {
    display: inline-block;
    width: 25px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'%3E%3Cpath fill='%23000' d='M3.563 6a.75.75 0 0 1 .75-.75h16a.75.75 0 0 1 0 1.5h-16a.75.75 0 0 1-.75-.75m0 12a.75.75 0 0 1 .75-.75h16a.75.75 0 0 1 0 1.5h-16a.75.75 0 0 1-.75-.75m.75-6.75a.75.75 0 0 0 0 1.5h16a.75.75 0 0 0 0-1.5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.material-symbols-light--folder-outline {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h4.981l2 2h7.789q.69 0 1.153.463T21 8.616v8.769q0 .69-.462 1.153T19.385 19zm0-1h14.769q.269 0 .442-.173t.173-.442v-8.77q0-.269-.173-.442T19.385 8h-8.19l-2-2h-4.58q-.269 0-.442.173T4 6.616v10.769q0 .269.173.442t.443.173M4 18V6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.material-symbols-light--folder-open-outline {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.5 19q-.633 0-1.066-.434Q3 18.133 3 17.5V6.616q0-.633.491-1.125Q3.983 5 4.615 5h4.981l2 2h7.789q.517 0 .903.28t.539.72h-9.633l-2-2H4.615q-.269 0-.442.173T4 6.616v10.769q0 .211.106.346t.279.23l2.265-7.576h16.216l-2.268 7.556q-.142.476-.545.768q-.403.291-.9.291zm.927-1h14.112l1.972-6.616H7.4zm0 0L7.4 11.385zM4 8V6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.material-symbols--download-rounded {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 15.575q-.2 0-.375-.062T11.3 15.3l-3.6-3.6q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L11 12.15V5q0-.425.288-.712T12 4t.713.288T13 5v7.15l1.875-1.875q.3-.3.713-.288t.712.313q.275.3.288.7t-.288.7l-3.6 3.6q-.15.15-.325.213t-.375.062M6 20q-.825 0-1.412-.587T4 18v-2q0-.425.288-.712T5 15t.713.288T6 16v2h12v-2q0-.425.288-.712T19 15t.713.288T20 16v2q0 .825-.587 1.413T18 20z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.material-symbols--share {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 22q-1.25 0-2.125-.875T14 19q0-.15.075-.7L7.05 14.2q-.4.375-.925.588T5 15q-1.25 0-2.125-.875T2 12t.875-2.125T5 9q.6 0 1.125.213t.925.587l7.025-4.1q-.05-.175-.062-.337T14 5q0-1.25.875-2.125T17 2t2.125.875T20 5t-.875 2.125T17 8q-.6 0-1.125-.213T14.95 7.2l-7.025 4.1q.05.175.063.338T8 12t-.012.363t-.063.337l7.025 4.1q.4-.375.925-.587T17 16q1.25 0 2.125.875T20 19t-.875 2.125T17 22'/%3E%3C/svg%3E");
}

.pixelarticons--calendar-text {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15 2h2v2h4v18H3V4h4V2h2v2h6zM9 6H5v2h14V6zm-4 4v10h14V10zm2 2h8v2H7zm4 6v-2H7v2z'/%3E%3C/svg%3E");
}

.prime--sort-down-fill {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 7.75a.75.75 0 0 0-.53 1.28l7 7a.75.75 0 0 0 1.06 0l7-7A.75.75 0 0 0 19 7.75z'/%3E%3C/svg%3E");
}

.fa--square {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1536'%3E%3Cpath fill='%23000' d='M1536 288v960q0 119-84.5 203.5T1248 1536H288q-119 0-203.5-84.5T0 1248V288Q0 169 84.5 84.5T288 0h960q119 0 203.5 84.5T1536 288'/%3E%3C/svg%3E");
}

.material-symbols-light--view-list-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.5 18h10.885q.23 0 .423-.192t.192-.424v-2.559H8.5zM4 9.175h3.5V6H4.616q-.231 0-.424.192T4 6.616zm0 4.675h3.5v-3.675H4zM4.616 18H7.5v-3.175H4v2.56q0 .23.192.423t.423.192M8.5 13.85H20v-3.675H8.5zm0-4.675H20v-2.56q0-.23-.192-.423T19.385 6H8.5zM4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19z'/%3E%3C/svg%3E");
}

.material-symbols-light--grid-view-outline {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 11V4h7v7zm0 9v-7h7v7zm9-9V4h7v7zm0 9v-7h7v7zM5 10h5V5H5zm9 0h5V5h-5zm0 9h5v-5h-5zm-9 0h5v-5H5zm5-9'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ic--outline-image {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 5v14H5V5zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-4.86 8.86l-3 3.87L9 13.14L6 17h12z'/%3E%3C/svg%3E");
}

.bxs--video {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18 7c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-3.333L22 17V7l-4 3.333z'/%3E%3C/svg%3E");
}

.fontisto--music-note {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 24'%3E%3Cpath fill='%23000' d='M18.07.169a.91.91 0 0 0-.848-.114l.006-.002L6.151 3.991a.92.92 0 0 0-.613.869V17.7a3.85 3.85 0 0 0-1.846-.471h-.001a3.553 3.553 0 0 0-3.692 3.376v.008a3.555 3.555 0 0 0 3.699 3.385h-.007a3.553 3.553 0 0 0 3.692-3.376V7.731l9.23-3.223v8.973a3.86 3.86 0 0 0-1.846-.47h-.001a3.55 3.55 0 0 0-3.691 3.376v.008a3.554 3.554 0 0 0 3.699 3.385h-.007l.105.002a3.62 3.62 0 0 0 3.513-2.74l.005-.025a.9.9 0 0 0 .069-.34V.923a.92.92 0 0 0-.388-.752l-.003-.002z'/%3E%3C/svg%3E");
}

.ph--file-text {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m213.66 82.34l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v176a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V88a8 8 0 0 0-2.34-5.66M160 51.31L188.69 80H160ZM200 216H56V40h88v48a8 8 0 0 0 8 8h48zm-32-80a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.mi--computer {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-7v2h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2H4a2 2 0 0 1-2-2zm18 11V5H4v11z'/%3E%3C/svg%3E");
}

.ph--file-light {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m212.24 83.76l-56-56A6 6 0 0 0 152 26H56a14 14 0 0 0-14 14v176a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14V88a6 6 0 0 0-1.76-4.24M158 46.48L193.52 82H158ZM200 218H56a2 2 0 0 1-2-2V40a2 2 0 0 1 2-2h90v50a6 6 0 0 0 6 6h50v122a2 2 0 0 1-2 2'/%3E%3C/svg%3E");
}

.formkit--add {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 15c-3.86 0-7-3.14-7-7s3.14-7 7-7s7 3.14 7 7s-3.14 7-7 7M8 2C4.69 2 2 4.69 2 8s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6'/%3E%3Cpath fill='%23000' d='M8 11.5c-.28 0-.5-.22-.5-.5V5c0-.28.22-.5.5-.5s.5.22.5.5v6c0 .28-.22.5-.5.5'/%3E%3Cpath fill='%23000' d='M11 8.5H5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h6c.28 0 .5.22.5.5s-.22.5-.5.5'/%3E%3C/svg%3E");
}

.meteor-icons--filter {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 3H2l8 10v4l4 4v-8z'/%3E%3C/svg%3E");
}

.icon-park-outline--double-down {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M36 12L24 24L12 12m24 12L24 36L12 24'/%3E%3C/svg%3E");
}

.ion--expand-sharp {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='10' stroke-width='32' d='M432 320v112H320m101.8-10.23L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320m10.23 101.8L208 304'/%3E%3C/svg%3E");
}

.teenyicons--minimise-solid {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M13.854 1.854L10.707 5H13v1H9V2h1v2.293l3.146-3.147zM4.293 5L1.146 1.854l.708-.708L5 4.293V2h1v4H2V5zM2 9h4v4H5v-2.293l-3.146 3.147l-.708-.707L4.293 10H2zm7 0h4v1h-2.293l3.147 3.146l-.708.708L10 10.707V13H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.fluent--add-12-regular {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 2a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 6 2'/%3E%3C/svg%3E");
}

.tabler--microphone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5a3 3 0 0 1 3-3h0a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h0a3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E");
}

.fluent--sound-wave-circle-16-filled {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1M6.5 5.5A.5.5 0 0 1 7 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5M12 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 1 0m-3 .5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m-4.5 1v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 1 0'/%3E%3C/svg%3E");
}

.fa--files-o {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath fill='%23000' d='M1696 384q40 0 68 28t28 68v1216q0 40-28 68t-68 28H736q-40 0-68-28t-28-68v-288H96q-40 0-68-28t-28-68V640q0-40 20-88t48-76L476 68q28-28 76-48t88-20h416q40 0 68 28t28 68v328q68-40 128-40zm-544 213L853 896h299zM512 213L213 512h299zm196 647l316-316V128H640v416q0 40-28 68t-68 28H128v640h512v-256q0-40 20-88t48-76m956 804V512h-384v416q0 40-28 68t-68 28H768v640z'/%3E%3C/svg%3E");
}

.material-symbols--close-rounded {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z'/%3E%3C/svg%3E");
}

.mingcute--link-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.232 10.231a5 5 0 0 1 6.89-.172l.181.172l2.828 2.829a5 5 0 0 1-6.89 7.243l-.18-.172l-2.122-2.122a1 1 0 0 1 1.32-1.497l.094.083l2.122 2.122a3 3 0 0 0 4.377-4.1l-.135-.143l-2.828-2.828a3 3 0 0 0-4.243 0a1 1 0 0 1-1.414-1.415M3.868 3.867a5 5 0 0 1 6.89-.172l.181.172L13.06 5.99a1 1 0 0 1-1.32 1.497l-.094-.083l-2.121-2.121A3 3 0 0 0 5.147 9.38l.135.144l2.829 2.829a3 3 0 0 0 4.242 0a1 1 0 1 1 1.415 1.414a5 5 0 0 1-6.89.172l-.182-.172l-2.828-2.829a5 5 0 0 1 0-7.07Z'/%3E%3C/g%3E%3C/svg%3E");
}

.ic--outline-zip {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 2a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12a2 2 0 0 0 2-2V8l-6-6zm6 1.5L17.5 9H13a1 1 0 0 1-1-1zm-4 6.5h1.5v1.5H8zm0 2.5h1.5V14H8zm0 2.5h1.5V17H8z'/%3E%3C/svg%3E");
}

.ic--outline-others {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4m6 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4m6 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/svg%3E");
}

.eos-icons--three-dots-loading {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='18' cy='12' r='0' fill='%23000'%3E%3Canimate attributeName='r' begin='.67' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='0' fill='%23000'%3E%3Canimate attributeName='r' begin='.33' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='0' fill='%23000'%3E%3Canimate attributeName='r' begin='0' calcMode='spline' dur='1.5s' keySplines='0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8' repeatCount='indefinite' values='0;2;0;0'/%3E%3C/circle%3E%3C/svg%3E");
}

.mynaui--send-solid {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.04 2.323c1.016-.355 1.992.621 1.637 1.637l-5.925 16.93c-.385 1.098-1.915 1.16-2.387.097l-2.859-6.432l4.024-4.025a.75.75 0 0 0-1.06-1.06l-4.025 4.024l-6.432-2.859c-1.063-.473-1-2.002.097-2.387z'/%3E%3C/svg%3E");
}

.icon_choseAtoZ {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_choseAtoZ.svg);
}

.icon_date {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_date.svg);
}

.icon_album {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_album.svg);
}

.icon_custom {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_custom.svg);
}

.icon_refresh {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_refresh.svg);
}

.icon_library {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_library.svg);
}

.icon_img {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_img.svg);
}

.icon_flow-dense {
    --svg: url(https://wbgame.tadagaming.com/All-In-One/uat/img/tadaPlusPlayer/hub/icon_flow-dense.svg);
}

@-webkit-keyframes delay {

    0%,
    100% {
        opacity: 0;
    }
}

@keyframes delay {

    0%,
    100% {
        opacity: 0;
    }
}

.space01 {
    padding-top: 80px;
}

.space02 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.tick {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .cont01-2 {
        font-size: 1.2rem;
        color: #ffffff;
        text-align: left;
        margin-top: 0px;
    }
}

.cont01 {
    font-size: 1.3rem;
    color: #727272;
    padding-left: 5px;
    vertical-align: middle;
}

.cont01 a:link {
    font-size: 1.3rem;
    color: #000000;
    vertical-align: middle;
}

.cont01 a:hover {
    font-size: 1.3rem;
    color: #ff8200;
    vertical-align: middle;
}

.cont02 {
    font-size: 1rem;
    color: #727272;
    text-align: left;
    margin-top: 0px;
}

.expic {
    width: 100%;
}

.menu_partner {
    padding-top: 100px;
}

.w1 {
    font-size: 20px;
    color: #313131;
    text-align: center;
    margin-top: 10px;
}

.w1 a:link {
    font-size: 20px;
    color: #000000;
    text-align: center;
    margin-top: 10px;
}

.w1 a:hover {
    font-size: 20px;
    color: #ff7b00;
    text-align: center;
    margin-top: 10px;
}