@charset "UTF-8";
html {
  font-size: 20px;
}
body {
  overflow-x: hidden;
}
p {
  font-size: 0.9rem;
  margin-bottom: 0px;
}
img {
  max-width: 100%;
}
.title {
  font-size: 1.8rem;
  color: #0C467C;
  font-weight: bold;
}
.content {
  color: #0C467C;
}
a.disabled {
  pointer-events: none;
  cursor: default;
}
.background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.more-btn {
  border: 3px solid #A4B1C5;
  color: #A4B1C5;
  /*
    padding: 0.5rem 1.5rem; 
    */
  width: 140px;
  text-align: center;
}
.background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.background-blue {
  background-color: #1174E8;
}
.banner_carousel .content-container {
  padding: 3rem;
}
.banner_carousel .content-container .title {
  margin-bottom: 1rem;
}
.banner_carousel .content-container .content {
  margin-bottom: 1rem;
}
.banner_carousel .content-container .more-btn {
  float: right;
  margin-bottom: 1rem;
}
.banner_carousel .carousel-container {
  position: relative;
}
.banner_carousel .carousel-container .owl-carousel {
  z-index: unset;
}
.banner_carousel .carousel-container .owl-theme .owl-nav {
  margin-top: 0px;
}
.banner_carousel .carousel-container .owl-prev {
  position: absolute;
  left: 3%;
  bottom: 25%;
  z-index: 2;
}
.banner_carousel .carousel-container .owl-next {
  position: absolute;
  right: 3%;
  bottom: 25%;
  z-index: 2;
}
.banner_carousel .carousel-container .owl-dots {
  padding-right: 5rem;
  text-align: end;
}
.banner_carousel .carousel-container .owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  margin: 3px 3px;
}
.banner_carousel .carousel-container .owl-theme .owl-dots .owl-dot.active span, .banner_carousel .carousel-container .owl-theme .owl-dots .owl-dot:hover span {
  background: #1174E8;
}
.banner_carousel .carousel-container .moving-box .blue-box {
  --width: 380px;
  position: absolute;
  left: 0;
  top: 9rem;
  background-color: #0c467cCC;
  z-index: 1;
  height: calc(100% - 10.5rem);
  width: var(--width);
  transition: all 2s;
}
.banner_carousel .carousel-container .moving-box .text-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  left: 90px;
  top: 50%;
  transition: all 2s;
  /*
                    width: 363px;
                    */
  width: 400px;
}
.banner_carousel .carousel-container .moving-box .text-box .text-chi {
  display: block;
  transition: all 2s;
  margin-bottom: 0.5rem;
  width: 100%;
}
.banner_carousel .carousel-container .moving-box .text-box .text-eng {
  display: block;
  transition: all 2s;
  width: 100%;
}
.banner_carousel .carousel-container .moving-box.move-2 .blue-box {
  left: 100%;
  translate: -100%;
}
.banner_carousel .carousel-container .moving-box.move-2 .text-box {
  left: calc(100% - 90px);
  translate: -100%;
}
.banner_carousel .carousel-container .moving-box.move-2 .text-box .text-chi {
  margin-left: 100%;
  transform: translateX(-100%);
}
.banner_carousel .carousel-container .moving-box.move-3 .blue-box {
  height: calc(50% - 1.5rem);
  width: calc(var(--width) / 380 * 600);
  top: calc(100% - 1.5rem);
  translate: 0 -100%;
}
.banner_carousel .carousel-container .moving-box.move-3 .text-box {
  top: 56%;
}
.banner_carousel .carousel-container .moving-box.move-4 .blue-box {
  top: 25%;
  height: calc(50% - 1.5rem);
}
.banner_carousel .carousel-container .moving-box.move-5 .blue-box {
  height: calc(81% - 1.5rem);
  width: calc(var(--width) / 380 * 600);
  left: 100%;
  translate: -100%;
}
.banner_carousel .carousel-container .moving-box.move-5 .text-box {
  left: unset;
  top: 35%;
  left: calc(100% - 90px);
  translate: -100%;
}
.home_block {
  margin-top: var(--block_margin_top, 8rem);
  margin-bottom: var(--block_margin_bottom, 8rem);
}
@media (max-width: 768px) {
  .home_block {
    margin-top: var(--mobile_block_margin_top, 8rem);
    margin-bottom: var(--mobile_block_margin_bottom, 8rem);
  }
}
.home_block .title {
  margin-bottom: 1.1rem;
}
.home_block .content {
  margin-bottom: 1.4rem;
}
.home_block .logo {
  margin-bottom: 1.4rem;
}
.home_block .logo img {
  max-width: 135px;
  max-height: 68px;
}
.home_block .content-container {
  position: relative;
  transform: translate(-50%);
  left: 50%;
  display: inline-block;
}
.home_news {
  color: #0C467C;
  margin-top: 150px;
  margin-bottom: 150px;
}
.home_news .blue-line {
  border-bottom: 14px solid #1174E8;
  margin-left: 2rem;
  margin-right: 2rem;
}
.home_news .content-box {
  background-color: #F3F3F3;
  padding: 0.8rem;
}
.home_news .content-box .time {
  font-size: 0.75rem;
}
.home_news .sub-content-box {
  background-color: #F3F3F3;
  border-left: 17px solid #6c7177;
  padding: 1rem;
}
.home_news .sub-content-box .time {
  font-size: 0.75rem;
}
.home_news .sub-content-box .sub-title {
  font-size: 1.2rem;
}
.home_news .home_news_carousel .home_news_carousel-image {
  aspect-ratio: 2.6666666667;
  object-fit: cover;
}
.service_link .blue-bar {
  color: #1174E8;
  /*
          padding-top: 1.75rem;
          padding-bottom: 1.75rem;
          */
  background-color: transparent;
  text-align: center;
}
.service_link .grey-bar {
  color: white;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  background-color: #6c7177;
  text-align: center;
}
.service_link .link-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.service_link .link-container .link {
  border-radius: 9px;
  width: 260px;
  height: 100px;
  color: white;
  position: relative;
}
.service_link .link-container .link .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 1.2rem;
  font-weight: bold;
}
.service_link .slogan {
  letter-spacing: 1em;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.service_link .slogan:lang(en) {
  letter-spacing: 0em;
}
.footer {
  /*
     margin-top: 130px;  
     */
}
.footer1 {
  background-color: #2E353E;
  background-color: #6c7177;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.footer1 .link-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  /*
        color:   $main-bright-blue;
        */
  color: white;
}
.footer1 .link-container .item {
  /*
             color:   $main-bright-blue;
             */
  color: white;
  font-size: 0.75rem;
  margin-right: 1.75rem;
  border-bottom: 1px solid;
  /*
             &:before{
                  content: ' • ';   
             }
             */
}
.footer1 .line {
  border-bottom: 2px solid #242932;
  border-bottom: 2px solid white;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.footer1 .footer1-item .link-title {
  color: white;
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
  display: block;
}
.footer1 .footer1-item .link {
  display: block;
  color: white;
  text-decoration: none;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.footer1 .footer1-item .link .inside-link {
  border-bottom: 1px solid;
}
.footer1 .subscribe {
  border-radius: 8px;
  font-size: 0.75rem;
  padding: 0.25rem 1rem;
  max-width: 350px;
  width: 100%;
  border-color: transparent;
}
.footer1 .subscribe-btn {
  color: #1174E8;
  background-color: white;
  border-radius: 8px;
  padding: 0.25rem 2rem;
  font-size: 0.75rem;
}
.footer2 {
  background-color: #1174E8;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
.footer2 .item {
  font-size: 0.75rem;
  color: white;
  padding-right: 2.7rem;
  text-decoration: none;
}
.footer2 .item.right {
  margin-left: auto;
}
.banner {
  overflow: hidden;
}
.banner .title {
  color: white;
  background-color: #1174e8CC;
  padding: 1.4rem 4.5rem;
  position: relative;
  bottom: 3.3rem;
  left: 6.7rem;
}
.sub_nav {
  border-bottom: 17px solid #1174E8;
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}
.sub_nav .item {
  color: #8097AC;
  margin-bottom: 0.5rem;
  text-decoration: none;
  min-width: 8rem;
  text-align: center;
}
.sub_nav .item.active {
  color: #0C467C;
}
.text_image .title {
  padding-top: 3rem;
  margin-bottom: 1rem;
}
.text_image .content {
  margin-bottom: 4rem;
}
.insurance .nav-item svg {
  margin-right: 1rem;
}
.insurance .nav-item .nav-link {
  background-color: transparent;
  color: #1174E8;
  border: 4px solid #1174E8;
  border-radius: 9px;
  width: 200px;
  height: 73px;
  text-align: center;
  padding: 0;
}
.insurance .nav-item .nav-link.active {
  background-color: #1174E8;
  color: white;
}
.insurance .nav-item .nav-link.active svg path {
  stroke: white;
}
.insurance .nav-item .nav-link.active svg .changewhite {
  fill: white;
}
.insurance .title {
  margin-top: 4rem;
  margin-bottom: 4rem;
  text-align: center;
}
.insurance .content-container {
  border: 7px solid #8097AC;
  border-radius: 8px;
  height: 14rem;
}
.insurance .content-container svg {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.insurance .content-container .insurance {
  color: #1174E8;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.insurance .content-container .content {
  font-size: 0.75rem;
  color: #0C467C;
  min-height: 4rem;
}
.insurance .content-container .content p {
  font-size: 0.75rem;
}
.editor {
  margin-top: 5rem;
}
.editor img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.team .team-title {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.team .name {
  color: white;
  border-radius: 8px;
  background-color: #1174E8;
  font-size: 1.2rem;
  padding: 0rem 2.25rem;
  display: inline-block;
  margin-bottom: 0.6rem;
}
.team .job-title {
  margin-bottom: 1rem;
}
.team img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.news {
  margin-top: -3.25rem;
  /*
    margin-bottom: -130px;
    */
}
.news .background-blue {
  margin-top: -0.1rem;
  padding-top: 0.1rem;
}
.news .year-container {
  text-align: center;
  color: white;
  position: relative;
  translate: 50% 0px;
  width: 50%;
}
.news .year-container .title-year {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.news .year-container .year {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
  position: relative;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.news .year-container .year:hover {
  scale: 1.1;
  transform-origin: left;
}
.news .year-container .year:hover:before {
  scale: 0.9090909091;
}
.news .year-container .year:before {
  content: url("data:image/svg+xml,%3Csvg width='14' height='1' viewBox='0 0 14 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H13.5' stroke='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  bottom: 5px;
}
.news .year-container .vertical-line {
  height: 100%;
  border-left: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
}
.news .year-container .line-through {
  text-decoration: line-through;
}
.news .year-blue {
  font-size: 1.8rem;
  color: #0C467C;
  margin-top: 3rem;
  margin-bottom: 1.7rem;
}
.news .news-category {
  color: white;
  font-size: 0.75rem;
  background-color: #0C467C;
  padding: 0.5rem 1.25rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.news .news-date {
  color: #8097AC;
  font-size: 0.75rem;
}
.news .news-title {
  font-size: 0.9rem;
  color: #0C467C;
}
.news .underline {
  width: 100%;
  margin-top: 1.7rem;
  padding-bottom: 1.7rem;
  border-top: 1px solid #8097AC;
}
.news .content-container {
  padding-left: 4.5rem;
  padding-bottom: 130px;
}
.newsdetail .topbar {
  max-width: 1648px;
}
.newsdetail .topbar .topbar-year {
  font-size: 1.8rem;
  color: #0C467C;
}
.newsdetail .topbar .topbar-title {
  text-align: center;
}
.newsdetail .topbar .topbar-category {
  color: white;
  font-size: 0.75rem;
  background-color: #0C467C;
  padding: 0.5rem 1.25rem;
  white-space: nowrap;
  display: inline-block;
}
.newsdetail .content {
  margin-top: 2.25rem;
  margin-bottom: 3rem;
}
.newsdetail .newsdetail-date {
  margin-bottom: 0.9rem;
  color: #0C467C;
  font-size: 0.9rem;
  float: right;
}
.newsdetail .more-btn {
  float: right;
  margin-bottom: 1rem;
}
.newsdetail .underline {
  width: 100%;
  border-bottom: 1px solid #8097AC;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}
.recruitment_description .content {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.recruitment_description .background-blue {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  width: 150%;
  position: relative;
}
.recruitment_description .background-blue .text-container {
  padding-left: 2rem;
  padding-right: 2rem;
  /*
                  width: calc( 100% * 2 / 3);
                  */
}
.recruitment_description .background-blue .text-container .title1 {
  color: white;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
}
.recruitment_description .background-blue .text-container .title2 {
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.recruitment_position .background-blue {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.recruitment_position .background-blue .title {
  color: white;
}
.recruitment_position .content {
  margin-top: 2rem;
}
.recruitment_position .position-container {
  padding-top: 2.5rem;
  padding-bottom: 4rem;
}
.recruitment_position .position-container .position {
  background-color: #F3F3F3;
  font-size: 0.9rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  color: #0C467C;
  cursor: pointer;
}
.recruitment_position .position-container .position .position-address:before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38338 15.6772C0.842813 9.09472 0 8.41915 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6C12 8.41915 11.1572 9.09472 6.61662 15.6772C6.31866 16.1076 5.68131 16.1076 5.38338 15.6772ZM6 8.5C7.38072 8.5 8.5 7.38072 8.5 6C8.5 4.61928 7.38072 3.5 6 3.5C4.61928 3.5 3.5 4.61928 3.5 6C3.5 7.38072 4.61928 8.5 6 8.5Z' fill='%230C467C'/%3E%3C/svg%3E%0A");
  margin-right: 0.5rem;
}
.recruitment_position .position-container .position .position-team:before {
  content: url("data:image/svg+xml,%3Csvg width='21' height='15' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79474 7.50001C7.48925 7.50001 8.86293 6.12634 8.86293 4.43183C8.86293 2.73732 7.48925 1.36365 5.79474 1.36365C4.10023 1.36365 2.72656 2.73732 2.72656 4.43183C2.72656 6.12634 4.10023 7.50001 5.79474 7.50001Z' fill='%230C467C'/%3E%3Cpath d='M9.28977 9.20457C8.08977 8.59519 6.76534 8.35229 5.79545 8.35229C3.89574 8.35229 0 9.51735 0 11.8466V13.6364H6.39205V12.9516C6.39205 12.1419 6.73295 11.3301 7.32955 10.6534C7.80554 10.1131 8.47202 9.61153 9.28977 9.20457Z' fill='%230C467C'/%3E%3Cpath d='M13.8079 8.86365C11.589 8.86365 7.16016 10.2341 7.16016 12.9546V15H20.4556V12.9546C20.4556 10.2341 16.0268 8.86365 13.8079 8.86365Z' fill='%230C467C'/%3E%3Cpath d='M13.8066 7.5C15.8777 7.5 17.5566 5.82107 17.5566 3.75C17.5566 1.67893 15.8777 0 13.8066 0C11.7356 0 10.0566 1.67893 10.0566 3.75C10.0566 5.82107 11.7356 7.5 13.8066 7.5Z' fill='%230C467C'/%3E%3C/svg%3E%0A");
  margin-right: 0.5rem;
}
.recruitment_position .underline {
  width: 100%;
  border-bottom: 1px solid #8097AC;
}
.contact_us.active .nav-bar .nav-container {
  height: 100%;
}
.contact_us.active .nav-bar .nav-container + .background-blue {
  top: 100%;
  translate: 0 -100%;
}
.contact_us.active .nav-bar svg {
  rotate: 180deg;
}
.contact_us .nav-bar {
  overflow: hidden;
  margin-top: -3.25rem;
  position: relative;
}
.contact_us .nav-bar svg {
  transition-duration: 1s;
}
.contact_us .nav-bar .nav-container {
  /*
             position: absolute;  
             */
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  background-color: #0c467c79;
  transition-duration: 1s;
  overflow: hidden;
}
.contact_us .nav-bar .nav-container.active {
  height: 100%;
}
.contact_us .nav-bar .nav-container.active + .background-blue {
  top: 100%;
  translate: 0 -100%;
}
.contact_us .nav-bar .nav-container .item {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #072A4A;
  padding: 0.1rem 0rem;
  width: 6rem;
  text-align: center;
}
.contact_us .nav-bar .nav-container .item.active {
  color: white;
}
.contact_us .nav-bar .nav-container .item:hover {
  background-color: #1174E8;
}
.contact_us .nav-bar .nav-container .item.en {
  width: 12rem;
}
.contact_us .nav-bar .background-blue {
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition: 1s;
}
.contact_us .nav-bar .background-blue .title {
  color: white;
  margin-right: 4rem;
}
.contact_us .selectedaddress {
  position: relative;
  box-shadow: 0px 0px 9px 3px rgba(0, 96, 186, 0.25);
  border-radius: 8px;
  padding: 3rem;
  margin-top: 4rem;
}
.contact_us .selectedaddress .address-container {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 678px;
  font-size: 0.9rem;
  color: #0C467C;
}
.contact_us .selectedaddress .address-container .address {
  margin-bottom: 1.5rem;
}
.contact_us .selectedaddress .address-container .address:before {
  vertical-align: middle;
  margin-right: 1rem;
  content: url("data:image/svg+xml,%3Csvg width='21' height='28' viewBox='0 0 21 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.42091 27.4351C1.47492 15.9158 0 14.7335 0 10.5C0 4.70099 4.70099 0 10.5 0C16.299 0 21 4.70099 21 10.5C21 14.7335 19.5251 15.9158 11.5791 27.4351C11.0576 28.1883 9.9423 28.1883 9.42091 27.4351ZM10.5 14.875C12.9163 14.875 14.875 12.9163 14.875 10.5C14.875 8.08374 12.9163 6.125 10.5 6.125C8.08374 6.125 6.125 8.08374 6.125 10.5C6.125 12.9163 8.08374 14.875 10.5 14.875Z' fill='%231174E8'/%3E%3C/svg%3E%0A");
}
.contact_us .selectedaddress .address-container .fax {
  margin-bottom: 1.5rem;
}
.contact_us .selectedaddress .address-container .fax:before {
  vertical-align: middle;
  margin-right: 1rem;
  content: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28571 1.92857C3.28571 0.863447 4.38901 0 5.75 0H17.25C18.6109 0 19.7143 0.863447 19.7143 1.92857V5.14286H18.0714V1.92857C18.0714 1.57353 17.7036 1.28571 17.25 1.28571H5.75C5.29634 1.28571 4.92857 1.57353 4.92857 1.92857V6.42857H13.964C13.4484 6.96578 13.1429 7.63354 13.1429 8.35714V16.0714C13.1429 16.795 13.4484 17.4628 13.964 18H2.46429C1.10329 18 0 17.1365 0 16.0714V9C0 7.57984 1.47106 6.42857 3.28571 6.42857V1.92857ZM5.33929 9.80357C5.33929 9.35974 4.87958 9 4.3125 9C3.74542 9 3.28571 9.35974 3.28571 9.80357C3.28571 10.2474 3.74542 10.6071 4.3125 10.6071C4.87958 10.6071 5.33929 10.2474 5.33929 9.80357ZM5.33929 12.6964C5.33929 12.2526 4.87958 11.8929 4.3125 11.8929C3.74542 11.8929 3.28571 12.2526 3.28571 12.6964C3.28571 13.1403 3.74542 13.5 4.3125 13.5C4.87958 13.5 5.33929 13.1403 5.33929 12.6964ZM8.00893 12.0536C7.44185 12.0536 6.98214 12.4133 6.98214 12.8571C6.98214 13.301 7.44185 13.6607 8.00893 13.6607C8.57601 13.6607 9.03571 13.301 9.03571 12.8571C9.03571 12.4133 8.57601 12.0536 8.00893 12.0536ZM9.03571 9.80357C9.03571 9.35974 8.57601 9 8.00893 9C7.44185 9 6.98214 9.35974 6.98214 9.80357C6.98214 10.2474 7.44185 10.6071 8.00893 10.6071C8.57601 10.6071 9.03571 10.2474 9.03571 9.80357ZM17.25 6.42857C15.8891 6.42857 14.7857 7.29202 14.7857 8.35714V16.0714C14.7857 17.1365 15.8891 18 17.25 18H20.5357C21.8967 18 23 17.1365 23 16.0714V8.35714C23 7.29202 21.8967 6.42857 20.5357 6.42857H17.25Z' fill='%231174E8'/%3E%3C/svg%3E%0A");
}
.contact_us .selectedaddress .address-container .phone {
  margin-bottom: 1.5rem;
}
.contact_us .selectedaddress .address-container .phone:before {
  vertical-align: middle;
  margin-right: 1rem;
  content: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.22479 1.96857H6.86511L8.36055 5.52972L5.95771 7.05537C5.81621 7.14528 5.7002 7.26707 5.61998 7.40992C5.53975 7.55278 5.49779 7.71229 5.49781 7.87429C5.50091 7.96682 5.49781 7.87528 5.49781 7.87528V7.89595C5.49843 7.93996 5.50049 7.98395 5.50401 8.02784C5.51022 8.10855 5.52055 8.21781 5.54019 8.35266C5.58049 8.61841 5.658 8.98457 5.80889 9.41568C6.11273 10.2819 6.70802 11.403 7.86758 12.5073C9.02714 13.6117 10.2043 14.1786 11.1127 14.468C11.5664 14.6117 11.9498 14.6846 12.2309 14.7239C12.3896 14.745 12.5493 14.7582 12.7094 14.7633L12.7229 14.7643H12.7311C12.7311 14.7643 12.8469 14.7584 12.7322 14.7643C12.924 14.7642 13.1121 14.7132 13.2753 14.6171C13.4385 14.521 13.5703 14.3835 13.6561 14.22L14.3485 12.901L18.933 13.6294V17.8815C16.7514 18.1817 10.8585 18.478 6.22848 14.0684C1.5985 9.6588 1.90854 4.04542 2.22479 1.96857ZM7.64022 8.35266L9.50771 7.16757C9.90224 6.91695 10.1943 6.54473 10.3348 6.11337C10.4754 5.682 10.4559 5.21772 10.2797 4.7984L8.78428 1.23725C8.63082 0.871985 8.36596 0.558892 8.02388 0.33836C7.6818 0.117828 7.27819 -2.63724e-05 6.86511 4.42655e-09H2.17104C1.23161 4.42655e-09 0.347987 0.621085 0.193999 1.59159C-0.157384 3.79836 -0.633818 10.3163 4.76714 15.4602C10.1681 20.6041 17.0118 20.1493 19.3289 19.8157C20.3479 19.668 21 18.8274 21 17.9327V13.6294C21.0001 13.1634 20.8265 12.7125 20.5103 12.3569C20.1941 12.0013 19.7557 11.7641 19.2731 11.6874L14.6885 10.96C14.2525 10.8907 13.8046 10.9564 13.4107 11.1473C13.0167 11.3383 12.6974 11.6445 12.4996 12.0211L12.1421 12.7032C12.0156 12.6735 11.8904 12.6391 11.7669 12.5999C11.1261 12.3971 10.2363 11.9798 9.32892 11.1155C8.42153 10.2513 7.98333 9.40387 7.77043 8.79263C7.7196 8.64814 7.67648 8.5013 7.64125 8.35266H7.64022Z' fill='%231174E8'/%3E%3C/svg%3E%0A");
}
.contact_us .selectedaddress .address-container .email {
  margin-bottom: 1.5rem;
}
.contact_us .selectedaddress .address-container .email:before {
  vertical-align: middle;
  margin-right: 1rem;
  content: url("data:image/svg+xml,%3Csvg width='22' height='15' viewBox='0 0 22 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.875C0 1.37772 0.231785 0.900805 0.644365 0.549175C1.05694 0.197544 1.61652 0 2.2 0H19.8C20.3835 0 20.9431 0.197544 21.3556 0.549175C21.7682 0.900805 22 1.37772 22 1.875V13.125C22 13.6223 21.7682 14.0992 21.3556 14.4508C20.9431 14.8025 20.3835 15 19.8 15H2.2C1.61652 15 1.05694 14.8025 0.644365 14.4508C0.231785 14.0992 0 13.6223 0 13.125V1.875ZM3.8709 1.875L11 7.19156L18.1291 1.875H3.872H3.8709ZM19.8 3.12094L11.7249 9.14344C11.5243 9.29323 11.2667 9.3758 11 9.3758C10.7333 9.3758 10.4757 9.29323 10.2751 9.14344L2.2 3.12094V13.125H19.8V3.12094Z' fill='%231174E8'/%3E%3C/svg%3E%0A");
}
.contact_us .selectedaddress .address-container .google_map iframe {
  width: 100%;
}
.contact_us .selectedaddress .selectedaddress-name {
  color: white;
  border-radius: 8px;
  text-align: right;
  padding: 0.5rem 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -50%;
  width: 300px;
}
.contact_us .selectedaddress .circle {
  position: absolute;
  right: -1.5rem;
  top: -1.5rem;
}
.contact_us .selectedaddress .circle img {
  width: 17vw;
  height: 17vw;
}
.contact_us .form {
  position: relative;
  box-shadow: 0px 0px 9px 3px rgba(0, 96, 186, 0.25);
  border-radius: 8px;
  padding: 3rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.contact_us .form .form-title {
  font-size: 1.8rem;
  color: #0C467C;
  position: relative;
}
.contact_us .form .form-title:before {
  content: url("data:image/svg+xml,%3Csvg width='93' height='86' viewBox='0 0 93 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19C0 8.50659 8.50659 0 19 0H74C84.4934 0 93 8.50659 93 19V67C93 77.4934 84.493 86 73.9996 86C54.3738 86 38.6262 86 19.0004 86C8.507 86 0 77.4934 0 67V19Z' fill='%23BADEFF'/%3E%3C/svg%3E%0A");
  position: absolute;
  z-index: -1;
  top: 0;
  left: -2rem;
  translate: 0 -15%;
}
.contact_us .form .form-container {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.contact_us .form .form-container .form-label {
  color: #0C467C;
  font-size: 0.9rem;
}
.contact_us .form .form-container .form-control {
  background-color: #F3F3F3;
  border-radius: 0px;
}
.contact_us .form .more-btn {
  background: linear-gradient(to right, #1174E8 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.1s ease;
}
.contact_us .form .more-btn:hover {
  /*
                background-color: $main-bright-blue;
                color: white;
                border-color: $main-bright-blue;
                */
  border-color: #1174E8;
  color: white;
  background-position: left bottom;
  transition: all 0.5s ease;
}
.header {
  background-color: transparent;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  padding: 0rem 3rem;
}
.header .logo .image {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 300px;
  width: 100%;
  min-width: 170px;
  padding: 10px;
  /*
             background-color: #FFF8;
             */
}
@media only screen and (max-width: 768px) {
  .header .logo .image {
    position: static;
  }
}
.header .search {
  color: white;
  font-size: 0.7rem;
  font-weight: 600;
  /*
        background-color: $main-bright-blue;
        */
  border-radius: 0px 0px 8px 8px;
  padding: 0.5rem 1.9rem;
}
.header .search .input-search {
  background-color: white;
  font-size: 0.7rem;
  color: #B3B3B3;
  width: 330px;
  border-radius: 0px;
  border-width: 0px;
  margin-left: 2rem;
  border-radius: 4px;
  padding: 0.1rem 0.5rem;
}
.header .search svg {
  margin-left: 0.5rem;
}
.header .search .lan {
  color: white;
  text-decoration: none;
}
.header .search .lan.active {
  color: black;
}
.header .search .lan:hover {
  color: black;
}
.header .search button[type="submit"] {
  background: transparent;
  border: 0px;
}
.header .login {
  color: white;
  font-size: 0.7rem;
  font-weight: 600;
  /*
        background-color: $main-bright-blue;
        */
  border-radius: 0px 0px 8px 8px;
  padding: 0.5rem 1.9rem;
  margin-left: 0.5rem;
}
.header .nav-item {
  border-radius: 8px;
}
.header .nav-item.active:after {
  content: "";
  border-bottom: 1px solid white;
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  bottom: 0rem;
  position: relative;
}
.header .nav-item.padding-blue {
  background-color: #1174E8;
}
.header .nav-item.padding-blue .nav-link:hover {
  scale: 1;
  border-radius: 8px;
  background-color: white;
  color: #1174E8;
}
.header .nav-item.forceinactive:after {
  border-bottom: 0px solid white;
}
.header .nav-link {
  color: white;
  transition: scale 0.5s;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.header .nav-link:hover {
  scale: 1.2;
}
.header .dropdown-toggle:after {
  display: none;
}
.header .dropdown-menu {
  width: 100%;
  text-align: center;
  border-radius: 0px;
  background: rgba(12, 70, 124, 0.7);
  left: 50%;
  border: 0px;
  translate: -50%;
}
.header .dropdown-menu .dropdown-item {
  color: white;
  font-size: 0.8rem;
}
.header .dropdown-menu .dropdown-item:hover {
  background-color: #072A4A;
}
.header .navbar-toggler {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
  border-color: white;
}
.csr {
  /*
    margin-bottom: -130px;
    */
}
.csr .csr_description {
  margin-bottom: 1.5rem;
  /*
        margin-top: 1.5rem;
        */
  margin-top: 0rem;
}
.csr .csr_description .background-blue {
  color: white;
  padding: 4rem 5rem 4rem 5rem;
  font-size: 0.9rem;
}
.csr .time-line .year-container {
  text-align: center;
  color: white;
  position: relative;
  translate: 50% 0px;
  width: 50%;
}
.csr .time-line .year-container .title-year {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.csr .time-line .year-container .year {
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
  position: relative;
  color: white;
}
.csr .time-line .year-container .year:before {
  content: url("data:image/svg+xml,%3Csvg width='14' height='1' viewBox='0 0 14 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H13.5' stroke='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  bottom: 5px;
}
.csr .time-line .year-container .vertical-line {
  height: 100%;
  border-left: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
}
.csr .time-line .year-container .line-through {
  text-decoration: line-through;
}
.csr .year-blue {
  font-size: 1.8rem;
  color: #0C467C;
  margin-top: 3rem;
  margin-bottom: 1.7rem;
}
.csr .csr-date {
  color: #8097AC;
  font-size: 0.75rem;
}
.csr .csr-title {
  font-size: 0.9rem;
  color: #0C467C;
}
.csr .underline {
  width: 100%;
  margin-top: 1.7rem;
  padding-bottom: 1.7rem;
  border-top: 1px solid #8097AC;
}
.csr .content-container {
  padding-left: 4.5rem;
  padding-bottom: 130px;
  margin-top: 0rem;
}
.searchresult .search-bar-container {
  position: relative;
  margin-bottom: 1rem;
}
.searchresult .search-bar-container .search-btn {
  position: absolute;
  right: 1rem;
  top: 50%;
  translate: 0 -50%;
  background-color: transparent;
  border: 0px;
}
.searchresult .search-bar {
  color: #8097AC;
  width: 100%;
  border: 0px;
  border-bottom: 5px solid #1174E8;
  font-size: 1.8rem;
  font-weight: bold;
}
.searchresult .result-length {
  color: #0C467C;
  font-size: 0.9rem;
}
.searchresult .result {
  margin-top: 3rem;
}
.searchresult .red {
  color: red;
}
.searchresult .result-container {
  backgound-color: white;
  padding: 1rem;
}
.searchresult .underline {
  margin-top: 1rem;
  margin-bottom: 1rem;
  content: "";
  width: 100%;
  border-bottom: 1px solid gray;
}
.searchresult mark {
  padding: 0;
  color: red;
  background-color: transparent;
}
.searchresult .title {
  font-size: 1rem;
}
.searchresult .category {
  color: black;
  font-size: 0.9rem;
  background-color: #c9e1ff;
  margin-right: 0.5rem;
}
.searchresult .content {
  font-size: 1rem;
}
.back-to-top {
  position: fixed;
  z-index: 1000;
  right: 60px;
  bottom: 50px;
}
#mobile-nav .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
#mobile-nav .modal-content {
  background-color: #1174E8;
  color: white;
}
#mobile-nav .modal-content .modal-header {
  border-width: 0px;
  padding: 1.5rem;
}
#mobile-nav .modal-content .nav-item {
  text-align: center;
}
#mobile-nav .modal-content .nav-item.active {
  color: black;
}
#mobile-nav .modal-content .dropdown-container {
  overflow: hidden;
  text-align: center;
  color: white;
}
#mobile-nav .modal-content .dropdown-container.show {
  height: auto !important;
}
#mobile-nav .modal-content .dropdown-container .dropdown-item.active {
  color: black;
}
#mobile-nav .modal-content .lan-container .lan {
  color: white;
  text-decoration: none;
}
#mobile-nav .modal-content .lan-container .lan.active {
  color: black;
}
#mobile-nav .modal-fullscreen {
  width: 37vw;
  min-width: 220px;
  margin-left: auto;
}
#recruitment_form {
  color: #0C467C;
  font-size: 0.9rem;
}
#recruitment_form .btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}
#recruitment_form .modal-body {
  padding: 2rem;
}
#recruitment_form input {
  color: #0C467C;
  background-color: #F3F3F3;
  border-radius: 0px;
}
#recruitment_form input.form-control-plaintext {
  background-color: transparent;
}
.popup .modal-dialog {
  pointer-events: none;
  justify-content: center;
}
.popup .modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.popup .modal-header {
  padding: 0px;
}
.popup .modal-content {
  pointer-events: auto;
  padding: 2rem;
  background: #FFFFFF;
  border: 1px solid #000000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 37px;
  max-height: 70%;
  width: auto;
}
.popup .modal-body {
  max-height: 472px;
  overflow: auto;
}
.popup .modal-title {
  font-weight: bold;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
@media (max-width: 576px) {
  .popup .modal-body img {
    height: auto !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) {
  .popup .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
}
@media (min-width: 992px) {
  .popup .modal-lg {
    max-width: 800px;
  }
}
.popup .image-top-left {
  position: absolute;
  top: -16px;
  left: -16px;
}
.popup .image-bottom-right {
  position: absolute;
  bottom: -38px;
  right: -57px;
}
.popup .modal-header {
  border-bottom: 0px;
}

@media (max-width: 1200px) {
  .header .search {
    padding: 1rem 0rem 0.5rem 0rem;
  }
  .sub_nav {
    margin-top: 0.5rem;
  }
}
@media ((min-width: 768px) and (max-width: 1200px)) {
  .recruitment_description .background-blue .text-container {
    width: calc(100%);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 992px) {
  .p-lg-relative {
    position: relative;
  }
  .banner .title {
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 15%;
  }
  .header > div {
    margin-bottom: 0px !important;
  }
  .header .logo {
    height: 100px;
  }
  .header .logo .image {
    display: block;
    padding-left: 0px;
    height: 90%;
  }
  .header .logo .image img {
    width: unset !important;
    height: 100%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 16px;
  }
  .footer .link-container {
    flex-direction: column;
  }
  .footer .link-container .item {
    width: fit-content;
  }
  .footer2 .item {
    padding-right: 0;
  }
  .footer2 .item.right {
    margin-left: unset;
  }
  .insurance .content-container {
    height: unset;
  }
  .insurance .content-container svg {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .insurance .content-container .content {
    margin-bottom: 1rem;
  }
  .banner_carousel .content-container {
    padding: 1.5rem;
  }
  .banner_carousel .background {
    background-position: 24%;
  }
  .home_block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .text_image .content {
    margin-bottom: 1.5rem;
  }
  .news .content-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .news .year-container {
    translate: none;
    width: 100%;
  }
  .csr .time-line .year-container {
    translate: none;
    width: 100%;
  }
  .csr .content-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .csr .csr_description .background-blue {
    padding: 1.5rem;
  }
  .recruitment_description .background-blue {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .recruitment_description .background-blue .text-container {
    width: 100%;
  }
  .recruitment_description .background-blue .text-container .title1 {
    text-align: left;
  }
  .banner_carousel .carousel-container .moving-box .text-box {
    width: 200px;
  }
  .banner_carousel .carousel-container .moving-box .blue-box {
    --width: 200px;
  }
  .header .search .input-search {
    width: unset;
    margin-left: 0rem;
  }
  .header .search {
    padding: 1.5rem 0rem 0.5rem 0rem;
  }
  .header svg {
    width: 20px;
    height: 20px;
  }
  .header {
    padding: 0rem 1.5rem;
  }
  .contact_us .selectedaddress .selectedaddress-name {
    width: auto;
  }
  .contact_us .nav-bar .background-blue {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .contact_us .nav-bar .nav-container .item {
    width: 100px;
  }
  .contact_us .nav-bar .nav-container .item.en {
    width: 140px;
  }
  .contact_us .selectedaddress .address-container .google_map iframe {
    height: 57vw;
  }
}
@media (max-width: 576px) {
  .header .search .input-search {
    width: 90px;
  }
}