@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.82267em;
      height: 2.82267em;
      margin: 0 0.28227em; } }
  @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: 6.61312em;
    height: 6.61312em !important;
    margin: 0 1.6936em; } }
@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: 9.35514em; } }
  @media (min-width: 992px) {
    .header {
      height: 6.875em; } }
  .header .header-inner {
    position: relative;
    margin: 0 auto;
    z-index: 1; }
    @media (max-width: 991px) {
      .header .header-inner {
        width: 100%;
        height: 9.35514em; } }
    @media (min-width: 992px) {
      .header .header-inner {
        max-width: 1920px;
        height: 6.875em; } }
  .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;
    margin-left: 2.98397em;
    margin-right: 1.49198em; }
    @media (min-width: 992px) {
      .header .logo1 {
        margin-left: 2.6875em;
        margin-right: 1.15625em; } }
    .header .logo1 a {
      display: block; }
    .header .logo1 img {
      width: 15.24243em;
      height: 4.03239em; }
      @media (min-width: 992px) {
        .header .logo1 img {
          width: 11.8125em;
          height: 3.125em; } }
  .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: 18.14575em; }
      .header .menu ul {
        position: relative;
        width: 80.41666666666667%;
        margin-left: auto;
        margin-right: auto; }
        .header .menu ul li {
          margin-bottom: 0em;
          overflow: hidden;
          height: 9.67773em;
          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: 4.83887em;
              color: #009944; }
    .header .btn-menu {
      position: relative;
      z-index: 92;
      display: block;
      right: 2.58073em;
      width: 4.83887em;
      height: 4.83887em;
      margin-top: 1.12907em; }
      .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;
      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: rgba(217, 236, 235, 0.8); }
  @media (max-width: 991px) {
    body.scrolled .header {
      height: 7.66154em; }
      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: 7.66154em; } }
    @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); } }
.kv {
  position: relative; }
  .kv .slogan {
    position: absolute; }
    @media (min-width: 992px) {
      .kv .slogan {
        left: 28.5625em;
        top: 22.125em;
        width: 63.9375em;
        height: 19.3125em; } }
    @media (max-width: 991px) {
      .kv .slogan {
        left: 1.04842em;
        top: 43.14657em;
        width: 60.80843em;
        height: 18.54899em; } }

.sec {
  position: relative;
  overflow: hidden; }

section {
  position: relative; }

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

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: -7.66154em; } }

.inner {
  position: relative; }

#kv {
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) {
    #kv {
      height: 62.5em; } }
  @media (max-width: 991px) {
    #kv {
      height: 104.84212em; } }

@media (min-width: 992px) {
  #sec1 {
    height: 62.5em;
    background: url("../images/sec1/bg.jpg") center top;
    background-size: 100% auto;
    padding-bottom: 6.25em; } }
@media (max-width: 991px) {
  #sec1 {
    height: 104.84212em;
    background: url("../images/sec1/bg_m.jpg") center top;
    background-size: 100% auto;
    padding-bottom: 8.06478em; } }
#sec1 .inner {
  position: relative; }
  @media (min-width: 992px) {
    #sec1 .inner {
      padding-top: 4.0625em; } }
  @media (max-width: 991px) {
    #sec1 .inner {
      padding-top: 4.19368em; } }
#sec1 .title {
  position: relative;
  display: flex !important;
  justify-content: center !important; }
  #sec1 .title img {
    position: relative; }
    @media (min-width: 992px) {
      #sec1 .title img {
        width: 24em; } }
    @media (max-width: 991px) {
      #sec1 .title img {
        width: 30.96875em; } }
#sec1 .ls {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important; }
  @media (min-width: 992px) {
    #sec1 .ls {
      margin-top: 2.25em; } }
  @media (max-width: 991px) {
    #sec1 .ls {
      margin-top: 2.09684em;
      left: -0.24194em; } }
  #sec1 .ls .item {
    position: relative; }
    @media (min-width: 992px) {
      #sec1 .ls .item {
        margin-left: 1.25em;
        margin-right: 1.25em;
        margin-bottom: 0em;
        width: 43.6875em; } }
    @media (max-width: 991px) {
      #sec1 .ls .item {
        margin-left: 0em;
        margin-right: 0em;
        margin-bottom: 3.14526em;
        width: 56.3728em; } }

