.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0, 0, 0, .6);
}

.ath-mandatory {
    background: #000;
}

.ath-container {
    pointer-events: auto !important;
    position: fixed;
    z-index: 2147483641;
    padding: .7em .6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 .2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}

.ath-container small {
    font-size: .8em;
    line-height: 1.3em;
    display: block;
    margin-top: .5em;
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-tablet {
    right: .4em;
    top: 1.8em;
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em;
}

.ath-ios7.ath-tablet {
    left: .7em;
    top: 1.8em;
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -.7em -.6em 0 .5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-color: rgba(255, 255, 255, .8);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642;
}

.ath-container.ath-icon:before {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    float: none;
}

.ath-mandatory .ath-container:before {
    display: none;
}

.ath-container.ath-android:before {
    float: left;
    margin: -.7em .5em 0 -.6em;
}

.ath-container.ath-android.ath-icon:before {
    position: fixed;
    right: auto;
    left: 0;
    margin: 0;
    float: none;
}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,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);
    margin-top: -.3em;
    background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,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);
    margin-bottom: .4em;
    background-size: 100% auto;
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 .1em 0 #fff;
    font-size: 1.1em;
    color: #000;
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: fixed;
    width: 2em;
    height: 2em;
    bottom: -.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg);
    box-shadow: .2em .2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: fixed;
    width: 2em;
    height: 2em;
    top: -.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg);
    z-index: 2147483641;
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto .2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 .2em .4em rgba(0, 0, 0, .3), inset 0 .07em 0 rgba(255, 255, 255, .5);
    margin: 0 auto .4em auto;
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }

    .ath-android.ath-phone {
        margin-left: -12em;
    }

    .ath-ios.ath-phone {
        margin-left: -12em;
    }

    .ath-ios6:after {
        left: 39%;
    }

    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: .4em;
        top: 1.8em;
    }

    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none;
    }

;
}

html {
    overflow-y: scroll;
}

.input-title {
    display: none;
}

@media only screen and (min-width: 1000px) {
    .input-title {
        display: block;
    }

;
}

.mobile-header .header {
    min-width: 320px;
    width: 100%;
    height: 55px;
    background: #f9ebd4;
    border-bottom: 1px solid #000;
    text-align: center;
}

.mobile-header .header_left {
    float: left;
    width: 40px;
    padding-left: 5px;
    cursor: pointer;
}

.mobile-header .header_right {
    float: right;
    width: 40px;
    padding-right: 5px;
    cursor: pointer;
}

#PopMenuDiv {
    position: absolute;
    width: 180px;
    left: 0;
    top: 55px;
    z-index: 1000;
    text-align: left;
    display: none;
}

#PopMeneUL li {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    overflow: hidden;
    border-bottom: #e9c46a80 1px solid;
    background: #f9ebd4e6;
    padding: 3px 0 3px 10px;
    color: #fff;
}

#PopMeneUL li.selected {
    background: #392b7a;
}

#PopMeneUL li.selected a {
    color: #fff;
}

#PopMeneUL li a {
    text-decoration: none;
    color: #fff;
}

#PopMeneUL li img {
    padding: 0 5px 0 0;
}

#searchDiv {
    width: 100%;
    height: 40px;
    padding: 0;
    position: relative;
    display: none;
    clear: both;
    margin-top: -1px;
}

#keywordsDiv {
    height: 50px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#keywordsInput2 {
    line-height: 33px;
    padding: 0 0 0 5px;
    color: #fff;
    width: 100%;
    height: 33px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 60px;
    border: none;
    box-sizing: border-box;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    background: rgba(255, 255, 255, .2);
}

#submitDiv {
    width: 60px;
    height: 30px;
    float: right;
    position: absolute;
    right: 0;
}

#submitInput {
    background: url(../webp/search.webp) no-repeat;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    scale: .7;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    border: none;
}

.pc-header .header {
    width: 100%;
    height: 55px;
    opacity: 1;
    background: #f9ebd4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001037', endColorstr='#000719', GradientType=0);
    border-bottom: 1px solid #000;
}

.breadcrumb {
    font-size: 14px;
    color: #fff;
    height: 30px;
    line-height: 36px;
    padding-left: 10px;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    width: calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumb::-webkit-scrollbar {
    display: none;
}

.breadcrumb {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.breadcrumb ul li {
    color: #f9ebd4;
    display: inline-block;
}

.breadcrumb li:not(:first-child)::before {
    content: '>';
    font-size: 13px;
    margin: 0 6px 0 2px;
}

.breadcrumb span {
    font-size: 13px;
}

.breadcrumb .breadcrumb-item {
    display: inline-block;
    white-space: nowrap;
}

.breadcrumb h1 {
    display: inline-block;
    font-size: 14px;
}

.breadcrumb a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.breadcrumb a:hover {
    color: #6c5ba0;
}

.breadcrumb span::before {
    content: '-';
    font-size: 13px;
    margin: 0 6px 0 2px;
}

.m-page .main-container {
    min-height: 0;
}

.main-container {
    min-height: calc(100vh - 135px);
}

.pc-header .top {
    margin: 0;
    height: 55px;
    width: 100%;
    overflow: hidden;
}

.pc-header .top_logo {
    margin-left: 0;
}

.pc-header .top_nav {
    height: 55px;
    margin: 0 0 0 0;
    width: auto;
    overflow: hidden;
    width: calc(100vw - 450px);
}

.pc-header .top_nav ul {
    margin: 0 0 0 5px;
    padding: 0;
}

.pc-header .top_nav li {
    float: left;
    list-style: none;
    font-size: 16px;
    color: #6c5ba0;
    text-align: center;
    padding: 2.5px 12px;
    line-height: 50px;
    position: relative;
}

.pc-header .top_nav li img {
    width: 32px;
    height: 32px;
    margin: 10px 4px 0 0;
}

.pc-header .top_nav li a {
    text-decoration: none;
    color: #6c5ba0;
}

.pc-header .top_nav li:hover {
    background-color: rgba(255, 255, 255, .1);
}

.pc-header .top_nav li a:hover {
    color: #6c5ba0;
}

.pc-header .top_nav li.selected {
    background-color: rgba(255, 255, 255, .1);
}

.pc-header .top_nav li.selected::after {
    content: '';
    border-bottom: 4px solid #6c5ba0;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5px;
}

.pc-header .top_search {
    margin-top: 12px;
    padding-right: 5px;
    width: 202px;
    height: 33px;
    position: relative;
}

.pc-header .top_search_input {
    float: right;
    width: 202px;
    height: 33px;
}

.pc-header .top_search_input input {
    line-height: 33px;
    padding: 0 0 0 5px;
    color: #6c5ba0;
    width: 200px;
    height: 33px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 40px;
    border: none;
    box-sizing: border-box;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    background: rgba(255, 255, 255, .2);
}

.pc-header input:-webkit-autofill, .pc-header input:-webkit-autofill:hover, .pc-header input:-webkit-autofill:focus, .pc-header input:-webkit-autofill:active, .searchDiv input:-webkit-autofill, .searchDiv input:-webkit-autofill:hover, .searchDiv input:-webkit-autofill:focus, .searchDiv input:-webkit-autofill:active {
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #fff;
}

.pc-header .top_search_input span {
    float: right;
    margin: 0;
    padding: 0;
}

.pc-header .top_search_input span input {
    background: url(../webp/search.webp) no-repeat;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    scale: .7;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -5px;
}

@keyframes cardwrap2 {
    0% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0);
    }

;
}

.GameName {
    display: none;
}

@media (hover: hover) {
    .thumb:hover .GameName {
        display: block;
        border: none !important;
        animation: cardwrap2 0.2s linear;
    }

    .thumb:hover {
        border: 2px solid #f9ebd4;
    }

;
}

.thumb a {
    width: 100%;
    display: block;
    height: 100%;
    box-sizing: border-box;
}

.alltags_container {
    background-color: #0050a4;
    overflow: hidden;
    margin: 10px 2%;
    width: 96%;
    min-width: 320px;
    font-size: 16px;
}

