@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: #1c6551;
  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 {
      box-sizing: content-box;
      width: 3.125em;
      height: 3.125em;
      margin: 0 0.21875em;
      border: 2px solid white; } }

.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; } }

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

.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: 6.4375em; } }
  .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: 6.4375em; } }
  .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.5em;
        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.3125em; } }
  .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: #383838; }
    .header .btn-menu {
      position: relative;
      z-index: 92;
      display: block;
      right: 1.93555em;
      width: 6.0002em;
      height: 6.0002em;
      margin-top: 0.90326em; }
      .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: #383838; }
    .header .btn-menu {
      position: relative;
      z-index: 92;
      display: block;
      right: 4.375em;
      width: 3.75em;
      height: 3.75em;
      margin-top: 0.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: #000e1e; }
  @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; }

@keyframes fade {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 0; } }
#kv {
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) {
    #kv {
      height: 72.9375em; } }
  @media (max-width: 991px) {
    #kv {
      height: 112.13268em; } }
  #kv .slide {
    z-index: 0; }
    @media (min-width: 992px) {
      #kv .slide {
        position: relative;
        height: 72.9375em; } }
    @media (max-width: 991px) {
      #kv .slide {
        position: fixed;
        top: -10000vh; } }
    #kv .slide img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      animation: fade 5s infinite; }
    #kv .slide .img1 {
      animation-delay: 0s; }
    #kv .slide .img2 {
      animation-delay: 1s; }
    #kv .slide .img3 {
      animation-delay: 2s; }
    #kv .slide .img4 {
      animation-delay: 3s; }
    #kv .slide .img5 {
      animation-delay: 4s; }
  #kv .slide_m {
    z-index: 0; }
    @media (min-width: 992px) {
      #kv .slide_m {
        position: fixed;
        top: -10000vh; } }
    @media (max-width: 991px) {
      #kv .slide_m {
        position: relative;
        height: 112.13268em; } }
    #kv .slide_m img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      animation: fade 5s infinite; }
    #kv .slide_m .img1_m {
      animation-delay: 0s; }
    #kv .slide_m .img2_m {
      animation-delay: 1s; }
    #kv .slide_m .img3_m {
      animation-delay: 2s; }
    #kv .slide_m .img4_m {
      animation-delay: 3s; }
    #kv .slide_m .img5_m {
      animation-delay: 4s; }
  #kv .slogan {
    position: absolute;
    z-index: 1; }
    @media (min-width: 992px) {
      #kv .slogan {
        left: 30.75em;
        top: 5.1875em;
        width: 58.5em;
        height: 16.875em; } }
    @media (max-width: 991px) {
      #kv .slogan {
        left: 11.87135em;
        top: 8.38737em;
        width: 36.77539em;
        height: 36.38828em;
        transform-origin: center bottom;
        transform: scale(0.95); } }
  #kv .whale {
    position: absolute;
    z-index: 2; }
    @media (min-width: 992px) {
      #kv .whale {
        left: 32.5625em;
        top: 18.375em;
        width: 56.5em;
        height: 55.1875em; } }
    @media (max-width: 991px) {
      #kv .whale {
        left: 1.87103em;
        top: 51.80814em;
        width: 64.90534em;
        height: 63.42142em; } }
  #kv .txt {
    position: absolute;
    z-index: 3; }
    @media (min-width: 992px) {
      #kv .txt {
        left: 36.875em;
        top: 58.25em;
        width: 45.5625em;
        height: 2.3125em; } }
    @media (max-width: 991px) {
      #kv .txt {
        left: 10.19388em;
        top: 100.26133em;
        width: 41.74329em;
        height: 2.1291em; } }
  #kv .pkac {
    position: absolute;
    z-index: 1; }
    @media (min-width: 992px) {
      #kv .pkac {
        left: 91.0625em;
        top: 8.75em;
        width: 8.1875em;
        height: 11.5625em; } }
    @media (max-width: 991px) {
      #kv .pkac {
        left: 26.71055em;
        top: 48.00156em;
        width: 8.45189em;
        height: 11.87135em; } }
  #kv .airplane {
    position: absolute;
    z-index: 2; }
    @media (min-width: 992px) {
      #kv .airplane {
        left: 27.44791666666667vw;
        top: 21.5625em;
        width: 15.5em;
        height: 3.5em; } }
    @media (max-width: 991px) {
      #kv .airplane {
        left: 40vw;
        top: 10.9681em;
        width: 13.54883em; } }
    #kv .airplane img {
      animation: floatUpDown 2s ease-in-out infinite;
      animation-delay: 2.1s; }
  #kv [data-aos="fade-right"] {
    transform: translateX(-300px);
    opacity: 0;
    transition-property: transform, opacity; }
  #kv [data-aos="fade-right"].aos-animate {
    transform: translateX(0);
    opacity: 1; }

