/*
    ammpe about CSS
*/

.about {
    position: relative;
    padding: 3.75rem 0 10rem;
    margin: 0 auto;
    width: 1080px;
}

.about-history {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans TC', sans-serif;
    padding: 0 4.75rem;
    margin: 0 auto 4.75rem;
}
    .history-brand {
        margin: 0 auto 4.75rem;
        text-align: center;
        width: 434px;
    }
        .history-brand img {
            width: 100%;
        }
    .history-title {
        font-size: 1.875rem;
        margin: 0 auto 2.5rem;
        text-align: center;
        font-weight: 500;
        line-height: 1.714;
        color: #595757;
    }
    .history-content {
        color: #727171;
        line-height: 1.714;
        font-weight: 300;
        font-size: 1.375rem;
        padding: 2rem 0 0;
        margin: 0;
        letter-spacing: 0.01em;
        text-align: justify;
    }
    .history-seperate {
        width: 2rem;
        height: 1px;
        border: none;
        border-top: 1px solid #727771;
        margin: 0;
    }
.about-seperate {
    width: 800px;
    margin: 0 auto 4.75rem;
}
.about-box {
    text-align: center;
    max-width: 1080px;
    text-align: center;
    font-family: 'Noto Sans TC', sans-serif;
    color: #727171;
    padding: 0 4.75rem;
}
.about-download {
    margin: 0 auto;
    display: inline-block;
}
    .about-download img {
        width: 292px;
        vertical-align: middle;
    }
.about-box .about-detail {
    transition: .5s all ease-in-out;
    margin: 0 auto 2.5rem;
    display: none;
    font-family: 'Noto Sans TC', sans-serif;
}
    .about-detail--title {
        display: inline-block;
        font-size: 1.875rem;
        color:#595757;
        margin: 0 auto 2.5rem;
        padding: 0 0 0 2.5rem;
        text-align: left;
        vertical-align: middle;
        letter-spacing: 0.13em;
        cursor: pointer;
    }



/* meeting in the box */

.about-detail--meeting {
    font-size: 1.375rem;
    letter-spacing: 0.01em;
    width: 550px;
    text-align: center;
    font-weight: 300;
}
    .about-detail--meeting figure {
        margin: 0 auto 2em;
    }
    .about-detail--meeting figcaption {
        padding: 5px 0 0;
        line-height: 1.414;
        text-align: justify;
        letter-spacing: 1px;
    }
    .about-detail--meeting img {
        width: auto;
        vertical-align: top;
        max-width: 100%;
    }

/* path in the box */

.about-detail--path {
    font-size: 1.375rem;
    letter-spacing: 0.05em;
    line-height: 1.714;
    text-align: justify;
    font-weight: 300;
}
    .about-detail--path p {
        margin: 0 auto;
    }

/* chairman in the box */

.about-detail--chairman {
    font-size: 1.375rem;
    line-height: 2;
}
    .chairman-portrait {
        text-align: center;
        margin: 0 auto 1em;
    }
    .chairman-exp {
        letter-spacing: 0.1em;
        font-size: 1.375rem;
        text-align: left;
        font-weight: 300;
        line-height: 1.714;
    }