.alltags_container .alltags {
    background-color: #0050a4;
    width: 100%;
    overflow: auto;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 10px 0 10px 0;
    text-align: center;
}

.alltags_container ul.tags li {
    float: left;
    list-style: none;
    padding: 5px 0 5px 0;
    float: left;
    width: 300px;
    height: 30px;
    overflow: hidden;
    color: #eaeaea;
    border-bottom: #215f82 1px solid;
}

.alltags_container .alltags a {
    color: #eaeaea;
    text-decoration: none;
    line-height: 30px;
}

.show-text-text {
    width: 99%;
    width: -moz-calc(100% - 20px);
    -webkit-calc: calc(100% - 20px);
    -o-calc: calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px auto;
    padding: 10px;
    background: rgba(71, 53, 151, .2);
    border: 2px solid #45329d4a;
    color: #eaeaea;
    line-height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.name-text {
    padding-bottom: 10px;
    text-align: center;
}

.our-games .ourgames_container {
    background-color: #0050a4;
    width: 990px;
    overflow: auto;
    height: auto;
    margin: 0 auto 10px auto;
    padding: 10px 0 10px 5px;
    color: #fff;
}

.our-games .ourgames {
    height: 200px;
    clear: both;
}

.our-games .ourgames_left {
    float: left;
    width: 230px;
    padding: 10px 10px 0 0;
    text-align: center;
}

.our-games .ourgames_left img {
    width: 220px;
}

.our-games .ourgames_right {
    float: left;
    width: 740px;
    line-height: 20px;
}

.our-games .ourgames_right_name {
    font-size: 18px;
    font-weight: 700;
    width: 735px;
    text-align: center;
}

.our-games textarea.iframecode {
    background-color: #0050a4;
    border: 0;
    color: #fff;
    width: 735px;
    height: 45px;
    overflow: hidden;
}

.our-games textarea.gamefile {
    background-color: #0050a4;
    border: 0;
    color: #fff;
    width: 660px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.our-games textarea.description {
    background-color: #0050a4;
    border: 0;
    color: #fff;
    width: 735px;
    height: 45px;
    overflow: hidden;
}

.our-games textarea.control {
    background-color: #0050a4;
    border: 0;
    color: #fff;
    width: 735px;
    height: 15px;
    overflow: hidden;
}

.our-games textarea:focus {
    outline: none !important;
    border: 0;
}

.contact_container {
    overflow: hidden;
    margin: 0 auto;
    padding: 15px;
    box-sizing: border-box;
    width: 96%;
    min-width: 320px;
    max-width: 1220px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.contact-us .contact-us-container {
    font-size: 12px;
    color: #fff;
    font-family: NunitoSans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue, Arial, NotoSans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.contact-us .contact-us-container .contact-us-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.contact-us .contact-us-container .contact-us-name {
    font-family: FangZhengPangWaJianTi;
    text-align: left;
    font-size: 24px;
    color: #fff;
    height: 65px;
    line-height: 33px;
    overflow: hidden;
    position: relative;
    background: url(../title3.html) no-repeat;
    background-size: 100% 100%;
    height: 60px;
    padding: 0 59px;
    line-height: 48px;
    font-weight: 700;
}

.contact-us .contact-us-container .contact-us-name .name-text {
    letter-spacing: 0;
    font-size: 20px;
    left: 30px;
    top: 15px;
    text-transform: uppercase;
}

@media only screen and (min-width: 460px) {
    .contact-us .contact-us-container .contact-us-name .name-text {
        letter-spacing: 0;
        font-size: 22px;
    }

;
}

@media only screen and (min-width: 680px) {
    .contact-us .contact-us-container .contact-us-name .name-text {
        letter-spacing: 1px;
        font-size: 24x;
    }

;
}

@media only screen and (min-width: 960px) {
    .contact-us .contact-us-container .contact-us-name .name-text {
        letter-spacing: 2px;
        font-size: 24px;
    }

;
}

.contact-us .contact-us-container .search-pic {
    width: 68px;
    height: 48px;
    background: #29cedd;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us .contact-us-container .contact-us-text {
    margin: 10px;
    padding: 20px 45px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    max-width: 1200px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 24px;
}

.contact-us .contact-us-container .contact-us-text a {
    text-decoration: none;
    color: #000;
}

.contact-us .contact-us-container .contact-us-text img {
    vertical-align: middle;
}

.contact-us .contact-us-container .contact-us-text .title-text {
    font-size: 24px;
    line-height: 36px;
}

.contact-us .contact-us-container .contact-us-text .seo-text {
    font-size: 16px;
    line-height: 24px;
}

.contact-us .contact-us-container .contact-us-form {
    padding: 20px 10px 30px 10px;
}

.contact-us .contact-us-container .contact-us-form .contact-us-input {
    display: block;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 2px solid #e9c46a;
    font-family: NunitoSans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue, Arial, NotoSans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.contact-us .contact-us-container .contact-us-form .contact-us-input:focus {
    outline: none;
}

.contact-us .contact-us-container .contact-us-form input:-webkit-autofill, .contact-us .contact-us-container .contact-us-form input:-webkit-autofill:hover, .contact-us .contact-us-container .contact-us-form input:-webkit-autofill:focus, .contact-us .contact-us-container .contact-us-form input:-webkit-autofill:active {
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #fff;
}

.contact-us .contact-us-container .contact-us-form .contact-us-textarea {
    width: 100%;
    height: 350px;
    display: block;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 2px solid #e9c46a;
    font-family: NunitoSans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue, Arial, NotoSans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
    width: 100%;
    line-height: 50px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    resize: none;
}

.contact-us .contact-us-container .contact-us-form .contact-us-textarea:focus {
    outline: none;
}

.contact-us .contact-us-container .contact-us-form input:-webkit-autofill, .contact-us .contact-us-container .contact-us-form input:-webkit-autofill:hover, .contact-us .contact-us-container .contact-us-form input:-webkit-autofill:focus, .contact-us .contact-us-container .contact-us-form input:-webkit-autofill:active {
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #fff;
}

.contact-us-form .contact-us-input {
    display: block;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 2px solid #e9c46a;
    font-family: NunitoSans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue, Arial, NotoSans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.contact-us-form .contact-us-input:focus {
    outline: none;
}

.contact-us-form input:-webkit-autofill, .contact-us-form input:-webkit-autofill:hover, .contact-us-form input:-webkit-autofill:focus, .contact-us-form input:-webkit-autofill:active {
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #fff;
}

.contact-us-form .contact-us-textarea {
    width: 100%;
    height: 350px;
    display: block;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 2px solid #e9c46a;
    font-family: NunitoSans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue, Arial, NotoSans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
    width: 100%;
    line-height: 50px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    resize: none;
}

.contact-us-form .contact-us-textarea:focus {
    outline: none;
}

.contact-us-form input:-webkit-autofill, .contact-us-form input:-webkit-autofill:hover, .contact-us-form input:-webkit-autofill:focus, .contact-us-form input:-webkit-autofill:active {
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    -webkit-text-fill-color: #fff;
}

.contact-us-form input[type='search']::-webkit-search-cancel-button {
    color: red;
    background: red;
}

.contact-us-form .input-div {
    position: relative;
}

.contact-us-form .input-div input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    position: relative;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: url(../clear.html);
}

.contact-us-form .input-div .warn-text {
    color: #6c5ba0;
    font-size: 16px;
    margin: -16px 0 10px 20px;
}

.contact-us-form .google-container {
    display: flex;
    justify-content: center;
    position: relative;
}

.contact-us-form .verify-icon {
    position: absolute;
    right: 7px;
    top: 7px;
}

.contact-us-form .verify-warn {
    display: flex;
    justify-content: center;
}

.contact-us-form .verify-warn .warn-text {
    color: #6c5ba0;
    font-size: 16px;
}

.warn-text {
    display: none;
    text-align: left;
}

.contact-us-form .button-container {
    display: flex;
    justify-content: center;
}

.contact-us-form .button-container .contact-us-button {
    width: 200px;
    height: 60px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 2px solid #e9c46a;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin: 20px;
    cursor: pointer;
}

.contact-us-form .button-container .contact-us-button-disabled {
    width: 200px;
    height: 60px;
    background: #d9d9d9;
    box-shadow: 0 2px 0 0 #c3c3c3;
    color: #fff;
    border: none;
    border-radius: 30px;
    margin: 20px;
    cursor: not-allowed;
}

.contact-us-form .button-container .contact-us-button, .contact-us-form .button-container .contact-us-button-disabled {
    font-size: 20px;
}

@media (min-width: 600px) {
    .contact-us-form .button-container .contact-us-button, .contact-us-form .button-container .contact-us-button-disabled {
        font-size: 24px;
    }

;
}

@media (min-width: 1000px) {
    .contact-us-form .button-container .contact-us-button, .contact-us-form .button-container .contact-us-button-disabled {
        font-size: 28px;
    }

;
}

@keyframes submitting {
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

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

;
}

.contact-us-form .button-container .is-submitting div {
    margin-top: 7px;
    animation: submitting 2s linear infinite;
}

#result-container {
    display: none;
}

.contact-us-form .result-container {
    display: flex;
    justify-content: center;
}

.contact-us-form .result-container .result-text {
    color: #6c5ba0;
    font-size: 20px;
}

.detail .detail-container .pc-page-main {
    margin: 10px;
}

.Bottom_Responsive {
    position: relative;
}

.place-holder {
    height: 16px;
}

.detail .detail-container .ad-container {
    height: 250px;
    overflow: hidden;
}

.detail .detail-container .Bottom_Responsive {
    width: 300px;
    height: 250px;
    display: block;
    margin: 0 auto;
}

@media (min-width: 336px) {
    .detail .detail-container .Bottom_Responsive {
        width: 336px;
        height: 280px;
    }

    .detail .detail-container .ad-container {
        height: 280px;
    }

;
}

@media (min-width: 728px) {
    .detail .detail-container .Bottom_Responsive {
        width: 728px;
        height: 90px;
    }

    .detail .detail-container .ad-container {
        height: 90px;
    }

;
}

.detail .detail-container .game-container a {
    display: none;
}

.detail .detail-container .game-container a:nth-child(-n+4) {
    display: block;
}

@media only screen and (min-width: 320px) {
    .detail .detail-container .game-container a:nth-child(-n+8) {
        display: block;
    }

;
}

@media only screen and (min-width: 680px) {
    .detail .detail-container .game-container a:nth-child(-n+12) {
        display: block;
    }

;
}

@media only screen and (min-width: 960px) {
    .detail .detail-container .game-container a:nth-child(-n+16) {
        display: block;
    }

;
}

@media only screen and (min-width: 1200px) {
    .detail .detail-container .game-container a:nth-child(-n+20) {
        display: block;
    }

;
}

.detail .detail-container .game-loading {
    height: 674px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail .detail-container .detail-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

@media only screen and (min-width: 460px) {
    .detail .detail-container .detail-name {
        font-size: 14px;
    }

    .detail .detail-container .detail-name .name-text {
        padding: 10px 25px 10px 15px;
        background-size: 100% 70%;
        letter-spacing: 1px;
    }

;
}

@media only screen and (min-width: 680px) {
    .detail .detail-container .detail-name {
        font-size: 16px;
    }

    .detail .detail-container .detail-name .name-text {
        padding: 10px 30px 10px 15px;
        background-size: 100% 80%;
        letter-spacing: 1px;
    }

;
}

@media only screen and (min-width: 960px) {
    .detail .detail-container .detail-name {
        font-size: 20px;
    }

    .detail .detail-container .detail-name .name-text {
        padding: 10px 40px 10px 15px;
        background-size: 100% 90%;
        letter-spacing: 2px;
    }

;
}

@media only screen and (min-width: 1200px) {
    .detail .detail-container .detail-name {
        font-size: 24px;
    }

    .detail .detail-container .detail-name .name-text {
        padding: 10px 40px 10px 15px;
        background-size: 100% 100%;
        letter-spacing: 2px;
    }

;
}

.detail .detail-container .search-pic {
    width: 68px;
    height: 48px;
    background: #1365bb;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail .detail-container .game-main {
    width: 1200px;
    height: 674px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
    margin: 20px auto;
}

.detail .detail-container .ad-main {
    width: 970px;
    height: 250px;
    background: #fff;
    margin: 50px auto 10px auto;
    color: #3c5f00;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.detail .detail-container .detail-text {
    margin: 10px;
    padding: 20px 45px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
    color: #00747f;
    background-color: rgba(167, 248, 255, .6);
    font-size: 16px;
    line-height: 24px;
}

.detail .detail-container .detail-text a {
    text-decoration: none;
    color: #000;
}

.detail .detail-container .detail-text img {
    vertical-align: middle;
}

.detail .detail-container .detail-text .game-text {
    line-height: 50px;
}

.detail .detail-container .detail-text .game-tag-div {
    display: inline-block;
    background: #45329d4a;
    height: 26px;
    text-align: center;
    padding: 0 15px;
    line-height: 26px;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #fff;
    margin-right: 10px;
}

.game-tag-div {
    display: inline-block;
    background: #45329d4a;
    height: 26px;
    text-align: center;
    padding: 0 15px;
    line-height: 26px;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #fff;
    margin-right: 10px;
}

.detail .detail-footer .detail-logo img {
    vertical-align: middle;
    cursor: pointer;
}

.detail .detail-footer .link-span {
    cursor: pointer;
    margin-left: 25px;
    color: #3c5f00;
    text-decoration: underline;
}

.detail .detail-footer .footer-center {
    display: flex;
    justify-content: space-between;
    padding: 30px 10px;
    box-sizing: border-box;
}

.detail-show-main .game-left {
    display: none;
    margin-left: -3px;
    margin-top: -7px;
    width: 120px;
    position: absolute;
    top: 0;
    left: 167px;
}

.game-left .thumb, .game-right .thumb {
    width: 100%;
    margin-bottom: -1px;
}

.detail-show-main .game-right {
    display: none;
    margin-left: -3px;
    margin-top: -7px;
    width: 120px;
    position: absolute;
    top: 0;
    right: 317px;
}

.gradient-background {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -999;
    background: #6c5ba0;
    background: -webkit-#6c5ba0;
    background: -o-#6c5ba0;
    background: -moz-#6c5ba0;
    background: #6c5ba0;
}

.pc-page .detail-main {
    min-height: 954px;
}

.pc-page .iframe-main {
    width: 1200px;
    height: 580px;
}

.loading-cover {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #0a0048;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.loading-cover svg {
    width: 300px;
}

#mobile-loading-cover-div svg {
    width: 90%;
    max-width: 300px;
    max-height: 100%;
}

.landscape-mode-toasr {
    position: absolute;
    z-index: 7;
    font-size: .7rem;
    top: 0;
    font-weight: 700;
    height: 3rem;
    background: rgba(0, 0, 0, .4);
    color: #a7f8ff;
    line-height: 3rem;
    width: 100%;
    text-align: center;
    display: none;
}

.pc-page .loading-text {
    font-size: 16px;
    color: #fff;
}

.pc-page .loading-text img {
    width: 150px;
}

.pc-page .iframe-detail {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 1200px;
    height: 674px;
}

.game-text {
    display: flex;
    margin-top: 20px;
}

.pc-page .game-tag-title {
    margin-right: 20px;
}

.game-tag-div {
    margin-right: 5px;
    margin-bottom: 5px;
}

.detail-show-main {
    position: relative;
}

.ad-text {
    text-align: center;
    color: #fff;
}

.ad-text-2 {
    text-align: center;
    color: #fff;
}

.ad-left {
    width: 160px;
    height: 615px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
}

.ad-right {
    width: 150px;
    height: 1900px;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    overflow: hidden;
}

.ad-right-top1 {
    width: 300px;
    height: 265px;
    display: none;
}

.ad-right-top2 {
    height: 615px;
    position: sticky;
    width: 150px;
    display: none;
}

.game-page-background {
    width: 600px;
    margin: 0 auto;
    overflow: hidden;
    margin: 5px auto 5px auto;
}

.game-page-background .background-container {
    border-radius: 10px;
    box-sizing: border-box;
    padding: 5px 10px 10px 10px;
    border: 2px solid #45329d4a;
}

.box-header {
    height: 36px;
    border-bottom: 1px dotted #45329d4a;
    overflow: hidden;
}

.box-header h2 {
    position: relative;
    font-size: 16px;
    color: #f9ebd4;
    border-left: solid 4px #f9ebd4;
    text-indent: 9px;
    text-transform: capitalize;
    margin: 5px;
    overflow: hidden;
}

.game-page-background .game-category .box-header {
    margin-left: -10px;
}

.game-page-background .hide-text-card, .game-page-background .show-text-card {
    margin: 16px 0;
}

.game-intro {
    width: 100% !important;
    margin: 5px 0 !important;
}

@media only screen and (min-width: 500px) {
    .game-category .name .text::after {
        content: ' Games';
    }

;
}

@media only screen and (min-width: 600px) {
    .game-category .name .text::after {
        content: '';
    }

;
}

@media only screen and (min-width: 700px) {
    .game-category .name .text::after {
        content: ' Games';
    }

;
}

@media only screen and (min-width: 1000px) {
    .game-category .name .text::after {
        content: '';
    }

;
}

@media only screen and (min-width: 1500px) {
    .game-category .name .text::after {
        content: ' Games';
    }

;
}

.clear-both {
    clear: both;
}

.game-iframe {
    width: calc(100% - 20px);
    background: #1c153b;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
    margin: 0 auto 5px auto;
    color: #0a0048;
    overflow: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.game-iframe .iframe-main {
    position: relative;
}

.game-iframe .iframe-main iframe {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -o-border-top-left-radius: 4px;
    -o-border-top-right-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.game-iframe .control-main {
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 10px;
    padding-bottom: 13px;
}

.game-iframe .control-main .game-name {
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;
    margin-left: 10px;
    padding-top: 5px;
    color: #120d24;
}

.control-main .like-dislike-div {
    display: flex;
}

.like-div, .dislike-div {
    cursor: auto !important;
}

.bg-like, .bg-dislike {
    cursor: pointer;
}

#test-svg:hover {
    fill: yellow;
}

#test-div:hover #test-svg2 {
    fill: sandybrown;
}

.svg-button, .like-button {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 3px;
    left: 0;
}

@media (hover: hover) {
    .svg-button:hover {
        fill: #6c5ba0;
    }

    .close-svg:hover {
        fill: #6c5ba0;
    }

;
}

.tran-small .svg-button {
    width: 26px;
    height: 26px;
    margin-left: 2px;
}

.num-span {
    margin: 0 10px 0 -10px;
    font-size: 16px;
    font-weight: 700;
    color: #e9c46a;
    user-select: none;
}

.like-div:hover .bg-like {
    background: url(../like-hover.html) no-repeat;
    background-size: cover;
}

.like-div:hover .num-span {
    color: #6c5ba0;
}

.dislike-div:hover .num-span {
    color: #6c5ba0;
}

.full_screen .full-screen-button {
    display: block;
}

.full_screen .exit-full-screen-button {
    display: none;
}

.exit_full_screen .full-screen-button {
    display: none;
}

.exit_full_screen .exit-full-screen-button {
    display: block;
}

.game-iframe .control-main .game-name {
    opacity: 0;
}

@media only screen and (min-width: 600px) {
    .game-iframe .control-main .game-name {
        opacity: 1;
    }

;
}

@media only screen and (min-width: 700px) {
    .game-iframe .control-main .game-name {
        font-size: 18px;
    }

;
}

.game-iframe .control-main .game-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}

.game-iframe .control-main .game-button-container .game-button {
    position: relative;
}

.game-iframe .control-main .game-button-container .game-button img {
    cursor: pointer;
    width: 32px;
}

.game-iframe .control-main .game-button-container .game-button > div {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-left: 20px;
    position: relative;
}

.game-iframe .control-main .game-button-container .game-button .record-num {
    position: absolute;
    font-size: 12px;
    color: #6c410d;
    bottom: 0;
    right: -10px;
}

#download-button {
    display: none;
}

#game-iframe-div {
    width: calc(100vw - 40px);
}

#game_frame {
    width: 100%;
}

