@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");
body {
  overflow-x: hidden;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif; }

.part, .parts {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.btn-animate:hover {
  transform: translatey(-4px); }

.btn-animateX:hover {
  transform: translatex(4px); }

.btn-animateY:hover {
  transform: translatey(-4px); }

a {
  text-decoration: none; }
  a:hover {
    opacity: 0.8; }

.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 99; }
  @media (max-width: 991px) {
    .header {
      height: 7.87122em; } }
  @media (min-width: 992px) {
    .header {
      height: 7.375em; } }
  .header .header-inner {
    position: relative;
    margin: 0 auto;
    z-index: 1; }
    @media (max-width: 991px) {
      .header .header-inner {
        width: 100%;
        height: 7.87122em; } }
    @media (min-width: 992px) {
      .header .header-inner {
        height: 7.375em; } }
  .header .header-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 0; }
  .header .logo {
    position: relative;
    margin-left: 2.77428em; }
    @media (min-width: 992px) {
      .header .logo {
        margin-left: 5.5625em; } }
    .header .logo a {
      display: block; }
    .header .logo img {
      width: 14.71016em; }
      @media (min-width: 992px) {
        .header .logo img {
          width: 13.875em; } }
  .header ul, .header li {
    padding: 0;
    margin: 0;
    list-style: none; }
  @media (max-width: 991px) {
    .header .menu {
      position: fixed;
      display: none;
      z-index: 90;
      left: 0;
      right: 0;
      margin: 0 auto;
      background-color: rgba(76, 131, 129, 0.8);
      top: 0;
      width: 100vw;
      height: 100vh;
      padding-top: 14.5166em; }
      .header .menu ul {
        position: relative;
        width: 80.41666666666667%;
        margin-left: auto;
        margin-right: auto; }
        .header .menu ul li {
          margin-bottom: 1.61296em;
          overflow: hidden; }
          .header .menu ul li a {
            text-decoration: none;
            display: block;
            height: 6.45182em;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important; }
            .header .menu ul li a span {
              font-size: 3.87109em;
              color: #ffffff;
              letter-spacing: 0.05em;
              font-weight: bold; }
    .header .btn-menu {
      position: relative;
      z-index: 92;
      display: block;
      right: 2.38717em;
      width: 5.48405em;
      height: 5.48405em;
      margin-top: 0.96777em; }
      .header .btn-menu:hover, .header .btn-menu:active, .header .btn-menu:focus {
        outline: none !important;
        border: none !important; }
      .header .btn-menu > img:nth-child(2) {
        display: none; } }
  @media (min-width: 992px) {
    .header .menu {
      position: relative;
      margin-right: 5.4375em;
      margin-top: -0.375em; }
      .header .menu ul {
        position: relative;
        display: flex !important;
        justify-content: end !important;
        align-items: center !important; }
        .header .menu ul li {
          position: relative;
          margin-left: 2.125em; }
          .header .menu ul li a {
            text-decoration: none;
            display: block; }
            .header .menu ul li a span {
              font-size: 1.625em;
              color: #363636;
              font-weight: bold;
              letter-spacing: 0.1em; }
    .header .btn-menu {
      display: none !important; } }

body.scrolled .header .header-bg {
  background: rgba(255, 246, 235, 0.85); }
@media (min-width: 992px) {
  body.scrolled .header {
    height: 5.5625em; } }
body.scrolled .header .header-inner {
  position: relative;
  margin: 0 auto;
  z-index: 1; }
  @media (min-width: 992px) {
    body.scrolled .header .header-inner {
      max-width: 100vw;
      height: 5.5625em; } }
  @media (min-width: 992px) {
    body.scrolled .header .header-inner .menu {
      margin-top: 0; } }
  @media (max-width: 991px) {
    body.scrolled .header .header-inner .btn-menu {
      margin-top: 0; } }

