/* Codex static-site fixes: make exported home modules visible without relying on the live-site runtime. */

#c_grid-1739175585099,
#c_grid-1739175585099 > .p_gridbox,
#content_box-1739175585099-0,
#c_banner_027-1739175678900 {
  display: block !important;
  width: 100% !important;
  min-height: 704px !important;
}

#c_grid-1739175585099 {
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -36px !important;
}

#c_banner_027-1739175678900 .homeBanner {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 1600px !important;
  height: 704px !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
}

#c_banner_027-1739175678900 .homeBanner .swiper-container,
#c_banner_027-1739175678900 .homeBanner .swiper-wrapper,
#c_banner_027-1739175678900 .homeBanner .swiper-slide,
#c_banner_027-1739175678900 .homeBanner .p_img,
#c_banner_027-1739175678900 .homeBanner .p_img a,
#c_banner_027-1739175678900 .homeBanner .p_img img {
  height: 100%;
}

#c_banner_027-1739175678900 .homeBanner .swiper-container {
  overflow: hidden !important;
  max-width: 1600px !important;
}

#c_banner_027-1739175678900 .homeBanner .swiper-wrapper {
  display: flex;
  transition: transform 0.6s ease;
  will-change: transform;
}

#c_banner_027-1739175678900 .homeBanner .swiper-slide {
  flex: 0 0 100%;
  display: block;
}

#c_banner_027-1739175678900 .homeBanner .p_img img {
  object-fit: cover;
}

#c_banner_027-1739175678900 .homeBanner .js_editor_click {
  width: 46px;
  height: 46px;
  margin-top: -23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 0;
  line-height: 1;
}

#c_banner_027-1739175678900 .homeBanner .p_btn_prev {
  left: 18px;
}

#c_banner_027-1739175678900 .homeBanner .p_btn_next {
  right: 18px;
}

#c_banner_027-1739175678900 .homeBanner .p_btn_prev::after,
#c_banner_027-1739175678900 .homeBanner .p_btn_next::after {
  font-family: Arial, sans-serif;
  font-size: 30px;
  line-height: 1;
  color: #fff;
}

#c_banner_027-1739175678900 .homeBanner .p_btn_prev::after {
  content: "‹";
}

#c_banner_027-1739175678900 .homeBanner .p_btn_next::after {
  content: "›";
}

#c_grid-1739174871588 {
  display: block;
  width: 100%;
  padding: 62px 0;
}

#c_grid-1739174871588 .e_container-1 {
  max-width: 1500px;
  margin: 0 auto;
}

#c_grid-1739174871588 .e_scrollNumber-20,
#c_grid-1739174871588 .e_scrollNumber-5,
#c_grid-1739174871588 .e_scrollNumber-14,
#c_grid-1739174871588 .e_scrollNumber-11 {
  color: #fff;
}

#c_grid-1739174871588 .s_title,
#c_grid-1739174871588 .p_num,
#c_grid-1739174871588 .p_plus {
  color: #fff;
}

@media screen and (max-width: 768px) {
  #c_grid-1739175585099,
  #c_grid-1739175585099 > .p_gridbox,
  #content_box-1739175585099-0,
  #c_banner_027-1739175678900 {
    min-height: 260px;
  }

  #c_grid-1739175585099 {
    margin-top: -18px !important;
  }

  #c_banner_027-1739175678900 .homeBanner {
    left: auto !important;
    width: 100% !important;
    height: 260px !important;
    padding-top: 0 !important;
  }

  #c_grid-1739174871588 {
    width: 100%;
    padding: 40px 15px;
    margin-bottom: 40px;
  }
}

/* Home video: make the cover clickable and reveal the local video. */
#c_static_001_P_23757-17391748161610 .e_video-28 .p_video {
  position: relative;
  overflow: hidden;
}

#c_static_001_P_23757-17391748161610 .e_video-28 .cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  cursor: pointer;
}

#c_static_001_P_23757-17391748161610 .e_video-28 .coverImage,
#c_static_001_P_23757-17391748161610 .e_video-28 .coverImage img,
#c_static_001_P_23757-17391748161610 .e_video-28 video {
  width: 100%;
  height: 100%;
}

#c_static_001_P_23757-17391748161610 .e_video-28 .coverImage img,
#c_static_001_P_23757-17391748161610 .e_video-28 video {
  object-fit: cover;
}

#c_static_001_P_23757-17391748161610 .e_video-28 .playBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 72px;
  height: 72px;
  transform: translate(-50%, -50%);
}

#c_static_001_P_23757-17391748161610 .e_video-28.is-playing .cover {
  display: none !important;
}

/* Home product carousel: 8 items, 4 visible per page, dot pagination. */
#c_static_001_P_23757-1690781776285 .e_loop-1 {
  position: relative;
  overflow: hidden !important;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 46px;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
}

#c_static_001_P_23757-1690781776285 .e_loop-1.is-dragging {
  cursor: grabbing;
}

#c_static_001_P_23757-1690781776285 .e_loop-1.is-dragging a,
#c_static_001_P_23757-1690781776285 .e_loop-1.is-dragging img {
  pointer-events: none;
}

#c_static_001_P_23757-1690781776285 .e_loop-1 .p_list {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100%;
  transition: transform 0.55s ease;
  will-change: transform;
}

#c_static_001_P_23757-1690781776285 .e_loop-1 .p_loopitem {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

#c_static_001_P_23757-1690781776285 .e_loop-1 .e_container-2 {
  min-height: 315px;
}

