/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/src/css/home/welcome.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  src: url(../fonts/NotoSansCJKtc-Thin.otf) format("opentype");
  font-family: 'NotoSansCJKtc-Thin';
  font-display: swap; }

@font-face {
  src: url(../fonts/Mastia.otf) format("opentype");
  font-family: 'Mastia';
  font-display: swap; }

.creation_swiper .swiper-button-prev:after, .creation_swiper .swiper-button-prev::before,
.creation_swiper .swiper-button-next:after,
.creation_swiper .swiper-button-next::before {
  font-size: 0 !important; }

.creation_swiper .swiper-button-prev:after, .creation_swiper .swiper-button-prev::before,
.creation_swiper .swiper-button-next:after,
.creation_swiper .swiper-button-next::before {
  content: '';
  width: 100%;
  height: 0.125rem;
  background: #fff;
  position: absolute;
  left: 0; }

.swiper-button-prev,
.swiper-button-next {
  width: 4.1875rem !important;
  height: 4.1875rem !important; }

.swiper-button-prev,
.swiper-button-next {
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  opacity: .5;
  z-index: 5;
  cursor: pointer; }
  @media screen and (max-width: 480px) {
    .swiper-button-prev,
    .swiper-button-next {
      width: 3.125rem;
      height: 3.125rem; } }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 0; }
  .swiper-button-prev:after, .swiper-button-prev::before,
  .swiper-button-next:after,
  .swiper-button-next::before {
    font-size: 0 !important; }
  .swiper-button-prev:after, .swiper-button-prev::before,
  .swiper-button-next:after,
  .swiper-button-next::before {
    content: '';
    width: 100%;
    height: 0.125rem;
    background: #fff;
    position: absolute;
    left: 0; }
  .swiper-button-prev::before,
  .swiper-button-next::before {
    top: 50%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: rotate(-47deg);
        -ms-transform: rotate(-47deg);
            transform: rotate(-47deg); }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    bottom: 50%;
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
            transform: rotate(47deg); }
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    opacity: 1; }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: .2; }

.swiper-button-next {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1); }

.swiper-pagination.swiper-pagination-horizontal {
  top: auto !important;
  bottom: 0 !important; }

.swiper-pagination.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {
    margin: 0 1.0625rem !important; }
  .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 1.25rem;
    border: 1px solid #fff;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out; }
  .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet-active {
    background-color: #fff; }

.mainlogo {
  opacity: 0; }

.kv_sec {
  position: relative;
  z-index: 1; }

#kv_scene {
  width: 100%;
  height: 100vh;
  position: relative; }

.layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.kv_center {
  width: 95.5rem;
  position: absolute;
  bottom: -5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: blur(30px);
          filter: blur(30px);
  opacity: 0; }
  @media screen and (max-width: 950px) {
    .kv_center {
      width: 100%;
      bottom: auto;
      top: 0;
      left: 0;
      -webkit-transform: translateZ(0);
              transform: translateZ(0); } }
  @media screen and (max-width: 480px) {
    .kv_center {
      top: 19%; } }
  @media screen and (max-width: 950px) {
    .kv_center.kv_logo {
      top: 27%;
      width: 180%;
      left: -40%; } }
  @media screen and (max-width: 480px) {
    .kv_center.kv_logo {
      width: 240%;
      left: -70%; } }

.kv_snack {
  width: 79.27083%;
  position: absolute;
  top: -7.5%;
  left: 10.36458%;
  -webkit-animation: kv_snack 7s infinite linear;
          animation: kv_snack 7s infinite linear;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  opacity: 0; }
  @media screen and (max-width: 950px) {
    .kv_snack {
      width: 170%;
      top: 2%;
      left: -35%; } }
  @media screen and (max-width: 480px) {
    .kv_snack {
      width: 220%;
      top: 0%; } }

@-webkit-keyframes kv_snack {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(-360deg) translate3d(0, 1%, 0) rotateZ(360deg);
            transform: rotateZ(-360deg) translate3d(0, 1%, 0) rotateZ(360deg); } }