.kv {
  position: relative;
  width: 100%; }
  .kv .slogan {
    position: absolute;
    z-index: 3; }
    @media (max-width: 991px) {
      .kv .slogan {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 14.06497em;
        width: 49.22873em;
        height: 27.25039em; } }
    @media (min-width: 992px) {
      .kv .slogan {
        left: 35.5625em;
        top: 9em;
        width: 48.75em;
        height: 31.375em; } }
  .kv .airplane {
    position: absolute;
    z-index: 3; }
    @media (max-width: 991px) {
      .kv .airplane {
        left: 4.58079em;
        top: 10.64551em;
        width: 16.83926em;
        height: 4.58079em; } }
    @media (min-width: 992px) {
      .kv .airplane {
        left: 27.1875em;
        top: 8.5em;
        width: 16.6875em;
        height: 4.5625em; } }
  .kv .airplane2 {
    position: absolute;
    z-index: 2; }
    @media (max-width: 991px) {
      .kv .airplane2 {
        display: none; } }
    @media (min-width: 992px) {
      .kv .airplane2 {
        left: 13.0625em;
        top: 11.6875em;
        width: 19.4375em;
        height: 6.3125em; } }
  .kv .btn-more {
    position: absolute;
    z-index: 3; }
    @media (max-width: 991px) {
      .kv .btn-more {
        display: none; } }
    @media (min-width: 992px) {
      .kv .btn-more {
        display: block;
        left: 78.6875em;
        top: 62em;
        width: 7.375em;
        height: 9.3125em; } }
    .kv .btn-more:hover {
      opacity: 0.8; }
  @media (max-width: 991px) {
    .kv .slide {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: 61.9375em;
      height: 63.3569em;
      overflow: hidden; } }
  @media (max-width: 991px) {
    .kv .slide img {
      width: 61.9375em; } }
  .kv .slick-prev, .kv .slick-next {
    position: absolute;
    z-index: 1;
    display: block;
    color: transparent; }
  @media (max-width: 991px) {
    .kv .slick-prev, .kv .slick-next {
      width: 2.51621em !important;
      height: 4.38724em !important;
      top: 28.71061em; } }
  .kv .slick-prev {
    left: 1.35488em;
    background: url("../images/kv/btn-prev.png") center center no-repeat;
    background-size: 99% 99%; }
  .kv .slick-next {
    right: 1.35488em;
    background: url("../images/kv/btn-next.png") center center no-repeat;
    background-size: 99% 99%; }

@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
#sec1 {
  position: relative;
  z-index: 1;
  width: 100%; }
  @media (max-width: 991px) {
    #sec1 {
      background: url("../images/sec1/bg_m.jpg") left top;
      background-size: 100% auto; } }
  @media (min-width: 992px) {
    #sec1 {
      background: url("../images/sec1/bg.jpg") left top;
      background-size: 100% auto; } }
  #sec1 > .inner {
    position: relative; }
    @media (max-width: 991px) {
      #sec1 > .inner {
        padding-bottom: 5.41953em; } }
    @media (min-width: 992px) {
      #sec1 > .inner {
        margin-left: -1.625em;
        padding-bottom: 3.125em; } }
  #sec1 .banner {
    position: relative; }
    @media (max-width: 991px) {
      #sec1 .banner {
        padding-top: 1.93555em; } }
    @media (min-width: 992px) {
      #sec1 .banner {
        padding-top: 3.9375em; } }
    @media (max-width: 991px) {
      #sec1 .banner img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec1 .banner img {
        width: 98.75em; } }
  #sec1 .title {
    position: relative; }
    @media (max-width: 991px) {
      #sec1 .title {
        padding-top: 1.93555em; } }
    @media (min-width: 992px) {
      #sec1 .title {
        padding-top: 5.125em; } }
    @media (max-width: 991px) {
      #sec1 .title img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec1 .title img {
        width: 60em; } }
  #sec1 .short {
    position: relative; }
    @media (max-width: 991px) {
      #sec1 .short {
        padding-top: 3.48398em; } }
    @media (min-width: 992px) {
      #sec1 .short {
        padding-top: 2.6875em; } }
    @media (max-width: 991px) {
      #sec1 .short img {
        width: 49.55em; } }
    @media (min-width: 992px) {
      #sec1 .short img {
        width: 48em; } }
  #sec1 .products {
    position: relative; }
    @media (max-width: 991px) {
      #sec1 .products {
        padding-top: 2.06458em; } }
    @media (min-width: 992px) {
      #sec1 .products {
        padding-top: 2.8125em; } }
    @media (max-width: 991px) {
      #sec1 .products .item {
        margin-bottom: 1.29036em; } }
    @media (min-width: 992px) {
      #sec1 .products .item {
        margin-left: 1.25em;
        margin-right: 1.25em; } }
    @media (max-width: 991px) {
      #sec1 .products img {
        width: 60.64714em; } }
    @media (min-width: 992px) {
      #sec1 .products img {
        width: 40em; } }
  #sec1 .items {
    position: relative; }
    @media (max-width: 991px) {
      #sec1 .items {
        padding-top: 4.77435em; } }
    @media (min-width: 992px) {
      #sec1 .items {
        padding-top: 6.6875em; } }
    @media (max-width: 991px) {
      #sec1 .items img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec1 .items img {
        width: 87.5em; } }

