@charset "UTF-8";
/*-- preset --*/
/*-- custom --*/
#contact .nav-style .item .dropdown.show .link, #contact .nav-style .item .dropdown-menu .dropdown-item:hover, #contact .nav-style .item .dropdown-menu .dropdown-item, #contact .nav-style .item .link.active, #contact .nav-style .item .link:hover, #contact .nav-style .item .link, #applications .applications-info-list .item .image-content:hover::before, #applications .applications-info-list .item .image-content::before, .collapse-app .item:hover .title.collapsed, .collapse-app .item .title.collapsed::after, .collapse-app .item .title.collapsed, .collapse-app .item .title::after, .pdt-sub_component .item:hover .btn.border-white, .pdt-sub_component .item:hover .content, .pdt-sub_component .item .content .btn.border-white, .pdt-sub_component .item .content, .pdt-sub_blownfilm .item:hover .content, .pdt-sub_blownfilm .item .content, #index .applications .block-links-style-2 .item:hover .des, #index .applications .block-links-style-2 .des, body.open-lan .header.style-8.fixed, .header.style-8.fixed, .header.style-8 .nav > .nav-item.dropdown:hover a::after, .header.style-8 .nav > .nav-item .item-dropdown .content .links-group .title-main:hover, .header.style-8 .nav > .nav-item .item-dropdown .content .links-group .title-main, .header.style-8 .nav > .nav-item .item-dropdown .content .list .nav-link:hover, .header.style-8 .nav > .nav-item .item-dropdown .content .list .nav-link, .header.style-8 .lan-dropdown-menu.open, .header.style-8 .lan-dropdown-menu, .header, .block-links-style-2 .item:hover .btn, .block-links-style-2 .item:hover::after, .block-links-style-2 .item::after, .block-links-style-news .item:hover .info-wrapper, .block-links-style-news .item .info-wrapper, .photo-popout .item:hover .image .overlay, .photo-popout .image .overlay, .nav-style .item .link.active svg, .nav-style .item .link:hover svg, .nav-style .item .link svg, .fixed-btns .btn:hover .hover, .fixed-btns .btn:hover .tag, .fixed-btns .btn .hover, .btn-gotop:hover .hover, .btn-gotop .hover, body.fixed::after, body.open-lan::after, body::after, .owl-nav-block .owl-nav .owl-next, .owl-nav-block .owl-nav .owl-prev, .bg-color-darkblue, .bg-color-darkblue-hover:hover, .item:hover .bg-color-darkblue-hover, .bg-color-darkerblue, .bg-color-darkerblue-hover:hover, .item:hover .bg-color-darkerblue-hover, .bg-color-main, .bg-color-main-hover:hover, .item:hover .bg-color-main-hover, .bg-darkergray, .bg-darkergray-hover:hover, .item:hover .bg-darkergray-hover, .bg-darkgray, .bg-darkgray-hover:hover, .item:hover .bg-darkgray-hover, .bg-gray, .bg-gray-hover:hover, .item:hover .bg-gray-hover, .bg-lightgray, .bg-lightgray-hover:hover, .item:hover .bg-lightgray-hover, .bg-lightergray, .bg-lightergray-hover:hover, .item:hover .bg-lightergray-hover, .bg-black, .bg-black-hover:hover, .item:hover .bg-black-hover, .bg-white, .bg-white-hover:hover, .item:hover .bg-white-hover, .color-red,
.color-red-hover:hover,
.item:hover .color-red-hover, .color-darkblue,
.color-darkblue-hover:hover,
.item:hover .color-darkblue-hover, .color-darkerblue,
.color-darkerblue-hover:hover,
.item:hover .color-darkerblue-hover, .color-main,
.color-main-hover:hover,
.item:hover .color-main-hover, .color-black,
.color-black-hover:hover,
.item:hover .color-black-hover, .color-darkergray,
.color-darkergray-hover:hover,
.item:hover .color-darkergray-hover, .color-darkgray,
.color-darkgray-hover:hover,
.item:hover .color-darkgray-hover, .color-gray,
.color-gray-hover:hover,
.item:hover .color-gray-hover, .color-lightgray,
.color-lightgray-hover:hover,
.item:hover .color-lightgray-hover, .color-lightergray,
.color-lightergray-hover:hover,
.item:hover .color-lightergray-hover, .color-white,
.color-white-hover:hover,
.item:hover .color-white-hover {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.owl-carousel .owl-nav, .owl-carousel .owl-dots {
  display: none;
}

.owl-carousel.owl-nav-block .owl-nav, .owl-carousel.owl-dots-block .owl-dots {
  display: block;
}

.owl-nav-block .owl-nav .owl-prev, .owl-nav-block .owl-nav .owl-next, .owl-nav-block .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*-- Gotop & ScrollDown--*/
/*-- Colors --*/
.color-white,
.color-white-hover:hover,
.item:hover .color-white-hover {
  color: white;
}

.color-lightergray,
.color-lightergray-hover:hover,
.item:hover .color-lightergray-hover {
  color: #D2D2CF;
}

.color-lightgray,
.color-lightgray-hover:hover,
.item:hover .color-lightgray-hover {
  color: #C4C4C4;
}

.color-gray,
.color-gray-hover:hover,
.item:hover .color-gray-hover {
  color: #848484;
}

.color-darkgray,
.color-darkgray-hover:hover,
.item:hover .color-darkgray-hover {
  color: #595757;
}

.color-darkergray,
.color-darkergray-hover:hover,
.item:hover .color-darkergray-hover {
  color: #231815;
}

.color-black,
.color-black-hover:hover,
.item:hover .color-black-hover {
  color: black;
}

.color-main,
.color-main-hover:hover,
.item:hover .color-main-hover {
  color: #004E96;
}

.color-darkerblue,
.color-darkerblue-hover:hover,
.item:hover .color-darkerblue-hover {
  color: #001C59;
}

.color-darkblue,
.color-darkblue-hover:hover,
.item:hover .color-darkblue-hover {
  color: #0D246B;
}

.color-red,
.color-red-hover:hover,
.item:hover .color-red-hover {
  color: red;
}

/*-- Backgrounds --*/
/* 背景圖片 Background Image */
.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* 背景圖片固定 Background Image */
.bg-fixed {
  background-attachment: fixed;
}

/* 顏色覆蓋 Overlay */
.bg-overlay {
  position: relative;
  color: white;
}
.bg-overlay a {
  color: white;
}
.bg-overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.bg-overlay.dark::before, .bg-overlay.dark-hover:hover::before {
  background: #231815;
}
.bg-overlay.color-main::before, .bg-overlay.color-main-hover:hover::before {
  background: #004E96;
}
.bg-overlay.color-darkerblue::before, .bg-overlay.color-darkerblue-hover:hover::before {
  background: #001C59;
}
.bg-overlay.color-darkblue::before, .bg-overlay.color-darkblue-hover:hover::before {
  background: #0D246B;
}
.bg-overlay.opacity-90::before, .bg-overlay.opacity-90-hover:hover::before {
  opacity: 0.9;
}
.bg-overlay.opacity-80::before, .bg-overlay.opacity-80-hover:hover::before {
  opacity: 0.8;
}
.bg-overlay.opacity-70::before, .bg-overlay.opacity-70-hover:hover::before {
  opacity: 0.7;
}
.bg-overlay.opacity-60::before, .bg-overlay.opacity-60-hover:hover::before {
  opacity: 0.6;
}
.bg-overlay.opacity-50::before, .bg-overlay.opacity-50-hover:hover::before {
  opacity: 0.5;
}
.bg-overlay.opacity-40::before, .bg-overlay.opacity-40-hover:hover::before {
  opacity: 0.4;
}
.bg-overlay.opacity-30::before, .bg-overlay.opacity-30-hover:hover::before {
  opacity: 0.3;
}
.bg-overlay.opacity-20::before, .bg-overlay.opacity-20-hover:hover::before {
  opacity: 0.2;
}
.bg-overlay.opacity-10::before, .bg-overlay.opacity-10-hover:hover::before {
  opacity: 0.1;
}
.bg-overlay .top {
  position: relative;
  z-index: 2;
}

/* 背景顏色 Background Colors */
.bg-white, .bg-white-hover:hover, .item:hover .bg-white-hover {
  background-color: white;
}

.bg-black, .bg-black-hover:hover, .item:hover .bg-black-hover {
  background-color: black;
}

.bg-lightergray, .bg-lightergray-hover:hover, .item:hover .bg-lightergray-hover {
  background-color: #D2D2CF;
}

.bg-lightgray, .bg-lightgray-hover:hover, .item:hover .bg-lightgray-hover {
  background-color: #C4C4C4;
}

.bg-gray, .bg-gray-hover:hover, .item:hover .bg-gray-hover {
  background-color: #848484;
}

.bg-darkgray, .bg-darkgray-hover:hover, .item:hover .bg-darkgray-hover {
  background-color: #595757;
}

.bg-darkergray, .bg-darkergray-hover:hover, .item:hover .bg-darkergray-hover {
  background-color: #231815;
}

.bg-color-main, .bg-color-main-hover:hover, .item:hover .bg-color-main-hover {
  background-color: #004E96;
}

.bg-color-darkerblue, .bg-color-darkerblue-hover:hover, .item:hover .bg-color-darkerblue-hover {
  background-color: #001C59;
}

.bg-color-darkblue, .bg-color-darkblue-hover:hover, .item:hover .bg-color-darkblue-hover {
  background-color: #0D246B;
}

/*-- 按鈕樣式 Buttons --*/
.btn {
  border: none;
  outline: none;
  display: inline-block;
  padding: 10px;
}
.btn.btn-block {
  display: block;
}
.btn.color-hover-white:hover {
  color: white;
}
.btn.dec-arrow {
  position: relative;
  padding-left: 20px;
}
.btn.dec-arrow::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 0 6.5px 13px;
  border-color: transparent transparent transparent #231815;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn.dec-arrow.color-white::before {
  border-color: transparent transparent transparent white;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn.bg-color-main {
  background: #004E96;
  color: white;
}
.btn.bg-color-darkerblue {
  background: #001C59;
  color: white;
}
.btn.bg-color-darkerblue:hover {
  background: #001C59;
  color: white;
}
.btn.bg-color-darkerblue:hover.dec-arrow::before {
  border-color: transparent transparent transparent white;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn.bg-color-darkblue {
  background: #0D246B;
  color: white;
}
.btn.bg-color-darkblue:hover {
  background: #0D246B;
  color: white;
}
.btn.bg-color-darkblue:hover.dec-arrow::before {
  border-color: transparent transparent transparent white;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn.border-white {
  border: 1px solid white;
}
.btn.border-white:hover {
  background: white;
  color: #231815;
}
.btn.border-white:hover.dec-arrow::before {
  border-color: transparent transparent transparent #231815;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn.border-darkerblue {
  border: 2px solid #001C59;
  color: #001C59;
}
.btn.border-darkerblue:hover {
  background: white;
  color: #231815;
}
.btn.border-darkerblue:hover.dec-arrow::before {
  border-color: transparent transparent transparent #231815;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn.border-darkergray {
  border: 2px solid #231815;
  color: #231815;
}
.btn.border-darkergray:hover {
  background: #231815;
  color: white;
}
.btn.border-darkergray:hover.dec-arrow::before {
  border-color: transparent transparent transparent white;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn.border-white.dec-arrow, .btn.border-darkerblue.dec-arrow, .btn.border-darkergray.dec-arrow, .btn.bg-color-main.dec-arrow, .btn.bg-color-darkerblue.dec-arrow, .btn.bg-color-darkblue.dec-arrow {
  padding-left: 30px;
}
.btn.border-white.dec-arrow::before, .btn.border-darkerblue.dec-arrow::before, .btn.border-darkergray.dec-arrow::before, .btn.bg-color-main.dec-arrow::before, .btn.bg-color-darkerblue.dec-arrow::before, .btn.bg-color-darkblue.dec-arrow::before {
  left: 10px;
}
.btn-loadmore {
  display: block;
  text-align: center;
  padding: 10px;
  font-size: clamp(20px, 1.875vw, 36px);
  background: #CCCCCC;
  color: #0D246B;
  width: 100%;
}
.btn-loadmore:hover {
  background: #0D246B;
  color: white;
}
.btn-download {
  width: 100%;
  display: block;
  text-align: center;
  background: #0D246B;
  color: white;
  padding: 15px;
}
.btn-download:hover {
  color: white;
}

/*-- 頁籤樣式 --*/
.page-controls .pre, .page-controls .next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.page-controls .pre {
  left: 0;
  padding-left: 4.4vw;
}
.page-controls .pre::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: right;
  width: 3.9vw;
  height: 1px;
  background: #000;
}
.page-controls .pre:hover {
  padding-left: 4.9vw;
  color: #004E96;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.page-controls .next {
  left: auto;
  right: 0;
  padding-right: 4.4vw;
}
.page-controls .next::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: auto;
  right: 0;
  width: 3.9vw;
  height: 1px;
  background: #000;
}
.page-controls .next:hover {
  padding-right: 4.9vw;
  color: #004E96;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.table {
  width: 100%;
}
.table.default thead tr td {
  background: #004E96;
  color: white;
  font-weight: 500;
  padding: 1.041666666vw 1.822916666vw;
  border-right: 3px solid white;
}
.table.default tbody tr td {
  background: white;
  padding: 1rem;
  padding: 1.041666666vw 1.822916666vw;
  border-right: 3px solid white;
}
.table.default tbody tr td:last-child {
  border-right: none;
}
.table.default tbody tr:nth-child(even) td {
  background: #C4C4C4;
}

/*--------------------------------------------------------------------------*/
/*-------------------------- 排版樣式 Grid Layout ----------------------------*/
.group.item2 .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.group.item3 .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.group.item4 .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.group.item5 .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}
.group.item6 .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.group.item7 .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.2857142857%;
          flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}
