@font-face {
  font-family: Inter;
  src: url('../font/Inter.ttf');
}
html{
  scroll-behavior: smooth;
  font-size: .88em;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
}

img {
  width: 100%;
  vertical-align: middle;
  object-fit: contain;
}
a{
  user-select: none;
}
.cursor{
  cursor: pointer;
  user-select: none;
}
.cursor:hover{
  opacity: .8;
}
.cursor:active{
  opacity: .6;
}


.adas_view {
  width: 100%;
  margin: auto;
  background-color: #fff;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.adas_view main{
  flex: 1;
}

.headerView{
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
}

.top_btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #092ACF;
  opacity: 1;
  transition: .3s;
  line-height: 0;
  cursor: pointer;
  position: fixed;
  right: 84px;
  bottom: 104px;
  z-index: 5;
  display: none;
  align-items: center;
  justify-content: center;
}
.top_btn img{
  width: 24px;
  height: 24px;
}

.top_btn:hover{
  opacity: .8;
}
.top_btn:active{
  opacity: .6;
}
@media (max-width: 1250px) {
  .top_btn{
    right: 40px;
  } 
}

@-webkit-keyframes fadeInDown {
  from {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/* 首頁 */
.index_banner{
  position: relative;
  min-height: 526px;
}
.index_banner img.banner{
  width: 100%;
  min-height: 600px;
  object-fit: cover !important;
  border-radius: 0 0 20px 20px;
}
.index_banner .swiper_ui{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.index_banner .swiper-pagination{
  position: relative;
  width: fit-content !important;
  bottom: 0 !important;
}
.index_banner .swiper-pagination .swiper-pagination-bullet{
  background-color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 0;
  border: 1px solid #fff;
  opacity: 1;
}
.index_banner .swiper-pagination-bullet-active{
  background-color: #fff !important;
}
.index_banner .swiper_button_box{
  position: relative;
  display: flex;
  gap: 20px;
  height: 40px;
}
.index_banner .swiper-button-next, .index_banner .swiper-button-prev{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 0;
  right: 0;
  
  bottom: 0;
}
.index_banner .swiper-button-next::after, .index_banner .swiper-button-prev::after{
  display: none;
  
}
.index_banner .about_us{
  max-width: 600px;
  position: absolute;
  top: 135px;
  left: 80px;
  background: linear-gradient(90deg, #092ACF 0%, rgba(9, 42, 207, 0.6) 101.92%);
  padding: 32px;
  color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.index_banner .about_us #index_0_content,.index_banner .about_us #index_1_content
,.index_banner .about_us #index_2_content{
  flex: 1;
}
.index_banner .about_us #index_1_content{
  display: none;
}
.index_banner .about_us #index_2_content{
  display: none;
}
.index_banner .about_us .sm_title, .index_introduce .introduce_content .sm_title{
  font-size: 18px;
  line-height: 21.78px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}
.index_banner .about_us .sm_title .sm_title_line, .index_introduce .introduce_content .sm_title_line{
  height: 1px;
  background-color: #fff;
  flex: 1;
}
.index_banner .about_us .about_us_title, .index_introduce .introduce_content .about_us_title{
  font-size: 32px;
  line-height: 38.73px;
  font-weight: 900;
  margin-bottom: 20px;
}
.index_banner .about_us .about_us_text, .index_introduce .introduce_content .about_us_text{
  font-size: 18px;
  /* line-height: 19.36px; */
  font-weight: 400;
}
.index_banner .about_us .about_us_text:last-child, .index_introduce .introduce_content .about_us_text:last-child{
  margin-top: 20px;
}

.index_technology{
  max-width: 1200px;
  width: 90%;
  height: 190px;
  margin: 0 auto 66px;
  background-color: #FFFFFF;
  box-shadow: 0 16px 32px -8px #0C0C0D33;
  border-radius: 8px;
  display: flex;
  align-items: center;
  position: relative;
  bottom: 34px;
  z-index: 2;
}

.index_technology .technology_title{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  flex: 1;
  gap: 10px;
  margin-right: 20px;
}
.index_technology .technology_title .technology_title_en{
  color: #1E1E1E;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.78px;
}
.index_technology .technology_title .technology_title_zh{
  color: #092ACF;
  font-size: 24px;
  font-weight: 900;
}
.index_technology .technology_title .en_lg{
  font-weight: 400;
}
.index_technology .technology_item{
  width: 322px;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 33px;
  border-radius: 8px;
  background-color: #FFFFFF;
  transition: all;
  transition-duration: .3s;
  text-align: center;
}

.index_technology .technology_item img{
  height: 64px;
  margin-bottom: 20px;
}
.index_technology .technology_item .technology_item_title{
  color: #5A5A5A;
  font-size: 20px;
  font-weight: 700;
}
.index_technology .technology_item .technology_item_content{
  margin-top: 40px;
  color: #79747E;
  font-size: 13.6px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  display: none;
}

.index_technology .technology_item:hover{
  background-color: #F0F2F1;
  height: 290px;
}
.index_technology .technology_item:hover .technology_item_content{
  display: block;
}

.index_introduce{
  min-height: 645px;
  width: 100%;
  display: flex;
}
.index_introduce .introduce_banner{
  width: 64%;
  object-fit: cover;
}
.index_introduce .introduce_content{
  position: relative;
  flex: 1;
  background-color: #092ACF;
  background-image: url('../images/bg-circle-line.png');
  background-repeat: no-repeat;
  background-position: right 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 32px;
}
.index_introduce .introduce_content .introduce_triangle{
  position: absolute;
  left: -64px;
  top: 192px;
  width: 0;
  height: 0;
  border: 32px solid;
  border-color: transparent #092ACF transparent transparent;
}

@media (max-width: 1100px) {
  .index_introduce .introduce_banner{
    width: 50%;
  }
  .index_technology .technology_item{
    padding: 30px 15px;
  }  
}
@media (max-width: 960px) {
  .index_technology{
    bottom: 0;
    margin: 66px auto;
    flex-direction: column;
    height: auto;
    padding: 20px;
  }
  .index_technology .technology_title{
    margin: 0 0 20px 0;
    padding-left: 0;
    text-align: center;
  }
  .index_technology .technology_item{
    width: fit-content;
    height: auto;
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
  }
  .index_technology .technology_item img{
    width: fit-content;
    margin-bottom: 0;
  }
  .index_technology .technology_item .technology_item_title{
    text-align: left;
    margin-bottom: 10px;
  }
  .index_technology .technology_item .technology_item_content{
    display: block;
    text-align: left;
    max-width: 320px;
    margin-top: 0;
  }
  .index_technology .technology_item:hover{
    height: auto;
    background-color: #fff;
  }
  .index_banner .about_us{
    max-width: unset;
    width: 90%;
    left: 5%;
    top: 90px;
  }
}
@media (max-width: 806px) {
  .index_banner img.banner{
    border-radius: 0;
    min-height: 526px;
  }
}
@media (max-width: 768px) {
  
  .index_introduce{
    flex-direction: column;
  }
  .index_introduce .introduce_banner{
    width: 100%;
    max-height: 400px;
  }
  .index_introduce .introduce_content{
    padding: 50px 5%;
    width: 100%;
  }
  
  .index_introduce .introduce_content .about_us_text{
    font-size: 14px;
  }
  .index_technology .technology_item .technology_item_content{
    font-size: 12px;
  }
}
@media (max-width: 500px) {
  .index_banner .about_us{
    height: 446px;
    top: 40px;
    padding: 24px;
  }
  .body_en  .index_banner .about_us{
    top: 20px;
    height: 486px;
  }
}


/* 應用 */
.service_banner{
  position:relative;
  min-height: 300px;
  
}
.service_banner img{
  min-height: 300px;
  object-fit: cover;
}
.service_banner_title{
  position: absolute;
  top: 43%;
  left: 14%;
  color: #fff;
  text-align: center;
}
.service_banner_title .en_title{
  font-weight: 500;
  font-size: 18px;
  line-height: 21.78px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
  margin-bottom: 10px;
}
.service_banner_title .zh_title{
  font-weight: 900;
  font-size: 32px;
  line-height: 38.73px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
}
.service_title{
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin: 100px 0 40px;
  align-items: center;
}
.service_title .service_en_title{
  color: #1e1e1e;
  font-weight: 500;
  font-size: 18px;
  line-height: 21.78px;
}
.service_title .service_zh_title{
  color: #092acf;
  font-weight: 900;
  font-size: 24px;
  line-height: 29.05px;
}
.service_content{
  padding: 40px 40px;
  border-radius: 16px;
  background: #fff;
  max-width: 1200px;
  width: 95%;
  margin: 0 auto 20px;
  box-shadow: 4px 2px 11px 0px rgba(0, 0, 0, 0.04),17px 8px 19px 0px rgba(0, 0, 0, 0.03),39px 18px 26px 0px rgba(0, 0, 0, 0.02),69px 32px 31px 0px rgba(0, 0, 0, 0.01),108px 50px 33px 0px rgba(0, 0, 0, 0);
}
.service_content img{
  min-height: 200px;
  /* object-fit: cover; */
}
.service_content.last{
  margin-bottom: 126px;
}
.service_content .content_title{
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 8px 0;
}
.service_content .content_title .content_title_number{
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  color: #27333a;
  font-family: "Bai Jamjuree", sans-serif;
}
.service_content .content_title .content_title_text{
  font-size: 24px;
  font-weight: 500;
  line-height: 34.75px;
  color: #27333a;
  font-family: "Noto Sans TC", sans-serif;
}
.service_content .content_article p{
  font-size: 18px;
  line-height: 36px;
  padding-bottom: 24px;
  color: #27333a; 
  font-family: "Noto Sans TC", sans-serif;
}
.service_content .content_videos{
  display: flex;
  gap: 20px;
  margin-top: 24px;
}
.service_content .content_videos video{
  flex: 1;
  width: calc(50% - 10px);
}
@media (max-width: 1100px) {
  .service_content{
    margin: 0 auto 20px;
  }
  .service_content .content_videos{
    flex-direction: column;
  }
  .service_content .content_videos video{
    width: 100%;
  }
}
@media (max-width: 768px) {
  .service_content .content_article p{
    font-size: 14px;
    line-height: 24px;
  }
  .service_banner_title{
    width: 100%;
    top: 35%;
    left: 0%;
  }
}
@media (max-width: 700px) {
  .service_content{
    
    margin: 0 auto 20px;
    padding: 40px 20px;
  }
}


/* CDP */

.cdp_banner{
  position:relative;
  min-height: 300px;
}
.cdp_banner img{
  min-height: 300px;
  object-fit: cover;
  border-radius: 0 0 20px 20px;
}
.cdp_banner_title{
  position: absolute;
  top: 43%;
  left: 14%;
  color: #fff;
  text-align: center;
}
.cdp_banner_title .en_title{
  font-weight: 500;
  font-size: 18px;
  line-height: 21.78px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
  margin-bottom: 10px;
}
.cdp_banner_title .zh_title{
  font-weight: 900;
  font-size: 32px;
  line-height: 38.73px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
}
.cdp_description{
  display: flex;
  justify-content: center;
  gap: 28px;
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 107px;
}
.cdp_description_content{
  padding: 177px 0 120px 0;
}
.cdp_description h1{
  font-size: 32px;
  font-weight: 600;
  line-height: 51.2px;
  color: #092acf;
  padding-bottom: 40px;
}
.cdp_description p{
  font-size: 18px;
  line-height: 36px;
  padding-bottom: 40px;
}
.pl{
  padding-left: 1.4em ;
}
.pl.last{
  padding-bottom: 0;
}
.cdp_description li{
  font-size: 18px;
  line-height: 36px;
  padding-left: 25px; 
  text-indent: -1.4em;   
  font-weight: 700; 
}
.cdp_description img{
  transition-duration: .3s;
  width: 648px;
  height: 648px;
}
.cdp_content{
  padding: 93px 82px 100px;
  max-width: 1200px;
  border-radius: 20px;
  background: #fff;
  margin: 0 auto 126px;
  box-shadow: 4px 2px 11px 0px rgba(0, 0, 0, 0.04),17px 8px 19px 0px rgba(0, 0, 0, 0.03),39px 18px 26px 0px rgba(0, 0, 0, 0.02),69px 32px 31px 0px rgba(0, 0, 0, 0.01),108px 50px 33px 0px rgba(0, 0, 0, 0);
}
.cdp_content h1{
  font-size: 32px;
  line-height: 51.2px;
  font-weight: 600;
  color: #092acf;
  text-align: center;
  height: 72px;
  margin-bottom: 30px;
}
.cdp_content_img{
  padding:  0 41px 100px;
}


/* SYSTEM */
.system_banner{
  position:relative;
  min-height: 300px;
}
.system_banner img{
  min-height: 300px;
  object-fit: cover;
  border-radius: 0 0 20px 20px;
}
.system_banner_title{
  position: absolute;
  top: 43%;
  left: 14%;
  color: #fff;
  text-align: center;
}
.system_banner_title .en_title{
  font-weight: 500;
  font-size: 18px;
  line-height: 21.78px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
  margin-bottom: 10px;
}
.system_banner_title .zh_title{
  font-weight: 900;
  font-size: 32px;
  line-height: 38.73px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
}
.system_description{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 107px;
}
.system_description_content{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.system_ai_content{
  margin-top: 50px;
}
.system_apply_content{
  margin: 50px 0 100px 0;
}
.system_value_content{
  display: flex;
  align-items: center;
  justify-content:space-between;
  gap: 30px;  
  margin: 0 20px;
}
.system_value_check{
  background-color: #F0F2F1;
  border-radius: 8px;
  min-height: 275px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.system_value_check h3{
  margin-top: 15px;
  font-size: 20px;
  color: #6e7485; 
  text-align: center;
}
.system_value_check p{
  font-size: 16px;
  line-height: 24px;
  color: #6e7485; 
  margin-top: 30px;
  display: none;
  text-align: center;
}
.system_value_check:hover p{
  display: block;
}
.system_value_content .system_value_check{
  width: calc(100% / 3 - 30px);
  padding: 0px 30px;
}
.system_value_img{
  height: 60px;
}
.system_two_content{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;   
}
.system_col_item{
  background: #fff;
  box-shadow: 4px 2px 11px 0px rgba(0, 0, 0, 0.04), 17px 8px 19px 0px rgba(0, 0, 0, 0.03), 39px 18px 26px 0px rgba(0, 0, 0, 0.02), 69px 32px 31px 0px rgba(0, 0, 0, 0.01), 108px 50px 33px 0px rgba(0, 0, 0, 0);
  padding: 0;
  width: 580px;
  gap: 12px;
}
.body_en .system_col_item{
  min-height: 215px;
}
.system_col_item h2{
  background-color: #092ACF;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 5px 20px;
}
.system_col_item ul{
  margin:15px 40px 25px 40px;
}
.system_col_item li{
  font-size: 16px;
  line-height: 24px;
  color: #6e7485; 
}
.system_content_check{
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.system_content_check img {
  width: 40px;
  height: 40px;
}
.system_content_check h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #1d2026;
  
}
.system_content_check ul{
  list-style: disc;
  display: none;
  margin-top: 8px;
  transition: 0.5s ease;
}
.system_check_item:hover{
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
}
.system_check_item:hover ul{
  display: block;
}
.system_content_check li{
  font-size: 18px;
  line-height: 26px;
  color: #6e7485;
  letter-spacing: -0.5px;  
  position: relative;
  padding-left: 15px;
  list-style: none;
}
.system_content_check li:before{
  content: '';
  position: absolute;
  left: 3px;
  top: 8px;
  background-color: #6e7485;
  width: 5px;
  height: 5px;
  border-radius: 100px;

}
.system_content_check li::marker { 
  content: '';
}
.system_description h1{
  font-size: 32px;
  font-weight: 600;
  line-height: 51.2px;
  color: #092acf;
  padding-bottom: 40px;
}
.system_description p{
  font-size: 18px;
  line-height: 36px;
  padding-bottom: 40px;
}
.system_description li{
  font-size: 18px;
  line-height: 36px;
  padding-left: 25px; 
  /*text-indent: -1.4em;   */
  font-weight: 700; 
  position: relative; 
  list-style: none;
}
.system_description li:before{
  content: '';
  position: absolute;
  left: 3px;
  top: 15px;
  background-color: #000;
  width: 5px;
  height: 5px;
  border-radius: 100px;
}
.system_description li::marker { 
  content: '';
}
.system_description img{
  transition-duration: .3s;
  width: 648px;
  height: 648px;
}
.system_description  .system_description_content{
  display: block;
}
.system_content{  
  max-width: 1200px;
  margin: 0 auto ; 
}
.system_content h1{
  font-size: 32px;
  line-height: 51.2px;
  font-weight: 600;
  color: #092acf;
  text-align: center;
  height: 72px;
  margin-bottom: 30px;
}
.system_content_img{
  padding:  0 40px 50px;
}
.system_check_item{
  background: #fff;
  box-shadow: 4px 2px 11px 0px rgba(0, 0, 0, 0.04),17px 8px 19px 0px rgba(0, 0, 0, 0.03),39px 18px 26px 0px rgba(0, 0, 0, 0.02),69px 32px 31px 0px rgba(0, 0, 0, 0.01),108px 50px 33px 0px rgba(0, 0, 0, 0);
  padding: 0px 32px;
  width: 550px;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 135px;
}
.system_check_circle_text{
  display: flex;
  gap: 8px;
  flex-direction: column;
}
@media (max-width: 1240px) {
  .system_content{
    max-width: 100%;
  }
  .system_check_item{
    width: 45vw;
  }
  .system_col_item{
    width: 45vw;
  }
}
@media (max-width: 1200px) {
  .cdp_description{
    align-items: flex-end;
  }
  .cdp_description img{
    width: 40%;
    height: fit-content;
  }
  .system_description{
    align-items: flex-end;
  }
  .system_description img{
    width: 40%;
    height: fit-content;
  }
  .cdp_description_content{
    padding: 0
  }
  .cdp_content{
    width: 95%;
    padding: 53px 42px 60px;
    margin: 0 auto 126px;
  }
}
@media (max-width: 1000px) {
  .cdp_content{
    padding: 53px 42px 60px;
  }
  .cdp_content_img{
    padding: 0 0 100px;
  }
  .system_value_content{
    display: block;
  }
  .system_value_content .system_value_check {
    width: 100%;
    padding: 0px ;
    margin: 30px 0;
  }
 
}
@media (max-width: 806px) {
  .cdp_banner img{
    border-radius: 0;
  }
  .system_content_check{   
    width: 100%;
  }
  .system_check_item{
    width: 90vw;
    margin: 15px auto;
    min-height: 30vw;
  }
  .system_description_content{
    width: 100%;
    display: block;
    margin-top: 30px;
  }
  .system_two_content{
    width: 100%;
    display: block;
  }
  .system_col_item{
    width: 90vw;
    margin: 15px auto;
  }
  .system_col_item ul{
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .cdp_banner_title{
    width: 100%;
    top: 35%;
    left: 0%;
  }
  .cdp_description_content h1{
    text-align: center;
    font-size: 26px;
    line-height: 44.8px;
    padding-bottom: 20px;
  }
  .cdp_description{
    width: 90%;
    flex-direction: column;
    align-items: center;
    margin: 100px auto 50px;
  }
  .cdp_description img{
    display: none;
  }
  .cdp_description p{
    padding-bottom: 20px;
  }
  .cdp_description p, .cdp_description li{
    font-size: 16px;
    line-height: 32px;
  }
  .system_description{
    width: 90%;
    flex-direction: column;
    align-items: center;
    margin: 100px auto 50px;
  }
  .system_description img{
    display: none;
  }
  .cdp_content h1{
    font-size: 18px;
    line-height: 44.8px;
    margin-bottom: 0px;
  }
  .cdp_content{
    width: 95%;
    padding: 30px 10px 30px;
    margin: 0 auto 100px;
  }
  .system_content h1 {
    font-size: 18px;
    line-height: 44.8px;
    margin-bottom: 0px;
  }
  .system_content_img {
    padding: 0 20px 20px;
  }
 .system_content .system_ai_content h1 {
    line-height: 24px;
    height: auto;
  }
  .system_content .system_ai_content .system_content_img{
    padding-top: 20px;
  }
}

/* 關於我們 */
.about_banner{
  position:relative;
  min-height: 300px;
}
.about_banner img{
  min-height: 300px;
  object-fit: cover;
}
.about_banner_title{
  position: absolute;
  top: 43%;
  left: 14%;
  color: #fff;
  text-align: center;
}
.about_banner_title .en_title{
  font-weight: 500;
  font-size: 18px;
  line-height: 21.78px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
  margin-bottom: 10px;
}
.about_banner_title .zh_title{
  font-weight: 900;
  font-size: 32px;
  line-height: 38.73px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
}
.about_title{
  width: 95%;
  max-width: 1200px;
  margin: 100px auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.about_title h1{
  font-size: 32px;
  line-height: 51.2px;
  font-weight: 600;
  height: 72px;
  color: #092acf;
}
.about_title p{
  font-size: 20px;
  line-height: 40px;
  color: #585858;
}

.about_description{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.about_description_title{
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin: 100px 0 40px;
  align-items: center;
}
.about_description_title .content_en_title{
  font-size: 18px;
  line-height: 21.78px;
  font-weight: 500;
  color: #1e1e1e;
}
.about_description_title .content_zh_title{
  font-size: 24px;
  line-height: 29.05px;
  font-weight: 900;
  color: #092acf;
}
.about_description_content{
  display: flex;
  gap: 83.03px;
}
.about_description_content_img{
  width: 580.97px;
  height: 468px;
}
.about_content_check{
  margin-bottom: 14px;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.about_content_check img{
  width: 40px;
  height: 40px;
}
.about_content_check h2{
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #1d2026;
  margin-bottom: 8px;
}
.about_content_check p{
  font-size: 18px;
  line-height: 26px;
  color: #6e7485;
  letter-spacing: -0.5px;
}
.about_check_item{
  background: #fff;
  box-shadow: 4px 2px 11px 0px rgba(0, 0, 0, 0.04),17px 8px 19px 0px rgba(0, 0, 0, 0.03),39px 18px 26px 0px rgba(0, 0, 0, 0.02),69px 32px 31px 0px rgba(0, 0, 0, 0.01),108px 50px 33px 0px rgba(0, 0, 0, 0);
  padding: 32px 32px 32px 32px;
  width: 536px;
  display: flex;
  gap: 12px;
}
.about_check_circle_text{
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.about_team{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.about_team_title{
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin: 86px 0 64.83px;
  align-items: center;

}
.team_en_title{
  font-size: 18px;
  font-weight: 500;
  line-height: 21.78px;
  color: #1e1e1e;
}
.team_zh_title{
  font-size: 24px;
  font-weight: 900;
  line-height: 29.05px;
  color: #092acf;
}
.about_team_content{
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 29px;
  margin: 0 auto 126px;
  justify-content: center;
}
.about_team_item {
  width: 270px;
}
.about_team_content img{
  padding-bottom: 17.93px;
}
.about_team_content p{
  font-size: 16px;
  font-weight: 500;
  line-height: 33.74px;
  letter-spacing: 0.5px;
  color: #6a6a6a;
}
.about_team_content h1{
  font-size: 18px;
  font-weight: 600;
  line-height: 37.96px;
  letter-spacing: 0.5px;
  color: #000;
}
@media (max-width: 1200px) {
  .about_description_content{
    justify-content: center;
    align-items: center;
  }
  .about_description_content_img{
    width: 30%;
    height: fit-content;
  }
  .about_team_content{
    grid-template-columns: repeat(2, auto);
    justify-content: center;
  }
  
}
@media (max-width: 950px) {
  .about_description_content{
    display: block;
  }
  .about_description_content_img{
    display: none;
  }
  .about_check_item{
    width: 100%;
  }
}
@media (max-width: 768px) {
  .about_banner_title{
    width: 100%;
    top: 35%;
    left: 0%;
  }
  .about_title h1{
    height: auto;
    font-size: 26px;
    line-height: 44.8px;
  }
  .about_title p{
    font-size: 14px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  .about_team_content{
    grid-template-columns: repeat(1, auto);
  }
}

/* 聯絡我們 */
.contact_banner{
  position:relative;
  min-height: 300px;
}
.contact_banner img{
  min-height: 300px;
  object-fit: cover;
}
.contact_banner_title{
  position: absolute;
  top: 43%;
  left: 14%;
  color: #fff;
  text-align: center;
}
.contact_banner_title .en_title{
  font-weight: 500;
  font-size: 18px;
  line-height: 21.78px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
  margin-bottom: 10px;
}
.contact_banner_title .zh_title{
  font-weight: 900;
  font-size: 32px;
  line-height: 38.73px;
  text-shadow: 0px 3px 3px rgba(12, 12, 13, 1);
}
.contact_title{
  width: 95%;
  max-width: 1200px;
  margin: 100px auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact_title h1{
  font-size: 32px;
  line-height: 51.2px;
  font-weight: 600;
  height: 72px;
  color: #092acf;
}
.contact_title p{
  font-size: 20px;
  line-height: 40px;
  color: #585858;
}
.contact_form_box{
  background-color: #F0F2F1;
  padding: 120px 0;
}
.contact_form_box .contact_form{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact_form_box .contact_form .form_row{
  display: flex;
  gap: 48px;
}

.contact_form_box .contact_form .form_item{
  flex: 1;
  width: 100%;
}
.contact_form_box .contact_form .form_item .form_label{
  font-weight: 500;
  font-size: 14px;
  line-height: 24.56px;
  color: #4F4F4F;
  margin-bottom: 6px;
}
.contact_form_box .contact_form .form_item input,
.contact_form_box .contact_form .form_item textarea{
  width: 100%;
  height: 56px;
  border-radius: 2px;
  outline: none;
  box-shadow: none;
  border: none;
  padding: 0 16px;
}
.contact_form_box .contact_form .form_item textarea{
  height: 232px;
  resize: none;
  padding: 16px;
}
.contact_form_box .contact_form .form_btn{
  display: flex;
  gap: 24px;
  width: 100%;
  justify-content: center;
  margin-top: 20px;
}
.contact_form_box .contact_form .form_btn button{
  font-size: 19px;
  font-weight: 500;
  line-height: 22.5px;
  width: 200px;
  height: 54.5px;
  border-radius: 50px;
  border: 1px solid #092ACF;
}
.contact_form_box .contact_form .form_btn .clear{
  background-color: #FFFFFF;
  color: #092ACF;
}
.contact_form_box .contact_form .form_btn .send{
  background-color: #092ACF;
  color: #fff;
}

@media (max-width: 768px) {
  .contact_form_box{
    padding: 80px 0;
  }
  .contact_form_box .contact_form .form_row{
    gap: 20px;
    flex-direction: column;
  }
  .contact_form_box .contact_form .form_btn{
    gap: 15px;
  }
  .contact_form_box .contact_form .form_btn button{
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    width: 150px;
    height: 42px;
    border-radius: 50px;
  }
}

.contact_way{
  height: 645px;
  width: 100%;
  display: flex;
}
.contact_way_banner{
  width: 42%;
  object-fit: cover;
}
.contact_way_content{
  position: relative;
  flex: 1;
  background-color: #092ACF;
  background-image: url('/assets/images/bg-circle-line.png');
  background-repeat: no-repeat;
  background-position: right 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 32px;
}
.contact_way_triangle{
  position: absolute;
  left: -64px;
  top: 192px;
  width: 0;
  height: 0;
  border: 32px solid;
  border-color: transparent #092ACF transparent transparent;
}
.contact_way_list{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact_way_item{
  display: flex;
  gap: 24px;
}
.contact_way_item img{
  width: 37.1px;
  height: 37.1px;
}
.contact_way_item_content h1{
  font-size: 31px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 8px;
}
.contact_way_item_content p{
  font-size: 20px;
  line-height: 42px;
  margin-bottom: 18px;
  font-weight: 300;
}
.contact_way_item_content a{
  font-size: 20px;
  line-height: 42px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
}
@media (max-width: 768px) {
  .contact_banner_title{
    width: 100%;
    top: 35%;
    left: 0%;
  }
  .contact_title h1{
    height: auto;
    font-size: 26px;
    line-height: 44.8px;
  }
  .contact_title p{
    font-size: 14px;
    line-height: 28px;
  }
  .contact_way{
    flex-direction: column;
    height: auto;
  }
  .contact_way_banner{
    width: 100%;
    max-height: 400px;
  }
  .contact_way_content{
    padding: 50px 5%;
    width: 100%;
  }
  .contact_way_item_content h1{
    font-size: 20px;
    line-height: 30px;
  }
  .contact_way_item_content p{
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .contact_way_item_content a{
    font-size: 14px;
    line-height: 28px;
  }
}