.text-center{
    text-align:center;
}
.tbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    text-align: center;
    overflow: auto;
    background: rgba(0,0,0,.6);
    opacity: 0;
    visibility: hidden;
    /*overflow:hidden;*/
}

    .tbox.is-active {
        opacity: 1;
        visibility: visible;
        transition: opacity .5s, visibility .3s;
    }

        .tbox.is-active .tbox-wrap {
            top: 0;
        }

    .tbox:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
    }

    .tbox .tbox-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1010;
    }

    .tbox img {
        max-width: 100%;
    }

    .tbox .tbox-wrap {
        text-align: left;
        position: relative;
        z-index: 1020;
        max-width: 870px;
        width: 95%;
        padding: 30px 15px;
        margin: 0 auto;
        display: inline-block;
        vertical-align: middle;
        top: -100px;
    }

    .tbox .tboxw-close {
        cursor: pointer;
        position: absolute;
        right: -5px;
        top: 5px;
        width: 45px;
        height: 45px;
        background-color: rgba(0,0,0,.7);
        border-radius: 50%;
        z-index: 1000;
    }

        .tbox .tboxw-close:before, .tbox .tboxw-close:after {
            content: "";
            position: absolute;
            left: 10px;
            top: 21px;
            width: 25px;
            height: 3px;
            background-color: #fff;
            transform: rotate(45deg);
        }

        .tbox .tboxw-close:before {
            transform: rotate(-45deg);
        }

    .tbox .tboxw-info {
        background: #fff;
        padding: 25px 20px;
        box-shadow: 0 0 1px #ebebeb;
        position: relative;
    }

        .tbox .tboxw-info .tboxw-info-t {
            font-size: 1.4em;
            font-weight: bold;
            margin-bottom: 20px;
            padding-bottom: 15px;
            color: #000;
            border-bottom: 1px solid #ebebeb;
            text-align: center;
            line-height: 1.3;
        }

        .tbox .tboxw-info .tboxw-info-d {
            white-space: pre-wrap;
            line-height: 1.6;
            word-break: break-word;
        }

            .tbox .tboxw-info .tboxw-info-d.img-theme {
                text-align: center;
                background: #ebebeb;
                line-height: 1;
                margin-bottom: 30px;
                white-space: normal;
            }

            .tbox .tboxw-info .tboxw-info-d a {
                display: block;
                text-decoration:underline;
                color:#2150a5;
            }

.tboxw-info-ds{
    overflow:auto;
}
.tbox .tboxw-info .tboxw-info-c{
    margin-top:20px;
}
.tbox .tboxw-info .tboxw-info-c > div {
    display: inline-block;
    padding: 12px 30px;
    background: #1b740b;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    box-shadow: 0 1px 1px #bbb;
}

        .tbox .tboxw-info .tboxw-info-c > a {
            display: inline-block;
            padding: 12px 30px;
            background: #f8ebe4;
            color: #3b2a21;
            cursor: pointer;
            border-radius: 20px;
            margin-left: 10px;
            box-shadow: 0 1px 1px #a87a62;
        }


        .tbox .tboxw-info .tboxw-info-c > .tbox-check {
            display: inline-block;
            padding: 12px 30px;
            background: #1f790e;
            color: #fff;
            cursor: pointer;
            border-radius: 20px;
            margin-left: 10px;
            box-shadow: 0 1px 1px #294e22;
        }