#iframe-main-div {
    width: 100%;
}

#game-iframe-div {
    min-height: 230px;
}

#game_frame {
    min-height: 186px;
}

#game-iframe-div, .scroll-container2, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro, .pc-page .game-page-background {
    width: calc(100vw - 40px);
}

.game-page-background {
    margin-left: 0 !important;
    width: calc(100vw - 370px);
}

@media only screen and (min-width: 1000px) {
    #game-iframe-div, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro, .pc-page .game-page-background {
        width: calc(100% - 160px);
    }

    .pc-page .game-iframe, .scroll-container2, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro {
        margin-left: 0;
    }

    .pc-page .game-page-background {
        margin-left: calc(50vw - 670px);
    }

    .ad-right {
        pointer-events: all;
    }

    .ad-right-top2 {
        display: block;
    }

;
}

@media only screen and (min-width: 1160px) {
    #game-iframe-div, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro, .pc-page .game-page-background {
        width: calc(100% - 311px);
    }

    .pc-page .game-iframe, .scroll-container2, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro {
        margin-left: 0;
    }

    .pc-page .game-page-background {
        margin-left: calc(50vw - 670px);
    }

    .ad-right {
        width: 300px;
    }

    .ad-right {
        pointer-events: all;
    }

    .ad-right-top1 {
        display: block;
    }

    .ad-right-top2 {
        display: block;
    }

    .ad-right-top2 {
        width: 300px;
    }