@keyframes floatUpDown {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
@keyframes flyin {
  0% {
    left: -20vw;
    transform: translateY(0); }
  100% {
    left: 26vw;
    transform: translateY(0); } }
@keyframes float {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
#sec1 {
  position: relative; }
  @media (min-width: 992px) {
    #sec1 {
      height: 108.1875em;
      background: url("../images/sec1/bg.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  @media (max-width: 991px) {
    #sec1 {
      height: 178.84453em;
      background: url("../images/sec1/bg_m.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  #sec1 .inner {
    position: relative; }
    @media (min-width: 992px) {
      #sec1 .inner {
        padding-top: 0.125em; } }
    @media (max-width: 991px) {
      #sec1 .inner {
        padding-top: 0.90326em; } }
  #sec1 .pkac {
    position: relative;
    display: flex !important;
    justify-content: center !important;
    z-index: 1; }
    #sec1 .pkac img {
      position: relative; }
      @media (min-width: 992px) {
        #sec1 .pkac img {
          width: 15.9375em; } }
      @media (max-width: 991px) {
        #sec1 .pkac img {
          width: 16.45215em;
          margin-left: -1.54844em; } }
  #sec1 .txt {
    position: relative;
    z-index: 1; }
    #sec1 .txt p {
      text-align: left;
      color: #ffffff; }
      @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; } }
    #sec1 .txt strong {
      color: #53f7fb; }
  @media (min-width: 992px) {
    #sec1 .txt1 {
      padding-left: 11.5625em;
      padding-top: 5.5em;
      width: 54.375em; } }
  @media (max-width: 991px) {
    #sec1 .txt1 {
      padding-left: 3.22591em;
      padding-top: 5.48405em;
      padding-right: 1.74199em; } }
  #sec1 .map {
    position: absolute;
    z-index: 0; }
    @media (min-width: 992px) {
      #sec1 .map {
        left: 57.375em;
        top: 27.3125em;
        width: 58.25em;
        height: 39.375em; } }
    @media (max-width: 991px) {
      #sec1 .map {
        left: 3.5485em;
        top: 68.38932em;
        width: 56.77604em; } }
  #sec1 .sub {
    position: relative;
    z-index: 1; }
    @media (min-width: 992px) {
      #sec1 .sub {
        padding-left: 12.125em;
        padding-top: 7.625em; } }
    @media (max-width: 991px) {
      #sec1 .sub {
        padding-left: 3.74206em;
        padding-top: 46.7112em; } }
    @media (min-width: 992px) {
      #sec1 .sub img {
        width: 44.5625em; } }
    @media (max-width: 991px) {
      #sec1 .sub img {
        width: 54.84049em; } }
  #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: 2.4375em;
          margin-bottom: 1.875em;
          height: 12.5em; } }
      @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: 12.5em; } }
      @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;
    justify-content: center !important; }
    @media (min-width: 992px) {
      #sec2 .tabs {
        background: url("../images/sec2/tab-bg.jpg") center top repeat-y;
        background-size: 100% 100%; } }
    @media (max-width: 991px) {
      #sec2 .tabs {
        background: url("../images/sec2/tab-bg_m.jpg") center top repeat-y;
        background-size: 100% 100%; } }
    #sec2 .tabs a {
      position: relative;
      text-decoration: none; }
      @media (min-width: 992px) {
        #sec2 .tabs a {
          width: 20.625em;
          height: 6.5625em; } }
      @media (max-width: 991px) {
        #sec2 .tabs a {
          width: 17.87155em;
          height: 6.12923em; } }
      #sec2 .tabs a span {
        color: #fbf7eb;
        font-weight: bold; }
        @media (min-width: 992px) {
          #sec2 .tabs a span {
            font-size: 2.625em; } }
        @media (max-width: 991px) {
          #sec2 .tabs a span {
            font-size: 2.70977em;
            letter-spacing: -0.06452em; } }
      #sec2 .tabs a .tab-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important; }
      @media (min-width: 992px) {
        #sec2 .tabs a.active {
          background: url("../images/sec2/icon1.png") left center no-repeat;
          background-size: 2.25em 6.5625em; } }
      @media (max-width: 991px) {
        #sec2 .tabs a.active {
          background: url("../images/sec2/icon1.png") left center no-repeat;
          background-size: 2.06458em 6.12923em; } }
      @media (min-width: 992px) {
        #sec2 .tabs a.active .tab-inner {
          background: url("../images/sec2/icon2.png") right center no-repeat;
          background-size: 2.25em 6.5625em; } }
      @media (max-width: 991px) {
        #sec2 .tabs a.active .tab-inner {
          background: url("../images/sec2/icon2.png") right center no-repeat;
          background-size: 2.06458em 6.12923em; } }
      #sec2 .tabs a:hover {
        opacity: 0.75; }
  #sec2 .content {
    position: relative; }
    @media (max-width: 991px) {
      #sec2 .content {
        padding-top: 7.03249em;
        padding-bottom: 9.03255em; } }
    @media (min-width: 992px) {
      #sec2 .content {
        padding-top: 6.8125em;
        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: 5.03242em; } }
      @media (min-width: 992px) {
        #sec2 .content .info {
          display: flex !important;
          justify-content: center !important;
          padding-top: 6.25em;
          margin-left: -3.125em; } }
      @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: 46.875em;
          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: 46.875em;
          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: #ffffff;
          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: 7.1875em;
          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; }
    #sec2 .content .slide1 {
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 992px) {
        #sec2 .content .slide1 {
          margin-top: 6.25em;
          width: 101.25em; } }
      @media (max-width: 991px) {
        #sec2 .content .slide1 {
          margin-top: 8.06478em;
          width: 50.32422em; } }
      #sec2 .content .slide1 .item {
        position: relative;
        background-color: white;
        overflow: hidden; }
        @media (min-width: 992px) {
          #sec2 .content .slide1 .item {
            width: 46.875em;
            height: 46.25em;
            margin: 0 1.875em;
            border-radius: 3.125em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide1 .item {
            width: 48.38867em;
            height: 57.42122em;
            margin: 0 0.96777em;
            border-radius: 1.29036em; } }
        #sec2 .content .slide1 .item .txt {
          position: relative; }
          @media (min-width: 992px) {
            #sec2 .content .slide1 .item .txt {
              border-bottom: 0.1875em solid #009944;
              height: 13.625em;
              margin: 0 2.25em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide1 .item .txt {
              border-bottom: 0.19355em solid #009944;
              height: 22.25879em;
              margin: 0 0.83874em; } }
        @media (min-width: 992px) {
          #sec2 .content .slide1 .item .txt1 {
            padding-left: 0.25em;
            padding-top: 1.625em;
            padding-right: 0.25em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide1 .item .txt1 {
            padding-left: 0.90326em;
            padding-top: 1.93555em;
            padding-right: 0.90326em; } }
        #sec2 .content .slide1 .item .txt1 p {
          text-align: justify;
          font-weight: bold; }
          @media (min-width: 992px) {
            #sec2 .content .slide1 .item .txt1 p {
              font-size: 1.75em;
              margin-bottom: 0.875em;
              line-height: 1.286; } }
          @media (max-width: 991px) {
            #sec2 .content .slide1 .item .txt1 p {
              font-size: 2.70977em;
              margin-bottom: 0.51615em;
              line-height: 1.286; } }
        @media (min-width: 992px) {
          #sec2 .content .slide1 .item .txt2 {
            padding-left: 0.25em;
            padding-right: 0.25em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide1 .item .txt2 {
            padding-left: 0.90326em;
            padding-right: 0.90326em; } }
        #sec2 .content .slide1 .item .txt2 span {
          text-align: justify; }
          @media (min-width: 992px) {
            #sec2 .content .slide1 .item .txt2 span {
              font-size: 1.375em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide1 .item .txt2 span {
              font-size: 2.06458em; } }
        #sec2 .content .slide1 .item .bottom {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important; }
          @media (min-width: 992px) {
            #sec2 .content .slide1 .item .bottom {
              padding-left: 1.625em;
              padding-right: 1.625em;
              border-top: 0.125em solid #009944;
              margin: 0 0.5625em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide1 .item .bottom {
              padding-left: 0.45163em;
              padding-right: 0.45163em;
              border-top: 0.25807em solid #009944;
              margin: 0 1.16133em; } }
          #sec2 .content .slide1 .item .bottom .price span {
            color: #000000; }
            @media (min-width: 992px) {
              #sec2 .content .slide1 .item .bottom .price span {
                font-size: 1.125em;
                font-weight: 500; } }
            @media (max-width: 991px) {
              #sec2 .content .slide1 .item .bottom .price span {
                font-size: 1.80651em; } }
          #sec2 .content .slide1 .item .bottom .price span:nth-child(2) {
            color: #ea5404; }
            @media (min-width: 992px) {
              #sec2 .content .slide1 .item .bottom .price span:nth-child(2) {
                font-size: 2.625em; } }
            @media (max-width: 991px) {
              #sec2 .content .slide1 .item .bottom .price span:nth-child(2) {
                font-size: 3.48398em;
                font-weight: bold; } }
          #sec2 .content .slide1 .item .bottom .btn-buy {
            display: flex !important; }
            #sec2 .content .slide1 .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 .slide1 .item .bottom .btn-buy a {
                  width: 10.6875em;
                  height: 3.0625em;
                  border-radius: 0.625em;
                  margin-top: 0.625em; } }
              @media (max-width: 991px) {
                #sec2 .content .slide1 .item .bottom .btn-buy a {
                  width: 12.51654em;
                  height: 3.93561em;
                  border-radius: 0.64518em;
                  margin-top: 0.64518em; } }
              #sec2 .content .slide1 .item .bottom .btn-buy a span {
                font-weight: bold;
                line-height: 1;
                color: #ffffff; }
                @media (min-width: 992px) {
                  #sec2 .content .slide1 .item .bottom .btn-buy a span {
                    font-size: 1.75em; } }
                @media (max-width: 991px) {
                  #sec2 .content .slide1 .item .bottom .btn-buy a span {
                    font-size: 2.32266em; } }
              #sec2 .content .slide1 .item .bottom .btn-buy a:hover {
                animation: scale-up 0.4s ease forwards; }
    #sec2 .content .slide3 {
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 992px) {
        #sec2 .content .slide3 {
          margin-top: 7.1875em;
          width: 97.375em !important; } }
      @media (max-width: 991px) {
        #sec2 .content .slide3 {
          margin-top: 5.80664em;
          width: 50.32422em; } }
      #sec2 .content .slide3 .item {
        position: relative;
        background-color: white;
        overflow: hidden; }
        @media (min-width: 992px) {
          #sec2 .content .slide3 .item {
            width: 97.375em !important;
            height: 18.75em !important;
            margin: 0;
            border-radius: 1.25em;
            display: flex !important; } }
        @media (max-width: 991px) {
          #sec2 .content .slide3 .item {
            width: 48.38867em;
            height: 57.42122em;
            margin: 0 0.96777em;
            border-radius: 1.29036em; } }
        @media (min-width: 992px) {
          #sec2 .content .slide3 .item .photo {
            width: 46.875em;
            height: 18.75em;
            background-position: center center;
            background-size: cover; } }
        @media (min-width: 992px) {
          #sec2 .content .slide3 .item .photo img {
            visibility: hidden !important; } }
        #sec2 .content .slide3 .item .item-content {
          position: relative; }
          @media (min-width: 992px) {
            #sec2 .content .slide3 .item .item-content {
              width: 50.5625em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide3 .item .item-content {
              width: 100%; } }
        #sec2 .content .slide3 .item .txt {
          position: relative; }
          @media (min-width: 992px) {
            #sec2 .content .slide3 .item .txt {
              border-bottom: 0.125em solid #009944;
              height: 12.875em;
              margin: 0 4.0625em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide3 .item .txt {
              border-bottom: 0.12904em solid #009944;
              height: 20.25872em;
              margin: 0 0.83874em; } }
        @media (min-width: 992px) {
          #sec2 .content .slide3 .item .txt1 {
            padding-left: 0.0625em;
            padding-top: 2em;
            padding-right: 0.0625em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide3 .item .txt1 {
            padding-left: 0.90326em;
            padding-top: 1.93555em;
            padding-right: 0.90326em; } }
        #sec2 .content .slide3 .item .txt1 p {
          color: #333333;
          text-align: justify;
          font-weight: bold; }
          @media (min-width: 992px) {
            #sec2 .content .slide3 .item .txt1 p {
              font-size: 1.75em;
              margin-bottom: 0.375em;
              line-height: 1.3; } }
          @media (max-width: 991px) {
            #sec2 .content .slide3 .item .txt1 p {
              font-size: 2.70977em;
              margin-bottom: 0.96777em;
              line-height: 1.286; } }
        @media (min-width: 992px) {
          #sec2 .content .slide3 .item .txt2 {
            padding-left: 0.0625em;
            padding-right: 0.0625em; } }
        @media (max-width: 991px) {
          #sec2 .content .slide3 .item .txt2 {
            padding-left: 0.90326em;
            padding-right: 0.32259em; } }
        #sec2 .content .slide3 .item .txt2 span {
          color: #666666;
          text-align: justify; }
          @media (min-width: 992px) {
            #sec2 .content .slide3 .item .txt2 span {
              font-size: 1.375em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide3 .item .txt2 span {
              font-size: 2.06458em; } }
        #sec2 .content .slide3 .item .bottom {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important; }
          @media (min-width: 992px) {
            #sec2 .content .slide3 .item .bottom {
              padding-left: 0.0625em;
              padding-right: 0.0625em;
              border-top: 0.125em solid #009944;
              margin: 0 4.0625em; } }
          @media (max-width: 991px) {
            #sec2 .content .slide3 .item .bottom {
              padding-left: 0.45163em;
              padding-right: 0.45163em;
              border-top: 0.25807em solid #009944;
              margin: 0 1.16133em; } }
          #sec2 .content .slide3 .item .bottom .price span {
            color: #000000; }
            @media (min-width: 992px) {
              #sec2 .content .slide3 .item .bottom .price span {
                font-size: 1.125em;
                font-weight: 500; } }
            @media (max-width: 991px) {
              #sec2 .content .slide3 .item .bottom .price span {
                font-size: 1.80651em; } }
          #sec2 .content .slide3 .item .bottom .price span:nth-child(2) {
            color: #ea5404; }
            @media (min-width: 992px) {
              #sec2 .content .slide3 .item .bottom .price span:nth-child(2) {
                font-size: 2.25em; } }
            @media (max-width: 991px) {
              #sec2 .content .slide3 .item .bottom .price span:nth-child(2) {
                font-size: 3.48398em;
                font-weight: bold; } }
          #sec2 .content .slide3 .item .bottom .btn-buy {
            display: flex !important; }
            #sec2 .content .slide3 .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 .slide3 .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 .slide3 .item .bottom .btn-buy a {
                  width: 12.51654em;
                  height: 3.93561em;
                  border-radius: 0.64518em;
                  margin-top: 0.64518em; } }
              #sec2 .content .slide3 .item .bottom .btn-buy a span {
                font-weight: bold;
                line-height: 1;
                color: #ffffff; }
                @media (min-width: 992px) {
                  #sec2 .content .slide3 .item .bottom .btn-buy a span {
                    font-size: 1.5em; } }
                @media (max-width: 991px) {
                  #sec2 .content .slide3 .item .bottom .btn-buy a span {
                    font-size: 2.32266em; } }
              #sec2 .content .slide3 .item .bottom .btn-buy a:hover {
                animation: scale-up 0.4s ease forwards; }
  @media (max-width: 991px) {
    #sec2 #tab1Content {
      height: 186.32865em;
      background: url("../images/sec2/1/bg_m.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  @media (min-width: 992px) {
    #sec2 #tab1Content {
      height: 130.125em;
      background: url("../images/sec2/1/bg.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  @media (max-width: 991px) {
    #sec2 #tab1Content .sub img {
      width: 44.90469em; } }
  @media (min-width: 992px) {
    #sec2 #tab1Content .sub img {
      width: 41.5em; } }
  @media (max-width: 991px) {
    #sec2 #tab1Content .short img {
      width: 42.25944em; } }
  @media (min-width: 992px) {
    #sec2 #tab1Content .short img {
      width: 36.9375em; } }
  @media (max-width: 991px) {
    #sec2 #tab2Content {
      height: 166.90866em;
      background: url("../images/sec2/2/bg_m.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  @media (min-width: 992px) {
    #sec2 #tab2Content {
      height: 119.125em;
      background: url("../images/sec2/2/bg.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  @media (max-width: 991px) {
    #sec2 #tab2Content .sub img {
      width: 44.96921em; } }
  @media (min-width: 992px) {
    #sec2 #tab2Content .sub img {
      width: 40.8125em; } }
  @media (max-width: 991px) {
    #sec2 #tab2Content .short img {
      width: 47.4209em; } }
  @media (min-width: 992px) {
    #sec2 #tab2Content .short img {
      width: 41.4375em; } }
  #sec2 #tab2Content .info .txt {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 #tab2Content .info .txt {
        padding-top: 5em; } }
  @media (max-width: 991px) {
    #sec2 #tab2Content .slide {
      margin-top: 5.80664em; } }
  @media (max-width: 991px) {
    #sec2 #tab3Content {
      height: 167.68288em;
      background: url("../images/sec2/3/bg_m.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  @media (min-width: 992px) {
    #sec2 #tab3Content {
      height: 86.0625em;
      background: url("../images/sec2/3/bg.jpg") center top repeat-y;
      background-size: 100% 100%; } }
  @media (max-width: 991px) {
    #sec2 #tab3Content .sub img {
      width: 45.03372em; } }
  @media (min-width: 992px) {
    #sec2 #tab3Content .sub img {
      width: 41.5625em; } }
  @media (max-width: 991px) {
    #sec2 #tab3Content .short img {
      width: 47.4209em; } }
  @media (min-width: 992px) {
    #sec2 #tab3Content .short img {
      width: 41.4375em; } }
  #sec2 #tab3Content .info .txt {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 #tab3Content .info .txt {
        padding-top: 5em; } }
  #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: #ffffff;
    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: #ffffff;
    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: #eaff04; }
  #sec2 .slick-dots li.slick-active button {
    background: #eaff04; }
  #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: 63.25em;
    background: url("../images/sec3/bg.jpg") center top repeat-y;
    background-size: 100% 100%; } }
