body {
    background: #f1f1f1;
}
.banner{
    min-height:400px;
}

@media (max-width: 469px) {
    .banner {
        
        height: 600px;
    }
}
.btn-main-b {
    --btn-main:#257133;
}
.serve {
    padding-bottom: var(--sec-b);
    position: relative;
    background: url(../../images/serve-bg.jpg) no-repeat center / cover;
    font-size: 24px;
}

.serve-item-img::after {
    background:#257133;
}

.serve-item-btn a {
    background-color:#454545;
}

.serve-item-btn a:hover, .serve-item-btn a:focus {
    background:#257133;
}

.serve-content::after {
    background:none;
}

.login-content-img {
    width:666px;
    height:444px;
    max-width: 100%;
    object-fit: contain;
}

.login-container {
        padding: 4vw 4vw 200px 4vw;
}

.login-text-item::before{
    background-color: #454545;
}
@media (max-width: 768px) {
    .login-container {
    padding: 4vw 4vw 30vw 4vw;
}
}
@media (max-width: 575px) {
    .banner-title h5 strong {
    font-size: 35px;
    letter-spacing:2px;
    }
    .login-container {
        padding: 4vw 4vw 10vw 4vw;
    }

    .notice {
        margin-top: 100rem;
    }

        

    .serve {
        --sec-b: none; 
    }

        .banner {
            background: url(../../images/banner-2.jpg) no-repeat center / cover;
        }
}
@media (max-width: 477px) {
    .banner-title h5 strong {
    font-size: 30px;
    letter-spacing:2px;
    }}
@media (max-width: 469px) {
    .banner-title-main {
        max-width: none; 
    }
    .notice {
        margin-top: 100rem;
    }
    
}
@media (max-width: 425px) {
    .banner-title h5 strong {
    font-size: 25px;
    letter-spacing:1px;
    }}



strong {
    color:#257133;
}

.btn-main {
    --btn-main: #454545;
}
.btn-main:hover {
     --btn-main: #37c250;
}
.login-text-item {
    color:#454545;
}
.serve-item h5,.serve-item ul{
    color:#454545;
}
.banner-title img {
    transform: scale(2);
}

/* Go to Top 按鍵基礎樣式 */
.gotop {
    position: fixed;
    right: 30px;
    bottom: 100px; /* 距離瀏覽器底部 30px */
    z-index: 99;
    cursor: pointer;
    opacity: 0; /* 預設隱藏 */
    visibility: hidden;
    transition: all 0.3s ease; /* 漸變效果 */
}

/* 當加上 .show 類別時顯示 */
.gotop.show {
    opacity: 1;
    visibility: visible;
}

/* 確保圖片大小適中 */
.gotop img {
    width: 50px; /* 依你的圖片大小調整 */
    height: auto;
}