;
}

@media only screen and (min-width: 1280px) {
    #game-iframe-div, .detail .detail-container .Bottom_Responsive {
        width: calc(100% - 441px);
    }

    .pc-page .game-intro, .pc-page .game-page-background {
        width: calc(100% - 311px);
    }

    .pc-page .game-iframe, .scroll-container2, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro {
        margin-left: 0;
    }

    .pc-page .game-page-background {
        margin-left: calc(50vw - 670px);
    }

    .ad-right {
        width: 300px;
    }

    .detail-show-main .game-right {
        display: block;
    }

    .ad-right {
        pointer-events: all;
    }

    .ad-right-top1 {
        display: block;
    }

    .ad-right-top2 {
        display: block;
    }

    .ad-right-top2 {
        width: 300px;
    }

;
}

@media only screen and (min-width: 1460px) {
    #game-iframe-div, .detail .detail-container .Bottom_Responsive {
        width: calc(100% - 610px);
    }

    .pc-page .game-intro, .pc-page .game-page-background {
        width: calc(100% - 311px);
    }

    .pc-page .game-iframe, .scroll-container2, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro {
        margin-left: 300px;
    }

    .pc-page .game-page-background {
        margin-left: calc(50vw - 670px);
    }

    .detail-show-main .game-left {
        display: block;
    }

    .detail-show-main .game-right {
        display: none;
    }

    .ad-left {
        display: block;
    }

    .ad-right {
        width: 300px;
    }

    .ad-right {
        pointer-events: all;
    }

    .ad-right-top1 {
        display: block;
    }

    .ad-right-top2 {
        display: block;
    }

    .ad-right-top2 {
        width: 300px;
    }

;
}

@media only screen and (min-width: 1620px) {
    #game-iframe-div, .detail .detail-container .Bottom_Responsive {
        width: calc(100% - 740px);
    }

    .pc-page .game-intro, .pc-page .game-page-background {
        width: calc(100% - 311px);
    }

    .pc-page .game-iframe, .scroll-container2, .detail .detail-container .Bottom_Responsive, .pc-page .game-intro {
        margin-left: 300px;
    }

    .pc-page .game-page-background {
        margin-left: calc(50vw - 670px);
    }

    .detail-show-main .game-left, .detail-show-main .game-right {
        display: block;
    }

    .ad-left {
        display: block;
    }

    .ad-right {
        width: 300px;
    }

    .ad-right {
        pointer-events: all;
    }

    .ad-right-top1 {
        display: block;
    }

    .ad-right-top2 {
        display: block;
    }

    .ad-right-top2 {
        width: 300px;
    }