#sec2 {
  position: relative;
  z-index: 1;
  width: 100%; }
  #sec2 .inner {
    position: relative; }
  #sec2 .title {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 .title {
        padding-top: 0.125em;
        margin-left: -1.625em; } }
    @media (max-width: 991px) {
      #sec2 .title img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec2 .title img {
        width: 60em; } }
  #sec2 .bg {
    position: relative; }
    @media (max-width: 991px) {
      #sec2 .bg {
        background: url("../images/sec2/bg_m.jpg") left top no-repeat;
        background-size: 100% 100%;
        padding-bottom: 1.93555em; } }
    @media (min-width: 992px) {
      #sec2 .bg {
        background: url("../images/sec2/bg.jpg") left top no-repeat;
        background-size: 100% 100%; } }
  #sec2 .ls {
    position: relative; }
    @media (max-width: 991px) {
      #sec2 .ls {
        padding-top: 3.35495em;
        padding-bottom: 3.22591em; } }
    @media (min-width: 992px) {
      #sec2 .ls {
        padding-top: 4.25em;
        padding-bottom: 3.75em; } }
    #sec2 .ls .item {
      position: relative; }
      @media (max-width: 991px) {
        #sec2 .ls .item img {
          width: 94.97395833333333%; } }
      @media (min-width: 992px) {
        #sec2 .ls .item img {
          width: 72.5em; } }
      @media (max-width: 991px) {
        #sec2 .ls .item.item1 {
          padding-bottom: 1.93555em; } }
      @media (min-width: 992px) {
        #sec2 .ls .item.item1 {
          padding-bottom: 2.3125em; } }
      @media (min-width: 992px) {
        #sec2 .ls .item.item2 {
          padding-bottom: 2.3125em; } }
  @media (max-width: 991px) {
    #sec2 .btns img {
      width: 21.74264em; } }
  @media (min-width: 992px) {
    #sec2 .btns img {
      width: 21.0625em; } }

#sec3 {
  position: relative;
  z-index: 1;
  width: 100%; }
  @media (max-width: 991px) {
    #sec3 {
      background: url("../images/sec3/bg_m.jpg") left top;
      background-size: 100% auto; } }
  @media (min-width: 992px) {
    #sec3 {
      background: url("../images/sec3/bg.jpg") left top;
      background-size: 100% auto; } }
  #sec3 .inner {
    position: relative; }
    @media (max-width: 991px) {
      #sec3 .inner {
        padding-bottom: 8.64544em; } }
    @media (min-width: 992px) {
      #sec3 .inner {
        padding-bottom: 5.1875em; } }
  #sec3 .title {
    position: relative; }
    @media (max-width: 991px) {
      #sec3 .title {
        padding-top: 3.87109em; } }
    @media (min-width: 992px) {
      #sec3 .title {
        padding-top: 6.6875em;
        margin-left: -0.8125em; } }
    @media (max-width: 991px) {
      #sec3 .title img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec3 .title img {
        width: 60em; } }
  #sec3 .subtitle {
    position: relative; }
    @media (max-width: 991px) {
      #sec3 .subtitle {
        padding-top: 4.12917em; } }
    @media (min-width: 992px) {
      #sec3 .subtitle {
        padding-top: 2.5em; } }
    @media (max-width: 991px) {
      #sec3 .subtitle img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec3 .subtitle img {
        width: 60em; } }
  #sec3 .hotel {
    position: relative; }
  @media (max-width: 991px) {
    #sec3 .hotel-2 {
      padding-bottom: 0em; } }
  @media (min-width: 992px) {
    #sec3 .hotel-2 {
      padding-bottom: 3.75em; } }
  @media (min-width: 992px) {
    #sec3 .hotel-2 .subtitle {
      margin-left: 3.125em; } }
  @media (max-width: 991px) {
    #sec3 .hotel-1 {
      padding-bottom: 0em; } }
  @media (min-width: 992px) {
    #sec3 .hotel-1 {
      padding-bottom: 1.875em; } }
  @media (min-width: 992px) {
    #sec3 .hotel-1 .subtitle {
      margin-left: 10.9375em; } }
  #sec3 .content {
    position: relative; }
    @media (max-width: 991px) {
      #sec3 .content {
        padding-top: 2.38717em; } }
    @media (min-width: 992px) {
      #sec3 .content {
        padding-top: 4.1875em;
        display: flex !important;
        justify-content: space-between !important; } }
    #sec3 .content .slide {
      position: relative; }
      @media (max-width: 991px) {
        #sec3 .content .slide {
          margin-left: auto;
          margin-right: auto;
          width: 61.29232em; } }
      @media (min-width: 992px) {
        #sec3 .content .slide {
          width: 59.375em; } }
      @media (max-width: 991px) {
        #sec3 .content .slide img {
          width: 61.29232em; } }
      @media (min-width: 992px) {
        #sec3 .content .slide img {
          width: 59.375em; } }
    #sec3 .content .slick-prev, #sec3 .content .slick-next {
      position: absolute;
      z-index: 1;
      display: block;
      color: transparent; }
    @media (max-width: 991px) {
      #sec3 .content .slick-prev, #sec3 .content .slick-next {
        width: 2.51621em !important;
        height: 4.38724em !important;
        top: 17.16185em; } }
    @media (min-width: 992px) {
      #sec3 .content .slick-prev, #sec3 .content .slick-next {
        width: 2.4375em !important;
        height: 4.25em !important;
        top: 16.625em; } }
    #sec3 .content .slick-prev {
      left: 0.58066em;
      background: url("../images/sec3/btn-prev.png") center center no-repeat;
      background-size: 99% 99%; }
    @media (min-width: 992px) {
      #sec3 .content .slick-prev {
        left: 0.5625em; } }
    #sec3 .content .slick-next {
      right: 0.58066em;
      background: url("../images/sec3/btn-next.png") center center no-repeat;
      background-size: 99% 99%; }
    @media (min-width: 992px) {
      #sec3 .content .slick-next {
        right: 0.5625em; } }
    #sec3 .content .txt {
      position: relative; }
      @media (max-width: 991px) {
        #sec3 .content .txt {
          display: flex !important;
          justify-content: center !important; } }
      #sec3 .content .txt .txt-inner {
        position: relative;
        text-align: justify; }
        @media (max-width: 991px) {
          #sec3 .content .txt .txt-inner {
            padding-top: 2.90332em;
            padding-left: 4.51628em;
            padding-right: 4.51628em; } }
        @media (min-width: 992px) {
          #sec3 .content .txt .txt-inner {
            padding-left: 7.4375em;
            padding-top: 3.875em;
            padding-right: 10.375em; } }
      #sec3 .content .txt span {
        font-weight: 500;
        color: #fff; }
        @media (max-width: 991px) {
          #sec3 .content .txt span {
            line-height: 1.45;
            font-size: 2.19362em; } }
        @media (min-width: 992px) {
          #sec3 .content .txt span {
            line-height: 1.85;
            font-size: 1.6875em; } }
  #sec3 .yts {
    position: relative; }
    @media (max-width: 991px) {
      #sec3 .yts {
        padding-top: 4.12917em; } }
    @media (min-width: 992px) {
      #sec3 .yts {
        padding-top: 5em; } }
    #sec3 .yts .item {
      position: relative; }
      @media (max-width: 991px) {
        #sec3 .yts .item {
          width: 60.64714em;
          height: 34.13014em;
          margin-bottom: 2.70977em; } }
      @media (min-width: 992px) {
        #sec3 .yts .item {
          width: 31.25em;
          height: 17.5625em;
          margin-left: 1.3125em;
          margin-right: 1.3125em; } }
      #sec3 .yts .item iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }

