@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/cwtexyen.css");
.app {
  position: relative;
  width: 100%; }

body {
  overflow-x: hidden;
  font-family: 'Noto Sans TC', sans-serif, serif;
  background-color: #bde3ee; }

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

a {
  text-decoration: none;
  color: #000000; }
  a:hover {
    text-decoration: none;
    color: #000000; }

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

section,
.sec {
  position: relative; }

.header {
  position: fixed;
  z-index: 990; }
  @media (max-width: 991px) {
    .header {
      top: 0;
      right: 0;
      width: 20%;
      height: 8.70996em; } }
  @media (min-width: 992px) {
    .header {
      top: 0;
      right: 0;
      width: 27.1875em;
      height: 6.375em; } }
  .header .header-inner {
    position: relative;
    margin: 0 auto;
    z-index: 1; }
    @media (max-width: 991px) {
      .header .header-inner {
        width: 100%;
        height: 8.70996em; } }
    @media (min-width: 992px) {
      .header .header-inner {
        width: 100%;
        height: 6.375em; } }
  .header ul, .header li {
    padding: 0;
    margin: 0;
    list-style: none; }
  @media (max-width: 991px) {
    .header .menu {
      position: fixed;
      display: none;
      z-index: 990;
      background: rgba(255, 255, 255, 0.8);
      width: 100%;
      height: 100vh;
      left: 0;
      right: 0;
      top: 0;
      padding-top: 8.87126em; }
      .header .menu .logo {
        position: relative;
        display: flex !important;
        justify-content: center !important; }
        .header .menu .logo a img {
          width: 9.5em; }
      .header .menu ul {
        position: relative;
        padding-top: 3.22591em; }
        .header .menu ul li {
          position: relative;
          padding-bottom: 3.22591em; }
          .header .menu ul li a {
            text-decoration: none;
            display: flex !important;
            justify-content: center !important; }
            .header .menu ul li a span {
              font-size: 3.22591em;
              color: #65278b;
              font-weight: 500; }
    .header .btn-menu {
      position: relative;
      z-index: 992;
      display: block;
      right: 1.61296em;
      width: 4.83887em;
      height: 4.83887em; }
      .header .btn-menu:hover, .header .btn-menu:active, .header .btn-menu:focus {
        outline: none !important;
        border: none !important; }
      .header .btn-menu > img:nth-child(2) {
        display: none; } }
  @media (min-width: 992px) {
    .header .menu {
      position: fixed;
      display: none;
      z-index: 990;
      background: rgba(255, 255, 255, 0.8);
      width: 27.1875em;
      height: 100vh;
      right: 0;
      top: 0;
      padding-top: 8.125em; }
      .header .menu .logo {
        position: relative;
        display: flex !important;
        justify-content: center !important; }
        .header .menu .logo a img {
          width: 11.1875em; }
      .header .menu ul {
        position: relative;
        padding-top: 2.1875em; }
        .header .menu ul li {
          position: relative;
          padding-bottom: 2.5em; }
          .header .menu ul li a {
            text-decoration: none;
            display: flex !important;
            justify-content: center !important; }
            .header .menu ul li a span {
              font-size: 2.5em;
              color: #65278b;
              font-weight: 500; }
    .header .btn-menu {
      position: relative;
      z-index: 992;
      display: block;
      right: 1.25em;
      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 > img:nth-child(2) {
        display: none; } }

@media (max-width: 991px) {
  body.scrolled .header {
    height: 8.70996em; } }
@media (min-width: 992px) {
  body.scrolled .header {
    height: 5.9375em; } }
body.scrolled .header .header-inner {
  position: relative;
  margin: 0 auto;
  z-index: 1; }
  @media (max-width: 991px) {
    body.scrolled .header .header-inner {
      height: 8.70996em; } }
  @media (min-width: 992px) {
    body.scrolled .header .header-inner {
      max-width: 100vw;
      height: 5.9375em; } }
  @media (min-width: 992px) {
    body.scrolled .header .header-inner .menu {
      margin-top: 0; } }
  @media (max-width: 991px) {
    body.scrolled .header .header-inner .btn-menu {
      margin-top: 0; } }
  @media (min-width: 992px) {
    body.scrolled .header .header-inner .btn-menu {
      margin-top: 0;
      top: 0; } }

@keyframes fly {
  0% {
    left: 0;
    /* 從畫面左側外開始 */ }
  100% {
    left: 50vw;
    /* 移動到畫面右側外 */ } }
@keyframes float-up {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(15px);
    /* 控制上浮的距離 */ } }
@keyframes float {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-15px);
    /* 控制上浮的距離 */ } }
.float-up0 {
  animation: float-up 2s ease-in-out infinite alternate; }

.float-down0 {
  animation: float 2s ease-in-out infinite alternate; }

.float-up {
  animation: float-up 2s ease-in-out infinite alternate;
  animation-delay: 1s;
  /* 延遲 2 秒開始動畫 */ }

.float-down {
  animation: float 2s ease-in-out infinite alternate;
  animation-delay: 1s;
  /* 延遲 2 秒開始動畫 */ }

@keyframes rotateSwing {
  0% {
    transform: rotate(5deg); }
  50% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(5deg); } }