;
}

#pregamediv {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
    width: 100%;
    height: 100%;
    text-align: center;
    float: left;
}

#pregamediv_ad {
    position: relative;
    padding: 10px 10px 0 10px;
    height: calc(100% - 20px);
}

#adTitle .titleText {
    vertical-align: middle;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    transform: translate(-50%, -50%);
}

#adTitle .titleText a {
    text-decoration: none;
}

#ClickToPlayHref {
    display: inline-block;
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
}

#ClickToPlayHref:hover {
    opacity: .6;
    cursor: pointer;
}

#adTitle {
    width: 202px;
    height: 240px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#adTitle img {
    width: 200px !important;
    border-radius: 100px;
    border: solid 1px #fff;
    box-shadow: 0 0 22px #666;
    box-sizing: border-box;
}

#adTitle .titleText {
    vertical-align: middle;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

#adTitle .titleText .GameNameText {
    display: inline-block;
}

#adTitle .titleText .GameNameText .GameNameText-span {
    vertical-align: middle;
    color: #474747;
    font-size: 14px;
    line-height: 50px;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    overflow: hidden;
    margin-left: -15px;
    display: inline-block;
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0, #fff7dc 50%, rgba(125, 185, 232, 0) 100%);
}

@media only screen and (min-width: 600px) {
    #adTitle .titleText .GameNameText .GameNameText-span {
        font-size: 16px;
    }

;
}

@media only screen and (min-width: 800px) {
    #adTitle .titleText .GameNameText .GameNameText-span {
        font-size: 18px;
    }

;
}

@media only screen and (min-width: 1000px) {
    #adTitle .titleText .GameNameText .GameNameText-span {
        font-size: 20px;
    }

;
}

#adTitle .titleText .GameNameText img {
    width: 20px;
    height: 20px;
    padding-top: 12px;
}

#adTitle .titleText a {
    text-decoration: none;
}

.play-button-container {
    position: relative;
    margin-top: -20px;
    text-transform: capitalize;
    min-width: 140px;
    padding: 0 13px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: #ffda19;
    border-radius: 10px;
    border: solid 3px #6c5ba0;
    border-width: 1px 1px 4px;
    cursor: pointer;
    color: #fff;
    transform: translateX(10%);
}

#adTitle #play-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-55%, -55%);
    scale: .87;
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

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

;
}

#adTitle #play-loading {
    display: none;
    animation: loading 2s linear infinite;
    margin-top: 5px;
}

#adTitle .titleText button {
    display: block;
    background: #236584;
    margin: 0 auto;
    padding: 0 20px;
    border-radius: 10px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

#adTitle .titleText button:hover {
    opacity: .2;
}

#blurred-img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 6;
    filter: blur(45px);
    opacity: .9;
    background: #20daeb;
}

#iframe-container {
    opacity: 0;
}

#game_frame {
    display: none;
}

.PC_GameNameText {
    vertical-align: middle;
    color: #ffffffc4;
    font-size: 16px;
    line-height: 45px;
    width: calc(100% - 20px);
    height: 45px;
    overflow: hidden;
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0, rgba(0, 0, 0, .3) 50%, rgba(125, 185, 232, 0) 100%);
    position: absolute;
    top: 70%;
}

#game-name-text-container {
    display: none;
}

@media only screen and (min-height: 530px) {
    #game-name-text-container {
        display: block;
    }

    #adTitle img {
        width: 150px;
    }

;
}

.game-intro {
    position: relative;
    padding: 9px;
    width: 990px;
    color: #fff;
    margin: 10px auto;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    border-radius: 10px;
    border: 2px solid #45329d4a;
}

.game-intro .intro-img img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    border: 2px solid #fafafa;
    display: block;
    background: url();
    background-size: 100% 100%;
}

.game-intro .intro-text {
    width: calc(100% - 65px);
}

