@charset "utf-8";
@import url(base.css);

.error-row {
    text-align: center;
}

.error-row:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
    text-align: center;
}

.error-box {
    width: 846px;
    display: inline-block;
    font-size: 18px;
    color: #333333;
    max-width: 99%;
    vertical-align: middle;
}

.error-img {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.error-img div {
    display: inline-block;
    vertical-align: middle;
}

.error-text:before {
    display: inline-block;
    content: "";
    text-align: center;
    width: 100%;
    height: 2px;
    background: -moz-linear-gradient(right, #ffffff 0%, #006ea7 50%, #ffffff 100%);
    background: -webkit-linear-gradient(right, #ffffff 0%, #006ea7 50%, #ffffff 100%);
    background: -o-linear-gradient(right, #ffffff 0%, #006ea7 50%, #ffffff 100%);
    background: -ms-linear-gradient(right, #ffffff 0%, #006ea7 50%, #ffffff 100%);
    background: linear-gradient(to right, #ffffff 0%, #006ea7 50%, #ffffff 100%);
    margin-top: 24px;
    margin-bottom: 24px;
}

.error-text p {
    margin-bottom: 37px;
}

.error-text a {
    display: inline-block;
    width: 169px;
    height: 55px;
    line-height: 55px;
    background-color: #006ea7;
    border-radius: 10px;
    font-size: 24px;
    color: #ffffff;
    margin: 0 75px;
}

@media screen and (max-width: 640px) {

.error-box{
    padding: 0 20px;
}
.error-img {
    overflow: hidden;
    display: block;
}

.error-btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.error-text a {
    width: 110px;
    font-size: 18px;
    margin: 0;
    height: 40px;
    line-height: 40px;
}
}