@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap");
.ver0 {
  display: none; }

.masthead-service {
  position: relative;
  display: flex;
  align-items: center; }

.header .btn-fb,
.header .btn-line {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 100%;
  background: #009944;
  color: #fff !important; }
  @media (max-width: 991px) {
    .header .btn-fb,
    .header .btn-line {
      width: 2.25814em;
      height: 2.25814em;
      margin: 0 0.22581em; } }
  @media (min-width: 992px) {
    .header .btn-fb,
    .header .btn-line {
      width: 2.1875em;
      height: 2.1875em;
      margin: 0 0.21875em; } }

.header .btn-fb:hover,
.header .btn-fb:focus,
.header .btn-fb:active,
.header .btn-line:hover,
.header .btn-line:focus,
.header .btn-line:active {
  background: #205746; }

@media (max-width: 991px) {
  .menu .masthead-service {
    padding-top: 0em; } }
@media (min-width: 992px) {
  .menu .masthead-service {
    padding-top: 0em; } }
@media (max-width: 991px) {
  .menu .btn-fb,
  .menu .btn-line {
    width: 5.29049em;
    height: 5.29049em !important;
    margin: 0 1.35488em; } }
@media (min-width: 992px) {
  .menu .btn-fb,
  .menu .btn-line {
    width: 3.75em;
    height: 3.75em;
    margin: 0 1.3125em; } }
.menu .btn-fb i,
.menu .btn-line i {
  font-size: 3em; }
  @media (min-width: 992px) {
    .menu .btn-fb i,
    .menu .btn-line i {
      font-size: 1.6em; } }

@media (max-width: 991px) {
  .masthead-service-pc {
    display: none !important; } }
body {
  overflow-x: hidden;
  font-family: "Noto Sans TC", sans-serif, serif; }

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

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

.wrapper {
  position: relative;
  overflow: hidden;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  z-index: 99; }
  @media (max-width: 991px) {
    .header {
      height: 8.38737em; } }
  @media (min-width: 992px) {
    .header {
      height: 7.1875em; } }
  .header .header-inner {
    position: relative;
    margin: 0 auto;
    z-index: 1; }
    @media (max-width: 991px) {
      .header .header-inner {
        width: 100%;
        height: 8.38737em; } }
    @media (min-width: 992px) {
      .header .header-inner {
        max-width: 1920px;
        height: 7.1875em; } }
  .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 .logo1 {
    position: relative; }
    @media (max-width: 991px) {
      .header .logo1 {
        margin-left: 1.93555em;
        margin-right: 1.16133em; } }
    @media (min-width: 992px) {
      .header .logo1 {
        margin-left: 2.6875em;
        margin-right: 1.125em; } }
    .header .logo1 a {
      display: block; }
    @media (max-width: 991px) {
      .header .logo1 img {
        width: 15.16178em;
        height: 4.12917em; } }
    @media (min-width: 992px) {
      .header .logo1 img {
        width: 11.9375em;
        height: 3.4375em; } }
  .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(255, 255, 255, 0.9);
      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: 0em;
          overflow: hidden;
          height: 7.74219em;
          display: flex !important;
          justify-content: center !important; }
          .header .menu ul li a {
            text-decoration: none;
            display: block; }
            .header .menu ul li a span {
              font-size: 3.87109em;
              color: #009944; }
    .header .btn-menu {
      position: relative;
      z-index: 92;
      display: block;
      right: 1.93555em;
      width: 6.0002em;
      height: 6.0002em; }
      .header .btn-menu:hover, .header .btn-menu:active, .header .btn-menu:focus {
        outline: none !important;
        border: none !important; }
      .header .btn-menu > div:nth-child(2) {
        display: none; } }
  @media (min-width: 992px) {
    .header .menu {
      position: fixed;
      display: none;
      z-index: 90;
      background: rgba(255, 255, 255, 0.9);
      width: 25vw;
      height: 100vh;
      right: 0;
      top: 0;
      padding-top: 8.75em; }
      .header .menu ul {
        position: relative;
        width: 80.41666666666667%;
        left: -1.25em;
        margin-left: auto;
        margin-right: auto; }
        .header .menu ul li {
          position: relative;
          display: flex !important;
          justify-content: center !important;
          height: 5.5em; }
          .header .menu ul li a {
            text-decoration: none; }
            .header .menu ul li a span {
              font-size: 2.5em;
              color: #009944; }
    .header .btn-menu {
      position: relative;
      z-index: 92;
      display: block;
      right: 4.375em;
      width: 3.75em;
      height: 3.75em; }
      .header .btn-menu:hover, .header .btn-menu:active, .header .btn-menu:focus {
        outline: none !important;
        border: none !important; }
      .header .btn-menu > div:nth-child(2) {
        display: none; } }

body.scrolled .header {
  background-color: #c3dfd1; }
  @media (max-width: 991px) {
    body.scrolled .header {
      height: 6.12923em; }
      body.scrolled .header .btn-menu {
        margin-top: 0; } }
  @media (min-width: 992px) {
    body.scrolled .header {
      height: 5.9375em; }
      body.scrolled .header .btn-menu {
        margin-top: 0; } }
  body.scrolled .header .header-inner {
    position: relative;
    margin: 0 auto;
    z-index: 1; }
    @media (max-width: 991px) {
      body.scrolled .header .header-inner {
        width: 100%;
        height: 6.12923em; } }
    @media (min-width: 992px) {
      body.scrolled .header .header-inner {
        max-width: 1920px;
        height: 5.9375em; } }

.btn-menu > div:nth-child(1) img:nth-child(1) {
  display: block; }
.btn-menu > div:nth-child(1) img:nth-child(2) {
  display: none; }

body.scrolled .btn-menu > div:nth-child(1) img:nth-child(1) {
  display: none; }
body.scrolled .btn-menu > div:nth-child(1) img:nth-child(2) {
  display: block; }

@keyframes kv-plan {
  0% {
    opacity: 0;
    transform: translateX(0%) translateY(0%) rotate(5deg); }
  10%, 90% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateX(80%) translateY(-50%) rotate(5deg); } }
.blur-animation {
  animation: blurEffect 3s alternate; }

@keyframes blurEffect {
  0% {
    filter: blur(9px); }
  100% {
    filter: blur(0px); } }
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); } }
.sec {
  position: relative;
  overflow: hidden; }