@keyframes kv_snack {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(-360deg) translate3d(0, 1%, 0) rotateZ(360deg);
            transform: rotateZ(-360deg) translate3d(0, 1%, 0) rotateZ(360deg); } }

.kv_rock_1,
.kv_rock_2,
.kv_rock_3 {
  position: absolute;
  -webkit-filter: blur(80px);
          filter: blur(80px);
  opacity: 0.5; }

.kv_rock_1 {
  width: 23.9375rem;
  left: 19%;
  top: 74%;
  -webkit-transform-origin: -250% 50%;
      -ms-transform-origin: -250% 50%;
          transform-origin: -250% 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: kv_rock 6s infinite linear;
          animation: kv_rock 6s infinite linear; }
  @media screen and (max-width: 950px) {
    .kv_rock_1 {
      display: none; } }

.kv_rock_2 {
  width: 16.8125rem;
  left: 29.5%;
  top: -10%;
  -webkit-animation: kv_rock 8s infinite linear;
          animation: kv_rock 8s infinite linear; }
  @media screen and (max-width: 950px) {
    .kv_rock_2 {
      display: none; } }

.kv_rock_3 {
  width: 42rem;
  left: 53.5%;
  top: 73%;
  -webkit-animation: kv_rock_3 10s infinite linear;
          animation: kv_rock_3 10s infinite linear; }
  @media screen and (max-width: 480px) {
    .kv_rock_3 {
      width: 70%;
      left: 40%; } }

@-webkit-keyframes kv_rock {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg); } }

@keyframes kv_rock {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg); } }

@-webkit-keyframes kv_rock_3 {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 2%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 2%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 2%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 2%, 0) rotateZ(-360deg); } }

@keyframes kv_rock_3 {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 2%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 2%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 2%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 2%, 0) rotateZ(-360deg); } }

.kv_socialmedia {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 5.625rem;
  margin-left: 6.25rem; }
  @media screen and (max-width: 950px) {
    .kv_socialmedia {
      top: 50%;
      margin-top: -22vh;
      margin-left: 1.5rem; } }
  @media screen and (max-width: 480px) {
    .kv_socialmedia {
      top: 68%;
      margin-top: 0;
      margin-left: 1rem; } }

.kv_socialmedia_txt {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 0.625rem; }
  @media screen and (max-width: 950px) {
    .kv_socialmedia_txt {
      display: none; } }

.social_li {
  padding: 0.8125rem; }
  @media screen and (max-width: 480px) {
    .social_li {
      padding: 0.3125rem; } }