.group.gap0 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: 0px;
}
.group.gap0 .col {
  padding-left: 0px;
  padding-right: 0px;
}
.group.gap2 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2px;
  margin-right: -2px;
}
.group.gap2 .col {
  padding-left: 2px;
  padding-right: 2px;
}
.group.gap10 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.260416666vw;
  margin-right: -0.260416666vw;
}
.group.gap10 .col {
  padding-left: 0.260416666vw;
  padding-right: 0.260416666vw;
}
.group.gap15 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.390625vw;
  margin-right: -0.390625vw;
}
.group.gap15 .col {
  padding-left: 0.390625vw;
  padding-right: 0.390625vw;
}
.group.gap20 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.520833333vw;
  margin-right: -0.520833333vw;
}
.group.gap20 .col {
  padding-left: 0.520833333vw;
  padding-right: 0.520833333vw;
}
.group.gap30 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.78125vw;
  margin-right: -0.78125vw;
}
.group.gap30 .col {
  padding-left: 0.78125vw;
  padding-right: 0.78125vw;
}
.group.gap40 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.041666666vw;
  margin-right: -1.041666666vw;
}
.group.gap40 .col {
  padding-left: 1.041666666vw;
  padding-right: 1.041666666vw;
}
.group.gap45 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.171875vw;
  margin-right: -1.171875vw;
}
.group.gap45 .col {
  padding-left: 1.171875vw;
  padding-right: 1.171875vw;
}
.group.gap50 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.302083333vw;
  margin-right: -1.302083333vw;
}
.group.gap50 .col {
  padding-left: 1.302083333vw;
  padding-right: 1.302083333vw;
}
.group.gap60 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.5625vw;
  margin-right: -1.5625vw;
}
.group.gap60 .col {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
.group.gap70 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.822916vw;
  margin-right: -1.822916vw;
}
.group.gap70 .col {
  padding-left: 1.822916vw;
  padding-right: 1.822916vw;
}
.group.gap80 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.083333333vw;
  margin-right: -2.083333333vw;
}
.group.gap80 .col {
  padding-left: 2.083333333vw;
  padding-right: 2.083333333vw;
}
.group.gap95 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.4739583vw;
  margin-right: -2.4739583vw;
}
.group.gap95 .col {
  padding-left: 2.4739583vw;
  padding-right: 2.4739583vw;
}
.group.gap100 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.60416vw;
  margin-right: -2.60416vw;
}
.group.gap100 .col {
  padding-left: 2.60416vw;
  padding-right: 2.60416vw;
}
.group.gap130 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -3.385416vw;
  margin-right: -3.385416vw;
}
.group.gap130 .col {
  padding-left: 3.385416vw;
  padding-right: 3.385416vw;
}
@media (max-width: 1240px) {
  .group.item4 .col, .group.item5 .col, .group.item6 .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 576px) {
  .group.item2 .col, .group.item3 .col, .group.item4 .col, .group.item5 .col, .group.item6 .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .group.gap10, .group.gap2, .group.gap14, .group.gap20, .group.gap24, .group.gap26, .group.gap40, .group.gap50, .group.gap60, .group.gap80, .group.gap95 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
  }
  .group.gap10 .col, .group.gap2 .col, .group.gap14 .col, .group.gap20 .col, .group.gap24 .col, .group.gap26 .col, .group.gap40 .col, .group.gap50 .col, .group.gap60 .col, .group.gap80 .col, .group.gap95 .col {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*-- Carousels --*/
/* Bootstrap */
.carousel-default {
  position: relative;
}
.carousel-default .carousel-indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  bottom: -30px;
}
.carousel-default .carousel-indicators .item {
  position: relative;
  width: 12px;
  height: 12px;
  background: #848484;
  border: 1px solid #004E96;
  margin: 0 7px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 100%;
  border: none;
}
.carousel-default .carousel-indicators .item:focus {
  outline: none;
}
.carousel-default .carousel-indicators .item:hover {
  background: #004E96;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.carousel-default .carousel-indicators .item.active {
  background: #004E96;
}
.carousel-default .carousel-controls {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.carousel-default .carousel-controls .link-prev {
  position: absolute;
  left: 12px;
}
.carousel-default .carousel-controls .link-prev .carousel-control-prev-icon {
  background-image: url("../images/icon-arrow-line-left.svg");
  width: 18px;
  height: 35px;
}
.carousel-default .carousel-controls .link-next {
  position: absolute;
  right: 12px;
}
.carousel-default .carousel-controls .link-next .carousel-control-next-icon {
  background-image: url("../images/icon-arrow-line-right.svg");
  width: 18px;
  height: 35px;
}

/* Owl */
.owl-nav-block .owl-stage-outer {
  z-index: 1;
}
.owl-nav-block .owl-nav {
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
}
.owl-nav-block .owl-nav .owl-prev span, .owl-nav-block .owl-nav .owl-next span {
  font-size: 0;
  width: max(2.44791vw, 20px);
  height: max(4.47916vw, 36px);
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.owl-nav-block .owl-nav .owl-prev {
  left: min(-2.44791vw - 20px, -40px);
  right: auto;
}
.owl-nav-block .owl-nav .owl-prev span {
  background-image: url("../images/icon-owl-nav.svg");
}
.owl-nav-block .owl-nav .owl-prev:hover {
  left: min(-2.44791vw - 25px, -45px);
}
.owl-nav-block .owl-nav .owl-next {
  left: auto;
  right: min(-2.44791vw - 20px, -40px);
}
.owl-nav-block .owl-nav .owl-next span {
  background-image: url("../images/icon-owl-nav.svg");
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.owl-nav-block .owl-nav .owl-next:hover {
  right: min(-2.44791vw - 25px, -45px);
}

.owl-dots-block .owl-dots {
  position: relative;
  z-index: 2;
  margin-top: 10px;
  text-align: right;
}
.owl-dots-block .owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  background: #848484;
  border: 1px solid #004E96;
  margin: 0 10px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 100%;
  border-color: transparent;
}
.owl-dots-block .owl-dots .owl-dot:focus {
  outline: none;
}
.owl-dots-block .owl-dots .owl-dot:hover {
  background: #004E96;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.owl-dots-block .owl-dots .owl-dot.active {
  background: #004E96;
}
.owl-dots-block.style-2 .owl-dots {
  position: relative;
  z-index: 2;
  margin-top: 0;
  text-align: right;
}
.owl-dots-block.style-2 .owl-dots .owl-dot {
  background: #848484;
  border-color: transparent;
  border-radius: 0;
  width: max(4.427083vw, 40px);
  height: 10px;
  margin: 0 0 0 10px;
}
.owl-dots-block.style-2 .owl-dots .owl-dot:hover, .owl-dots-block.style-2 .owl-dots .owl-dot.active {
  background: #004E96;
}

.dots-color-main .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: white;
  border: 1px solid #004E96;
  margin: 0 4px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 100%;
}
.dots-color-main .owl-dots .owl-dot:focus {
  outline: none;
}
.dots-color-main .owl-dots .owl-dot:hover {
  background: #004E96;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.dots-color-main .owl-dots .owl-dot.active {
  background: #004E96;
}

/*-- PageBanner --*/
.page_banner {
  height: clamp(300px, 25.625vw, 492px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page_banner.small {
  height: max(10.416vw, 180px);
}
.page_banner .container {
  height: 100%;
}
.page_banner .page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  width: 100%;
  padding-bottom: clamp(25px, 3.64583vw, 70px);
  text-shadow: 2px 4px 6px rgb(0, 0, 0);
}
.page_banner .page-title .title {
  font-size: clamp(30px, 3.22916vw, 64px);
  margin-bottom: 0;
}
.page_banner .page-title .title-sec {
  font-size: clamp(18px, 2.1875vw, 42px);
  margin-top: 15px;
}
@media (max-width: 767px) {
  .page_banner .page-title .title-sec {
    margin-top: 5px;
  }
}
.page_banner .page-title.color-darkerblue {
  text-shadow: none;
}

#about .page_banner {
  height: clamp(300px, 39.583vw, 760px);
}
#about .page-title {
  padding-bottom: clamp(25px, 5.2083vw, 100px);
}

