/* line 11, ../sass/style.scss */
body {
  font-family: "Montserrat", "Microsoft JhengHei";
  font-size: 16px;
}

/* line 16, ../sass/style.scss */
h1 {
  font-size: 40px;
}

/* line 20, ../sass/style.scss */
h2 {
  font-size: 32px;
}

/* line 24, ../sass/style.scss */
h3 {
  font-size: 28px;
}

/* line 28, ../sass/style.scss */
h4 {
  font-size: 24px;
}

/* line 32, ../sass/style.scss */
h5 {
  font-size: 20px;
}

/* line 36, ../sass/style.scss */
h6 {
  font-size: 18px;
}

/* line 40, ../sass/style.scss */
a {
  color: #25598b;
}
/* line 43, ../sass/style.scss */
a:hover {
  color: #fbb03b;
  text-decoration: none;
}

/* line 51, ../sass/style.scss */
.content-section:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1000px;
  width: 100%;
  background-image: url(../images/bg-bottom-blue1.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
}
/* line 63, ../sass/style.scss */
.content-section:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  max-width: 100%;
  width: 100%;
  display: block;
  border-color: white transparent transparent transparent;
  border-width: 1001px 0 0 1150px;
  border-style: solid;
  transition: all 0.5s;
}

/* line 80, ../sass/style.scss */
.banner-section {
  background-image: url("../images/banner1.jpg");
  background-repeat: no-repeat;
  background-position: right;
}

/* line 86, ../sass/style.scss */
.bg-default-color {
  background-color: #25598b;
}

/* line 90, ../sass/style.scss */
.btn-default {
  background-color: #fbb03b;
  padding: 0px;
  width: 100%;
  border: none;
  border-radius: 50px;
  font-size: 27px;
  line-height: 70px;
  transition: all .4s ease-in-out;
  box-shadow: 0px 6px 0px #f7931e;
}
/* line 101, ../sass/style.scss */
.btn-default:hover, .btn-default:active, .btn-default:focus {
  background-color: #2691d0 !important;
  box-shadow: 0px 6px 0px #3e7798 !important;
}

/* line 110, ../sass/style.scss */
.icon-doubletriangle {
  height: 27px;
  display: block;
  margin: auto;
}

/* line 117, ../sass/style.scss */
.chechkbox-default > span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
  cursor: pointer;
  width: 75%;
}
/* line 124, ../sass/style.scss */
.chechkbox-default > span:first-child {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease;
}
/* line 134, ../sass/style.scss */
.chechkbox-default > span:first-child svg {
  position: absolute;
  top: 4px;
  left: 2px;
  width: 24px;
  height: 20px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
/* line 152, ../sass/style.scss */
.chechkbox-default > span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #fbb03b;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
/* line 165, ../sass/style.scss */
.chechkbox-default > span:hover span:first-child {
  border-color: #506EEC;
}

/* line 175, ../sass/style.scss */
.chechkbox-input:checked + .chechkbox-default > span:first-child {
  background: #fbb03b;
  border-color: #e4b264;
  animation: chechkbox-animation 0.4s ease;
}
/* line 180, ../sass/style.scss */
.chechkbox-input:checked + .chechkbox-default > span:first-child svg {
  stroke-dashoffset: 0;
}
/* line 184, ../sass/style.scss */
.chechkbox-input:checked + .chechkbox-default > span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes chechkbox-animation {
  50% {
    transform: scale(0.9);
  }
}
/* line 203, ../sass/style.scss */
.triangle-up-right {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: 1;
  transition: all 0.5s;
}
/* line 212, ../sass/style.scss */
.triangle-up-right:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
/* line 219, ../sass/style.scss */
.triangle-up-right.black-color {
  right: 0;
  padding-left: 20%;
  padding-top: 15%;
}
/* line 224, ../sass/style.scss */
.triangle-up-right.black-color:after {
  margin-left: -500px;
  margin-top: -500px;
  border-left: 500px solid transparent;
  border-top: 500px solid rgba(33, 33, 33, 0.85);
}
/* line 233, ../sass/style.scss */
.triangle-up-right.blue-color {
  right: 15px;
  padding-left: 20%;
  padding-top: 15%;
}
/* line 238, ../sass/style.scss */
.triangle-up-right.blue-color:after {
  margin-left: -500px;
  margin-top: -500px;
  border-left: 500px solid transparent;
  border-top: 475px solid #40ccdc;
}

/* line 249, ../sass/style.scss */
.triangle-right {
  position: absolute;
  left: 0;
  top: 35%;
  z-index: 1;
  width: 0;
  height: 0;
  padding-top: 20%;
  padding-bottom: 20%;
  padding-left: 20%;
  overflow: hidden;
  transition: all 0.5s;
}
/* line 262, ../sass/style.scss */
.triangle-right:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -800px;
  margin-left: -800px;
  border-top: 800px solid transparent;
  border-bottom: 800px solid transparent;
  border-left: 800px solid #fafbfb;
}

