@import './theme.css';
body {
    min-width: 340px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: var(--main-bg-color, #0081FF);
}

#error_main ,#auth_main ,#service_connection_main ,#unknow_error_main {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
}

#cloud_offline {
    margin-top: 60px;
}

.isOldPage #cloud_offline {
    margin-top: 120px;
}

.error_title ,.auth_title ,.service_connection_title ,.unknow_error_title {
    /* margin-top: 15px; */
    height: 29px;
    max-height: 29px;
    font-size: 20px;
    color: var(--font-color);
}

.error_content ,.auth_content ,.service_connection_content ,.unknow_error_content{
    font-size: 14px;
    color: #888888;
    margin: 30px 20px 0 20px;
}

.submit_bt {
    margin-bottom: 20px;
    margin-top: auto;
    width: 100%;
}

.submit_bt button {
    padding: 1px;
    width: calc(100vw - 40px);
    max-width: 320px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
    height: 36px;
    background: var(--btn-background);
    box-shadow: var(--btn-box-shadow);
    border: var(--btn-border);
    color: var(--btn-color);
    cursor: pointer;
}

.submit_bt button:active {
    color: var(--activateColor);
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}
.is_pod .error_title ,.is_pod .auth_title ,.is_pod .service_connection_title ,.is_pod .unknow_error_title {
    margin-top: 50px;
}
.is_pod .error_content ,.is_pod .is_pod.auth_content ,.is_pod .service_connection_content ,.is_pod .unknow_error_content{
    font-size: 17px;
    margin: 44px 80px 0 80px;
}
