@charset "UTF-8";

@media ( min-width : 801px) {
    .button-box a {
        display: block; text-decoration: none;
    }
    .error-title {
        font-size: 35px; color: #ff7626; margin-left: 310px; padding-top: 150px;
    }
    .button-left, .button-right {
        margin-left: 310px; font-size: 16px; color: #ff7626;
    }
    .button-left {
        margin-top: 40px; margin-bottom: 10px;
    }
    .button-right {
        
    }
    .img-box {
        position: relative; top: 130px;
    }
    .img-box img {
        position: absolute; left: 50px; top: 0px;
    }
    .img-box div {
        position: absolute; left: 120px; top: 90px; font-size: 50px; font-weight: bold;
    }
    .copyright {
        color: rgb(65, 65, 65); background: rgba(255, 255, 255, 0.12); width: 100%; text-align: center; height: 33px; position: fixed; left: 0; bottom: 0; line-height: 33px; z-index: -100;
    }
    .error-reason {
        margin-left: 310px; font-size: 20px;
    }
    .wfk-error-page {
        background-size: 100%;
    }
    .bigbig-box {
        background: #fff; border-radius: 4px; height: 500px; width: 1000px; margin: auto; margin-top: 70px;
    }
}

@media ( max-width : 800px) {
    .img-box {
        position: relative; width: 210px; margin: auto;
    }
    .img-box div {
        position: absolute; top: 90px; left: 70px; font-size: 50px;
    }
    .error-title {
        font-size: 20px; color: #ff7626; margin-left: 20px; margin-right: 20px; padding-top: 20px; text-align: center;
    }
    .error-reason {
        font-size: 16px;  text-align: center;margin-left: 20px; margin-right: 20px;
    }
    .button-box {
        margin: auto; width: 200px; padding-top: 50px;
    }
    .button-left {
        float: left;
    }
    .button-right {
        float: left; padding-left: 40px;
    }
    .copyright {
        color: rgb(65, 65, 65); background: rgba(255, 255, 255, 0.12); width: 100%; text-align: center; height: 33px; position: fixed; left: 0; bottom: 0; line-height: 33px;
    }
}