/* 客製_start */

.n3-banner-container{
    padding: 4rem;
}

.n3-banner-container .text-container{
    font-size: 20px;
    line-height: 2;
    margin-bottom: 4rem;
}


.index-category-container .n3-card-item{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.index-category-container .n3-card-item::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #0099FF, #005C99);
    opacity: .75;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

}

.index-category-container .n3-card-body{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 35%;
    width: 100%;
    padding: 30px;
    z-index: 9;
}

.index-contact-container .n3-card-item{
    padding: 2rem;
    padding-top: 60px;
    background-color: #005C9915;
    border-radius: 1rem;
}

.index-contact-container .n3-card-item .text-title{
    font-size: 28px;
    font-weight: 400;
}

.index-contact-container .n3-card-item .n3-button{
    max-width: 180px;
    margin: 0 auto;
}

/* 客製_end */

@media only screen and (max-width: 1499px) {}

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 1199px) {}

@media only screen and (min-width: 992px) {}

@media only screen and (max-width: 991px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (max-width: 767px) {
    .n3-banner-container{
        padding: 2rem;
    }
}

@media only screen and (max-width: 568px) {}

@media only screen and (max-width: 440px) {}

@media only screen and (max-width: 420px) {}