/*-- Breadcrumb --*/
.breadcrumb {
  background: transparent;
  width: 100%;
  margin: clamp(15px, 1.822916vw, 35px) 0 clamp(20px, 2.083vw, 40px);
}
.breadcrumb ol {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.breadcrumb ol li {
  position: relative;
  list-style: none;
}
.breadcrumb ol li:not(:last-child) {
  padding-right: 30px;
}
.breadcrumb ol li:not(:last-child)::after {
  content: " > ";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8px;
}
.breadcrumb .item:hover {
  color: #004E96;
}

/*--------------------------------------------------------------------------*/
/*------------------------------ 基礎設定 Basic ------------------------------*/
@font-face {
  font-family: "DINA";
  src: url("fonts/DINAlternate-Bold.woff") format("woff"), url("fonts/DINAlternate-Bold.ttf") format("truetype"), url("fonts/DINAlternate-Bold.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Frutiger";
  src: url("fonts/FrutigerLTStd-Light.woff") format("woff"), url("fonts/FrutigerLTStd-Light.ttf") format("truetype"), url("fonts/FrutigerLTStd-Light.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Frutiger-bold";
  src: url("fonts/Frutiger_bold.woff") format("woff"), url("fonts/Frutiger_bold.ttf") format("truetype"), url("fonts/Frutiger_bold.eot") format("embedded-opentype");
}
body {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard */
  font-size: 18px;
  background: white;
  color: #231815;
  font-family: "DINA", Microsoft JhengHei, sans-serif;
  line-height: 1.4;
}
@media screen and (max-width: 1199px) {
  body {
    font-size: 16px;
  }
}
body::after {
  content: "";
  mix-blend-mode: multiply;
  background: #004E96;
  width: 100%;
  height: clamp(40px, 5.2083vw, 100px);
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 1;
}
@media (max-width: 991px) {
  body::after {
    display: none;
  }
}
body.open-lan::after {
  top: 305px;
}
body.fixed::after {
  position: fixed;
  top: 0px;
}
body.ke-content::after {
  display: none;
}

a, a:hover {
  color: #231815;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

:focus {
  outline: none;
}

ul.list {
  padding-left: 0;
}
ul.list li {
  list-style: none;
  padding-left: 0;
}

.webeditor {
  font-family: Frutiger, Arial, sans-serif;
}
.webeditor.font-Frutiger strong {
  font-family: "Frutiger-bold", Arial, sans-serif;
}

.font-Arial {
  font-family: Arial, sans-serif;
}

.font-DINA {
  font-family: "DINA", Arial, sans-serif;
}

.font-Frutiger {
  font-family: "Frutiger", Arial, sans-serif;
}
.font-Frutiger.f-700 {
  font-family: "Frutiger-bold", Arial, sans-serif;
}

@media (min-width: 1921px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1480px;
  }
  .container.narrow,
  .container-lg.narrow,
  .container-md.narrow,
  .container-sm.narrow,
  .container-xl.narrow {
    max-width: 1280px;
  }
}
@media (max-width: 1920px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: calc(75.52083vw + 30px);
  }
  .container.narrow,
  .container-lg.narrow,
  .container-md.narrow,
  .container-sm.narrow,
  .container-xl.narrow {
    max-width: calc(66.666vw + 30px);
  }
  .container.wide,
  .container-lg.wide,
  .container-md.wide,
  .container-sm.wide,
  .container-xl.wide {
    max-width: calc(84.375vw + 30px);
  }
}
@media (max-width: 1470px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: calc(85vw + 30px);
  }
  .container.narrow,
  .container-lg.narrow,
  .container-md.narrow,
  .container-sm.narrow,
  .container-xl.narrow {
    max-width: calc(80vw + 30px);
  }
  .container.wide,
  .container-lg.wide,
  .container-md.wide,
  .container-sm.wide,
  .container-xl.wide {
    max-width: calc(90vw + 30px);
  }
}
@media (max-width: 768px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100%;
  }
  .container.narrow,
  .container-lg.narrow,
  .container-md.narrow,
  .container-sm.narrow,
  .container-xl.narrow {
    max-width: 100%;
  }
  .container.wide,
  .container-lg.wide,
  .container-md.wide,
  .container-sm.wide,
  .container-xl.wide {
    max-width: 100%;
  }
}
/*-- Groups --*/
/*--------------------------------------------------------------------------*/
/*--------------------------------- Main -----------------------------------*/
/*---------- Search ----------*/
/*---------- Language ----------*/
.lan .dropdown-menu {
  padding: 10px 0;
  margin-top: 15px;
  background: #231815;
  border-radius: 0;
  margin-top: 11px;
  min-width: auto;
}
.lan .dropdown-menu .dropdown-item {
  padding: 5px 15px;
  font-size: 14px;
  background: transparent;
  width: 100%;
  display: block;
  color: white;
  text-align: center;
}
.lan .dropdown-menu .dropdown-item button {
  background: transparent;
}
/*---------- Gotop Styles ----------*/
.btn-gotop {
  width: clamp(30px, 3.385416vw, 65px);
  height: clamp(30px, 3.385416vw, 65px);
  position: relative;
  display: inline-block;
}
.btn-gotop .hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.btn-gotop:hover .hover {
  opacity: 1;
}

@-webkit-keyframes icon-scroll {
  0% {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
  }
  100% {
    -webkit-transform: translateY(-15px) rotate(90deg);
            transform: translateY(-15px) rotate(90deg);
  }
}

@keyframes icon-scroll {
  0% {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
  }
  100% {
    -webkit-transform: translateY(-15px) rotate(90deg);
            transform: translateY(-15px) rotate(90deg);
  }
}
/*---------- Social Medias ----------*/
.social-medias {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0;
  padding-left: 0;
}
.social-medias .item, .social-medias .items {
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}
.social-medias .items a {
  display: block;
  font-size: 1rem;
  background: #004E96;
  color: white;
  height: clamp(30px, 2.083vw, 40px);
  padding: 0.3rem;
  border-radius: 5px;
}
.social-medias .item a {
  font-size: 1rem;
}
.social-medias.circle .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: clamp(30px, 2.083vw, 40px);
  height: clamp(30px, 2.083vw, 40px);
  border-radius: 100%;
  background: #004E96;
  color: white;
}
.social-medias.circle .item a:hover {
  background: #004E96;
}
.social-medias.circle.dark .item a {
  background: #595757;
  color: #004E96;
}
.social-medias.circle.dark .item a:hover {
  background: #004E96;
  color: white;
}
.social-medias.share .item a {
  font-size: 90%;
}
.social-medias.share .item a img {
  width: 60%;
}