.swing {
  transform-origin: bottom center;
  /* 設置底部為旋轉中心 */
  animation: rotateSwing 1s infinite alternate ease-in-out; }

#kv {
  position: relative; }
  @media (max-width: 991px) {
    #kv {
      height: 104.84212em;
      background: url("../images/kv/bg_m.jpg") center top no-repeat;
      background-size: 100% 100%; } }
  @media (min-width: 992px) {
    #kv {
      height: 62.5em;
      background: url("../images/kv/bg.jpg") center top no-repeat;
      background-size: 100% 100%; } }
  #kv .logo {
    position: absolute;
    z-index: 1; }
    @media (max-width: 991px) {
      #kv .logo {
        left: 2.09684em;
        top: 1.93555em;
        width: 11.61328em;
        height: 8.38737em;
        z-index: 270; } }
    @media (min-width: 992px) {
      #kv .logo {
        left: 2.125em;
        top: 1.8125em;
        width: 10.25em;
        height: 7.375em;
        z-index: 422; } }
  #kv .slogan {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .slogan {
        left: 5.48405em;
        top: 33.46883em;
        width: 53.30819em;
        height: 36.93669em;
        z-index: 256; } }
    @media (min-width: 992px) {
      #kv .slogan {
        left: 37.6875em;
        top: 14.8125em;
        width: 45.3125em;
        height: 31.375em;
        z-index: 402; } }
  #kv .p2a {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p2a {
        left: 23.54915em;
        top: 94.8418em;
        width: 11.04875em;
        height: 8.06478em;
        z-index: 251; } }
    @media (min-width: 992px) {
      #kv .p2a {
        left: 27.1875em;
        top: 50.9375em;
        width: 13.25em;
        height: 9.625em;
        z-index: 397; } }
  #kv .p1a {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p1a {
        left: 17.50057em;
        top: 26.45247em;
        width: 9.03255em;
        height: 6.20988em;
        z-index: 250; } }
    @media (min-width: 992px) {
      #kv .p1a {
        left: 10.6875em;
        top: 16.1875em;
        width: 10.75em;
        height: 7.4375em;
        z-index: 396; } }
  #kv .p4b {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p4b {
        left: 32.66235em;
        top: 2.90332em;
        width: 7.66154em;
        height: 5.96794em;
        z-index: 249; } }
    @media (min-width: 992px) {
      #kv .p4b {
        left: 90.875em;
        top: 20.8125em;
        width: 9.0625em;
        height: 7.125em;
        z-index: 395; } }
  #kv .p5a {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p5a {
        left: 50.64681em;
        top: 72.58301em;
        width: 10.00033em;
        height: 7.09701em;
        z-index: 248; } }
    @media (min-width: 992px) {
      #kv .p5a {
        left: 103.1875em;
        top: 48.5625em;
        width: 11.875em;
        height: 8.5em;
        z-index: 394; } }
  #kv .p3a {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p3a {
        left: 14.03271em;
        top: 8.87126em;
        width: 8.62931em;
        height: 7.09701em;
        z-index: 247; } }
    @media (min-width: 992px) {
      #kv .p3a {
        left: 54.875em;
        top: 50.6875em;
        width: 10.3125em;
        height: 8.4375em;
        z-index: 393; } }
  #kv .p4a {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p4a {
        left: 52.25977em;
        top: 24.83952em;
        width: 7.50024em;
        height: 9.51644em;
        z-index: 246; } }
    @media (min-width: 992px) {
      #kv .p4a {
        left: 63.875em;
        top: 1.9375em;
        width: 8.125em;
        height: 10.3125em;
        z-index: 392; } }
  #kv .p1 {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p1 {
        left: 31.0494em;
        top: -1.45166em;
        width: 43.8724em;
        height: 30.96875em;
        z-index: 245; } }
    @media (min-width: 992px) {
      #kv .p1 {
        left: 13em;
        top: -6.1875em;
        width: 38.25em;
        height: 30em;
        z-index: 391; } }
  #kv .p2 {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p2 {
        left: -3.30656em;
        top: 72.98625em;
        width: 34.11401em;
        height: 29.11385em;
        z-index: 244; } }
    @media (min-width: 992px) {
      #kv .p2 {
        left: -4.75em;
        top: 22.875em;
        width: 42.6875em;
        height: 36.4375em;
        z-index: 390; } }
  #kv .p3 {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p3 {
        left: 16.29085em;
        top: 2.01619em;
        width: 12.01652em;
        height: 10.40356em;
        z-index: 243; } }
    @media (min-width: 992px) {
      #kv .p3 {
        left: 41.6875em;
        top: 48.6875em;
        width: 14.25em;
        height: 12.375em;
        z-index: 389; } }
  #kv .p4 {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p4 {
        left: -2.82267em;
        top: 12.98429em;
        width: 32.09782em;
        height: 25.16211em;
        z-index: 242; } }
    @media (min-width: 992px) {
      #kv .p4 {
        left: 70.625em;
        top: -11.6875em;
        width: 52.25em;
        height: 36.875em;
        z-index: 388; } }
  #kv .p5 {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p5 {
        left: 31.69458em;
        top: 77.01864em;
        width: 43.46916em;
        height: 25.56535em;
        z-index: 241; } }
    @media (min-width: 992px) {
      #kv .p5 {
        left: 84.75em;
        top: 21.875em;
        width: 51.8125em;
        height: 30.4375em;
        z-index: 387; } }
  #kv .p6 {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p6 {
        left: 27.58154em;
        top: 71.13135em;
        width: 16.93604em;
        height: 11.61328em;
        z-index: 240; } }
    @media (min-width: 992px) {
      #kv .p6 {
        left: 76.125em;
        top: 47.0625em;
        width: 21.6875em;
        height: 14.875em;
        z-index: 386; } }
  #kv .p5b {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p5b {
        left: 37.09798em;
        top: 26.77507em;
        width: 4.03239em;
        height: 4.03239em;
        z-index: 239; } }
    @media (min-width: 992px) {
      #kv .p5b {
        left: 112.1875em;
        top: 53.9375em;
        width: 5.6875em;
        height: 5.75em;
        z-index: 384; } }
  #kv .p2b {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p2b {
        left: -1.61296em;
        top: 68.95386em;
        width: 6.20988em;
        height: 5.64535em;
        z-index: 238; } }
    @media (min-width: 992px) {
      #kv .p2b {
        left: 0.9375em;
        top: 18.375em;
        width: 7.375em;
        height: 6.8125em;
        z-index: 383; } }
  #kv .p1c {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p1c {
        left: 32.42041em;
        top: 24.27498em;
        width: 3.38721em;
        height: 3.22591em;
        z-index: 237; } }
    @media (min-width: 992px) {
      #kv .p1c {
        left: 57.5625em;
        top: 3.1875em;
        width: 4.875em;
        height: 4.625em;
        z-index: 382; } }
  #kv .p1b {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p1b {
        left: 1.20972em;
        top: 33.79142em;
        width: 5.80664em;
        height: 5.24211em;
        z-index: 236; } }
    @media (min-width: 992px) {
      #kv .p1b {
        left: 49.5em;
        top: -1.3125em;
        width: 7em;
        height: 6.25em;
        z-index: 381; } }
  #kv .p5c {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p5c {
        left: 56.21151em;
        top: 98.3903em;
        width: 8.62931em;
        height: 5.4034em;
        z-index: 235; } }
    @media (min-width: 992px) {
      #kv .p5c {
        left: 112.6875em;
        top: 20.3125em;
        width: 10.3125em;
        height: 6.125em;
        z-index: 380; } }
  #kv .p6b {
    position: absolute; }
    @media (max-width: 991px) {
      #kv .p6b {
        left: 15.48437em;
        top: 93.55143em;
        width: 8.06478em;
        height: 7.09701em;
        z-index: 234; } }
    @media (min-width: 992px) {
      #kv .p6b {
        left: 69.1875em;
        top: 50.75em;
        width: 9.625em;
        height: 8.5em;
        z-index: 379; } }

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

