input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number] {
    -moz-appearance: textfield
}
* {
    padding: 0;
    margin: 0
}
body {
    padding: 0;
    margin: 0;
    color: #fff;
    font: 16px "Microsoft YaHei", Arial, Helvetica, sans-serif, Zawgyi-One;
    text-decoration: none;
    list-style-type: none;
    background-color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
a {
    display: inline-block;
    text-decoration: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}
img {
    vertical-align: middle
}
ul {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
ul li {
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
p {
    margin: 0
}
input[type=text]::-ms-clear {
    display: none
}
button, input, option, select, textarea {
    outline: 0;
    border: none
}
button, input, textarea {
    font: 400 13.3333px Arial
}
div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
div:focus {
    outline: 0
}
h1, h2, h3, h4, h5, p {
    margin: 0
}
h1 {
    font-size: 32px
}
h2 {
    font-size: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
h3 {
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
h4 {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
h5, span {
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
hr {
    margin: 5px 0;
    border-color: #ccc
}
@media (max-width:1024px) {
    body, html {
        height: 100%
    }
}
body {
    --mouse: 500;
    --reduce: 500
}
main {
    height: 4500px
}
section {
    width: var(--widW);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section {
        width: 100%
    }
}
section div {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
section .wrapper {
    position: absolute;
    width: var(--widW);
    height: var(--widH);
    top: calc(50% - (var(--widH)/ 2 - .833vw));
    min-height: calc(var(--widW)/ 2);
    max-height: 100vh;
    overflow: hidden
}
@media (max-width:1890px) {
    section .wrapper {
        top: calc(50% - var(--widH)/ 2)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section .wrapper {
        top: 50%;
        width: 100vw;
        height: 200vw;
        max-height: none;
        min-height: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.layout {
    position: fixed;
    width: var(--widW);
    height: var(--widH);
    top: calc(50% - (var(--widH)/ 2 - .833vw));
    min-height: calc(var(--widW)/ 2);
    max-height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: 100
}
@media (max-width:1890px) {
    .layout {
        top: calc(50% - var(--widH)/ 2)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .layout {
        width: 100%;
        height: 100vh;
        top: 0
    }
}
.layout a, .layout button, .layout div, .layout img, .layout li {
    pointer-events: auto
}
.lnk_logo {
    position: fixed;
    top: 30px;
    left: 40px;
    z-index: 100
}
@media (max-width:1024px) {
    .lnk_logo {
        height: 60px;
        padding: 10px;
        top: 5px;
        left: 10px;
        z-index: 102
    }
    .lnk_logo img {
        height: 100%
    }
}
.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    right: 50px;
    width: 565px;
    z-index: 100
}
@media (max-width:1366px) {
    .nav {
        width: 450px
    }
}
@media (max-width:1024px) {
    .nav {
        display: none
    }
}
.nav li a {
    font-weight: 600;
    background: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    padding: 36px
}
@media (max-width:1366px) {
    .nav li a {
        padding: 36px 20px
    }
}
.nav li.active a, .nav li:hover a {
    background: -webkit-gradient(linear, left top, left bottom, from(#bb9534), color-stop(10%, #d1aa4e), color-stop(25%, #f3cd72), color-stop(40%, #ffdb82), color-stop(50%, #ffe3a1), color-stop(60%, #ffecbf), color-stop(75%, #e4cb8a), color-stop(90%, #c8a951), to(#c2a143));
    background: linear-gradient(to bottom, #bb9534 0, #d1aa4e 10%, #f3cd72 25%, #ffdb82 40%, #ffe3a1 50%, #ffecbf 60%, #e4cb8a 75%, #c8a951 90%, #c2a143 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}
.m_nav {
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    display: none;
    z-index: 101
}
@media (max-width:1024px) {
    .m_nav {
        display: block
    }
}
.btn_menu {
    position: fixed;
    right: 15px;
    top: 7px;
    width: 55px;
    height: 55px;
    background: url(../img/mobile/Gclub-icon-menu.webp) center center/73.33% auto no-repeat;
    z-index: 101;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}
.btn_menu.active {
    background: url(../img/mobile/Gclub-icon-close.webp) center center/73.33% auto no-repeat
}
.reg_menu {
    position: fixed;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, .8156862745);
    display: none
}
.reg_menu .m_menu {
    text-align: center;
    margin-bottom: 2vw
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .reg_menu .m_menu {
        margin-bottom: 30px
    }
}
.reg_menu .m_menu li {
    font-size: 2.5vw;
    line-height: 5vw
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .reg_menu .m_menu li {
        font-size: 30px;
        line-height: 42px
    }
    .reg_menu .m_menu li a {
        display: block;
        padding: 10px
    }
}
.reg_menu .m_menu li.active a {
    background: -webkit-gradient(linear, left top, left bottom, from(#bb9534), color-stop(10%, #d1aa4e), color-stop(25%, #f3cd72), color-stop(40%, #ffdb82), color-stop(50%, #ffe3a1), color-stop(60%, #ffecbf), color-stop(75%, #e4cb8a), color-stop(90%, #c8a951), to(#c2a143));
    background: linear-gradient(to bottom, #bb9534 0, #d1aa4e 10%, #f3cd72 25%, #ffdb82 40%, #ffe3a1 50%, #ffecbf 60%, #e4cb8a 75%, #c8a951 90%, #c2a143 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}
@media screen and (max-width:640px) and (orientation:portrait) {
    .reg_menu .m_menu li {
        font-size: 24px
    }
}
.reg_menu .m_language {
    width: 100%;
    text-align: center;
    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
}
.reg_menu .m_language a {
    display: inline-block;
    font-size: 2vw;
    position: relative;
    margin-right: 3vw
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .reg_menu .m_language a {
        font-size: 20px;
        margin-right: 30px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    .reg_menu .m_language a {
        font-size: 18px
    }
}
.reg_menu .m_language a:last-child {
    margin-right: 0
}
.reg_menu .m_language a.active, .reg_menu .m_language a:hover {
    color: #efd8a0
}
.reg_menu .m_language a.active:after, .reg_menu .m_language a:hover:after {
    content: "";
    position: absolute;
    background: url(../img/mobile/Gclub-border-gold.webp) center center/100% no-repeat;
    width: 62px;
    height: 41px;
    left: calc(50% - 31px);
    top: calc(50% - 20.5px)
}
.language {
    position: relative;
    cursor: pointer;
    padding: 10px
}
.language img {
    width: 28px
}
.language .tag {
    position: absolute;
    padding: 0 3px;
    border-radius: 5px;
    font-size: 10px;
    right: -3px;
    bottom: 6px;
    min-width: 24px
}
.language .list_lang {
    position: absolute;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 10px;
    display: none
}
.language .list_lang a {
    padding: 7px 0;
    position: relative;
    display: block
}
.language .list_lang a.active, .language .list_lang a:hover {
    color: #efd8a0
}
.language .list_lang a.active:after, .language .list_lang a:hover:after {
    content: "";
    position: absolute;
    background: url(https://gclubsoft.com/img/web/Gclub-border-gold.webp) center center no-repeat;
    width: 71px;
    height: 29px;
    left: calc(50% - 35.5px);
    top: calc(50% - 14.5px)
}
.dot {
    z-index: 100;
    position: fixed;
    right: 1.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 1vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .dot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: inherit;
        flex-flow: inherit;
        right: auto;
        left: 50%;
        top: auto;
        bottom: 70px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        gap: 0;
        display: none
    }
}
@media screen and (max-width:768px) and (orientation:portrait) {
    .dot {
        bottom: 50px
    }
}
.dot div {
    width: 50px;
    height: 50px;
    border-radius: 20px;
    cursor: pointer;
    position: relative
}
.dot div:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    background: #fff;
    border-radius: 20px;
    top: calc(50% - 6px);
    left: calc(50% - 6px)
}
@media (max-width:880px) {
    .dot div {
        width: 50px;
        height: 35px
    }
}
@media (max-width:667px) {
    .dot div {
        width: 50px;
        height: 30px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .dot div {
        width: 40px;
        height: 30px
    }
    .dot div:after {
        width: 10px;
        height: 10px
    }
}
.dot div.active:after, .dot div:hover:after {
    background: #bb8936
}
@media (max-width:1280px) {
    .dot div:hover:after {
        background: #fff
    }
}
.dot div.active:after {
    background: #bb8936
}
.scroll {
    width: 123px;
    height: 37px;
    background: url(../img/common/Gclub-SCROLL-ON.webp) top center/100% no-repeat;
    top: calc(50% + 17.25vw);
    left: calc(50% - 61.5px);
    -webkit-animation: scrollIcon 2s infinite;
    animation: scrollIcon 2s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    opacity: 0
}
@media (max-width:1440px) {
    .scroll {
        top: calc(50% + 16.5vw)
    }
}
@media (max-width:1280px) {
    .scroll {
        width: 116px;
        height: 35px;
        top: 60%;
        left: auto;
        right: 5%;
        z-index: 3;
        display: none
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .scroll {
        width: 116px;
        height: 35px;
        display: block;
        top: 74%;
        left: calc(50% - 51px)
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    .scroll {
        width: 100px;
        height: 30px
    }
}
@-webkit-keyframes scrollIcon {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes scrollIcon {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes scrollIcon2 {
    0% {
        opacity: .65;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    50% {
        opacity: .65
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
}
@keyframes scrollIcon2 {
    0% {
        opacity: .65;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    50% {
        opacity: .65
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
}
.copyright {
    font-size: .72916666vw;
    position: absolute;
    z-index: 100;
    bottom: 3vw;
    width: 28vw;
    text-align: center;
    left: calc(50% - 14vw)
}
@media (max-width:1024px) {
    .copyright {
        width: 430px;
        left: calc(50% - 215px);
        bottom: 40px
    }
}
@media (max-width:768px) {
    .copyright {
        bottom: 20px
    }
}
.copyright .txt_copyright {
    border-top: 1px solid #b4903a;
    border-bottom: 1px solid #86651e;
    margin: 0 auto;
    padding: .265vw 0;
    width: calc(100% - 2vw);
    position: relative;
    background-color: rgba(0, 0, 0, .631372549)
}
@media (max-width:1024px) {
    .copyright .txt_copyright {
        font-size: 12px;
        padding: 2px 0
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .copyright .txt_copyright {
        border: none;
        background: 0 0
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    .copyright .txt_copyright {
        font-size: 10px
    }
}
.copyright .border {
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(#b4903a), color-stop(11%, #d6b65f), color-stop(20%, #d5b67a), color-stop(27%, #ffe5a6), color-stop(40%, #d6b65f), color-stop(57%, #957122), color-stop(79%, #44320c), color-stop(80%, #957122), color-stop(81%, #44320c), to(#957122));
    background: linear-gradient(to bottom, #b4903a 0, #d6b65f 11%, #d5b67a 20%, #ffe5a6 27%, #d6b65f 40%, #957122 57%, #44320c 79%, #957122 80%, #44320c 81%, #957122 100%);
    padding: 1px;
    -webkit-transform: rotate(45deg) scale(.7);
    transform: rotate(45deg) scale(.7);
    margin-left: .18vw;
    padding-right: 0
}
@media (max-width:1024px) {
    .copyright .border {
        margin-left: -4px;
        margin-top: -1px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .copyright .border {
        display: none
    }
}
.copyright .border:nth-child(2) {
    -webkit-transform: rotate(-45deg) scale(.7);
    transform: rotate(-45deg) scale(.7);
    right: 0;
    padding: 1px;
    padding-left: 0;
    padding-top: 0;
    margin-left: 0;
    margin-right: .2vw
}
@media (max-width:1024px) {
    .copyright .border:nth-child(2) {
        margin-right: -4px
    }
}
.copyright .border div {
    width: 1.5vw;
    height: 1.5vw;
    background: #0c0a08
}
@media (max-width:1024px) {
    .copyright .border div {
        width: 22px;
        height: 22px
    }
}
#loading {
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, .8549019608);
    width: 100vw;
    height: 100vh;
    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
}
.float_link {
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 30;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    overflow: hidden
}
@media (max-width:430px) {
    .float_link {
        bottom: 40px
    }
}
.float_link .lnk_float {
    width: 40px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 1
}
.float_link .lnk_float img {
    width: 100%
}
.float_link .lnk_float.active {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.float_link .btn_float {
    width: 40px;
    background: 0 0;
    border: none;
    cursor: pointer
}
.float_link .btn_float img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.float_link .btn_float.active img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
@media (max-width:1366px) {
    .mobile_click {
        z-index: 99;
        width: 90vw;
        height: 60%;
        margin-top: 85px;
        left: calc(50% - 45vw)
    }
}
@media (max-width:1024px) {
    .mobile_click {
        padding-top: 70px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .mobile_click {
        display: none
    }
}
.reg_convas {
    width: 100%;
    height: 100vh;
    z-index: 99
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .reg_convas {
        display: none
    }
}
.reg_convasM {
    display: none
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    .reg_convasM {
        display: block;
        width: 70vw;
        z-index: 99;
        left: calc(50% - 35vw);
        top: calc(50% - 45vw)
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    .reg_convasM {
        width: 85vw;
        left: calc(50% - 42.5vw);
        top: calc(50% - 57vw)
    }
}
.reg_convasM img {
    width: 100%
}
canvas {
    outline: 0;
    display: block
}
#preloader {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
#spinner {
    color: rgba(0, 0, 0, .5);
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}
section.sec_game {
    z-index: 30;
    -webkit-transition: .3s;
    transition: .3s
}
@media (max-width:1024px) {
    section.sec_game {
        background: #000
    }
}
section.sec_game .curtain1 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-curtain04.webp);
    width: 17.865vw;
    height: 39.479vw;
    top: -1.7395vw;
    left: calc(10% - 8.9325vw);
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}
section.sec_game .curtain1.overview {
    margin-left: -20%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .curtain1 {
        display: none
    }
}
section.sec_game .curtain4 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-curtain04.webp);
    width: 17.865vw;
    height: 39.479vw;
    top: -1.7395vw;
    left: calc(88% - 8.9325vw);
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}
section.sec_game .curtain4.overview {
    margin-left: 20%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .curtain4 {
        display: none
    }
}
section.sec_game .curtain2 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-curtain03.webp);
    width: 17.865vw;
    height: 39.479vw;
    top: 1.2605vw;
    left: calc(4% - 8.9325vw);
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}
section.sec_game .curtain2.overview {
    margin-left: -15%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .curtain2 {
        display: none
    }
}
section.sec_game .curtain5 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-curtain03.webp);
    width: 17.865vw;
    height: 39.479vw;
    top: 1.2605vw;
    left: calc(93% - 8.9325vw);
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}
section.sec_game .curtain5.overview {
    margin-left: 15%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .curtain5 {
        display: none
    }
}
section.sec_game .curtain3 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-curtain-left.webp);
    width: 60.729vw;
    height: 64.167vw;
    top: -16.0835vw;
    left: calc(25% - 30.3645vw);
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}
section.sec_game .curtain3.overview {
    margin-left: -25%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .curtain3 {
        display: none
    }
}
section.sec_game .curtain6 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-curtain-right.webp);
    width: 60.729vw;
    height: 64.167vw;
    top: -16.0835vw;
    left: calc(74% - 30.3645vw);
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}
section.sec_game .curtain6.overview {
    margin-left: 25%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .curtain6 {
        display: none
    }
}
section.sec_game .doorL {
    background-image: url(https://gclubsoft.com/img/web/Gclub-door-left.webp);
    width: 5.05vw;
    height: 22.656vw;
    top: -1.5vw;
    left: calc(47.6% - 2.525vw);
    -webkit-transform-origin: left;
    transform-origin: left
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .doorL {
        display: none
    }
}
section.sec_game .doorR {
    background-image: url(https://gclubsoft.com/img/web/Gclub-door-Right.webp);
    width: 5.05vw;
    height: 22.656vw;
    top: -1.5vw;
    left: calc(52.4% - 2.525vw);
    -webkit-transform-origin: right;
    transform-origin: right
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .doorR {
        display: none
    }
}
section.sec_game .obj_font {
    background-image: url(https://gclubsoft.com/img/web/Gclub-text-Game.webp);
    width: 73.28125vw;
    height: 29.2708333333vw;
    top: 5vw;
    left: calc(48% - 36.640625vw)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .obj_font {
        width: 100vw;
        height: 39.943vw;
        top: 35.4vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
section.sec_game .sec_obj01 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-lottery-machine.webp);
    width: 43.5416666667vw;
    height: 24.0625vw;
    top: 19.7vw;
    left: calc(24.7% - 21.7708333333vw);
    margin-left: 0;
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: .5s;
    transition: .5s
}
section.sec_game .sec_obj01.overview {
    margin-left: -20px;
    option: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec_obj01 {
        width: 111.467vw;
        height: 61.6vw;
        top: 107.5vw;
        left: calc(14.5% - 55.7335vw);
        z-index: 1
    }
}
section.sec_game .sec_obj02 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-slot-machine.webp);
    width: 28.59375vw;
    height: 22.5520833333vw;
    top: 18.9vw;
    left: calc(83% - 21.7708333333vw);
    margin-left: 0;
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: .5s;
    transition: .5s
}
section.sec_game .sec_obj02.overview {
    margin-left: 20px;
    option: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec_obj02 {
        width: 73.2vw;
        height: 57.733vw;
        top: 86.5vw;
        left: calc(88% - 36.6vw)
    }
}
section.sec_game .sec02_mirror {
    background-image: url(https://gclubsoft.com/img/web/Gclub-mirror-effect.webp);
    width: 41.6145833333vw;
    height: 11.0416666667vw;
    top: 39vw;
    left: calc(49.3% - 20.8072916667vw);
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-filter: brightness(0.5);
    filter: brightness(.5)
}
section.sec_game .sec02_mirror.overview {
    -webkit-transform: scale(.95) translateY(1vw);
    transform: scale(.95) translateY(1vw);
    opacity: 0
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_mirror {
        display: none
    }
}
section.sec_game .sec02_reg {
    -webkit-transition: .3s;
    transition: .3s
}
section.sec_game .sec02_reg.hover .sec02_icon {
    -webkit-animation: baloon_1 3s infinite;
    animation: baloon_1 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
section.sec_game .sec02_reg.hover .sec02_icon01_02, section.sec_game .sec02_reg.hover .sec02_icon03_01 {
    -webkit-animation: baloon_2 3s infinite;
    animation: baloon_2 3s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
section.sec_game .sec02_reg .sec02_effect {
    display: none
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_reg .sec02_effect {
        display: block;
        width: 59.467vw;
        height: 59.467vw;
        background: url(../img/mobile/Gclub-shiny-effect01.webp) center center/100% 100% no-repeat;
        -webkit-animation: shiny 3s infinite;
        animation: shiny 3s infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: .4
    }
}
section.sec_game .sec02_reg01 {
    width: 23.0208333333vw;
    height: 24.4270833333vw;
    top: 15.5vw;
    left: calc(36% - 11.5104166667vw);
    cursor: pointer
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_reg01 {
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        cursor: auto;
        position: relative
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_reg01 .sec02_effect {
        top: 102vw;
        left: calc(50% - 29.7335vw)
    }
}
section.sec_game .sec02_reg02 {
    width: 15.4166666667vw;
    height: 41.0416666667vw;
    top: 4.4vw;
    left: calc(49.9% - 7.7083333333vw);
    cursor: pointer
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_reg02 {
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        cursor: auto;
        position: relative
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_reg02 .sec02_effect {
        top: 25vw;
        left: calc(50% - 29.7335vw)
    }
}
section.sec_game .sec02_reg03 {
    width: 21.6145833333vw;
    height: 25.5208333333vw;
    top: 15.5vw;
    left: calc(64.5% - 10.8072916667vw);
    cursor: pointer
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_reg03 {
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        cursor: auto;
        position: relative
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_reg03 .sec02_effect {
        top: 62vw;
        left: calc(50% - 29.7335vw)
    }
}
section.sec_game .sec02_lab01 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-RGLottery-PlayNow.webp);
    width: 12.03125vw;
    height: 12.03125vw;
    left: -.08vw;
    top: -.08vw;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
section.sec_game .sec02_lab01.overview {
    -webkit-transform: translateY(-2vw);
    transform: translateY(-2vw);
    opacity: 0
}
section.sec_game .sec02_lab01.animate {
    -webkit-animation-name: inview;
    animation-name: inview;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_lab01 {
        background-image: url(../img/mobile/Gclub-RGLottery-PlayNow.webp);
        width: 30.8vw;
        height: 30.8vw;
        top: 116.5vw;
        left: calc(50% - 15.4vw);
        z-index: 5
    }
    section.sec_game .sec02_lab01.animate {
        -webkit-animation: shiny2 3s infinite;
        animation: shiny2 3s infinite;
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }
}
section.sec_game .sec02_lab02 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-LiveCasino-PlayNow.webp);
    width: 15.4166666667vw;
    height: 12.0833333333vw;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
section.sec_game .sec02_lab02.overview {
    -webkit-transform: translateY(-2vw);
    transform: translateY(-2vw);
    opacity: 0
}
section.sec_game .sec02_lab02.animate {
    -webkit-animation-name: inview;
    animation-name: inview;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_lab02 {
        background-image: url(../img/mobile/Gclub-LiveCasino-PlayNow.webp);
        width: 39.333vw;
        height: 30.933vw;
        top: 38.5vw;
        left: calc(50% - 19.6665vw);
        z-index: 5
    }
    section.sec_game .sec02_lab02.animate {
        -webkit-animation: shiny2 3s infinite;
        animation: shiny2 3s infinite;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
}
section.sec_game .sec02_lab03 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-RSG-SlotGames-PlayNow.webp);
    width: 12.03125vw;
    height: 12.03125vw;
    left: 9.45vw;
    top: -.05vw;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
section.sec_game .sec02_lab03.overview {
    -webkit-transform: translateY(-2vw);
    transform: translateY(-2vw);
    opacity: 0
}
section.sec_game .sec02_lab03.animate {
    -webkit-animation-name: inview;
    animation-name: inview;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_lab03 {
        background-image: url(../img/mobile/Gclub-RSG-SlotGames-PlayNow.webp);
        width: 32.133vw;
        height: 30.8vw;
        top: 77.5vw;
        left: calc(50% - 16.0665vw);
        z-index: 5
    }
    section.sec_game .sec02_lab03.animate {
        -webkit-animation: shiny2 3s infinite;
        animation: shiny2 3s infinite;
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }
}
section.sec_game .sec02_girl01 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-women-gold-dress01.webp);
    width: 18.8020833333vw;
    height: 22.8645833333vw;
    left: 4.15vw;
    top: 1.5vw;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}
section.sec_game .sec02_girl01.overview {
    -webkit-transform: scale(.95) translateX(1vw);
    transform: scale(.95) translateX(1vw);
    opacity: 0
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_girl01 {
        background-image: url(../img/mobile/Gclub-women-gold-dress01.webp);
        width: 58.267vw;
        height: 92.533vw;
        top: 104vw;
        left: calc(27% - 29.1335vw);
        z-index: 2
    }
}
section.sec_game .sec02_girl02 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-women-gold-dress02.webp);
    width: 10vw;
    height: 31.0416666667vw;
    left: 2.9vw;
    top: 10vw;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}
section.sec_game .sec02_girl02.overview {
    -webkit-transform: scale(.9) translateY(-1vw);
    transform: scale(.9) translateY(-1vw);
    opacity: 0
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_girl02 {
        width: 22.267vw;
        height: 70.667vw;
        top: 52vw;
        left: calc(22% - 11.1335vw)
    }
}
section.sec_game .sec02_girl03 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-women-gold-dress03.webp);
    width: 16.8229166667vw;
    height: 23.90625vw;
    top: 1.55vw;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}
section.sec_game .sec02_girl03.overview {
    -webkit-transform: scale(.95) translateX(-1vw);
    transform: scale(.95) translateX(-1vw);
    opacity: 0
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_girl03 {
        background-image: url(../img/mobile/Gclub-women-gold-dress03.webp);
        width: 57.867vw;
        height: 88.8vw;
        top: 85vw;
        left: calc(74% - 28.9335vw)
    }
}
section.sec_game .sec02_icon {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
section.sec_game .sec02_icon.overview {
    -webkit-transform: translateY(-2vw);
    transform: translateY(-2vw);
    opacity: 0
}
section.sec_game .sec02_icon.animate {
    -webkit-animation: inview .5s 1;
    animation: inview .5s 1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .sec02_icon {
        display: none
    }
}
section.sec_game .sec02_icon01 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-ball.webp);
    width: 4.0104166667vw;
    height: 3.6979166667vw;
    left: 7.2vw;
    top: 6.5vw
}
section.sec_game .sec02_icon01_01 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-ball-left.webp);
    width: 2.656vw;
    height: 2.656vw;
    left: 7.2vw;
    top: 7.6vw
}
section.sec_game .sec02_icon01_02 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-ball-right.webp);
    width: 2.188vw;
    height: 2.135vw;
    left: 9vw;
    top: 6.5vw
}
section.sec_game .sec02_icon02 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-roulette.webp);
    width: 4.0104166667vw;
    height: 3.2291666667vw;
    left: 9.4vw;
    top: 5.7vw
}
section.sec_game .sec02_icon03 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-mahjong-Ingot.webp);
    width: 4.1145833333vw;
    height: 4.5833333333vw;
    left: 17.5vw;
    top: 5.9vw
}
section.sec_game .sec02_icon03_01 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-Ingot.webp);
    width: 4.063vw;
    height: 3.281vw;
    left: 17.5vw;
    top: 7.2vw
}
section.sec_game .sec02_icon03_02 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-mahjong.webp);
    width: 2.24vw;
    height: 2.604vw;
    left: 19.4vw;
    top: 5.9vw
}
section.sec_game .bg_game {
    background: url(https://gclubsoft.com/img/web/Gclub-black.webp) left top/auto 100% no-repeat, url(https://gclubsoft.com/img/web/Gclub-black.webp) right top/auto 100% no-repeat;
    width: var(--widW);
    height: var(--widH);
    top: calc(50% - (var(--widH)/ 2 - .833vw));
    min-height: calc(var(--widW)/ 2);
    max-height: 100vh
}
@media (max-width:1890px) {
    section.sec_game .bg_game {
        top: calc(50% - var(--widH)/ 2)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .bg_game {
        width: 100%;
        height: 100%;
        top: 0;
        background: url(../img/mobile/Gclub-black.webp) top center/100% auto no-repeat, url(../img/mobile/Gclub-black.webp) bottom center/100% auto no-repeat
    }
}
section.sec_game .bg_game .bg_gameC {
    width: var(--widW);
    height: 100%;
    background: url(https://gclubsoft.com/img/web/Gclub-background-sec02.webp) center top/auto 100% no-repeat;
    position: absolute
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_game .bg_game .bg_gameC {
        width: var(--widW);
        height: 100%;
        background: url(../img/mobile/Gclub-background-sec02.webp) center center/100% auto no-repeat
    }
}
@-webkit-keyframes inview {
    0% {
        -webkit-transform: translateY(-2vw);
        transform: translateY(-2vw);
        opacity: 0
    }
    60% {
        -webkit-transform: translateY(.5vw) rotate(10deg);
        transform: translateY(.5vw) rotate(10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        opacity: 1
    }
}
@keyframes inview {
    0% {
        -webkit-transform: translateY(-2vw);
        transform: translateY(-2vw);
        opacity: 0
    }
    60% {
        -webkit-transform: translateY(.5vw) rotate(10deg);
        transform: translateY(.5vw) rotate(10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        opacity: 1
    }
}
@-webkit-keyframes baloon_1 {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
    25% {
        -webkit-transform: translateY(-5px) rotate(-10deg);
        transform: translateY(-5px) rotate(-10deg)
    }
    50% {
        -webkit-transform: translateY(-10px) rotate(10deg);
        transform: translateY(-10px) rotate(10deg)
    }
    75% {
        -webkit-transform: translateY(-5px) rotate(-10deg);
        transform: translateY(-5px) rotate(-10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(10deg);
        transform: translateY(0) rotate(10deg)
    }
}
@keyframes baloon_1 {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
    25% {
        -webkit-transform: translateY(-5px) rotate(-10deg);
        transform: translateY(-5px) rotate(-10deg)
    }
    50% {
        -webkit-transform: translateY(-10px) rotate(10deg);
        transform: translateY(-10px) rotate(10deg)
    }
    75% {
        -webkit-transform: translateY(-5px) rotate(-10deg);
        transform: translateY(-5px) rotate(-10deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(10deg);
        transform: translateY(0) rotate(10deg)
    }
}
@-webkit-keyframes baloon_2 {
    0% {
        -webkit-transform: translateY(0) rotate(-10deg);
        transform: translateY(0) rotate(-10deg)
    }
    25% {
        -webkit-transform: translateY(5px) rotate(0);
        transform: translateY(5px) rotate(0)
    }
    50% {
        -webkit-transform: translateY(10px) rotate(-10deg);
        transform: translateY(10px) rotate(-10deg)
    }
    75% {
        -webkit-transform: translateY(5px) rotate(0);
        transform: translateY(5px) rotate(0)
    }
    100% {
        -webkit-transform: translateY(0) rotate(-10deg);
        transform: translateY(0) rotate(-10deg)
    }
}
@keyframes baloon_2 {
    0% {
        -webkit-transform: translateY(0) rotate(-10deg);
        transform: translateY(0) rotate(-10deg)
    }
    25% {
        -webkit-transform: translateY(5px) rotate(0);
        transform: translateY(5px) rotate(0)
    }
    50% {
        -webkit-transform: translateY(10px) rotate(-10deg);
        transform: translateY(10px) rotate(-10deg)
    }
    75% {
        -webkit-transform: translateY(5px) rotate(0);
        transform: translateY(5px) rotate(0)
    }
    100% {
        -webkit-transform: translateY(0) rotate(-10deg);
        transform: translateY(0) rotate(-10deg)
    }
}
@-webkit-keyframes shiny2 {
    0% {
        -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0));
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0))
    }
    15% {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 190, 50, 0.8352941176));
        filter: drop-shadow(0px 0px 10px rgba(255, 190, 50, .8352941176))
    }
    30% {
        -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0));
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0))
    }
    100% {
        -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0));
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0))
    }
}
@keyframes shiny2 {
    0% {
        -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0));
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0))
    }
    15% {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 190, 50, 0.8352941176));
        filter: drop-shadow(0px 0px 10px rgba(255, 190, 50, .8352941176))
    }
    30% {
        -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0));
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0))
    }
    100% {
        -webkit-filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0));
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0))
    }
}
section.sec_about {
    z-index: 20;
    -webkit-transition: .3s;
    transition: .3s
}
section.sec_about .bg_about {
    background: url(https://gclubsoft.com/img/web/Gclub-background-sec03.webp) center top/auto 100% no-repeat #000;
    width: var(--widW);
    height: var(--widH);
    top: calc(50% - (var(--widH)/ 2 - .833vw));
    min-height: calc(var(--widW)/ 2);
    max-height: 100vh;
    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
}
@media (max-width:1890px) {
    section.sec_about .bg_about {
        top: calc(50% - var(--widH)/ 2)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .bg_about {
        width: 100%;
        height: 100%;
        top: 0;
        background: url(../img/mobile/Gclub-background-sec03.webp) center center/100% auto no-repeat #000
    }
}
section.sec_about .obj_font {
    background-image: url(https://gclubsoft.com/img/web/Gclub-text-About.webp);
    width: 70vw;
    height: 47.7083333333vw;
    top: 1vw;
    left: calc(48% - 35vw)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .obj_font {
        width: 100%;
        height: 68.133vw;
        left: 0;
        top: 34vw
    }
}
section.sec_about .reg_txt_bg {
    width: 23.229vw;
    height: 19.271vw;
    top: 13.0645vw;
    left: calc(36.8% - 11.6115vw);
    background: rgba(0, 0, 0, .768627451);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0
}
@media (max-width:1024px) {
    section.sec_about .reg_txt_bg {
        width: 40vw;
        height: var(--reg_txt);
        left: calc(50% - 42vw);
        top: calc(50% - var(--reg_txt)/ 2);
        padding: 10px 10px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .reg_txt_bg {
        width: 60vw;
        top: calc(85vw - var(--reg_txt)/ 2);
        left: calc(50% - 45vw)
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    section.sec_about .reg_txt_bg {
        top: calc(78vw - var(--reg_txt)/ 2)
    }
}
section.sec_about .reg_txt_bg.overview {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}
section.sec_about .reg_txt {
    width: 23.229vw;
    height: 19.271vw;
    top: 13.0645vw;
    left: calc(36.8% - 11.6115vw);
    padding: 15px 20px;
    -webkit-transition: margin-left .5s, opacity .5s;
    transition: margin-left .5s, opacity .5s;
    margin-left: 2.6vw;
    opacity: 0
}
@media (max-width:1024px) {
    section.sec_about .reg_txt {
        width: 40vw;
        height: auto;
        left: calc(50% - 42vw);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 10px 10px 10px 15px
    }
}
section.sec_about .reg_txt p {
    font-size: .833vw;
    line-height: 1.667vw;
    margin-bottom: 30px;
    color: #ffeed1
}
@media (max-width:1024px) {
    section.sec_about .reg_txt p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .reg_txt p {
        font-size: 18px;
        line-height: 22px
    }
}
@media (max-width:768px) {
    section.sec_about .reg_txt p {
        font-size: 12px;
        line-height: 16px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    section.sec_about .reg_txt p {
        font-size: 12px;
        line-height: 16px
    }
}
section.sec_about .reg_txt p span {
    font-size: 1.354vw
}
@media (max-width:1024px) {
    section.sec_about .reg_txt p span {
        font-size: 24px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .reg_txt p span {
        font-size: 26px
    }
}
@media (max-width:768px) {
    section.sec_about .reg_txt p span {
        font-size: 18px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .reg_txt {
        top: calc(85vw - var(--reg_txt)/ 2);
        width: 60vw;
        left: calc(50% - 45vw);
        -webkit-transform: none;
        transform: none
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    section.sec_about .reg_txt {
        top: calc(78vw - var(--reg_txt)/ 2)
    }
}
section.sec_about .reg_txt.overview {
    margin-left: 0;
    opacity: 1
}
section.sec_about .stroke {
    background-image: url(https://gclubsoft.com/img/web/Gclub-Sands.webp);
    width: 11.406vw;
    height: 6.458vw;
    right: -2vw;
    bottom: -2.5vw;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    opacity: 0
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .stroke {
        width: 112px;
        height: 60px;
        bottom: -5.5vw
    }
}
section.sec_about .stroke.overview {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}
section.sec_about .src03_girl {
    background-image: url(https://gclubsoft.com/img/web/Gclub-women-gold-dress04.webp);
    width: 15.521vw;
    height: 32.552vw;
    top: 17vw;
    left: calc(57.5% - 7.7605vw);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}
section.sec_about .src03_girl.overview {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_about .src03_girl {
        width: 45.333vw;
        height: 95.333vw;
        top: 74vw;
        left: calc(74.5% - 22.6665vw)
    }
}
section.sec_partners {
    z-index: 10;
    -webkit-transition: .4s;
    transition: .4s
}
section.sec_partners .bg_partners {
    background: url(https://gclubsoft.com/img/web/Gclub-background-sec04.webp) center top/auto 100% no-repeat #000;
    width: var(--widW);
    height: var(--widH);
    top: calc(50% - (var(--widH)/ 2 - .833vw));
    min-height: calc(var(--widW)/ 2);
    max-height: 100vh;
    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
}
@media (max-width:1890px) {
    section.sec_partners .bg_partners {
        top: calc(50% - var(--widH)/ 2)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .bg_partners {
        width: 100%;
        height: 100%;
        top: 0;
        background: url(../img/mobile/Gclub-background-sec04.webp) center center/100% auto no-repeat #000
    }
}
section.sec_partners .obj_font {
    background-image: url(https://gclubsoft.com/img/web/Gclub-text-Partners.webp);
    width: 75.989583333vw;
    height: 35.364583333vw;
    top: 5vw;
    left: calc(48% - 37.9947916665vw)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .obj_font {
        width: 100%;
        height: 46.667vw;
        left: 0;
        top: 54vw
    }
}
section.sec_partners .obj_glass {
    background: url(https://gclubsoft.com/img/web/Gclub-glass.webp) top center/100% no-repeat;
    width: 65.052vw;
    height: 37.5vw;
    top: .2vw;
    left: calc(50% - 32.526vw);
    -webkit-transform: translateY(15vw) scale(.5);
    transform: translateY(15vw) scale(.5);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
section.sec_partners .obj_glass.overview {
    -webkit-transform: none;
    transform: none
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .obj_glass {
        background: url(../img/mobile/Gclub-glass.webp) top center/100% no-repeat;
        width: 100%;
        height: 103.733vw;
        left: 0;
        top: 28vw
    }
}
section.sec_partners .obj_water {
    background: url(https://gclubsoft.com/img/web/Gclub-gold-water.webp) top center/100% no-repeat;
    width: 21.4583333vw;
    height: 9.16666666vw;
    top: 28.7vw;
    left: calc(50% - 10.72916665vw);
    -webkit-transform: translateY(8vw) scale(.9);
    transform: translateY(8vw) scale(.9);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .obj_water {
        width: 54.933vw;
        height: 23.467vw;
        left: calc(50% - 27.4665vw);
        top: 109vw
    }
}
section.sec_partners .obj_water.overview {
    -webkit-transform: none;
    transform: none
}
section.sec_partners .obj_mask {
    background: url(https://gclubsoft.com/img/web/Gclub-image-mask-effect.webp) top center/100% no-repeat;
    width: 50vw;
    height: 12.1875vw;
    top: 37.85vw;
    left: calc(50.05% - 25vw)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .obj_mask {
        width: 100%;
        height: 23.333vw;
        left: 0;
        top: 132vw;
        background: url(../img/mobile/Gclub-image-mask-effect.webp) top center/100% no-repeat
    }
}
section.sec_partners .reg_partners {
    width: 41.708vw;
    top: 13.5vw;
    left: calc(50% - 20.884vw);
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .26vw;
    margin-top: -20px;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    opacity: 0
}
section.sec_partners .reg_partners img {
    height: 3.698vw
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .reg_partners {
        width: 82.667vw;
        top: 53vw;
        left: calc(50% - 39.3335vw);
        gap: 3vw 1.5vw
    }
    section.sec_partners .reg_partners img {
        height: 9vw
    }
}
section.sec_partners .reg_partners.overview {
    margin-top: 0;
    opacity: 1
}
section.sec_partners .s4tL03 {
    background: url(https://gclubsoft.com/img/web/Gclub-PlantShadows-left03.webp) top center/100% no-repeat;
    width: 30.208vw;
    height: 44.948vw;
    top: 1.8075vw;
    left: calc(5% - 15.104vw);
    margin-left: -20px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
    -webkit-transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, filter .5s, opacity .5s;
    transition: margin-left .5s, filter .5s, opacity .5s, -webkit-filter .5s
}
section.sec_partners .s4tL03.overview {
    margin-left: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .s4tL03 {
        display: none
    }
}
section.sec_partners .s4tL02 {
    background: url(https://gclubsoft.com/img/web/Gclub-PlantShadows02.webp) top center/100% no-repeat;
    width: 58.229vw;
    height: 43.438vw;
    top: 7vw;
    left: calc(-1.5% - 29.1145vw);
    margin-left: -20px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
    -webkit-transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, filter .5s, opacity .5s;
    transition: margin-left .5s, filter .5s, opacity .5s, -webkit-filter .5s
}
section.sec_partners .s4tL02.overview {
    margin-left: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .s4tL02 {
        display: none
    }
}
section.sec_partners .s4tL01 {
    background: url(https://gclubsoft.com/img/web/Gclub-PlantShadows-left01.webp) top center/100% no-repeat;
    width: 21.198vw;
    height: 34.74vw;
    top: 23vw;
    left: calc(10% - 10.599vw);
    margin-left: -20px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
    -webkit-transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, filter .5s, opacity .5s;
    transition: margin-left .5s, filter .5s, opacity .5s, -webkit-filter .5s
}
section.sec_partners .s4tL01.overview {
    margin-left: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .s4tL01 {
        display: none
    }
}
section.sec_partners .s4tR03 {
    background: url(https://gclubsoft.com/img/web/Gclub-PlantShadows-right03.webp) top center/100% no-repeat;
    width: 30.365vw;
    height: 55.573vw;
    top: 1.8075vw;
    left: calc(99% - 23.75vw);
    margin-left: 20px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
    -webkit-transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, filter .5s, opacity .5s;
    transition: margin-left .5s, filter .5s, opacity .5s, -webkit-filter .5s
}
section.sec_partners .s4tR03.overview {
    margin-left: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .s4tR03 {
        display: none
    }
}
section.sec_partners .s4tR02 {
    background: url(https://gclubsoft.com/img/web/Gclub-PlantShadows02.webp) top center/100% no-repeat;
    width: 58.229vw;
    height: 43.438vw;
    top: 7.5vw;
    left: calc(99% - 29.1145vw);
    margin-left: 20px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
    -webkit-transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, filter .5s, opacity .5s;
    transition: margin-left .5s, filter .5s, opacity .5s, -webkit-filter .5s
}
section.sec_partners .s4tR02.overview {
    margin-left: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .s4tR02 {
        display: none
    }
}
section.sec_partners .s4tR01 {
    background: url(https://gclubsoft.com/img/web/Gclub-PlantShadows-right01.webp) top center/100% no-repeat;
    width: 31.198vw;
    height: 32.188vw;
    top: 24vw;
    left: calc(93% - 15.599vw);
    margin-left: 20px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
    -webkit-transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, opacity .5s, -webkit-filter .5s;
    transition: margin-left .5s, filter .5s, opacity .5s;
    transition: margin-left .5s, filter .5s, opacity .5s, -webkit-filter .5s
}
section.sec_partners .s4tR01.overview {
    margin-left: 0;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_partners .s4tR01 {
        display: none
    }
}
section.sec_contact {
    -webkit-transition: .4s;
    transition: .4s
}
section.sec_contact .bg_contact {
    background: url(https://gclubsoft.com/img/web/Gclub-background-sec05.webp) top center/auto 100% no-repeat #000;
    width: var(--widW);
    height: var(--widH);
    top: calc(50% - (var(--widH)/ 2 - .833vw));
    min-height: calc(var(--widW)/ 2);
    max-height: 100vh
}
@media (max-width:1890px) {
    section.sec_contact .bg_contact {
        top: calc(50% - var(--widH)/ 2)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .bg_contact {
        width: 100%;
        height: 100%;
        top: 0;
        background: url(../img/mobile/Gclub-background-sec05.webp) center center/100% auto no-repeat #000
    }
}
section.sec_contact .obj_font {
    background-image: url(https://gclubsoft.com/img/web/Gclub-text-ContactUs.webp);
    width: 84.6875vw;
    height: 43.229166666vw;
    top: 0;
    left: calc(50% - 42.34375vw)
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .obj_font {
        width: 100%;
        height: 81.467vw;
        left: calc(50% - 50vw);
        top: 28vw;
        background-image: url(../img/mobile/Gclub-text-ContactUs.webp)
    }
}
section.sec_contact .reg_contact {
    width: 40.104vw;
    top: 14.5vw;
    left: calc(50% - 20.052vw);
    margin-top: -20px;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact {
        width: 80vw;
        top: 50%;
        left: calc(50% - 40vw);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact {
        width: 350px;
        left: calc(50% - 175px);
        -webkit-transform: scale(1.5) translateY(-40%);
        transform: scale(1.5) translateY(-40%);
        z-index: 6
    }
}
@media screen and (max-width:768px) and (orientation:portrait) {
    section.sec_contact .reg_contact {
        width: 300px;
        left: calc(50% - 150px);
        -webkit-transform: scale(1.5) translateY(-40%);
        transform: scale(1.5) translateY(-40%)
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    section.sec_contact .reg_contact {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
section.sec_contact .reg_contact.overview {
    margin-top: 0;
    opacity: 1
}
section.sec_contact .reg_contact div {
    position: relative
}
section.sec_contact .reg_contact a {
    color: #ffeed1
}
section.sec_contact .reg_contact .row_txt {
    color: #e3b76d
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .row_txt {
        background: rgba(0, 0, 0, .7529411765);
        padding: 10px 20px
    }
}
section.sec_contact .reg_contact .row_txt p.p_txt {
    min-height: 3.646vw;
    padding-top: 1.1vw;
    padding-left: 2.1vw;
    background: url(../img/common/Gclub-text-if-zh-cn.webp) left top/2.24vw auto no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4vw;
    font-size: .83333333vw
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .row_txt p.p_txt {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 1px;
        background: url(../img/common/Gclub-text-if-zh-cn.webp) left top/auto 40px no-repeat;
        padding-left: 34px;
        padding-top: 22px
    }
    section.sec_contact .reg_contact .row_txt p.p_txt.pc {
        display: none
    }
}
@media (max-width:768px) {
    section.sec_contact .reg_contact .row_txt p.p_txt {
        font-size: 12px;
        line-height: 16px;
        background-size: auto 30px;
        padding-left: 24px;
        padding-top: 14px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .row_txt p.p_txt {
        padding-right: 10px
    }
}
@media screen and (max-width:768px) and (orientation:portrait) {
    section.sec_contact .reg_contact .row_txt p.p_txt {
        padding-right: 0
    }
}
section.sec_contact .reg_contact .row_txt p.p_txt.m {
    display: none
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .row_txt p.p_txt.m {
        display: block
    }
}
section.sec_contact .reg_contact .row_txt p.p_txt a {
    margin-left: .5vw;
    padding-bottom: .1vw;
    border-bottom: 1px solid #ffeed1
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .row_txt p.p_txt a {
        width: 200px;
        border: none;
        background: url(../img/common/Gclub-button-send.webp) center center/100% auto no-repeat;
        text-align: center;
        padding: 14px;
        margin: 15px auto 10px;
        margin-left: 20px;
        color: #000;
        display: block
    }
}
@media screen and (max-width:768px) and (orientation:portrait) {
    section.sec_contact .reg_contact .row_txt p.p_txt a {
        margin-left: 6px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .row_txt p.p_txt a span {
        border: 0;
        padding-bottom: 0;
        background: url(../img/common/Gclub-icon-mail.webp) left center/auto 100% no-repeat;
        padding: 4px 0 4px 30px;
        color: #000
    }
}
section.sec_contact .reg_contact .are_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1vw 1.5vw
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .are_contact {
        display: block;
        padding: 0;
        margin-top: 15px
    }
}
section.sec_contact .reg_contact .are_contact .blk_contact {
    width: 50%;
    padding-right: 1vw
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .are_contact .blk_contact {
        padding-right: 20px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .are_contact .blk_contact {
        display: none
    }
}
section.sec_contact .reg_contact .are_contact .row_ipt {
    width: 100%;
    background: rgba(227, 184, 109, .7607843137);
    padding: calc(.5vw - 2px);
    border: 2px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    margin-bottom: .78vw
}
section.sec_contact .reg_contact .are_contact .row_ipt.focused {
    border: 2px solid #e3b76d
}
section.sec_contact .reg_contact .are_contact .row_ipt.textarea {
    display: block
}
section.sec_contact .reg_contact .are_contact .row_ipt input, section.sec_contact .reg_contact .are_contact .row_ipt textarea {
    background: 0 0;
    width: 100%;
    font-size: .938vw
}
section.sec_contact .reg_contact .are_contact .row_ipt input::-webkit-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}
section.sec_contact .reg_contact .are_contact .row_ipt input::-moz-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea::-moz-placeholder {
    color: #000;
    opacity: 1
}
section.sec_contact .reg_contact .are_contact .row_ipt input:-ms-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1
}
section.sec_contact .reg_contact .are_contact .row_ipt input::-ms-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea::-ms-input-placeholder {
    color: #000;
    opacity: 1
}
section.sec_contact .reg_contact .are_contact .row_ipt input::placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea::placeholder {
    color: #000;
    opacity: 1
}
section.sec_contact .reg_contact .are_contact .row_ipt input::-ms-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea::-ms-input-placeholder {
    color: #000
}
section.sec_contact .reg_contact .are_contact .row_ipt input:focus::-webkit-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea:focus::-webkit-input-placeholder {
    color: transparent
}
section.sec_contact .reg_contact .are_contact .row_ipt input:focus::-moz-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea:focus::-moz-placeholder {
    color: transparent
}
section.sec_contact .reg_contact .are_contact .row_ipt input:focus:-ms-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea:focus:-ms-input-placeholder {
    color: transparent
}
section.sec_contact .reg_contact .are_contact .row_ipt input:focus::-ms-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea:focus::-ms-input-placeholder {
    color: transparent
}
section.sec_contact .reg_contact .are_contact .row_ipt input:focus::placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea:focus::placeholder {
    color: transparent
}
section.sec_contact .reg_contact .are_contact .row_ipt input:focus::-ms-input-placeholder, section.sec_contact .reg_contact .are_contact .row_ipt textarea:focus::-ms-input-placeholder {
    color: transparent
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .are_contact .row_ipt input, section.sec_contact .reg_contact .are_contact .row_ipt textarea {
        font-size: 14px
    }
}
@media (max-width:768px) {
    section.sec_contact .reg_contact .are_contact .row_ipt input, section.sec_contact .reg_contact .are_contact .row_ipt textarea {
        font-size: 12px
    }
}
section.sec_contact .reg_contact .are_contact .row_ipt.alert {
    border: 2px solid #c22a2a
}
section.sec_contact .reg_contact .are_contact .row_ipt.alert input, section.sec_contact .reg_contact .are_contact .row_ipt.alert textarea {
    background: url(../img/common/Gclub-icon-alert.webp) no-repeat;
    background-position-x: right
}
@media (max-width:750px) {
    section.sec_contact .reg_contact .are_contact .row_ipt.alert input, section.sec_contact .reg_contact .are_contact .row_ipt.alert textarea {
        background-position-x: right;
        background-position-y: 1px;
        background-size: auto 13px
    }
}
section.sec_contact .reg_contact .are_contact .row_btn {
    text-align: center
}
section.sec_contact .reg_contact .are_contact .btn_submit {
    width: 7.964vw;
    height: 1.777vw;
    background: url(../img/common/Gclub-button-submit.webp) top center/100% no-repeat;
    color: #fff;
    margin-top: .5vw;
    font-size: .83333333vw;
    padding-right: .5vw;
    -webkit-transition: color .3s, -webkit-filter .3s;
    transition: color .3s, -webkit-filter .3s;
    transition: filter .3s, color .3s;
    transition: filter .3s, color .3s, -webkit-filter .3s;
    cursor: pointer
}
section.sec_contact .reg_contact .are_contact .btn_submit:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    color: #000
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .are_contact .btn_submit {
        width: 139px;
        height: 31px;
        margin-top: 12px;
        font-size: 14px;
        padding-right: 5px
    }
}
@media (max-width:768px) {
    section.sec_contact .reg_contact .are_contact .btn_submit {
        width: 120px;
        height: 27px;
        font-size: 12px;
        margin-top: 5px
    }
}
section.sec_contact .reg_contact .are_contact .blk_contactR {
    width: 50%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .are_contact .blk_contactR {
        width: 100%;
        background: rgba(0, 0, 0, .7529411765);
        padding-bottom: 20px
    }
}
section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt {
    margin-bottom: 1vw;
    background: 0 0
}
section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
    background: url(../img/common/Gclub-text-or-zh-cn.webp) left top/2.24vw auto no-repeat
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
        background: url(../img/common/Gclub-text-or-zh-cn.webp) left top/auto 40px no-repeat
    }
}
@media (max-width:768px) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
        background-size: auto 30px
    }
}
section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode {
    display: block;
    text-align: center;
    width: 100%
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode {
        width: 200px;
        padding: 14px 0;
        margin: 0 auto;
        background: url(../img/common/Gclub-button-send.webp) center center/100% auto no-repeat;
        position: relative
    }
}
section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode img {
    width: 7.08333vw;
    margin-bottom: .7vw
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode img {
        width: 120px;
        margin-bottom: 5px
    }
}
@media (max-width:768px) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode img {
        width: 80px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode img {
        display: none
    }
}
section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode span {
    display: inline-block;
    color: #ffeed1;
    margin-left: .5vw;
    padding-bottom: .1vw;
    border-bottom: 1px solid #ffeed1;
    font-size: .83333333vw;
    line-height: 1.4vw;
    display: table;
    margin: 0 auto
}
@media (max-width:1024px) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode span {
        font-size: 13px;
        padding-bottom: 5px;
        line-height: normal;
        letter-spacing: -.5px
    }
}
@media (max-width:768px) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode span {
        font-size: 12px;
        letter-spacing: normal
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .lnk_qrcode span {
        border: 0;
        padding-bottom: 0;
        background: url(../img/common/Gclub-icon-skype.webp) left center/auto 100% no-repeat;
        padding: 4px 0 4px 30px;
        color: #000
    }
}
section.sec_contact .reg_contact .are_contact .blk_contactR .stroke2 {
    background-image: url(https://gclubsoft.com/img/web/Gclub-Sands.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: absolute;
    display: none
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    section.sec_contact .reg_contact .are_contact .blk_contactR .stroke2 {
        display: block;
        width: 112px;
        height: 60px;
        right: -3%;
        bottom: -7%
    }
}
section.sec_contact .reg_contact .are_contact .blk_contactR .stroke2.overview {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}
.model_box {
    position: fixed;
    z-index: 103;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7098039216);
    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
}
.model_box .reg_model {
    padding: 30px 20px;
    background: rgba(86, 79, 69, .9529411765);
    width: 480px
}
@media (max-width:640px) {
    .model_box .reg_model {
        width: 300px
    }
}
.model_box .txt_model {
    color: #fff;
    margin-bottom: 20px
}
.model_box .row_model {
    text-align: center
}
.model_box .btn_boxSubmit {
    background: -webkit-gradient(linear, left top, left bottom, from(#37322b), to(#1d1913));
    background: linear-gradient(to bottom, #37322b 0, #1d1913 100%);
    padding: 10px 5px;
    border-radius: 3px;
    color: #fff;
    min-width: 80px;
    cursor: pointer
}
:lang(en) body {
    -webkit-text-size-adjust: 100%
}
@media (max-width:1366px) {
    :lang(en) .nav {
        width: 520px
    }
}
:lang(en) .nav li a {
    padding: 36px 10px
}
:lang(en) section.sec_about .reg_txt_bg {
    height: 31vw;
    top: 10.0645vw
}
@media (max-width:1440px) {
    :lang(en) section.sec_about .reg_txt_bg {
        height: 33vw
    }
}
@media (max-width:1280px) {
    :lang(en) section.sec_about .reg_txt_bg {
        height: 37vw;
        top: 7vw
    }
}
@media (max-width:1024px) {
    :lang(en) section.sec_about .reg_txt_bg {
        top: calc(50% - var(--reg_txt)/ 2);
        height: 35vw;
        display: none
    }
}
:lang(en) section.sec_about .reg_txt {
    height: 31.5vw;
    top: 10.0645vw
}
@media (max-width:1440px) {
    :lang(en) section.sec_about .reg_txt {
        height: 34.5vw
    }
}
@media (max-width:1280px) {
    :lang(en) section.sec_about .reg_txt {
        height: 37vw;
        top: 7vw
    }
}
@media (max-width:1024px) {
    :lang(en) section.sec_about .reg_txt {
        top: 50%;
        height: auto;
        background: rgba(0, 0, 0, .768627451)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(en) section.sec_about .reg_txt {
        top: calc(85vw - var(--reg_txt)/ 2)
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(en) section.sec_about .reg_txt {
        top: calc(78vw - var(--reg_txt)/ 2)
    }
}
:lang(en) section.sec_about .reg_txt p {
    line-height: 1.4vw
}
@media (max-width:1024px) {
    :lang(en) section.sec_about .reg_txt p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 15px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(en) section.sec_about .reg_txt p {
        font-size: 18px;
        line-height: 22px
    }
}
@media (max-width:768px) {
    :lang(en) section.sec_about .reg_txt p {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 12px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(en) section.sec_about .reg_txt p {
        font-size: 10px;
        line-height: 12px
    }
}
:lang(en) section.sec_about .reg_txt p span {
    display: block;
    line-height: 1.8vw
}
@media (max-width:1024px) {
    :lang(en) section.sec_about .reg_txt p span {
        font-size: 20px;
        line-height: 26px
    }
}
@media (max-width:768px) {
    :lang(en) section.sec_about .reg_txt p span {
        font-size: 16px;
        line-height: 20px
    }
}
:lang(en) section.sec_contact .reg_contact .row_txt p.p_txt {
    background: url(../img/common/Gclub-text-if-en-us.webp) left top/3.021vw auto no-repeat;
    padding-left: 2.2vw
}
@media (max-width:1024px) {
    :lang(en) section.sec_contact .reg_contact .row_txt p.p_txt {
        background: url(../img/common/Gclub-text-if-en-us.webp) left top/auto 45px no-repeat
    }
}
@media (max-width:1024px) {
    :lang(en) section.sec_contact .reg_contact .row_txt p.p_txt.m {
        padding-left: 2.3vw;
        letter-spacing: 0
    }
}
@media (max-width:768px) {
    :lang(en) section.sec_contact .reg_contact .row_txt p.p_txt.m {
        background-size: auto 40px;
        font-size: 10px;
        padding-left: 3.3vw
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(en) section.sec_contact .reg_contact .row_txt p.p_txt.m {
        letter-spacing: normal;
        padding-left: 30px;
        padding-top: 11px;
        font-size: 12px;
        line-height: normal;
        background-size: auto 45px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(en) section.sec_contact .reg_contact .row_txt p.p_txt.m {
        font-size: 10px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(en) section.sec_contact .reg_contact .row_txt p.p_txt a {
        margin: 8px auto;
        margin-left: 25px;
        display: block;
        font-size: 12px
    }
}
@media screen and (max-width:768px) and (orientation:portrait) {
    :lang(en) section.sec_contact .reg_contact .row_txt p.p_txt a {
        margin-left: -2px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt {
        margin-bottom: 0
    }
}
:lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt p.p_txt {
    background: url(../img/common/Gclub-text-or-en-us.webp) left top/3.542vw auto no-repeat;
    padding-top: 1.6vw;
    padding-left: 2.8vw
}
@media (max-width:1024px) {
    :lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt p.p_txt {
        background: url(../img/common/Gclub-text-or-en-us.webp) left top/auto 36px no-repeat;
        padding-left: 4.6vw;
        padding-top: 2vw
    }
}
@media (max-width:926px) {
    :lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt p.p_txt {
        padding-top: 2.5vw;
        padding-left: 5.5vw
    }
}
@media (max-width:768px) {
    :lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt p.p_txt {
        background-size: auto 28px;
        font-size: 10px;
        padding-left: 5vw;
        padding-top: 2vw
    }
}
@media (max-width:667px) {
    :lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt p.p_txt {
        padding-left: 5vw
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt p.p_txt {
        padding-left: 40px;
        padding-right: 20px;
        padding-top: 18px;
        font-size: 12px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(en) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt p.p_txt {
        font-size: 10px
    }
}
:lang(th) section.sec_about .reg_txt_bg {
    height: 27vw;
    top: 11.0645vw
}
@media (max-width:1440px) {
    :lang(th) section.sec_about .reg_txt_bg {
        height: 30vw
    }
}
@media (max-width:1024px) {
    :lang(th) section.sec_about .reg_txt_bg {
        top: calc(50% - var(--reg_txt)/ 2);
        height: 35vw;
        display: none
    }
}
:lang(th) section.sec_about .reg_txt {
    height: 27vw;
    top: 11.0645vw
}
@media (max-width:1440px) {
    :lang(th) section.sec_about .reg_txt {
        height: 31vw
    }
}
@media (max-width:1024px) {
    :lang(th) section.sec_about .reg_txt {
        top: 50%;
        height: auto;
        background: rgba(0, 0, 0, .768627451)
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(th) section.sec_about .reg_txt {
        top: calc(85vw - var(--reg_txt)/ 2)
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(th) section.sec_about .reg_txt {
        top: calc(78vw - var(--reg_txt)/ 2)
    }
}
@media (max-width:430px) {
    :lang(th) section.sec_about .reg_txt {
        padding-bottom: 30px
    }
}
:lang(th) section.sec_about .reg_txt p {
    line-height: 1.4vw
}
@media (max-width:1024px) {
    :lang(th) section.sec_about .reg_txt p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 15px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(th) section.sec_about .reg_txt p {
        font-size: 18px;
        line-height: 22px
    }
}
@media (max-width:768px) {
    :lang(th) section.sec_about .reg_txt p {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 12px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(th) section.sec_about .reg_txt p {
        font-size: 10px;
        line-height: 12px
    }
}
:lang(th) section.sec_about .reg_txt p span {
    display: block;
    line-height: 1.8vw
}
@media (max-width:1024px) {
    :lang(th) section.sec_about .reg_txt p span {
        font-size: 20px;
        line-height: 26px
    }
}
@media (max-width:768px) {
    :lang(th) section.sec_about .reg_txt p span {
        font-size: 16px;
        line-height: 20px
    }
}
:lang(th) section.sec_contact .reg_contact .row_txt .p_txt {
    background: url(../img/common/Gclub-text-if-th-th.webp) left top/2.135vw auto no-repeat;
    padding-left: 2.2vw;
    padding-top: 1.4vw
}
@media (max-width:1024px) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt {
        background: url(../img/common/Gclub-text-if-th-th.webp) left top/auto 45px no-repeat
    }
}
@media (max-width:1024px) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt.m {
        padding-left: 2.3vw;
        letter-spacing: 0
    }
}
@media (max-width:926px) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt.m {
        padding-left: 3vw;
        padding-top: 1.6vw
    }
}
@media (max-width:768px) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt.m {
        background-size: auto 40px;
        font-size: 10px;
        padding-left: 3.7vw;
        padding-top: 2.2vw
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt.m {
        letter-spacing: normal;
        padding-left: 30px;
        padding-top: 17px;
        font-size: 12px;
        line-height: normal;
        background-size: auto 45px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt.m {
        font-size: 10px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt a {
        margin: 8px auto;
        margin-left: 25px;
        display: block;
        font-size: 12px
    }
}
@media screen and (max-width:768px) and (orientation:portrait) {
    :lang(th) section.sec_contact .reg_contact .row_txt .p_txt a {
        margin-left: -2px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(th) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt {
        margin-bottom: 0
    }
}
:lang(th) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
    background: url(../img/common/Gclub-text-or-th-th.webp) left top/2.396vw auto no-repeat;
    padding-top: 1.4vw;
    padding-left: 2.8vw
}
@media (max-width:1024px) {
    :lang(th) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
        background: url(../img/common/Gclub-text-or-th-th.webp) left top/auto 36px no-repeat;
        padding-left: 3.2vw;
        padding-top: 2vw
    }
}
@media (max-width:926px) {
    :lang(th) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
        padding-top: 2.5vw;
        padding-left: 4vw
    }
}
@media (max-width:768px) {
    :lang(th) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
        background-size: auto 28px;
        font-size: 10px;
        padding-left: 4vw;
        padding-top: 2vw
    }
}
@media screen and (max-width:1024px) and (orientation:portrait) {
    :lang(th) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
        padding-left: 30px;
        padding-right: 20px;
        padding-top: 13px;
        font-size: 12px
    }
}
@media screen and (max-width:640px) and (orientation:portrait) {
    :lang(th) section.sec_contact .reg_contact .are_contact .blk_contactR .row_txt .p_txt {
        font-size: 10px
    }
}