#logo img {
    width: 70%;
}

#navigation li.btn-1 a:before {
    background-image: url(../image/comment-dots-solid.svg);
}

#navigation li.btn-2 a:before {
    background-image: url(../image/magnifying-glass-solid.svg);
}

#navigation li.btn-3 a:before {
    background-image: url(../image/circle-question-regular.svg);
}

#navigation li.btn-4 a:before {
    background-image: url(../image/sitemap-solid.svg);
}

#main-title .print:before {
    background: url(../image/print-solid.svg) !important;
}

.about-txt-appendix a {
    font-size: 1.7em;
    color: #CC6E58 !important;
}

#navigation li {
    width: 33.3333%;
}

.go-back {
    font-size: 1.5625em;
    color: #fff;
    margin-left: 30px;
}

#gotop {
    background-color: #ddd;
    border-radius: 50%;
    border: 5px solid #000;
}

#gotop::before {
    content: '>';
    transform: rotate(90deg);
}

/* 關於我們 */
a:focus,
button:focus,
input:focus {
    outline: 3px dotted red;
}

#container .section .wrap {
    flex-wrap: wrap;
}

.about-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    width: 100%;
}

.about-area .txt {
    width: 59%;
}

.about-area .txt strong {
    font-size: 2em;
}

.about-area .txt p {
    font-size: 1.5em;
}

.about-area .img {
    width: 30%;
}

.imgmedia {
    width: 320px;
    height: 240px;
    overflow: hidden;
}

.imgmedia img {
    width: 100%;
}

@media (max-width: 768px) {
    #logo img {
        width: 40%;
    }
}

@media (max-width: 480px) {
    /* 關於我們 */
    .wrap .about-area {
        display: block;
    }

    .about-area .txt {
        width: initial;
    }

    /* 網站導覽 */
    #container .section .wrap .left p {
        float: none;
    }

    /* footer */
    #footer img {
        width: 40%;
    }
}