/*---------- Fixed Buttons ----------*/
.fixed-btns {
  position: fixed;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fixed-btns .btn {
  margin-bottom: 6px;
  position: relative;
  padding: 0;
}
.fixed-btns .btn .hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.fixed-btns .btn .tag {
  position: absolute;
  padding: 8px;
  width: max(6.510416vw, 80px);
  font-size: max(1.0416vw, 12px);
  background: #C4C4C4;
  left: calc(min(-6.510416vw, -80px) - 20px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 5px;
  text-align: center;
  opacity: 0;
  z-index: 2;
}
.fixed-btns .btn .tag:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 14px;
  border-color: transparent transparent transparent #C4C4C4;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -14px;
}
.fixed-btns .btn img {
  width: max(2.864583vw, 25px);
  height: max(2.864583vw, 25px);
}
.fixed-btns .btn:hover .hover, .fixed-btns .btn:hover .tag {
  opacity: 1;
}

/*---------- Title ----------*/
.title-main {
  letter-spacing: 15px;
}
@media screen and (max-width: 767px) {
  .title-main {
    letter-spacing: 2px;
  }
}

/*-- --*/
main.main {
  top: 45px;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  main.main {
    top: 60px;
  }
}

.nav-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-style .item {
  list-style: none;
  margin-bottom: 10px;
}
.nav-style .item .link {
  padding: 20px;
  background: #F5F7FA;
  color: #0D246B;
  display: block;
  position: relative;
}
.nav-style .item .link svg {
  fill: #004E96;
  -webkit-transform: rotate(-180deg) translateY(2px);
          transform: rotate(-180deg) translateY(2px);
  margin-right: 10px;
  width: clamp(15px, 1.5625vw, 30px);
  height: clamp(7.5px, 0.78125vw, 15px);
}
.nav-style .item .link.active, .nav-style .item .link:hover {
  background: #004E96;
  color: white;
}
.nav-style .item .link.active svg, .nav-style .item .link:hover svg {
  fill: white;
  -webkit-transform: rotate(0deg) translateY(-2px);
          transform: rotate(0deg) translateY(-2px);
}
.nav-style.mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .nav-style {
    margin-left: -18px;
    margin-right: -18px;
  }
  .nav-style .item .link {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media screen and (max-width: 768px) {
  .nav-style {
    margin-left: 0;
    margin-right: 0;
  }
  .nav-style.desktop {
    display: none;
  }
  .nav-style.mobile {
    display: block;
    padding-left: 35px;
    padding-right: 35px;
  }
  .nav-style.mobile .item {
    text-align: center;
    position: relative;
  }
  .nav-style.mobile .item::after {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    width: 1px;
    height: 100%;
    background: #848484;
  }
  .nav-style.mobile .item .link {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
  }
  .nav-style.mobile.owl-nav-block .owl-nav .owl-prev {
    left: 15px;
    right: auto;
  }
  .nav-style.mobile.owl-nav-block .owl-nav .owl-next {
    left: auto;
    right: 15px;
  }
}

.photo-popout .image {
  position: relative;
}
.photo-popout .image .overlay {
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/icon-popout.svg") bottom max(0.52083vw, 5px) right max(0.52083vw, 5px) no-repeat rgba(255, 1, 17, 0.7);
  background-size: max(2.34375vw, 20px);
}
.photo-popout .item:hover .image .overlay {
  opacity: 1;
}

.sidebar .title {
  padding: 15px;
  background: #004E96;
  color: white;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .sidebar .title {
    padding: 10px;
  }
}
.sidebar .list {
  border-left: 1px solid black;
  padding-left: 0;
}
.sidebar .list li .link {
  display: block;
  padding: max(1.302083vw, 15px);
  font-size: max(1.35416vw, 16px);
}
.sidebar .list li .link:hover {
  color: #004E96;
}
.sidebar .list li .link.more {
  color: #004E96;
  font-style: italic;
}
.sidebar .list li:last-child .link {
  padding-bottom: 0;
}

.border {
  border: 1px solid black;
}

ul.list-dot li {
  padding-left: clamp(20px, 1.822916vw, 35px);
  position: relative;
}
ul.list-dot li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: clamp(15px, 1.302083vw, 25px);
  height: clamp(15px, 1.302083vw, 25px);
  background: url("../images/icon-dot.png");
  background-size: contain;
  background-repeat: no-repeat;
}
ul.list-dot li:not(:last-child) {
  margin-bottom: 5px;
}

a.load-item, .load-item {
  display: none;
}

.block-links-style-news .item {
  border: 1px solid #231815;
  font-family: Arial, sans-serif;
}
.block-links-style-news .item span {
  display: inline-block;
}
.block-links-style-news .item .image img {
  width: 100%;
}
.block-links-style-news .item .info-wrapper {
  min-height: 330px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: clamp(15px, 2.864583vw, 55px) clamp(15px, 1.302083vw, 25px) clamp(15px, 1.0416vw, 20px);
}
@media (max-width: 576px) {
  .block-links-style-news .item .info-wrapper {
    min-height: auto;
  }
}
.block-links-style-news .item .title {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.block-links-style-news .item .info {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.block-links-style-news .item .btn-wrapper {
  margin-top: auto;
}
.block-links-style-news .item .btn.bg-color-darkblue {
  border: 1px solid white;
}
.block-links-style-news .item:hover .info-wrapper {
  background: #0D246B;
  color: white;
}
@media screen and (max-width: 767px) {
  .block-links-style-news .item {
    margin-bottom: 20px;
  }
  .block-links-style-news .item .image {
    min-height: auto;
  }
  .block-links-style-news .item .image img {
    min-height: auto;
    max-height: auto;
  }
}
.block-links-style-catalog .item {
  font-family: Arial, sans-serif;
}
.block-links-style-catalog .item .content {
  padding: 15px;
  background: #CCCCCC;
}
.block-links-style-catalog .item .title {
  color: #0D246B;
  font-weight: 700;
  margin-top: 25px;
  font-family: "微軟正黑體", sans-serif;
}
.block-links-style-catalog .item .dropdown .dropdown-toggle {
  padding: 15px;
  background: white;
  border: 1px solid #B1B1B2;
  position: relative;
}
.block-links-style-catalog .item .dropdown .dropdown-toggle::after {
  left: auto;
  right: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.block-links-style-catalog .item .dropdown .dropdown-menu {
  background: #EBEBEC;
  padding: 0 15px;
}
.block-links-style-catalog .item .dropdown .dropdown-menu .dropdown-item {
  padding: 10px 0;
  display: block;
  text-align: left;
}
@media (max-width: 560px) {
  .block-links-style-catalog .item .dropdown .dropdown-menu {
    min-width: 100%;
  }
}
.block-links-style-2 .item {
  position: relative;
  height: clamp(300px, 34.635416vw, 665px);
}
.block-links-style-2 .item::after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(11, 49, 132, 0.95)), color-stop(60%, rgb(11, 49, 132)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(11, 49, 132, 0.95) 50%, rgb(11, 49, 132) 60%);
  width: 100%;
  height: clamp(250px, 18.22916vw, 350px);
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  bottom: 0;
}
.block-links-style-2 .item .des {
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  padding: clamp(35px, 2.60416vw, 50px) clamp(10px, 2.083vw, 40px) clamp(15px, 1.302083vw, 25px);
  height: 245px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media (max-width: 1360px) {
  .block-links-style-2 .item .des {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .block-links-style-2 .item .des {
    height: 150px;
  }
}
.block-links-style-2 .item .des > * {
  position: relative;
  z-index: 1;
}
.block-links-style-2 .item .des .title {
  font-size: clamp(18px, 1.875vw, 36px);
  font-family: Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.block-links-style-2 .item .des .info {
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-links-style-2 .item .des .btn-wrapper {
  margin-top: auto;
}
.block-links-style-2 .item:hover::after {
  width: 90%;
  height: 90%;
  bottom: 5%;
  left: 5%;
  background: #004E96;
}
.block-links-style-2 .item:hover .btn {
  opacity: 0;
}

/*--------------------------------------------------------------------------*/
/*-------------------------------- Header ----------------------------------*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  /* Topbar */
  /* Smallbar */
}
.header .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header .small-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .small-bar .links {
  margin-bottom: 0;
}
.header .nav {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .nav li {
  list-style: none;
}
.header .nav > .nav-item > a {
  position: relative;
  display: block;
}
.header .desktop .logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .desktop .logo img {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: clamp(100px, 14.16vw, 272px);
  height: clamp(15px, 1.97916vw, 38px);
}
.header .desktop .logo-2 {
  margin-left: 20px;
}
.header .desktop .logo-2 img {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: clamp(42px, 7.5vw, 144px);
  height: clamp(15px, 1.875vw, 36px);
}
.header .mobile .btn {
  font-size: 25px;
  background: transparent;
  color: white;
}
.header .mobile .mobile-nav {
  height: 100vh;
  overflow-y: auto;
}
.header .mobile .mobile-nav > .title {
  border-bottom: none;
}
.header .mobile .mobile-nav .main {
  background: #D2D2CF;
  overflow-y: auto;
}
.header .mobile .mobile-nav .main .link {
  padding: 15px 20px;
}
.header .mobile .mobile-nav .main .item:not(:last-child) .link {
  border-bottom: 1px solid #C4C4C4;
}
.header .mobile .mobile-nav .main .item > .link {
  text-transform: uppercase;
}
.header.style-8 {
  /* SmallBar */
}
.header.style-8 .lan {
  margin-left: clamp(25px, 3.64583vw, 70px);
}
.header.style-8 .lan .lan-dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header.style-8 .lan .lan-dropdown-toggle:after {
  display: none;
}
.header.style-8 .lan img {
  width: clamp(20px, 1.4583vw, 28px);
  height: clamp(20px, 1.4583vw, 28px);
}
.header.style-8 .lan-dropdown-menu {
  width: 100%;
  background: #036EB6;
  color: white;
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.header.style-8 .lan-dropdown-menu .close {
  position: absolute;
  right: clamp(15px, 16.40625vw, 315px);
  top: 25px;
  display: block;
  width: 18px;
  height: 18px;
  opacity: 0.9;
}
.header.style-8 .lan-dropdown-menu .close:hover {
  opacity: 1;
}
.header.style-8 .lan-dropdown-menu .close:before, .header.style-8 .lan-dropdown-menu .close:after {
  position: absolute;
  left: 9px;
  content: " ";
  height: 18px;
  width: 2px;
  background-color: white;
}
.header.style-8 .lan-dropdown-menu .close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header.style-8 .lan-dropdown-menu .close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header.style-8 .lan-dropdown-menu .wrapper > * {
  display: inline-block;
}
.header.style-8 .lan-dropdown-menu .wrapper button {
  background: transparent;
}
.header.style-8 .lan-dropdown-menu .wrapper .list {
  margin-left: clamp(-50px, -2.60416vw, -20px);
  margin-right: clamp(-50px, -2.60416vw, -20px);
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header.style-8 .lan-dropdown-menu .wrapper .list li {
  padding-left: clamp(20px, 2.60416vw, 50px);
  padding-right: clamp(20px, 2.60416vw, 50px);
}
.header.style-8 .lan-dropdown-menu .wrapper .list li button {
  color: white;
  padding: 0;
}
.header.style-8 .lan-dropdown-menu.open {
  height: 260px;
  opacity: 1;
  pointer-events: auto;
}
.header.style-8 .top-bar {
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #D2D2CF;
  height: 45px;
  padding: 10px clamp(15px, 12.5vw, 240px);
}
@media (max-width: 1470px) {
  .header.style-8 .top-bar {
    padding: 10px 7.5vw;
  }
}
.header.style-8 .top-bar .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  padding-left: 0;
}
.header.style-8 .top-bar .links li {
  list-style: none;
}
.header.style-8 .top-bar .links .item {
  padding: 5px clamp(10px, 0.9114583vw, 17.5px);
  color: #0D246B;
  text-transform: uppercase;
}
.header.style-8 .nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 clamp(15px, 16.6vw, 320px);
  padding: 0 clamp(15px, 12.5vw, 240px);
  height: clamp(40px, 5.2083vw, 100px);
  position: relative;
  background: transparent;
}
@media (max-width: 1470px) {
  .header.style-8 .nav-wrapper {
    padding: 0 7.5vw;
  }
}
.header.style-8 .nav {
  margin-left: clamp(-25px, -1.302083vw, -15px);
  margin-right: clamp(-25px, -1.302083vw, -15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header.style-8 .nav > .nav-item {
  padding-left: clamp(15px, 1.302083vw, 25px);
  padding-right: clamp(15px, 1.302083vw, 25px);
}
.header.style-8 .nav > .nav-item > a {
  padding: clamp(11px, (5.2083vw - 18px) / 2, 41px) 0;
  color: white;
  text-transform: uppercase;
  position: relative;
}
.header.style-8 .nav > .nav-item .item-dropdown {
  display: none;
  position: absolute;
  left: clamp(15px, 16.6vw, 320px);
  top: clamp(40px, 5.2083vw, 100px);
  width: clamp(100vw - 640px, 66.8vw, 100vw - 30px);
  background: white;
  padding: clamp(20px, 3.125vw, 60px) clamp(15px, 1.822916vw, 35px);
}
@media (max-width: 1470px) {
  .header.style-8 .nav > .nav-item .item-dropdown {
    left: 7.5vw;
    width: 85vw;
  }
}
.header.style-8 .nav > .nav-item .item-dropdown .title {
  color: #001C59;
  font-size: clamp(20px, 1.875vw, 36px);
}
.header.style-8 .nav > .nav-item .item-dropdown .des {
  color: #717171;
  margin-top: 10px;
}
.header.style-8 .nav > .nav-item .item-dropdown .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .list li {
  width: 100%;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .list .nav-link {
  width: 100%;
  padding: 10px 15px 10px 0;
  border-bottom: 1px solid #121377;
  display: block;
  background: transparent;
  text-align: left;
  white-space: nowrap;
  background-image: url("../images/icon-nav-links.svg");
  background-size: 0px;
  background-repeat: no-repeat;
  background-position: top 50% right 16px;
  color: #000000;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .list .nav-link:hover {
  color: #036EB6;
  background-size: 8px;
  background-position: top 50% right;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .links-group {
  width: clamp(100% - 315px, 100% - 16.40625vw, 100% - 180px);
  padding-right: clamp(25px, 2.60416vw, 50px);
}
.header.style-8 .nav > .nav-item .item-dropdown .content .links-group .title-main {
  letter-spacing: 0;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .links-group .title-main:hover {
  color: #036EB6;
  margin-left: 5px;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .links-group .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: clamp(-25px, -1.302083vw, -15px);
  margin-right: clamp(-25px, -1.302083vw, -15px);
}
.header.style-8 .nav > .nav-item .item-dropdown .content .links-group .group .col {
  padding-left: clamp(15px, 1.302083vw, 25px);
  padding-right: clamp(15px, 1.302083vw, 25px);
}
.header.style-8 .nav > .nav-item .item-dropdown .content .links-group .group .list {
  margin-top: 5px;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .tab-content {
  width: clamp(180px, 16.40625vw, 315px);
  height: clamp(131.428571429px, 11.97916vw, 230px);
  overflow: hidden;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .tab-content .image {
  width: 100%;
  height: clamp(131.428571429px, 11.97916vw, 230px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header.style-8 .nav > .nav-item .item-dropdown .content .tab-content img {
  width: 100%;
  height: auto;
}
.header.style-8 .nav > .nav-item .item-dropdown .link {
  color: #717171;
  position: relative;
}
.header.style-8 .nav > .nav-item .item-dropdown .link:hover {
  color: #001C59;
}
.header.style-8 .nav > .nav-item.dropdown {
  position: inherit;
}
.header.style-8 .nav > .nav-item.dropdown:hover .item-dropdown {
  display: block;
}
.header.style-8 .nav > .nav-item.dropdown:hover a::after {
  opacity: 1;
  width: 100%;
}
.header.style-8 .desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  mix-blend-mode: normal;
}
.header.style-8 .mobile .social-medias {
  padding: 15px 20px;
  background: white;
}
.header.style-8 .mobile .lang {
  background: #036EB6;
  background: #D2D2CF;
  padding: 0;
  border-bottom: 1px solid #C4C4C4;
}
.header.style-8 .mobile .lang .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
  width: 100%;
}
.header.style-8 .mobile .lang .item .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0px 15px 20px;
}
.header.style-8 .mobile .lang .item i {
  padding: 15px 20px 15px 10px;
}
.header.style-8 .mobile .lang img {
  width: 20px;
  height: 20px;
}
.header.style-8 .mobile > .title {
  background: #004E96;
}
.header.style-8 .mobile > .title .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header.style-8 .mobile > .title .logo img {
  height: 25px;
  width: auto;
}
.header.style-8 .mobile .mobile-nav > .title {
  background: #004E96;
}
.header.style-8 .mobile .mobile-nav > .title .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header.style-8 .mobile .mobile-nav > .title .logo img {
  height: 25px;
  width: auto;
}
.header.style-8 .mobile .lang-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #036EB6;
  display: none;
  opacity: 0;
  padding: 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-align: center;
}
.header.style-8 .mobile .lang-nav.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 100%;
  z-index: 100;
}
.header.style-8 .mobile .lang-nav .close {
  position: absolute;
  right: 25px;
  top: 25px;
  display: block;
  width: 18px;
  height: 18px;
}
.header.style-8 .mobile .lang-nav .close::before, .header.style-8 .mobile .lang-nav .close::after {
  position: absolute;
  left: 9px;
  content: " ";
  height: 18px;
  width: 2px;
  background-color: white;
}
.header.style-8 .mobile .lang-nav .close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header.style-8 .mobile .lang-nav .close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header.style-8 .mobile .lang-nav .title {
  width: 100%;
  padding: 0;
  color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header.style-8 .mobile .lang-nav .list li:not(:last-child) {
  margin-bottom: 10px;
}
.header.style-8 .mobile .lang-nav .list button {
  background: transparent;
  color: white;
  opacity: 0.8;
}
.header.style-8 .mobile #lan-dropdown-toggle-mobile {
  cursor: pointer;
}
.header.style-8 .mobile .list.main .dropdown .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #C4C4C4;
}
.header.style-8 .mobile .list.main .dropdown .dropdown-item > .link {
  width: 90%;
  border-bottom: 0;
  text-transform: uppercase;
}
.header.style-8 .mobile .list.main .dropdown .dropdown-item > i {
  padding: 15px 20px 15px 25px;
}
.header.style-8 .mobile .sec {
  background: #ddd;
}
.header.style-8 .mobile .sec .title {
  padding: 15px 20px 15px 30px;
  border-bottom: 1px solid white;
}
.header.style-8 .mobile .third {
  background: #efefef;
}
.header.style-8 .mobile .third .title {
  padding: 15px 20px 15px 35px;
  border-bottom: 1px solid #D2D2CF;
}
.header.style-8.fixed {
  -webkit-transform: translateY(-45px);
          transform: translateY(-45px);
}
@media (max-width: 991px) {
  .header.style-8.fixed {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

body.open-lan .header.style-8.fixed {
  -webkit-transform: translateY(-305px);
          transform: translateY(-305px);
}

/*--------------------------------------------------------------------------*/
/*-------------------------------- Footer ----------------------------------*/
.footer {
  position: relative;
  top: 45px;
}
@media (max-width: 991px) {
  .footer {
    top: 60px;
  }
}
.footer .content {
  padding: clamp(35px, 2.60416vw, 50px) 0 clamp(20px, 2.083vw, 40px);
  background: #0D246B;
  color: white;
}
.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer .container .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .container .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer .container .nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: clamp(-50px, -2.60416vw, -20px);
  margin-right: clamp(-50px, -2.60416vw, -20px);
}
.footer .container .nav-wrapper .list {
  padding-left: clamp(20px, 2.60416vw, 50px);
  padding-right: clamp(20px, 2.60416vw, 50px);
  margin-bottom: 0;
}
.footer .container .nav-wrapper .list li {
  margin-bottom: 7px;
}
.footer .container .nav-wrapper .list li .item {
  text-transform: uppercase;
  color: white;
}
.footer .container .logo-wrapper {
  margin-right: clamp(20px, 2.34375vw, 45px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer .container .logo img {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: clamp(180px, 11.875vw, 228px);
  height: clamp(25.2631578947px, 1.6vw, 32px);
}
.footer .container .logo-2 {
  margin-top: auto;
}
.footer .container .logo-2 img {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: clamp(100px, 6.35416vw, 122px);
  height: clamp(24.5901639344px, 1.5625vw, 30px);
}
.footer .container .contact-info {
  font-size: 16px;
}
.footer .container .contact-info a {
  color: white;
}
@media (max-width: 768px) {
  .footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer .container .left, .footer .container .right {
    width: 100%;
  }
  .footer .container .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5px;
  }
  .footer .container .logo-wrapper .logo-2 {
    margin-top: clamp(15px, 1.5625vw, 30px);
  }
}
@media (max-width: 560px) {
  .footer .container .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer .container .right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer .container .logo-wrapper {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.footer .copyright {
  font-size: 16px;
  margin-top: auto;
}
.footer .copyright a {
  color: white;
}
@media (max-width: 560px) {
  .footer .copyright {
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------------------*/
/*-------------------------------- Banner ----------------------------------*/
.banner-style1 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(300px, 47.5vw, 912px);
}
.banner-style1 .item .image {
  position: relative;
}
.banner-style1 .item .image img {
  max-width: 100%;
}
.banner-style1 .item .image#myVideo {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .banner-style1 .item {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .banner-style1 .item .image {
    width: 100%;
    height: 47.5vw;
    overflow: hidden;
  }
  .banner-style1 .item .image#myVideo {
    width: 100%;
    height: 47.5vw;
  }
}
.banner-style1 .item .slogan {
  position: absolute;
  display: block;
  width: clamp(300px, 51.5625vw, 990px);
  padding: clamp(20px, 1.5625vw, 30px) clamp(15px, 11.71875vw, 225px) clamp(20px, 2.083vw, 40px) clamp(15px, 2.60416vw, 50px);
  color: white;
  line-height: 1.6;
}
.banner-style1 .item .slogan span {
  display: block;
}
.banner-style1 .item .slogan .title-s {
  font-size: clamp(24px, 3.22916vw, 64px);
  text-shadow: 5px 6px 10px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.banner-style1 .item .slogan .text {
  font-size: clamp(16px, 1.25vw, 24px);
  font-family: Arial, sans-serif;
  font-weight: normal;
  position: relative;
  z-index: 1;
}
.banner-style1 .item .slogan::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #004E96;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
  .banner-style1 .item .slogan {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 100%;
  }
}
.banner-style1 .item .title {
  display: block;
  font-size: 3.75vw;
}
@media screen and (max-width: 768px) {
  .banner-style1 .item .title {
    background: #004E96;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 24px;
  }
}
.banner-style1 .item .btn_left-arrow-black {
  background: black;
  padding: 8px 15px 10px 40px;
  color: white;
  border-radius: 5px;
  text-shadow: none;
}
.banner-style1 .item .btn_left-arrow-black:after {
  color: white;
  left: 15px;
}
.banner-style1 .carousel-indicators {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  bottom: auto;
  margin: 20px clamp(15px, 21.875vw, 420px) 0 clamp(15px, 16.6vw, 320px);
}
.banner-style1 .carousel-indicators .item {
  padding-right: 0;
  margin: 0 7.5px;
  background: #848484;
  width: 17px;
  height: 17px;
  min-height: 17px;
}
.banner-style1 .carousel-indicators .item.active, .banner-style1 .carousel-indicators .item:hover {
  background: #004E96;
}

/*--------------------------------------------------------------------------*/
/*-------------------------------- Index -----------------------------------*/
#index .about .image {
  border-radius: clamp(10px, 8.3vw, 160px) 0 0 0;
  overflow: hidden;
}
#index .applications {
  padding-left: clamp(15px, 12.239585vw, 235px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#index .applications .content {
  padding-right: clamp(20px, 2.60416vw, 50px);
  width: clamp(350px, 22.135416vw, 425px);
}
#index .applications .content .info {
  font-family: Arial, sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#index .applications .block-links-style-2 {
  width: clamp(100vw - 425px - 235px, 65.624999vw, 100vw - 350px - 15px);
}
#index .applications .block-links-style-2 .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#index .applications .block-links-style-2 .image img {
  min-height: 100%;
  width: auto;
}
#index .applications .block-links-style-2 .icon {
  width: clamp(50px, 8.22916vw, 158px);
  height: clamp(50px, 8.22916vw, 158px);
}
#index .applications .block-links-style-2 .des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0 clamp(15px, 1.302083vw, 25px) clamp(20px, 2.083vw, 40px);
  width: 100%;
}
#index .applications .block-links-style-2 .item {
  height: clamp(450px, 31.510416vw, 605px);
  overflow: hidden;
}
@media (max-width: 560px) {
  #index .applications .block-links-style-2 .item {
    height: auto;
  }
}
#index .applications .block-links-style-2 .item:hover .des {
  height: 100%;
}
#index .applications .carousel-index-app {
  position: relative;
}
#index .applications .carousel-index-app .owl-nav {
  position: absolute;
  left: 0;
  bottom: -50px;
  top: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  width: auto;
  z-index: 1;
}
#index .applications .carousel-index-app .owl-nav .owl-prev, #index .applications .carousel-index-app .owl-nav .owl-next {
  position: relative;
  top: auto;
  -webkit-transform: none;
          transform: none;
  color: red;
  font-size: 40px;
  z-index: 2;
}
#index .applications .carousel-index-app .owl-nav .owl-prev span, #index .applications .carousel-index-app .owl-nav .owl-next span {
  width: 15px;
  height: 30px;
}
#index .applications .carousel-index-app .owl-nav .owl-prev {
  left: 0;
}
#index .applications .carousel-index-app .owl-nav .owl-prev span {
  background-image: url("../images/icon-nav-links.svg");
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
#index .applications .carousel-index-app .owl-nav .owl-next {
  right: 0;
  margin-left: clamp(20px, 1.5625vw, 30px);
}
#index .applications .carousel-index-app .owl-nav .owl-next span {
  background-image: url("../images/icon-nav-links.svg");
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media (max-width: 1470px) {
  #index .applications {
    padding-left: max(7.5vw, 15px);
  }
  #index .applications .block-links-style-2 {
    width: clamp(92.5vw - 425px, 70.364584vw, 92.5vw - 350px);
  }
}
@media (max-width: 768px) {
  #index .applications {
    padding-left: 15px;
  }
  #index .applications .block-links-style-2 {
    width: clamp(100vw - 15px - 425px, 100vw - 15px - 22.135416vw, 100vw - 15px - 350px);
  }
}
@media (max-width: 560px) {
  #index .applications {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }
  #index .applications .content {
    width: 100%;
    margin-bottom: 20px;
  }
  #index .applications .block-links-style-2 {
    width: 100%;
  }
}
#index .company .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#index .company .image {
  width: clamp(200px, 35.15625vw, 675px);
  border-radius: clamp(15px, 15.625vw, 300px) 0 0 0;
  overflow: hidden;
}
#index .company .content {
  width: clamp(100% - 675px, 100% - 35.15625vw, 100% - 200px);
  padding-left: clamp(15px, 2.60416vw, 50px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#index .company .content .image {
  border-radius: 0;
  margin-top: auto;
  margin-bottom: clamp(15px, 1.302083vw, 25px);
  text-align: right;
  overflow: visible;
  position: relative;
  width: 100%;
}
#index .company .content .image img {
  position: relative;
  z-index: 1;
  width: clamp(350px, 24.27083vw, 466px);
  height: clamp(200px, 13.85416vw, 266px);
}
#index .company .content .image::before {
  content: "";
  background: #0D246B;
  opacity: 0.8;
  width: clamp(700px, 47.135416vw, 905px);
  width: 127%;
  height: clamp(100px, 10.677083vw, 205px);
  position: absolute;
  right: clamp(20px, 3.125vw, 60px);
  bottom: clamp(-90px, -4.687499vw, -45px);
  z-index: 1;
}
@media (max-width: 767px) {
  #index .company .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #index .company .container .image, #index .company .container .content {
    width: 100%;
  }
  #index .company .container .content {
    padding-left: 0;
    margin-top: 20px;
  }
  #index .company .container .content .image {
    margin-top: 20px;
  }
}
#index .product-list .group .col {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
@media (max-width: 767px) {
  #index .product-list .group .col {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media (max-width: 768px) {
  #index .block-links-style-2 .item {
    height: auto;
  }
}
@media (max-width: 767px) {
  #index .block-links-style-2 .item {
    margin-bottom: 4px;
  }
}