@media (min-width: 992px) {
  #sec2 {
    height: 62.5em;
    background: url("../images/sec2/bg.jpg") center top;
    background-size: 100% auto; } }
@media (max-width: 991px) {
  #sec2 {
    height: 126.21379em;
    background: url("../images/sec2/bg_m.jpg") center top;
    background-size: 100% auto; } }
#sec2 .inner {
  position: relative;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important; }
  @media (min-width: 992px) {
    #sec2 .inner {
      flex-direction: row-reverse !important; } }
  #sec2 .inner .content {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 .inner .content {
        width: 43.75em;
        padding-top: 6.625em;
        margin: 0 4.0625em; } }
    @media (max-width: 991px) {
      #sec2 .inner .content {
        width: 56.45345em;
        padding-top: 8.54867em;
        margin: 0 0em; } }
    #sec2 .inner .content .logo {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (min-width: 992px) {
        #sec2 .inner .content .logo img {
          width: 8em; } }
      @media (max-width: 991px) {
        #sec2 .inner .content .logo img {
          width: 10.32292em; } }
    #sec2 .inner .content .txt {
      position: relative; }
      @media (min-width: 992px) {
        #sec2 .inner .content .txt {
          padding-top: 2.4375em; } }
      @media (max-width: 991px) {
        #sec2 .inner .content .txt {
          padding-top: 3.14526em; } }
      #sec2 .inner .content .txt .t1 {
        position: relative;
        display: flex !important;
        justify-content: center !important; }
        @media (min-width: 992px) {
          #sec2 .inner .content .txt .t1 img {
            width: 37.8125em; } }
        @media (max-width: 991px) {
          #sec2 .inner .content .txt .t1 img {
            width: 48.87256em; } }
      #sec2 .inner .content .txt .t2 {
        position: relative; }
        @media (min-width: 992px) {
          #sec2 .inner .content .txt .t2 {
            padding-top: 1.25em;
            padding-left: 0.375em;
            padding-right: 0.25em; } }
        @media (max-width: 991px) {
          #sec2 .inner .content .txt .t2 {
            padding-top: 0.80648em;
            padding-left: 2.41943em;
            padding-right: 1.61296em; } }
        #sec2 .inner .content .txt .t2 p {
          position: relative;
          color: #ffffff; }
          @media (min-width: 992px) {
            #sec2 .inner .content .txt .t2 p {
              font-size: 1.4375em;
              line-height: 1.739;
              margin-bottom: 0.6em; } }
          @media (max-width: 991px) {
            #sec2 .inner .content .txt .t2 p {
              font-size: 2.41943em;
              line-height: 1.5;
              margin-bottom: 0.6em; } }
      #sec2 .inner .content .txt .t3 {
        position: relative; }
        @media (min-width: 992px) {
          #sec2 .inner .content .txt .t3 {
            padding-left: 0.375em;
            padding-right: 0.25em; } }
        @media (max-width: 991px) {
          #sec2 .inner .content .txt .t3 {
            padding-left: 2.41943em;
            padding-right: 0em; } }
        @media (min-width: 992px) {
          #sec2 .inner .content .txt .t3 table tr td:nth-child(1) img {
            width: 1em;
            height: 1.3125em; } }
        @media (max-width: 991px) {
          #sec2 .inner .content .txt .t3 table tr td:nth-child(1) img {
            width: 1.29036em;
            height: 1.6936em; } }
        #sec2 .inner .content .txt .t3 table tr td:nth-child(2) {
          color: #d6c4a2; }
          @media (min-width: 992px) {
            #sec2 .inner .content .txt .t3 table tr td:nth-child(2) {
              font-size: 1.25em;
              line-height: 1.75;
              padding-left: 0.15em; } }
          @media (max-width: 991px) {
            #sec2 .inner .content .txt .t3 table tr td:nth-child(2) {
              font-size: 2.01619em;
              line-height: 1.4;
              padding-left: 0.15em; } }
  #sec2 .inner .pic {
    position: relative; }
    @media (min-width: 992px) {
      #sec2 .inner .pic {
        width: 47.3125em;
        padding-top: 19.4375em;
        margin: 0 4.0625em; } }
    @media (max-width: 991px) {
      #sec2 .inner .pic {
        width: 51.85653em;
        padding-top: 5.24211em;
        margin: 0 0em; } }
    @media (min-width: 992px) {
      #sec2 .inner .pic .slide .item img {
        width: 47.3125em; } }
    @media (max-width: 991px) {
      #sec2 .inner .pic .slide .item img {
        width: 51.85653em; } }