section {
  position: relative; }

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

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

.inner {
  position: relative; }

#kv {
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) {
    #kv {
      height: 67.5em;
      margin-top: -2.1875em; } }
  @media (max-width: 991px) {
    #kv {
      height: 112.39076em;
      margin-top: -5.16146em; } }
  #kv .slider {
    overflow: hidden;
    box-sizing: border-box;
    z-index: 0; }
    @media (min-width: 992px) {
      #kv .slider {
        width: 100vw;
        position: relative;
        max-width: 120em;
        aspect-ratio: 16 / 9;
        top: 0; } }
    @media (max-width: 991px) {
      #kv .slider {
        position: fixed;
        top: -10000vh; } }
  #kv .slider * {
    box-sizing: border-box; }
  #kv .blind-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex; }
  #kv .blind {
    width: 25%;
    height: 100%;
    overflow: hidden;
    position: relative; }
  #kv .img1, #kv .img2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-y: 0; }
  #kv .img1 {
    z-index: 1;
    background-image: url("../images/kv/1.jpg"); }
  #kv .img2 {
    z-index: 2;
    background-image: url("../images/kv/2.jpg");
    transform: translateX(-100%); }
  #kv .blind.reveal .img2 {
    animation: slideIn 0.8s ease forwards; }
@keyframes slideIn {
  to {
    transform: translateX(0%); } }
  #kv .slider_m {
    overflow: hidden;
    box-sizing: border-box;
    z-index: 0; }
    @media (min-width: 992px) {
      #kv .slider_m {
        position: fixed;
        top: -10000vh; } }
    @media (max-width: 991px) {
      #kv .slider_m {
        position: relative;
        width: 61.9375em;
        max-width: 61.9375em;
        aspect-ratio: 0.551;
        top: 0; } }
  #kv .slider_m * {
    box-sizing: border-box; }
  #kv .blind-wrapper_m {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex; }
  #kv .blind_m {
    width: 25%;
    height: 100%;
    overflow: hidden;
    position: relative; }
  #kv .img1_m, #kv .img2_m {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-y: 0; }
  #kv .img1_m {
    z-index: 1;
    background-image: url("../images/kv/1_m.jpg"); }
  #kv .img2_m {
    z-index: 2;
    background-image: url("../images/kv/2_m.jpg");
    transform: translateX(-100%); }
  #kv .blind_m.reveal_m .img2_m {
    animation: slideIn_m 0.6s ease forwards; }
