@media only screen and (min-width: 0) {
    * {
        font-family: "Noto_Sans_TC_Bold";
    }
    body {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    body, main {
        float: left;
        scroll-behavior: smooth;
        width: 100%;
    }
    main {
        /* margin-top: 1em; */
        margin-bottom: 2em;
    }
    header, footer {
        float: left;
    }
    div.layout, .layout {
        width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
}
@media only screen and (min-width: 1281px) {
    div.layout, .layout {
        width: 1200px;
        padding-left: calc((100% - 1200px) / 2);
        padding-right: calc((100% - 1200px) / 2);
    }
}