/* error404page */
   .error-box {
        max-width: 900px;
        width: 100%;
        margin: 60px auto;
    }

    @media screen and (max-width: 767px) {
        .error-box {
            margin:30px auto;
        }
    }

    .error-picarea,.error-textbox {
        color: #676767;
        display: flex;
        flex-flow: row wrap;
    }

    @media screen and (max-width: 1023px) {
        .error-picarea,.error-textbox {
            justify-content:center;
        }
    }

    .error-text {
        color: #8d8d8d;/* 顏色淡些 */
        font-family: Arial, helvetica, "微軟正黑體", Geneva, "Heiti TC", "新細明體", sans-serif;
        font-size: 100px;
        font-weight: 900;
        line-height: .85;
        text-align: center;
        width: 500px;
    }

    @media screen and (max-width: 1023px) {
        .error-text {
            line-height:1;
            width: 100%;
        }
    }

    @media screen and (max-width: 767px) {
        .error-text {
            font-size:90px;
        }
    }

    .error-info {
        font-size: 22px;
        width: calc(100% - 500px);
    }

    @media screen and (max-width: 1023px) {
        .error-info {
            width:335px;
            margin-top: 40px;
        }
    }

    @media screen and (max-width: 767px) {
        .error-info {
            font-size:18px;
            width: 200px;
        }
    }

    .error-textbox {
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 4%;
    }

    @media screen and (max-width: 1023px) {
        .error-textbox {
            justify-content:center;
        }
    }

    .error-picarea {
        justify-content: flex-start;
    }

    @media screen and (max-width: 1023px) {
        .error-picarea {
            justify-content:center;
            padding: 20px 0;
        }
    }

    .error-picarea .error-canvas,.error-picarea img {
        max-width: 500px;
        width: 100%;
    }

    .error-picarea .input-holder {
        align-self: flex-end;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin-bottom: 30px;
        transform: translateX(-26px);
    }
    .input-holder {
        display: flex;
        font-size: 18px;
        justify-content: center;
        margin: 0 auto;
    }

    .input-holder[role=search] {
        max-width: 310px;
    }
    @media screen and (max-width: 1023px) {
        .input-holder[role=search] {
            max-width: 401px;
        }
    }
    .error-picarea .input-holder:before {
        content: "或許您可以輸入關鍵字查詢：";
        display: inline-block;
        color: #676767;
        font-size: 18px;
        line-height: 2;
    }

    @media screen and (max-width: 1240px) {
        .error-picarea .input-holder {
            padding-left: 14px;
            margin:20px 0;
            transform: translateX(0);
        }
    }

    @media screen and (max-width: 767px) {
        .error-picarea .input-holder {
            font-size:14px;
        }
    }

    .error-picarea .input-holder input {
        width: calc(100% - 40px);
        font-size: 18px;
        adding-left: 8px;
        letter-spacing: 1px;
        height: 36px;
    }

    .error-picarea .input-holder .go {
        display: inline-block;
        margin: 4px;
        margin-left: 6px;
        width: 26px;
        height: 26px;
        background: url(https://cache.ltn.com.tw/images/icon/g_search.svg) no-repeat center;
        background-size: 26px;
        border: none;
    }

    .error-picarea .input-holder>div,.story-list {
        width: 100%;
    }
    
    div.content > section.content940 {
        width: 100%;
        max-width: 100%;
    }