@keyframes slideIn_m {
  to {
    transform: translateX(0%); } }
  #kv .slogan {
    position: absolute; }
    @media (min-width: 992px) {
      #kv .slogan {
        left: 38.3125em;
        top: 4.6875em;
        width: 56.9375em;
        height: 31.25em; } }
    @media (max-width: 991px) {
      #kv .slogan {
        left: 6.64538em;
        top: 29.29128em;
        width: 49.16289em;
        height: 27.35573em; } }
  #kv .pkeu {
    position: absolute;
    z-index: 9; }
    @media (min-width: 992px) {
      #kv .pkeu {
        left: 75.3125em;
        top: 5.75em;
        width: 13.0625em;
        height: 6.0625em; } }
    @media (max-width: 991px) {
      #kv .pkeu {
        left: 40.711em;
        top: 50.64681em;
        width: 16.83926em;
        height: 7.80671em; } }
  #kv .airplane {
    position: absolute; }
    @media (min-width: 992px) {
      #kv .airplane {
        left: 17.3125em;
        top: 7.375em;
        width: 17.4375em;
        height: 11.125em; } }
    @media (max-width: 991px) {
      #kv .airplane {
        left: 29.0332em;
        top: 10.32292em;
        width: 23.16204em;
        height: 14.83919em; } }
    #kv .airplane img {
      animation: floatUpDown 2s ease-in-out infinite;
      animation-delay: 1s; }
  #kv .train {
    position: absolute; }
    @media (min-width: 992px) {
      #kv .train {
        left: 96.625em;
        top: 52em;
        width: 24em;
        height: 14.1875em; } }
    @media (max-width: 991px) {
      #kv .train {
        left: 37.61413em;
        top: 94.45469em;
        width: 30.38809em;
        height: 17.93607em; } }

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-8px); } }
#sec1 {
  position: relative;
  background-color: #fbf7eb; }
  @media (min-width: 992px) {
    #sec1 {
      height: 86.625em; } }
  @media (max-width: 991px) {
    #sec1 {
      height: 172.52174em; } }
  #sec1 .inner {
    position: relative; }
    @media (min-width: 992px) {
      #sec1 .inner {
        padding-top: 3.25em; } }
    @media (max-width: 991px) {
      #sec1 .inner {
        padding-top: 8.51641em; } }
  #sec1 .pkeu {
    position: relative;
    display: flex !important;
    justify-content: center !important;
    z-index: 1; }
    #sec1 .pkeu img {
      position: relative; }
      @media (min-width: 992px) {
        #sec1 .pkeu img {
          width: 38.5625em; } }
      @media (max-width: 991px) {
        #sec1 .pkeu img {
          width: 39.80775em; } }
  #sec1 .txt {
    position: relative;
    z-index: 1; }
    #sec1 .txt p {
      text-align: left;
      color: #333333; }
      @media (min-width: 992px) {
        #sec1 .txt p {
          font-size: 1.75em;
          line-height: 2.143; } }
      @media (max-width: 991px) {
        #sec1 .txt p {
          font-size: 2.19362em;
          line-height: 2.118; } }
  @media (min-width: 992px) {
    #sec1 .txt1 {
      padding-left: 11.75em;
      padding-top: 0.875em;
      width: 68.75em; } }
  @media (max-width: 991px) {
    #sec1 .txt1 {
      padding-left: 3.22591em;
      padding-top: 0.32259em;
      padding-right: 1.74199em; } }
  #sec1 .map {
    position: absolute;
    z-index: 0; }
    @media (min-width: 992px) {
      #sec1 .map {
        left: 59.8125em;
        top: 12.1875em;
        width: 84em;
        height: 56em; } }
    @media (max-width: 991px) {
      #sec1 .map {
        left: 4.9679em;
        top: 47.35638em;
        width: 86.7125em;
        height: 57.80833em; } }
  #sec1 .sub {
    position: relative;
    z-index: 1; }
    @media (min-width: 992px) {
      #sec1 .sub {
        padding-left: 12.125em;
        padding-top: 2.5em; } }
    @media (max-width: 991px) {
      #sec1 .sub {
        padding-left: 3.48398em;
        padding-top: 53.16302em; } }
    @media (min-width: 992px) {
      #sec1 .sub img {
        width: 48.8125em; } }
    @media (max-width: 991px) {
      #sec1 .sub img {
        width: 55.09857em; } }
  #sec1 .txt2 {
    z-index: 1; }
    @media (min-width: 992px) {
      #sec1 .txt2 {
        padding-left: 11.5em;
        padding-top: 2em;
        width: 68.75em; } }
    @media (max-width: 991px) {
      #sec1 .txt2 {
        padding-left: 3.22591em;
        padding-top: 1.93555em;
        padding-right: 1.74199em; } }
  #sec1 .highlights {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important; }
    @media (min-width: 992px) {
      #sec1 .highlights {
        padding-left: 10.875em;
        padding-top: 4.625em; } }
    @media (max-width: 991px) {
      #sec1 .highlights {
        padding-top: 0.77422em;
        justify-content: center !important;
        margin-left: -0.77422em; } }
    #sec1 .highlights .item {
      position: relative; }
      @media (min-width: 992px) {
        #sec1 .highlights .item {
          margin-right: 1.25em;
          margin-bottom: 1.875em;
          height: 8.375em; } }
      @media (max-width: 991px) {
        #sec1 .highlights .item {
          margin-right: 0em;
          margin-bottom: 1.29036em;
          height: 10.32292em; } }
      @media (min-width: 992px) {
        #sec1 .highlights .item img {
          height: 8.375em; } }
      @media (max-width: 991px) {
        #sec1 .highlights .item img {
          height: 10.32292em; } }

