a {
        cursor: pointer;
    }

    .container {
        width: 1200px !important;
    }

    .copy h1 {
        font-weight: bold !important;
        /* margin-top: 3rem;*/
    }

    #app-root a {
        color: #74431d !important;
    }

    #app-root span {
        font-size: 18px;
        color: #777777;
    }


    .container--constraint[data-v-2923f35a] {
        padding: 0 1rem 1rem 1rem !important
    }

    #information p {
        font-size: 22px;
        line-height: 1.8;
    }

    #information strong {
        color: #74431d;
    }

    .download {
        width: 100%;
        margin-top: 2rem;
    }

    .download img {
        max-width: 200px;
        min-width: 100px;
        width: 100%;
        margin: 0 20px;
    }


    .lc-app-download-deatil {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .lc-app-download-deatil img {
        width: 100%;
        max-width: 500px;
    }

    .lc-app-download-deatil p {
        width: 100%;
        text-align: left;
        font-size: 22px;
        line-height: 1.6;

    }


    .lc-app-download-deatil:nth-child(2) {
        flex-direction: row-reverse;
    }

    .lc-app-download-word {
        vertical-align: middle;
        align-items: baseline;
        display: flex;
        flex-direction: column;
        width: 50%;
    }



    .event-content {
        padding-bottom: 2rem !important;
    }

    /*.event-content div{display: flex; width: 50%; min-width: 500px;}*/
    .event-content p {
        font-size: 22px;
        color: #404040;
        margin: 1rem 0;
        text-align: left;
    }

    .global-card.card-vertical.card-half {
        width: calc(50% - 6rem) !important;
    }

    .global-card img.game {
        margin: 0 auto;
        max-width: 400px;
        min-width: 300px;
        margin-bottom: 1rem;
    }

    .step01_special {
        width: 71%;
        margin: 0 auto;
        padding-top: 2rem;
    }

    .step,
    .global-card .image img.step {
        width: 100px !important;
        height: 45px;
        display: flex;
    }

    .event-deatil {
        width: 100%;
    }


    .surppot {
        width: 100%;
        background-color: #6e6e6e;
        border-radius: 30px;
        padding: 2rem 0;
        margin: 2rem 0;
    }

    .surppot h3 {
        color: #ffffff;
        text-align: left;
        padding: 0 3rem;
    }

    .surppot p {
        font-size: 16px;
        color: #ffffff;
        padding: 0 3rem;

    }


    .q_and_a {
        background: #eeeeee;
        padding: 3rem;
    }

    .q_and_a .copy h3,
    .q_and_a .copy p {
        text-align: left !important;
    }







    video {
        min-width: 400px;
        width: 80%;
        /*padding-top: 1rem !important;*/
        padding: 0 !important;

    }


    .container.light[data-v-2923f35a],
    .container.light[online] {
        width: 100% !important;
        background: #eee;
    }


    .app {
        display: none;
    }

    /*.qrcode {
        display: block;
    }*/


    @media (max-width: 1024px) {
        .container {
            width: 945px !important;
        }

        .app {
            display: flex;
            flex-direction: column;
            margin: 0 auto;
            width: 200px;
        }

        .app img {
            max-width: 200px;
            min-width: 100px;
            width: 100%;
            margin: 0 auto;
        }

        .qrcode {
            display: none;
        }

        .step01_special {
            width: 92%;

        }
    }

    @media (max-width: 768px) {
        .container {
            width: 700px !important;
        }

        #information p {
            font-size: 20px;
            padding: 1rem 0;
            font-weight: bold !important;
        }

        .lc-app-download-deatil {

            flex-direction: column;

        }

        .lc-app-download-word {

            width: 80%;
            margin: 0 auto;
        }



        .lc-app-download-deatil:nth-child(2) {
            flex-direction: column;
        }


        .lc-app-download-deatil p {

            font-size: 18px;
        }

        .step01_special {
            width: 85%;

        }

        .global-card.card-vertical.card-half {
            width: calc(50% - 2rem) !important;
        }

        .event-content p {
            padding: 0 1rem 0 0;
            font-size: 18px;
        }

        .global-card img.game {
            margin: 0 auto;
            max-width: 250px;
            min-width: 200px;
            margin-bottom: 1rem;
        }

        .step01_special {
            width: 100%;
        }

        .surppot p {
            font-size: 16px;
            color: #ffffff;
            padding: 0 3rem;
        }


    }

    @media (max-width: 480px) {
        .copy h1 {
            margin-top: 3rem;
        }

        .copy h1 span {
            display: block;
        }

        .container,
        .container--constraint[data-v-2923f35a] {
            width: 350px !important;
        }



        .nav {
            justify-content: flex-start;
        }

        .global-card.card-vertical.card-half {
            width: 100% !important;
        }

        #information p {
            font-size: 18px;
            padding: 2rem;
            text-align: left;
        }

        #information p {

            padding: 1rem;
            text-align: left;
        }

        .container--constraint[data-v-2923f35a] {
            padding: 0 0 1rem 0 !important;
        }

        .event-content p {
            padding: 1rem 1rem;
            font-size: 18px;
            width: 90%;
            margin: 0 auto;

        }

        .step01_special {
            /* width: 90%; */
            margin-left: 2rem;
        }

        .surppot p {
            font-size: 16px;
            overflow: hidden;
            padding: 0 2rem;
            margin: 0 auto;
        }

        .q_and_a .container {
            width: 300px !important;
        }

        .image-only div {
            margin-left: 2rem;
        }


    }

    @media (max-width: 375px) {

        .container,
        .container--constraint[data-v-2923f35a] {
            width: 300px !important;
        }

        .doco {
            display: none;
        }

        .app-a {
            padding-bottom: 3rem;
        }

        .global-card .image img {
            /*   margin: 0 auto;
            max-width: 220px;
            min-width: 220px;*/
        }

        .surppot p {
            font-size: 16px;
            padding: 0 1rem;
            margin: 0 auto;
            overflow: hidden!important;
        }

        .step01_special {
            /* width: 90%; */
            margin-left: 1rem;
        }

        .image-only div {
            margin-left: 1rem;
        }

        .event-content p {
            padding: 1rem 0
        }

        .step,
        .global-card .image img.step {
            width: 80px !important;
            height: 36px;
            display: flex;
        }

        .container--constraint[data-v-2923f35a] {
            padding: 0 0 1rem 0 !important;
        }

        .surppot p {
            font-size: 16px;
            padding: 0 2rem;
            margin: 0 auto;
        }

        .q_and_a .container {
            width: 280px !important;
        }

    }

    @media (max-width: 320px) {
        .q_and_a .container {
            width: 220px !important;
        }

        .surppot {
            width: 90%;
        }
    }