@media (min-width: 576px) {
    #check-reward-btn {
        height: 60px;
        top: 10px;
    }

    .check-reward-dialog-row-code {
        width: 36vw;
        height: 6vw;
        margin-left: 1vw;
        margin-right: 1vw;
        font-size: 3vw;
        padding-left: 1vw;
    }
}

@media (min-width: 768px) {
    #check-reward-btn {
        right: 110px;
        width: 180px;
        height: 60px;
        top: 10px;
    }

    #check-reward-dialog-close-btn {
        top: calc(50% - 420px);
        left: calc(50% + 290px);
        width: 45px;
        height: 45px;
    }

    #check-reward-dialog-panel {
        width: 750px;
        height: 750px;
    }

    #check-reward-dialog-panel-title {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .check-reward-dialog-row {
        height: 80px;
    }

    .check-reward-dialog-row-title {
        font-size: 26px;
        width: 170px;
    }

    .check-reward-dialog-row-code {
        width: 300px;
        height: 50px;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 26px;
        padding-left: 10px;
    }

    .check-reward-dialog-row-copy-code-btn {
        width: 120px;
        height: 60px;
    }

    .check-reward-dialog-row-to-finish-btn {
        width: 120px;
        height: 60px;
    }

    #check-reward-dialog-confirm-btn {
        width: 320px;
        height: 108.9px;
        margin-top: 40px;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    #check-reward-btn {
        background-image: url(image/Btn_QueryReward.png);
        width: 160px;
        height: 200px;
        max-width: none;
        max-height: none;
        top: 100px;
        right: 20px;
        border-radius: 4px;
    }

    #check-reward-dialog-close-btn {
        position: absolute;
        top: calc(50% - 420px);
        left: calc(50% + 290px);
        z-index: 1010;
        width: 45px;
        height: 45px;
        cursor: pointer;
        background-image: url(image/common/Btn_Close.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0);
        border: 0px;
    }

    #check-reward-dialog-panel {
        width: 750px;
        height: 750px;
        background: rgba(0, 0, 0, 0);
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0);

        /* transform: scale(1);
  opacity: 1; */
    }

    #check-reward-dialog-panel-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #check-reward-dialog-panel-title {
        font-size: 40px;
        display: flex;
        margin-bottom: 40px;
        color: #5d5045;
    }

    .check-reward-dialog-row {
        display: flex;
        align-items: center;
        height: 80px;
        /* background-color: red; */
    }

    .check-reward-dialog-row-title {
        font-size: 26px;
        color: #886e55;
    }

    .check-reward-dialog-row-code {
        width: 300px;
        height: 50px;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 26px;
        padding-left: 10px;
        color: #928575;
        display: flex;
        align-items: center;
    }

    .check-reward-dialog-row-copy-code-btn {
        background-image: url(image/Btn_Copy.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        width: 120px;
        height: 60px;
        cursor: pointer;
    }

    .check-reward-dialog-row-to-finish-btn {
        background-image: url(image/Btn_Go.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: none;
        width: 120px;
        height: 60px;
        cursor: pointer;
    }

    #check-reward-dialog-confirm-btn {
        background-image: url(image/MainBtn_Confirm.png);
        width: 320px;
        height: 108.9px;
        /* aspect-ratio: 470/160; */
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        border: 0px;
        margin-top: 40px;
    }
}

@media (min-width: 1452px) {}