@media (max-width: 991px) {
  #sec1 {
    height: 104.92277em;
    background: url("../images/sec1/bg_m.jpg") center top no-repeat;
    background-size: 100% 100%; } }
@media (min-width: 992px) {
  #sec1 {
    height: 88.875em;
    background: url("../images/sec1/bg.jpg") center top no-repeat;
    background-size: 100% 100%; } }
#sec1 .inner {
  position: relative; }
  @media (max-width: 991px) {
    #sec1 .inner {
      padding-top: 10.56486em; } }
  @media (min-width: 992px) {
    #sec1 .inner {
      padding-top: 13.4375em; } }
#sec1 .title {
  position: relative;
  display: flex !important;
  justify-content: center !important; }
  @media (max-width: 991px) {
    #sec1 .title img {
      width: 51.21134em; } }
  @media (min-width: 992px) {
    #sec1 .title img {
      width: 49.625em; } }
#sec1 .slide-wrap {
  position: relative; }
  @media (max-width: 991px) {
    #sec1 .slide-wrap {
      padding-top: 2.50008em; } }
  @media (min-width: 992px) {
    #sec1 .slide-wrap {
      padding-top: 1.6875em; } }
#sec1 .slide {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 991px) {
    #sec1 .slide {
      width: 50.16292em; } }
  @media (min-width: 992px) {
    #sec1 .slide {
      width: 112.6875em; } }
  #sec1 .slide .item {
    position: relative;
    display: flex !important;
    justify-content: center !important; }
    @media (max-width: 991px) {
      #sec1 .slide .item {
        width: 50.16292em; } }
    @media (min-width: 992px) {
      #sec1 .slide .item {
        width: 37.5625em; } }
  #sec1 .slide .item-inner {
    position: relative;
    display: flex !important;
    justify-content: center !important; }
    @media (max-width: 991px) {
      #sec1 .slide .item-inner {
        width: 47.98543em; } }
    @media (min-width: 992px) {
      #sec1 .slide .item-inner {
        width: 37.1875em; } }
    @media (max-width: 991px) {
      #sec1 .slide .item-inner img {
        width: 47.98543em; } }
    @media (min-width: 992px) {
      #sec1 .slide .item-inner img {
        width: 37.1875em; } }