.game-intro .intro-content {
    padding-left: 8px;
    text-align: justify;
    overflow: hidden;
    line-height: 14px;
    height: 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.game-intro .h-imp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m-page .game-intro .h-imp {
    white-space: initial;
    text-overflow: initial;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.game-intro .game-intro-more {
    position: absolute;
    right: 10px;
    bottom: 11px;
    cursor: pointer;
}

.show-ad-game .iframe-main {
    margin-bottom: 50px;
}

.show-ad-game .game-iframe {
    padding-bottom: 90px;
    box-sizing: content-box;
}

.show-ad-game .game-iframe .control-main {
    padding-top: 60px;
}

.ad-game {
    background: #2f2466;
    bottom: -90px;
    height: 85px;
    padding-bottom: 5px;
    width: max-content;
}

.ad-game .thumb {
    max-width: 80px;
    max-height: 80px;
    width: 80px;
    height: 80px;
}

.ad-game div.thumb div.GameName {
    max-height: 40px;
    line-height: 16px;
    font-size: 12px;
    overflow: hidden;
}

.hide-ad-game-button {
    display: none;
}

.show-ad-game-button {
    display: block;
}

.show-game .show-game-svg {
    display: block;
}

.show-game .hide-game-svg {
    display: none;
}

.hide-game .show-game-svg {
    display: none;
}

.hide-game .hide-game-svg {
    display: block;
}

.ad-game {
    display: none;
}

.show-ad-game .iframe-main {
    margin-bottom: 0;
}

.show-ad-game .game-iframe {
    padding: 0;
    box-sizing: border-box;
}

.show-ad-game .game-iframe .control-main {
    padding: 0;
}

#game_frame {
    height: 100%;
}

.scroll-container {
    position: absolute;
    bottom: 0;
}

@media only screen and (min-width: 1000px) {
    .ad-game .thumb {
        --margin: 5px;
        --allwidth: calc(100% - 70px);
        --width: calc((100% - 70px) / 6);
        --newmargin: calc((100% - 515px) / 6);
        width: var(--width);
    }

;
}

@media only screen and (min-width: 1600px) {
    .ad-game .thumb {
        --margin: 7px;
        --allwidth: calc(100% - 140px);
        --width: calc((100% - 140px) / 9);
        --newmargin: calc((100% - 800px) / 9);
        width: var(--width);
    }

;
}

@font-face {
    font-family: montserrat;
    src: url(../ttf/montserrat-regular.ttf);
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: montserrat, arial, sans-serif;
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background-color: #f9ebd4;
}

.no-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

html {
    height: 100%;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}

dl, dt, dd, ul, li, h1, h2, form, input, textarea, p, td, h4, h3 {
    color: #f9ebd4;
    padding: 0;
    margin: 0;
}

ul, dl {
    color: #f9ebd4;
    list-style: none;
}

img {
    vertical-align: top;
    border: 0;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.game-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

.ad-game .game-container {
    margin-top: 0;
}

div.thumb {
    text-align: center;
    position: relative;
    aspect-ratio: 1 / 1;
    float: left;
}

div.thumb {
    --margin: 4px;
    --allwidth: calc(100% - 16px);
    --width: calc((100% - 16px) / 2);
    margin: var(--margin);
    width: var(--width);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: url();
    background-size: 100% 100%;
}

@media only screen and (min-width: 300px) {
    div.thumb {
        --margin: 4px;
        --allwidth: calc(100% - 32px);
        --width: calc((100% - 32px) / 3);
        margin: var(--margin);
        width: var(--width);
    }

    div.allgames {
        margin-left: 8px;
    }

;
}

@media only screen and (min-width: 540px) {
    div.thumb {
        --margin: 4px;
        --allwidth: calc(100% - 40px);
        --width: calc((100% - 40px) / 4);
        margin: var(--margin);
        width: var(--width);
    }

    div.allgames {
        margin-left: 8px;
    }

;
}

@media only screen and (min-width: 720px) {
    div.thumb {
        --margin: 5px;
        --allwidth: calc(100% - 70px);
        --width: calc((100% - 70px) / 6);
        margin: var(--margin);
        width: var(--width);
    }

    div.allgames {
        margin-left: 9px;
    }

;
}

@media only screen and (min-width: 1200px) {
    div.thumb {
        --margin: 6px;
        --allwidth: calc(100% - 108px);
        --width: calc((100% - 108px) / 8);
        margin: var(--margin);
        width: var(--width);
    }

    div.allgames {
        margin-left: 11px;
    }

;
}

@media only screen and (min-width: 1600px) {
    div.thumb {
        --margin: 7px;
        --allwidth: calc(100% - 140px);
        --width: calc((100% - 140px) / 9);
        margin: var(--margin);
        width: var(--width);
        box-sizing: border-box;
    }

    div.allgames {
        margin-left: 10px;
    }

;
}

@media only screen and (min-width: 300px) {
    .background-container div.thumb {
        --margin: 4px;
        --allwidth: calc(100% - 32px);
        --width: calc((100% - 32px) / 3);
        margin: var(--margin);
        width: var(--width);
    }

    .background-container div.allgames {
        margin-left: 8px;
    }

;
}

@media only screen and (min-width: 540px) {
    .background-container div.thumb {
        --margin: 4px;
        --allwidth: calc(100% - 40px);
        --width: calc((100% - 40px) / 4);
        margin: var(--margin);
        width: var(--width);
    }

    .background-container div.allgames {
        margin-left: 8px;
    }

;
}

@media only screen and (min-width: 720px) {
    .background-container div.thumb {
        --margin: 5px;
        --allwidth: calc(100% - 70px);
        --width: calc((100% - 70px) / 6);
        margin: var(--margin);
        width: var(--width);
    }

    .background-container div.allgames {
        margin-left: 9px;
    }

;
}

@media only screen and (min-width: 1200px) {
    .background-container div.thumb {
        --margin: 6px;
        --allwidth: calc(100% - 108px);
        --width: calc((100% - 108px) / 8);
        margin: var(--margin);
        width: var(--width);
    }

    .background-container div.allgames {
        margin-left: 11px;
    }

;
}

.game-modal .ad-game {
    padding: 5px;
    box-sizing: border-box;
    height: max-content;
    width: max-content;
}

.game-modal .ad-game .game-container {
    overflow: hidden;
}

.game-modal .ad-game .game-container {
    width: 324px;
    height: 326px;
}

@media only screen and (min-width: 720px) {
    .game-modal .ad-game .game-container {
        width: 441px;
        height: 330px;
    }

;
}

@media only screen and (min-width: 800px) {
    .game-modal .ad-game .game-container {
        width: 550px;
        height: 330px;
    }

;
}

@media only screen and (min-width: 1600px) {
    .game-modal .ad-game .game-container {
        width: 571px;
        height: 343px;
    }

;
}

.game-modal {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.game-modal .ad-game {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.game-modal .ad-game .thumb {
    max-width: 100px !important;
    max-height: 100px !important;
    width: 100px !important;
    height: 100px !important;
}

.modal-background {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
}

.scroll-container {
    overflow-x: scroll;
    width: 100%;
    z-index: 6;
}

.close-svg {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 999;
    display: none;
    cursor: pointer;
}

.close-svg svg {
    height: 30px;
    width: 30px;
}

@media (hover: hover) {
    .close-svg:hover svg {
        fill: #6c5ba0;
    }

;
}

.scroll-container2 {
    overflow-x: scroll;
    display: none;
}

@media only screen and (min-width: 810px) {
    .scroll-container2 {
        display: block;
    }

;
}

.ad-container {
    margin-top: 5px;
}

.scroll-container::-webkit-scrollbar {
    width: 0;
    display: none;
}

.scroll-container2::-webkit-scrollbar {
    width: 0;
    display: none;
}

div.thumb a img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.thumb a {
    color: #6c5ba0;
    text-decoration: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.thumb img {
    border: none !important;
    object-fit: fill;
}

div.thumb div.GameName {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: none;
    color: #6c5ba0;
    background-color: #f9ebd4;
    padding: 5px 0 5px 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#loadingmoregames {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.foot {
    height: 40px;
    width: 100%;
    min-width: 300px;
    line-height: 40px;
    color: #f9ebd4;
    clear: both;
    overflow: hidden;
    text-align: center;
}

.foot a {
    color: #f9ebd4;
    text-decoration: none;
}

div.bottomtext {
    clear: both;
    padding: 5px 10px 10px 10px;
    color: #fff;
    width: 100%;
    min-width: 240px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
}

div.bottomtext a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

div.bottomtext h1 {
    font-size: 18px;
    display: inline-block;
}

#backToTop {
    width: 60px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    display: none;
    background: url(../backtotop.html);
    cursor: pointer;
}

a.gameCard {
    width: calc(100% - 30px);
    text-decoration: none;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100px;
    float: left;
    border: 1px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    margin: 5px;
    padding: 5px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

a.gameCard::-webkit-scrollbar {
    display: none;
}

a.gameCard:hover {
    background-color: #007bd7;
}

a.gameCard img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    flex-grow: 0;
    flex-shrink: 0;
}

a.gameCard .gameCard_detail {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 10px;
    height: 100px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

a.gameCard .gameCard_detail::-webkit-scrollbar {
    display: none;
}

a.gameCard .gameCard_detail b {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 5px);
}

a.gameCard .gameCard_detail span {
    color: #fff;
    height: 80px;
    overflow: scroll;
    line-height: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

a.gameCard .gameCard_detail span::-webkit-scrollbar {
    display: none;
}

@media only screen and (min-width: 700px) {
    a.gameCard {
        width: calc((100% - 50px) / 2);
    }

;
}

@media only screen and (min-width: 1280px) {
    a.gameCard {
        width: calc((100% - 80px) / 3);
    }

;
}

@media only screen and (min-width: 1600px) {
    a.gameCard {
        width: calc((100% - 100px) / 4);
    }

;
}

.game-category {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

.game-category .title {
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 10px 0 15px 0;
}

.game-category .list {
    overflow: hidden;
    margin: 0 -12px 0 5px;
}

.game-category .list a {
    display: none;
    font-size: 14px;
    float: left;
    color: #fff;
    margin: 5px 12px 5px 0;
    padding: 3px;
    overflow: hidden;
    width: calc(50% - 15px);
    box-sizing: border-box;
    border: 2px solid #f9ebd4;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.game-category .list a {
    display: block;
}

.game-category .list a:hover {
    color: #6c5ba0;
}

.game-category .list .item {
    width: 50px;
    height: 50px;
    float: left;
}

.game-category .list .item img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.game-category .list .name {
    color: #f9ebd4;
    float: left;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - 50px);
}

.game-category .list .name .text {
    float: left;
    text-align: center;
}

.game-category .list .name .num {
    float: left;
    text-align: center;
    font-size: 12px;
}

@media only screen and (min-width: 800px) {
    .game-category .list .item {
        width: 100px;
        height: 100px;
    }

    .game-category .list .name {
        height: 100px;
        width: calc(100% - 100px);
    }

;
}

.game-page-background .game-category .list .item {
    width: 50px;
    height: 50px;
}

.game-page-background .game-category .list .name {
    height: 50px;
    width: calc(100% - 50px);
}

@media only screen and (min-width: 1300px) {
    .game-page-background .game-category .list .item {
        width: 100px;
        height: 100px;
    }

    .game-page-background .game-category .list .name {
        height: 100px;
        width: calc(100% - 100px);
    }

;
}

@media only screen and (min-width: 600px) {
    .game-category .list a {
        width: calc(33% - 12px);
    }

;
}

@media only screen and (min-width: 1000px) {
    .game-category .list a {
        width: calc(25% - 14px);
    }

;
}

@media only screen and (min-width: 1400px) {
    .game-category .list a {
        width: calc((100% / 6) - 13px);
    }

;
}

@media only screen and (min-width: 600px) {
    .game-page-background .game-category .list a {
        width: calc(33% - 12px);
    }

;
}

@media only screen and (min-width: 1000px) {
    .game-page-background .game-category .list a {
        width: calc(25% - 14px);
    }

;
}

.show-text-card, .hide-text-card {
    line-height: 24px;
}

.show-text-card {
    margin: 16px;
    content-visibility: auto;
    contain: layout paint;
    contain-intrinsic-size: 400px;
    overflow-anchor: none;
    border-radius: 10px;
    height: auto;
    position: relative;
    color: #fff;
    font-size: 14px;
    overflow-anchor: auto;
    border: 2px solid #45329d4a;
}

.show-text-card h1, .hide-text-card h1 {
    font-size: 18px;
    padding: 0 0 10px 0;
}

.show-text-card h2, .hide-text-card h2 {
    font-size: 16px;
    padding: 10px 0 10px 0;
}

.show-text-card h3, .hide-text-card h3 {
    font-size: 15px;
    padding: 0 0 10px 0;
}

.show-text-card ol, .hide-text-card ol {
    margin-top: 0;
}

.show-text-card a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.show-text-card .show-text {
    height: 100%;
    overflow: hidden auto;
    padding: 25px 30px 0;
}

.show-text-card .show-text ul {
    margin-left: 30px;
    list-style: disc;
}

.show-text-card .show-text a {
    color: #01adfd;
}

.show-text-card .show-button {
    height: 25px;
    padding-top: 10px;
    padding-left: 30px;
}

#bottom-text-card p {
    margin-bottom: 8px;
}

.button-span {
    display: flex;
}

.button-span svg {
    fill: #6c5ba0;
    width: 16px;
    height: 12px;
    margin: 7px 0 0 5px;
}

#bottom-button-span {
    width: fit-content;
}

.show-text-card .show-button .button-span {
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #6c5ba0;
    font-weight: 700;
}

.hide-text-card {
    margin: 16px;
    content-visibility: auto;
    contain: layout paint;
    contain-intrinsic-size: 400px;
    overflow-anchor: none;
    border-radius: 10px;
    position: relative;
    color: #fff;
    font-size: 14px;
    overflow-anchor: auto;
    border: 2px solid #45329d4a;
}

.hide-text-card a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.hide-text-card .show-text {
    height: 100%;
    overflow: hidden auto;
    padding: 20px 15px;
}

.hide-text-card .show-button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 4px;
    background: rgba(24, 26, 73, .95);
    height: 25px;
    padding-top: 5px;
    padding-left: 30px;
}

.hide-text-card .show-button .button-span {
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #6c5ba0;
    font-weight: 700;
}

.back-button {
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 1000;
    cursor: pointer;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }

;
}

.showButton {
    animation: fadeIn 1s;
    opacity: 1;
}

.hideButton {
    animation: fadeOut 1s;
    opacity: 0;
    pointer-events: none;
}

.error-page-main {
    min-height: calc(100vh - 290px);
}

.error-img {
    width: 325px;
    height: 276px;
    background: url(../robot.html);
    margin: 0 auto;
}

.error-display {
    text-align: center;
    margin-top: 40px;
}

.error-display .error-code {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
}

.error-display .error-text {
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
}

.error-display .error-button {
    width: 180px;
    height: 40px;
    background: rgba(71, 53, 151, .2);
    border: 2px solid #e9c46a;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: 16px;
    margin: 20px;
    cursor: pointer;
}

@media only screen and (min-width: 460px) {
    .error-display .error-code {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        margin-top: 15px;
    }

    .error-display .error-text {
        color: #fff;
        font-size: 16px;
        margin: 10px 0;
    }

    .error-display .error-button {
        width: 180px;
        height: 40px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        font-size: 16px;
        margin: 20px;
    }

;
}

@media only screen and (min-width: 680px) {
    .error-display .error-code {
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        margin-top: 25px;
    }

    .error-display .error-text {
        color: #fff;
        font-size: 18px;
        margin: 10px 0;
    }

    .error-display .error-button {
        width: 200px;
        height: 40px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        font-size: 20px;
        margin: 20px;
    }

;
}

@media only screen and (min-width: 960px) {
    .error-display .error-code {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        margin-top: 30px;
    }

    .error-display .error-text {
        color: #fff;
        font-size: 20px;
        margin: 15px 0;
    }

    .error-display .error-button {
        width: 220px;
        height: 40px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        font-size: 24px;
        margin: 20px;
    }

;
}

@media only screen and (min-width: 1200px) {
    .error-display .error-code {
        color: #fff;
        font-size: 34px;
        font-weight: 700;
        margin-top: 45px;
    }

    .error-display .error-text {
        color: #fff;
        font-size: 22px;
        margin: 20px 0;
    }

    .error-display .error-button {
        width: 240px;
        height: 60px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        font-size: 28px;
        margin: 20px;
        cursor: pointer;
    }

;
}

.m-page .detail-container .Bottom_Responsive {
    width: 100%;
}

.m-page .game-page-background {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
}

.m-page #footad {
    position: static;
    width: 100%;
    text-align: center;
    z-index: 100;
    padding-top: 0;
}