.social_link {
  width: 3.3125rem;
  height: 3.3125rem;
  border-radius: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  background-image: url(../img/ball.png);
  background-position: center center;
  background-size: 150%;
  -webkit-transition: none;
  transition: none; }
  @media screen and (max-width: 480px) {
    .social_link {
      width: 3rem;
      height: 3rem; } }
  .social_link:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 3.125rem;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out; }
  .social_link:focus, .social_link:hover {
    color: #fff; }
    .social_link:focus:before, .social_link:hover:before {
      opacity: 0; }
  .social_link i {
    position: relative;
    z-index: 1; }
  .social_link .fa-youtube {
    font-size: 1.875rem; }
  .social_link .fa-facebook-f {
    font-size: 1.875rem; }
  .social_link .fa-instagram {
    font-size: 2rem; }

.whoweare_sec {
  padding-top: 8.75rem; }

.tunnel {
  width: 79.9375rem;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 950px) {
    .tunnel {
      width: 100%; } }

.tunnel_behind {
  position: absolute;
  top: 0;
  left: 0; }

.tunnel_front {
  position: relative;
  z-index: 1; }

.ball {
  width: 7.75rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3.875rem;
  opacity: 0; }
  @media screen and (max-width: 950px) {
    .ball {
      width: 10%;
      margin-left: -5%; } }

.whoweare_left {
  position: absolute;
  top: 25.9375rem;
  left: 4.375rem; }
  @media screen and (max-width: 950px) {
    .whoweare_left {
      position: relative;
      top: auto;
      left: auto; } }
  @media screen and (max-width: 950px) {
    .whoweare_left .whoweare_more {
      display: none; } }

.whoweare_dec_1 {
  width: 9.375rem;
  position: absolute;
  top: -3.625rem;
  left: 6.25rem; }

.whoweare_maintitle {
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 5.625rem;
  letter-spacing: 0.3125rem;
  line-height: 1.6;
  -webkit-transform: scaleY(0.65);
      -ms-transform: scaleY(0.65);
          transform: scaleY(0.65);
  padding-left: 7.75rem; }
  @media screen and (max-width: 480px) {
    .whoweare_maintitle {
      font-size: 4.375rem; } }
  .whoweare_maintitle span {
    position: relative; }
    .whoweare_maintitle span::before {
      content: '';
      width: 100%;
      height: 0.3125rem;
      background: #fff;
      position: absolute;
      bottom: 0.4375rem;
      left: 0; }
  @media screen and (max-width: 480px) {
    .whoweare_maintitle {
      padding-left: 1.25rem; } }

.member_row {
  width: 46.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -1.875rem; }
  @media screen and (max-width: 950px) {
    .member_row {
      width: calc(100% - 2.5rem);
      margin: 0 auto; } }

.member_col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%; }

.whoweare_more {
  padding-left: 7.5rem;
  margin-top: 7.5rem; }

.whoweare_more_link {
  display: inline-block;
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 2rem;
  letter-spacing: 0.125rem;
  line-height: 1.25; }
  .whoweare_more_link span {
    position: relative; }
    .whoweare_more_link span::before {
      content: '';
      width: 100%;
      height: 0.0625rem;
      background: #fff;
      position: absolute;
      bottom: 0.1875rem;
      left: 0; }
  .whoweare_more_link .icon_arrow {
    width: 4.5rem;
    position: absolute;
    left: 100%;
    top: 0.75rem;
    margin-left: 1.25rem; }

.whoweare_dec_2 {
  width: 4.75rem;
  position: absolute;
  left: 7.5rem;
  top: 100%;
  margin-top: 5rem; }

.whoweare_right {
  position: absolute;
  top: 36.625rem;
  left: 50%;
  margin-left: 8rem; }
  @media screen and (max-width: 950px) {
    .whoweare_right {
      position: relative;
      top: auto;
      left: auto;
      padding-top: 3.125rem;
      width: calc(100% - 2.5rem);
      margin: 0 auto; } }
  .whoweare_right .whoweare_more {
    display: none; }
    @media screen and (max-width: 950px) {
      .whoweare_right .whoweare_more {
        display: block; } }

.whoweare_logo {
  width: 12.375rem;
  margin-bottom: 2.125rem; }

.whoweare_txt {
  width: 40.125rem;
  font-size: 1.1875rem;
  letter-spacing: 0.09375rem;
  text-align: justify;
  line-height: 2.1; }
  @media screen and (max-width: 950px) {
    .whoweare_txt {
      width: auto; } }
  .whoweare_txt p {
    margin-bottom: 2.5rem; }

.whoweare_dec_3 {
  width: 2.3125rem;
  position: absolute;
  left: 100%;
  top: -3.125rem; }

.banner_sec {
  padding: 5.625rem 0; }
  .banner_sec .container {
    max-width: none; }
  .banner_sec .swiper-pagination.swiper-pagination-horizontal {
    bottom: 1.875rem; }
  .banner_sec .swiper-button-prev {
    left: 1.25rem; }
  .banner_sec .swiper-button-next {
    right: 1.25rem; }