.fixbg {
  position: relative; }

#fixbg-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1; }

body.fixbg-fixed .fixbg {
  visibility: hidden !important; }

#sec4 {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #ec6d2e; }
  #sec4 .inner {
    position: relative; }
    @media (max-width: 991px) {
      #sec4 .inner {
        padding-bottom: 3.48398em; } }
    @media (min-width: 992px) {
      #sec4 .inner {
        padding-bottom: 6.0625em; } }
  #sec4 .title {
    position: relative; }
    @media (max-width: 991px) {
      #sec4 .title {
        padding-top: 6.32279em; } }
    @media (min-width: 992px) {
      #sec4 .title {
        padding-top: 7.125em; } }
    @media (max-width: 991px) {
      #sec4 .title img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec4 .title img {
        width: 60em; } }
  #sec4 .ls {
    position: relative; }
    @media (max-width: 991px) {
      #sec4 .ls {
        padding-top: 5.41953em; } }
    @media (min-width: 992px) {
      #sec4 .ls {
        padding-top: 6em; } }
    #sec4 .ls .item {
      position: relative; }
      @media (max-width: 991px) {
        #sec4 .ls .item {
          margin-left: auto;
          margin-right: auto;
          width: 57.48574em;
          margin-bottom: 6.06471em; } }
      #sec4 .ls .item:last-child {
        margin-bottom: 0em; }
      @media (min-width: 992px) {
        #sec4 .ls .item {
          width: 100%;
          margin-bottom: 3.75em;
          display: flex !important;
          justify-content: center !important; }
          #sec4 .ls .item:nth-child(1), #sec4 .ls .item:nth-child(3) {
            flex-direction: row-reverse !important;
            left: 3.125em; }
          #sec4 .ls .item:nth-child(2), #sec4 .ls .item:nth-child(4) {
            right: 3.125em; } }
      #sec4 .ls .item .item-pic {
        position: relative; }
        @media (min-width: 992px) {
          #sec4 .ls .item .item-pic {
            width: 55.6875em;
            margin-left: 0.875em;
            margin-right: 0.875em; } }
      #sec4 .ls .item .item-details {
        position: relative; }
        @media (max-width: 991px) {
          #sec4 .ls .item .item-details {
            padding-left: 4.19368em;
            padding-right: 7.74219em; } }
        @media (min-width: 992px) {
          #sec4 .ls .item .item-details {
            width: 31.5em;
            margin-left: 0.875em;
            margin-right: 0.875em; } }
        #sec4 .ls .item .item-details .item-details-inner {
          position: relative; }
          #sec4 .ls .item .item-details .item-details-inner > div:nth-child(1) {
            background: url("../images/sec4/t1_underline.png") left bottom no-repeat;
            background-size: 100% auto; }
          @media (max-width: 991px) {
            #sec4 .ls .item .item-details .item-details-inner .t1 {
              padding-top: 3.87109em;
              padding-bottom: 0.64518em; } }
          @media (min-width: 992px) {
            #sec4 .ls .item .item-details .item-details-inner .t1 {
              padding-top: 5.3125em;
              padding-bottom: 0.625em; } }
          #sec4 .ls .item .item-details .item-details-inner .t1 span {
            font-weight: 500;
            line-height: 1.75;
            color: #f0e6bd; }
            @media (max-width: 991px) {
              #sec4 .ls .item .item-details .item-details-inner .t1 span {
                font-size: 3.5485em;
                padding-left: 0.15em;
                letter-spacing: 0.04em; } }
            @media (min-width: 992px) {
              #sec4 .ls .item .item-details .item-details-inner .t1 span {
                font-size: 2.4375em;
                padding-left: 0.15em;
                letter-spacing: 0.04em; } }
          #sec4 .ls .item .item-details .item-details-inner .t2 {
            text-align: justify; }
            @media (max-width: 991px) {
              #sec4 .ls .item .item-details .item-details-inner .t2 {
                padding-top: 3.22591em; } }
            @media (min-width: 992px) {
              #sec4 .ls .item .item-details .item-details-inner .t2 {
                padding-top: 4.5em; } }
            #sec4 .ls .item .item-details .item-details-inner .t2 span {
              font-weight: 500;
              line-height: 1.85;
              color: #fff; }
              @media (max-width: 991px) {
                #sec4 .ls .item .item-details .item-details-inner .t2 span {
                  font-size: 2.44266em; } }
              @media (min-width: 992px) {
                #sec4 .ls .item .item-details .item-details-inner .t2 span {
                  font-size: 1.6875em; } }
      @media (min-width: 992px) {
        #sec4 .ls .item:nth-child(1) .t2 {
          padding-right: 1em; } }
      @media (min-width: 992px) {
        #sec4 .ls .item:nth-child(2) {
          margin-bottom: 5em; } }
      @media (min-width: 992px) {
        #sec4 .ls .item:nth-child(2) .item-details {
          left: 0.875em;
          top: 0.875em; } }
      @media (min-width: 992px) {
        #sec4 .ls .item:nth-child(2) .t2 {
          padding-right: 1em; } }
      @media (min-width: 992px) {
        #sec4 .ls .item:nth-child(3) {
          margin-bottom: 3.25em; } }
      @media (min-width: 992px) {
        #sec4 .ls .item:nth-child(4) .item-details {
          left: 0.875em;
          top: 0.875em; } }
      @media (min-width: 992px) {
        #sec4 .ls .item:nth-child(4) .t2 {
          padding-right: 1em; } }