.m-game #mobileSettingImg {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    padding: 4px;
    background: #6c5ba0;
    border-bottom-right-radius: 10px;
    display: none;
}

.m-game #mobile-play-loading {
    animation: loading 2s linear infinite;
    margin-top: 8px;
}

.m-game #similargames_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
    text-align: center;
}

.m-game #similargames {
    width: 800px;
    margin: auto;
    background-color: #6c5ba0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.m-game #similargames .clear-div {
    clear: both;
    height: 2px;
}

.m-game #similargames_container #similargames .thumb {
    margin: 5px 5px 3px 5px;
}

.m-game .similargames_title {
    min-height: 35px;
    width: 100%;
    text-align: right;
    overflow: hidden;
}

.m-game .title-top {
    background-color: #f9ebd4;
}

.m-game .GameName {
    display: none;
}

.m-game .similargames_title_home {
    padding: 8px 0 0 5px;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    width: 35px;
    display: flex;
}

.m-game .similargames_title_home img {
    padding: 5px 0 0 0;
}

.m-game .similargames_title_home a {
    color: #fff;
    float: left;
}

.m-game .similargames_title_icons {
    padding: 8px 8px 0 0;
    display: flex;
}

.m-game #CloseSimilarGamesImg {
    cursor: pointer;
}

.m-game .new-button {
    margin-left: 8px;
}

.m-game #VoteGameDiv {
    display: inline-block;
    overflow: hidden;
    color: #fff;
    line-height: 20px;
    padding-top: 8px;
}

.m-game #VoteGameDiv img {
    padding-top: 8px;
    width: 24px;
    height: 24px;
}

.m-game #VoteGameDiv div {
    display: inline-block;
}

.m-game #mobile-download-button {
    display: none;
    overflow: hidden;
    color: #fff;
    line-height: 20px;
    padding-left: 6px;
}

.m-game #ios-download-button {
    display: inline-block;
    overflow: hidden;
    color: #fff;
    line-height: 20px;
    padding-left: 6px;
}

.m-game .title-bottom {
    padding-right: 10px;
    box-sizing: border-box;
    background: #f9ebd4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.m-game #similargames_content {
    text-align: center;
}

.m-game #similargames_content .GameName {
    font-size: 12px;
}

.m-game #similargames_content div.thumb .tag-featured {
    display: none;
}

.m-game #TheGameDiv {
    position: absolute;
    z-index: 10;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #f9ebd4;
    display: none;
}

.m-game .m-svg {
    width: 28px;
    height: 28px;
}

.mobile_full_screen .full-screen-button {
    display: block;
}

.mobile_full_screen .exit-full-screen-button {
    display: none;
}

.mobile_exit_full_screen .full-screen-button {
    display: none;
}

.mobile_exit_full_screen .exit-full-screen-button {
    display: block;
}

.m-page .detail-container .pc-page-main {
    margin: 0 !important;
}

.pc-page #adsContainer {
    width: 100%;
    height: 100%;
    display: none;
}

.m-game #adsContainer {
    width: 100%;
    z-index: 101;
    text-align: center;
    overflow: hidden;
    padding-bottom: 5px;
}

.m-game #adContainer {
    position: absolute;
    text-align: left;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.m-game .game-name h1 {
    text-align: center;
    padding-top: 5px;
    font-size: 1rem;
    line-height: 1rem;
}