#sec1 .slick-prev, #sec1 .slick-next {
  position: absolute;
  z-index: 1;
  display: block;
  color: transparent; }
  @media (min-width: 992px) {
    #sec1 .slick-prev, #sec1 .slick-next {
      top: 17.125em;
      width: 3.75em;
      height: 5.625em; } }
  @media (max-width: 991px) {
    #sec1 .slick-prev, #sec1 .slick-next {
      top: 38.79159em;
      width: 3.46785em;
      height: 6.12923em; } }
#sec1 .slick-prev {
  background: url("../images/sec1/btn-prev.png") center center no-repeat;
  background-size: 99% 99%; }
  @media (min-width: 992px) {
    #sec1 .slick-prev {
      left: -9.1875em; } }
  @media (max-width: 991px) {
    #sec1 .slick-prev {
      left: -3.46785em; } }
#sec1 .slick-next {
  background: url("../images/sec1/btn-next.png") center center no-repeat;
  background-size: 99% 99%; }
  @media (min-width: 992px) {
    #sec1 .slick-next {
      right: -9.1875em; } }
  @media (max-width: 991px) {
    #sec1 .slick-next {
      right: -3.46785em; } }

@media (max-width: 991px) {
  #sec2 {
    height: 155.16634em;
    background: url("../images/sec2/bg_m.jpg") center top no-repeat;
    background-size: 100% 100%; } }