.media_sec {
  padding: 6.875rem 0; }
  .media_sec .container {
    max-width: 96.125rem; }
  .media_sec .dec_geom {
    width: 5rem;
    position: absolute;
    left: 100%;
    top: 6.5rem;
    margin-left: -1.25rem; }
    @media screen and (max-width: 950px) {
      .media_sec .dec_geom {
        top: 9rem;
        margin-left: -5rem; } }
    @media screen and (max-width: 480px) {
      .media_sec .dec_geom {
        top: -3rem; } }
  .media_sec .more_row {
    margin-top: 2.875rem;
    padding-right: 13.5625rem; }
  .media_sec .more_dec {
    width: 12.4375rem;
    position: absolute;
    left: 100%;
    bottom: 0;
    margin-left: 1.25rem;
    margin-bottom: 1.1875rem; }

.more_row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.more_btn {
  position: relative; }

.more_btn_link {
  font-size: 1.875rem;
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  letter-spacing: 0.1875rem;
  border: 0.0625rem solid #fff;
  border-radius: 3.125rem;
  padding: 0 1.625rem 0.3125rem; }
  .more_btn_link:hover {
    color: #000;
    background: #fff; }

.media_maintitle_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.media_maintitle {
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 5.625rem;
  letter-spacing: 0.3125rem;
  line-height: 1.6;
  -webkit-transform: scaleY(0.65);
      -ms-transform: scaleY(0.65);
          transform: scaleY(0.65); }
  @media screen and (max-width: 480px) {
    .media_maintitle {
      font-size: 4.375rem; } }
  .media_maintitle span {
    position: relative; }
    .media_maintitle span::before {
      content: '';
      width: 100%;
      height: 0.3125rem;
      background: #fff;
      position: absolute;
      bottom: 0.4375rem;
      left: 0; }

.media_maintitle_dec {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.375rem;
          flex: 0 0 12.375rem;
  margin-left: 1.6875rem; }
  @media screen and (max-width: 480px) {
    .media_maintitle_dec {
      display: none; } }

.grid_container {
  height: 40.1875rem;
  display: grid;
  grid-template-columns: [line_v_1] 0.33333fr [line_v_2] 0.33333fr [line_v_3] 0.33333fr [line_v_4];
  grid-template-rows: [line_h_1] 0.6fr [line_h_2] 0.4fr [line_h_3];
  padding: 0 4rem;
  margin-top: 2.5rem;
  position: relative; }
  @media screen and (max-width: 950px) {
    .grid_container {
      height: 50rem;
      grid-template-columns: [line_v_1] 0.5fr [line_v_2] 0.5fr [line_v_3];
      grid-template-rows: [line_h_1] 0.5fr [line_h_2] 0.5fr [line_h_3];
      padding: 0; } }

.grid_col {
  padding: 0.1875rem 0.375rem;
  position: relative; }
  .grid_col a {
    height: 100%; }
  .grid_col:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3; }
    @media screen and (max-width: 950px) {
      .grid_col:nth-child(1) {
        grid-row-end: 2; } }
    .grid_col:nth-child(1) .grid_item {
      border-top-left-radius: 7.5rem;
      border-top-right-radius: 7.5rem; }
  .grid_col:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2; }
    .grid_col:nth-child(2) .grid_item {
      border-top-right-radius: 7.5rem;
      border-bottom-left-radius: 7.5rem; }
  .grid_col:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3; }
    @media screen and (max-width: 950px) {
      .grid_col:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2; } }
    .grid_col:nth-child(3) .grid_item {
      border-top-left-radius: 7.5rem; }
  .grid_col:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3; }
    @media screen and (max-width: 950px) {
      .grid_col:nth-child(4) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2; } }
    .grid_col:nth-child(4) .grid_item {
      border-bottom-left-radius: 7.5rem;
      border-bottom-right-radius: 7.5rem; }

.grid_item {
  height: 100%;
  border: 0.1875rem solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden; }

.grid_dec_0 {
  width: 5.625rem;
  position: absolute;
  top: 8.375rem;
  left: -2.375rem;
  z-index: 1; }

.grid_dec_3 {
  width: 3.875rem;
  position: absolute;
  bottom: 7.5rem;
  right: -1.5rem;
  z-index: 1; }