.m-game .gameinfo_middle {
    width: 99%;
    width: -moz-calc(100% - 30px);
    -webkit-calc: calc(100% - 30px);
    -o-calc: calc(100% - 30px);
    width: calc(100% - 30px);
    min-width: 300px;
    padding: 5px;
    margin: 5px auto 0 auto;
    clear: both;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    border: 2px solid #7a64e14a;
}

.m-game .game_information {
    min-height: 140px;
    text-align: left;
}

.m-game .gameinfo_middle a {
    text-decoration: none;
    color: #fff;
}

.m-game .gameinfo_middle .game_thumb {
    float: left;
    padding: 2px 5px 0 0;
}

.m-game .gameinfo_middle .game_thumb img {
    width: 140px;
    height: 140px;
    border-radius: 10px;
}

.m-game h1 {
    width: 100%;
    font-size: 14px;
    color: #fff;
    height: 18px;
    overflow: hidden;
    font-family: Comic Sans MS;
}

.m-game h1 a {
    text-decoration: none;
    color: #fff;
}

.m-game .play_btn {
    clear: both;
    display: block;
    width: 80%;
    height: 50px;
    line-height: 50px;
    margin: 10px auto;
    font-size: 1.2em;
    border-radius: 5px;
    text-align: center;
    background-color: #45329d;
    color: #6c5ba0;
    border: 0;
    outline: 0;
    cursor: pointer;
    text-transform: uppercase;
}

.play-triangle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-triangle svg {
    margin-right: 10px;
}

.m-page .game-page-background .background-container {
    padding: 5px 3px 5px 3px;
}

.m-page .game-page-background .background-container .game-container {
    width: 100%;
    margin: 0;
}

@media only screen and (min-width: 300px) {
    .m-page .background-container div.thumb {
        --margin: 4px;
        --allwidth: calc(100% - 26px);
        --width: calc((100% - 26px) / 3);
        margin: var(--margin);
        width: var(--width);
    }

    .m-page .background-container div.allgames {
        margin-left: 8px;
    }

;
}

@media only screen and (min-width: 540px) {
    .m-page .background-container div.thumb {
        --margin: 4px;
        --allwidth: calc(100% - 34px);
        --width: calc((100% - 34px) / 4);
        margin: var(--margin);
        width: var(--width);
    }

    .m-page .background-container div.allgames {
        margin-left: 8px;
    }

;
}

@media only screen and (min-width: 720px) {
    .m-page .background-container div.thumb {
        --margin: 5px;
        --allwidth: calc(100% - 64px);
        --width: calc((100% - 64px) / 6);
        margin: var(--margin);
        width: var(--width);
    }

    .m-page .background-container div.allgames {
        margin-left: 9px;
    }

;
}

@media only screen and (min-width: 1200px) {
    .m-page .background-container div.thumb {
        --margin: 6px;
        --allwidth: calc(100% - 102px);
        --width: calc((100% - 102px) / 8);
        margin: var(--margin);
        width: var(--width);
    }

    .m-page .background-container div.allgames {
        margin-left: 11px;
    }

;
}

.m-page .contact-us-container .contact-title {
    font-size: 1.5rem;
}

.m-page .contact-us-container .contact-us-form .contact-us-input {
    margin-bottom: 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-top: 4px;
    padding-left: 16px;
    padding-right: 60px;
    font-size: 1rem;
    line-height: 1rem;
}

.m-page .contact-us-container .contact-us-form .contact-us-textarea {
    height: 170px;
    margin-bottom: 1rem;
    line-height: 2.5rem;
    padding-left: 16px;
    padding-right: 60px;
    font-size: 1rem;
    line-height: 1rem;
}

.m-page .contact-us-form .verify-icon {
    top: 2px;
}

.m-page .contact-us-form .input-div .warn-text {
    font-size: 14px;
    margin: -12px 0 10px 20px;
}

.m-page .contact-us-form .button-container .contact-us-button, .m-page .contact-us-form .button-container .contact-us-button-disabled {
    font-size: 16px;
}

.sprite {
    display: inline-block;
}

.bg-totop {
    width: 50px;
    height: 50px;
    background: url(../webp/backtotop.webp);
    background-size: cover;
}

.bg-add {
    width: 64px;
    height: 64px;
    background: url(../add.html) no-repeat;
    background-size: cover;
    scale: .5;
    cursor: pointer;
}

.bg-add:hover {
    background: url(../add-hover.html) no-repeat;
    background-size: cover;
}

.bg-button {
    width: 134px;
    height: 90px;
    background: url(../play.html);
    scale: 1;
}

.bg-full_screen {
    width: 64px;
    height: 64px;
    background: url(../full-screen.html) no-repeat;
    background-size: cover;
    scale: .5;
    cursor: pointer;
}

.bg-full_screen:hover {
    background: url(../full-screen-hover.html) no-repeat;
    background-size: cover;
}

.bg-exit_full_screen {
    width: 64px;
    height: 64px;
    background: url(../exit-full-screen.html) no-repeat;
    background-size: cover;
    scale: .5;
    cursor: pointer;
}

.bg-exit_full_screen:hover {
    background: url(../exit-full-screen-hover.html) no-repeat;
    background-size: cover;
}

.bg-loading {
    width: 44px;
    height: 44px;
    background: url(../loading.html) no-repeat;
    background-size: cover;
    scale: .8;
}

.bg-play {
    width: 82px;
    height: 29px;
    background: url(../play-text.html);
}

.bg-refresh {
    width: 64px;
    height: 64px;
    background: url(../refresh.html) no-repeat;
    background-size: cover;
    scale: .5;
    cursor: pointer;
}

.bg-refresh:hover {
    background: url(../refresh-hover.html) no-repeat;
    background-size: cover;
}

.bg-more {
    width: 64px;
    height: 64px;
    background: url(../more.html) no-repeat;
    background-size: cover;
    scale: .5;
    cursor: pointer;
    margin-top: 4px;
}

.bg-more:hover {
    background: url(../more-hover.html) no-repeat;
    background-size: cover;
}

.bg-segment {
    width: 1px;
    height: 30px;
    background: url(../segment.html) no-repeat;
}

.bg-like {
    width: 34px;
    height: 32px;
    background: url(../like.html) no-repeat;
    background-size: cover;
    cursor: pointer;
    transform: translateX(2px);
}

.bg-dislike {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.bg-dislike:hover {
    fill: orchid;
}

.like-icon, .dislike-icon {
    position: relative;
    width: 32px;
    height: 32px;
}

.choose-button {
    display: none;
}

.not-choose-button {
    display: block;
}

.is-choose .choose-button {
    display: block;
}

.is-choose .not-choose-button {
    display: none;
}

.bg-bear {
    width: 60px;
    height: 80px;
    background: url(../sprites_universal.html) -296px -117px;
}

.bg-submitting {
    width: 40px;
    height: 40px;
    background: url(../submitting.html);
}

.bg-verify {
    width: 38px;
    height: 38px;
    background: url(../verify.html);
    scale: .7;
    display: none;
}

.mobileBottomResponsiveAD {
    width: 300px;
    height: 250px;
}

@media (min-width: 336px) {
    .mobileBottomResponsiveAD {
        width: 336px;
        height: 280px;
    }

;
}

@media (min-width: 728px) {
    .mobileBottomResponsiveAD {
        width: 728px;
        height: 90px;
    }

;
}

@media (min-width: 970px) {
    .mobileBottomResponsiveAD {
        width: 970px;
        height: 250px;
    }

;
}


.gotop-btn {
    display: none;
}

footer {
    padding: 10px 0 20px;
    background: #45329d4a;
    background-color: #e76f51;
}

footer .foot a:hover {
    text-decoration: underline;
}

.footer-bottom {
    line-height: 20px;
    color: #1b1b1e;
    text-align: center;
}

.site-logo {

    height: 45px;

    width: auto;

    max-width: 240px;

    margin-top: 5px;

}


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

    .site-logo {

        height: 35px;

        width: auto;

        max-width: 165px;

        margin-top: 10px;

    }

}