#sec5 {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #ffb793; }
  #sec5 .inner {
    position: relative; }
    @media (max-width: 991px) {
      #sec5 .inner {
        padding-bottom: 6.77441em; } }
    @media (min-width: 992px) {
      #sec5 .inner {
        padding-bottom: 6.5625em; } }
  #sec5 .title {
    position: relative; }
    @media (max-width: 991px) {
      #sec5 .title {
        padding-top: 4.12917em;
        padding-bottom: 3.87109em; } }
    @media (min-width: 992px) {
      #sec5 .title {
        padding-top: 7.125em;
        padding-bottom: 5.625em; } }
    @media (max-width: 991px) {
      #sec5 .title img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec5 .title img {
        width: 60em; } }
  #sec5 .p1 {
    position: absolute; }
    @media (max-width: 991px) {
      #sec5 .p1 {
        width: 17.61348em;
        height: 8.96803em;
        left: -4.06465em;
        top: -1.54844em; } }
    @media (min-width: 992px) {
      #sec5 .p1 {
        width: 16.5625em;
        height: 9.375em;
        left: 20em;
        top: 6.1875em; } }
  #sec5 .p2 {
    position: absolute; }
    @media (max-width: 991px) {
      #sec5 .p2 {
        width: 12.77461em;
        height: 10.2584em;
        left: 51.29199em;
        top: -3.22591em; } }
    @media (min-width: 992px) {
      #sec5 .p2 {
        width: 12.4375em;
        height: 9.875em;
        left: 88.3125em;
        top: 6.75em; } }
  #sec5 .p3 {
    position: absolute; }
    @media (max-width: 991px) {
      #sec5 .p3 {
        display: none; } }
    @media (min-width: 992px) {
      #sec5 .p3 {
        width: 7.4375em;
        height: 4.6875em;
        left: 82.5em;
        top: 6em; } }
  #sec5 .slide {
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 991px) {
      #sec5 .slide {
        width: 55.6875em; } }
    @media (min-width: 992px) {
      #sec5 .slide {
        width: 96.5625em;
        left: -0.4375em; } }
    #sec5 .slide .item {
      position: relative; }
      @media (max-width: 991px) {
        #sec5 .slide .item {
          width: 57.48574em; } }
      @media (min-width: 992px) {
        #sec5 .slide .item {
          width: 28.375em;
          margin-left: 1.875em;
          margin-right: 1.875em; } }
      #sec5 .slide .item .item-pic {
        position: relative; }
        @media (min-width: 992px) {
          #sec5 .slide .item .item-pic {
            width: 100%; } }
      #sec5 .slide .item .item-details {
        position: relative; }
        @media (max-width: 991px) {
          #sec5 .slide .item .item-details {
            padding-left: 4.19368em;
            padding-right: 6.45182em; } }
        @media (min-width: 992px) {
          #sec5 .slide .item .item-details {
            width: 100%; } }
        #sec5 .slide .item .item-details .item-details-inner {
          position: relative; }
          #sec5 .slide .item .item-details .item-details-inner > div:nth-child(1) {
            background: url("../images/sec5/t1_underline.png") left bottom no-repeat;
            background-size: 100% auto; }
          @media (max-width: 991px) {
            #sec5 .slide .item .item-details .item-details-inner .t1 {
              padding-top: 0.96777em;
              padding-bottom: 0.32259em; } }
          @media (min-width: 992px) {
            #sec5 .slide .item .item-details .item-details-inner .t1 {
              padding-top: 2.5em;
              padding-bottom: 0.625em; } }
          #sec5 .slide .item .item-details .item-details-inner .t1 span {
            font-weight: 500;
            line-height: 1.75;
            color: #834e35; }
            @media (max-width: 991px) {
              #sec5 .slide .item .item-details .item-details-inner .t1 span {
                font-size: 3.5485em;
                padding-left: 0.15em;
                letter-spacing: 0.04em; } }
            @media (min-width: 992px) {
              #sec5 .slide .item .item-details .item-details-inner .t1 span {
                font-size: 2.4375em;
                padding-left: 0.15em;
                letter-spacing: 0.04em; } }
          #sec5 .slide .item .item-details .item-details-inner .t2 {
            text-align: justify; }
            @media (max-width: 991px) {
              #sec5 .slide .item .item-details .item-details-inner .t2 {
                padding-top: 3.22591em; } }
            @media (min-width: 992px) {
              #sec5 .slide .item .item-details .item-details-inner .t2 {
                padding-top: 1.875em; } }
            #sec5 .slide .item .item-details .item-details-inner .t2 span {
              font-weight: 500;
              line-height: 1.85;
              color: #834e35; }
              @media (max-width: 991px) {
                #sec5 .slide .item .item-details .item-details-inner .t2 span {
                  font-size: 2.44266em; } }
              @media (min-width: 992px) {
                #sec5 .slide .item .item-details .item-details-inner .t2 span {
                  font-size: 1.6875em; } }
  #sec5 .slick-prev, #sec5 .slick-next {
    position: absolute;
    z-index: 1;
    display: block;
    color: transparent; }
  @media (max-width: 991px) {
    #sec5 .slick-prev, #sec5 .slick-next {
      width: 2.64525em !important;
      height: 4.58079em !important;
      top: 41.93685em; } }
  #sec5 .slick-prev {
    left: -2.58073em;
    background: url("../images/sec5/btn-prev.png") center center no-repeat;
    background-size: 99% 99%; }
  #sec5 .slick-next {
    right: -2.58073em;
    background: url("../images/sec5/btn-next.png") center center no-repeat;
    background-size: 99% 99%; }