@media (max-width: 991px) {
  #sec3 {
    height: 88.45449em;
    background: url("../images/sec3/bg_m.jpg") center top repeat-y;
    background-size: 100% 100%; } }
@media (min-width: 992px) {
  #sec3 .inner {
    padding-top: 6.8125em; } }
@media (max-width: 991px) {
  #sec3 .inner {
    padding-top: 6.96797em; } }
#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: 55.48568em; } }
#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: 5.25em; } }
  @media (max-width: 991px) {
    #sec3 .ls {
      width: 100%;
      margin-top: 5.41953em; } }
  #sec3 .ls a {
    position: relative; }
    @media (min-width: 992px) {
      #sec3 .ls a {
        margin-left: 1em;
        margin-right: 1em;
        margin-bottom: 1.5em; } }
    @media (max-width: 991px) {
      #sec3 .ls a {
        margin-left: 1.03229em;
        margin-right: 1.03229em;
        margin-bottom: 2.00007em; } }
    @media (min-width: 992px) {
      #sec3 .ls a img {
        width: 22.8125em; } }
    @media (max-width: 991px) {
      #sec3 .ls a img {
        width: 23.54915em; } }
    #sec3 .ls a img:hover {
      animation: scale-up 0.4s ease forwards; }

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

.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: -105vh;
  left: 0;
  z-index: 999999;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s ease; }

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