/*--------------------------------------------------------------------------*/
/*------------------------------- Products ---------------------------------*/
.pdt-sub_blownfilm .item {
  margin-bottom: clamp(20px, 3.125vw, 60px);
}
.pdt-sub_blownfilm .item .content {
  padding: clamp(15px, 1.302083vw, 25px) clamp(20px, 1.5625vw, 30px);
  background: #004E96;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 305px;
}
.pdt-sub_blownfilm .item .content span {
  display: block;
}
.pdt-sub_blownfilm .item .content span.btn {
  display: inline-block;
}
.pdt-sub_blownfilm .item .content .title {
  font-size: clamp(22px, 1.6vw, 32px);
  font-family: Arial, sans-serif;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 700;
}
.pdt-sub_blownfilm .item .content .title-sec {
  font-size: clamp(18px, 1.35416vw, 26px);
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 8px;
  font-weight: 700;
}
.pdt-sub_blownfilm .item .content .title-third {
  font-size: clamp(14px, 0.83vw, 16px);
  font-family: Arial, sans-serif;
}
.pdt-sub_blownfilm .item .content .des {
  font-family: Frutiger, Arial, sans-serif;
  margin-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.pdt-sub_blownfilm .item .content .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: auto;
}
.pdt-sub_blownfilm .item:hover .content {
  background: #444343;
}
.pdt-sub_component .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pdt-sub_component .item:not(:last-child) {
  margin-bottom: clamp(20px, 2.864583vw, 55px);
}
.pdt-sub_component .item .image {
  width: 53%;
}
.pdt-sub_component .item .image img {
  min-width: 100%;
  min-height: 100%;
}
.pdt-sub_component .item .content {
  width: 47%;
  background: #393D40;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: clamp(20px, 2.083vw, 40px) clamp(20px, 1.5625vw, 30px) clamp(15px, 1.302083vw, 25px);
}
.pdt-sub_component .item .content .title {
  font-size: clamp(22px, 1.875vw, 36px);
  font-weight: 700;
  font-family: Arial, sans-serif;
}
.pdt-sub_component .item .content .des {
  font-size: clamp(16px, 1.0416vw, 20px);
  margin-top: clamp(15px, 1.0416vw, 20px);
  font-family: Frutiger, Arial, sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.pdt-sub_component .item .content .btn-wrapper {
  text-align: right;
  margin-top: auto;
}
.pdt-sub_component .item .content .btn.border-white:hover {
  background: #0D246B;
  color: white;
}
.pdt-sub_component .item .content .btn.border-white:hover.dec-arrow::before {
  border-color: transparent transparent transparent white;
}
.pdt-sub_component .item:hover .content {
  background: #0D246B;
}
.pdt-sub_component .item:hover .btn.border-white {
  border-color: transparent;
}
@media (max-width: 767px) {
  .pdt-sub_component .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pdt-sub_component .item .image, .pdt-sub_component .item .content {
    width: 100%;
  }
}
.pdt-sub_diehead-icon .col {
  padding-bottom: clamp(15px, 1.5625vw, 30px);
}
.pdt-sub_diehead-icon .item {
  background: #E1E1E1;
  border-radius: clamp(15px, 4.427083vw, 85px) 0 0 0;
  text-align: center;
  padding: clamp(20px, 2.083vw, 40px) 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: clamp(200px, 19.27083vw, 370px);
  height: clamp(100% - 30px, 100% - 1.5625vw, 100% - 15px);
}
.pdt-sub_diehead-icon .item .icon {
  width: clamp(70px, 7.8125vw, 150px);
  height: clamp(70px, 7.8125vw, 150px);
}
.pdt-sub_diehead-icon .item .icon img {
  width: 100%;
}
.pdt-sub_diehead-icon .item .title {
  font-size: clamp(18px, 1.35416vw, 26px);
  color: #0D246B;
  font-weight: 700;
  margin-top: 15px;
}
.pdt-sub_diehead-icon .item .des {
  font-family: Frutiger, Arial, sans-serif;
  margin-top: 6px;
}
.pdt-sub_diehead-content {
  margin-right: clamp(15px, 16.6vw, 320px);
  background: #004E96;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0px clamp(20px, 3.125vw, 60px) clamp(15px, 16.6vw, 320px);
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pdt-sub_diehead-content .content {
  width: 59%;
  padding-top: clamp(20px, 3.125vw, 60px);
}
.pdt-sub_diehead-content .image {
  width: clamp(170px, 19.53125vw, 375px);
  margin-right: clamp(15px, 4.427083vw, 85px);
}
@media (max-width: 1470px) {
  .pdt-sub_diehead-content {
    margin-right: 10vw;
    padding: 0 0px clamp(20px, 3.125vw, 60px) 10vw;
  }
}
@media (max-width: 768px) {
  .pdt-sub_diehead-content {
    margin-right: 15px;
    margin-left: 15px;
    padding: 0 clamp(15px, 4.427083vw, 85px);
  }
}
@media (max-width: 767px) {
  .pdt-sub_diehead-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pdt-sub_diehead-content .content, .pdt-sub_diehead-content .image {
    width: 100%;
  }
  .pdt-sub_diehead-content .image {
    margin: 20px 0 0 0;
  }
}
.pdt-sub_diehead-list .item {
  padding: clamp(20px, 4.16vw, 80px) 0 clamp(30px, 5.2083vw, 100px);
}
.pdt-sub_diehead-list .item:nth-child(odd) {
  background: #DFEAF8;
}
.pdt-sub_diehead-list .item .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pdt-sub_diehead-list .item .title-wrapper .icon {
  width: clamp(50px, 7.2916vw, 140px);
  height: clamp(50px, 7.2916vw, 140px);
}
.pdt-sub_diehead-list .item .title-wrapper .content {
  width: clamp(100% - 140px, 100% - 7.2916vw, 100% - 50px);
  padding-left: clamp(20px, 3.125vw, 60px);
}
.pdt-sub_diehead-list .item .webeditor {
  margin-top: clamp(25px, 2.60416vw, 50px);
  font-size: clamp(16px, 1.25vw, 24px);
}

.rtl-slider-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.rtl-slider-flex .rtl-slider {
  width: 79%;
  width: min(52.7083vw, 1012px);
  height: 33.072916vw;
  height: 32.8125vw;
  position: relative;
}
.rtl-slider-flex .rtl-slider .slick-prev, .rtl-slider-flex .rtl-slider .slick-next {
  font-size: 0;
  background: #004E96;
  position: absolute;
  width: 30px;
  height: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.rtl-slider-flex .rtl-slider .slick-prev .arrow, .rtl-slider-flex .rtl-slider .slick-next .arrow {
  width: 0;
  height: 0;
  border-style: solid;
}
.rtl-slider-flex .rtl-slider .slick-prev {
  left: 0;
  right: auto;
  border-radius: 0 6px 6px 0;
}
.rtl-slider-flex .rtl-slider .slick-prev .arrow {
  border-width: 10px 10px 10px 0;
  border-color: transparent #ffffff transparent transparent;
}
.rtl-slider-flex .rtl-slider .slick-next {
  left: auto;
  right: 0;
  border-radius: 6px 0 0 6px;
}
.rtl-slider-flex .rtl-slider .slick-next .arrow {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ffffff;
}
@media (max-width: 1470px) {
  .rtl-slider-flex .rtl-slider {
    width: min(63.197278911vw, 929px);
    height: 39.387755102vw;
  }
}
@media (max-width: 768px) {
  .rtl-slider-flex .rtl-slider {
    width: min(72.135416vw, 554px);
    height: 44.921875vw;
  }
}
.rtl-slider-flex .rtl-slider-nav {
  margin-top: -2px;
  width: 18%;
  width: min(11.97916vw, 228px);
}
.rtl-slider-flex .rtl-slider-nav .rtl-slider-slide {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
  height: calc((33.072916vw - 45px) / 4);
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.rtl-slider-flex .rtl-slider-nav .rtl-slider-slide img {
  max-width: 100%;
}
@media (max-width: 1470px) {
  .rtl-slider-flex .rtl-slider-nav {
    width: min(14.421768707vw, 212px);
  }
  .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide {
    height: calc((39.387755102vw - 45px) / 4);
  }
}
@media (max-width: 768px) {
  .rtl-slider-flex .rtl-slider-nav {
    width: min(19.27083vw, 148px);
  }
  .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide {
    height: calc((44.921875vw - 30px) / 3);
  }
}
.rtl-slider-flex .thumb-prev, .rtl-slider-flex .thumb-next {
  width: 40px;
  height: 30px;
  cursor: pointer;
  background: #004E96;
  position: absolute;
  right: calc(5.98958vw - 20px);
}
.rtl-slider-flex .thumb-prev:before, .rtl-slider-flex .thumb-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
}
@media (max-width: 1470px) {
  .rtl-slider-flex .thumb-prev, .rtl-slider-flex .thumb-next {
    right: min(7.2108843535vw - 20px, 86px);
  }
}
@media (max-width: 991px) {
  .rtl-slider-flex .thumb-prev, .rtl-slider-flex .thumb-next {
    display: none !important;
  }
}
.rtl-slider-flex .thumb-prev {
  top: 1px;
  border-radius: 0 0 6px 6px;
}
.rtl-slider-flex .thumb-prev:before {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
}
.rtl-slider-flex .thumb-next {
  bottom: 17px;
  border-radius: 6px 6px 0 0;
}
.rtl-slider-flex .thumb-next:before {
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
}

.slider-wrapper {
  margin-left: -10px;
  margin-right: -10px;
}
.slider-wrapper img {
  width: 100%;
}
.slider-wrapper .slider {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.slider-wrapper .slider .slick-prev, .slider-wrapper .slider .slick-next {
  font-size: 0;
  background: #004E96;
  position: absolute;
  width: 30px;
  height: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.slider-wrapper .slider .slick-prev .arrow, .slider-wrapper .slider .slick-next .arrow {
  width: 0;
  height: 0;
  border-style: solid;
}
.slider-wrapper .slider .slick-prev {
  left: 10px;
  right: auto;
  border-radius: 0 6px 6px 0;
}
.slider-wrapper .slider .slick-prev .arrow {
  border-width: 10px 10px 10px 0;
  border-color: transparent #ffffff transparent transparent;
}
.slider-wrapper .slider .slick-next {
  left: auto;
  right: 10px;
  border-radius: 6px 0 0 6px;
}
.slider-wrapper .slider .slick-next .arrow {
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ffffff;
}
.slider-wrapper .slider-nav {
  margin-top: clamp(15px, 1.5625vw, 30px);
}
.slider-wrapper .slider-nav .slick-slide {
  padding: 0 10px;
  cursor: pointer;
}

.collapse-app .item {
  margin-bottom: clamp(12px, 1.0416vw, 20px);
}
.collapse-app .item .title {
  padding: 12px 20px 12px 60px;
  font-weight: 700;
  position: relative;
  color: white;
  background: #0D246B;
  font-size: 18px;
}
.collapse-app .item .title::after {
  content: "";
  width: clamp(20px, 1.71875vw, 33px);
  height: clamp(11px, 0.9375vw, 18px);
  background: url("../images/icon-collapse-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: 20px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.collapse-app .item .title.collapsed {
  background: #004E96;
}
.collapse-app .item .title.collapsed::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.collapse-app .item .info {
  padding: 10px 25px 20px clamp(25px, 3.125vw, 60px);
  font-family: Frutiger, Arial, sans-serif;
}
.collapse-app .item:hover .title.collapsed {
  background: #0D246B;
}

.calculator-btn {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 99;
  width: clamp(150px, 10.677083vw, 205px);
  height: clamp(125px, 8.90625vw, 171px);
}
.calculator-btn img {
  width: 100%;
}
.calculator-btn .tw, .calculator-btn .kr, .calculator-btn .vn {
  display: none;
}

.calculator {
  background: url("../images/calculator-bg.png") center center no-repeat;
  background-size: contain;
  width: 282px;
  height: 302px;
  z-index: 99;
  border: none;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.calculator .mt-05 {
  margin-top: 5px;
}
.calculator .title {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transform: scale(0.83);
          transform: scale(0.83);
  text-align: center;
  padding-top: 16px;
  line-height: 1.2;
}
.calculator .des {
  color: #6D6C6C;
  text-align: center;
  font-size: 12px;
  padding: 20px 25px 10px;
  line-height: 1.2333333333;
}
.calculator .form-group {
  padding: 0 40px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.calculator .form-group .form-label {
  width: 60px;
  height: 30px;
  background: url("../images/calculator-form-label-bg.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  -webkit-transform: scale(0.83);
          transform: scale(0.83);
  color: white;
}
.calculator .form-group .form-control {
  height: 30px;
  width: calc(100% - 60px);
  background: url("../images/calculator-form-control-bg.jpg") right center;
  border-radius: 0;
  font-size: 16px;
  color: #989898;
}
.calculator .form-group .form-control + .unit {
  position: absolute;
  top: 50%;
  right: 50px;
  -webkit-transform: translateY(calc(-50% - 4px));
          transform: translateY(calc(-50% - 4px));
  font-size: 16px;
  color: #989898;
}
.calculator .form-group .btn_submit {
  width: 200px;
  height: 32px;
  background: url("../images/calculator-btn.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  color: white;
  font-size: 16px;
  font-weight: 700;
  background-position: center;
}
.calculator .form-group .sm {
  font-size: 10px;
}
.calculator .material-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.calculator .material-radio-group .btn {
  background: url("../images/calculator-btn-s.png") center center no-repeat;
  width: 62.4px;
  height: 32.4px;
  border-radius: 6.8px;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  padding: 0;
  color: #6D6C6C;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calculator .material-radio-group .btn:hover, .calculator .material-radio-group .btn.active {
  background: url("../images/calculator-btn-s-hover.png") center center no-repeat;
  color: white;
}
.calculator .material-radio {
  position: relative;
}
.calculator .material-radio[type=radio] {
  position: absolute;
  opacity: 0;
}
.calculator .material-radio[type=radio] + .btn {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.calculator .material-radio + .btn {
  cursor: pointer;
}
.calculator .material-radio[class=material-radio]:hover + .btn, .calculator .material-radio[class=material-radio]:checked + .btn, .calculator .material-radio[class=material-radio]:focus + .btn {
  background: url("../images/calculator-btn-s-hover.png") center center no-repeat;
  color: white;
}

#product_i_component main .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#product_i_component main .wrapper .slider-wrapper, #product_i_component main .wrapper .webeditor {
  width: clamp((100% - 20px) / 2, (100% - 3.125vw) / 2, (100% - 60px) / 2);
}
@media (max-width: 767px) {
  #product_i_component main .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #product_i_component main .wrapper .slider-wrapper {
    width: calc(100% + 20px);
  }
  #product_i_component main .wrapper .webeditor {
    width: 100%;
  }
}
#product_i_component main.main {
  overflow: visible;
}
#product_i_component main.main .slider-wrapper {
  position: sticky !important;
  top: clamp(60px, 5.2083vw + 20px, 120px);
}
@media (max-width: 991px) {
  #product_i_component main.main .slider-wrapper {
    top: 85px;
  }
}
@media (max-width: 767px) {
  #product_i_component main.main .slider-wrapper {
    position: relative !important;
    top: 0;
  }
}

#products_sub_diehead .modal-dialog {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 500px) {
  #products_sub_diehead .modal-dialog {
    height: calc(100vh - 1.75rem - 1.75rem);
  }
}

/*--------------------------------------------------------------------------*/
/*----------------------------- Applications -------------------------------*/
.applications-icon-list .image-content {
  position: relative;
  margin-bottom: clamp(20px, 2.083vw, 40px);
  background-size: cover;
  display: block;
}
.applications-icon-list .image-content:before {
  content: "";
  background: #0D246B;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.applications-icon-list .image-content .content {
  position: relative;
  z-index: 2;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(20px, 2.864583vw, 55px) 10px clamp(15px, 1.0416vw, 20px);
}
.applications-icon-list .image-content .content .icon {
  width: clamp(80px, 6.77083vw, 130px);
  height: clamp(80px, 6.77083vw, 130px);
}
.applications-icon-list .image-content .content .icon img {
  width: 100%;
}
.applications-icon-list .image-content .content .title {
  margin-top: 15px;
  text-transform: uppercase;
  font-size: clamp(18px, 1.5625vw, 30px);
}
.applications-icon-list .image-content:hover:before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(11, 49, 132, 0.95)), color-stop(60%, rgb(11, 49, 132)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 10%, rgba(11, 49, 132, 0.95) 50%, rgb(11, 49, 132) 60%);
  mix-blend-mode: multiply;
}
@media (max-width: 767px) {
  .applications-icon-list .image-content .content {
    padding: 30px 20px;
  }
}

