body {
    font-family: 'Noto Sans TC', sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
    font-size: 16px;
}

ul,ol,li{list-style: none;margin: 0;padding: 0;display: flex;}

a{color: #333;text-decoration: none;}
a:hover{color: #58423b;text-decoration: none;}


.container{max-width: 1200px;margin: 0 auto;}
.carousel-inner{max-width: 1200px;max-height: 600px;margin: 0 auto;border-radius: 40px;}
.carousel-inner img{width: 100%;height: 100%;object-fit: cover;}
.intro{min-height: 45vh;}
#intro .intro-left{
    background: linear-gradient(212deg,rgba(246, 243, 240, 1) 0%,rgba(184, 165, 140, 1) 75% );
    padding: 2rem 1.5rem;
    border-radius: 2rem;
    color: #fff;
    height: 100%;
}
#intro .intro-left h2{font-size: 3.5rem;line-height: 1.2;font-weight: bold;}
#intro .intro-left h3{font-size: 3.2rem;line-height: 1.2;letter-spacing: 0.75rem;font-weight: bold;}
#intro .intro-left p{font-size: 1.7rem;line-height: 1.5;letter-spacing: 0.5rem;margin-top: 7vh;font-weight: 300;}
#intro .intro-right{background: #E8E2D9;padding: 2rem 1.5rem;border-radius: 2rem;height: 100%;}
#intro .intro-right h3{color: #4D3B36;font-size: 1.5rem;font-weight: bolder;letter-spacing: 0.1rem;}
#intro .intro-right h4{color: #95785d;font-size: 1.1rem;font-weight: 400;}
#intro .intro-right p{color: #525252;letter-spacing: 0.1rem;font-size: 0.9rem;line-height: 1.5;font-weight: 400;margin-bottom: 2rem;}

.title{color:#58423b;font-size: 2rem;font-weight: 400;line-height: 1.5;letter-spacing: 0.5rem;}
.tech{margin: 4rem auto;}
.tech-item{background: #E8E2D9;border-radius: 2rem;padding: 2rem 1.5rem;}
.tech-item:hover{transform:translate(7px, -7px);transition: all 0.3s ease-in-out;}
.tech-item h3{font-size: 1.5rem;font-weight: 500;color:#58423b;margin-top: 1rem;}
.tech-item p{line-height: 1.5;font-weight: 400;color:#58423b;margin-top: 1rem;}
.tech-item img{width: 40%;height: auto;}

.case p{color: #656565;font-weight: 500;font-size: 1.4rem;letter-spacing: 0.1rem;}
.case img{border-radius: 2rem;width: 100%;}
.row > .col-lg-6:nth-child(2){display: flex;flex-direction: column;justify-content: space-between;}
.case .case-item-list{border-radius: 1rem;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);padding: 0px 2rem 0.5rem;}
.case .case-item-list p{font-size: 1rem;width: 100%;font-weight: 400;}
.case .counting-item{font-size: 4rem;font-weight: bolder;color:#7f634f;}

.success{background: #efefef;padding: 4rem 2rem;}
.success .success-item img{width: 100%;border-radius: 1.35rem;}
.success .success-item ul{align-items: center;justify-content: space-between;}
.success .success-item ul li{color: #3d3d3d;font-size: 1.2rem;font-weight: 500;}
.success .success-item ul:hover{transform: translate(5px, -5px);transition: all 0.3s ease-in-out;}
.success .arrow_icon{padding: 0.15rem;border: 1px solid #e8e2d9; border-radius: 50%;}

footer{background: #58423b;}
footer ul li{color: #fff;padding: 0.5rem;}
footer ul li a{color: #fff;}
footer ul li a:hover{color: rgba(255, 255, 255, 0.5);}
footer span.icon{width: 2rem;height: 2rem; padding: 0.15rem;background: #fff;border-radius: 50%;}

.btn-gotop{background: rgba(149, 120, 93, 0.75);border-radius: 50%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}