/* 
// Small devices (landscape phones, 576px and up)
@media (max-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (max-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (max-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (max-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (max-width: 1400px) { ... } 
*/

#homeSlogn {
    position: absolute;
    top: 33%;
    left: 100px;
    font-size: 60px;
    letter-spacing: 7px;
    color: white;
    font-family: "Noto Serif TC", serif;
    font-weight: 400;
    text-shadow: black 0.1em 0.1em 0.2em;
    z-index: 10;
}

    #homeSlogn span {
        display: block;
    }

@keyframes fade {
    from {
        opacity: 0.9;
    }
    30% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.4;
    }
    65% {
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}

#mainSolngLine {
    position: absolute;
    top: 200px;
    left: 0;
    color: white;
    width: 4.2em;
    height: 1px;
}

.ani {
    opacity: 1 !important;
    animation: fade 4000ms infinite;
    -webkit-animation: fade 4000ms infinite;
    border-bottom: 1px solid white;
}

    #mainSolngLine span {
        position: absolute;
        left: 260px;
        top: -8px;
        font-size: 15px;
        line-height: 16px;
        font-weight: 100;
        letter-spacing: 1px;
    }

.s2 .swiper-slide::before {
    content: "";
    position: absolute;
    width: unset;
    height: unset;
    background-color: unset;
    opacity: unset;
}



@media (max-width: 576px) {
    #homeSlogn {
        position: absolute;
        top: 32%;
        left: 240px;
        font-size: 44px;
        letter-spacing: 18px;
        color: white;
        font-family: "Noto Serif TC", serif;
        font-weight: 400;
        text-shadow: black 0.1em 0.1em 0.2em;
        z-index: 10;
    }

        #homeSlogn span {
            display: block;
        }


    #mainSolngLine {
        position: absolute;
        top: 276px;
        left: -290px;
        color: white;
        width: 4.2em;
        height: 1px;
    }

        #mainSolngLine span {
            position: absolute;
            left: -39px;
            top: -20px;
            font-size: 14px;
            line-height: 16px;
            font-weight: 100;
            letter-spacing: 1px;
        }

}