.application_i-content .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.application_i-content .title-wrapper .icon {
  width: clamp(80px, 8.3vw, 160px);
  height: clamp(80px, 8.3vw, 160px);
}
.application_i-content .title-wrapper .content {
  width: clamp(100% - 160px, 100% - 8.3vw, 100% - 80px);
  padding-left: clamp(20px, 3.125vw, 60px);
}
.application_i-content .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.application_i-content .webeditor {
  width: clamp(100% - 390px, 100% - 20.3125vw, 100% - 260px);
  font-size: clamp(16px, 1.35416vw, 26px);
  padding-right: clamp(20px, 4.16vw, 80px);
}
.application_i-content .contact-card {
  width: clamp(260px, 20.3125vw, 390px);
  background: #E8E8E9;
  border-radius: clamp(15px, 7.552083vw, 145px) 0 0 0;
  padding: clamp(20px, 2.34375vw, 45px) 25px 20px;
}
@media (max-width: 560px) {
  .application_i-content .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .application_i-content .webeditor, .application_i-content .contact-card {
    width: 100%;
  }
  .application_i-content .contact-card {
    margin-top: 15px;
  }
}

#applications .applications-info-list .item {
  padding: clamp(25px, 3.64583vw, 70px) 0;
}
#applications .applications-info-list .item .info .des {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#applications .applications-info-list .item .image-content {
  height: 100%;
  margin-bottom: 0;
}
#applications .applications-info-list .item .image-content::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(11, 49, 132, 0.95)), color-stop(60%, rgb(11, 49, 132)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(11, 49, 132, 0.95) 50%, rgb(11, 49, 132) 60%);
  mix-blend-mode: multiply;
  height: 45%;
}
#applications .applications-info-list .item .image-content .content {
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: clamp(20px, 2.864583vw, 55px) 10px 23%;
}
#applications .applications-info-list .item .image-content .content .icon {
  width: clamp(80px, 8.3vw, 160px);
  height: clamp(80px, 8.3vw, 160px);
}
#applications .applications-info-list .item .image-content .content .title {
  font-size: clamp(22px, 1.875vw, 36px);
}
#applications .applications-info-list .item .image-content:hover::before {
  width: 90%;
  height: 90%;
  bottom: 5%;
  left: 5%;
  background: #004E96;
}
#applications .applications-info-list .item:nth-child(odd) {
  background: #DFEAF8;
}
#applications .applications-info-list .item:nth-child(odd) .info {
  margin-right: 25px;
}
#applications .applications-info-list .item:nth-child(odd) .image-content {
  margin-left: 25px;
}
#applications .applications-info-list .item:nth-child(even) .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#applications .applications-info-list .item:nth-child(even) .info {
  margin-left: 25px;
}
#applications .applications-info-list .item:nth-child(even) .image-content {
  margin-right: 25px;
}
@media (max-width: 991px) {
  #applications .applications-info-list .item .info, #applications .applications-info-list .item .image-content {
    width: 100% !important;
  }
  #applications .applications-info-list .item .info {
    margin-left: 0px !important;
    margin-bottom: 20px;
  }
  #applications .applications-info-list .item .image-content {
    margin-left: 0px !important;
    min-height: 350px;
  }
  #applications .applications-info-list .item .image-content .content {
    padding: 20px 10px 10%;
  }
}