#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: 13.625em;
      width: 2.5625em;
      height: 4.625em; } }
  @media (max-width: 991px) {
    #sec2 .slick-prev, #sec2 .slick-next {
      top: 14.5166em;
      width: 3.30656em;
      height: 5.96794em; } }
#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: -2.5em; } }
  @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: -2.5em; } }
  @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: -2.375em; } }
  @media (max-width: 991px) {
    #sec2 .slick-dots {
      bottom: -3.06462em; } }
#sec2 .slick-dots li {
  position: relative;
  display: inline-block;
  width: 1.45166em;
  height: 1.45166em;
  margin: 0 0.80648em;
  border-radius: 1.20972em;
  padding: 0;
  cursor: pointer;
  background: #ffffff;
  overflow: hidden;
  border: 1px solid #ffffff; }
  @media (min-width: 992px) {
    #sec2 .slick-dots li {
      width: 1.125em;
      height: 1.125em;
      margin: 0 0.625em;
      border-radius: 0.9375em; } }
#sec2 .slick-dots li button {
  border: 0;
  background: #ffffff;
  display: block;
  width: 2.09684em;
  height: 2.09684em;
  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: 2.09684em;
  height: 2.09684em;
  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: #857156; }
#sec2 .slick-dots li.slick-active button {
  background: #857156; }
#sec2 .slick-dots li.slick-active button:before {
  color: black;
  opacity: 1; }

