.title {
    color: #3f3d3e;
    align-items: flex-start;
    font-size: 1em;
}
body {
    background-image: url(/img/bgb.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}
.section {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    text-shadow: 2px 4px 30px #fff;
    padding: 2rem;
}
.numtxt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.nav a {
    color: #000 !important;
    border: 0.125em solid #eee;
    background: #fcfcfc;
    border-radius: 0.1875em;
    padding: 1rem 1.5rem;
    margin-right: 0.5rem;
}
.nav a.active,
.nav a:hover {
    color: #fff !important;
    border: 0.125em solid #000;
    background: #000;
}
.nav a:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #000;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
} 
.maintitle {
    color: #6034BF;
    font-weight: 500;
}

/* 圖例樣式 */
.legend-badge-tongshi {
    background-color: #FFF3CD !important;
    border: 1px solid #FFEAA7 !important;
}

.legend-badge-jichu {
    background-color: #F8D7DA !important;
    border: 1px solid #F5C6CB !important;
}

.legend-badge-jinjie {
    background-color: #CCE5FF !important;
    border: 1px solid #B8DAFF !important;
}

.legend-badge-kuayu {
    background-color: #D4EDDA !important;
    border: 1px solid #C3E6CB !important;
}

/* 活動列表圖片樣式 */
.event-img {
    width: 40% !important;
    height: 120px !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media screen and (max-width: 30em) {
    .post img {
        width: 100%;
        padding-bottom: 1em;
    }
}