/*上方大圖*/

.hero-section01 {
    background: url("https://www.shengli-elec.com.tw/img/t17.jpg") 50% no-repeat;
    background-size: cover;
    height: 25vh;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero-section .hero-section-text {
    color: #ffffff;
    text-shadow: 1px 1px 2px #0a0a0a;
}

.masonry-css {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
}

@media screen and (max-width: 25em) {
    .masonry-css {
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media screen and (min-width: 37.5em) {
    .masonry-css {
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media screen and (min-width: 50em) {
    .masonry-css {
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media screen and (min-width: 68.75em) {
    .masonry-css {
        -webkit-column-count: 5;
        column-count: 5;
    }
}

.masonry-css-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1rem;
}