#c_static_001_P_23757-1690781776285 .e_loop-1 .e_image-3 {
  height: 235px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#c_static_001_P_23757-1690781776285 .e_loop-1 .e_image-3 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

#c_static_001_P_23757-1690781776285 .codex-product-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  z-index: 5;
}

#c_static_001_P_23757-1690781776285 .codex-product-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d5dce2;
  cursor: pointer;
  font-size: 0;
  transition: all 0.25s ease;
}

#c_static_001_P_23757-1690781776285 .codex-product-dot.is-active {
  background: #1684e8;
}

@media screen and (max-width: 1024px) {
  #c_static_001_P_23757-1690781776285 .e_loop-1 .p_loopitem {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }
}

@media screen and (max-width: 768px) {
  #c_static_001_P_23757-1690781776285 .e_loop-1 .p_loopitem {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }

  #c_static_001_P_23757-1690781776285 .e_loop-1 .e_image-3 {
    height: 190px;
  }
}

/* Join Us form background. */
#c_grid-1739172966526 {
  position: relative;
  background:
    linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)),
    url("../picture/ef816579-fe63-4993-83d7-69f22237a170.jpg") center / cover no-repeat !important;
}

#c_grid-1739172966526::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.08);
  pointer-events: none;
}

#c_grid-1739172966526 > .p_gridbox {
  position: relative;
  z-index: 1;
}

/* News cards background, matching the source site's dark image cards. */
#c_new_list_143-1739173209954 .e_container-2 {
  position: relative;
  overflow: visible;
  min-height: 236px !important;
  padding: 88px 30px 30px !important;
  background:
    linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62)),
    url("../picture/b1f21503-3aac-4edd-baf2-c07b54b455b5.jpg") center / cover no-repeat !important;
}

#c_new_list_143-1739173209954 .e_container-2::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.12));
  pointer-events: none;
}

#c_new_list_143-1739173209954 .e_container-2 > .p_item {
  position: relative;
  z-index: 1;
}

#c_new_list_143-1739173209954 .e_text-6 {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
}

#c_new_list_143-1739173209954 .e_text-7 {
  margin-top: 0 !important;
  min-height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
}

#c_new_list_143-1739173209954 .e_text-6 a,
#c_new_list_143-1739173209954 .e_text-7 a {
  color: #fff !important;
}

#c_new_list_143-1739173209954 .e_text-7 a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
  text-overflow: ellipsis;
  line-height: 24px !important;
  max-height: 48px !important;
}

/* News date badge: keep the complete red date block visible above the card. */
#c_new_list_143-1739173209954 .p_list {
  overflow: visible !important;
  padding-top: 52px;
}

#c_new_list_143-1739173209954 .p_loopitem,
#c_new_list_143-1739173209954 .cbox-1,
#c_new_list_143-1739173209954 .cbox-2-0 {
  overflow: visible !important;
}

#c_new_list_143-1739173209954 .e_container-3 {
  position: absolute !important;
  top: -88px !important;
  left: 30px !important;
  z-index: 3;
  width: 104px !important;
  height: 95px !important;
  overflow: visible !important;
  border-radius: 8px !important;
  background: #e60012 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#c_new_list_143-1739173209954 .e_timeFormat-4,
#c_new_list_143-1739173209954 .e_timeFormat-5 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  color: #fff !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.1 !important;
  display: block !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  padding: 0 !important;
  float: none !important;
}

#c_new_list_143-1739173209954 .e_timeFormat-4 {
  font-size: 30px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}

#c_new_list_143-1739173209954 .e_timeFormat-5 {
  font-size: 16px !important;
  margin: 0 !important;
}

/* Header dropdown navigation: show level-2 menus on hover like the source site. */
#c_navigation_006_P_1281-16835330637450,
#c_navigation_006_P_1281-16835330637450 .header,
#c_navigation_006_P_1281-16835330637450 .h_head,
#c_navigation_006_P_1281-16835330637450 .p_navContent,
#c_navigation_006_P_1281-16835330637450 .p_level1Box {
  overflow: visible !important;
  z-index: 90;
}

#c_navigation_006_P_1281-16835330637450 .e_navigationA-34 {
  position: relative;
  z-index: 999;
}

#c_navigation_006_P_1281-16835330637450 .p_level1Item {
  position: relative;
}

#c_navigation_006_P_1281-16835330637450 .p_level1Item > .p_level2Box {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  z-index: 9999 !important;
  min-width: 195px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

#c_navigation_006_P_1281-16835330637450 .p_level1Item:hover > .p_level2Box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#c_navigation_006_P_1281-16835330637450 .p_level2Item {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: 51px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #ddd !important;
  background: #fff !important;
}

#c_navigation_006_P_1281-16835330637450 .p_level2Item:last-child {
  border-bottom: 0 !important;
}

#c_navigation_006_P_1281-16835330637450 .p_level2Item .p_menu2Item,
#c_navigation_006_P_1281-16835330637450 .p_level2Item a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 20px !important;
  color: #333 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#c_navigation_006_P_1281-16835330637450 .p_level2Item:hover,
#c_navigation_006_P_1281-16835330637450 .p_level2Item:hover a {
  color: #d71518 !important;
  background: #f7f7f7 !important;
}

#c_navigation_006_P_1281-16835330637450 .p_level2Item .p_jtIcon,
#c_navigation_006_P_1281-16835330637450 .p_level2Item .pc_ej {
  display: none !important;
}