.div_error {
    display: none;
}

.error_box {
    color: #691715;
    background: #feded9;
    border: 1px solid #fc8675;
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 10px 15px;
}

.success_box {
    color: #1b601c;
    background: #b2e7d3;
    border: 1px solid #65cea7;
    width: 100%;
    margin: 10px auto;
    display: block;
    padding: 10px 15px;
}

.open_box {
    display: block;
}

.show_div {
    border: 5px solid rgb(71 202 46);
    width: 700px;
    z-index: 1002;
    left: 50%;
    height: auto;
    position: fixed;
    top: 100px;
    outline-style: initial;
    margin-left: -350px;
    outline-color: initial;
    outline-width: 0px;
    background-color: #f2ffe5;
    border-radius: 5px;
}

.close_box {
    display: none;
}



@media (max-width:480px) {
    .show_div {
        width: 100%;
        margin-left: -50%;
    }

    .div_content table {
        font-size: 10px;
    }
}

@media (min-width:481px) and (max-width:550px) {
    .show_div {
        width: 100%;
        margin-left: -50%;
    }

    .div_content table {
        font-size: 10px;
    }
}

@media (min-width:551px) and (max-width:600px) {
    .show_div {
        width: 100%;
        margin-left: -50%;
    }

    .div_content table {
        font-size: 10px;
    }
}

@media (min-width:601px) and (max-width:670px) {
    .show_div {
        width: 100%;
        margin-left: -50%;
    }

    .div_content table {
        font-size: 10px;
    }
}

@media (max-width:767px) {
    .show_div {
        width: 100%;
        margin-left: -50%;
    }

    .div_content table {
        font-size: 10px;
    }
}

@media (min-width:768px) and (max-width:868px) {
    .show_div {
        width: 100%;
        margin-left: -50%;
    }
}