#sec6 {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #fef5eb; }
  #sec6 .inner {
    position: relative; }
    @media (max-width: 991px) {
      #sec6 .inner {
        padding-bottom: 6.77441em; } }
    @media (min-width: 992px) {
      #sec6 .inner {
        padding-bottom: 9.0625em; } }
  #sec6 .title {
    position: relative; }
    @media (max-width: 991px) {
      #sec6 .title {
        padding-top: 4.12917em;
        padding-bottom: 3.87109em; } }
    @media (min-width: 992px) {
      #sec6 .title {
        padding-top: 5em;
        padding-bottom: 6.1875em; } }
    @media (max-width: 991px) {
      #sec6 .title img {
        width: 61.9375em; } }
    @media (min-width: 992px) {
      #sec6 .title img {
        width: 60em; } }
  #sec6 .p1 {
    position: absolute; }
    @media (max-width: 991px) {
      #sec6 .p1 {
        width: 6.90345em;
        height: 10.64551em;
        left: 4.70983em;
        top: -1.4194em; } }
    @media (min-width: 992px) {
      #sec6 .p1 {
        width: 6.6875em;
        height: 10.3125em;
        left: 25.1875em;
        top: 4.4375em; } }
  #sec6 .p2 {
    position: absolute; }
    @media (max-width: 991px) {
      #sec6 .p2 {
        width: 8.1293em;
        height: 10.51647em;
        left: 51.93717em;
        top: -2.1291em; } }
    @media (min-width: 992px) {
      #sec6 .p2 {
        width: 7.875em;
        height: 10.0625em;
        left: 87.3125em;
        top: 4.3125em; } }
  #sec6 .p3 {
    position: absolute; }
    @media (max-width: 991px) {
      #sec6 .p3 {
        width: 5.41953em;
        height: 3.5485em;
        left: 47.54993em;
        top: 0.96777em; } }
    @media (min-width: 992px) {
      #sec6 .p3 {
        width: 5.25em;
        height: 3.3125em;
        left: 95.125em;
        top: 8.3125em; } }
  #sec6 .slide {
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 991px) {
      #sec6 .slide {
        width: 55.6875em; } }
    @media (min-width: 992px) {
      #sec6 .slide {
        width: 96.5625em;
        left: -0.4375em; } }
    #sec6 .slide .item {
      position: relative; }
      @media (max-width: 991px) {
        #sec6 .slide .item {
          width: 57.48574em; } }
      @media (min-width: 992px) {
        #sec6 .slide .item {
          width: 28.375em;
          margin-left: 1.875em;
          margin-right: 1.875em; } }
      #sec6 .slide .item .item-pic {
        position: relative; }
        @media (min-width: 992px) {
          #sec6 .slide .item .item-pic {
            width: 100%; } }
      #sec6 .slide .item .item-details {
        position: relative; }
        @media (max-width: 991px) {
          #sec6 .slide .item .item-details {
            padding-left: 4.19368em;
            padding-right: 6.45182em; } }
        @media (min-width: 992px) {
          #sec6 .slide .item .item-details {
            width: 100%; } }
        #sec6 .slide .item .item-details .item-details-inner {
          position: relative; }
          #sec6 .slide .item .item-details .item-details-inner > div:nth-child(1) {
            background: url("../images/sec6/t1_underline.png") left bottom no-repeat;
            background-size: 100% auto; }
          @media (max-width: 991px) {
            #sec6 .slide .item .item-details .item-details-inner .t1 {
              padding-top: 0.96777em;
              padding-bottom: 0.32259em; } }
          @media (min-width: 992px) {
            #sec6 .slide .item .item-details .item-details-inner .t1 {
              padding-top: 1.875em;
              padding-bottom: 0.625em; } }
          #sec6 .slide .item .item-details .item-details-inner .t1 span {
            font-weight: 500;
            line-height: 1.75;
            color: #834e35; }
            @media (max-width: 991px) {
              #sec6 .slide .item .item-details .item-details-inner .t1 span {
                font-size: 3.5485em;
                padding-left: 0.15em;
                letter-spacing: 0.04em; } }
            @media (min-width: 992px) {
              #sec6 .slide .item .item-details .item-details-inner .t1 span {
                font-size: 2.4375em;
                padding-left: 0.15em;
                letter-spacing: 0.04em; } }
          #sec6 .slide .item .item-details .item-details-inner .t2 {
            text-align: justify; }
            @media (max-width: 991px) {
              #sec6 .slide .item .item-details .item-details-inner .t2 {
                padding-top: 3.22591em; } }
            @media (min-width: 992px) {
              #sec6 .slide .item .item-details .item-details-inner .t2 {
                padding-top: 1.875em; } }
            #sec6 .slide .item .item-details .item-details-inner .t2 span {
              font-weight: 500;
              line-height: 1.85;
              color: #834e35; }
              @media (max-width: 991px) {
                #sec6 .slide .item .item-details .item-details-inner .t2 span {
                  font-size: 2.44266em; } }
              @media (min-width: 992px) {
                #sec6 .slide .item .item-details .item-details-inner .t2 span {
                  font-size: 1.6875em; } }
  #sec6 .slick-prev, #sec6 .slick-next {
    position: absolute;
    z-index: 1;
    display: block;
    color: transparent; }
  @media (max-width: 991px) {
    #sec6 .slick-prev, #sec6 .slick-next {
      width: 2.64525em !important;
      height: 4.58079em !important;
      top: 41.93685em; } }
  #sec6 .slick-prev {
    left: -2.58073em;
    background: url("../images/sec6/btn-prev.png") center center no-repeat;
    background-size: 99% 99%; }
  #sec6 .slick-next {
    right: -2.58073em;
    background: url("../images/sec6/btn-next.png") center center no-repeat;
    background-size: 99% 99%; }