.creation_sec {
  padding-bottom: 3.4375rem; }
  .creation_sec .container {
    max-width: none; }
  .creation_sec .banner {
    position: relative;
    z-index: 2; }

.creation_maintitle_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -1.375rem; }

.creation_maintitle_dec {
  padding: 0 4.625rem;
  position: relative;
  bottom: -1.25rem; }
  @media screen and (max-width: 480px) {
    .creation_maintitle_dec {
      display: none; } }

.creation_maintitle_dec_img {
  width: 5.0625rem; }

.creation_maintitle {
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 5.625rem;
  letter-spacing: 0.3125rem;
  line-height: 1.6;
  -webkit-transform: scaleY(0.65);
      -ms-transform: scaleY(0.65);
          transform: scaleY(0.65); }
  @media screen and (max-width: 480px) {
    .creation_maintitle {
      font-size: 4.375rem; } }
  .creation_maintitle span {
    position: relative; }
    .creation_maintitle span::before {
      content: '';
      width: 100%;
      height: 0.3125rem;
      background: #fff;
      position: absolute;
      bottom: 0.4375rem;
      left: 0; }

.creation_swiper {
  width: 59.0625rem;
  margin: 4.625rem auto 0;
  position: relative; }
  @media screen and (max-width: 950px) {
    .creation_swiper {
      width: 100%; } }
  .creation_swiper .swiper {
    overflow: visible; }
  .creation_swiper .swiper-slide {
    height: 44.375rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 7.5rem;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out; }
    @media screen and (max-width: 950px) {
      .creation_swiper .swiper-slide {
        height: calc(50vw + 20rem); } }
    @media screen and (max-width: 480px) {
      .creation_swiper .swiper-slide {
        height: calc(50vw + 17.5rem); } }
  .creation_swiper .swiper-slide-active {
    padding-top: 0rem;
    padding-bottom: 14.125rem; }
    .creation_swiper .swiper-slide-active .creation_caption {
      display: block; }
  .creation_swiper .swiper-button-prev,
  .creation_swiper .swiper-button-next {
    top: auto;
    bottom: 0.9375rem; }
  .creation_swiper .swiper-button-prev {
    left: 4.8125rem; }
  .creation_swiper .swiper-button-next {
    right: 4.8125rem; }
  .creation_swiper .more_row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.375rem; }

.creation_item {
  padding: 0 2.625rem; }

.creation_pic {
  border: 0.0625rem solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }

.creation_caption {
  width: 100%;
  text-align: center;
  padding: 3.125rem 0 2.5rem;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0; }
  @media screen and (max-width: 950px) {
    .creation_caption {
      padding-bottom: 5rem; } }

.creation_subtitle {
  font-size: 1.25rem;
  letter-spacing: 0.1875rem;
  margin-bottom: 0.1875rem; }

.creation_title {
  font-size: 1.5625rem;
  letter-spacing: 0.3125rem; }

.gallery_sec .container {
  border-top: 0.0625rem solid #818181; }

.gallery_sec .more_row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 1.625rem; }

.gallery_sec .dec_txt {
  width: 12.875rem;
  position: absolute;
  left: 100%;
  bottom: 4.25rem;
  margin-left: -2.6875rem; }
  @media screen and (max-width: 950px) {
    .gallery_sec .dec_txt {
      left: auto;
      right: 0;
      margin-left: 0; } }

#gallery_scene {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (max-width: 950px) {
    #gallery_scene {
      width: 100vw;
      height: 70vw;
      position: relative; } }
  @media screen and (max-width: 480px) {
    #gallery_scene {
      height: 140vw; } }

.gallery_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4.6875rem;
  padding-bottom: 11.5625rem; }
  @media screen and (max-width: 950px) {
    .gallery_row {
      display: block; } }

.gallery_left,
.gallery_right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative; }

.gallery_left {
  padding-top: 9.375rem; }