@media (min-width: 992px) {
  #sec2 {
    height: 128.5em;
    background: url("../images/sec2/bg.jpg") center top no-repeat;
    background-size: 100% 100%; } }
#sec2 .inner {
  position: relative; }
  @media (max-width: 991px) {
    #sec2 .inner {
      padding-top: 11.45199em; } }
  @media (min-width: 992px) {
    #sec2 .inner {
      padding-top: 8.625em; } }
#sec2 .title {
  position: relative;
  display: flex !important;
  justify-content: center !important; }
  @media (max-width: 991px) {
    #sec2 .title img {
      width: 51.21134em; } }
  @media (min-width: 992px) {
    #sec2 .title img {
      width: 49.625em; } }
#sec2 .slide-wrap {
  position: relative; }
  @media (max-width: 991px) {
    #sec2 .slide-wrap {
      padding-top: 1.93555em;
      padding-bottom: 4.83887em; } }
  @media (min-width: 992px) {
    #sec2 .slide-wrap {
      padding-top: 2.25em;
      padding-bottom: 5em; } }
@media (max-width: 991px) {
  #sec2 .slide-wrap2 {
    padding-top: 2.98397em; } }
@media (min-width: 992px) {
  #sec2 .slide-wrap2 {
    padding-top: 2.8125em;
    padding-bottom: 0em; } }
#sec2 .slide {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 991px) {
    #sec2 .slide {
      width: 50.16292em; } }
  @media (min-width: 992px) {
    #sec2 .slide {
      width: 101.25em; } }
  #sec2 .slide .item {
    position: relative;
    display: flex !important;
    justify-content: center !important; }
    @media (max-width: 991px) {
      #sec2 .slide .item {
        width: 50.16292em; } }
    @media (min-width: 992px) {
      #sec2 .slide .item {
        width: 33.75em; } }
  #sec2 .slide .item-inner {
    position: relative;
    display: flex !important;
    justify-content: center !important; }
    @media (max-width: 991px) {
      #sec2 .slide .item-inner {
        width: 40.0013em; } }
    @media (min-width: 992px) {
      #sec2 .slide .item-inner {
        width: 31em; } }
    @media (max-width: 991px) {
      #sec2 .slide .item-inner img {
        width: 40.0013em; } }
    @media (min-width: 992px) {
      #sec2 .slide .item-inner img {
        width: 31em; } }
#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: 14em;
      width: 2.6875em;
      height: 4.75em; } }
  @media (max-width: 991px) {
    #sec2 .slick-prev, #sec2 .slick-next {
      top: 24.83952em;
      width: 3.46785em;
      height: 6.12923em; } }
#sec2 .slick-prev {
  background-size: 99% 99%; }
  @media (min-width: 992px) {
    #sec2 .slick-prev {
      left: -4.375em; } }
  @media (max-width: 991px) {
    #sec2 .slick-prev {
      left: -3.46785em; } }
#sec2 .slick-next {
  background-size: 99% 99%; }
  @media (min-width: 992px) {
    #sec2 .slick-next {
      right: -4.375em; } }
  @media (max-width: 991px) {
    #sec2 .slick-next {
      right: -3.46785em; } }
#sec2 .slide-wrap1 .slick-prev {
  background: url("../images/sec2/1/btn-prev.png") center center no-repeat;
  background-size: 99% 99%; }
#sec2 .slide-wrap1 .slick-next {
  background: url("../images/sec2/1/btn-next.png") center center no-repeat;
  background-size: 99% 99%; }
#sec2 .slide-wrap2 .slick-prev {
  background: url("../images/sec2/2/btn-prev.png") center center no-repeat;
  background-size: 99% 99%; }
#sec2 .slide-wrap2 .slick-next {
  background: url("../images/sec2/2/btn-next.png") center center no-repeat;
  background-size: 99% 99%; }