footer {
  position: relative;
  margin: 0;
  background-color: white;
  text-align: center; }
  @media (max-width: 991px) {
    footer {
      padding-top: 4.38724em;
      padding-bottom: 2.58073em; } }
  @media (min-width: 992px) {
    footer {
      padding-top: 4.0625em;
      padding-bottom: 4.0625em; } }
  @media (max-width: 991px) {
    footer .logo {
      padding-bottom: 2.19362em; } }
  @media (min-width: 992px) {
    footer .logo {
      padding-bottom: 2.125em; } }
  @media (max-width: 991px) {
    footer .logo img {
      width: 19.35547em; } }
  @media (min-width: 992px) {
    footer .logo img {
      width: 17.625em; } }
  footer .txt span {
    font-family: "Microsoft JhengHei", sans-serif, serif;
    position: relative;
    color: #595954;
    font-weight: bold;
    line-height: 1.636363636363636; }
    @media (max-width: 991px) {
      footer .txt span {
        font-size: 1.48392em; } }
    @media (min-width: 992px) {
      footer .txt span {
        font-size: 1.375em; } }

.nav-right {
  position: fixed;
  display: none;
  z-index: 99;
  opacity: 0.9; }
  @media (max-width: 991px) {
    .nav-right {
      right: 2.70977em;
      bottom: 2.32266em;
      width: 7.74219em;
      height: 24.38789em; } }
  @media (min-width: 992px) {
    .nav-right {
      right: 1em;
      bottom: 1.1875em;
      width: 7.4375em;
      height: 23.3125em; } }

