@charset "UTF-8";
#about article {
  padding-top: 0; }

section {
  padding: 0; }

#about #fullpage section .container {
  padding-right: 100px; }

#fp-nav {
  z-index: 9001; }
  #fp-nav ul li {
    width: 10px;
    height: 30px;
    padding: 0;
    margin: 0; }
    #fp-nav ul li:last-child {
      display: none; }
    #fp-nav ul li a {
      width: 100%;
      height: 100%; }
      #fp-nav ul li a span {
        width: 100%;
        height: 100%;
        font-size: 0;
        margin: 0;
        left: 0;
        top: 0;
        clip: none;
        border-radius: 0;
        background: none;
        border-left: 2px solid #FADBB1; }
      #fp-nav ul li a.active + .fp-tooltip {
        -webkit-transition: opacity .2s ease-in;
        -o-transition: opacity .2s ease-in;
        transition: opacity .2s ease-in;
        width: auto;
        opacity: 1; }
      #fp-nav ul li a.active span {
        width: 100%;
        height: 100%;
        font-size: 0;
        margin: 0;
        left: 0;
        top: 0;
        clip: none;
        border-radius: 0;
        border-left: 2px solid #A2D5C9; }
    #fp-nav ul li .fp-tooltip {
      color: #A2D5C9;
      line-height: 30px;
      font-family: 'Nunito Sans','微軟正黑體','Microsoft JhengHei' ,'Abel', 'Lato','Oxygen', 'Raleway', sans-serif; }
    #fp-nav ul li:hover a span {
      width: 100%;
      height: 100%;
      font-size: 0;
      margin: 0;
      left: 0;
      top: 0;
      clip: none;
      border-radius: 0; }
    #fp-nav ul li:hover a.active span {
      width: 100%;
      height: 100%;
      font-size: 0;
      margin: 0;
      left: 0;
      top: 0;
      clip: none;
      border-radius: 0; }

.about-content.content1 {
  width: 100%;
  max-width: 960px;
  background-image: url(../_img/about/img01.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 90px 25px;
  margin-top: -60px; }
  .about-content.content1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    right: 0;
    display: block;
    background-image: -webkit-linear-gradient(45deg, #FADBB1, #fff);
    background-image: -o-linear-gradient(45deg, #FADBB1, #fff);
    background-image: linear-gradient(45deg, #FADBB1, #fff);
    opacity: .5;
    z-index: -1;
    -webkit-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%);
    max-width: 1000px; }
  .about-content.content1 .txt-row {
    max-width: 510px;
    position: relative;
    z-index: 100; }
  .about-content.content1 .title {
    margin-bottom: 30px; }

.about-content.content2 {
  position: relative; }
  .about-content.content2 .title {
    margin-bottom: 20px; }
  .about-content.content2 .txt {
    max-width: 485px; }
  .about-content.content2 .txt-row {
    position: relative;
    z-index: 100; }
  .about-content.content2 .img-row {
    position: absolute;
    position: relative;
    z-index: 50;
    right: 0;
    top: -200px;
    text-align: right; }
    .about-content.content2 .img-row img {
      position: relative;
      z-index: 200; }
    .about-content.content2 .img-row:before {
      content: '';
      z-index: 100;
      position: absolute;
      width: 100%;
      height: 50%;
      display: block;
      left: 0;
      bottom: 0;
      background-image: -webkit-linear-gradient(45deg, #FADBB1, #fff 20%);
      background-image: -o-linear-gradient(45deg, #FADBB1, #fff 20%);
      background-image: linear-gradient(45deg, #FADBB1, #fff 20%);
      -webkit-transform: translate(0px, 80px);
      -ms-transform: translate(0px, 80px);
      transform: translate(0px, 80px); }

.about-content.content3 {
  color: #fff; }
  .about-content.content3 .item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 50px auto; }
    .about-content.content3 .item-row .item {
      width: 300px;
      min-height: 300px;
      max-width: 100%;
      background-color: rgba(162, 213, 201, 0.6);
      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;
      text-align: center; }
      .about-content.content3 .item-row .item .icon-txt {
        margin-top: 20px;
        font-size: 1.2rem;
        font-weight: bold; }
  .about-content.content3 .txt-row .txt {
    max-width: 670px;
    margin-top: 30px; }

.about-content.content4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .about-content.content4 .txt-row {
    padding-left: 30px; }
    .about-content.content4 .txt-row .item + .item {
      margin-top: 30px; }
    .about-content.content4 .txt-row .txt-25 {
      margin-bottom: 20px; }
    .about-content.content4 .txt-row .list > li {
      font-weight: bold;
      line-height: 30px; }
      .about-content.content4 .txt-row .list > li:before {
        content: '\f00c';
        font-family: 'Font Awesome 5 Pro';
        font-size: 1.3rem;
        color: #A2D5C9;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        line-height: 30px;
        margin-right: 5px; }

#about #section3 {
  background-image: url(../_img/about/img03.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding-bottom: 20px; }

#fp-nav {
  display: block !important; }

@media only screen and (max-width: 1366px) {
  .main-title .t2 {
    font-size: 2rem; }
  .about-content.content1 {
    padding: 30px; }
    .about-content.content1 .txt-row {
      width: 100%;
      max-width: 100%; }
  .about-content.content3 .item-row {
    margin-top: 20px;
    margin-bottom: 20px; }
    .about-content.content3 .item-row .item {
      max-width: 200px;
      min-height: 200px; } }

@media only screen and (max-width: 1024px) {
  .about-content.content4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-content.content4 .txt-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 20px;
      width: 100%;
      padding: 0; }
      .about-content.content4 .txt-row .item {
        margin-top: 0 !important; } }

@media only screen and (max-width: 767px) {
  #fp-nav {
    display: none !important; }
  #about #fullpage .section .container {
    padding-right: 30px; }
  .about-content.content1:after {
    display: none; }
  .about-content.content2 .img-row {
    position: static; }
    .about-content.content2 .img-row:before {
      display: none; }
  .about-content.content3 .item-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-content.content3 .item-row .item {
      margin: 20px 0; }
  .about-content.content4 .txt-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-content.content4 .txt-row .item {
      width: 100%; }
      .about-content.content4 .txt-row .item + .item {
        margin-top: 30px !important; } }

/*# sourceMappingURL=about.css.map */