.kv{
   padding-top: 15rem;
   padding-bottom: 24rem;
}

.kv .container2{
   margin-top: 24rem;
}
.kv .container2 .row{
   justify-content: space-between;
}

.counts-list{
   display: flex;
}
.counts-box{
   margin: 0 1.6rem;
   width: 34.3rem;
   height: 34.3rem;
   border-radius: 50%;
   border: 1px solid #231815;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
.counts-box h3{font-size: 3.8rem;}

.counts-num span:nth-child(1){
   font-family:'Canela','Noto Serif TC','微軟正黑體', 'Microsoft JhengHei', sans-serif;
   color: #3C2313;
   font-weight: bold;
   font-size: 9.3rem;
   line-height: 1em;
}
.counts-num span:nth-child(2){
   font-family:'Noto Serif TC','微軟正黑體', 'Microsoft JhengHei', sans-serif;
   font-size: 2.9rem;color: #3E3A39;font-weight: bold;
}

.pic-list{
   width: 100%;
}
.pic-list img{width: 100%;}


.sec1{
   margin:13rem 0 ;
}
.sec1 .row{
   justify-content: space-between;
   flex-direction: row-reverse;
}


.text-con{
/*    padding-left: 13rem;
   padding-right: 10rem; */
}
.sec1 .text-con{
   width: 55rem;

}
.sec1 .text-con h3{
   margin-bottom: 11.5rem;
}
.pic1 img{
   margin-left: auto;
}
.pic1{
   max-width: 310px;
}

.pic2{
   width: 100%;
}
.pic2 img{width: 100%;}

.sec2{
   padding-top: 8rem;
   padding-bottom: 18rem;
}

.sec2-txtcon {
   padding-top: 10rem;
   width: 93rem;
}

.sec2-word{
   width: 98.5rem;
   justify-self: flex-end;
   margin-top:7rem ;
}


@media (max-width: 767px){
   .kv{padding-bottom: 5rem;}
   .kv .container2{margin-top: 5rem;}
   .counts-box{
      margin: 0 .8rem;
      width: 18.5rem;
      height: 18.5rem;
   }
   .counts-list{width: 100%;justify-content: center;}
   .counts-box h3{font-size: 2rem;}

   .counts-num span:nth-child(1){
      font-size: 5rem;
      line-height: 1em;
   }
   .counts-num span:nth-child(2){
      font-size: 1.6rem;
   }
   .sec1{margin-bottom: 0rem;}
   .sec1 .row{flex-direction: row;}
   .sec1 .text-con{
      width: calc(100% - 20.2rem);
   }
   .pic1{width: 20.2rem;}
   .sec2{padding-top: 2rem;padding-bottom: 0;}
   .sec2-txtcon,.sec2-word{width: 100%;}
   .sec2-word{margin-top: 5rem;}
   .pic-list{
        width: 100%;
        overflow: hidden;
    }
    .pic-list img{
        width:125.4rem ;
        max-width: initial;
    }

    .pic-list {
       width: 100%;
       overflow: hidden;
       white-space: nowrap; 
   }

   .marquee-inner {
       display: inline-block;
       transform: translate3d(0, 0, 0); 
       animation: marquee-scroll 10s linear infinite;
   }
   .marquee-inner img {
       display: inline-block; 
       height: auto; 
       width: 166.666%; 
   }
}

@keyframes marquee-scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-166.666%, 0, 0);
    }
}