/*--------------------------------------------------------------------------*/
/*--------------------------------- Media ----------------------------------*/
#media .load-item .item {
  margin-bottom: clamp(20px, 3.125vw, 60px);
}

#news_i .webeditor img {
  max-width: 100%;
}

/*--------------------------------------------------------------------------*/
/*------------------------------- Contact ----------------------------------*/
.inquiry .table thead tr th, .inquiry .table thead tr td, .inquiry .table tbody tr th, .inquiry .table tbody tr td {
  padding: max(1.0416vw, 8px) max(1.302083vw, 8px);
  color: #231815;
  background: white;
}
.inquiry .table thead tr th:nth-child(1), .inquiry .table thead tr td:nth-child(1), .inquiry .table tbody tr th:nth-child(1), .inquiry .table tbody tr td:nth-child(1) {
  width: 10%;
  padding-left: max(2.60416vw, 15px);
}
@media screen and (max-width: 767px) {
  .inquiry .table thead tr th:nth-child(1), .inquiry .table thead tr td:nth-child(1), .inquiry .table tbody tr th:nth-child(1), .inquiry .table tbody tr td:nth-child(1) {
    width: 17%;
  }
}
.inquiry .table thead tr th:nth-child(2), .inquiry .table thead tr td:nth-child(2), .inquiry .table tbody tr th:nth-child(2), .inquiry .table tbody tr td:nth-child(2) {
  width: 40%;
}
.inquiry .table thead tr th:nth-child(4), .inquiry .table thead tr td:nth-child(4), .inquiry .table tbody tr th:nth-child(4), .inquiry .table tbody tr td:nth-child(4) {
  width: 10%;
  padding-right: max(2.60416vw, 15px);
}
@media screen and (max-width: 767px) {
  .inquiry .table thead tr th:nth-child(4), .inquiry .table thead tr td:nth-child(4), .inquiry .table tbody tr th:nth-child(4), .inquiry .table tbody tr td:nth-child(4) {
    width: 17%;
  }
}
.inquiry .table thead tr th, .inquiry .table thead tr td {
  border-bottom: 4px solid #004E96;
}
.inquiry .table tbody tr th, .inquiry .table tbody tr td {
  border-bottom: 4px solid #727171;
}
.inquiry .delete {
  width: max(1.4583vw, 15px);
  height: max(1.4583vw, 15px);
  border: 1px solid #231815;
  border-radius: 100%;
  position: relative;
  background: transparent;
}
.inquiry .delete::after {
  content: "";
  width: max(1.4583vw - 6px, 13px);
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #231815;
}
.inquiry .delete:hover {
  border: 1px solid #004E96;
}
.inquiry .delete:hover::after {
  background: #004E96;
}

.form-contact-wrapper {
  background: #8C9192;
  padding: 20px 30px 30px;
}

