.main_box {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

    .main_box .box {
        width: 100%;
        border-radius: 10px;
        -webkit-border-radius: 10px;
    }

        .main_box .box .bg_in {
            border-radius: 6px;
            -webkit-border-radius: 6px;
        }

            .main_box .box .bg_in .title {
                font-size: 0.9rem;
                text-align: center;
                padding: 0.25rem 0;
            }

        .main_box .box .content {
            z-index: 10;
            position: relative;
            /*width: 400px;
            height: 200px;*/
            margin: 0 auto 0 auto;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            /* 2022/07/27 Chen */
            width: 567px;
            height: 436px;
        }

#mask_img_bg {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    bottom: 0.2rem;
    right: 0.2rem;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

    #mask_img_bg img {
        width: 5.3rem;
        height: 5.5rem;
        margin: 0 auto;
        display: block;
    }

#redux {
    z-index: 22;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.hint-show {
    display: none;
    position: absolute;
    top: -8rem;
    width: 470px;
    height: 470px;
    /*margin-left: -2rem;*/
    z-index: 99;
    /* 2022/07/27 Chen */
    margin-left: 2rem;
}

.cont-span {
    display: block;
    /*margin-top: 50px;*/
    /* 2022/07/27 Chen */
    margin-top: 150px;
}

.hint-show .prize-span {
    position: absolute;
    /*top: 12rem;
    right: 13rem;
    width: fit-content;*/
    /* 2021/08/27 Chen */
    /*top: 35%;
    left: 13%;
    width: 235px;*/
    /* 2022/07/27 Chen */
    width: unset;
}

.hint-show .close {
    display: inline-block;
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 200;
    cursor: pointer;
}

.hint-show .btn {
    display: inline-block;
    width: 140px;
    height: 37px;
    position: absolute;
    margin-left: 9.3rem;
    z-index: 200;
    padding: unset;
    bottom: 5.8rem;
}

@media (min-width: 1200px) {
    .cont-span .rwd-h2 {
        font-size: 3rem;
    }
    #between {
        width: 880px;
    }
    .icon-img-hand{
        z-index:30;
        margin-top:-16rem;
        /*margin-left:2rem;*/
        position:absolute;
    }
    .img-hand{
        width:90%;
        height:90%;
    }
    .backdot{
        z-index:0;
        position:absolute;
        margin-left:-60rem;
    }
    .to-shop-img {
        position:absolute;
        z-index:300;
        margin-left:61.7rem; 
    }
    .to-line-img {
        margin-left:67rem;
        margin-top:12rem;
        position:absolute;
    }
    .detailImg{
        margin-top:17rem;
    }
}

@media (max-width: 1199px) {
    .main_box .box .content {
        width: 485px;
        height: 373px;
    }

    .cont-span {
        margin-top: 140px;
    }

        .cont-span .rwd-h2 {
            font-size: 2.5rem;
        }

    .hint-show {
        margin-left: unset;
    }
    #between {
        width: 600px;
    }
}
/* End */

@media (max-width: 991px) {
    .main_box .box .content {
        /*width: 340px;
        height: 170px;*/
        /* 2022/07/27 Chen */
        width: 363px;
        height: 279px;
    }

    .cont-span {
        /*margin-top: 50px;*/
        /* 2022/07/27 Chen */
        margin-top: 100px;
    }

        /* 2022/07/27 Chen */
        .cont-span .rwd-h2 {
            font-size: 2rem;
        }

    .hint-show {
        width: 400px;
        height: 400px;
        /* 2022/07/27 Chen */
        margin-left: -1rem;
    }

        .hint-show .prize-span {
            /*top: 11rem;
            right: 11rem;*/
            /* 2021/08/27 Chen */
            /*width: 200px;*/
            /* 2022/07/27 Chen */
            width: unset;
        }

        .hint-show .close {
            width: 60px;
            height: 60px;
        }

        .hint-show .btn {
            width: 120px;
            height: 32px;
            margin-left: 8rem;
            bottom: 5rem;
        }
        #between {
            width: 550px;
        }
}

@media (max-width: 767px) {
    .main_box .box .content {
        /*width: 300px;
        height: 150px;*/
        /* 2022/07/27 Chen */
        width: 272px;
        height: 209px;
    }

    .cont-span {
        /*margin-top: 45px;*/
        /* 2022/07/27 Chen */
        margin-top: 80px;
    }

        /* 2022/07/27 Chen */
        .cont-span .rwd-h2 {
            font-size: 1.5rem;
        }

    .hint-show {
        top: -5rem;
        width: 340px;
        height: 340px;
        /*margin-left: -1rem;*/
        /* 2022/07/27 Chen */
        margin-left: -2rem;
    }

        .hint-show .prize-span {
            /*top: 9rem;
            right: 9rem;*/
            /* 2021/08/27 Chen */
            /*width: 170px;*/
            /* 2022/07/27 Chen */
            width: unset;
        }

        .hint-show .close {
            width: 50px;
            height: 50px;
        }

        .hint-show .btn {
            width: 100px;
            height: 28px;
            margin-left: 6.8rem;
            bottom: 4rem;
        }
    #between {
        width: 400px;
    }
}

@media (max-width: 576px) {
    .main_box .box .content {
        /*width: 220px;
        height: 110px;*/
        /* 2022/07/27 Chen */
        width: 180px;
        height: 138px;
    }

    .cont-span {
        /*margin-top: 35px;*/
        /* 2022/07/27 Chen */
        margin-top: 50px;
    }

        /* 2022/07/27 Chen */
        .cont-span .rwd-h2 {
            font-size: 1.125rem;
        }

    .hint-show {
        top: -3rem;
        width: 260px;
        height: 260px;
        /*margin-left: -1rem;*/
        /* 2022/07/27 Chen */
        margin-left: -2rem;
    }

        .hint-show .prize-span {
            /*top: 7rem;
            right: 7rem;*/
            /* 2021/08/27 Chen */
            /*width: 130px;*/
            /* 2022/07/27 Chen */
            width: unset;
        }

        .hint-show .close {
            width: 40px;
            height: 40px;
        }

        .hint-show .btn {
            width: 80px;
            height: 25px;
            margin-left: 5rem;
            bottom: 3rem;
        }
    #between {
        width: 300px;
    }
}

.toline-btn .btn {
    display: inline-block;
    width: 195px;
    height: 56px;
    position: absolute;
    margin-left: 10rem;
    z-index: 200;
    padding: unset;
    bottom: 2.7rem;
}

@media (max-width: 991px) {
    .toline-btn .btn {
        width: 165px;
        height: 50px;
        margin-left: 8.5rem;
        bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .toline-btn .btn {
        width: 146px;
        height: 42px;
        margin-left: 7.5rem;
        bottom: 2rem;
    }
}

@media (max-width: 576px) {
    .toline-btn .btn {
        width: 110px;
        height: 34px;
        margin-left: 5.3rem;
        bottom: 1.2rem;
    }
}
.lotterycard{
    width:600px;
    height:350px;
    margin-top:-52rem;
    margin-left:-3rem;
}