/* 客製_start */





.technology-content_top-container {

    padding: 2rem 2rem;

    background-color: #fff;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);

    max-width: 420px;

    width: 100%;



}





.technology-container {

    position: relative;

    padding-top: 8rem;

}



.technology-content_top {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9;

}



.technology-img-item {

    position: relative;

}



.technology-img-item::after {

    content: '';

    display: block;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

    background: linear-gradient(to bottom, #00000000 0%, #00000060 100%);

}



.technology-img-item .text-container {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    color: #fff;

}



.product-container .n3-card-item {

    padding: 1rem;

    background-color: #fff;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);

}



.product-container a.cate-link {

    padding: .75rem 1.5rem;

    color: #fff;

    background-color: var(--primary-color-100);

    line-height: 1;

    display: inline-block;

    border-radius: 5rem;

    margin-bottom: 1rem;

    font-size: .75rem;

}



.product-container .text-title {

    font-size: 1rem;

}



.product-container .img-content img {

    height: 100%;

    width: unset;

}



.banner-item {

    position: relative;

}



.banner-item .banner-text {

    padding: 2rem;

    background-color: #fff;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);

    position: absolute;

    bottom: 2rem;

    left: 2rem;

    max-width: 100%;

    

}



/* 客製_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) {}



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



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



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