.form-contact {
  margin-top: 30px;
}
.form-contact .form-group {
  margin-bottom: 25px;
}
.form-contact .form-group .form-label {
  min-width: clamp(135px, 8.59375vw, 165px);
  margin-bottom: 0;
  color: white;
  padding-right: 15px;
  padding-top: 5px;
}
.form-contact .form-group .mt-checkbox {
  color: white;
}
.form-contact .form-group .form-control {
  width: clamp(100% - 165px, 100% - 8.59375vw, 100% - 135px);
  font-size: max(1.35416vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}
.form-contact .form-group input.form-control, .form-contact .form-group select.form-control {
  height: clamp(40px, 3.125vw, 60px);
}
.form-contact .form-group.security .form-label {
  width: clamp(135px, 8.59375vw, 165px);
  padding-right: 5px;
}
.form-contact .form-group.security .security-group {
  width: clamp(100% - 165px, 100% - 8.59375vw, 100% - 135px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 560px) {
  .form-contact .form-group.security .security-group {
    width: 100%;
  }
}
.form-contact .form-group.security .security-group .form-control {
  width: clamp(100px, 16.6vw, 320px);
  width: calc(100% - 120px);
}
.form-contact .form-group.security .security-group .verify-code {
  margin-left: 20px;
}
.form-contact .form-group.security .security-group #msg_code {
  font-size: clamp(16px, 1.35416vw, 26px);
  margin-top: clamp(10px, 1.0416vw, 20px);
}
.form-contact .form-group.checkbox .form-label {
  min-width: clamp(180px, 11.4583vw, 220px);
}
.form-contact .form-group.checkbox .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5px;
}
.form-contact .form-group.checkbox .checkbox-group .item {
  margin-right: 20px;
}
.form-contact .form-group.checkbox .checkbox-group .mt-checkbox {
  padding-left: 22px;
}
.form-contact .form-group.checkbox .checkbox-group .mt-checkbox .form-control {
  width: 15px !important;
  height: 15px !important;
  padding: 0;
  border: 1px solid #333;
}
@media (max-width: 767px) {
  .form-contact .form-group.checkbox .checkbox-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form-contact .form-group.checkbox .checkbox-group .item {
    margin-bottom: 10px;
  }
}
@media (max-width: 560px) {
  .form-contact .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form-contact .form-group .form-label, .form-contact .form-group .form-control, .form-contact .form-group .security-group {
    width: 100%;
  }
  .form-contact .form-group .form-label {
    margin-bottom: 10px;
  }
  .form-contact .form-group .security-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-contact .form-group .btn-group {
    width: 100%;
    margin-top: 20px;
  }
}
.form-contact .group {
  margin-left: clamp(-35px, -1.822916vw, -8px);
  margin-right: clamp(-35px, -1.822916vw, -8px);
}
.form-contact .group .col {
  padding-left: clamp(8px, 1.822916vw, 35px);
  padding-right: clamp(8px, 1.822916vw, 35px);
}
.form-contact .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-contact .btn-wrapper .btn {
  padding: 10px 15px;
  display: inline-block;
}
.form-contact .btn-wrapper .btn:hover {
  opacity: 0.8;
}
.form-contact .btn-wrapper .btn.send {
  background: #004E96;
  color: white;
  margin-right: 10px;
}
.form-contact .btn-wrapper .btn.reset {
  background: white;
  color: #231815;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1024px) {
  .btn-group {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.btn-group .reset, .btn-group .submit {
  background: #0D246B;
  color: white;
  text-align: center;
  height: clamp(40px, 3.125vw, 60px);
  width: clamp(90px, 7.03125vw, 135px);
  width: 135px;
}

#contact .nav-style .item .dropdown-toggle::after {
  display: none;
}
#contact .nav-style .item .link {
  padding: 15px 20px;
  cursor: pointer;
}
#contact .nav-style .item .link svg {
  fill: white;
}
#contact .nav-style .item .link.bg-lightblue {
  background: #00A0CA;
  color: white;
}
#contact .nav-style .item .link.bg-blue {
  background: #004E96;
  color: white;
}
#contact .nav-style .item .link.active, #contact .nav-style .item .link:hover {
  background: #F5F7FA;
  color: #0D246B;
}
#contact .nav-style .item .link.active svg, #contact .nav-style .item .link:hover svg {
  fill: #0D246B;
  -webkit-transform: rotate(0deg) translateY(-2px);
          transform: rotate(0deg) translateY(-2px);
}
#contact .nav-style .item .dropdown-menu {
  min-width: auto;
  border-radius: 0;
  border-top: 1px solid #231815;
  padding: 0;
  margin: 0;
}
#contact .nav-style .item .dropdown-menu .dropdown-item {
  min-width: 100%;
  display: block;
  padding: 15px 20px 15px clamp(45px, 1.5625vw + 30px, 60px);
  background: #F5F7FA;
  color: #0D246B;
  margin-bottom: 2px;
  text-align: left;
}
#contact .nav-style .item .dropdown-menu .dropdown-item:hover {
  color: white;
  background: #444343;
}
@media (max-width: 560px) {
  #contact .nav-style .item .dropdown-menu {
    min-width: 100%;
  }
}
#contact .nav-style .item .dropdown.show .link {
  background: #F5F7FA;
  color: #0D246B;
}
#contact .nav-style .item .dropdown.show .link svg {
  fill: #0D246B;
  -webkit-transform: rotate(0deg) translateY(-2px);
          transform: rotate(0deg) translateY(-2px);
}
#contact .form-contact-wrapper {
  padding-top: clamp(25px, 2.60416vw, 50px);
  background: #ECF1F7;
}
#contact .form-contact-wrapper .form-contact .form-group .mt-checkbox, #contact .form-contact-wrapper .form-contact .form-group .form-label {
  color: #000000;
}
#contact .gm-style-iw-chr {
  position: absolute;
  top: clamp(8px, 2.083vw - 12px, 28px);
  right: clamp(5px, 2.083vw - 9px, 23px);
}
#contact .gm-style .gm-style-iw-c {
  padding: 0;
  padding: clamp(20px, 2.083vw, 40px) clamp(15px, 1.822916vw, 35px) !important;
  border-radius: 0;
  background: #ECF1F7;
}
#contact .gm-style .gm-style-iw-d {
  overflow: auto !important;
  font-family: font-Frutiger, Arial, sans-serif;
}
#contact .gm-style .gm-style-iw-d .title {
  font-size: clamp(20px, 1.6vw, 32px);
  color: #00A0CA;
  font-weight: 700;
  padding-right: 30px;
}
#contact .gm-style .gm-style-iw-d .member-list {
  margin-top: clamp(20px, 1.302083vw, 25px);
}
#contact .gm-style .gm-style-iw-d .member-list li:not(:last-child) {
  margin-bottom: clamp(15px, 2.60416vw, 50px);
}
#contact .gm-style .gm-style-iw-d .member-list li .m-title {
  font-size: clamp(16px, 1.0416vw, 20px);
  font-weight: 700;
  color: #231815;
}
#contact .gm-style .gm-style-iw-d .member-list li .content {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contact .gm-style .gm-style-iw-d .member-list li .content .image {
  width: clamp(100px, 8.177083vw, 157px);
}
#contact .gm-style .gm-style-iw-d .member-list li .content .image img {
  width: 100%;
}
#contact .gm-style .gm-style-iw-d .member-list li .content .info {
  width: clamp(250px, 27.083vw, 520px);
  padding-left: clamp(20px, 1.5625vw, 30px);
  font-size: 1rem;
  line-height: 1.7;
}
#contact .gm-style .gm-style-iw-d .member-list li .content .info strong {
  font-weight: 700;
}

.gm-ui-hover-effect > span {
  -webkit-mask-image: none !important;
          mask-image: none !important;
  background: url("../images/btn-close.svg") center center no-repeat;
  background-size: contain;
}

/*--------------------------------------------------------------------------*/
/*---------------------------------- About ---------------------------------*/
.about-list .item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-list .item .content .image {
  width: clamp(300px, 39.322916vw, 755px);
}
.about-list .item .content .webeditor {
  width: clamp(100% - 755px, 100% - 39.322916vw, 100% - 300px);
}
.about-list .item:nth-child(odd) .content .webeditor {
  padding-right: clamp(20px, 4.16vw, 80px);
}
.about-list .item:nth-child(even) .content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.about-list .item:nth-child(even) .content .webeditor {
  padding-left: clamp(20px, 4.16vw, 80px);
}
.about-list .item:not(:last-child) {
  margin-bottom: clamp(20px, 3.125vw, 60px);
}
@media (max-width: 768px) {
  .about-list .item .content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .about-list .item .content .image, .about-list .item .content .webeditor {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .about-list .item .content .image {
    margin-top: 20px;
  }
}

.history {
  background: #004E96;
  color: white;
}
.history .slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history .slider-nav::before {
  content: "";
  position: absolute;
  width: 100%;
  top: clamp(43.2px, 2.60415vw - 2.5px + 0.57293vw, 58.5px);
  height: 5px;
  background: white;
  z-index: 0;
}
@media (max-width: 768px) {
  .history .slider-nav::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(86% - 110px);
  }
}
.history .slider-nav .item {
  width: clamp(60px, 5.2083vw, 100px);
  height: clamp(60px, 5.2083vw, 100px);
  background: #D4D4D4;
  text-align: center;
  border-radius: 100%;
}
.history .slider-nav .slick-list {
  width: 100%;
  position: relative;
  z-index: 1;
}
.history .slider-nav .slick-list .slick-slide {
  text-align: center;
  cursor: pointer;
  min-height: clamp(92px, 6.35416vw, 122px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 660px) {
  .history .slider-nav .slick-list {
    width: calc(100% - 80px);
  }
}
.history .slider-nav .year {
  background: #D4D4D4;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  width: clamp(70px, 5.2083vw, 100px);
  height: clamp(70px, 5.2083vw, 100px);
  border-radius: 100%;
  font-size: clamp(22px, 1.875vw, 36px);
  border: 3px solid transparent;
  -webkit-transform: translateY(clamp(8.2px, 0.57293vw, 11px));
          transform: translateY(clamp(8.2px, 0.57293vw, 11px));
}
.history .slider-nav .year:hover {
  background: #0D246B;
  color: white;
  border-color: white;
}
.history .slider-nav .slick-current .year {
  background: #0D246B;
  color: white;
  border-color: white;
  width: clamp(92px, 6.35416vw, 122px);
  height: clamp(92px, 6.35416vw, 122px);
  font-size: clamp(26px, 2.1875vw, 42px);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.history .slider-nav .slick-prev, .history .slider-nav .slick-next {
  font-size: 0;
  position: absolute;
  top: clamp(13.5px, 3.17708vw - 2.5px - 30px, 28.5px);
  top: 0;
  width: clamp(175px, 9.114605vw, 85px);
  width: 50px;
  height: 100%;
  background-size: contain;
  cursor: pointer;
  z-index: 999;
}
.history .slider-nav .slick-prev {
  background: url("../images/icon-h-arrow.svg") left 10px center no-repeat #004E96;
  left: clamp(-32px, -1.14586vw, -22px);
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.history .slider-nav .slick-next {
  background: url("../images/icon-h-arrow.svg") left 5px center no-repeat #004E96;
  right: clamp(-32px, -1.14586vw, -22px);
}
.history .slider-nav .slick-next::before {
  content: "\f006";
}
.history .slider-for .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.history .slider-for .item .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 65%;
  margin-left: clamp(20px, 1.5625vw, 30px);
}
.history .slider-for .item .image img {
  max-height: clamp(156px, 13.385416vw, 257px);
  width: 100%;
}
.history .slider-for .item .info {
  max-width: 50%;
}
@media screen and (max-width: 767px) {
  .history .slider-for .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history .slider-for .item .image, .history .slider-for .item .info {
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .history .slider-for .item .image {
    margin-left: 0;
    margin-top: 15px;
  }
  .history .slider-for .item .info {
    padding-left: 0;
    margin-top: 15px;
  }
  .history .slider-for .item .info .text-right {
    text-align: left;
  }
}

.about-content {
  margin-right: clamp(15px, 12.239585vw, 220px);
  background: #B3B3B4;
  border-radius: 0 clamp(15px, 11.4583vw, 220px) 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: clamp(20px, 3.125vw, 60px) clamp(15px, 4.6875vw, 90px) clamp(20px, 3.125vw, 60px) clamp(15px, 16.6vw, 320px);
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.about-content .content {
  width: 51%;
}
.about-content .image {
  width: clamp(200px, 27.60416vw, 530px);
}
@media (max-width: 1470px) {
  .about-content {
    margin-right: 10vw;
    padding-left: 10vw;
  }
}
@media (max-width: 1024px) {
  .about-content {
    margin-right: 15px;
    padding-left: 15px;
  }
  .about-content .content {
    width: clamp(100% - 530px, 100% - 27.60416vw, 100% - 200px);
  }
}
@media (max-width: 767px) {
  .about-content {
    margin-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-content .content, .about-content .image {
    width: 100%;
  }
}

.about-worldwide {
  padding-top: clamp(80px, 8.3vw, 160px);
  padding-bottom: clamp(100px, 17.96875vw, 345px);
  background: url("../images/ab5.png") center center no-repeat;
  background-size: 85%;
}
.about-worldwide .content {
  background: rgba(255, 255, 255, 0.75);
  padding: clamp(20px, 1.822916vw, 35px) clamp(20px, 1.822916vw, 35px) 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-worldwide .content .image {
  width: clamp(300px, 38.02083vw, 730px);
}
.about-worldwide .content .info {
  width: clamp(100% - 730px, 100% - 38.02083vw, 100% - 300px);
  padding-left: clamp(15px, 2.34375vw, 45px);
}
@media (max-width: 1360px) {
  .about-worldwide {
    padding-bottom: clamp(100px, 9vw, 345px);
  }
}
@media (max-width: 768px) {
  .about-worldwide {
    padding-bottom: 20px;
  }
  .about-worldwide .content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .about-worldwide .content .image, .about-worldwide .content .info {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .about-worldwide .content .info {
    margin-top: 20px;
  }
}