﻿.home-welcome-bg {
    position: relative;
    min-height: calc(100vh - 56px);
    overflow: hidden; /* 確保背景不超出範圍 */
}

    /* 背景圖片樣式 */
    .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保持比例並填滿 */
        object-position: center; /* 置中對齊 */
    }
/*.home-5-content-area*/

    .home-5-content h3 {
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.2;
    }

        .home-5-content h3 span {
            color: #0b2e30;
        }

    .home-5-content p {
        margin: 30px 0 20px;
    }

    .home-5-content a {
        width: 200px;
        height: 60px;
        line-height: 60px;
        border-radius: 3px;
        text-transform: capitalize;
        color: #fff;
        background: #6AA4CD;
        border: 1px solid #6AA4CD;
        box-shadow: 0 5px 20px rgba(0,0,0,.2);
        -webkit-transition: 0.3s linear;
        -moz-transition: 0.3s linear;
        -ms-transition: 0.3s linear;
        -o-transition: 0.3s linear;
        transition: 0.3s linear;
    }

        .home-5-content a:hover {
            box-shadow: 0 5px 20px rgba(115, 102, 102, 0.4);
            background: #9f00ff;
            border: 1px solid #9f00ff;
        }
/*.home-5-content-area*/


.featurette {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

    .featurette.show {
        opacity: 1;
        transform: translateY(0);
    }


.tag {
    background: #222;
    border-radius: 20px;
    transition: transform 0.3s ease, background 0.3s ease;
}

    .tag:hover {
        transform: scale(1.15);
        background: #49BCC3; /* bootstrap info 色 */
        color: #000;
    }

.icon-link svg {
  transition: transform 0.3s ease;
}

.icon-link:hover svg {
  transform: translateX(6px);
}


.card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    transform: translateY(-2px) scale(1.015);
    transition: box-shadow 0.5s, transform 0.5s;
}

.col-md-4 {
    margin-bottom: 20px;
}