/* Powered By Oddintely Inc. */
/* 錯誤頁（templates/funcTemplates/ErrorHandler/Warning.html）的樣式。
   10/08 收進前端 lib：原本讀各專案自己的 static/css/error.css，沒有那支檔的系統（馬偕、借用、電商、部署工具）錯誤頁整個沒有樣式。
   卡片在畫面正中間，上下左右都置中（10/08 LTC），手機也一樣。顏色走色票、背景與文字色成對（錯誤頁沒載主題，取後面的原色） */

html,
body {
    height: 100%;
    margin: 0;
}

.Oddi_ErrorPage {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 100vh;
    padding: 1em;
    background: var(--odd-theme-page-bg, #eceff1);
    color: var(--odd-theme-text, #263238);
}

.Oddi_ErrorCard {
    box-sizing: border-box;
    width: 100%;
    max-width: 40em;
    padding: 2em;
    border-radius: 1em;
    box-shadow: 0 0.1em 0.5em var(--odd-theme-shadow, rgba(38, 50, 56, 0.15));
    background: var(--odd-theme-surface, #ffffff);
    color: var(--odd-theme-text, #263238);
    text-align: center;
}

.Oddi_ErrorCard h1 {
    margin: 0 0 0.6em;
    font-size: 1.6em;
}

.Oddi_ErrorCard p {
    margin: 0.5em 0;
    line-height: 1.7;
}

.Oddi_ErrorCard a {
    display: inline-block;
    margin-top: 1.2em;
}