#sec3 {
  overflow: hidden; }
  #sec3 .inner {
    position: relative; }
  #sec3 .contents {
    position: fixed;
    top: -100000px; }
    #sec3 .contents.active {
      position: relative;
      top: 0; }
    @media (min-width: 992px) {
      #sec3 .contents {
        height: 178.125em; } }
    @media (max-width: 991px) {
      #sec3 .contents {
        padding-bottom: 3.22591em; } }
  #sec3 .tab {
    position: relative;
    width: 100%; }
    @media (min-width: 992px) {
      #sec3 .tab {
        height: 9.9375em; } }
    @media (max-width: 991px) {
      #sec3 .tab {
        height: 10.16162em; } }
    #sec3 .tab a {
      position: absolute;
      display: block;
      width: 50%;
      height: 100%;
      top: 0; }
  #sec3 .ls {
    position: relative;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important; }
    @media (min-width: 992px) {
      #sec3 .ls {
        padding-top: 5em; } }
    @media (max-width: 991px) {
      #sec3 .ls {
        padding-top: 3.22591em; } }
    #sec3 .ls .item {
      position: relative; }
      @media (min-width: 992px) {
        #sec3 .ls .item {
          width: 38.875em;
          margin-left: 3.75em;
          margin-right: 3.75em;
          margin-bottom: 2.5em; } }
      @media (max-width: 991px) {
        #sec3 .ls .item {
          width: 50.16292em;
          margin-bottom: 0.96777em; } }
      #sec3 .ls .item .photo {
        position: relative;
        display: flex !important;
        justify-content: center !important; }
        @media (min-width: 992px) {
          #sec3 .ls .item .photo img {
            width: 38.875em; } }
        @media (max-width: 991px) {
          #sec3 .ls .item .photo img {
            width: 50.16292em; } }
      #sec3 .ls .item .txt p {
        position: relative;
        text-align: justify; }
        @media (min-width: 992px) {
          #sec3 .ls .item .txt p {
            font-size: 1.4375em;
            line-height: 1.739;
            padding-top: 0.9em;
            padding-left: 1em;
            padding-right: 1.4em; } }
        @media (max-width: 991px) {
          #sec3 .ls .item .txt p {
            font-size: 2.41943em;
            line-height: 1.333;
            padding-top: 0.9em; } }
  @media (min-width: 992px) {
    #sec3 #Hongkong {
      background: #6e4281 url("../images/sec3/Hongkong/bg.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (max-width: 991px) {
    #sec3 #Hongkong {
      background: #6e4281 url("../images/sec3/Hongkong/bg_m.jpg") center top no-repeat;
      background-size: 100% auto; } }
  #sec3 #Hongkong .tab a {
    right: 0; }
  #sec3 #Hongkong .ls .item .txt p {
    color: #ffffff; }
  #sec3 #Hongkong .slide .item .txt p {
    color: #ffffff; }
  @media (min-width: 992px) {
    #sec3 #Macao {
      background: #78a9ad url("../images/sec3/Macao/bg.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (max-width: 991px) {
    #sec3 #Macao {
      background: #78a9ad url("../images/sec3/Macao/bg_m.jpg") center top no-repeat;
      background-size: 100% auto; } }
  #sec3 #Macao .tab a {
    left: 0; }
  #sec3 #Macao .ls .item .txt p {
    color: #313131; }
  #sec3 #Macao .slide .item .txt p {
    color: #313131; }
  #sec3 .title {
    position: relative;
    display: flex !important;
    justify-content: center !important; }
    @media (min-width: 992px) {
      #sec3 .title {
        padding-top: 0em;
        padding-bottom: 3.75em; } }
    @media (max-width: 991px) {
      #sec3 .title {
        padding-top: 0em;
        padding-bottom: 1.61296em; } }
    @media (min-width: 992px) {
      #sec3 .title img {
        width: 24em; } }
    @media (max-width: 991px) {
      #sec3 .title img {
        width: 30.96875em; } }
  #sec3 .slide {
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 992px) {
      #sec3 .slide {
        width: 84.375em; } }
    @media (max-width: 991px) {
      #sec3 .slide {
        width: 50.80811em; } }
    #sec3 .slide .item {
      position: relative; }
      @media (min-width: 992px) {
        #sec3 .slide .item {
          width: 28.125em; } }
      @media (max-width: 991px) {
        #sec3 .slide .item {
          width: 36.2915em; } }
      #sec3 .slide .item .photo {
        position: relative;
        display: flex !important;
        justify-content: center !important; }
        @media (min-width: 992px) {
          #sec3 .slide .item .photo img {
            width: 25em; } }
        @media (max-width: 991px) {
          #sec3 .slide .item .photo img {
            width: 32.25911em; } }
      #sec3 .slide .item .txt p {
        position: relative;
        text-align: justify; }
        @media (min-width: 992px) {
          #sec3 .slide .item .txt p {
            font-size: 1.4375em;
            line-height: 1.739;
            padding-top: 0.9em;
            padding-left: 1em;
            padding-right: 1.4em; } }
        @media (max-width: 991px) {
          #sec3 .slide .item .txt p {
            font-size: 2.41943em;
            line-height: 1.333;
            padding-top: 0.9em; } }
  #sec3 .slick-prev, #sec3 .slick-next {
    position: absolute;
    z-index: 1;
    display: block;
    color: transparent; }
    @media (max-width: 991px) {
      #sec3 .slick-prev, #sec3 .slick-next {
        top: 26.61377em;
        width: 3.30656em;
        height: 5.96794em; } }
  #sec3 .slick-prev {
    background: url("../images/sec3/btn-prev.png") center center no-repeat;
    background-size: 99% 99%; }
    @media (min-width: 992px) {
      #sec3 .slick-prev {
        left: -2.5em; } }
    @media (max-width: 991px) {
      #sec3 .slick-prev {
        left: -4.83887em; } }
  #sec3 .slick-next {
    background: url("../images/sec3/btn-next.png") center center no-repeat;
    background-size: 99% 99%; }
    @media (min-width: 992px) {
      #sec3 .slick-next {
        right: -2.5em; } }
    @media (max-width: 991px) {
      #sec3 .slick-next {
        right: -4.83887em; } }
  #sec3 .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) {
      #sec3 .slick-dots {
        bottom: -2.375em; } }
    @media (max-width: 991px) {
      #sec3 .slick-dots {
        bottom: -1.61296em; } }
  #sec3 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.45166em;
    height: 1.45166em;
    margin: 0 0.80648em;
    border-radius: 1.20972em;
    padding: 0;
    cursor: pointer;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #ffffff; }
    @media (min-width: 992px) {
      #sec3 .slick-dots li {
        width: 1.125em;
        height: 1.125em;
        margin: 0 0.625em;
        border-radius: 0.9375em; } }
  #sec3 .slick-dots li button {
    border: 0;
    background: #ffffff;
    display: block;
    width: 2.09684em;
    height: 2.09684em;
    outline: none;
    line-height: 0px;
    font-size: 16px;
    color: transparent;
    padding: 0 0.625em;
    cursor: pointer; }
    @media (min-width: 992px) {
      #sec3 .slick-dots li button {
        width: 1.625em;
        height: 1.625em; } }
  #sec3 .slick-dots li button:hover, #sec3 .slick-dots li button:focus {
    outline: none; }
  #sec3 .slick-dots li button:hover:before, #sec3 .slick-dots li button:focus:before {
    opacity: 1; }
  #sec3 .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 2.09684em;
    height: 2.09684em;
    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) {
      #sec3 .slick-dots li button:before {
        width: 1.625em;
        height: 1.625em; } }
  #sec3 .slick-dots li.slick-active {
    background: #857156; }
  #sec3 .slick-dots li.slick-active button {
    background: #857156; }
  #sec3 .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) {
  #sec4 {
    height: 53.75em;
    background: url("../images/sec4/bg.jpg") center bottom;
    background-size: 100% auto; } }