.gallery_maintitle_row {
  margin-bottom: 2.75rem;
  position: relative; }
  @media screen and (max-width: 950px) {
    .gallery_maintitle_row {
      margin-bottom: 0; } }

.gallery_maintitle_dec_1 {
  width: 46.375rem;
  position: absolute;
  left: -6.875rem;
  top: -2.1875rem; }

.gallery_maintitle_dec_2 {
  width: 5rem;
  position: absolute;
  right: 4.875rem;
  bottom: 1.875rem; }
  @media screen and (max-width: 950px) {
    .gallery_maintitle_dec_2 {
      right: auto;
      left: 100%;
      margin-left: 1.875rem; } }

.gallery_maintitle {
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 5.625rem;
  letter-spacing: 0.3125rem;
  line-height: 1.6;
  -webkit-transform: scaleY(0.65);
      -ms-transform: scaleY(0.65);
          transform: scaleY(0.65); }
  @media screen and (max-width: 480px) {
    .gallery_maintitle {
      font-size: 4.375rem; } }
  .gallery_maintitle span {
    position: relative; }
    .gallery_maintitle span::before {
      content: '';
      width: 100%;
      height: 0.3125rem;
      background: #fff;
      position: absolute;
      bottom: 0.4375rem;
      left: 0; }

.gallery_txt {
  width: 27.5rem;
  font-size: 1.125rem;
  line-height: 1.6;
  position: relative; }
  @media screen and (max-width: 950px) {
    .gallery_txt {
      width: auto;
      padding-right: 5rem; } }

.dec_graph_1 {
  width: 31.125rem;
  margin-left: auto;
  margin-right: -1.25rem; }

.dec_graph_2 {
  width: 29.4375rem;
  position: absolute;
  top: 10.75rem;
  right: 7.5625rem; }

.research_sec .container {
  border-top: 0.0625rem solid #818181; }
  @media screen and (max-width: 950px) {
    .research_sec .container {
      padding-top: 8rem; } }

.research_sec .more_row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 1.625rem; }

.research_sec .dec_txt {
  width: 12.875rem;
  position: absolute;
  left: -8.75rem;
  bottom: 17.1875rem;
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
  @media screen and (max-width: 950px) {
    .research_sec .dec_txt {
      left: 2.5rem; } }
  @media screen and (max-width: 480px) {
    .research_sec .dec_txt {
      display: none; } }

#research_scene {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (max-width: 950px) {
    #research_scene {
      width: 100vw;
      height: 70vw;
      position: relative; } }
  @media screen and (max-width: 480px) {
    #research_scene {
      height: 140vw; } }
  @media screen and (max-width: 950px) {
    #research_scene ~ .research_row {
      display: block;
      margin-top: -10rem; } }
  @media screen and (max-width: 950px) {
    #research_scene ~ .research_row .research_right {
      padding-left: 6rem;
      padding-top: 1rem;
      padding-bottom: 7rem; } }
  @media screen and (max-width: 480px) {
    #research_scene ~ .research_row .research_right {
      padding-left: 0;
      padding-bottom: 0; } }

.research_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  position: relative; }
  @media screen and (max-width: 950px) {
    .research_row {
      padding-top: 0; } }

.research_left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative; }

.research_right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32.5625rem;
          flex: 0 0 32.5625rem;
  padding-top: 9.5625rem;
  position: relative; }

.research_inner {
  position: relative;
  right: -5.4375rem; }
  @media screen and (max-width: 480px) {
    .research_inner {
      right: auto; } }

.dec_graph_3 {
  width: 59.875rem;
  position: absolute;
  left: -7.0625rem;
  top: -1.9375rem; }
  @media screen and (max-width: 480px) {
    .dec_graph_3 {
      left: -20rem; } }

.research_maintitle_row {
  margin-bottom: -0.875rem;
  position: relative; }

.research_maintitle_dec_1 {
  width: 36rem;
  position: absolute;
  left: 0.4375rem;
  top: 1.375rem; }
  @media screen and (max-width: 480px) {
    .research_maintitle_dec_1 {
      width: 100vw;
      left: -40vw; } }

