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

.kv-txtcon{
   width: 65rem;
   justify-self: flex-end;
   margin-top: 2rem;
   margin-bottom: 10rem;
}

.project-box{
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   padding: 20rem 16rem 20rem 16rem;
}
.project-box h4{
   margin-bottom: .25em;
   display: inline-block;
}
.project-box .title-con{
   margin-bottom: 6rem;
}
.project-box .title-tip{
   font-family:Minion Variable Concept,'Noto Sans TC','微軟正黑體', 'Microsoft JhengHei', sans-serif;
}
.project-swiper{
   width: 98rem;
   margin-left: 0;
   margin-right: 0;
}
.project-txtcon{
   width: 48rem;
}


.project-box:nth-child(odd){
   flex-direction: row-reverse;
   background: #f3f1ed;
}

@media (max-width: 767px){
   .kv .kv-txtcon h4{text-align: left !important;margin-top: 1em;}

   .project-box{
      flex-direction: column !important;
      padding: 8rem 5.2rem;
   }
   .project-swiper{width: 100%;}
   .project-txtcon{
      width: 100%;
      margin-top:4.5rem ;
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
   }
   .project-txtcon .btn{
      align-self: flex-end;
   }
   .btn.small{
       width: 18.3rem;
       height: 5.6rem;
       border-radius: 1.1rem;
       padding-left: 1.25em;
   }

   .btn.small i{
       width: 6.1rem;
       border-left: 1px solid #fff
   }
   .project-box h4{margin-bottom: 1em;}
   .project-txtcon a{
      position: absolute;
      right: 0;
      top: 0;
   }
}