@charset "utf-8";
  
/* main-nav-container */
body.main-nav__active {
  overflow: hidden;
}
.main-nav-container {
  position: fixed;
  right: 0;
  top: 6rem;
  bottom: 0;
  width: 100%;
  height: 1px;
  padding-bottom: 7.8rem;
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-20%);
     -moz-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
          transform: translateY(-20%);
  background-color: rgba(80, 118, 255, 1);
  /* background: linear-gradient(180deg, rgba(80, 118, 255, 1) 0.13%, rgba(53, 105, 255, 1) 98.43%) */
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
     -moz-transition:    -moz-transform 0.4s, opacity 0.4s;
      -ms-transition:     -ms-transform 0.4s, opacity 0.4s;
          transition:         transform 0.4s, opacity 0.4s;
}
@media screen and (min-width: 560px) {
  .main-nav-container {
    padding-bottom: 6.2rem;
  }
}
  html[lang=en] .main-nav-container {
    padding-bottom: 9rem;
  }
  @media screen and (min-width: 560px) {
    html[lang=en] .main-nav-container {
      padding-bottom: 6rem;
    }
  }
  body.main-nav__active .main-nav-container {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  body.btm-cookies .main-nav-container {
    padding-bottom: 16rem;
  }
  @media screen and (min-width: 394px) {
    body.btm-cookies .main-nav-container {
      padding-bottom: 14rem;
    }
  }
  @media screen and (min-width: 560px) {
    body.btm-cookies .main-nav-container {
      padding-bottom: 12.4rem;
    }
  }
  html[lang=en] body.btm-cookies .main-nav-container {
    padding-bottom: 20.5rem;
  }
  @media screen and (min-width: 334px) {
    html[lang=en] body.btm-cookies .main-nav-container {
      padding-bottom: 17.2rem;
    }
  }
  @media screen and (min-width: 486px) {
    html[lang=en] body.btm-cookies .main-nav-container {
      padding-bottom: 15.1rem;
    }
  }
  @media screen and (min-width: 560px) {
    html[lang=en] body.btm-cookies .main-nav-container {
      padding-bottom: 12.2rem;
    }
  }
  @media screen and (min-width: 768px) {
    .main-nav-container {
      top: 9.8rem;
    }
  }

  .main-nav-container a {
    position: relative;
    color: #FFFFFF;
    text-decoration: none;
  }
    .main-nav-container nav.main {
      height: 100%;
      overflow: auto;
    }
  .main-nav-container nav.main>ul.item-list {
    margin-bottom: 3rem;
  }
  .main-nav-container nav.main>ul.item-list>li {
    -webkit-transition: height 0.4s;
       -moz-transition: height 0.4s;
        -ms-transition: height 0.4s;
            transition: height 0.4s;
  }
  .main-nav-container nav.main>ul.item-list>li>a {
    padding: 0.8em 1.2em;
    border: solid rgba(249, 250, 255, 0.5);
    border-width: 0 0 1px 0;
    background-color: rgba(80, 118, 255, 1);
  }
    .main-nav-container nav.main>ul.item-list>li>ul.item-list {
      width: 100%;
      padding-top: 0.6em;
      padding-bottom: 0.6em;
      background-color: rgba(9, 57, 157, 1);
    }
    .main-nav-container nav.main>ul.item-list>li>ul.item-list>li>a {
      padding: 0.6em 2.2em;
      /* -webkit-transition: -webkit-transform 0.15s;
         -moz-transition:    -moz-transform 0.15s;
          -ms-transition:     -ms-transform 0.15s;
              transition:         transform 0.15s; */
    }
    .main-nav-container nav.main>ul.item-list>li>ul.item-list>li>a:active,
    .main-nav-container nav.main>ul.item-list>li>ul.item-list>li>a:focus,
    html.device__android .main-nav-container nav.main>ul.item-list>li>ul.item-list>li>a:hover,
    html.device__iphone .main-nav-container nav.main>ul.item-list>li>ul.item-list>li>a:hover,
    html.device__ipad .main-nav-container nav.main>ul.item-list>li>ul.item-list>li>a:hover {
      opacity: 0.7;
      -webkit-transform: translate(2px, 2px);
         -moz-transform: translate(2px, 2px);
          -ms-transform: translate(2px, 2px);
              transform: translate(2px, 2px);
    }
    .main-nav-container li.have-child {
      position: relative;
      overflow: hidden;
    }
    .main-nav-container li.have-child>a::before,
    .main-nav-container li.have-child>a::after {
      content: '';
      position: absolute;
      overflow: hidden;
      background-color: #FFFFFF;
    }
    .main-nav-container li.have-child>a::before {
      right: 1.8rem;
      top: 2.6rem;
      width: 1.4rem;
      height: 2px;
    }
    .main-nav-container li.have-child>a::after {
      right: 2.4rem;
      top: 2rem;
      width: 2px;
      height: 1.4rem;
    }
      .main-nav-container li.have-child.active>a::after {
        display: none;
      }
      .main-nav-container li.have-child>ul.item-list {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
      }
      .main-nav-container li.have-child.active{
        z-index: 1;
      }

/* cta container */
.cta.container {
  color: #FFFFFF;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  background-color: #1251D2;
  min-height: 24rem;
}
  .cta.container h2 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cta.container .s2 picture {
    width: 100%;
    display: block;
    margin-bottom: -4.5rem;
  }
    .cta.container .s2 picture img {
      width: 100%;
      max-width: 50rem;
      margin: 0 auto;
      padding-left: 4rem;
    }
  @media screen and (min-width: 768px) {
    .cta.container {
      text-align: center;
    }
    .cta.container .row {
      display: flex;
    }
    .cta.container .col {
      float: none;
      margin-top: 0;
      flex: 1 0 auto;
    }
    .cta.container .s1.col {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .cta.container .s2 picture {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      margin-top: -4rem!important;
      height: calc(100% + 8.5rem);
    }
    .cta.container .s2 picture img {
      max-width: 42rem;
      padding-left: 0rem;
    }
  }
  @media screen and (min-width: 1260px) {
    .cta.container .inner {
        max-width: 960px;
    }
  }

/* footer */
footer.main {
  width: 100%;
  min-height: 32rem;
  font-size: 1.6rem;
  text-align: center;
  padding-bottom: 7rem;
}
  @media screen and (max-width: 559.98px) {
    footer.main {
      padding-bottom: 8.6rem;
    }
  }
  @media screen and (min-width: 960px) {
    footer.main {
      padding-bottom: 0;
    }
  }
  footer.main a {
    text-decoration: none;
  }
  footer.main a:hover {
    text-decoration: underline;
  }
  footer.main .warning .inner,
  footer.main .copryright.inner,
  footer.main .logo.inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  footer.main .inner>*:first-child {
    margin-top: 0!important;
  }
  footer.main .copryright.inner .loan_ex{
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #666666;
  }
  footer.main .copryright.inner .loan_ex ol{
    max-width: 50rem;
    padding-left: 2rem;
    display: inline-block;
    text-align: left;
  }
  html[lang=en] footer.main .copryright.inner .loan_ex ol{
    max-width: 70rem;
  }
  footer.main .copryright.inner .loan_ex ol ul{
    list-style-type: disc;
  }

  footer.main .contact_logo_links.container {
    text-align: left;
    padding: 4.5rem 3rem;
    /* padding-top: 5rem;
    padding-bottom: 5rem; */
    border: solid #6A86FF;
    border-width: 4px 0 0 0;
  }
    @media screen and (max-width: 767.98px) {
      .contact_logo.col {
        display: none;
      }
    }
    .contact_logo.col .contact h5 {
      color: #09399D;
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 1.1;
      margin-top: 3rem;
    }
    .contact_logo.col .contact a.tele {
      color: #0D144D!important;
      font-size: 5.7rem;
      font-weight: 700;
      line-height: 1.1;
    }
      html[lang=en] .contact_logo.col .contact a.tele {
        font-size: 5.2rem;
      }
      .contact_logo.col .contact a.tele:hover,
      .contact_logo.col .contact a.tele:focus {
        text-decoration: none;
      }
    .contact_logo.col .contact>*:first-child {
      margin-top: 0!important;
    }
    .contact_logo.col .logo {
      margin-top: 0!important;
    }
      @media screen and (min-width: 768px) {
        footer.main .contact_logo.col {
          width: 43%;
        }
        footer.main .footer_links.col {
          width: 57%;
        }
        .contact_logo.col .logo {
          margin-top: 2.6rem!important;
        }
      }
      @media screen and (min-width: 880px) {
        footer.main .contact_logo.col {
          width: 38%;
        }
        footer.main .footer_links.col {
          width: 62%;
        }
      }
      @media screen and (min-width: 1012px) {
        footer.main .contact_logo.col {
          width: 32%;
        }
        footer.main .footer_links.col {
          width: 68%;
        }
      }
    footer.main .logo .s2 {
      margin-left: 2rem;
    }
  footer.main .footer_links {
    margin-top: 0!important;
    display: flex;
  }
    @media screen and (min-width: 768px) {
      footer.main .footer_links {
        padding-left: 3rem!important;
        border: solid rgba(31, 104, 245, 0.05);
        border-width: 0 0 0 2px;
      }
    }
  footer.main nav.footer_links a {
    color: #0D144D;
    line-height: 1.2;
  }
  nav.footer_links>.col_inner {
    width: 50%;
  }
  nav.footer_links>.col_inner>ul.item-list {
    width: 100%;
    padding-right: 2rem;
  }
    nav.footer_links>.col_inner>ul.item-list:first-child>*:first-child {
      margin-top: 0!important;
    }
    @media screen and (min-width: 960px) {
      nav.footer_links>.col_inner {
        display: flex;
      }
      nav.footer_links>.col_inner>ul.item-list {
        width: 50%;
      }
      nav.footer_links>.col_inner>ul.item-list>*:first-child {
        margin-top: 0!important;
      }
    }
    nav.footer_links>.col_inner>ul.item-list>li {
      margin-top: 2.2rem;
    }
    nav.footer_links>.col_inner>ul.item-list>li>a {
      color: #1251D2;
      font-weight: 700;
    }

    nav.footer_links>.col_inner>ul.item-list>li>ul.item-list {
      color: #1251D2;
      margin-top: 0.4rem;
    }
      nav.footer_links>.col_inner>ul.item-list>li>ul.item-list>li {
        margin-top: 0.5em;
      }

footer.main .warning {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
  background-color: #F2FAFF;
  border: solid #3569FF;
  border-width: 0 0 3px 0;
}
  footer.main .warning .inner {
    padding: 2.3rem 2rem 2.5rem 2rem;
  }
  footer.main .copryright.inner {
    padding-top: 3.4rem;
    padding-bottom: 5rem;
  }
    footer.main .copryright p:nth-of-type(2){
      margin-top: 0;
    }
    footer.main .logo.inner {
      padding: 1.6rem 0;
      margin: 0 1.2rem;
      border: solid rgba(31,104,245,0.05);
      border-width: 2px 0 0 0;
    }
    footer .footer_btm_remarks{
      color: #999999;
      font-size: 1.4rem;
      line-height: 2.4rem;
      margin-top: 2.2rem;
      margin-bottom: 2.4rem;
      max-width: 580px;
      margin: 2.2rem auto 2.4rem auto;
    }
    html[lang="en"] footer .footer_btm_remarks{
      max-width: 900px;
    }
      @media screen and (min-width: 768px) {
        footer.main .logo.inner {
          display: none;
        }
      }
    @media screen and (min-width: 768px) {
      footer.main .warning br,
      footer.main .copryright br {
        display: none;
      }
    }



/* platform specific */
/* [chrome] hide stepper for input[type=number]  */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* [firefox] hide stepper of input[type=number] */
input[type=number] {
  -moz-appearance:textfield!important;
}
/* [ie11] hide native down-arrow on <select> */
select::-ms-expand {
  display: none;
}
/* note that we don't have way to do it on common platform like chrome so     */
/* this is not a patch on IE/Firefox, it is only a partial feature            */
/* implementation. and we will make use of js keyup event to remove chinese   */
/* char after those char dropped into input field on other platform           */
html {
  scroll-behavior: smooth;
}