.btn-more {
  position: relative; }
  @media (max-width: 991px) {
    .btn-more {
      width: 7.74219em;
      height: 9.48418em;
      margin-bottom: 1.29036em; } }
  @media (min-width: 992px) {
    .btn-more {
      width: 7.4375em;
      height: 9.125em;
      margin-bottom: 1.1875em; } }

.btn-line {
  position: relative; }
  @media (max-width: 991px) {
    .btn-line {
      width: 7.54863em;
      height: 13.61335em; } }
  @media (min-width: 992px) {
    .btn-line {
      width: 7.3125em;
      height: 13em; } }

.secAnchor {
  position: absolute;
  width: 1px;
  height: 1px;
  left: 0; }
  @media (max-width: 991px) {
    .secAnchor {
      top: -6.45182em; } }
  @media (min-width: 992px) {
    .secAnchor {
      top: -6.25em; } }

body.scrolled .secAnchor {
  position: absolute;
  width: 1px;
  height: 1px;
  left: 0; }

@media (max-width: 991px) {
  #sec1Anchor {
    top: -7.87122em; } }
@media (min-width: 992px) {
  #sec1Anchor {
    top: -5.5625em; } }

@media (max-width: 991px) {
  #sec2Anchor {
    top: -7.87122em; } }
@media (min-width: 992px) {
  #sec2Anchor {
    top: -5.5625em; } }

@media (max-width: 991px) {
  #sec3Anchor {
    top: -7.87122em; } }
@media (min-width: 992px) {
  #sec3Anchor {
    top: -5.5625em; } }

@media (max-width: 991px) {
  #sec4Anchor {
    top: -7.87122em; } }
@media (min-width: 992px) {
  #sec4Anchor {
    top: -5.5625em; } }

@media (max-width: 991px) {
  #sec5Anchor {
    top: -7.87122em; } }
@media (min-width: 992px) {
  #sec5Anchor {
    top: -5.5625em; } }

@media (max-width: 991px) {
  #sec6Anchor {
    top: -7.87122em; } }
@media (min-width: 992px) {
  #sec6Anchor {
    top: -5.5625em; } }