@media (max-width: 991px) {
  #sec4 {
    height: 100.40649em;
    background: url("../images/sec4/bg_m.jpg") center bottom;
    background-size: 100% auto; } }
@media (min-width: 992px) {
  #sec4 .inner {
    padding-top: 8.125em; } }
@media (max-width: 991px) {
  #sec4 .inner {
    padding-top: 7.4196em; } }
#sec4 .title {
  position: relative;
  display: flex !important;
  justify-content: center !important; }
  @media (min-width: 992px) {
    #sec4 .title img {
      width: 25.25em; } }
  @media (max-width: 991px) {
    #sec4 .title img {
      width: 32.58171em; } }
#sec4 .ls {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important; }
  @media (min-width: 992px) {
    #sec4 .ls {
      width: 107.1875em;
      margin-top: 2.8125em; } }
  @media (max-width: 991px) {
    #sec4 .ls {
      width: 100%;
      margin-top: 1.61296em; } }
  #sec4 .ls a {
    position: relative; }
    @media (min-width: 992px) {
      #sec4 .ls a {
        margin-left: -0.25em;
        margin-right: -0.25em;
        margin-bottom: 1.6875em; } }
    @media (max-width: 991px) {
      #sec4 .ls a {
        margin-left: -0.32259em;
        margin-right: -0.32259em;
        margin-bottom: 0.40324em; } }
    @media (min-width: 992px) {
      #sec4 .ls a img {
        width: 21em; } }
    @media (max-width: 991px) {
      #sec4 .ls a img {
        width: 27.09766em; } }
    #sec4 .ls a img:hover {
      animation: scale-up 0.4s ease forwards; }

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

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

.btn-scrolltop {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 7.4196em;
  height: 7.09701em;
  margin-bottom: 0em; }
  @media (min-width: 992px) {
    .btn-scrolltop {
      width: 3.9375em;
      height: 3.75em;
      margin-bottom: 0em; } }
  .btn-scrolltop:hover {
    transform: translatey(-5px);
    opacity: 0.8; }