/* line 276, ../sass/style.scss */
.triangle-left {
  position: absolute;
  top: -315px;
  right: 0;
  width: 12.5%;
  height: 0;
  padding-top: 12.5%;
  padding-bottom: 12.5%;
  overflow: hidden;
  transition: all 0.5s;
}
/* line 287, ../sass/style.scss */
.triangle-left:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -500px;
  border-top: 500px solid transparent;
  border-bottom: 500px solid transparent;
  border-right: 500px solid #25598b;
}

/* line 300, ../sass/style.scss */
.triangle-down-left {
  position: absolute;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
/* line 306, ../sass/style.scss */
.triangle-down-left:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
/* line 313, ../sass/style.scss */
.triangle-down-left.orange-color {
  right: 40%;
  top: 65%;
  width: 8%;
  padding-bottom: 8%;
  transform: translate(-50%, -50%);
}
/* line 320, ../sass/style.scss */
.triangle-down-left.orange-color:after {
  border-right: 500px solid transparent;
  border-bottom: 545px solid #fbb03b;
}
/* line 327, ../sass/style.scss */
.triangle-down-left.blue-color {
  left: 0;
  bottom: 0;
  width: 16%;
  padding-bottom: 14%;
}
/* line 333, ../sass/style.scss */
.triangle-down-left.blue-color:after {
  border-right: 500px solid transparent;
  border-bottom: 475px solid rgba(194, 237, 255, 0.9);
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 372, ../sass/style.scss */
.transition-all {
  transition: all 0.5s;
}

/* line 376, ../sass/style.scss */
[class*="-title"],
[class*="-slogan"] {
  font-weight: 700;
}

/* line 381, ../sass/style.scss */
[class*="-title"],
[class*="-subtitle"] {
  color: #000;
}

/* line 386, ../sass/style.scss */
[class*="-subtitle"] {
  color: #000;
}
/* line 389, ../sass/style.scss */
[class*="-subtitle"] .color-highlight {
  color: #2691d0;
}

/* line 395, ../sass/style.scss */
.color-highlight {
  color: #fbb03b;
}

.title-color-highlight {
  color: #125ca2;
}

/* line 401, ../sass/style.scss */
header .pp-logo,
footer .pp-logo {
  height: 75px;
  transition: all 0.5s;
}
/* line 406, ../sass/style.scss */
header.show-in,
footer.show-in {
  box-shadow: 1px -2px 5px rgba(0, 0, 0, 0.45);
  background-color: white;
}
/* line 410, ../sass/style.scss */
header.show-in .btn-default,
footer.show-in .btn-default {
  display: block !important;
}
/* line 416, ../sass/style.scss */
header .btn-default,
footer .btn-default {
  background-color: #2691d0 !important;
  box-shadow: none !important;
}
/* line 420, ../sass/style.scss */
header .btn-default:hover, header .btn-default:active, header .btn-default:focus,
footer .btn-default:hover,
footer .btn-default:active,
footer .btn-default:focus {
  background-color: #fbb03b !important;
  box-shadow: none !important;
}

/* line 431, ../sass/style.scss */
.banner-section {
  height: 850px;
}
/* line 434, ../sass/style.scss */
.banner-section .slogan-bg-blue {
  position: relative;
}
/* line 436, ../sass/style.scss */
.banner-section .slogan-bg-blue:before {
  content: '';
  position: absolute;
  max-width: 70%;
  width: 100%;
  display: block;
  border-color: transparent transparent rgba(255, 255, 255, 0.995) transparent;
  border-width: 0px 750px 851px 0px;
  border-style: solid;
  transition: all 0.5s;
}
/* line 450, ../sass/style.scss */
.banner-section .slogan-section {
  position: relative;
  z-index: 1;
  margin-top: 245px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
/* line 456, ../sass/style.scss */
.banner-section .slogan-section .color-highlight {
  color: #40ccdc !important;
}
/* line 460, ../sass/style.scss */
.banner-section .slogan-section > h2.years-slogan {
  font-size: 82px;
}
/* line 463, ../sass/style.scss */
.banner-section .slogan-section > h2.years-slogan.color-highlight {
  color: #125ca2 !important;
}
/* line 469, ../sass/style.scss */
.banner-section .slogan-section > h1.main-slogan {
  font-size: 50px;
}
/* line 472, ../sass/style.scss */
.banner-section .slogan-section > h1.main-slogan:not(:nth-last-child(2)) {
  margin-bottom: 0px;
}
/* line 477, ../sass/style.scss */
.banner-section .slogan-section > .btn-default.show-out {
  opacity: 0;
}

/* line 487, ../sass/style.scss */
[class*="feature-content"] .feature-icon img {
  max-width: 150px;
}

/* line 497, ../sass/style.scss */
.feature-content-right .row.no-gutters {
  opacity: 0;
}
/* line 500, ../sass/style.scss */
.feature-content-right .row.no-gutters:first-child {
  margin-left: -60px;
}
/* line 504, ../sass/style.scss */
.feature-content-right .row.no-gutters:nth-child(2) {
  margin-left: 40px;
  animation-delay: 0.5s;
}
/* line 509, ../sass/style.scss */
.feature-content-right .row.no-gutters:nth-child(3) {
  margin-left: 40px;
  animation-delay: 1s;
}
/* line 514, ../sass/style.scss */
.feature-content-right .row.no-gutters:nth-child(4) {
  margin-left: -60px;
  animation-delay: 1.5s;
}
/* line 519, ../sass/style.scss */
.feature-content-right .row.no-gutters.fade-in {
  animation: fadeInDown 1s;
  opacity: 1;
}
/* line 529, ../sass/style.scss */
.feature-content-left .row.no-gutters {
  opacity: 0;
}
/* line 532, ../sass/style.scss */
.feature-content-left .row.no-gutters:first-child {
  margin-right: -60px;
}
/* line 536, ../sass/style.scss */
.feature-content-left .row.no-gutters:nth-child(2) {
  margin-right: 40px;
  animation-delay: 0.5s;
}
/* line 541, ../sass/style.scss */
.feature-content-left .row.no-gutters:nth-child(3) {
  margin-right: 40px;
  animation-delay: 1s;
}
/* line 546, ../sass/style.scss */
.feature-content-left .row.no-gutters:nth-child(4) {
  margin-right: -60px;
  animation-delay: 1.5s;
}
/* line 551, ../sass/style.scss */
.feature-content-left .row.no-gutters.fade-in {
  animation: fadeInDown 1s;
  opacity: 1;
}

/* line 563, ../sass/style.scss */
.form-section > .bg-white {
  background-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.22);
}
/* line 567, ../sass/style.scss */
.form-section > .bg-white .form-control {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #212529;
  border-radius: 0;
  padding: 25px 15px;
}
/* line 574, ../sass/style.scss */
.form-section > .bg-white .form-control:focus {
  box-shadow: none;
}
/* line 578, ../sass/style.scss */
.form-section > .bg-white .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}
/* line 584, ../sass/style.scss */
.form-section > .bg-white .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
/* line 590, ../sass/style.scss */
.form-section > .bg-white .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #000 !important;
}
/* line 596, ../sass/style.scss */
.form-section > .bg-white .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}

/* line 608, ../sass/style.scss */
footer.bg-default-color {
  border-bottom: 25px solid #0071bc;
}
/* line 611, ../sass/style.scss */
footer.bg-default-color a {
  color: white;
}
/* line 614, ../sass/style.scss */
footer.bg-default-color a:hover {
  color: #fbb03b;
  text-decoration: none;
}
/* line 624, ../sass/style.scss */
footer.bg-default-color .terms-section > p a:not(:last-child):after {
  content: "";
  margin: 0 6px 0 9px;
  width: 1px;
  height: 14px;
  display: inline-block;
  background-color: #FFF;
  top: 1px;
  position: relative;
}

/* line 643, ../sass/style.scss */
.back {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #FFF;
  text-align: center;
  background-color: rgba(36, 145, 206, 0.8);
  z-index: 9999;
  transition: all 0.5s;
}
/* line 656, ../sass/style.scss */
.back:hover {
  line-height: 30px;
  background-color: #0069d9;
  color: #FFF !important;
}
/* line 662, ../sass/style.scss */
.back:before {
  content: '\f106';
  font-size: 20px;
  font-weight: 900;
  font-family: "Font Awesome\ 5 Free";
}