.button {
    display: block;
    width: 250px;
    height: 47px;
    background: #F8F6FB;
    border: 3px solid #FF7527;
    box-sizing: border-box;
    /* Shadow 3 */

    box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.5), 5px 5px 10px rgba(170, 170, 204, 0.25), 10px 10px 20px rgba(170, 170, 204, 0.5), -10px -10px 20px #FFFFFF;
    border-radius: 41px;
    font-family: 'Noto Sans TC', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    /* identical to box height, or 111% */

    align-items: center;
    text-align: center;

    color: #FF7527;
    text-decoration: none;
}

.button:hover {
    background: #FF7527;
    border: 3px solid #FF7527;
    color: #FFFFFF;
}

.page-title {
    font-family: 'Noto Sans TC', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    /* identical to box height, or 34px */
    color: #4D4D4D;
}

.content-title {
    font-family: 'Noto Sans TC', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    /* identical to box height, or 34px */
    color: #4D4D4D;
    /* text-indent: 17px; */
}

@media (min-width: 768px) {
    .col-2_5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}