@media (max-width: 991px) {
  #sec3 {
    height: 135.08504em;
    background: url("../images/sec3/bg_m.jpg") center top no-repeat;
    background-size: 100% 100%; } }
@media (min-width: 992px) {
  #sec3 {
    height: 107.625em;
    background: url("../images/sec3/bg.jpg") center top no-repeat;
    background-size: 100% 100%; } }
#sec3 .inner {
  position: relative; }
  @media (max-width: 991px) {
    #sec3 .inner {
      padding-top: 21.04907em; } }
  @media (min-width: 992px) {
    #sec3 .inner {
      padding-top: 15.9375em; } }
#sec3 .title {
  position: relative;
  display: flex !important;
  justify-content: center !important; }
  @media (max-width: 991px) {
    #sec3 .title img {
      width: 51.21134em; } }
  @media (min-width: 992px) {
    #sec3 .title img {
      width: 49.625em; } }
#sec3 .slide-wrap {
  position: relative; }
  @media (max-width: 991px) {
    #sec3 .slide-wrap {
      padding-top: 6.93571em; } }
  @media (min-width: 992px) {
    #sec3 .slide-wrap {
      padding-top: 4.6875em; } }
#sec3 .slide {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 991px) {
    #sec3 .slide {
      width: 55.00179em; } }
  @media (min-width: 992px) {
    #sec3 .slide {
      width: 105em; } }
  #sec3 .slide .item {
    position: relative;
    display: flex !important;
    justify-content: center !important; }
    @media (max-width: 991px) {
      #sec3 .slide .item {
        width: 55.00179em;
        height: 96.77734em; } }
    @media (min-width: 992px) {
      #sec3 .slide .item {
        width: 52.5em;
        height: 75em; } }
    #sec3 .slide .item .item-inner {
      font-family: "Microsoft JhengHei", 'Noto Sans TC', sans-serif, serif;
      background-color: white; }
      @media (max-width: 991px) {
        #sec3 .slide .item .item-inner {
          width: 48.38867em;
          height: 79.27677em;
          border-radius: 2.01619em;
          box-shadow: 0.60486em 1.04761em 2.01619em 0px rgba(79, 79, 79, 0.4);
          padding-left: 2.41943em;
          padding-right: 2.41943em; } }
      @media (min-width: 992px) {
        #sec3 .slide .item .item-inner {
          width: 48.75em;
          height: 67.125em;
          border-radius: 1.5625em;
          box-shadow: 0.46875em 0.81188em 1.5625em 0px rgba(79, 79, 79, 0.4);
          padding-left: 1.875em;
          padding-right: 1.875em; } }
    #sec3 .slide .item .logo {
      position: relative;
      width: 100%;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        #sec3 .slide .item .logo {
          padding-top: 1.61296em;
          padding-bottom: 1.61296em; } }
      @media (min-width: 992px) {
        #sec3 .slide .item .logo {
          padding-top: 1.25em;
          padding-bottom: 1.25em; } }
      @media (max-width: 991px) {
        #sec3 .slide .item .logo img {
          width: 26.69442em;
          height: 8.62931em; } }
      @media (min-width: 992px) {
        #sec3 .slide .item .logo img {
          width: 20.6875em;
          height: 6.6875em; } }
    #sec3 .slide .item .photo {
      position: relative;
      width: 100%;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        #sec3 .slide .item .photo img {
          width: 42.50138em;
          height: 24.19434em;
          border-radius: 0.80648em; } }
      @media (min-width: 992px) {
        #sec3 .slide .item .photo img {
          width: 45em;
          height: 25.625em;
          border-radius: 0.625em; } }
    #sec3 .slide .item .v1 {
      position: relative;
      border-bottom: 2px solid #591f7d; }
      @media (max-width: 991px) {
        #sec3 .slide .item .v1 {
          padding-left: 0.64518em;
          padding-right: 0.32259em;
          padding-top: 2.82267em;
          height: 20.56519em; } }
      @media (min-width: 992px) {
        #sec3 .slide .item .v1 {
          padding-left: 0.5em;
          padding-right: 0em;
          padding-top: 2.1875em;
          height: 15.9375em; } }
    #sec3 .slide .item .v2 {
      position: relative; }
      @media (max-width: 991px) {
        #sec3 .slide .item .v2 {
          padding-left: 0.64518em;
          padding-right: 0.32259em;
          padding-top: 2.82267em; } }
      @media (min-width: 992px) {
        #sec3 .slide .item .v2 {
          padding-left: 0.5em;
          padding-right: 0em;
          padding-top: 2.1875em; } }
    #sec3 .slide .item .t1 {
      position: relative; }
      #sec3 .slide .item .t1 span {
        color: #591f7d;
        font-weight: bold; }
        @media (max-width: 991px) {
          #sec3 .slide .item .t1 span {
            font-size: 2.82267em;
            line-height: 1.2; } }
        @media (min-width: 992px) {
          #sec3 .slide .item .t1 span {
            font-size: 2.1875em;
            line-height: 1.2; } }
    #sec3 .slide .item .t2 {
      position: relative; }
      @media (max-width: 991px) {
        #sec3 .slide .item .t2 {
          padding-top: 0.64518em;
          height: 6.45182em; } }
      @media (min-width: 992px) {
        #sec3 .slide .item .t2 {
          padding-top: 0.5em;
          height: 5em; } }
      #sec3 .slide .item .t2 p {
        color: black; }
        @media (max-width: 991px) {
          #sec3 .slide .item .t2 p {
            font-size: 2.01619em;
            line-height: 1.4; } }
        @media (min-width: 992px) {
          #sec3 .slide .item .t2 p {
            font-size: 1.5625em;
            line-height: 1.4; } }
    #sec3 .slide .item .t3 {
      position: relative;
      display: flex !important;
      justify-content: space-between; }
      #sec3 .slide .item .t3 .price {
        position: relative; }
        #sec3 .slide .item .t3 .price span {
          color: #c21874;
          font-weight: 600; }
          @media (max-width: 991px) {
            #sec3 .slide .item .t3 .price span {
              font-size: 2.01619em;
              line-height: 1.4; } }
          @media (min-width: 992px) {
            #sec3 .slide .item .t3 .price span {
              font-size: 1.5625em;
              line-height: 1.4; } }
          @media (max-width: 991px) {
            #sec3 .slide .item .t3 .price span:nth-child(2) {
              font-size: 3.22591em; } }
          @media (min-width: 992px) {
            #sec3 .slide .item .t3 .price span:nth-child(2) {
              font-size: 2.5em; } }
      #sec3 .slide .item .t3 .btn-go {
        position: relative;
        display: flex !important; }
        #sec3 .slide .item .t3 .btn-go a {
          transition: all .15s ease-in-out; }
          #sec3 .slide .item .t3 .btn-go a:hover {
            transform: translateX(6px); }
        @media (max-width: 991px) {
          #sec3 .slide .item .t3 .btn-go img {
            width: 14.5166em;
            height: 4.43563em; } }
        @media (min-width: 992px) {
          #sec3 .slide .item .t3 .btn-go img {
            width: 11.25em;
            height: 3.4375em; } }
#sec3 .slick-prev, #sec3 .slick-next {
  position: absolute;
  z-index: 1;
  display: block;
  color: transparent; }
  @media (min-width: 992px) {
    #sec3 .slick-prev, #sec3 .slick-next {
      top: 29.375em;
      width: 2.6875em;
      height: 4.75em; } }
  @media (max-width: 991px) {
    #sec3 .slick-prev, #sec3 .slick-next {
      top: 38.1464em;
      width: 3.46785em;
      height: 6.12923em; } }
#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.8125em; } }
  @media (max-width: 991px) {
    #sec3 .slick-prev {
      left: -1.04842em; } }
#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.8125em; } }
  @media (max-width: 991px) {
    #sec3 .slick-next {
      right: -1.04842em; } }

@keyframes floatUp {
  0% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  50% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); }
  100% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); } }
@keyframes floatDown {
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); }
  50% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); } }
.floatUp {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-name: floatUp;
  animation-name: floatUp; }

.floatDown {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-name: floatDown;
  animation-name: floatDown; }

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