@media screen and (max-width: 767.98px) {
html {
  scroll-padding-top: 50px;/*錨點點擊跳轉到頁面指定位置加70*/
}
.pc_box{
  display: none;  
}
.mobile_box{
  display: block;
}
.navbar .logo img {
    width: 110px;
} 
.navbar li {
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;

} 
.navbar {
    justify-content: space-evenly;
    padding: 5px;
} 
.header {
    padding-top: 45px;
} 
.m1_2 {
  display: none;  
}
.main {
    padding-left: 0px;
    padding-right: 0px;
} 
.footer_box .f_icon {
    width: 40px;
}
.footer_box {
    padding: 5px;
} 
.footer_box .us_tx {
    width: 70px;
}
.but {
    width: 150px;
}
.m2 {
    padding-bottom: 0px;
}
.m3 {
    position: relative;
    background-image: url(../images/pc/m3/6AE96817.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 380px;
}
.m3_box {
  background-image: url(../images/mobile/m3/m3.svg);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 80px;
  padding-bottom: 0px;

}
.banner {
  width: 300px;
  margin-top: 0px;
}
.s_next {
    width: 35px;
    top: 35%;
    right: -35px;
}
.s_prev {
    width: 35px;
    top: 35%;
    left: -35px;
}
.swiper-container {
    padding-bottom: 70px !important;
}
.but_box {
  text-align: center;
  padding-right: 0px;
  padding-bottom: 50px;
  padding-top: 10px;
}

}