.research_maintitle_dec_2 {
  width: 6.25rem;
  position: absolute;
  right: -4.375rem;
  top: -3.375rem; }
  @media screen and (max-width: 950px) {
    .research_maintitle_dec_2 {
      right: 10rem; } }
  @media screen and (max-width: 480px) {
    .research_maintitle_dec_2 {
      right: 0; } }

.research_maintitle {
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 5.625rem;
  letter-spacing: 0.3125rem;
  line-height: 1.6;
  -webkit-transform: scaleY(0.65);
      -ms-transform: scaleY(0.65);
          transform: scaleY(0.65); }
  @media screen and (max-width: 480px) {
    .research_maintitle {
      font-size: 4.375rem; } }
  .research_maintitle span {
    position: relative; }
    .research_maintitle span::before {
      content: '';
      width: 100%;
      height: 0.3125rem;
      background: #fff;
      position: absolute;
      bottom: 0.4375rem;
      left: 0; }

.research_txt {
  width: 27.5rem;
  font-size: 1.125rem;
  line-height: 1.6;
  position: relative; }

.contact_sec {
  white-space: nowrap;
  padding-bottom: 28rem; }
  @media screen and (max-width: 480px) {
    .contact_sec {
      padding-bottom: 15rem; } }
  .contact_sec .container {
    border-top: 0.125rem solid #818181; }
  .contact_sec .social_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: -0.8125rem; }

.contact_dec_1 {
  width: 98.48958%;
  position: absolute;
  bottom: 0;
  right: 0.5625rem; }

.contact_dec_2 {
  width: 70.4375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.contact_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14.375rem 0; }
  @media screen and (max-width: 950px) {
    .contact_row {
      display: block;
      padding: 5rem 0; } }

.contact_left {
  position: relative;
  left: -9.8125rem; }
  @media screen and (max-width: 950px) {
    .contact_left {
      left: auto; } }

.contact_middle {
  padding-top: 1.875rem; }

.contact_right {
  position: absolute;
  right: -12.5rem; }
  @media screen and (max-width: 950px) {
    .contact_right {
      position: relative;
      right: auto; } }
  @media screen and (max-width: 480px) {
    .contact_right {
      margin-top: 3.125rem; } }

.contact_maintitle_row {
  margin-bottom: -0.875rem;
  position: relative; }

.contact_maintitle {
  font-family: "Mastia", "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
  font-size: 5.625rem;
  letter-spacing: 0.3125rem;
  line-height: 1.6;
  -webkit-transform: scaleY(0.65);
      -ms-transform: scaleY(0.65);
          transform: scaleY(0.65); }
  @media screen and (max-width: 480px) {
    .contact_maintitle {
      font-size: 4.375rem; } }
  .contact_maintitle span {
    position: relative; }
    .contact_maintitle span::before {
      content: '';
      width: 100%;
      height: 0.3125rem;
      background: #fff;
      position: absolute;
      bottom: 0.4375rem;
      left: 0; }

.contact_txt {
  font-size: 1.1875rem;
  letter-spacing: 0.1875rem;
  line-height: 2; }

.contact_email {
  font-size: 0.875rem;
  letter-spacing: 0.1875rem;
  margin-top: 1.5625rem; }
  .contact_email i {
    font-size: 1.25rem; }

.contact_dec_3 {
  width: 9.0625rem;
  margin-left: auto; }

.contact_right_txt {
  font-size: 0.9375rem;
  font-weight: bold;
  text-align: right;
  letter-spacing: 0.1875rem; }
  @media screen and (max-width: 480px) {
    .contact_right_txt {
      margin-top: 0.625rem; } }

.contact_copyright {
  font-size: 0.75rem;
  letter-spacing: 0.125rem;
  margin-top: 1.25rem; }
  @media screen and (max-width: 950px) {
    .contact_copyright {
      text-align: right; } }


/*# sourceMappingURL=welcome.min.css.map*/