#sec2 {
  overflow: hidden;
  background-color: #f6efda; }
  #sec2 .inner {
    position: relative; }
  #sec2 .tabs {
    position: relative;
    display: flex !important;
    background-color: #83c6bc; }
    #sec2 .tabs a {
      flex: 1 1 auto !important;
      width: 33.33333333333333%;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      text-decoration: none; }
      @media (min-width: 992px) {
        #sec2 .tabs a {
          height: 5.625em; } }
      @media (max-width: 991px) {
        #sec2 .tabs a {
          height: 5.80664em; } }
      #sec2 .tabs a span {
        color: #fbf7eb;
        font-weight: bold; }
        @media (min-width: 992px) {
          #sec2 .tabs a span {
            font-size: 2.25em; } }
        @media (max-width: 991px) {
          #sec2 .tabs a span {
            font-size: 2.32266em; } }
      @media (min-width: 992px) {
        #sec2 .tabs a img {
          width: 2.625em;
          height: 1.5em;
          margin: 0 0.5em; } }
      @media (max-width: 991px) {
        #sec2 .tabs a img {
          display: none !important; } }
      #sec2 .tabs a.active {
        background-color: #2aaaa6; }
      @media (min-width: 992px) {
        #sec2 .tabs a:hover img:first-child {
          margin-right: 1.5em; }
        #sec2 .tabs a:hover img:last-child {
          margin-left: 1.5em; } }
  #sec2 .content {
    position: fixed;
    top: -10000em; }
    #sec2 .content.active {
      position: relative;
      top: 0; }
    @media (max-width: 991px) {
      #sec2 .content {
        padding-top: 50.77585em;
        padding-bottom: 9.03255em; } }
    @media (min-width: 992px) {
      #sec2 .content {
        padding-top: 11.375em;
        padding-bottom: 12.875em; } }
    #sec2 .content .sub {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
    #sec2 .content .short {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        #sec2 .content .short {
          padding-top: 3.5485em; } }
      @media (min-width: 992px) {
        #sec2 .content .short {
          padding-top: 2.6875em; } }
    #sec2 .content .info {
      position: relative; }
      @media (max-width: 991px) {
        #sec2 .content .info {
          padding-top: 6.19375em; } }
      @media (min-width: 992px) {
        #sec2 .content .info {
          display: flex !important;
          justify-content: center !important;
          padding-top: 6.25em; } }
      @media (max-width: 991px) {
        #sec2 .content .info .pic {
          width: 48.38867em;
          margin-left: auto;
          margin-right: auto; } }
      @media (min-width: 992px) {
        #sec2 .content .info .pic {
          width: 43.75em;
          margin: 0 1.875em; } }
      @media (max-width: 991px) {
        #sec2 .content .info .pic img {
          width: 48.38867em;
          height: 33.16237em;
          border-radius: 1.93555em; } }
      @media (min-width: 992px) {
        #sec2 .content .info .pic img {
          width: 43.75em;
          height: 30em;
          border-radius: 1.875em; } }
      #sec2 .content .info .txt {
        position: relative; }
        @media (min-width: 992px) {
          #sec2 .content .info .txt {
            padding-top: 4.875em;
            width: 43.5625em;
            margin: 0 1.875em; } }
        @media (max-width: 991px) {
          #sec2 .content .info .txt {
            padding-left: 5.80664em;
            padding-right: 5.80664em; } }
        #sec2 .content .info .txt p {
          color: black;
          text-align: justify; }
          @media (min-width: 992px) {
            #sec2 .content .info .txt p {
              font-size: 1.5em;
              line-height: 1.833; } }
          @media (max-width: 991px) {
            #sec2 .content .info .txt p {
              font-size: 2.19362em;
              line-height: 1.765; } }
    #sec2 .content .slide {
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 992px) {
        #sec2 .content .slide {
          margin-top: 8.3125em;
          width: 99.375em; } }
      @media (max-width: 991px) {
        #sec2 .content .slide {
          margin-top: 8.06478em;
          width: 50.32422em; } }
      #sec2 .content .slide .item {
        position: relative;
        background-color: white;
        overflow: hidden; }
        @media (min-width: 992px) {
          #sec2 .content .slide .item {
            width: 31.25em;
            height: 36.25em;
            margin: 0 0.9375em;
            border-radius: 1.25em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide .item {
            width: 48.38867em;
            height: 57.42122em;
            margin: 0 0.96777em;
            border-radius: 1.29036em; } }
        #sec2 .content .slide .item .txt {
          position: relative; }
          @media (min-width: 992px) {
            #sec2 .content .slide .item .txt {
              border-bottom: 0.125em solid #009944;
              height: 13.125em;
              margin: 0 0.5625em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide .item .txt {
              border-bottom: 0.12904em solid #009944;
              height: 22.25879em;
              margin: 0 0.83874em; } }
        @media (min-width: 992px) {
          #sec2 .content .slide .item .txt1 {
            padding-left: 0.4375em;
            padding-top: 1.25em;
            padding-right: 0.4375em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide .item .txt1 {
            padding-left: 0.90326em;
            padding-top: 1.93555em;
            padding-right: 0.90326em; } }
        #sec2 .content .slide .item .txt1 p {
          color: #333333;
          text-align: justify;
          font-weight: bold; }
          @media (min-width: 992px) {
            #sec2 .content .slide .item .txt1 p {
              font-size: 1.5em;
              margin-bottom: 0.375em;
              line-height: 1.5; } }
          @media (max-width: 991px) {
            #sec2 .content .slide .item .txt1 p {
              font-size: 2.70977em;
              margin-bottom: 0.51615em;
              line-height: 1.286; } }
        @media (min-width: 992px) {
          #sec2 .content .slide .item .txt2 {
            padding-left: 0.4375em;
            padding-right: 0.4375em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide .item .txt2 {
            padding-left: 0.90326em;
            padding-right: 0.90326em; } }
        #sec2 .content .slide .item .txt2 span {
          color: #666666;
          text-align: justify; }
          @media (min-width: 992px) {
            #sec2 .content .slide .item .txt2 span {
              font-size: 1.375em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide .item .txt2 span {
              font-size: 2.06458em; } }
        #sec2 .content .slide .item .bottom {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important; }
          @media (min-width: 992px) {
            #sec2 .content .slide .item .bottom {
              padding-left: 0.4375em;
              padding-right: 0.4375em;
              border-top: 0.125em solid #009944;
              margin: 0 0.5625em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide .item .bottom {
              padding-left: 0.45163em;
              padding-right: 0.45163em;
              border-top: 0.25807em solid #009944;
              margin: 0 1.16133em; } }
          #sec2 .content .slide .item .bottom .price span {
            color: #000000; }
            @media (min-width: 992px) {
              #sec2 .content .slide .item .bottom .price span {
                font-size: 1.125em;
                font-weight: 500; } }
            @media (max-width: 991px) {
              #sec2 .content .slide .item .bottom .price span {
                font-size: 1.80651em; } }
          #sec2 .content .slide .item .bottom .price span:nth-child(2) {
            color: #ea5404; }
            @media (min-width: 992px) {
              #sec2 .content .slide .item .bottom .price span:nth-child(2) {
                font-size: 2.25em; } }
            @media (max-width: 991px) {
              #sec2 .content .slide .item .bottom .price span:nth-child(2) {
                font-size: 3.48398em;
                font-weight: bold; } }
          #sec2 .content .slide .item .bottom .btn-buy {
            display: flex !important; }
            #sec2 .content .slide .item .bottom .btn-buy a {
              background-color: #ea5404;
              text-decoration: none;
              display: flex !important;
              justify-content: center !important;
              align-items: center !important; }
              @media (min-width: 992px) {
                #sec2 .content .slide .item .bottom .btn-buy a {
                  width: 8.125em;
                  height: 2.5em;
                  border-radius: 0.625em;
                  margin-top: 0.625em; } }
              @media (max-width: 991px) {
                #sec2 .content .slide .item .bottom .btn-buy a {
                  width: 12.51654em;
                  height: 3.93561em;
                  border-radius: 0.64518em;
                  margin-top: 0.64518em; } }
              #sec2 .content .slide .item .bottom .btn-buy a span {
                font-weight: bold;
                line-height: 1;
                color: #ffffff; }
                @media (min-width: 992px) {
                  #sec2 .content .slide .item .bottom .btn-buy a span {
                    font-size: 1.5em; } }
                @media (max-width: 991px) {
                  #sec2 .content .slide .item .bottom .btn-buy a span {
                    font-size: 2.32266em; } }
              #sec2 .content .slide .item .bottom .btn-buy a:hover {
                animation: scale-up 0.4s ease forwards; }
  @media (max-width: 991px) {
    #sec2 #tab1Content {
      background: url("../images/sec2/1/bg_m.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (min-width: 992px) {
    #sec2 #tab1Content {
      background: url("../images/sec2/1/bg.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (max-width: 991px) {
    #sec2 #tab1Content .sub img {
      width: 39.35612em; } }
  @media (min-width: 992px) {
    #sec2 #tab1Content .sub img {
      width: 35.3125em; } }
  @media (max-width: 991px) {
    #sec2 #tab1Content .short img {
      width: 59.67936em; } }
  @media (min-width: 992px) {
    #sec2 #tab1Content .short img {
      width: 57.8125em; } }
  @media (max-width: 991px) {
    #sec2 #tab2Content {
      background: url("../images/sec2/2/bg_m.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (min-width: 992px) {
    #sec2 #tab2Content {
      background: url("../images/sec2/2/bg.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (max-width: 991px) {
    #sec2 #tab2Content .sub img {
      width: 45.42083em; } }
  @media (min-width: 992px) {
    #sec2 #tab2Content .sub img {
      width: 40.8125em; } }
  @media (max-width: 991px) {
    #sec2 #tab2Content .short img {
      width: 60.32454em; } }
  @media (min-width: 992px) {
    #sec2 #tab2Content .short img {
      width: 60.125em; } }
  #sec2 #tab2Content .info .txt {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 #tab2Content .info .txt {
        padding-top: 4.25em; } }
  @media (max-width: 991px) {
    #sec2 #tab3Content {
      background: url("../images/sec2/3/bg_m.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (min-width: 992px) {
    #sec2 #tab3Content {
      background: url("../images/sec2/3/bg.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (max-width: 991px) {
    #sec2 #tab3Content .sub img {
      width: 52.71139em; } }
  @media (min-width: 992px) {
    #sec2 #tab3Content .sub img {
      width: 46.4375em; } }
  @media (max-width: 991px) {
    #sec2 #tab3Content .short img {
      width: 53.55013em; } }
  @media (min-width: 992px) {
    #sec2 #tab3Content .short img {
      width: 51.875em; } }
  #sec2 #tab3Content .info .txt {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 #tab3Content .info .txt {
        padding-top: 6.75em; } }
  @media (min-width: 992px) {
    #sec2 #tab3Content .slide .item {
      height: 37.5em; } }
  #sec2 #tab3Content .slide .item .txt {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 #tab3Content .slide .item .txt {
        height: 15em; } }
  #sec2 .slick-prev, #sec2 .slick-next {
    position: absolute;
    z-index: 1;
    display: block;
    color: transparent; }
    @media (min-width: 992px) {
      #sec2 .slick-prev, #sec2 .slick-next {
        top: 17.125em;
        width: 3.75em;
        height: 5.625em; } }
    @media (max-width: 991px) {
      #sec2 .slick-prev, #sec2 .slick-next {
        top: 24.45241em;
        width: 3.87109em;
        height: 5.80664em; } }
  #sec2 .slick-prev {
    background: url("../images/sec2/btn-prev.png") center center no-repeat;
    background-size: 99% 99%; }
    @media (min-width: 992px) {
      #sec2 .slick-prev {
        left: -9.1875em; } }
    @media (max-width: 991px) {
      #sec2 .slick-prev {
        left: -4.83887em; } }
  #sec2 .slick-next {
    background: url("../images/sec2/btn-next.png") center center no-repeat;
    background-size: 99% 99%; }
    @media (min-width: 992px) {
      #sec2 .slick-next {
        right: -9.1875em; } }
    @media (max-width: 991px) {
      #sec2 .slick-next {
        right: -4.83887em; } }
  #sec2 .slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 9; }
    @media (min-width: 992px) {
      #sec2 .slick-dots {
        bottom: -3.25em; } }
    @media (max-width: 991px) {
      #sec2 .slick-dots {
        bottom: -3.35495em; } }
  #sec2 .slide .slick-dots {
    position: absolute; }
    @media (min-width: 992px) {
      #sec2 .slide .slick-dots {
        bottom: -5em; } }
    @media (max-width: 991px) {
      #sec2 .slide .slick-dots {
        bottom: -5.16146em; } }
  #sec2 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.67747em;
    height: 1.67747em;
    margin: 0 0.80648em;
    border-radius: 0.96777em;
    padding: 0;
    cursor: pointer;
    background: #2aaaa6;
    overflow: hidden; }
    @media (min-width: 992px) {
      #sec2 .slick-dots li {
        width: 1.625em;
        height: 1.625em;
        margin: 0 0.78125em;
        border-radius: 0.9375em; } }
  #sec2 .slick-dots li button {
    border: 0;
    background: #2aaaa6;
    display: block;
    width: 1.67747em;
    height: 1.67747em;
    outline: none;
    line-height: 0px;
    font-size: 16px;
    color: transparent;
    padding: 0 0.625em;
    cursor: pointer; }
    @media (min-width: 992px) {
      #sec2 .slick-dots li button {
        width: 1.625em;
        height: 1.625em; } }
  #sec2 .slick-dots li button:hover, #sec2 .slick-dots li button:focus {
    outline: none; }
  #sec2 .slick-dots li button:hover:before, #sec2 .slick-dots li button:focus:before {
    opacity: 1; }
  #sec2 .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 1.67747em;
    height: 1.67747em;
    font-family: "slick";
    font-size: 16px;
    line-height: 0.625em;
    text-align: center;
    color: black;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (min-width: 992px) {
      #sec2 .slick-dots li button:before {
        width: 1.625em;
        height: 1.625em; } }
  #sec2 .slick-dots li.slick-active {
    background: #ea5404; }
  #sec2 .slick-dots li.slick-active button {
    background: #ea5404; }
  #sec2 .slick-dots li.slick-active button:before {
    color: black;
    opacity: 1; }

@keyframes scale-up {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }
@media (min-width: 992px) {
  #sec3 {
    height: 67.6875em;
    background: url("../images/sec3/bg.jpg") center bottom;
    background-size: 100% auto; } }
@media (max-width: 991px) {
  #sec3 {
    height: 105.61634em;
    background: url("../images/sec3/bg_m.jpg") center bottom;
    background-size: 100% auto; } }
@media (min-width: 992px) {
  #sec3 .inner {
    padding-top: 11.125em; } }
@media (max-width: 991px) {
  #sec3 .inner {
    padding-top: 10.45195em; } }
#sec3 .title {
  position: relative;
  display: flex !important;
  justify-content: center !important; }
  @media (min-width: 992px) {
    #sec3 .title img {
      width: 98.8125em; } }
  @media (max-width: 991px) {
    #sec3 .title img {
      width: 45.16276em; } }
#sec3 .ls {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important; }
  @media (min-width: 992px) {
    #sec3 .ls {
      width: 107.1875em;
      margin-top: 4.5625em; } }
  @media (max-width: 991px) {
    #sec3 .ls {
      width: 100%;
      margin-top: 3.09688em; } }
  #sec3 .ls a {
    position: relative; }
    @media (min-width: 992px) {
      #sec3 .ls a {
        margin-left: 0.84375em;
        margin-right: 0.84375em;
        margin-bottom: 0.8125em; } }
    @media (max-width: 991px) {
      #sec3 .ls a {
        margin-left: 0.5484em;
        margin-right: 0.5484em;
        margin-bottom: 0.77422em; } }
    @media (min-width: 992px) {
      #sec3 .ls a img {
        width: 23.25em; } }
    @media (max-width: 991px) {
      #sec3 .ls a img {
        width: 24.71048em; } }
    #sec3 .ls a img:hover {
      animation: scale-up 0.4s ease forwards; }

.right-nav {
  position: fixed;
  z-index: 999;
  right: 2.1291em;
  bottom: 3.09688em;
  display: none; }
  @media (min-width: 992px) {
    .right-nav {
      right: 1.625em;
      bottom: 6.75em; } }

.btn-scrolltop {
  display: block;
  position: relative;
  width: 3.93561em;
  height: 3.93561em; }
  @media (min-width: 992px) {
    .btn-scrolltop {
      width: 5.5em;
      height: 5.5em; } }
  .btn-scrolltop:hover {
    transform: translatey(-5px);
    opacity: 0.8; }

#loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  right: -105vw;
  z-index: 999999;
  background: #fbf7eb;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s ease; }

body.loading {
  overflow: hidden; }
  body.loading #loading {
    right: 0;
    opacity: 1; }