@charset "UTF-8";
@import "../font/icomoon/style.css";
@import "../js/vendor/swiper-4.5.0/css/swiper.min.css";
@import "../js/vendor/jquery-scrollbar/css/jquery.scrollbar.css";
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  word-break: break-word;
}

b {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: normal;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Myself 新的放後面
 * ========================================================================== */
img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  display: block;
}

@font-face {
  font-family: "微軟正黑體修正";
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bolder;
  src: local(Yu Gothic), local(MS Gothic);
}
@font-face {
  font-family: "微軟正黑體修正";
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}
@font-face {
  font-family: Microsoft JhengHei Bold;
  font-style: normal;
  font-weight: normal;
  src: local("Microsoft JhengHei UI Bold"), local("Microsoft JhengHei Bold");
}
@-webkit-keyframes backMove {
  0%, 50%, 100% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  10%, 20% {
    -webkit-transform: translateX(-6px) rotate(-6deg);
            transform: translateX(-6px) rotate(-6deg);
  }
  30%, 35% {
    -webkit-transform: translateX(-5px) rotate(-5deg);
            transform: translateX(-5px) rotate(-5deg);
  }
  38%, 42% {
    -webkit-transform: translateX(-3px) rotate(-3deg);
            transform: translateX(-3px) rotate(-3deg);
  }
  48% {
    -webkit-transform: translateX(-1px) rotate(-1deg);
            transform: translateX(-1px) rotate(-1deg);
  }
  58%, 52% {
    -webkit-transform: translateX(1px) rotate(1deg);
            transform: translateX(1px) rotate(1deg);
  }
  65%, 70% {
    -webkit-transform: translateX(3px) rotate(3deg);
            transform: translateX(3px) rotate(3deg);
  }
  75%, 80% {
    -webkit-transform: translateX(4px) rotate(4deg);
            transform: translateX(4px) rotate(4deg);
  }
  85%, 92% {
    -webkit-transform: translateX(2px) rotate(2deg);
            transform: translateX(2px) rotate(2deg);
  }
}
@keyframes backMove {
  0%, 50%, 100% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  10%, 20% {
    -webkit-transform: translateX(-6px) rotate(-6deg);
            transform: translateX(-6px) rotate(-6deg);
  }
  30%, 35% {
    -webkit-transform: translateX(-5px) rotate(-5deg);
            transform: translateX(-5px) rotate(-5deg);
  }
  38%, 42% {
    -webkit-transform: translateX(-3px) rotate(-3deg);
            transform: translateX(-3px) rotate(-3deg);
  }
  48% {
    -webkit-transform: translateX(-1px) rotate(-1deg);
            transform: translateX(-1px) rotate(-1deg);
  }
  58%, 52% {
    -webkit-transform: translateX(1px) rotate(1deg);
            transform: translateX(1px) rotate(1deg);
  }
  65%, 70% {
    -webkit-transform: translateX(3px) rotate(3deg);
            transform: translateX(3px) rotate(3deg);
  }
  75%, 80% {
    -webkit-transform: translateX(4px) rotate(4deg);
            transform: translateX(4px) rotate(4deg);
  }
  85%, 92% {
    -webkit-transform: translateX(2px) rotate(2deg);
            transform: translateX(2px) rotate(2deg);
  }
}
@-webkit-keyframes roaBtn {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes roaBtn {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@-webkit-keyframes lineMove {
  0% {
    width: 0px;
  }
  100% {
    width: 228px;
  }
}
@keyframes lineMove {
  0% {
    width: 0px;
  }
  100% {
    width: 228px;
  }
}
@-webkit-keyframes lineMoveFor1366 {
  0% {
    width: 0px;
  }
  100% {
    width: 190px;
  }
}
@keyframes lineMoveFor1366 {
  0% {
    width: 0px;
  }
  100% {
    width: 190px;
  }
}
@-webkit-keyframes lineMoveFor2000 {
  0% {
    width: 0px;
  }
  100% {
    width: 280px;
  }
}
@keyframes lineMoveFor2000 {
  0% {
    width: 0px;
  }
  100% {
    width: 280px;
  }
}
@-webkit-keyframes videoMove {
  20% {
    margin-top: -5px;
  }
  35% {
    margin-top: -1px;
  }
  50% {
    margin-top: -3px;
  }
  70% {
    margin-top: -2px;
  }
  85% {
    margin-top: -2px;
  }
  95% {
    margin-top: -2px;
  }
  100% {
    margin-top: -2px;
  }
}
@keyframes videoMove {
  20% {
    margin-top: -5px;
  }
  35% {
    margin-top: -1px;
  }
  50% {
    margin-top: -3px;
  }
  70% {
    margin-top: -2px;
  }
  85% {
    margin-top: -2px;
  }
  95% {
    margin-top: -2px;
  }
  100% {
    margin-top: -2px;
  }
}
@-webkit-keyframes ajaxinnerMove {
  0% {
    -webkit-transform: translate(-300px);
            transform: translate(-300px);
  }
  30% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  40% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  50% {
    -webkit-transform: translateX(9px);
            transform: translateX(9px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes ajaxinnerMove {
  0% {
    -webkit-transform: translate(-300px);
            transform: translate(-300px);
  }
  30% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  40% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  50% {
    -webkit-transform: translateX(9px);
            transform: translateX(9px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes checkMove {
  0% {
    opacity: 1;
    border: 1px solid #c7c6c6;
    color: #333;
  }
  50% {
    opacity: 0.3;
    border: 1px solid transparent;
    color: #fff;
  }
  70% {
    border: 1px solid #707070;
  }
  100% {
    opacity: 1;
    color: #fff;
    border: 1px solid #707070;
    background-color: #707070;
  }
}
@keyframes checkMove {
  0% {
    opacity: 1;
    border: 1px solid #c7c6c6;
    color: #333;
  }
  50% {
    opacity: 0.3;
    border: 1px solid transparent;
    color: #fff;
  }
  70% {
    border: 1px solid #707070;
  }
  100% {
    opacity: 1;
    color: #fff;
    border: 1px solid #707070;
    background-color: #707070;
  }
}
@-webkit-keyframes videoTopMove {
  0% {
    top: -800px;
    right: -100%;
  }
  50% {
    top: -60px;
    right: 50%;
  }
  58% {
    top: -65px;
    right: 50.1%;
  }
  66% {
    top: -60px;
    right: 50.2%;
  }
  72% {
    top: -63px;
    right: 50.3%;
  }
  80% {
    top: -60px;
    right: 50.4%;
  }
  100% {
    top: -60px;
    right: 50%;
  }
}
@keyframes videoTopMove {
  0% {
    top: -800px;
    right: -100%;
  }
  50% {
    top: -60px;
    right: 50%;
  }
  58% {
    top: -65px;
    right: 50.1%;
  }
  66% {
    top: -60px;
    right: 50.2%;
  }
  72% {
    top: -63px;
    right: 50.3%;
  }
  80% {
    top: -60px;
    right: 50.4%;
  }
  100% {
    top: -60px;
    right: 50%;
  }
}
@-webkit-keyframes videoBottomMove {
  0% {
    opacity: 0;
    -webkit-transform: translate(-300%, 500%) rotate3d(0, 1, 0.5, 3.52rad);
            transform: translate(-300%, 500%) rotate3d(0, 1, 0.5, 3.52rad);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) rotate3d(0, 0, 0, 0rad);
            transform: translate(0%, 0%) rotate3d(0, 0, 0, 0rad);
  }
}
@keyframes videoBottomMove {
  0% {
    opacity: 0;
    -webkit-transform: translate(-300%, 500%) rotate3d(0, 1, 0.5, 3.52rad);
            transform: translate(-300%, 500%) rotate3d(0, 1, 0.5, 3.52rad);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) rotate3d(0, 0, 0, 0rad);
            transform: translate(0%, 0%) rotate3d(0, 0, 0, 0rad);
  }
}
@-webkit-keyframes checkMove2 {
  0% {
    opacity: 1;
    border: 1px solid rgba(204, 204, 204, 0.23);
    color: rgba(255, 255, 255, 0.9);
  }
  65% {
    opacity: 0.3;
    border: 1px solid transparent;
    color: #fff;
  }
  70% {
    border: 1px solid #fff;
  }
  100% {
    opacity: 1;
    color: #333;
    border: 1px solid #fff;
    background-color: #fff;
    font-weight: bolder;
  }
}
@keyframes checkMove2 {
  0% {
    opacity: 1;
    border: 1px solid rgba(204, 204, 204, 0.23);
    color: rgba(255, 255, 255, 0.9);
  }
  65% {
    opacity: 0.3;
    border: 1px solid transparent;
    color: #fff;
  }
  70% {
    border: 1px solid #fff;
  }
  100% {
    opacity: 1;
    color: #333;
    border: 1px solid #fff;
    background-color: #fff;
    font-weight: bolder;
  }
}
@-webkit-keyframes checkMoveLight {
  0% {
    opacity: 1;
    border: 1px solid #888;
    color: #ccc;
  }
  50% {
    opacity: 0.3;
    border: 1px solid transparent;
    color: #fff;
  }
  70% {
    border: 1px solid #eee;
  }
  100% {
    opacity: 1;
    color: #fff;
    border: 1px solid #eee;
    background-color: #eee;
  }
}
@keyframes checkMoveLight {
  0% {
    opacity: 1;
    border: 1px solid #888;
    color: #ccc;
  }
  50% {
    opacity: 0.3;
    border: 1px solid transparent;
    color: #fff;
  }
  70% {
    border: 1px solid #eee;
  }
  100% {
    opacity: 1;
    color: #fff;
    border: 1px solid #eee;
    background-color: #eee;
  }
}
@-webkit-keyframes positionPinMove {
  10% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
    background-color: #aaaaaa;
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  75% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    background-color: #535353;
  }
}
@keyframes positionPinMove {
  10% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
    background-color: #aaaaaa;
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  75% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    background-color: #535353;
  }
}
@-webkit-keyframes positionPinShadow {
  10% {
    opacity: 0.3;
    height: 4px;
  }
  50% {
    opacity: 1;
    height: 2px;
  }
  75% {
    opacity: 0.3;
    height: 4px;
  }
  100% {
    opacity: 0;
    height: 2px;
  }
}
@keyframes positionPinShadow {
  10% {
    opacity: 0.3;
    height: 4px;
  }
  50% {
    opacity: 1;
    height: 2px;
  }
  75% {
    opacity: 0.3;
    height: 4px;
  }
  100% {
    opacity: 0;
    height: 2px;
  }
}
@-webkit-keyframes toBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(35px);
            transform: translateX(-50%) translateY(35px);
  }
}
@keyframes toBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(35px);
            transform: translateX(-50%) translateY(35px);
  }
}
@-webkit-keyframes witnessBot {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
}
@keyframes witnessBot {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
}
@-webkit-keyframes witnessBTxt {
  0% {
    color: #000;
  }
  100% {
    color: #696969;
  }
}
@keyframes witnessBTxt {
  0% {
    color: #000;
  }
  100% {
    color: #696969;
  }
}
@-webkit-keyframes finished {
  0% {
    -webkit-transform: translateX(50%) translateY(0);
            transform: translateX(50%) translateY(0);
  }
  100% {
    -webkit-transform: translateX(50%) translateY(-10px);
            transform: translateX(50%) translateY(-10px);
  }
}
@keyframes finished {
  0% {
    -webkit-transform: translateX(50%) translateY(0);
            transform: translateX(50%) translateY(0);
  }
  100% {
    -webkit-transform: translateX(50%) translateY(-10px);
            transform: translateX(50%) translateY(-10px);
  }
}
@-webkit-keyframes cardShadow {
  0% {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  }
  100% {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  }
}
@keyframes cardShadow {
  0% {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  }
  100% {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
  }
}
@-webkit-keyframes eventPin {
  10% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes eventPin {
  10% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
* {
  outline: none;
}

html {
  font-size: 100%;
}
@media only screen and (max-width: 1600px) {
  html {
    font-size: 93.75%;
  }
}

body {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: normal;
  word-break: break-word;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.swiper-container {
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  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;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.swiper-lazy, .b-lazy {
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.swiper-lazy-loaded, .b-loaded {
  opacity: 1;
}

.notice-wrapper {
  position: fixed;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 99999999;
}
.notice-wrapper .text {
  display: none;
  font-size: 0.875rem;
  padding: 10px;
  color: white;
  background-color: #006fcc;
}
.notice-wrapper #clipboard {
  position: absolute;
  width: 100%;
  min-width: 200px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -10;
  opacity: 0;
  cursor: default;
}

/* ._articleBlock */
._articleBlock {
  width: 100%;
}
._articleBlock * {
  outline: none;
}

/* article */
._articleBlock article {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 0 45px 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article {
    display: block;
    margin: 0 0 32px 0;
  }
}
._articleBlock article:last-child {
  margin: 0;
}

/* typeFull 相鄰 article 間距*/
._articleBlock .typeF + .basic {
  margin-top: 60px !important;
}
@media only screen and (max-width: 900px) {
  ._articleBlock .typeF + .basic {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

/* _contentWrap */
._articleBlock article ._contentWrap {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}

/* ._wordWrap */
._articleBlock article ._contentWrap ._wordWrap {
  width: 100%;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article ._contentWrap ._wordWrap {
    width: 100% !important;
  }
}

/* ._H */
._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article ._contentWrap ._wordWrap ._H {
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 1px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
}

@media only screen and (max-width: 900px) {
  ._articleBlock article ._contentWrap ._wordWrap ._H {
    color: #000;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd ._H {
    width: 100%;
    min-height: 180px;
    padding: 40px 30px;
    margin: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 500px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd ._H {
    min-height: 150px;
    padding: 30px 30px;
  }
}

/* ._subH */
._articleBlock article ._contentWrap ._wordWrap ._subH {
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 1px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article ._contentWrap ._wordWrap ._subH {
    width: 100% !important;
    font-size: 1.25rem;
    margin-bottom: 8px !important;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-L[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-R[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._contentWrap ._wordWrap ._subH, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._contentWrap ._wordWrap ._subH {
    color: #000 !important;
  }
}

/* ._P */
._articleBlock article ._contentWrap ._wordWrap ._P {
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.9px;
  font-size: 0.9375rem;
  padding: 0;
  margin: 0;
  font-weight: 600;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article ._contentWrap ._wordWrap ._P {
    color: #000;
    margin: 0 !important;
    width: 100% !important;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 1.12px;
    margin-bottom: 4px !important;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-L[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-R[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._contentWrap ._wordWrap ._P, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._contentWrap ._wordWrap ._P {
    color: #000 !important;
  }
}

/* ._buttonCover */
._articleBlock article ._contentWrap ._wordWrap ._buttonCover {
  display: block;
  width: 100%;
}

/* ._button */
._articleBlock article ._contentWrap ._wordWrap ._button {
  margin: 40px 0 0px;
  padding: 5px 20px;
  background-color: #707070;
  color: white;
  text-align: center;
  width: 100% !important;
  max-width: 246px;
  font-size: 0.9375rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 700;
  letter-spacing: 1.3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1.5px solid transparent;
}
._articleBlock article ._contentWrap ._wordWrap ._button:hover {
  background-color: transparent !important;
  color: #333;
  border: 1.5px solid #333;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article ._contentWrap ._wordWrap ._button {
    margin-top: 15px;
    margin-bottom: 20px;
    max-width: 180px;
    font-size: 0.875rem;
  }
}

/* ._imgCover */
._articleBlock article ._contentWrap ._imgCover {
  width: 100%;
  margin: 0 !important;
  padding: 0 0 4px 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article ._contentWrap ._imgCover {
    float: none !important;
  }
}

._articleBlock article ._contentWrap ._imgCover ._cover {
  padding: 0 0 8px 0;
}

._articleBlock article ._contentWrap ._imgCover ._cover ._photo {
  width: 100%;
  background-color: transparent;
  padding: 0;
}

._articleBlock article ._contentWrap ._imgCover ._cover ._photo img {
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-transition: none;
  transition: none;
}

/* ._videoPlayButton*/
/* ._videoOverlay*/
/* ._description */
._articleBlock article ._contentWrap ._imgCover ._cover ._description {
  color: #999;
  padding-top: 11px;
  font-size: 0.875rem;
  letter-spacing: 0.7px;
  line-height: 1.3;
  text-align: center;
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
}

@media only screen and (max-width: 900px) {
  ._articleBlock ._articleL ._contentWrap {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  ._articleBlock ._articleL ._contentWrap > ._imgCover {
    float: none;
    width: 100% !important;
    padding: 0 0 15px 0 !important;
  }
  ._articleBlock ._articleL ._contentWrap > ._imgCover ._cover {
    width: 100%;
    padding: 0 0 20px 0 !important;
  }
  ._articleBlock ._articleL ._contentWrap > ._imgCover ._cover:last-child {
    padding: 0 0 0 0 !important;
  }
  ._articleBlock ._articleL ._wordWrap {
    width: 100% !important;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock ._articleLR {
    width: 100% !important;
  }
  ._articleBlock ._articleLR ._wordWrap ._imgCover {
    width: 100% !important;
    float: none;
    padding: 0 0 15px 0 !important;
  }
  ._articleBlock ._articleLR ._wordWrap ._imgCover ._cover {
    width: 100%;
    padding: 0 0 20px 0 !important;
  }
  ._articleBlock ._articleLR ._wordWrap ._imgCover ._cover:last-child {
    padding: 0 0 0 0 !important;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock ._articleR ._contentWrap {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  ._articleBlock ._articleR ._contentWrap > ._imgCover {
    width: 100% !important;
    float: none;
    padding: 15px 0 0 0 !important;
  }
  ._articleBlock ._articleR ._contentWrap > ._imgCover ._cover {
    width: 100%;
    padding: 0 0 20px 0 !important;
  }
  ._articleBlock ._articleR ._contentWrap > ._imgCover ._cover:last-child {
    padding: 0 0 0 0 !important;
  }
  ._articleBlock ._articleR ._wordWrap {
    width: 100% !important;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock ._articleRR {
    width: 100% !important;
  }
  ._articleBlock ._articleRR ._wordWrap ._imgCover {
    width: 100% !important;
    float: none;
    padding: 0 0 15px 0 !important;
  }
  ._articleBlock ._articleRR ._wordWrap ._imgCover ._cover {
    width: 100%;
    padding: 0 0 20px 0 !important;
  }
  ._articleBlock ._articleRR ._wordWrap ._imgCover ._cover:last-child {
    padding: 0 0 0 0 !important;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock ._article ._wordWrap ._imgCover,
  ._articleBlock ._articleSL ._wordWrap ._imgCover,
  ._articleBlock ._articleSR ._wordWrap ._imgCover {
    width: 100%;
    float: none;
    padding: 0;
  }
  ._articleBlock ._article ._wordWrap ._imgCover ._cover,
  ._articleBlock ._articleSL ._wordWrap ._imgCover ._cover,
  ._articleBlock ._articleSR ._wordWrap ._imgCover ._cover {
    width: 100%;
    padding: 0 0 20px 0;
  }
  ._articleBlock ._article ._wordWrap ._imgCover ._cover:last-child,
  ._articleBlock ._articleSL ._wordWrap ._imgCover ._cover:last-child,
  ._articleBlock ._articleSR ._wordWrap ._imgCover ._cover:last-child {
    padding: 0 0 6px 0;
  }
}

@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-L[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-R[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._contentWrap ._description, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._contentWrap ._description {
    color: #000 !important;
  }
}

._articleBlock article[img-size=x11] ._cover, ._articleBlock article[img-size=x34] ._cover, ._articleBlock article[img-size=x43] ._cover, ._articleBlock article[img-size=x169] ._cover {
  position: relative;
}
._articleBlock article[img-size=x11] ._cover ._photo, ._articleBlock article[img-size=x34] ._cover ._photo, ._articleBlock article[img-size=x43] ._cover ._photo, ._articleBlock article[img-size=x169] ._cover ._photo {
  width: 100% !important;
  height: 0 !important;
  overflow: hidden;
}
._articleBlock article[img-size=x11] ._cover ._photo img, ._articleBlock article[img-size=x34] ._cover ._photo img, ._articleBlock article[img-size=x43] ._cover ._photo img, ._articleBlock article[img-size=x169] ._cover ._photo img {
  width: 100%;
  height: auto !important;
  padding: 0;
  margin-top: 0.05rem;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* -imageSize-11, -imageSize-34, -imageSize-43, -imageSize-169 */
._articleBlock article[img-size=x11] ._cover ._photo {
  padding-bottom: 100% !important;
}

._articleBlock article[img-size=x169] ._cover ._photo {
  padding-bottom: 56.25% !important;
}

._articleBlock article[img-size=x43] ._cover ._photo {
  padding-bottom: 75% !important;
}

._articleBlock article[img-size=x34] ._cover ._photo {
  padding-bottom: 133.3% !important;
}

/* -typeFull,.-typeFull-C, .-typeFull-L, .-typeFull-R */
._articleBlock article._article.-typeFull, ._articleBlock article._article.-typeFull-L, ._articleBlock article._article.-typeFull-R, ._articleBlock article._article.-typeFull-BoxSlice, ._articleBlock article._article.-typeFull-BoxSlice-L, ._articleBlock article._article.-typeFull-BoxSlice-R, ._articleBlock article._article.-typeFull-Box, ._articleBlock article._article.-typeFull-Box-L, ._articleBlock article._article.-typeFull-Box-R {
  padding: 80px 100px !important;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull, ._articleBlock article._article.-typeFull-L, ._articleBlock article._article.-typeFull-R, ._articleBlock article._article.-typeFull-BoxSlice, ._articleBlock article._article.-typeFull-BoxSlice-L, ._articleBlock article._article.-typeFull-BoxSlice-R, ._articleBlock article._article.-typeFull-Box, ._articleBlock article._article.-typeFull-Box-L, ._articleBlock article._article.-typeFull-Box-R {
    padding: 25px !important;
    background-image: none !important;
  }
}

._articleBlock article._article.-typeFull, ._articleBlock article._article.-typeFull-L, ._articleBlock article._article.-typeFull-R, ._articleBlock article._article.-typeFull-BoxSlice, ._articleBlock article._article.-typeFull-BoxSlice-L, ._articleBlock article._article.-typeFull-BoxSlice-R, ._articleBlock article._article.-typeFull-Box, ._articleBlock article._article.-typeFull-Box-L, ._articleBlock article._article.-typeFull-Box-R {
  padding: 40px 60px 50px !important;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull, ._articleBlock article._article.-typeFull-L, ._articleBlock article._article.-typeFull-R, ._articleBlock article._article.-typeFull-BoxSlice, ._articleBlock article._article.-typeFull-BoxSlice-L, ._articleBlock article._article.-typeFull-BoxSlice-R, ._articleBlock article._article.-typeFull-Box, ._articleBlock article._article.-typeFull-Box-L, ._articleBlock article._article.-typeFull-Box-R {
    padding: 25px !important;
    background-image: none !important;
  }
}

._articleBlock article._article.-typeFull-Box {
  padding: 40px 60px 50px !important;
}

/* typeFull 相鄰 article 間距*/
@media only screen and (max-width: 900px) {
  ._articleBlock .typeF + .typeF {
    margin-top: 15px !important;
  }
}

._articleBlock article._article.-typeFull[typeFull-img], ._articleBlock article._article.-typeFull-L[typeFull-img], ._articleBlock article._article.-typeFull-R[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img], ._articleBlock article._article.-typeFull-Box[typeFull-img], ._articleBlock article._article.-typeFull-Box-L[typeFull-img], ._articleBlock article._article.-typeFull-Box-R[typeFull-img] {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img], ._articleBlock article._article.-typeFull-L[typeFull-img], ._articleBlock article._article.-typeFull-R[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img], ._articleBlock article._article.-typeFull-Box[typeFull-img], ._articleBlock article._article.-typeFull-Box-L[typeFull-img], ._articleBlock article._article.-typeFull-Box-R[typeFull-img] {
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (max-width: 500px) {
  ._articleBlock article._article.-typeFull[typeFull-img], ._articleBlock article._article.-typeFull-L[typeFull-img], ._articleBlock article._article.-typeFull-R[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img], ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img], ._articleBlock article._article.-typeFull-Box[typeFull-img], ._articleBlock article._article.-typeFull-Box-L[typeFull-img], ._articleBlock article._article.-typeFull-Box-R[typeFull-img] {
    min-height: 200px;
  }
}

._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd {
  width: 100%;
  height: 100%;
  min-height: 350px;
  margin-bottom: 15px;
  margin-top: 5px;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd {
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (max-width: 500px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd {
    min-height: 225px;
  }
}
@media only screen and (max-width: 380px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd {
    min-height: 200px;
  }
}

._articleBlock article._article.-typeFull[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._contentWrap {
  width: 60%;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._contentWrap {
    position: static;
    width: 100% !important;
    padding: 0;
    background-color: transparent !important;
  }
}

/* [ typeFull-size=S ], [ typeFull-size=M ], [ typeFull-size=L ], [ typeFull-size=X ] */
._articleBlock article._article.-typeFull[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=s] ._contentWrap {
  width: 50%;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=s] ._contentWrap {
    width: 100% !important;
  }
}

._articleBlock article._article.-typeFull[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=m] ._contentWrap {
  width: 65%;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=m] ._contentWrap {
    width: 100% !important;
    padding: 0;
  }
}

._articleBlock article._article.-typeFull[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=l] ._contentWrap {
  width: 75%;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=l] ._contentWrap {
    width: 100% !important;
    padding: 0;
  }
}

/* -typeFull-half */
._articleBlock article._article.-typeFull-Box ._contentWrap, ._articleBlock article._article.-typeFull-Box-L ._contentWrap, ._articleBlock article._article.-typeFull-Box-R ._contentWrap {
  width: 100%;
  padding: 40px 50px;
  background-color: #fff;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull-Box ._contentWrap, ._articleBlock article._article.-typeFull-Box-L ._contentWrap, ._articleBlock article._article.-typeFull-Box-R ._contentWrap {
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
  }
}

._articleBlock article._article.-typeFull-BoxSlice ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R ._contentWrap {
  width: 50% !important;
  padding: 60px;
}

._articleBlock article._article.-typeFull-BoxSlice ._contentWrap {
  width: 60% !important;
}

/* img-row */
._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+4), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+5), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+4), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(3n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(3n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover {
  padding-right: 10px;
}

._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+6), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+4), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+5), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+1), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+4), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(3n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(3n+4), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover {
  padding-left: 10px;
}

._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover {
  width: 50%;
}

._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(3n+3), ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover {
  width: calc(33.3% + 7px);
}

._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(3n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(3n+4), ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover:nth-child(3n+3), ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover:nth-child(3n+1) {
  width: calc(33.3% - 3.5px);
}

._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+4), ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover {
  width: calc(25% + 5px);
}

._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+1), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(4n+2), ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover:nth-child(4n+4), ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover:nth-child(4n+1) {
  width: calc(25% - 5.1px);
}

._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+4), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+5), ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover {
  width: calc(20% + 4px);
}

._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(5n+6), ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover:nth-child(5n+5), ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover:nth-child(5n+1) {
  width: calc(20% - 6px);
}

@media only screen and (max-width: 900px) {
  ._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover {
    width: 100% !important;
    padding: 0 5px 15px 0 !important;
  }
  ._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover:nth-child(2n+2) {
    width: 100% !important;
    padding: 0 0 15px 5px !important;
  }
}

/* img-firstbig */
@media only screen and (max-width: 900px) {
  ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(2n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(2n+3), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(2n+3) {
    width: 50% !important;
    padding: 0 0 15px 5px !important;
  }
  ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:nth-child(2n+2) {
    width: 50% !important;
    padding: 0 5px 15px 0 !important;
  }
}

/* img-merge=on */
._articleBlock article:not([articleSwiper=on])[img-row=x2][img-merge=on] ._imgCover ._cover {
  width: 50% !important;
}

._articleBlock article:not([articleSwiper=on])[img-row=x3][img-merge=on] ._imgCover ._cover {
  width: 33.3% !important;
}

._articleBlock article:not([articleSwiper=on])[img-row=x4][img-merge=on] ._imgCover ._cover {
  width: 25% !important;
}

._articleBlock article:not([articleSwiper=on])[img-row=x5][img-merge=on] ._imgCover ._cover {
  width: 20% !important;
}

@media only screen and (max-width: 900px) {
  ._articleBlock article:not([articleSwiper=on])[img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x2][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x3][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x4][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x5][img-merge=on] ._imgCover ._cover {
    width: 50% !important;
    padding: 0 !important;
  }
  ._articleBlock article:not([articleSwiper=on])[img-merge=on] ._imgCover ._cover ._description {
    display: none !important;
  }
}

/* _articleSL _articleSR */
._articleBlock ._articleSR ._contentWrap ._wordWrap ._subH, ._articleBlock ._articleSL ._contentWrap ._wordWrap ._subH {
  width: 35%;
}

._articleBlock ._articleSR ._contentWrap ._wordWrap ._P, ._articleBlock ._articleSL ._contentWrap ._wordWrap ._P {
  width: 60%;
}

._articleBlock ._articleSL ._contentWrap ._wordWrap ._P {
  margin-left: 5%;
}

._articleBlock ._articleSR ._contentWrap ._wordWrap ._P {
  margin-right: 5%;
}

/* _articleUL _articleUR _articleDL _articleDR */
._articleBlock ._articleUL ._contentWrap ._wordWrap ._H,
._articleBlock ._articleUR ._contentWrap ._wordWrap ._H,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._H,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._H {
  width: 35%;
}

._articleBlock ._articleUL ._contentWrap ._wordWrap ._P,
._articleBlock ._articleUL ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleUR ._contentWrap ._wordWrap ._P,
._articleBlock ._articleUR ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._P,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._P,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._subH {
  width: 60%;
}

._articleBlock ._articleUL ._contentWrap ._wordWrap ._P,
._articleBlock ._articleUL ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._P,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._subH {
  margin-left: 5%;
}

._articleBlock ._articleUR ._contentWrap ._wordWrap ._P,
._articleBlock ._articleUR ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleUR ._contentWrap ._wordWrap ._buttonCover,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._P,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._buttonCover {
  margin-right: 5%;
}

/* _articleL _articleR _articleLR _articleRR */
._articleBlock ._articleR ._contentWrap ._wordWrap, ._articleBlock ._articleL ._contentWrap ._wordWrap {
  width: 50%;
}

._articleBlock ._articleLR ._contentWrap ._wordWrap ._H, ._articleBlock ._articleRR ._contentWrap ._wordWrap ._H {
  width: 50%;
}

._articleBlock ._articleLR ._contentWrap ._wordWrap ._subH, ._articleBlock ._articleRR ._contentWrap ._wordWrap ._subH {
  width: 50%;
}

._articleBlock ._articleR ._contentWrap > ._imgCover, ._articleBlock ._articleL ._contentWrap > ._imgCover, ._articleBlock ._articleLR ._contentWrap ._wordWrap ._imgCover, ._articleBlock ._articleRR ._contentWrap ._wordWrap ._imgCover {
  width: 50%;
}

._articleBlock ._articleL ._contentWrap > ._imgCover {
  padding: 0 0 0 30px;
}

._articleBlock ._articleR ._contentWrap > ._imgCover {
  padding: 0 40px 0 0;
}

._articleBlock ._articleLR ._contentWrap ._wordWrap ._imgCover {
  padding: 0 0 30px 55px;
}

._articleBlock ._articleRR ._contentWrap ._wordWrap ._imgCover {
  padding: 0 55px 30px 0;
}

/* _articleD _articleDL _articleDR */
._articleBlock ._articleD ._contentWrap > ._imgCover,
._articleBlock ._articleDL ._contentWrap > ._imgCover,
._articleBlock ._articleDR ._contentWrap > ._imgCover {
  padding: 0 0 15px 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock ._articleD ._contentWrap > ._imgCover,
  ._articleBlock ._articleDL ._contentWrap > ._imgCover,
  ._articleBlock ._articleDR ._contentWrap > ._imgCover {
    padding: 0 0 0 0;
  }
}

/* _articleU _articleUL _articleUR */
._articleBlock ._articleU ._contentWrap > ._imgCover,
._articleBlock ._articleUL ._contentWrap > ._imgCover,
._articleBlock ._articleUR ._contentWrap > ._imgCover {
  padding: 15px 0 0 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock ._articleU ._contentWrap > ._imgCover,
  ._articleBlock ._articleUL ._contentWrap > ._imgCover,
  ._articleBlock ._articleUR ._contentWrap > ._imgCover {
    padding: 15px 0 0 0;
  }
}

/* -typeSwiper */
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container {
  width: 100%;
  padding: 80px 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container {
    padding: 25px 0 70px;
  }
}

._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide {
  padding: 0 80px;
}

@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide {
    padding: 0 25px;
  }
}

._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap {
  width: 50%;
  padding-left: 0;
  padding-right: 20px;
}

._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap {
  padding-left: 20px;
  padding-right: 0;
}

._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap {
  padding-left: 20px;
  padding-right: 0;
  width: 50%;
  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;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 30px !important;
  }
}

._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap {
  padding-left: 0;
  padding-right: 20px;
}

._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 30px;
}

/* -typeOverlap */
._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover, ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover, ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover, ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover {
  padding: 0 !important;
  margin: 0 !important;
}

._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:first-child, ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:first-child, ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:first-child, ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:first-child {
  width: 100% !important;
  margin: 0 !important;
}

._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:nth-child(2) {
  min-width: 120px;
  max-width: 300px;
  width: 50% !important;
}
@media only screen and (max-width: 1330px) {
  ._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:nth-child(2) {
    width: 100% !important;
    max-width: 250px;
  }
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:nth-child(2) {
    width: 80% !important;
    max-width: 200px;
  }
}
@media only screen and (max-width: 650px) {
  ._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:nth-child(2) {
    width: 100% !important;
    max-width: 100px;
  }
}

._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:first-child {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 130px !important;
}
@media only screen and (max-width: 1330px) {
  ._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:first-child {
    padding-right: 50px !important;
  }
}

._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:nth-child(2) {
  bottom: -35%;
  right: 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:nth-child(2) {
    bottom: -8%;
  }
}

._articleBlock article._article.-typeOverlap-LU ._contentWrap ._wordWrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 360px;
}
@media only screen and (max-width: 1330px) {
  ._articleBlock article._article.-typeOverlap-LU ._contentWrap ._wordWrap {
    padding-right: 33%;
  }
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-LU ._contentWrap ._wordWrap {
    padding-left: 0;
    padding-right: 0;
  }
}

._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:first-child {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 130px !important;
}
@media only screen and (max-width: 1330px) {
  ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:first-child {
    padding-right: 50px !important;
  }
}

._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:nth-child(2) {
  top: -35%;
  right: 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:nth-child(2) {
    top: -20%;
  }
}

._articleBlock article._article.-typeOverlap-LD ._contentWrap ._wordWrap {
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 360px;
}
@media only screen and (max-width: 1330px) {
  ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._wordWrap {
    padding-right: 33%;
  }
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._wordWrap {
    padding-left: 0;
    padding-right: 0;
  }
}

._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:first-child {
  padding-top: 0 !important;
  padding-left: 130px !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 1330px) {
  ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:first-child {
    padding-left: 50px !important;
  }
}

._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:nth-child(2) {
  bottom: -35%;
  left: 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:nth-child(2) {
    bottom: -8%;
  }
}

._articleBlock article._article.-typeOverlap-RU ._contentWrap ._wordWrap {
  padding-top: 50px;
  padding-left: 360px;
  padding-right: 50px;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._wordWrap {
    padding-left: 0;
    padding-right: 0;
  }
}

._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:first-child {
  padding-top: 0 !important;
  padding-left: 130px !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 1330px) {
  ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:first-child {
    padding-left: 50px !important;
  }
}

._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:nth-child(2) {
  top: -35%;
  left: 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:nth-child(2) {
    top: -20%;
  }
}

._articleBlock article._article.-typeOverlap-RD ._contentWrap ._wordWrap {
  padding-bottom: 50px;
  padding-left: 360px;
  padding-right: 50px;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._wordWrap {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Swiper Basic Setting */
._articleBlock article .swiper-container .swiper-pagination, ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-pagination, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-pagination {
  width: 100%;
  padding: 0;
  bottom: 10px;
  left: 0;
}

._articleBlock article .swiper-container .swiper-pagination .swiper-pagination-bullet, ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-pagination .swiper-pagination-bullet, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 10px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

._articleBlock article .swiper-container .swiper-pagination .swiper-pagination-bullet-active, ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 1;
}

._articleBlock article .swiper-container .swiper-button-prev {
  width: 30px;
  color: #333;
  background-image: url("../../../dist/assets/font/icomoon/svg/left_btn_arti.svg");
  background-size: contain;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: auto;
  left: 5px;
  right: auto;
  z-index: 10;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article .swiper-container .swiper-button-prev {
    display: block;
    top: 40%;
    left: 5px;
    width: 20px;
  }
}

._articleBlock article .swiper-container .swiper-button-next {
  width: 30px;
  color: #333;
  background-image: url("../../../dist/assets/font/icomoon/svg/right_btn_arti.svg");
  background-size: contain;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: auto;
  right: 5px;
  left: auto;
  z-index: 10;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article .swiper-container .swiper-button-next {
    display: block;
    top: 40%;
    right: 5px;
    width: 20px;
  }
}

._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-button-prev, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-button-prev {
  top: calc(50% - 25px);
}

._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-button-next, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-button-next {
  top: calc(50% - 25px);
}

._articleBlock article .swiper-container .swiper-scrollbar {
  border-radius: 0;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
}

._articleBlock article .swiper-container.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 0;
  bottom: 60px;
  z-index: 50;
  height: 5px;
  width: 100%;
}

._articleBlock {
  /* typeFull 相鄰 article 間距*/
}
._articleBlock article {
  position: relative;
}
._articleBlock article ._contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
._articleBlock article ._contentWrap::before, ._articleBlock article ._contentWrap::after {
  content: "";
  display: block;
  clear: both;
}
._articleBlock article ._contentWrap ._wordWrap {
  display: block;
  clear: both;
  height: 100%;
}
._articleBlock article ._contentWrap ._wordWrap ._H {
  width: auto;
  z-index: 2;
  outline: none;
}
._articleBlock article ._contentWrap ._wordWrap ._subH {
  width: auto;
  z-index: 2;
  outline: none;
}
._articleBlock article ._contentWrap ._wordWrap ._P {
  outline: none;
  width: auto;
  z-index: 1;
}
._articleBlock article ._contentWrap ._wordWrap ._box {
  display: none;
}
._articleBlock article ._contentWrap ._wordWrap ._button {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article ._contentWrap ._imgCover {
  max-height: 100%;
  display: block;
  position: relative;
  z-index: 2;
}
._articleBlock article ._contentWrap ._imgCover ._cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._articleBlock article ._contentWrap ._imgCover ._cover ._photo {
  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;
  overflow: hidden;
  position: relative;
}
._articleBlock article ._contentWrap ._imgCover ._cover ._description {
  display: block;
}
._articleBlock ._article ._contentWrap,
._articleBlock ._articleSL ._contentWrap,
._articleBlock ._articleSR ._contentWrap,
._articleBlock ._articleD ._contentWrap,
._articleBlock ._articleDL ._contentWrap,
._articleBlock ._articleDR ._contentWrap,
._articleBlock ._articleU ._contentWrap,
._articleBlock ._articleUL ._contentWrap,
._articleBlock ._articleUR ._contentWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._articleBlock ._articleSL ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleSL ._contentWrap ._wordWrap ._P,
._articleBlock ._articleSR ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleSR ._contentWrap ._wordWrap ._P {
  text-align: left;
}
._articleBlock ._articleSL ._contentWrap ._wordWrap ._subH {
  float: left;
}
._articleBlock ._articleSL ._contentWrap ._wordWrap ._P {
  float: right;
}
._articleBlock ._articleSR ._contentWrap ._wordWrap ._subH {
  float: right;
}
._articleBlock ._articleSR ._contentWrap ._wordWrap ._P {
  float: left;
}
._articleBlock ._articleD ._contentWrap > ._imgCover,
._articleBlock ._articleDL ._contentWrap > ._imgCover,
._articleBlock ._articleDR ._contentWrap > ._imgCover {
  width: 100%;
  height: 100%;
}
._articleBlock ._articleU ._contentWrap,
._articleBlock ._articleUL ._contentWrap,
._articleBlock ._articleUR ._contentWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (max-width: 900px) {
  ._articleBlock ._articleU ._contentWrap,
  ._articleBlock ._articleUL ._contentWrap,
  ._articleBlock ._articleUR ._contentWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
._articleBlock ._articleU ._contentWrap > ._imgCover,
._articleBlock ._articleUL ._contentWrap > ._imgCover,
._articleBlock ._articleUR ._contentWrap > ._imgCover {
  width: 100%;
  height: 100%;
}
._articleBlock ._articleUL ._contentWrap ._wordWrap,
._articleBlock ._articleDL ._contentWrap ._wordWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._articleBlock ._articleUL ._contentWrap ._wordWrap ._H,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._H {
  float: left;
}
._articleBlock ._articleUL ._contentWrap ._wordWrap ._P,
._articleBlock ._articleUL ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._P,
._articleBlock ._articleDL ._contentWrap ._wordWrap ._subH {
  float: right;
  margin-right: 0;
}
._articleBlock ._articleUR ._contentWrap ._wordWrap,
._articleBlock ._articleDR ._contentWrap ._wordWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._articleBlock ._articleUR ._contentWrap ._wordWrap ._H,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._H {
  float: right;
}
._articleBlock ._articleUR ._contentWrap ._wordWrap ._P,
._articleBlock ._articleUR ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleUR ._contentWrap ._wordWrap ._buttonCover,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._P,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._subH,
._articleBlock ._articleDR ._contentWrap ._wordWrap ._buttonCover {
  float: left;
  margin-left: 0;
}
._articleBlock ._articleD ._contentWrap ._wordWrap ._H {
  width: 100%;
}
._articleBlock ._articleU ._contentWrap ._wordWrap ._H {
  width: 100%;
}
._articleBlock ._articleRR ._contentWrap ._wordWrap ._H {
  display: block;
  float: right;
}
._articleBlock ._articleRR ._contentWrap ._wordWrap ._subH {
  display: block;
  float: right;
}
._articleBlock ._articleRR ._contentWrap ._wordWrap ._imgCover {
  float: left;
}
._articleBlock ._articleLR ._contentWrap ._wordWrap ._H {
  display: block;
  float: left;
}
._articleBlock ._articleLR ._contentWrap ._wordWrap ._subH {
  display: block;
  float: left;
}
._articleBlock ._articleLR ._contentWrap ._wordWrap ._imgCover {
  float: right;
}
._articleBlock ._articleL ._contentWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
._articleBlock ._articleL ._contentWrap ._wordWrap {
  float: left;
  clear: none;
}
._articleBlock ._articleL ._contentWrap > ._imgCover {
  float: right;
  clear: both;
  height: 100%;
}
._articleBlock ._articleR ._contentWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
._articleBlock ._articleR ._contentWrap ._wordWrap {
  float: right;
  clear: none;
}
._articleBlock ._articleR ._contentWrap > ._imgCover {
  float: left;
  height: 100%;
}
._articleBlock article[article-flex=up] ._contentWrap {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
._articleBlock article[article-flex=center] ._contentWrap {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
._articleBlock article[article-flex=down] ._contentWrap {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
._articleBlock article[h-align=center] ._H {
  text-align: center !important;
}
._articleBlock article[h-align=left] ._H {
  text-align: left !important;
}
._articleBlock article[h-align=right] ._H {
  text-align: right !important;
}
._articleBlock article[subh-align=center] ._subH {
  text-align: center !important;
}
._articleBlock article[subh-align=left] ._subH {
  text-align: left !important;
}
._articleBlock article[subh-align=right] ._subH {
  text-align: right !important;
}
._articleBlock article[p-align=center] ._P {
  text-align: center !important;
}
._articleBlock article[p-align=left] ._P {
  text-align: left !important;
}
._articleBlock article[p-align=right] ._P {
  text-align: right !important;
}
._articleBlock article[description-align=center] ._description {
  text-align: center !important;
}
._articleBlock article[description-align=left] ._description {
  text-align: left !important;
}
._articleBlock article[description-align=right] ._description {
  text-align: right !important;
}
._articleBlock article[button-align=center] ._buttonCover {
  text-align: center;
}
._articleBlock article[button-align=center] ._buttonCover ._button {
  margin-left: auto !important;
  margin-right: auto !important;
}
._articleBlock article[button-align=left] ._buttonCover {
  text-align: left;
}
._articleBlock article[button-align=left] ._buttonCover ._button {
  margin-left: 0 !important;
  margin-right: auto !important;
}
._articleBlock article[button-align=right] ._buttonCover {
  text-align: right;
}
._articleBlock article[button-align=right] ._buttonCover ._button {
  margin-left: auto !important;
  margin-right: 0 !important;
}
._articleBlock article[button-textalign=center] ._button {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
._articleBlock article[button-textalign=left] ._button {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
._articleBlock article[button-textalign=right] ._button {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-BoxSlice ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-BoxSlice-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-BoxSlice-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-Box ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-Box-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x2].-typeFull-Box-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-BoxSlice ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-BoxSlice-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-BoxSlice-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-Box ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-Box-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x3].-typeFull-Box-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-BoxSlice ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-BoxSlice-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-BoxSlice-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-Box ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-Box-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x4].-typeFull-Box-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-BoxSlice ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-BoxSlice-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-BoxSlice-R ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-Box ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-Box-L ._imgCover, ._articleBlock article:not([articleSwiper=on])[img-row=x5].-typeFull-Box-R ._imgCover {
  min-height: 100%;
}
._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover:nth-child(2n+1) {
  padding-left: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x2] ._imgCover ._cover:nth-child(2n+2) {
  padding-right: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover:nth-child(3n+1) {
  padding-left: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x3] ._imgCover ._cover:nth-child(3n+3) {
  padding-right: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover:nth-child(4n+1) {
  padding-left: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x4] ._imgCover ._cover:nth-child(4n+4) {
  padding-right: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover:nth-child(5n+1) {
  padding-left: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x5] ._imgCover ._cover:nth-child(5n+5) {
  padding-right: 0;
}
._articleBlock article:not([articleSwiper=on])[img-row=x2][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x3][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x4][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-row=x5][img-merge=on] ._imgCover ._cover {
  padding: 0 !important;
}
._articleBlock article:not([articleSwiper=on])[img-row=x2][img-merge=on] ._imgCover ._cover ._description, ._articleBlock article:not([articleSwiper=on])[img-row=x3][img-merge=on] ._imgCover ._cover ._description, ._articleBlock article:not([articleSwiper=on])[img-row=x4][img-merge=on] ._imgCover ._cover ._description, ._articleBlock article:not([articleSwiper=on])[img-row=x5][img-merge=on] ._imgCover ._cover ._description {
  display: none !important;
}
._articleBlock article:not([articleSwiper=on])[img-merge=on] ._typeFullImgCover_Rwd {
  margin: 0 !important;
}
._articleBlock article:not([articleSwiper=on])[img-merge=on] ._imgCover ._cover {
  padding: 0 !important;
}
._articleBlock article:not([articleSwiper=on])[img-merge=on] ._imgCover ._cover ._description {
  display: none !important;
}
._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover {
  padding-right: 0;
  padding-left: 0;
}
._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:first-child, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3] ._imgCover ._cover:first-child, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4] ._imgCover ._cover:first-child, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5] ._imgCover ._cover:first-child {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4][img-merge=on] ._imgCover ._cover, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5][img-merge=on] ._imgCover ._cover {
  padding: 0 !important;
}
._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x2][img-merge=on] ._imgCover ._cover:first-child, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x3][img-merge=on] ._imgCover ._cover:first-child, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x4][img-merge=on] ._imgCover ._cover:first-child, ._articleBlock article:not([articleSwiper=on])[img-firstbig=on][img-row=x5][img-merge=on] ._imgCover ._cover:first-child {
  padding: 0 !important;
}
._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover, ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover, ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover, ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover {
  width: 50%;
}
._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:first-child, ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:first-child, ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:first-child, ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:first-child {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2), ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+2) {
  padding-left: 0;
}
._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1), ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-row=x2] ._imgCover ._cover:nth-child(2n+1) {
  padding-right: 0;
}
._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover, ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover, ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover, ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover {
  padding: 0 !important;
}
._articleBlock article._articleL:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover:first-child, ._articleBlock article._articleLR:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover:first-child, ._articleBlock article._articleR:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover:first-child, ._articleBlock article._articleRR:not([articleSwiper=on])[img-firstbig=on][img-merge=on] ._imgCover ._cover:first-child {
  padding: 0 !important;
}
._articleBlock article[img-flex=center] ._imgCover ._cover {
  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;
}
._articleBlock article[img-flex=up] ._imgCover ._cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article[img-flex=down] ._imgCover ._cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article._article.-typeFull, ._articleBlock article._article.-typeFull-L, ._articleBlock article._article.-typeFull-R, ._articleBlock article._article.-typeFull-BoxSlice, ._articleBlock article._article.-typeFull-BoxSlice-L, ._articleBlock article._article.-typeFull-BoxSlice-R, ._articleBlock article._article.-typeFull-Box, ._articleBlock article._article.-typeFull-Box-L, ._articleBlock article._article.-typeFull-Box-R {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article._article.-typeFull ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-L ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-R ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-BoxSlice ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-BoxSlice-L ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-BoxSlice-R ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-Box ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-Box-L ._contentWrap ._imgCover, ._articleBlock article._article.-typeFull-Box-R ._contentWrap ._imgCover {
  min-height: 100%;
}
._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article._article.-typeFull[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._typeFullImgCover_Rwd ._H, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._typeFullImgCover_Rwd ._H {
  display: none;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-L[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-R[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-Box[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-Box-L[typeFull-img] ._contentWrap ._wordWrap ._H, ._articleBlock article._article.-typeFull-Box-R[typeFull-img] ._contentWrap ._wordWrap ._H {
    display: none;
  }
}
._articleBlock article._article.-typeFull[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=s] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=s] ._contentWrap {
  min-height: 100%;
}
._articleBlock article._article.-typeFull[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=m] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=m] ._contentWrap {
  min-height: 100%;
}
._articleBlock article._article.-typeFull[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-R[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box-L[typeFull-size=l] ._contentWrap, ._articleBlock article._article.-typeFull-Box-R[typeFull-size=l] ._contentWrap {
  min-height: 100%;
}
._articleBlock article._article.-typeFull ._contentWrap ._wordWrap ._button {
  margin-left: 0;
}
._articleBlock article._article.-typeFull-L {
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._articleBlock article._article.-typeFull-L ._contentWrap ._wordWrap ._button {
  margin-left: 0;
}
._articleBlock article._article.-typeFull-R {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
._articleBlock article._article.-typeFull-R ._contentWrap ._wordWrap ._button {
  margin-left: 0;
}
._articleBlock article._article.-typeFull-Box ._contentWrap, ._articleBlock article._article.-typeFull-Box-L ._contentWrap, ._articleBlock article._article.-typeFull-Box-R ._contentWrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._articleBlock article._article.-typeFull-Box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article._article.-typeFull-Box-L {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._articleBlock article._article.-typeFull-Box-R {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
._articleBlock article._article.-typeFull-BoxSlice, ._articleBlock article._article.-typeFull-BoxSlice-L, ._articleBlock article._article.-typeFull-BoxSlice-R {
  padding: 0 !important;
}
._articleBlock article._article.-typeFull-BoxSlice ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-L ._contentWrap, ._articleBlock article._article.-typeFull-BoxSlice-R ._contentWrap {
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._articleBlock article._article.-typeFull-BoxSlice ._contentWrap ._wordWrap ._button, ._articleBlock article._article.-typeFull-BoxSlice-L ._contentWrap ._wordWrap ._button, ._articleBlock article._article.-typeFull-BoxSlice-R ._contentWrap ._wordWrap ._button {
  margin-left: 0;
}
._articleBlock article._article.-typeFull-BoxSlice {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeFull-BoxSlice ._contentWrap {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
._articleBlock article._article.-typeFull-BoxSlice-L {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._articleBlock article._article.-typeFull-BoxSlice-L ._contentWrap {
  left: 0;
  right: auto;
  margin-left: 0;
}
._articleBlock article._article.-typeFull-BoxSlice-L ._contentWrap ._wordWrap ._button {
  margin-left: 0;
}
._articleBlock article._article.-typeFull-BoxSlice-R {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
._articleBlock article._article.-typeFull-BoxSlice-R ._contentWrap {
  left: auto;
  right: 0;
  margin-right: 0;
}
._articleBlock article._article.-typeSwiper-L ._contentWrap, ._articleBlock article._article.-typeSwiper-R ._contentWrap {
  width: 100%;
  overflow: hidden;
}
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap ._photo, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap ._photo {
  position: relative;
}
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap ._photo img, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._photoWrap ._photo img {
  width: 100%;
  -webkit-transition: none;
  transition: none;
}
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._H,
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._subH,
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._P, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._H,
._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._subH,
._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._P {
  width: 100%;
  margin-left: 0 !important;
  margin-left: 0 !important;
}
._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._button, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap ._button {
  margin-left: 0;
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide ._wordWrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 900px) {
  ._articleBlock article._article.-typeSwiper-L ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide, ._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}
._articleBlock article._article.-typeSwiper-R ._contentWrap .swiper-container .swiper-wrapper ._cover.swiper-slide {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover, ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover, ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover, ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover {
  height: 100%;
}
._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover, ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover, ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover, ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover {
  display: none !important;
}
._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:first-child, ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:first-child, ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:first-child, ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:first-child {
  display: block !important;
}
._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover:nth-child(2), ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover:nth-child(2) {
  display: block !important;
  position: absolute;
  z-index: 1;
}
._articleBlock article._article.-typeOverlap-LU ._contentWrap ._imgCover ._cover ._description, ._articleBlock article._article.-typeOverlap-LD ._contentWrap ._imgCover ._cover ._description, ._articleBlock article._article.-typeOverlap-RU ._contentWrap ._imgCover ._cover ._description, ._articleBlock article._article.-typeOverlap-RD ._contentWrap ._imgCover ._cover ._description {
  display: none !important;
}
._articleBlock article._article.-typeOverlap-LD ._contentWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
._articleBlock article._article.-typeOverlap-RD ._contentWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
._articleBlock article .swiper-container-android .swiper-slide,
._articleBlock article .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}
._articleBlock article .swiper-container {
  width: 100%;
  padding-bottom: 30px;
}
._articleBlock article .swiper-container[data-swiper-nav=off] {
  padding-bottom: 10px;
}
._articleBlock article .swiper-container .swiper-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._articleBlock article .swiper-container .swiper-wrapper .swiper-slide._cover {
  padding: 0;
}
._articleBlock article .swiper-container .swiper-wrapper .swiper-slide ._description {
  width: 100%;
  padding-top: 10px;
  text-align: center;
  display: block;
  word-break: break-all;
}
.video4-cover ._videoPlayButton,
.video4-cover .playButton {
  content: "";
  font-size: 0;
  line-height: 0;
  color: transparent;
  min-width: auto !important;
  min-height: auto !important;
  width: 40px !important;
  height: 40px !important;
  padding: 25px !important;
  margin: 0 !important;
  border-radius: 50%;
  border: 1px solid #aaa;
  background-color: transparent;
  opacity: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.video4-cover ._videoPlayButton:before,
.video4-cover .playButton:before {
  content: "";
  width: 0;
  height: 0;
  margin-right: -3px;
  border-style: solid;
  border-width: 7.5px 0 7.5px 13px;
  border-color: transparent transparent transparent #aaa;
}
.video4-cover ._videoOverlay,
.video4-cover .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.video4-cover:hover ._videoPlayButton,
.video4-cover:hover .playButton {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.video4-cover:hover ._videoPlayButton:before,
.video4-cover:hover .playButton:before {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.6);
  -webkit-animation: videoMove 0.8s forwards;
          animation: videoMove 0.8s forwards;
}
.video4-cover:hover ._videoOverlay,
.video4-cover:hover .overlay {
  opacity: 0.8;
}
.video4-cover.onPage iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.video4-player {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.video4-player .playerCover {
  width: 80%;
  max-width: 1280px;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #000;
  position: relative;
}
.video4-player .playerCover .player {
  width: 100%;
  height: 0;
  display: block;
  position: relative;
  padding-bottom: 56.25%;
}
.video4-player .playerCover .player iframe {
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
  border: none;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  z-index: 10;
}
.video4-player .playerCover .closeButton {
  width: 30px;
  height: 30px;
  background-image: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -30px;
  bottom: auto;
  right: -30px;
  left: auto;
  z-index: 10;
}
.video4-player .playerCover .closeButton:before {
  content: "";
  width: 3px;
  height: 20px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
}
.video4-player .playerCover .closeButton:after {
  content: "";
  width: 3px;
  height: 20px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
}
.video4-player.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video4-player.open {
  opacity: 1;
}

.video4FixedBody {
  overflow: hidden;
}

.homeNavbar.disappear {
  background-color: transparent;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  pointer-events: none;
}

.homeNavbar {
  width: 100%;
  height: auto;
  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;
  position: relative;
  background-color: transparent;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
  pointer-events: all;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  z-index: 99;
}
.homeNavbar .container {
  padding: 35px 171px 30px 147px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1500px) {
  .homeNavbar .container {
    padding: 30px 60px 30px 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNavbar .container {
    padding: 30px 40px 30px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .homeNavbar .container {
    padding: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNavbar .container {
    padding: 25px 15px 25px 15px;
  }
}
.homeNavbar .logo {
  width: 100%;
  max-width: 194px;
  margin: 0 28px;
}
@media only screen and (max-width: 1024px) {
  .homeNavbar .logo {
    max-width: 180px;
  }
}
@media only screen and (max-width: 768px) {
  .homeNavbar .logo {
    max-width: 170px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNavbar .logo {
    max-width: 150px;
  }
}
@media only screen and (max-width: 400px) {
  .homeNavbar .logo {
    max-width: 130px;
  }
}
.homeNavbar .langAndSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 107px;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .homeNavbar .langAndSearch {
    min-width: 80px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNavbar .langAndSearch {
    min-width: 55px;
  }
}
.homeNavbar .langAndSearch > div {
  cursor: pointer;
}
.homeNavbar .langAndSearch > div span {
  color: #000000;
  font-size: 1.0625rem;
}
@media only screen and (max-width: 500px) {
  .homeNavbar .langAndSearch > div span {
    font-size: 1rem;
  }
}
.homeNavbar .langAndSearch > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 25px;
  position: relative;
  cursor: pointer;
}
.homeNavbar .langAndSearch > div:first-child span {
  display: inline-block;
  font-size: 1.1875rem;
}
.homeNavbar .langAndSearch > div:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 1px;
  height: 100%;
  cursor: auto;
  background-color: #c9c9c9;
}
@media only screen and (max-width: 768px) {
  .homeNavbar .langAndSearch > div:first-child {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNavbar .langAndSearch > div:first-child {
    padding-right: 10px;
    height: 85%;
  }
  .homeNavbar .langAndSearch > div:first-child span {
    font-size: 1.0625rem;
  }
}
.homeNavbar .langAndSearch > div:nth-child(2) {
  cursor: pointer;
  padding-left: 25px;
}
@media only screen and (max-width: 768px) {
  .homeNavbar .langAndSearch > div:nth-child(2) {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNavbar .langAndSearch > div:nth-child(2) {
    padding-left: 10px;
  }
}
.homeNavbar .listGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 435px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: none;
  padding-top: 6px;
}
.homeNavbar .listGroup:nth-of-type(2) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 1280px) {
  .homeNavbar .listGroup {
    display: none;
  }
}
.homeNavbar .listGroup li {
  margin: 0 10px;
  padding: 0 15px;
  position: relative;
}
.homeNavbar .listGroup li:after {
  content: "/";
  position: absolute;
  top: -1px;
  right: -15px;
  cursor: auto;
  font-size: 1.375rem;
  color: #aaaaaa;
}
.homeNavbar .listGroup li:last-child:after {
  display: none;
}
.homeNavbar .listGroup li a {
  color: #333333;
  letter-spacing: 1.2px;
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.0625rem;
}
.homeNavbar .listGroup li a:hover {
  color: black;
}
.homeNavbar .toggleMenu {
  margin-left: auto;
  display: block;
  min-width: 107px;
}
@media only screen and (max-width: 768px) {
  .homeNavbar .toggleMenu {
    min-width: 80px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNavbar .toggleMenu {
    min-width: 55px;
  }
}
.homeNavbar .toggleMenu .menuBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.homeNavbar .toggleMenu .menuBtn .lineGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 20px;
  height: 13px;
}
@media only screen and (max-width: 768px) {
  .homeNavbar .toggleMenu .menuBtn .lineGroup {
    padding-right: 0;
  }
}
.homeNavbar .toggleMenu .menuBtn .lineGroup .topLine {
  width: 33px;
  height: 1px;
  background-color: #444444;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
}
.homeNavbar .toggleMenu .menuBtn .lineGroup .middleLine {
  width: 33px;
  height: 1px;
  background-color: #444444;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  opacity: 1;
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
  display: block;
}
.homeNavbar .toggleMenu .menuBtn .lineGroup .bottomLine {
  width: 33px;
  height: 1px;
  background-color: #444444;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
}
.homeNavbar .toggleMenu .menuBtn .menuText {
  font-size: 1rem;
  letter-spacing: 1.3px;
  color: #444444;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .homeNavbar .toggleMenu .menuBtn .menuText {
    display: none;
  }
}

body.news .homeNavbar .container, body.product .homeNavbar .container, body.expert .homeNavbar .container, body.qa .homeNavbar .container, body.witness .homeNavbar .container, body.witnessOverview .homeNavbar .container {
  padding: 35px 171px 30px 147px;
}
@media only screen and (max-width: 1500px) {
  body.news .homeNavbar .container, body.product .homeNavbar .container, body.expert .homeNavbar .container, body.qa .homeNavbar .container, body.witness .homeNavbar .container, body.witnessOverview .homeNavbar .container {
    padding: 30px 120px 30px 60px;
  }
}
@media only screen and (max-width: 1024px) {
  body.news .homeNavbar .container, body.product .homeNavbar .container, body.expert .homeNavbar .container, body.qa .homeNavbar .container, body.witness .homeNavbar .container, body.witnessOverview .homeNavbar .container {
    padding: 30px 40px 30px 40px;
  }
}
@media only screen and (max-width: 768px) {
  body.news .homeNavbar .container, body.product .homeNavbar .container, body.expert .homeNavbar .container, body.qa .homeNavbar .container, body.witness .homeNavbar .container, body.witnessOverview .homeNavbar .container {
    padding: 30px;
  }
}
@media only screen and (max-width: 500px) {
  body.news .homeNavbar .container, body.product .homeNavbar .container, body.expert .homeNavbar .container, body.qa .homeNavbar .container, body.witness .homeNavbar .container, body.witnessOverview .homeNavbar .container {
    padding: 25px 23px 25px 20px;
  }
}

.showBar.hide {
  opacity: 0 !important;
  pointer-events: none !important;
}

.showBar.opac {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.showBar.opac:after {
  width: 100%;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.showBar {
  display: block;
  background-color: #ffffff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  pointer-events: all;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
}
.showBar:after {
  content: "";
  width: 0;
  height: 3.5px;
  background-color: #333333;
  position: absolute;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.showBar .container {
  padding: 30px 108px 30px 108px;
}
@media only screen and (max-width: 1280px) {
  .showBar .container {
    padding: 30px 60px 30px 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .showBar .container {
    padding: 30px 40px 30px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .showBar .container {
    padding: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .showBar .container {
    padding: 25px 15px 25px 15px;
  }
}
.showBar .container .listGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1500px) {
  .showBar .container .listGroup {
    display: none;
  }
}
.showBar .container .listGroup > a {
  font-size: 0.875rem;
}
.showBar .logo {
  display: block;
  width: 100%;
  max-width: 155px;
  margin: 0 28px;
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .showBar .logo {
    max-width: 170px;
  }
}
@media only screen and (max-width: 768px) {
  .showBar .logo {
    max-width: 170px;
  }
}
@media only screen and (max-width: 500px) {
  .showBar .logo {
    max-width: 130px;
  }
}
@media only screen and (max-width: 350px) {
  .showBar .logo {
    max-width: 110px;
  }
}

.menulbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 100;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: 999;
}
.menulbox p, .menulbox a, .menulbox span {
  line-height: normal;
}
.menulbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 70px 170px 94px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.menulbox-wrap:after {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.89);
  opacity: 0;
  -webkit-transition: height 0.8s, opacity 1.6s;
  transition: height 0.8s, opacity 1.6s;
  content: "";
}
.menulbox-wrap .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 139px;
  opacity: 0;
  -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0);
}
.menulbox-wrap .control a {
  display: block;
  margin-right: 56px;
  color: #fff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
@media only screen and (min-width: 1025px) {
  .menulbox-wrap .control a:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.menulbox-wrap .control > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.menulbox-wrap .control > div div {
  position: relative;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menulbox-wrap .control > div div span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
}
.menulbox-wrap .control > div div span:first-child {
  width: 1px;
  height: 100%;
}
.menulbox-wrap .control > div div span:last-child {
  width: 100%;
  height: 1px;
}
.menulbox-wrap .control > div p {
  color: #fff;
  font-weight: 700;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 0.64px;
}
.menulbox-wrap .control > div:hover div {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}
.menulbox-wrap .logo {
  margin: 0 auto 72px;
  max-width: 242px;
  width: 100%;
}
.menulbox-wrap .logo figure {
  width: 0;
  overflow: hidden;
}
.menulbox-wrap .logo figure img {
  width: 242px;
}
.menulbox-wrap .logo div {
  margin: 35px auto 0;
  width: 1px;
  height: 140px;
}
.menulbox-wrap .logo div:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background-color: rgba(255, 255, 255, 0.2);
}
.menulbox-wrap .list {
  margin-bottom: 55px;
}
.menulbox-wrap .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menulbox-wrap .list ul li {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.menulbox-wrap .list ul li a {
  display: block;
  text-align: center;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1024px) {
  .menulbox-wrap .list ul li:hover a {
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
  }
}
.menulbox-wrap .list ul:first-child {
  margin-bottom: 68px;
}
.menulbox-wrap .list ul:first-child li {
  margin: 0 30px;
}
.menulbox-wrap .list ul:first-child li a {
  font-size: 1.25rem;
  letter-spacing: 1.4px;
}
.menulbox-wrap .list ul:last-child li {
  margin: 0 20px;
}
.menulbox-wrap .list ul:last-child li a {
  letter-spacing: 1.92px;
}
.menulbox-wrap .selfDot {
  margin-top: 40px;
  margin-bottom: 55px;
}
.menulbox-wrap .selfDot .dotBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 55%;
  margin: 0 auto;
  height: auto;
}
.menulbox-wrap .selfDot .wrap {
  width: 33.3333333333%;
  padding: 0 25px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menulbox-wrap .selfDot .wrap:only-child {
  width: 100% !important;
}
.menulbox-wrap .selfDot .wrap:first-child:nth-last-child(2), .menulbox-wrap .selfDot .wrap:nth-child(2):nth-last-child(1) {
  width: 50%;
}
@media only screen and (min-width: 1024px) {
  .menulbox-wrap .selfDot .wrap:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.menulbox-wrap .selfDot .dot {
  display: inline-block;
  width: auto;
  padding: 0 0 6px;
  margin-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  letter-spacing: 1.4px;
  line-height: 1.3;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.menulbox-wrap .social {
  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;
  margin: auto auto 0;
  opacity: 0;
}
.menulbox-wrap .social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0 24px;
  color: #999;
  font-size: 1.25rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menulbox-wrap .social a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #aaa;
  border-radius: 500px;
  width: 36px;
  height: 36px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
}
.menulbox-wrap .social a:hover {
  color: #fff;
}
.menulbox-wrap .social a:hover:after {
  opacity: 1;
}
.menulbox.show {
  opacity: 1;
}
.menulbox.show .menulbox-wrap {
  pointer-events: auto;
  overflow-y: auto;
}
.menulbox.show .menulbox-wrap:after {
  opacity: 1;
  height: 100%;
  -webkit-transition: height 0.5s, opacity 0.5s;
  transition: height 0.5s, opacity 0.5s;
}
.menulbox.show .menulbox-wrap .control {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.menulbox.show .menulbox-wrap .logo figure {
  width: 100%;
  -webkit-transition: 0.5s 0.5s ease-in-out;
  transition: 0.5s 0.5s ease-in-out;
}
.menulbox.show .menulbox-wrap .logo div:after {
  height: 100%;
  -webkit-transition: 0.8s 0.6s ease-in-out;
  transition: 0.8s 0.6s ease-in-out;
}
.menulbox.show .menulbox-wrap .list ul li {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.menulbox.show .menulbox-wrap .list ul:first-child li {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.menulbox.show .menulbox-wrap .list ul:first-child li:nth-child(1) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.menulbox.show .menulbox-wrap .list ul:first-child li:nth-child(2) {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}
.menulbox.show .menulbox-wrap .list ul:first-child li:nth-child(3) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.menulbox.show .menulbox-wrap .list ul:first-child li:nth-child(4) {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s;
}
.menulbox.show .menulbox-wrap .list ul:first-child li:nth-child(5) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.menulbox.show .menulbox-wrap .list ul:first-child li:nth-child(6) {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}
.menulbox.show .menulbox-wrap .list ul:last-child li {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.menulbox.show .menulbox-wrap .list ul:last-child li:nth-child(1) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.menulbox.show .menulbox-wrap .list ul:last-child li:nth-child(2) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.menulbox.show .menulbox-wrap .list ul:last-child li:nth-child(3) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.menulbox.show .menulbox-wrap .list ul:last-child li:nth-child(4) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.menulbox.show .menulbox-wrap .list ul:last-child li:nth-child(5) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.menulbox.show .menulbox-wrap .list ul:last-child li:nth-child(6) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.menulbox.show .menulbox-wrap .selfDot .dot {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.7s 1.15s;
  transition: 0.7s 1.15s;
}
.menulbox.show .menulbox-wrap .social {
  opacity: 1;
  -webkit-transition: 0.8s 1.2s;
  transition: 0.8s 1.2s;
}
@media only screen and (max-width: 1500px) {
  .menulbox .selfDot .dotBox {
    max-width: 80%;
  }
}
@media only screen and (max-width: 1200px) {
  .menulbox-wrap {
    padding: 70px 50px 94px;
  }
}
@media only screen and (max-width: 1024px) {
  .menulbox .selfDot .dotBox {
    max-width: 85%;
  }
  .menulbox-wrap .logo {
    margin-bottom: 24px;
    max-width: 152px;
  }
  .menulbox-wrap .logo figure img {
    width: 152px;
  }
  .menulbox-wrap .logo:after {
    margin: 18px auto 0;
    height: 80px;
    opacity: 0.2;
  }
  .menulbox-wrap .list {
    display: block;
    text-align: center;
    margin-bottom: 80px;
  }
  .menulbox-wrap .list ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menulbox-wrap .list ul:first-child {
    margin: 0 30px;
  }
  .menulbox-wrap .list ul:first-child li {
    margin: 0 0 36px;
  }
  .menulbox-wrap .list ul:first-child li a {
    font-size: 1.125rem;
  }
  .menulbox-wrap .list ul:first-child li:last-child {
    margin: 0;
  }
  .menulbox-wrap .list ul:last-child {
    margin: 0 30px;
  }
  .menulbox-wrap .list ul:last-child li {
    margin: 0 0 39px;
  }
  .menulbox-wrap .list ul:last-child li:last-child {
    margin: 0;
  }
  .menulbox-wrap .selfDot {
    margin-top: 0;
  }
  .menulbox-wrap .selfDot .dotBox {
    max-width: 70%;
  }
  .menulbox-wrap .selfDot .wrap {
    width: 50%;
    padding: 0 8px;
  }
}
@media only screen and (max-width: 575px) {
  .menulbox-wrap {
    padding: 50px 30px 32px;
  }
  .menulbox-wrap .control {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 80px;
  }
  .menulbox-wrap .control a {
    margin-right: 0;
  }
  .menulbox .selfDot .dotBox {
    max-width: 100%;
  }
}
@media only screen and (max-width: 450px) {
  .menulbox .selfDot .wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .menulbox-wrap .list ul:first-child {
    margin: 0 30px 35px;
  }
  .menulbox-wrap .list ul:last-child {
    margin: 0 30px 0;
  }
}

.searchlbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 100;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
.searchlbox-wrap {
  position: relative;
  padding: 140px 200px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.searchlbox-wrap:after {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: height 0.8s, opacity 1.6s;
  transition: height 0.8s, opacity 1.6s;
  content: "";
}
.searchlbox-wrap .backTo {
  position: static;
  margin: 0 auto 60px 0;
  background-color: #666666;
  color: #fff;
  opacity: 0;
  line-height: 60px;
}
.searchlbox-wrap .title-en {
  position: relative;
  margin-bottom: 10px;
  font-size: 3.375rem;
  line-height: 1.3;
  letter-spacing: 1.08px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
}
.searchlbox-wrap .title-tw {
  position: relative;
  font-size: 1.5625rem;
  line-height: 1.3;
  letter-spacing: 2px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
}
.searchlbox-wrap .searchbar {
  position: relative;
  margin: 180px auto 30px;
  border-bottom: 4px solid #434343;
  max-width: 1020px;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
}
.searchlbox-wrap .searchbar input {
  padding: 24px 0;
  border: none;
  outline: none;
  width: 100%;
  font-size: 1.0625rem;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 1.53px;
  text-align: center;
}
.searchlbox-wrap .searchbar input:-moz-placeholder {
  color: rgba(102, 102, 102, 0.6);
}
.searchlbox-wrap .searchbar input:-ms-input-placeholder {
  color: rgba(102, 102, 102, 0.6);
}
.searchlbox-wrap .searchbar input::-moz-placeholder {
  color: rgba(102, 102, 102, 0.6);
}
.searchlbox-wrap .searchbar input::-webkit-input-placeholder {
  color: rgba(102, 102, 102, 0.6);
}
.searchlbox-wrap .searchbar input:focus:-moz-placeholder {
  color: transparent;
}
.searchlbox-wrap .searchbar input:focus:-ms-input-placeholder {
  color: transparent;
}
.searchlbox-wrap .searchbar input:focus::-moz-placeholder {
  color: transparent;
}
.searchlbox-wrap .searchbar input:focus::-webkit-input-placeholder {
  color: transparent;
}
.searchlbox-wrap .searchbar span {
  display: block;
  position: absolute;
  top: 50%;
  right: 60px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.searchlbox-wrap .hotkeyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #666666;
  font-weight: 700;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  opacity: 0;
  max-width: 65%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
@media only screen and (max-width: 1500px) {
  .searchlbox-wrap .hotkeyword {
    max-width: 80%;
  }
}
@media only screen and (max-width: 1024px) {
  .searchlbox-wrap .hotkeyword {
    max-width: 95%;
  }
}
.searchlbox-wrap .hotkeyword span, .searchlbox-wrap .hotkeyword a {
  padding-bottom: 8px;
  color: #000;
  font-weight: normal;
}
.searchlbox-wrap .hotkeyword span:not(:nth-last-child(2)):not(.dot):after, .searchlbox-wrap .hotkeyword a:not(:nth-last-child(2)):not(.dot):after {
  content: "、";
}
.searchlbox.show {
  opacity: 1;
}
.searchlbox.show .searchlbox-wrap {
  pointer-events: auto;
  overflow-y: auto;
}
.searchlbox.show .searchlbox-wrap:after {
  opacity: 1;
  height: 100%;
  -webkit-transition: height 0.5s, opacity 0.5s;
  transition: height 0.5s, opacity 0.5s;
}
.searchlbox.show .searchlbox-wrap .backTo {
  opacity: 1;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.searchlbox.show .searchlbox-wrap .title-en {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.searchlbox.show .searchlbox-wrap .title-tw {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.searchlbox.show .searchlbox-wrap .searchbar {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.searchlbox.show .searchlbox-wrap .hotkeyword {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
@media only screen and (max-width: 1024px) {
  .searchlbox-wrap {
    padding: 90px 100px;
  }
}
@media only screen and (max-width: 768px) {
  .searchlbox-wrap {
    padding: 60px 30px;
  }
  .searchlbox-wrap .backTo {
    line-height: 56px;
  }
}
@media only screen and (max-width: 575px) {
  .searchlbox-wrap {
    padding: 60px 30px;
  }
  .searchlbox-wrap .backTo {
    line-height: 52px;
  }
  .searchlbox-wrap .title-en {
    font-size: 2.125rem;
    letter-spacing: 0.34px;
  }
  .searchlbox-wrap .title-tw {
    font-size: 1rem;
    letter-spacing: 1.28px;
  }
  .searchlbox-wrap .searchbar {
    margin: 90px auto 30px;
  }
  .searchlbox-wrap .searchbar span {
    right: 10px;
  }
  .searchlbox-wrap .hotkeyword {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .searchlbox-wrap .hotkeyword p {
    margin-bottom: 6px;
    width: 100%;
  }
}

body.en .showBar .listGroup {
  display: none !important;
}

footer {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0 100px;
}
@media only screen and (max-width: 1800px) {
  footer {
    padding: 0 70px;
  }
}
@media only screen and (max-width: 1500px) {
  footer {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  footer {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 450px) {
  footer {
    padding: 0 15px;
  }
}
footer .footerTop {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  border-bottom: 3px solid #626262;
}
@media only screen and (max-width: 1024px) {
  footer .footerTop {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .footerTop .item {
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 35px 15px;
}
@media only screen and (max-width: 1300px) {
  footer .footerTop .item {
    width: 36.5%;
  }
}
@media only screen and (max-width: 1024px) {
  footer .footerTop .item {
    width: 100%;
    padding: 10px;
    min-height: 170px;
  }
}
@media only screen and (max-width: 768px) {
  footer .footerTop .item {
    width: 100%;
    padding: 10px;
    min-height: 130px;
  }
}
@media only screen and (max-width: 500px) {
  footer .footerTop .item {
    width: 100%;
    padding: 10px;
    min-height: 100px;
  }
}
footer .footerTop .item:nth-child(1) {
  background-color: #7d7d7d;
}
footer .footerTop .item:nth-child(2) {
  background-color: #626262;
  width: 30%;
}
@media only screen and (max-width: 1300px) {
  footer .footerTop .item:nth-child(2) {
    width: 27%;
  }
}
@media only screen and (max-width: 1024px) {
  footer .footerTop .item:nth-child(2) {
    width: 100%;
  }
}
footer .footerTop .item:nth-child(3) {
  background-color: #7d7d7d;
}
footer .footerTop .item p {
  color: #ffffff;
  font-size: 1rem;
  letter-spacing: 1.12px;
}
footer .footerTop .item .all {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
footer .footerTop .item .all .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: normal;
}
footer .footerTop .item .all .wrap:nth-child(1) {
  margin-bottom: 20px;
}
footer .footerTop .item .all .wrap p, footer .footerTop .item .all .wrap span, footer .footerTop .item .all .wrap a {
  display: inline-block;
  color: white;
  font-size: 1rem;
  text-align: center;
  letter-spacing: normal;
}
footer .footerTop .item .all .wrap .adr {
  font-size: 1rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  line-height: 1.2;
}
footer .footerTop .item .all .wrap .ser {
  font-size: 1rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  line-height: 1.2;
}
footer .footerTop .item .all .wrap .co {
  font-size: 1rem;
  margin-right: 8px;
  letter-spacing: 1.5px;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  footer .footerTop .item .all .wrap .co {
    display: inline-block;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  footer .footerTop .item .all .wrap .co {
    display: none;
  }
}
footer .footerTop .item .servic {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  letter-spacing: 1.66px;
  font-weight: 600;
}
footer .footerTop .item .number {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 1.5px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1100px) {
  footer .footerTop .item .number {
    font-size: 1.625rem;
  }
}
@media only screen and (max-width: 450px) {
  footer .footerTop .item .number {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 450px) {
  footer .footerTop .item p {
    font-size: 0.875rem;
  }
}
footer .footerBottom {
  padding: 95px 0 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom .leftLogo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
footer .footerBottom .leftLogo .logo {
  width: 100%;
  max-width: 180px;
  min-width: 140px;
  margin-left: -8px;
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom .leftLogo .logo {
    margin: 0 auto;
  }
}
footer .footerBottom .leftLogo .company {
  padding-top: 5px;
  font-size: 0.75rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #999999;
}
footer .footerBottom .leftLogo .company .bold {
  font-weight: bold;
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom .leftLogo .company {
    text-align: center;
  }
}
footer .footerBottom .leftLogo .company span {
  white-space: nowrap;
}
footer .footerBottom .leftLogo .company a {
  display: inline;
}
footer .footerBottom .leftLogo .text {
  padding-top: 5px;
  text-align: left;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom .leftLogo .text {
    text-align: center;
  }
}
footer .footerBottom .leftLogo .text span {
  color: #999999;
  font-size: 0.8125rem;
  letter-spacing: 0.8px;
}
@media only screen and (max-width: 1280px) {
  footer .footerBottom .leftLogo .text span {
    font-size: 11px;
  }
}
footer .footerBottom .leftLogo .text div {
  color: #999999;
  font-size: 0.8125rem;
  letter-spacing: 0.8px;
}
@media only screen and (max-width: 1280px) {
  footer .footerBottom .leftLogo .text div {
    font-size: 0.6875rem;
  }
}
footer .footerBottom .leftLogo .text a {
  color: #999999;
  font-size: 0.8125rem;
  letter-spacing: 0.8px;
  display: inline;
  font-weight: 600;
}
@media only screen and (max-width: 1280px) {
  footer .footerBottom .leftLogo .text a {
    font-size: 0.6875rem;
  }
}
footer .footerBottom .leftLogo .text a:hover {
  color: #666666;
}
footer .footerBottom .middleNav {
  margin-left: -40px;
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom .middleNav {
    display: none;
  }
}
footer .footerBottom .middleNav ul.groupA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .footerBottom .middleNav ul.groupA li {
  padding: 10px;
  margin: 0 5px;
  color: #666666;
  letter-spacing: 1.3px;
  font-size: 1.125rem;
  font-weight: 600;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 1280px) {
  footer .footerBottom .middleNav ul.groupA li {
    font-size: 1rem;
    margin: 0 3px;
  }
}
footer .footerBottom .middleNav ul.groupA li:hover {
  color: black;
}
footer .footerBottom .middleNav ul.groupB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 15px;
}
footer .footerBottom .middleNav ul.groupB li {
  padding: 10px;
  margin: 0 5px;
  color: #666666;
  letter-spacing: 1.3px;
  font-size: 0.9375rem;
  font-weight: 600;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 1280px) {
  footer .footerBottom .middleNav ul.groupB li {
    font-size: 0.8125rem;
    margin: 0 3px;
  }
}
footer .footerBottom .middleNav ul.groupB li:hover {
  color: black;
}
footer .footerBottom .rightSpan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: flex-end;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom .rightSpan {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    margin-bottom: 15px;
  }
}
footer .footerBottom .rightSpan a {
  margin: 0 10px;
}
footer .footerBottom .rightSpan a span:hover {
  color: #333;
  border: 1px solid #333;
}
footer .footerBottom .rightSpan span {
  font-size: 1.5625rem;
  color: #adacac;
  padding: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1280px) {
  footer .footerBottom .rightSpan span {
    font-size: 1.25rem;
  }
}
footer .footerBottom .rightSpan span:hover {
  color: black;
  border: 1px solid black;
  border-radius: 50%;
}
footer .footerBottom .icon-backBtn {
  position: absolute;
  bottom: 120px;
  right: 10px;
  font-size: 1.625rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
footer .footerBottom .icon-backBtn:hover {
  color: black;
  -webkit-transform: translateY(-7px);
      -ms-transform: translateY(-7px);
          transform: translateY(-7px);
}
@media only screen and (max-width: 1024px) {
  footer .footerBottom .icon-backBtn {
    display: block;
    position: absolute;
    bottom: 50px;
    right: 45%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    color: #adacac;
    -webkit-transition: 0.8s;
    transition: 0.8s;
  }
  footer .footerBottom .icon-backBtn:hover {
    color: black;
    -webkit-transform: translateY(-7px) translateX(50%);
        -ms-transform: translateY(-7px) translateX(50%);
            transform: translateY(-7px) translateX(50%);
  }
}

@media only screen and (max-width: 1600px) {
  body.en .middleNav {
    display: none !important;
  }
}

body.locked {
  overflow: hidden;
  padding-right: 17px;
}
@media only screen and (max-width: 1024px) {
  body.locked {
    padding-right: 0;
  }
}

.langChange {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 20;
  width: auto;
  height: auto;
  background-color: #999;
  display: none;
}
.langChange .ch, .langChange .en {
  white-space: nowrap;
  padding: 10px;
  font-size: 0.9375rem;
  font-family: "EB Garamond", "Microsoft JhengHei Bold", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: bold;
  letter-spacing: 0.8px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.langChange .ch:hover, .langChange .en:hover {
  color: rgba(255, 255, 255, 0.6);
}

.black {
  color: #000 !important;
}

.black2 {
  color: #333 !important;
}

.white {
  color: #fff !important;
}

.textWrap {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.textWrap .homeTopTitle {
  font-size: 1.25rem;
  color: #999999;
  letter-spacing: 8px;
  font-weight: 600;
  text-align: left;
  display: block;
}
@media only screen and (max-width: 1280px) {
  .textWrap .homeTopTitle {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .textWrap .homeTopTitle {
    font-size: 1rem;
    letter-spacing: 4.8px;
  }
}
.textWrap .homeTitle {
  font-size: 2.375rem;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  padding-top: 12px;
  color: #000000;
  letter-spacing: 0.8px;
  text-align: left;
}
@media only screen and (max-width: 1280px) {
  .textWrap .homeTitle {
    font-size: 2.1875rem;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 1024px) {
  .textWrap .homeTitle {
    padding-top: 11px;
  }
}
@media only screen and (max-width: 768px) {
  .textWrap .homeTitle {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 420px) {
  .textWrap .homeTitle {
    font-size: 1.625rem;
  }
}
.textWrap .homeText {
  width: 100%;
  max-width: 400px;
  padding-top: 8px;
  font-size: 0.9375rem;
  color: #333333;
  letter-spacing: 1.1px;
  line-height: 1.6;
}
@media only screen and (max-width: 1280px) {
  .textWrap .homeText {
    font-size: 0.875rem;
    text-align: left;
    max-width: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .textWrap .homeText {
    display: none;
  }
}

.articleContainer .swiper-pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: static;
}
.swiper-pagination .swiper-pagination-bullet {
  margin: 18px auto;
  border-radius: 0;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: black;
}

.swiper-button-disabled {
  opacity: 0.7;
}

.learnMoreBtnGrey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  background-color: #707070;
  color: white;
  text-align: center;
  width: 100%;
  max-width: 246px;
  padding: 12px 30px;
  font-size: 0.9375rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 700;
  letter-spacing: 1.3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1.5px solid transparent;
}
@media only screen and (min-width: 1025px) {
  .learnMoreBtnGrey:hover {
    border: 1.5px solid #707070;
    background-color: transparent;
    color: black;
  }
}
@media only screen and (max-width: 1280px) {
  .learnMoreBtnGrey {
    white-space: nowrap;
    max-width: 210px;
    padding: 9px 40px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1024px) {
  .learnMoreBtnGrey {
    max-width: 200px;
    padding: 10px 40px;
    margin-top: 11px;
  }
}
@media only screen and (max-width: 500px) {
  .learnMoreBtnGrey {
    max-width: 200px;
    font-size: 0.8125rem;
    padding: 10px 30px;
  }
}

.learnMoreBtnWhite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  background-color: white;
  color: #333333;
  text-align: center;
  width: 100%;
  max-width: 246px;
  padding: 12px 30px;
  font-size: 0.9375rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 700;
  letter-spacing: 1.3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1.5px solid transparent;
}
@media only screen and (min-width: 1025px) {
  .learnMoreBtnWhite:hover {
    border: 1.5px solid white;
    background-color: transparent;
    color: white;
  }
}
@media only screen and (max-width: 1280px) {
  .learnMoreBtnWhite {
    white-space: nowrap;
    max-width: 210px;
    padding: 9px 40px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1024px) {
  .learnMoreBtnWhite {
    max-width: 200px;
    padding: 9px 40px;
    margin-top: 11px;
  }
}
@media only screen and (max-width: 500px) {
  .learnMoreBtnWhite {
    max-width: 200px;
    font-size: 0.8125rem;
    padding: 10px 30px;
  }
}

.maskLearn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 15px;
  letter-spacing: 1.5px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.1s, -webkit-box-shadow 0.4s;
  transition: opacity 0.1s, -webkit-box-shadow 0.4s;
  transition: box-shadow 0.4s, opacity 0.1s;
  transition: box-shadow 0.4s, opacity 0.1s, -webkit-box-shadow 0.4s;
  opacity: 0;
  pointer-events: none;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
  font-weight: bold;
}
@media only screen and (max-width: 1024px) {
  .maskLearn {
    display: none !important;
  }
}
.maskLearn:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.videoMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 600;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  text-align: center;
  z-index: 11;
  display: none;
}
.videoMask:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.videoMask span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: 50%;
  border: 0.5px solid #aaa;
}

.innerBanTextWrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 305px;
  max-width: 400px;
  padding: 0 10px;
}
@media only screen and (max-width: 1500px) {
  .innerBanTextWrap {
    left: 165px;
  }
}
@media only screen and (max-width: 1280px) {
  .innerBanTextWrap {
    left: 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .innerBanTextWrap {
    left: 120px;
  }
}
@media only screen and (max-width: 768px) {
  .innerBanTextWrap {
    left: 30px;
  }
}
.innerBanTextWrap .innerTitle {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 3.375rem;
  letter-spacing: 1.1px;
  color: #333333;
  text-align: left;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .innerBanTextWrap .innerTitle {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width: 768px) {
  .innerBanTextWrap .innerTitle {
    letter-spacing: 0.3px;
  }
}
@media only screen and (max-width: 500px) {
  .innerBanTextWrap .innerTitle {
    font-size: 2.125rem;
    margin-bottom: 2px;
  }
}
.innerBanTextWrap .innerSub {
  font-size: 1.5625rem;
  letter-spacing: 2px;
  color: #333333;
  text-align: left;
  font-weight: 600;
}
@media only screen and (max-width: 1024px) {
  .innerBanTextWrap .innerSub {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .innerBanTextWrap .innerSub {
    letter-spacing: 1.5px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 500px) {
  .innerBanTextWrap .innerSub {
    font-size: 1rem;
  }
}

.innerBanTextWrap.rightMode {
  left: auto;
  right: 305px;
  max-width: 300px;
}
@media only screen and (max-width: 1500px) {
  .innerBanTextWrap.rightMode {
    right: 165px;
  }
}
@media only screen and (max-width: 1280px) {
  .innerBanTextWrap.rightMode {
    right: 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .innerBanTextWrap.rightMode {
    right: 120px;
  }
}
@media only screen and (max-width: 768px) {
  .innerBanTextWrap.rightMode {
    right: 30px;
  }
}
.innerBanTextWrap.rightMode .innerSub, .innerBanTextWrap.rightMode .innerTitle {
  text-align: right;
}

.innerDescWrap .chTitle {
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: 4.2px;
  color: #999999;
  margin-bottom: 3px;
  font-weight: 600;
}
@media only screen and (max-width: 500px) {
  .innerDescWrap .chTitle {
    font-size: 1.0625rem;
    margin-bottom: 5px;
  }
}
.innerDescWrap .enTitle {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 1.875rem;
  text-align: center;
  letter-spacing: 1.2px;
  color: #000000;
}
@media only screen and (max-width: 500px) {
  .innerDescWrap .enTitle {
    font-size: 1.5rem;
  }
}

.selectButtonWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
  margin-bottom: 30px;
  position: relative;
  z-index: 50;
}

.scrolControl {
  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;
}
@media only screen and (max-width: 768px) {
  .scrolControl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.scrolControl .dropdown {
  text-align: center;
  width: 310px;
  margin: 0px 10px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .scrolControl .dropdown {
    margin-top: 15px;
    width: 280px;
  }
  .scrolControl .dropdown:first-child {
    margin-top: 0;
  }
  .scrolControl .dropdown:only-child {
    margin-top: 0;
  }
}
@media only screen and (max-width: 500px) {
  .scrolControl .dropdown {
    width: 265px;
  }
}
.scrolControl .selected {
  padding: 10px;
  border: 1px solid #000000;
  cursor: pointer;
  font-size: 0.875rem;
  letter-spacing: 0.85px;
  color: #666666;
  font-weight: 600;
  position: relative;
  background-color: #ffffff;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .scrolControl .selected {
    font-size: 0.8125rem;
  }
}
.scrolControl .selected:hover {
  color: #333333;
}
.scrolControl .selected:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1px;
  height: 40%;
  background-color: #666666;
}
.scrolControl .selected span {
  color: #666666;
  display: block;
  font-size: 1.125rem;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  z-index: 5;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
@media only screen and (max-width: 768px) {
  .scrolControl .selected span {
    font-size: 1rem;
  }
}
.scrolControl .selected span:hover {
  color: #333333;
}
.scrolControl .selected span.toggleMove {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.scrolControl .dropdownArea {
  display: none;
  position: absolute;
  width: 100%;
  border: 1px solid #333;
  border-top: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 30px 0;
  background-color: #ffffff;
  z-index: 50;
}
.scrolControl ul.scrollInner {
  border: none !important;
  max-height: 185px !important;
  background-color: #ffffff;
  overflow: auto;
}
.scrolControl li {
  padding: 15px 0px 15px 50px;
  margin-right: 50px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #333333;
  letter-spacing: 1.6px;
  font-size: 0.9375rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .scrolControl li {
    font-size: 0.8125rem;
  }
}
.scrolControl li:hover {
  -webkit-transform: translate(-5px, -3px);
      -ms-transform: translate(-5px, -3px);
          transform: translate(-5px, -3px);
  color: #000000;
}
.scrolControl li:first-child {
  padding-top: 0 !important;
}
.scrolControl li:last-child {
  padding-bottom: 0 !important;
}
.scrolControl .scrollbar-inner > .scroll-element.scroll-y {
  right: 40px;
  width: 5px;
  background-color: transparent;
}
.scrolControl .scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: transparent;
}
.scrolControl .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #333333;
}
.scrolControl .scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #000000;
}

.backTo {
  display: block;
  position: absolute;
  top: 5vh;
  left: 5vw;
  background-color: #ffffff;
  color: #666666;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  letter-spacing: 0.6px;
  line-height: 60px;
  font-size: 12px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 600;
  text-align: center;
  z-index: 5;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.backTo:hover {
  background-color: #666666;
  color: white;
  -webkit-animation: backMove 0.8s linear;
          animation: backMove 0.8s linear;
}
@media only screen and (max-width: 768px) {
  .backTo {
    width: 56px;
    height: 56px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 500px) {
  .backTo {
    width: 52px;
    height: 52px;
    font-size: 13px;
    line-height: 52px;
  }
}

section.moreFeatureProduct {
  width: 100%;
  height: auto;
}
section.moreFeatureProduct .container {
  padding: 140px 0 140px;
  width: 100%;
  max-width: 1270px;
  margin: 0 auto;
}
section.moreFeatureProduct .innerDescWrap {
  margin-bottom: 28px;
}
@media only screen and (max-width: 768px) {
  section.moreFeatureProduct .innerDescWrap .innerDescWrap {
    margin-bottom: 10px;
  }
}
section.moreFeatureProduct .innerDescWrap .chTitle {
  font-size: 1.25rem;
}
@media only screen and (max-width: 500px) {
  section.moreFeatureProduct .innerDescWrap .chTitle {
    font-size: 1.125rem;
  }
}
section.moreFeatureProduct .innerDescWrap .enTitle {
  font-size: 2.375rem;
}
@media only screen and (max-width: 500px) {
  section.moreFeatureProduct .innerDescWrap .enTitle {
    font-size: 1.75rem;
  }
}
section.moreFeatureProduct .swiperAll {
  position: relative;
  padding: 0 50px;
}
section.moreFeatureProduct .swiper-button-next-moreFeatureProduct {
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  font-size: 40px;
  right: 0;
}
section.moreFeatureProduct .swiper-button-prev-moreFeatureProduct {
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  font-size: 40px;
  left: 0;
}
section.moreFeatureProduct .swiper-pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  section.moreFeatureProduct .swiper-pagination {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  section.moreFeatureProduct .swiper-pagination {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  section.moreFeatureProduct .swiper-pagination {
    width: 70%;
  }
}
section.moreFeatureProduct .swiper-pagination-bullet {
  margin: 0px 20px 18px;
}
section.moreFeatureProduct .moreFeatureProductSwiper {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
  section.moreFeatureProduct .moreFeatureProductSwiper {
    margin-bottom: 15px;
  }
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-wrapper {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .card {
  width: 350px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .card {
    width: 450px;
  }
}
@media only screen and (max-width: 768px) {
  section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .card {
    width: 380px;
  }
}
@media only screen and (max-width: 450px) {
  section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .card {
    width: 267px;
  }
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .topImg {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 50%;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .topImg:hover {
  -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.6);
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .topImg:hover .maskLearn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
  z-index: 999;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .topImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText {
  padding-top: 23px;
  font-size: 1.125rem;
  letter-spacing: 1.4px;
  width: 100%;
  color: #333333;
  text-align: center;
  font-weight: bold;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 {
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width: 500px) {
  section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 {
    width: 90%;
  }
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 .sect1 {
  width: 100%;
  padding-top: 23px;
  margin-bottom: 15px;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 .sect1 span {
  font-size: 1.125rem;
  letter-spacing: 1.62px;
  color: #333;
  font-weight: bold;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 .sect1 span:first-child {
  margin-right: 8px;
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 .sect2 {
  width: 100%;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding: 8px 0;
}
@media only screen and (max-width: 500px) {
  section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 .sect2 {
    width: 80%;
    margin: 0 auto;
    padding: 9px 5px;
  }
}
section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide .bottomText2 .sect2 span {
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  color: #333;
  font-weight: bold;
}

section.relateAndMoreProduct {
  width: 100%;
  height: auto;
}
section.relateAndMoreProduct .container {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  padding: 120px 0 140px;
}
section.relateAndMoreProduct .innerDescWrap {
  margin-bottom: 22px;
}
@media only screen and (max-width: 768px) {
  section.relateAndMoreProduct .innerDescWrap {
    margin-bottom: 18px;
  }
}
section.relateAndMoreProduct .innerDescWrap .chTitle {
  font-size: 1.25rem;
}
@media only screen and (max-width: 500px) {
  section.relateAndMoreProduct .innerDescWrap .chTitle {
    font-size: 1rem;
  }
}
section.relateAndMoreProduct .innerDescWrap .enTitle {
  font-size: 2.375rem;
}
@media only screen and (max-width: 500px) {
  section.relateAndMoreProduct .innerDescWrap .enTitle {
    font-size: 1.625rem;
  }
}
section.relateAndMoreProduct .swiper-button-next-relateAndMoreProduct {
  cursor: pointer;
  font-size: 40px;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  top: 50%;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  section.relateAndMoreProduct .swiper-button-next-relateAndMoreProduct {
    right: 12vw;
  }
}
@media only screen and (max-width: 800px) {
  section.relateAndMoreProduct .swiper-button-next-relateAndMoreProduct {
    right: 8vw;
  }
}
@media only screen and (max-width: 700px) {
  section.relateAndMoreProduct .swiper-button-next-relateAndMoreProduct {
    right: 4vw;
  }
}
@media only screen and (max-width: 550px) {
  section.relateAndMoreProduct .swiper-button-next-relateAndMoreProduct {
    top: 40%;
    right: 0;
  }
}
section.relateAndMoreProduct .swiper-button-prev-relateAndMoreProduct {
  font-size: 40px;
  cursor: pointer;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  top: 50%;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  section.relateAndMoreProduct .swiper-button-prev-relateAndMoreProduct {
    left: 12vw;
  }
}
@media only screen and (max-width: 800px) {
  section.relateAndMoreProduct .swiper-button-prev-relateAndMoreProduct {
    left: 8vw;
  }
}
@media only screen and (max-width: 700px) {
  section.relateAndMoreProduct .swiper-button-prev-relateAndMoreProduct {
    left: 4vw;
  }
}
@media only screen and (max-width: 550px) {
  section.relateAndMoreProduct .swiper-button-prev-relateAndMoreProduct {
    top: 40%;
    left: 0;
  }
}
section.relateAndMoreProduct .swiperAll {
  position: relative;
  padding: 0 50px;
}
section.relateAndMoreProduct .swiper-pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  section.relateAndMoreProduct .swiper-pagination {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  section.relateAndMoreProduct .swiper-pagination {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  section.relateAndMoreProduct .swiper-pagination {
    width: 70%;
  }
}
section.relateAndMoreProduct .swiper-pagination-bullet {
  margin: 0px 20px 18px;
}
section.relateAndMoreProduct .relateAndMoreProductSwiper {
  width: 100%;
  height: 560px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  section.relateAndMoreProduct .relateAndMoreProductSwiper {
    height: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  section.relateAndMoreProduct .relateAndMoreProductSwiper {
    margin-bottom: 30px;
  }
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-wrapper {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide.swiper-slide.swiper-slide-active + .swiper-slide .topImg {
  margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
  section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide.swiper-slide.swiper-slide-active + .swiper-slide .topImg {
    margin-top: 0;
  }
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide.swiper-slide.swiper-slide-active + .swiper-slide.moved .topImg {
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
  margin-top: 60px;
}
@media only screen and (max-width: 1024px) {
  section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide.swiper-slide.swiper-slide-active + .swiper-slide.moved .topImg {
    -webkit-transition: none;
    transition: none;
    margin-top: 0;
  }
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .card {
  width: 315px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .card {
    width: 450px;
  }
}
@media only screen and (max-width: 768px) {
  section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .card {
    width: 380px;
  }
}
@media only screen and (max-width: 450px) {
  section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .card {
    width: 267px;
  }
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .topImg {
  width: 100%;
  height: 0;
  padding-bottom: 126%;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .topImg:hover {
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .topImg:hover .maskLearn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
}
section.relateAndMoreProduct .relateAndMoreProductSwiper .swiper-slide .bottomText {
  padding-top: 20px;
  font-size: 1.125rem;
  letter-spacing: 1.4px;
  width: 100%;
  color: #333333;
  text-align: center;
  font-weight: bold;
}

.articleContainer {
  max-width: 1234px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .articleContainer {
    max-width: 100%;
  }
}
.articleContainer .innerDescWrap {
  margin-bottom: 43px;
}
@media only screen and (max-width: 500px) {
  .articleContainer .innerDescWrap {
    margin-bottom: 30px;
  }
}
.articleContainer .innerDescWrap .chTitle {
  font-size: 1.25rem;
  font-weight: bold;
}
@media only screen and (max-width: 500px) {
  .articleContainer .innerDescWrap .chTitle {
    font-size: 1rem;
    letter-spacing: 4.8px;
  }
}
.articleContainer .innerDescWrap .enTitle {
  font-size: 2.375rem;
}
@media only screen and (max-width: 500px) {
  .articleContainer .innerDescWrap .enTitle {
    font-size: 1.625rem;
    letter-spacing: 0.91px;
  }
}
.articleContainer .swiperContent {
  width: 100%;
  height: auto;
  position: relative;
}
.articleContainer .swiperContent .swiper-slide {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.articleContainer .swiperContent .swiper-slide .imgWrap {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.articleContainer .swiperContent .swiper-slide .imgWrap img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.articleContainer .swiperContent .swiper-slide span {
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: 0.7px;
  text-align: left;
  color: #999;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 22px;
}
@media only screen and (max-width: 1280px) {
  .articleContainer .swiperContent .swiper-slide span {
    text-align: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-bottom: 40px;
  }
}
.articleContainer .swiperContent .swiper-pagination {
  position: absolute;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1280px) {
  .articleContainer .swiperContent .swiper-pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    right: auto !important;
    top: auto !important;
    -webkit-transform: translateY(0) translateX(-50%);
        -ms-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
    bottom: 15px !important;
    left: 50% !important;
  }
}
.articleContainer .swiperContent .swiper-pagination-bullet {
  margin: 20px 0;
}
@media only screen and (max-width: 1280px) {
  .articleContainer .swiperContent .swiper-pagination-bullet {
    margin: 0 20px;
  }
}
.articleContainer p.desp {
  font-size: 0.9375rem;
  letter-spacing: 0.9px;
  line-height: 1.6;
  text-align: left;
  color: #333333;
  margin-bottom: 55px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1280px) {
  .articleContainer p.desp {
    max-width: 100%;
    margin: 5px auto 55px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .articleContainer p.desp {
    padding: 0 35px !important;
    margin: 5px 0 55px;
  }
}
@media only screen and (max-width: 768px) {
  .articleContainer p.desp {
    padding: 0 25px !important;
    margin: 5px 0 45px;
  }
}
.articleContainer section.articleContent {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .articleContainer section.articleContent {
    padding: 0 35px !important;
  }
}
@media only screen and (max-width: 768px) {
  .articleContainer section.articleContent {
    padding: 0 25px !important;
  }
}

.basicForm {
  position: relative;
  width: 100%;
  max-width: 975px;
  height: auto;
  margin: 0 auto;
  background-color: transparent;
  opacity: 1;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 500px) {
  .basicForm {
    padding: 0;
  }
}
.basicForm .reservationForm {
  width: 100%;
  height: auto;
  background-color: #fff;
}
.basicForm .allWrap {
  width: 100%;
  height: 100%;
  padding: 82px 151px 20px;
}
@media only screen and (max-width: 1024px) {
  .basicForm .allWrap {
    padding: 82px 50px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .basicForm .allWrap {
    padding: 5vh 30px 50px;
  }
}
.basicForm .innerDescWrap {
  width: 100%;
}
.basicForm .innerDescWrap .enTitle {
  margin-bottom: 13px;
}
@media only screen and (max-width: 768px) {
  .basicForm .innerDescWrap .enTitle {
    margin-bottom: 17px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 500px) {
  .basicForm .innerDescWrap .enTitle {
    font-size: 1.75rem !important;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 500px) {
  .basicForm .innerDescWrap .chTitle {
    font-size: 1rem !important;
  }
}
.basicForm .innerDescWrap .text {
  font-size: 0.9375rem;
  letter-spacing: 0.75px;
  color: #333333;
  text-align: center;
  font-weight: bolder;
  margin-bottom: 15px;
  line-height: 1.3;
}
@media only screen and (max-width: 500px) {
  .basicForm .innerDescWrap .text {
    margin-bottom: 15px;
  }
}
.basicForm .formNow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 600px) {
  .basicForm .formNow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.basicForm .formNow .productName {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(204, 204, 204, 0.48);
  padding: 18px 5px 15px 30px;
  border-right: 1px solid #A9A9A9;
}
@media only screen and (max-width: 600px) {
  .basicForm .formNow .productName {
    width: 100%;
    border-bottom: 1px #A9A9A9 solid;
    border-right: none;
  }
}
.basicForm .formNow .productColor {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(204, 204, 204, 0.48);
  padding: 18px 5px 15px 30px;
}
@media only screen and (max-width: 600px) {
  .basicForm .formNow .productColor {
    width: 100%;
  }
}
.basicForm .formNow .title {
  font-size: 1rem;
  letter-spacing: 0.8px;
  color: #000;
  margin-right: 15px;
  font-weight: bolder;
  white-space: nowrap;
}
.basicForm .formNow .name {
  font-size: 1rem;
  letter-spacing: 0.8px;
  color: #000;
  line-height: 1.3;
}
.basicForm form.formBody {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .basicForm form.formBody {
    padding-bottom: 50px;
  }
}
.basicForm .w100 {
  width: 100%;
}
.basicForm .w50 {
  width: calc(50% - 16px);
}
.basicForm .group.star label {
  position: relative;
}
.basicForm .group.star label:before {
  content: "*";
  color: red;
  font-size: 0.9375rem;
  position: absolute;
  top: 1px;
  left: -9px;
}
.basicForm .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px 10px 25px;
  border-bottom: 1px solid #A9A9A9;
  margin: 8px;
  position: relative;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .basicForm .group {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 15px 15px 10px;
    margin: 10px 0;
  }
}
.basicForm .group label {
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  color: #333;
  white-space: nowrap;
  line-height: 1.2;
}
@media only screen and (max-width: 350px) {
  .basicForm .group label {
    font-size: 1rem;
  }
}
.basicForm .group input {
  width: 100%;
  color: #333;
  font-weight: bold;
  font-size: 1rem;
  background-color: transparent;
  cursor: text;
  border-width: 0;
  letter-spacing: 0.8px;
  margin-left: 20px;
  padding: 0;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
}
@media only screen and (max-width: 991px) {
  .basicForm .group input {
    margin-left: 0;
    padding-top: 8px;
  }
}
@media only screen and (max-width: 400px) {
  .basicForm .group input {
    font-size: 0.8125rem;
  }
}
.basicForm .group input::-webkit-input-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm .group input::-moz-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm .group input:-ms-input-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm .group input::-ms-input-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm .group input::placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm .group input[type=file] {
  display: none;
}
.basicForm .group textarea {
  width: 100%;
  height: 125px;
  letter-spacing: 1.8px;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 1rem;
  color: #333;
  background-color: transparent;
  margin-left: 20px;
  resize: none;
  border: none;
  overflow-y: auto;
  padding: 0;
  outline: 0;
}
@media only screen and (max-width: 991px) {
  .basicForm .group textarea {
    padding-top: 10px;
    padding-left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 350px) {
  .basicForm .group textarea {
    font-size: 0.8125rem;
  }
}
.basicForm .group.formEmail input {
  margin-top: 6px;
}
.basicForm .group.formContent {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.basicForm .group.formCheck {
  position: relative;
}
.basicForm .group.formCheck .checkImg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  cursor: initial;
}
.basicForm .group.formUpload {
  position: relative;
}
.basicForm .group.formUpload label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .basicForm .group.formUpload label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 7px;
  }
}
.basicForm .group.formUpload .fileText {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .basicForm .group.formUpload .fileText {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 10px;
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 768px) {
  .basicForm .group.formUpload .fileText {
    top: 12px;
    right: 12px;
    font-size: 0.8125rem;
  }
}
.basicForm .group.formUpload .fileNameText {
  color: #888;
  font-weight: 500;
}
@media only screen and (max-width: 350px) {
  .basicForm .group.formUpload .fileNameText {
    font-size: 0.8125rem;
  }
}
.basicForm .group.formUpload .fileNameText.uploaded {
  color: #fff;
  font-weight: 600;
}
.basicForm .group.formUpload .fileNameText {
  padding-left: 15px;
  letter-spacing: 1.3px;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .basicForm .group.formUpload .fileNameText {
    padding-left: 0;
  }
}
.basicForm .group .scrolControl {
  width: 100%;
}
.basicForm .group .scrolControl .dropdown {
  width: 100% !important;
  position: static;
  padding: 0;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 991px) {
  .basicForm .group .scrolControl .dropdown {
    padding-top: 8px;
  }
}
.basicForm .group .scrolControl .dropdown .selected {
  height: 30px;
  font-size: 1rem;
  font-weight: 500;
  color: #c7c6c6;
  border: none;
  background-color: transparent;
  text-align: left;
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  padding-right: 20px;
  margin-top: 0;
  margin-left: 20px;
}
@media only screen and (max-width: 991px) {
  .basicForm .group .scrolControl .dropdown .selected {
    padding-left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 400px) {
  .basicForm .group .scrolControl .dropdown .selected {
    font-size: 0.8125rem;
  }
}
.basicForm .group .scrolControl .dropdown .selected:after {
  display: none;
}
.basicForm .group .scrolControl .dropdown .selected span {
  right: 0;
}
.basicForm .group .scrolControl .dropdown .selected span:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0.6px;
  border-color: #333 transparent transparent transparent;
  background: transparent;
}
.basicForm .group .scrolControl .dropdown .selected.colorChange {
  color: #333;
  font-weight: bold;
}
.basicForm .group .scrolControl .dropdown .selected span.toggleMove {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.basicForm .group .scrolControl .dropdown .selected span.toggleMove:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.basicForm .group .scrolControl .dropdown .dropdownArea {
  width: 100%;
  top: 51px;
  right: 0px;
  border-color: #c7c6c6;
}
@media only screen and (max-width: 991px) {
  .basicForm .group .scrolControl .dropdown .dropdownArea {
    top: 92px;
  }
}
.basicForm .groupT {
  width: 100%;
  margin-top: 34px;
  text-align: center;
  margin-bottom: 36px;
  line-height: 1.3;
  letter-spacing: 0.8px;
}
@media only screen and (max-width: 991px) {
  .basicForm .groupT {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .basicForm .groupT {
    margin-bottom: 25px;
  }
}
.basicForm .groupT a {
  display: inline-block;
  font-weight: bolder;
  position: relative;
}
.basicForm .groupT a::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 102%;
  height: 1px;
  background-color: #000;
}
.basicForm .groupT a:hover {
  color: #666;
}
.basicForm .groupT .checkWrap {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .basicForm .groupT .checkWrap {
    display: block;
    margin-bottom: 15px;
  }
}
.basicForm .groupT a.check {
  text-decoration: none;
  border-radius: 50%;
  border: 1px solid #c7c6c6;
  padding: 8px;
  font-size: 1.0625rem;
  color: #333;
  margin-right: 10px;
  z-index: 5;
  display: inline-block;
}
.basicForm .groupT a.check::after {
  display: none;
}
.basicForm .groupT a.check.checkSuccess {
  -webkit-animation: checkMove 0.7s forwards;
          animation: checkMove 0.7s forwards;
}
.basicForm a.learnMoreBtnGrey {
  margin: 0 auto;
}

.basicForm.wForm .reservationForm {
  background-color: #fff;
  background-image: url("../img/other/formBG.png");
  background-size: cover;
  background-position: center;
}
.basicForm.wForm .group {
  border-bottom: 0.5px solid #A9A9A9;
}
.basicForm.wForm .group label {
  color: #333;
}
.basicForm.wForm .group input {
  color: #333;
}
.basicForm.wForm .group input::-webkit-input-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm.wForm .group input::-moz-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm.wForm .group input:-ms-input-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm.wForm .group input::-ms-input-placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm.wForm .group input::placeholder {
  color: #c7c6c6;
  font-weight: 500;
}
.basicForm.wForm .group textarea {
  color: #333;
}
.basicForm.wForm .group .scrolControl .dropdown .selected {
  color: #c7c6c6;
}
.basicForm.wForm .group .scrolControl .dropdown .selected span:before {
  border-color: #333 transparent transparent transparent;
  background: transparent;
}
.basicForm.wForm .group .scrolControl .dropdown .selected.colorChange {
  color: #333;
}
.basicForm.wForm .groupT a.check {
  border: 1px solid #c7c6c6;
}
.basicForm.wForm .groupT a.check.checkSuccess {
  -webkit-animation: checkMove 0.7s forwards;
          animation: checkMove 0.7s forwards;
}

.basicForm.bForm {
  background-color: #535353;
}
.basicForm.bForm .innerDescWrap .chTitle {
  color: #999;
}
.basicForm.bForm .innerDescWrap .enTitle {
  color: #fff;
}
.basicForm.bForm .innerDescWrap .text {
  color: #fff;
}
.basicForm.bForm .reservationForm {
  background-color: transparent;
}
.basicForm.bForm .group {
  border-bottom: 1px solid #8c8c8c;
}
.basicForm.bForm .group label {
  color: #fff;
}
.basicForm.bForm .group input {
  color: #fff;
}
.basicForm.bForm .group input::-webkit-input-placeholder {
  color: #888;
}
.basicForm.bForm .group input::-moz-placeholder {
  color: #888;
}
.basicForm.bForm .group input:-ms-input-placeholder {
  color: #888;
}
.basicForm.bForm .group input::-ms-input-placeholder {
  color: #888;
}
.basicForm.bForm .group input::placeholder {
  color: #888;
}
.basicForm.bForm .group textarea {
  color: #fff;
}
.basicForm.bForm .group textarea::-webkit-input-placeholder {
  color: #888;
}
.basicForm.bForm .group textarea::-moz-placeholder {
  color: #888;
}
.basicForm.bForm .group textarea:-ms-input-placeholder {
  color: #888;
}
.basicForm.bForm .group textarea::-ms-input-placeholder {
  color: #888;
}
.basicForm.bForm .group textarea::placeholder {
  color: #888;
}
.basicForm.bForm .group .scrolControl .dropdown .selected {
  color: #888;
}
.basicForm.bForm .group .scrolControl .dropdown .selected span:before {
  border-color: #fff transparent transparent transparent;
}
.basicForm.bForm .group .scrolControl .dropdown .selected.colorChange {
  color: #fff;
}
.basicForm.bForm .groupT {
  color: #fff;
}
.basicForm.bForm .groupT a:after {
  background-color: #fff;
}
.basicForm.bForm .groupT a:hover {
  color: #eee;
}
.basicForm.bForm .groupT a:hover:after {
  background-color: #eee;
}
.basicForm.bForm .groupT a.check {
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid #8c8c8c;
  font-weight: normal;
}
.basicForm.bForm .groupT a.check.checkSuccess {
  -webkit-animation: checkMove2 1s forwards;
          animation: checkMove2 1s forwards;
}
.basicForm.bForm .learnMoreBtnGrey {
  color: black;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
}
.basicForm.bForm .learnMoreBtnGrey:hover {
  border: 1px solid #fff;
  background-color: transparent;
  color: white;
}
.basicForm.bForm .scrolControl .dropdown .dropdownArea {
  border-color: #8c8c8c;
  background-color: #333;
}
.basicForm.bForm .scrolControl .dropdown .dropdownArea ul.scrollInner {
  background-color: rgb(51, 51, 51);
}
.basicForm.bForm .scrolControl .dropdown .dropdownArea ul.scrollInner li {
  color: #fff;
}
.basicForm.bForm .scrolControl .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #fff;
}

body.en .basicForm .w100, body.en .basicForm .w50, body.en .basicForm .group {
  width: 100% !important;
}

.ajaxBtnControl {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  z-index: 20;
}
@media only screen and (max-width: 575px) {
  .ajaxBtnControl {
    width: 35px;
    height: 35px;
  }
}
.ajaxBtnControl:hover .btnWrap {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ajaxBtnControl .btnWrap {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ajaxBtnControl .le {
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.ajaxBtnControl .ri {
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  .ajaxBtnControl .le, .ajaxBtnControl .ri {
    background-color: #999999;
  }
}

.open {
  -webkit-transition: 0.7s !important;
  transition: 0.7s !important;
  opacity: 1 !important;
}

.ajaxFeatrueDetBox {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.87);
  margin: 0 auto;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  z-index: 999;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow-y: auto;
  padding: 65px 20px 50px;
}
.ajaxFeatrueDetBox .imgControl {
  width: 700px;
  height: 700px;
  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;
  margin: 25px auto 25px;
}
@media only screen and (max-width: 1366px) {
  .ajaxFeatrueDetBox .imgControl {
    width: 550px;
    height: 550px;
  }
}
@media only screen and (max-width: 1280px) {
  .ajaxFeatrueDetBox .imgControl {
    width: 650px;
    height: 650px;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxFeatrueDetBox .imgControl {
    width: 850px;
    height: 850px;
  }
}
@media only screen and (max-width: 768px) {
  .ajaxFeatrueDetBox .imgControl {
    width: 650px;
    height: 650px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxFeatrueDetBox .imgControl {
    width: 350px;
    height: 350px;
  }
}
@media only screen and (max-width: 320px) {
  .ajaxFeatrueDetBox .imgControl {
    width: 280px;
    height: 280px;
  }
}
.ajaxFeatrueDetBox .imgControl img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.ajaxFeatrueDetBox .textControl .wrap {
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  margin-bottom: 8px;
}
@media only screen and (max-width: 500px) {
  .ajaxFeatrueDetBox .textControl .wrap {
    margin-bottom: 2px;
  }
}
.ajaxFeatrueDetBox .textControl span {
  color: rgba(255, 255, 255, 0.5);
  padding: 0 15px;
  display: inline-block;
  width: 50%;
  text-align: left;
}
.ajaxFeatrueDetBox .textControl .span1 {
  position: relative;
  text-align: right;
}
.ajaxFeatrueDetBox .textControl .span1:after {
  content: "";
  width: 1px;
  height: 70%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -4px;
  background-color: rgba(255, 255, 255, 0.5);
}
.ajaxFeatrueDetBox .textControl p {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  font-size: 1.125rem;
}
@media only screen and (max-width: 500px) {
  .ajaxFeatrueDetBox .textControl p {
    max-width: 300px;
  }
}
@media only screen and (max-width: 320px) {
  .ajaxFeatrueDetBox .textControl p {
    max-width: 225px;
  }
}

.ajaxProductForm {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  padding: 40px 40px 80px;
  background-color: rgba(0, 0, 0, 0.87);
  opacity: 0;
  overflow-y: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 999;
}
@media only screen and (max-width: 500px) {
  .ajaxProductForm {
    padding: 0;
    background-color: #fff;
    background-image: url(../img/other/formBG.png);
    background-size: cover;
    background-position: center;
  }
}
.ajaxProductForm .ajaxBtnControl {
  margin-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  .ajaxProductForm .ajaxBtnControl {
    display: none;
  }
}
.ajaxProductForm .ajaxBtnControl .btnWrap {
  margin: 0 auto;
}
.ajaxProductForm .ajaxBtnControl.mob {
  display: none;
}
@media only screen and (max-width: 768px) {
  .ajaxProductForm .ajaxBtnControl.mob {
    display: block;
    margin-bottom: 30px;
  }
}
.ajaxProductForm .reservationForm {
  width: 100%;
  max-width: 975px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductForm .reservationForm {
    max-width: 850px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductForm .reservationForm .formBody {
    padding-bottom: 50px;
  }
}

.ajaxProductColorWrap {
  width: auto;
  max-width: 350px;
  height: 100%;
  padding: 30vh 15px 0px;
  background-color: #efefef;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
          transform: translateX(-300px);
}
@media only screen and (max-width: 1024px) {
  .ajaxProductColorWrap {
    padding: 15vh 15px 0px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductColorWrap {
    max-width: 100%;
    padding: 15vh 15px 0px;
  }
}
.ajaxProductColorWrap.open {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media only screen and (max-width: 500px) {
  .ajaxProductColorWrap.open {
    -webkit-animation: initial;
            animation: initial;
  }
}
.ajaxProductColorWrap .scroll-wrapper {
  width: 100%;
}
.ajaxProductColorWrap .ajaxBtnControl {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20vh;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductColorWrap .ajaxBtnControl {
    top: 8vh;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductColorWrap .ajaxBtnControl {
    top: 5vh;
  }
}
.ajaxProductColorWrap .ajaxBtnControl .le, .ajaxProductColorWrap .ajaxBtnControl .ri {
  background-color: #999;
}
.ajaxProductColorWrap .productColorTitle {
  width: 100%;
  min-width: 90px;
  padding-bottom: 25px;
  padding-top: 8px;
}
.ajaxProductColorWrap .productColorTitle h3 {
  font-size: 1.0625rem;
  text-align: center;
  letter-spacing: 6.8px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #999999;
}
.ajaxProductColorWrap .productColorTitle p {
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  color: #000000;
  text-align: center;
}
.ajaxProductColorWrap .productColor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 0 10px;
}
.ajaxProductColorWrap .productColor .imgBtns {
  width: 33.333%;
  height: auto;
  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;
}
.ajaxProductColorWrap .productColor .imgBtns:only-child {
  width: 100% !important;
}
.ajaxProductColorWrap .productColor .imgBtns:nth-child(1):nth-last-child(2), .ajaxProductColorWrap .productColor .imgBtns:nth-child(2):nth-last-child(1) {
  width: 50%;
}
.ajaxProductColorWrap .productColor .imgBtns .imgSize {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  width: 60px;
  height: 60px;
  margin: 12px 15px;
  border: 3px #fff solid;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ajaxProductColorWrap .productColor .imgBtns .imgSize:hover {
  -webkit-transform: translate(-3px, -5px);
      -ms-transform: translate(-3px, -5px);
          transform: translate(-3px, -5px);
}
.ajaxProductColorWrap .productColor .imgBtns .imgSize .imgControl {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: #e3ebf6;
}
.ajaxProductColorWrap .productColor .imgBtns .imgSize .imgControl img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ajaxProductFeature {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.87);
  z-index: 999;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ajaxProductFeature .ajaxBtnControl {
  width: 100%;
  margin: 35px auto;
}
@media only screen and (max-width: 768px) {
  .ajaxProductFeature .ajaxBtnControl {
    display: none;
  }
}
.ajaxProductFeature .ajaxBtnControl.mob {
  display: none;
}
@media only screen and (max-width: 768px) {
  .ajaxProductFeature .ajaxBtnControl.mob {
    display: block;
    margin: 50px auto 40px;
  }
}
.ajaxProductFeature .ajaxProductModel {
  width: 100%;
  height: auto;
}
.ajaxProductFeature .container {
  width: 100%;
  max-width: 1315px;
  margin: 0 auto;
  position: relative;
}
.ajaxProductFeature .container section.featureHeadContent {
  width: 100%;
  height: auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: relative;
}
.ajaxProductFeature .container section.featureHeadContent:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 97%;
  height: 93%;
  border: 1px solid #bfbfbf;
}
@media only screen and (max-width: 768px) {
  .ajaxProductFeature .container section.featureHeadContent:before {
    width: 95%;
    height: 95%;
  }
}
.ajaxProductFeature .container section.featureHeadContent .allWrap {
  padding: 138px 0 119px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductFeature .container section.featureHeadContent .allWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .ajaxProductFeature .container section.featureHeadContent .allWrap {
    padding: 0 0 60px;
  }
}
.ajaxProductFeature .container section.featureHeadContent .imgWrap {
  width: 50%;
  max-width: 377px;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductFeature .container section.featureHeadContent .imgWrap {
    max-width: 400px;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductFeature .container section.featureHeadContent .imgWrap {
    min-width: 265px;
  }
}
.ajaxProductFeature .container section.featureHeadContent .imgWrap .imgCon {
  width: 100%;
}
.ajaxProductFeature .container section.featureHeadContent .imgWrap .imgControl {
  -webkit-box-shadow: 1px 7px 20px #afafaf;
          box-shadow: 1px 7px 20px #afafaf;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: #e3ebf6;
}
.ajaxProductFeature .container section.featureHeadContent .imgWrap .imgControl img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ajaxProductFeature .container section.featureHeadContent .textWrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 50%;
  margin-left: 127px;
}
@media only screen and (max-width: 768px) {
  .ajaxProductFeature .container section.featureHeadContent .textWrap {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductFeature .container section.featureHeadContent .textWrap {
    margin-left: 25px;
    width: 60%;
  }
}
.ajaxProductFeature .container section.featureHeadContent .textWrap .productTitle {
  font-size: 1.4375rem;
  letter-spacing: 1.15px;
  font-weight: 600;
  color: #333333;
  text-align: left;
}
@media only screen and (max-width: 500px) {
  .ajaxProductFeature .container section.featureHeadContent .textWrap .productTitle {
    font-size: 20px;
    letter-spacing: 1.8px;
  }
}
.ajaxProductFeature .container section.featureHeadContent .textWrap .productSubTitle {
  font-size: 2.8125rem;
  letter-spacing: 0.9px;
  color: #999999;
  text-align: left;
  padding-top: 12px;
}
@media only screen and (max-width: 500px) {
  .ajaxProductFeature .container section.featureHeadContent .textWrap .productSubTitle {
    font-size: 2.125rem;
    letter-spacing: 0.68px;
  }
}
.ajaxProductFeature .container section.featureHeadContent .textWrap .homeText {
  padding-top: 35px;
  color: #333333;
  font-weight: 600;
  text-align: left;
  font-weight: 600;
  max-width: 400px;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.9px;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductFeature .container section.featureHeadContent .textWrap .homeText {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductFeature .container section.featureHeadContent .textWrap .homeText {
    font-size: 0.875rem;
    letter-spacing: 1.12px;
    padding-top: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxProductFeature .container section.articleContent {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 768px) {
  .ajaxProductFeature .container section.articleContent {
    padding: 0 30px;
  }
}
.ajaxProductFeature .container section.featureDetDesc {
  background-color: #fff;
  position: relative;
  padding-top: 0;
}
.ajaxProductFeature .container section.featureDetDesc .backTo {
  top: auto;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #e4e4e4;
  -webkit-animation: initial;
          animation: initial;
}
@media only screen and (max-width: 500px) {
  .ajaxProductFeature .container section.featureDetDesc .backTo {
    bottom: 35px;
  }
}
.ajaxProductFeature .container section.featureDetDesc .backTo:hover {
  color: white;
  background-color: #666;
}
.ajaxProductFeature .container section.featureDetDesc .articleContainer {
  padding: 130px 100px 165px;
}
@media only screen and (max-width: 1280px) {
  .ajaxProductFeature .container section.featureDetDesc .articleContainer {
    padding: 130px 20px 165px;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxProductFeature .container section.featureDetDesc .articleContainer {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductFeature .container section.featureDetDesc .articleContainer {
    padding-bottom: 120px;
  }
}
.ajaxProductFeature .container section.featureDetDesc .innerDescWrap {
  margin-bottom: 45px;
}
.ajaxProductFeature .container section.featureDetDesc .innerDescWrap .chTitle {
  font-size: 1.0625rem;
}
.ajaxProductFeature .container section.featureDetDesc .innerDescWrap .enTitle {
  font-size: 1.875rem;
}

.ajaxProductDetWitness {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.87);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow-y: scroll;
  z-index: 999;
}
.ajaxProductDetWitness .leftContainer {
  position: fixed;
  bottom: 50%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  left: 140px;
  width: 41%;
  height: 0;
  padding-bottom: 39.96%;
  z-index: 5;
  background-size: cover;
  background-position: center center;
  -webkit-box-shadow: 2px 2px 20px rgba(51, 51, 51, 0.4);
          box-shadow: 2px 2px 20px rgba(51, 51, 51, 0.4);
}
@media only screen and (min-width: 1921px) {
  .ajaxProductDetWitness .leftContainer {
    max-width: 800px;
    height: 780px;
    padding-bottom: 0;
    left: auto;
    right: 50vw;
  }
}
@media only screen and (max-width: 1366px) {
  .ajaxProductDetWitness .leftContainer {
    width: 51%;
    left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .leftContainer {
    display: none;
  }
}
.ajaxProductDetWitness .rightContainer {
  position: absolute;
  right: 0;
  top: 0;
  width: 54.687%;
  height: auto;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: repeat;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer {
    width: 80%;
    margin: 0 auto;
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media only screen and (max-width: 768px) {
  .ajaxProductDetWitness .rightContainer {
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 600px) {
  .ajaxProductDetWitness .rightContainer {
    width: 100%;
  }
}
.ajaxProductDetWitness .rightContainer .wrapAll {
  width: 100%;
  padding: 0 110px 0 190px;
}
@media only screen and (max-width: 1280px) {
  .ajaxProductDetWitness .rightContainer .wrapAll {
    padding: 0 30px 0 140px;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer .wrapAll {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 991px) {
  .ajaxProductDetWitness .rightContainer .wrapAll {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .ajaxProductDetWitness .rightContainer .wrapAll {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductDetWitness .rightContainer .wrapAll {
    padding: 0 30px 45px;
  }
}
@media only screen and (max-width: 320px) {
  .ajaxProductDetWitness .rightContainer .wrapAll {
    padding: 0 8px 45px;
  }
}
.ajaxProductDetWitness .rightContainer a.ajaxBtnControl {
  margin-top: 85px;
  margin-bottom: 90px;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer a.ajaxBtnControl {
    margin-top: 45px;
    margin-bottom: 35px;
  }
}
.ajaxProductDetWitness .rightContainer a.ajaxBtnControl .btnWrap {
  margin-left: 0;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer a.ajaxBtnControl .btnWrap {
    margin-left: auto;
  }
}
.ajaxProductDetWitness .rightContainer a.ajaxBtnControl .le, .ajaxProductDetWitness .rightContainer a.ajaxBtnControl .ri {
  background-color: #999;
}
.ajaxProductDetWitness .rightContainer .imgWrapRwd {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer .imgWrapRwd {
    display: block;
    width: 400px;
    z-index: 5;
    margin: 0 auto 35px;
  }
}
@media only screen and (max-width: 991px) {
  .ajaxProductDetWitness .rightContainer .imgWrapRwd {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .ajaxProductDetWitness .rightContainer .imgWrapRwd {
    margin: 0 auto 35px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductDetWitness .rightContainer .imgWrapRwd {
    width: 315px;
  }
}
@media only screen and (max-width: 320px) {
  .ajaxProductDetWitness .rightContainer .imgWrapRwd {
    width: 275px;
  }
}
.ajaxProductDetWitness .rightContainer section.artIntroduction {
  position: relative;
  margin-bottom: 165px;
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 75px;
  position: relative;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle {
    display: block;
    width: 380px;
    margin: 0 auto 50px;
  }
}
@media only screen and (max-width: 991px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle {
    margin: 0 auto 50px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle {
    width: 305px;
  }
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle:before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  height: 1px;
  width: 40px;
  background-color: #999999;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle:before {
    bottom: -18px;
  }
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle h4 {
  font-size: 1.875rem;
  letter-spacing: 1.5px;
  color: #000;
  margin-right: 20px;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle h4 {
    display: block;
    margin-right: 0;
    margin-bottom: 3px;
  }
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle p {
  font-size: 1.5625rem;
  letter-spacing: 0.25px;
  color: #999;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle p {
    display: block;
  }
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle span {
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  color: #666;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer section.artIntroduction .artTitle span {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artDesc p {
  color: #000000;
  font-size: 0.9375rem;
  letter-spacing: 1.05px;
  line-height: 1.6;
  text-align: left;
  font-weight: bolder;
  margin-bottom: 40px;
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artDesc .wrap {
  margin-bottom: 25px;
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artDesc .wrap .title {
  color: #333333;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
.ajaxProductDetWitness .rightContainer section.artIntroduction .artDesc .wrap .text {
  color: #333333;
  font-size: 0.9375rem;
  letter-spacing: 0.9px;
  line-height: 1.6;
  font-weight: bold;
  text-align: left;
}
.ajaxProductDetWitness .rightContainer section.witnessDesc {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 150px;
}
@media only screen and (max-width: 600px) {
  .ajaxProductDetWitness .rightContainer section.witnessDesc {
    padding-bottom: 80px;
  }
}
.ajaxProductDetWitness .rightContainer section.witnessDesc:before {
  content: "";
  position: absolute;
  top: -85px;
  left: -50%;
  overflow: hidden;
  width: 200%;
  height: 1px;
  background-color: #e5e5e5;
}
.ajaxProductDetWitness .rightContainer section.witnessDesc .articleContainer {
  max-width: 100%;
}
.ajaxProductDetWitness .rightContainer section.witnessDesc .innerDescWrap {
  margin-bottom: 40px;
}
.ajaxProductDetWitness .rightContainer section.witnessDesc .innerDescWrap .chTitle {
  text-align: left;
  font-size: 1.0625rem;
}
@media only screen and (max-width: 500px) {
  .ajaxProductDetWitness .rightContainer section.witnessDesc .innerDescWrap .chTitle {
    font-size: 1rem;
    letter-spacing: 4.8px;
  }
}
.ajaxProductDetWitness .rightContainer section.witnessDesc .innerDescWrap .enTitle {
  text-align: left;
  font-size: 1.875rem;
}
@media only screen and (max-width: 500px) {
  .ajaxProductDetWitness .rightContainer section.witnessDesc .innerDescWrap .enTitle {
    font-size: 1.625rem;
    letter-spacing: 0.91px;
  }
}
.ajaxProductDetWitness .rightContainer section.witnessDesc .swiperContent .swiper-pagination {
  top: 45%;
}
.ajaxProductDetWitness .rightContainer section.witnessDesc .swiperContent .swiper-pagination-bullet {
  margin: 20px 0;
}
@media only screen and (max-width: 1280px) {
  .ajaxProductDetWitness .rightContainer section.witnessDesc .swiperContent .swiper-pagination-bullet {
    margin: 0 18px;
  }
}
.ajaxProductDetWitness .rightContainer section.witnessDesc p.desp {
  margin-bottom: 55px;
}
@media only screen and (max-width: 1280px) {
  .ajaxProductDetWitness .rightContainer section.witnessDesc p.desp {
    margin: 5px auto 55px;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxProductDetWitness .rightContainer section.witnessDesc section.articleContent {
    padding: 0 !important;
  }
}
.ajaxProductDetWitness .rightContainer .backTo {
  top: auto;
  bottom: 48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #e4e4e4;
  -webkit-animation: initial;
          animation: initial;
}
@media only screen and (max-width: 600px) {
  .ajaxProductDetWitness .rightContainer .backTo {
    bottom: 0;
  }
}
.ajaxProductDetWitness .rightContainer .backTo:hover {
  color: white;
  background-color: #666;
}

.ajaxPrivacyPolicy {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 999;
}
.ajaxPrivacyPolicy:after {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  content: "";
}
.ajaxPrivacyPolicy .wrap {
  padding: 70px 170px 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  opacity: 0;
  -webkit-transition: 0.8s 0.5s;
  transition: 0.8s 0.5s;
}
.ajaxPrivacyPolicy .wrap .control-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
}
.ajaxPrivacyPolicy .wrap .control-close div {
  position: relative;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ajaxPrivacyPolicy .wrap .control-close div span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #000;
}
.ajaxPrivacyPolicy .wrap .control-close div span:first-child {
  width: 1px;
  height: 100%;
}
.ajaxPrivacyPolicy .wrap .control-close div span:last-child {
  width: 100%;
  height: 1px;
}
.ajaxPrivacyPolicy .wrap .control-close p {
  font-size: 1rem;
  font-weight: 700;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 0.64px;
}
.ajaxPrivacyPolicy .wrap .control-close:hover div {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}
.ajaxPrivacyPolicy .wrap .content {
  margin-top: 54px;
  padding: 0 170px;
}
.ajaxPrivacyPolicy .wrap .content-wrap {
  padding: 80px 145px 130px;
  border: 1px solid #d2d2d2;
}
.ajaxPrivacyPolicy .wrap .content-wrap .title-en {
  margin-bottom: 10px;
  font-size: 3.375rem;
  line-height: 1.3;
  letter-spacing: 1.08px;
  text-align: center;
}
.ajaxPrivacyPolicy .wrap .content-wrap .title-tw {
  font-size: 1.5625rem;
  letter-spacing: 2px;
  text-align: center;
}
.ajaxPrivacyPolicy .wrap .content-wrap .text {
  margin: 60px 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.9px;
}
.ajaxPrivacyPolicy .wrap .content-wrap .list-block {
  margin-bottom: 60px;
  list-style-type: upper-roman;
  font-size: 1.25rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 1px;
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.ajaxPrivacyPolicy .wrap .content-wrap .list-block.show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.ajaxPrivacyPolicy .wrap .content-wrap .list-block:last-child {
  margin: 0;
}
.ajaxPrivacyPolicy .wrap .content-wrap .list-block div {
  margin-top: 12px;
}
.ajaxPrivacyPolicy .wrap .content-wrap .list-block div p, .ajaxPrivacyPolicy .wrap .content-wrap .list-block div ul li {
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.9px;
}
.ajaxPrivacyPolicy .wrap .content-wrap .list-block div ul li {
  position: relative;
  padding-left: 1rem;
}
.ajaxPrivacyPolicy .wrap .content-wrap .list-block div ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "．";
}
.ajaxPrivacyPolicy .wrap .backTo {
  position: static;
  margin: 70px auto 100px;
  background-color: #666666;
  color: #fff;
  line-height: 60px;
}
.ajaxPrivacyPolicy.show:after {
  height: 100%;
}
.ajaxPrivacyPolicy.show .wrap {
  opacity: 1;
}
@media only screen and (max-width: 1600px) {
  .ajaxPrivacyPolicy .wrap .content {
    padding: 0;
  }
}
@media only screen and (max-width: 1366px) {
  .ajaxPrivacyPolicy .wrap {
    padding: 70px 100px 0;
  }
  .ajaxPrivacyPolicy .wrap .content-wrap {
    padding: 80px 70px 130px;
  }
}
@media only screen and (max-width: 768px) {
  .ajaxPrivacyPolicy .wrap {
    padding: 70px 100px 0;
  }
  .ajaxPrivacyPolicy .wrap .content-wrap {
    border: none;
    padding: 0;
  }
  .ajaxPrivacyPolicy .wrap .backTo {
    line-height: 56px;
  }
}
@media only screen and (max-width: 575px) {
  .ajaxPrivacyPolicy .wrap {
    padding: 70px 0px 0;
  }
  .ajaxPrivacyPolicy .wrap .backTo {
    margin: 60px auto 40px;
    line-height: 52px;
  }
  .ajaxPrivacyPolicy .wrap .control-close {
    padding: 0 30px;
  }
  .ajaxPrivacyPolicy .wrap .content-wrap .title-en {
    font-size: 2.125rem;
    line-height: 1.1;
    letter-spacing: 0.34px;
  }
  .ajaxPrivacyPolicy .wrap .content-wrap .title-tw {
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 1.28px;
  }
  .ajaxPrivacyPolicy .wrap .content-wrap .text {
    margin: 35px 0;
    padding: 0 25px;
  }
  .ajaxPrivacyPolicy .wrap .content-wrap .list {
    padding: 40px 25px 0 60px;
  }
}

.ajaxEventBooking {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.87);
  overflow-y: auto;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  z-index: 100;
}
.ajaxEventBooking .ajaxBtnControl {
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 100%;
  margin: 80px 0 50px;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .ajaxBtnControl {
    margin: 50px 0 30px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .ajaxBtnControl {
    height: 35px;
    position: absolute;
    top: 27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 0;
    z-index: 20;
  }
  .ajaxEventBooking .ajaxBtnControl .le, .ajaxEventBooking .ajaxBtnControl .ri {
    background-color: #666;
  }
}
.ajaxEventBooking .ajaxBtnControl .btnWrap {
  margin: 0 auto;
}
.ajaxEventBooking .eventBooking {
  width: 100%;
  height: auto;
}
.ajaxEventBooking .container {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto 70px;
}
@media only screen and (max-width: 1400px) {
  .ajaxEventBooking .container {
    max-width: 900px;
  }
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .container {
    margin: 0 auto;
  }
}
.ajaxEventBooking .box {
  background-color: #fff;
}
.ajaxEventBooking .bgWrap {
  width: 100%;
  padding: 80px 235px 60px;
  background-color: #fff;
  background-image: url("../img/other/formBG2.png");
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 1400px) {
  .ajaxEventBooking .bgWrap {
    padding: 80px 60px 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxEventBooking .bgWrap {
    padding: 80px 45px 60px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .bgWrap {
    padding: 95px 30px 55px;
  }
}
@media only screen and (max-width: 350px) {
  .ajaxEventBooking .bgWrap {
    padding: 95px 25px 55px;
  }
}
.ajaxEventBooking .bgWrap .innerDescWrap {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .bgWrap .innerDescWrap {
    margin-bottom: 30px;
  }
}
.ajaxEventBooking .bgWrap .innerDescWrap .enTitle {
  margin-bottom: 10px;
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .bgWrap .innerDescWrap .enTitle {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .bgWrap .innerDescWrap .chTitle {
    font-size: 1.125rem;
  }
}
.ajaxEventBooking .bgWrap .productName, .ajaxEventBooking .bgWrap .productColor {
  width: 50%;
  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;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  .ajaxEventBooking .bgWrap .productName, .ajaxEventBooking .bgWrap .productColor {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 15px 65px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .bgWrap .productName, .ajaxEventBooking .bgWrap .productColor {
    padding: 15px 25px;
  }
}
@media only screen and (max-width: 350px) {
  .ajaxEventBooking .bgWrap .productName, .ajaxEventBooking .bgWrap .productColor {
    padding: 15px;
  }
}
.ajaxEventBooking .bgWrap .productName {
  border-right: 1px solid #aaa;
}
@media only screen and (max-width: 768px) {
  .ajaxEventBooking .bgWrap .productName {
    border-right: none;
    border-bottom: 1px solid #aaa;
  }
}
.ajaxEventBooking .bgWrap .formNow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(204, 204, 204, 0.35);
}
@media only screen and (max-width: 768px) {
  .ajaxEventBooking .bgWrap .formNow {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ajaxEventBooking .bgWrap .formNow h4, .ajaxEventBooking .bgWrap .formNow p {
  display: inline-block;
}
.ajaxEventBooking .bgWrap .formNow h4 {
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.8px;
  margin-right: 20px;
  white-space: nowrap;
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .bgWrap .formNow h4 {
    margin-right: 25px;
  }
}
.ajaxEventBooking .bgWrap .formNow p {
  font-size: 1rem;
  color: #000;
  letter-spacing: 0.56px;
}
.ajaxEventBooking .formWrap {
  width: 100%;
  padding: 60px 160px 80px;
}
@media only screen and (max-width: 1400px) {
  .ajaxEventBooking .formWrap {
    padding: 60px 60px 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .ajaxEventBooking .formWrap {
    padding: 60px 45px 80px;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .formWrap {
    padding: 45px 35px;
  }
}
@media only screen and (max-width: 350px) {
  .ajaxEventBooking .formWrap {
    padding: 40px 25px;
  }
}
.ajaxEventBooking .basicForm {
  max-width: 100%;
}
.ajaxEventBooking .basicForm .formGroup {
  width: 100%;
  display: none;
  border-bottom: 1px solid #434343;
}
.ajaxEventBooking .basicForm .formGroup:last-of-type {
  border-bottom: none;
}
.ajaxEventBooking .basicForm .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ajaxEventBooking .basicForm .formBody {
  padding-bottom: 35px;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .basicForm .formBody {
    padding-top: 40px;
  }
}
.ajaxEventBooking .basicForm .formType {
  width: 200px;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: #ccc;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .basicForm .formType {
    position: absolute;
    top: 25px;
    left: 13px;
    text-align: left;
  }
}
.ajaxEventBooking .basicForm .formBtn {
  width: 175px;
  font-size: 0.875rem;
  letter-spacing: 0.85px;
  color: #666;
  text-align: center;
  white-space: nowrap;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .basicForm .formBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 39px;
    right: 13px;
    text-align: right;
  }
}
.ajaxEventBooking .basicForm .formBtn:hover div:nth-child(1) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ajaxEventBooking .basicForm .formBtn div:nth-child(1) {
  width: 40px;
  height: 25px;
  margin: 0 auto 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .basicForm .formBtn div:nth-child(1) {
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: 2px;
  }
}
.ajaxEventBooking .basicForm .formBtn div:nth-child(1):before, .ajaxEventBooking .basicForm .formBtn div:nth-child(1):after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #666;
  width: 1px;
  height: 100%;
}
.ajaxEventBooking .basicForm .formBtn div:nth-child(1):before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.ajaxEventBooking .basicForm .formBtn div:nth-child(1):after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.ajaxEventBooking .basicForm .formBtn div:nth-child(2) {
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .ajaxEventBooking .basicForm .formBtn div:nth-child(2) {
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .basicForm .groupT {
    margin-top: 0;
  }
}
.ajaxEventBooking .allWrap {
  padding: 0;
}
.ajaxEventBooking .controlBars {
  width: 100%;
  border-top: 3px solid #434343;
  border-bottom: 3px solid #434343;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .controlBars {
    border-top: none;
    border-bottom: none;
  }
}
.ajaxEventBooking .controlBars .bar {
  width: 100%;
  border-bottom: 1px solid #434343;
}
.ajaxEventBooking .controlBars .bar:last-of-type {
  border-bottom: none;
}
.ajaxEventBooking .controlBars .barWrap {
  border-bottom: 3px solid #434343;
}
.ajaxEventBooking .controlBars .barWrap:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .controlBars .barWrap {
    margin-bottom: 80px;
  }
  .ajaxEventBooking .controlBars .barWrap:last-child {
    margin-bottom: 30px;
    border-bottom: 3px solid #434343;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .controlBars .barWrap {
    margin-bottom: 65px;
  }
}
.ajaxEventBooking .controlBars .titleGroup {
  width: 100%;
  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;
  padding: 25px 75px 18px;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .controlBars .titleGroup {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
}
.ajaxEventBooking .controlBars .title {
  width: 100%;
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1.2px;
  color: #333;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .controlBars .title {
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #434343;
    padding-bottom: 20px;
  }
}
.ajaxEventBooking .controlBars .price {
  width: 100%;
  margin-right: 20px;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .controlBars .price {
    width: 50%;
    padding: 18px 5px;
    margin-right: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .controlBars .price {
    padding: 16px 5px;
    text-align: left;
  }
}
.ajaxEventBooking .controlBars .price .priceTitle {
  font-size: 0.9375rem;
  letter-spacing: 0.9px;
  color: #666;
  margin-right: 8px;
}
.ajaxEventBooking .controlBars .price .price {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .controlBars .price .price {
    font-size: 1.1875rem;
    padding: 0;
  }
}
.ajaxEventBooking .controlBars .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 170px;
}
@media only screen and (max-width: 991px) {
  .ajaxEventBooking .controlBars .control {
    width: 50%;
    min-width: 30%;
    padding: 18px 5px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .controlBars .control {
    padding: 16px 5px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.ajaxEventBooking .controlBars .control .con {
  cursor: pointer;
  font-size: 2.1875rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 300;
  color: #000;
  margin: 0 8px;
  padding-bottom: 7px;
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .controlBars .control .con {
    margin: 0 3px;
  }
}
.ajaxEventBooking .controlBars .control .no {
  font-size: 1.25rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 1.2px;
  color: #000;
  margin: 0 8px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .controlBars .control .no {
    margin: 0 3px;
  }
}
.ajaxEventBooking .controlBars .control .person {
  font-size: 0.9375rem;
  letter-spacing: 0.9px;
  color: #666;
  margin-right: 8px;
}
@media only screen and (max-width: 500px) {
  .ajaxEventBooking .controlBars .control .person {
    margin-right: 5px;
  }
}

.ajaxSuccess {
  width: 100vw;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.ajaxSuccess .control {
  display: table-cell;
  vertical-align: middle;
  width: 100vw;
  height: 100vh;
  padding: 20px 0;
  overflow-y: auto;
}
.ajaxSuccess .ajaxSuccess-wrap {
  width: 100%;
  max-width: 910px;
  margin: 0 auto;
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .ajaxSuccess .ajaxSuccess-wrap {
    padding: 0;
  }
}
.ajaxSuccess .logo-wrap {
  width: 245px;
  margin: 0 auto 25px;
}
@media only screen and (max-width: 767px) {
  .ajaxSuccess .logo-wrap {
    width: 200px;
  }
}
.ajaxSuccess .line-wrap {
  width: 1px;
  height: 160px;
  margin: 0 auto -60px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .ajaxSuccess .line-wrap {
    height: 100px;
    margin: 0 auto -40px;
  }
}
.ajaxSuccess .line-wrap .line {
  width: 100%;
  height: 100%;
  background-color: rgba(153, 153, 153, 0.7);
}
.ajaxSuccess .content-wrap {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 120px 0 95px;
}
@media only screen and (max-width: 767px) {
  .ajaxSuccess .content-wrap {
    padding: 90px 0 50px;
  }
}
.ajaxSuccess .content-wrap .text-box {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.ajaxSuccess .content-wrap .title {
  font-size: 3.375rem;
  line-height: 1.1;
  letter-spacing: 1.08px;
  color: #333;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .ajaxSuccess .content-wrap .title {
    font-size: 2.8125rem;
  }
}
.ajaxSuccess .content-wrap .sub {
  font-size: 1.5625rem;
  line-height: 1.25;
  letter-spacing: 2px;
  color: #333;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .ajaxSuccess .content-wrap .sub {
    font-size: 1.375rem;
    margin-bottom: 45px;
  }
}
.ajaxSuccess .content-wrap .text {
  font-size: 1.375rem;
  font-family: "EB Garamond", "Microsoft JhengHei Bold", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1.35px;
  color: #3c84dd;
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .ajaxSuccess .content-wrap .text {
    font-size: 1.25rem;
    margin-bottom: 60px;
  }
}
.ajaxSuccess .content-wrap .learnMoreBtnGrey {
  margin: 0 auto;
}

.video4-player {
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .video4-player {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(51, 51, 51, 0.9);
  }
}
.video4-player .playerCover {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
}
.video4-player .playerCover .closeButton {
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-animation: videoTopMove 2s 1s forwards;
          animation: videoTopMove 2s 1s forwards;
}
.video4-player .playerCover .closeButton:before, .video4-player .playerCover .closeButton:after {
  height: 35px;
  width: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.video4-player .playerCover .closeButton:hover::before, .video4-player .playerCover .closeButton:hover::after {
  background-color: rgba(255, 255, 255, 0.5);
}
.video4-player .playerCover .player {
  padding-bottom: 42.25%;
  max-height: 90vh;
  -webkit-animation: videoBottomMove 1.5s forwards;
          animation: videoBottomMove 1.5s forwards;
}
@media only screen and (min-width: 2000px) {
  .video4-player .playerCover .player {
    padding-bottom: 0;
    height: 88vh;
  }
}
@media only screen and (max-width: 1366px) {
  .video4-player .playerCover .player {
    padding-bottom: 0;
    height: 90vh;
  }
}
@media only screen and (max-width: 768px) {
  .video4-player .playerCover .player {
    height: 0;
    padding-bottom: 56.25%;
  }
}

.home nav.homeNavbar {
  position: fixed;
  background-color: transparent;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .home nav.homeNavbar {
    opacity: 0;
    pointer-events: none;
  }
}
.home nav.homeNavbar .container {
  padding: 70px 171px 35px 147px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1600px) {
  .home nav.homeNavbar .container {
    padding: 70px 147px 30px 105px;
  }
}
@media only screen and (max-width: 1280px) {
  .home nav.homeNavbar .container {
    padding: 40px 120px 35px 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .home nav.homeNavbar .container {
    padding: 40px 120px 40px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .home nav.homeNavbar .container {
    padding: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .home nav.homeNavbar .container {
    padding: 25px;
  }
}
.home nav.homeNavbar .logo {
  display: none;
}
.home nav.homeNavbar .listGroup {
  display: none;
}
.home nav.homeNavbar .toggleMenu {
  display: block;
}

main {
  overflow: hidden;
}

.home main h1 {
  width: 1px;
  height: 1px;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

section.homeBanner {
  width: 100%;
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.homeBanner .swiper_banner {
  width: calc(100% - 80px);
  position: relative;
}
@media only screen and (max-width: 768px) {
  section.homeBanner .swiper_banner {
    width: 100%;
  }
}
section.homeBanner .swiper_banner .swiper-wrapper {
  width: 100%;
}
section.homeBanner .swiper_banner .swiper-slide {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  position: relative;
}
section.homeBanner .swiper_banner .bannerContent {
  position: absolute;
  left: 147px;
  bottom: 23%;
  width: 100%;
  max-width: 90%;
  text-align: left;
}
@media only screen and (max-width: 1700px) {
  section.homeBanner .swiper_banner .bannerContent {
    bottom: 26%;
  }
}
@media only screen and (max-width: 1600px) {
  section.homeBanner .swiper_banner .bannerContent {
    bottom: 29%;
    left: 105px;
  }
}
@media only screen and (max-width: 1366px) {
  section.homeBanner .swiper_banner .bannerContent {
    bottom: 25%;
    left: 105px;
  }
}
@media only screen and (max-width: 1280px) {
  section.homeBanner .swiper_banner .bannerContent {
    bottom: 80px;
    left: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeBanner .swiper_banner .bannerContent {
    left: 80px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeBanner .swiper_banner .bannerContent {
    max-width: 83%;
    bottom: 80px;
    left: 30px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeBanner .swiper_banner .bannerContent {
    left: 35px;
    max-width: 60%;
  }
}
@media only screen and (max-width: 420px) {
  section.homeBanner .swiper_banner .bannerContent {
    max-width: 320px;
    left: 25px;
  }
}
@media only screen and (max-width: 320px) {
  section.homeBanner .swiper_banner .bannerContent {
    max-width: 280px;
    bottom: 50px;
  }
}
section.homeBanner .swiper_banner .bannerContent span {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  display: block;
  font-size: 3.375rem;
  letter-spacing: 1.1px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  section.homeBanner .swiper_banner .bannerContent span {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 500px) {
  section.homeBanner .swiper_banner .bannerContent span {
    font-size: 2rem;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 375px) {
  section.homeBanner .swiper_banner .bannerContent span {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 320px) {
  section.homeBanner .swiper_banner .bannerContent span {
    font-size: 1.75rem;
  }
}
section.homeBanner .swiper_banner .bannerContent h2 {
  font-size: 1.5625rem;
  padding-top: 15px;
  letter-spacing: 2px;
  line-height: 1.3;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  section.homeBanner .swiper_banner .bannerContent h2 {
    font-size: 1.375rem;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeBanner .swiper_banner .bannerContent h2 {
    padding-top: 15px;
    width: 100%;
    max-width: 260px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1.3px;
    font-weight: 900;
  }
}
@media only screen and (max-width: 320px) {
  section.homeBanner .swiper_banner .bannerContent h2 {
    font-size: 0.9375rem;
  }
}
section.homeBanner .swiper_banner .bannerContent p {
  font-size: 1rem;
  line-height: 1.5;
  padding-top: 40px;
  max-width: 480px;
  width: 100%;
  letter-spacing: 1.1px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  section.homeBanner .swiper_banner .bannerContent p {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 500px) {
  section.homeBanner .swiper_banner .bannerContent p {
    display: none;
  }
}
section.homeBanner .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: static;
  width: 80px;
}
@media only screen and (max-width: 768px) {
  section.homeBanner .swiper-pagination {
    display: none;
  }
}

section.homeProduct {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
section.homeProduct nav.productNavbar {
  background-color: transparent;
  width: 100%;
  height: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.homeProduct nav.productNavbar .container {
  position: relative;
  padding: 40px 120px 35px 125px;
  width: 100%;
  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;
}
@media only screen and (max-width: 1280px) {
  section.homeProduct nav.productNavbar .container {
    padding: 40px 120px 35px 80px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeProduct nav.productNavbar .container {
    padding: 40px 120px 40px 80px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeProduct nav.productNavbar .container {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct nav.productNavbar .container {
    padding: 25px 15px;
  }
}
section.homeProduct nav.productNavbar .langAndSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  display: none;
}
@media only screen and (max-width: 1280px) {
  section.homeProduct nav.productNavbar .langAndSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  section.homeProduct nav.productNavbar .langAndSearch {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
section.homeProduct nav.productNavbar .langAndSearch > div span {
  color: #444444;
  font-size: 1rem;
}
section.homeProduct nav.productNavbar .langAndSearch > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 25px;
  position: relative;
  cursor: pointer;
}
section.homeProduct nav.productNavbar .langAndSearch > div:first-child span {
  font-size: 1.0625rem;
}
section.homeProduct nav.productNavbar .langAndSearch > div:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 1px;
  height: 100%;
  cursor: auto;
  background-color: #888888;
}
@media only screen and (max-width: 1024px) {
  section.homeProduct nav.productNavbar .langAndSearch > div:first-child {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct nav.productNavbar .langAndSearch > div:first-child {
    padding-right: 15px;
  }
}
section.homeProduct nav.productNavbar .langAndSearch > div:nth-child(2) {
  padding-left: 25px;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  section.homeProduct nav.productNavbar .langAndSearch > div:nth-child(2) {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct nav.productNavbar .langAndSearch > div:nth-child(2) {
    padding-left: 15px;
  }
}
section.homeProduct nav.productNavbar ul.listGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 350px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 6px;
}
section.homeProduct nav.productNavbar ul.listGroup:nth-of-type(2) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 1280px) {
  section.homeProduct nav.productNavbar ul.listGroup {
    display: none;
  }
}
section.homeProduct nav.productNavbar ul.listGroup li {
  margin: 0 10px;
  padding: 0 15px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
section.homeProduct nav.productNavbar ul.listGroup li:after {
  content: "/";
  position: absolute;
  top: -3px;
  right: -13px;
  cursor: auto;
  font-size: 1.375rem;
  color: #aaaaaa;
}
section.homeProduct nav.productNavbar ul.listGroup li:last-child:after {
  display: none;
}
section.homeProduct nav.productNavbar ul.listGroup li a {
  color: #333333;
  letter-spacing: 1.2px;
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.0625rem;
}
section.homeProduct nav.productNavbar ul.listGroup li a:hover {
  color: black;
}
section.homeProduct nav.productNavbar .logo {
  width: 100%;
  max-width: 194px;
  min-width: 140px;
  margin: 0 28px;
}
@media only screen and (max-width: 768px) {
  section.homeProduct nav.productNavbar .logo {
    max-width: 170px;
    min-width: 110px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 575px) {
  section.homeProduct nav.productNavbar .logo {
    max-width: 140px;
    min-width: 110px;
  }
}
@media only screen and (max-width: 350px) {
  section.homeProduct nav.productNavbar .logo {
    max-width: 110px;
    min-width: 110px;
  }
}
section.homeProduct nav.productNavbar .toggleMenu {
  margin-left: auto;
  display: none;
}
@media only screen and (max-width: 1280px) {
  section.homeProduct nav.productNavbar .toggleMenu {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  section.homeProduct nav.productNavbar .toggleMenu {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 15px;
  height: 15px;
}
@media only screen and (max-width: 768px) {
  section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup {
    padding-right: 0;
  }
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup .topLine {
  width: 33px;
  height: 1px;
  background-color: #444444;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup .middleLine {
  width: 33px;
  height: 1px;
  background-color: #444444;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  opacity: 1;
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
  display: block;
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup .bottomLine {
  width: 33px;
  height: 1px;
  background-color: #444444;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup.active .topLine {
  -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  position: relative;
  top: 50%;
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup.active .middleLine {
  opacity: 0;
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .lineGroup.active .bottomLine {
  -webkit-transform: translateY(50%) rotate(-135deg);
      -ms-transform: translateY(50%) rotate(-135deg);
          transform: translateY(50%) rotate(-135deg);
  position: relative;
  bottom: 50%;
}
section.homeProduct nav.productNavbar .toggleMenu .menuBtn .menuText {
  letter-spacing: 1.3px;
  color: #444444;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  section.homeProduct nav.productNavbar .toggleMenu .menuBtn .menuText {
    display: none;
  }
}
section.homeProduct .productContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
}
@media only screen and (min-width: 1921px) {
  section.homeProduct .productContent {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeProduct .productContent {
    display: none;
  }
}
section.homeProduct .productContent .productBackground {
  width: 50%;
  height: 0;
  padding-bottom: 69.102%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
section.homeProduct .productContent .productBackground .imgWrap {
  width: 70%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 89%;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
section.homeProduct .productContent .productBackground .imgWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
section.homeProduct .productContent .productBackground .imgWrap.slide-left {
  opacity: 0 !important;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.1s !important;
  transition: 0.1s !important;
}
section.homeProduct .productContent .productBackground .imgWrap:hover .maskLearn {
  opacity: 1;
}
section.homeProduct .productContent .productDescription {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5% 6% 5% 3%;
}
@media only screen and (max-width: 1280px) {
  section.homeProduct .productContent .productDescription {
    padding: 2% 3% 1% 4%;
  }
}
@media only screen and (max-width: 1100px) {
  section.homeProduct .productContent .productDescription {
    padding: 2% 3% 5% 4%;
  }
}
section.homeProduct .productContent .productDescription .textContent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 95px;
  padding-left: 80px;
}
@media only screen and (max-width: 1700px) {
  section.homeProduct .productContent .productDescription .textContent {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  section.homeProduct .productContent .productDescription .textContent {
    margin-bottom: 40px;
  }
}
section.homeProduct .productContent .productDescription .textWrap {
  max-width: 530px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.homeProduct .productContent .productDescription .textWrap .homeText {
  height: 3.375rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5625rem;
}
section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
  content: "";
  position: absolute;
  top: 66%;
  right: 95%;
  height: 1px;
  background-color: #aaaaaa;
  -webkit-animation: lineMove 2s forwards;
          animation: lineMove 2s forwards;
}
@media only screen and (min-width: 2100px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 87%;
    -webkit-animation: lineMoveFor2000 2s forwards;
            animation: lineMoveFor2000 2s forwards;
  }
}
@media only screen and (max-width: 1850px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 91%;
  }
}
@media only screen and (max-width: 1750px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 93%;
  }
}
@media only screen and (max-width: 1650px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 95%;
  }
}
@media only screen and (max-width: 1600px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    top: 64%;
    right: 98%;
  }
}
@media only screen and (max-width: 1500px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    top: 63%;
    right: 89%;
  }
}
@media only screen and (max-width: 1450px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 90%;
  }
}
@media only screen and (max-width: 1400px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 92%;
  }
}
@media only screen and (max-width: 1366px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 93%;
    -webkit-animation: lineMoveFor1366 2s forwards;
            animation: lineMoveFor1366 2s forwards;
  }
}
@media only screen and (max-width: 1280px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    top: 65%;
    right: 94%;
  }
}
@media only screen and (max-width: 1200px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 96%;
  }
}
@media only screen and (max-width: 1190px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    top: 64%;
  }
}
@media only screen and (max-width: 1075px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 97%;
  }
}
@media only screen and (max-width: 1045px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    right: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeProduct .productContent .productDescription .swiperContent.showLine:before {
    display: none;
  }
}
section.homeProduct .productContent .productDescription .swiperContent {
  width: 100%;
  height: 0;
  padding-bottom: 500px;
  position: relative;
}
@media only screen and (max-width: 1500px) {
  section.homeProduct .productContent .productDescription .swiperContent {
    padding-bottom: 400px;
  }
}
@media only screen and (max-width: 1280px) {
  section.homeProduct .productContent .productDescription .swiperContent {
    padding-bottom: 300px;
  }
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide {
  width: 100%;
  -webkit-transition: 0.8s cubic-bezier(0.06, 0.34, 0.86, 0.53);
  transition: 0.8s cubic-bezier(0.06, 0.34, 0.86, 0.53);
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  cursor: default;
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productNo {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-style: Italic;
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  color: #cccccc;
  margin-right: 18px;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
@media only screen and (max-width: 1500px) {
  section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productNo {
    font-size: 1.375rem;
  }
}
@media only screen and (max-width: 1190px) {
  section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productNo {
    font-size: 1.125rem;
  }
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productTit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productTit p {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 3.125rem;
  letter-spacing: 1px;
  color: #cccccc;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media only screen and (max-width: 1500px) {
  section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productTit p {
    font-size: 2.375rem;
  }
}
@media only screen and (max-width: 1190px) {
  section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productTit p {
    font-size: 2.1875rem;
  }
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productTit h2 {
  font-size: 1.125rem;
  letter-spacing: 1.7px;
  color: #cccccc;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  margin-top: -5px;
}
@media only screen and (max-width: 1500px) {
  section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productTit h2 {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1190px) {
  section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide .productTit h2 {
    font-size: 0.875rem;
  }
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide-next + .swiper-slide {
  -webkit-transform: translateX(-70px) translateY(15px);
      -ms-transform: translateX(-70px) translateY(15px);
          transform: translateX(-70px) translateY(15px);
}
@media only screen and (max-width: 1500px) {
  section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide-next + .swiper-slide {
    -webkit-transform: translateX(-50px) translateY(6px);
        -ms-transform: translateX(-50px) translateY(6px);
            transform: translateX(-50px) translateY(6px);
  }
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide-next + .swiper-slide .productNo {
  color: #666666;
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide-next + .swiper-slide .productTit p {
  color: black;
}
section.homeProduct .productContent .productDescription .swiperContent .swiper_product .swiper-slide-next + .swiper-slide .productTit h2 {
  color: black;
}
section.homeProduct .productContent_Mob {
  display: none;
}
@media only screen and (max-width: 1024px) {
  section.homeProduct .productContent_Mob {
    display: block;
  }
}
section.homeProduct .productContent_Mob .productDescription {
  width: 100%;
  margin: 0 auto;
  padding: 85px 80px 40px;
}
@media only screen and (max-width: 768px) {
  section.homeProduct .productContent_Mob .productDescription {
    padding: 102px 30px 50px 30px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct .productContent_Mob .productDescription {
    padding: 72px 30px 30px 30px;
  }
}
@media only screen and (max-width: 420px) {
  section.homeProduct .productContent_Mob .productDescription {
    padding: 62px 30px 30px 30px;
  }
}
section.homeProduct .productContent_Mob .productDescription .textWrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.homeProduct .productContent_Mob .productDescription .homeText {
  display: none;
}
section.homeProduct .productContent_Mob .productBackground {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-slide {
  width: 100%;
  -webkit-transition: 0.8s cubic-bezier(0.06, 0.34, 0.86, 0.53);
  transition: 0.8s cubic-bezier(0.06, 0.34, 0.86, 0.53);
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 80px;
}
@media only screen and (max-width: 768px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-slide {
    padding: 35px;
  }
}
@media only screen and (max-width: 375px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-slide {
    padding: 30px 20px;
  }
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .imgWrap {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .imgWrap {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .imgWrap {
    width: 75%;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .imgWrap {
    width: 295px;
  }
}
@media only screen and (max-width: 330px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .imgWrap {
    width: 250px;
  }
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .imgWrap img {
  height: 100%;
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .imgWrap:hover .maskLearn {
  opacity: 1;
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 60%;
}
@media only screen and (max-width: 768px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap {
    margin: 0 auto 30px;
    max-width: 75%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 45px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 420px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap {
    margin: 0 0 30px 0;
    max-width: 94%;
  }
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productNo {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-style: Italic;
  font-size: 1.375rem;
  letter-spacing: 0.6px;
  color: #444444;
  position: absolute;
  top: 25px;
  left: -41px;
}
@media only screen and (max-width: 500px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productNo {
    top: 19px;
    left: -41px;
  }
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productTit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productTit p {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 2.625rem;
  letter-spacing: 1px;
  color: #444444;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productTit p {
    font-size: 2.375rem;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productTit p {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 350px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productTit p {
    font-size: 1.5625rem;
  }
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .textWrap .productTit h2 {
  font-size: 1.25rem;
  letter-spacing: 1.7px;
  font-weight: 600;
  color: black;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-next-productMob {
  position: absolute;
  top: 56%;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  font-size: 2.5rem;
  right: 26%;
  color: #333;
}
@media only screen and (max-width: 768px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-next-productMob {
    top: 58%;
    right: 5%;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-next-productMob {
    top: 58%;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 400px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-next-productMob {
    right: 0;
    top: 60%;
  }
}
section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-prev-productMob {
  position: absolute;
  top: 56%;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  font-size: 2.5rem;
  left: 26%;
  color: #333;
}
@media only screen and (max-width: 768px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-prev-productMob {
    top: 58%;
    left: 5%;
  }
}
@media only screen and (max-width: 500px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-prev-productMob {
    top: 58%;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 400px) {
  section.homeProduct .productContent_Mob .productBackground .swiper_product_mob .swiper-button-prev-productMob {
    left: 0;
    top: 60%;
  }
}

section.homeFeature {
  width: 100%;
  height: auto;
  margin-top: -45px;
  padding-left: 100px;
}
@media only screen and (max-width: 1024px) {
  section.homeFeature {
    margin-top: 0px;
    padding-top: 100px;
    padding-left: 0px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  section.homeFeature {
    padding-top: 72px;
  }
}
@media only screen and (max-width: 420px) {
  section.homeFeature {
    padding-top: 25px;
  }
}
section.homeFeature .swiper_feature {
  width: 100%;
  height: auto;
}
section.homeFeature .swiper-slide {
  width: calc(100% - 100px);
  height: 0;
  position: relative;
  padding-bottom: 50.16%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: default;
  min-height: 680px;
}
@media only screen and (max-width: 1024px) {
  section.homeFeature .swiper-slide {
    background-image: none !important;
    min-height: 600px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: auto;
    padding-bottom: 0;
    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;
    padding: 5px 60px 0px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeFeature .swiper-slide {
    padding: 5px 15px 0px;
  }
}
section.homeFeature .swiper-button-next-feature {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 99;
  cursor: pointer;
  font-size: 2.5rem;
  right: -2%;
  color: #333;
}
@media only screen and (max-width: 1820px) {
  section.homeFeature .swiper-button-next-feature {
    right: -3%;
  }
}
@media only screen and (max-width: 1750px) {
  section.homeFeature .swiper-button-next-feature {
    right: -8%;
  }
}
@media only screen and (max-width: 1500px) {
  section.homeFeature .swiper-button-next-feature {
    right: -12%;
  }
}
@media only screen and (max-width: 1430px) {
  section.homeFeature .swiper-button-next-feature {
    right: -4%;
  }
}
@media only screen and (max-width: 1300px) {
  section.homeFeature .swiper-button-next-feature {
    right: -6%;
  }
}
@media only screen and (max-width: 1240px) {
  section.homeFeature .swiper-button-next-feature {
    right: -11%;
  }
}
@media only screen and (max-width: 1150px) {
  section.homeFeature .swiper-button-next-feature {
    right: -17%;
  }
}
@media only screen and (max-width: 1080px) {
  section.homeFeature .swiper-button-next-feature {
    right: 9%;
    top: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeFeature .swiper-button-next-feature {
    top: 69%;
    right: 11%;
  }
}
@media only screen and (max-width: 768px) {
  section.homeFeature .swiper-button-next-feature {
    right: 11%;
    top: 70%;
  }
}
@media only screen and (max-width: 680px) {
  section.homeFeature .swiper-button-next-feature {
    right: 8%;
    top: 69%;
  }
}
@media only screen and (max-width: 600px) {
  section.homeFeature .swiper-button-next-feature {
    right: 25px;
    top: 70%;
  }
}
@media only screen and (max-width: 600px) {
  section.homeFeature .swiper-button-next-feature {
    right: 18px;
    top: 70%;
  }
}
@media only screen and (max-width: 600px) {
  section.homeFeature .swiper-button-next-feature {
    right: 7px;
    top: 71%;
  }
}
@media only screen and (max-width: 500px) {
  section.homeFeature .swiper-button-next-feature {
    top: 68%;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 420px) {
  section.homeFeature .swiper-button-next-feature {
    top: 72%;
    right: 3%;
  }
}
@media only screen and (max-width: 375px) {
  section.homeFeature .swiper-button-next-feature {
    top: 69%;
    right: 1%;
  }
}
@media only screen and (max-width: 320px) {
  section.homeFeature .swiper-button-next-feature {
    top: 71%;
    right: -4px;
  }
}
section.homeFeature .swiper-button-prev-feature {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 99;
  cursor: pointer;
  font-size: 2.5rem;
  left: -3%;
  color: #333;
}
@media only screen and (max-width: 1820px) {
  section.homeFeature .swiper-button-prev-feature {
    left: -2%;
  }
}
@media only screen and (max-width: 1750px) {
  section.homeFeature .swiper-button-prev-feature {
    left: -3%;
  }
}
@media only screen and (max-width: 1430px) {
  section.homeFeature .swiper-button-prev-feature {
    left: -3%;
  }
}
@media only screen and (max-width: 1300px) {
  section.homeFeature .swiper-button-prev-feature {
    left: -4%;
  }
}
@media only screen and (max-width: 1240px) {
  section.homeFeature .swiper-button-prev-feature {
    left: -4%;
  }
}
@media only screen and (max-width: 1080px) {
  section.homeFeature .swiper-button-prev-feature {
    left: 5%;
    top: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeFeature .swiper-button-prev-feature {
    top: 69%;
    left: 11%;
  }
}
@media only screen and (max-width: 768px) {
  section.homeFeature .swiper-button-prev-feature {
    left: 11%;
    top: 70%;
  }
}
@media only screen and (max-width: 680px) {
  section.homeFeature .swiper-button-prev-feature {
    left: 8%;
    top: 69%;
  }
}
@media only screen and (max-width: 600px) {
  section.homeFeature .swiper-button-prev-feature {
    left: 25px;
    top: 70%;
  }
}
@media only screen and (max-width: 550px) {
  section.homeFeature .swiper-button-prev-feature {
    left: 7px;
    top: 71%;
  }
}
@media only screen and (max-width: 500px) {
  section.homeFeature .swiper-button-prev-feature {
    top: 68%;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 420px) {
  section.homeFeature .swiper-button-prev-feature {
    top: 72%;
    left: 3%;
  }
}
@media only screen and (max-width: 375px) {
  section.homeFeature .swiper-button-prev-feature {
    top: 69%;
    left: 1%;
  }
}
@media only screen and (max-width: 320px) {
  section.homeFeature .swiper-button-prev-feature {
    top: 71%;
    left: -4px;
  }
}
section.homeFeature .swiper-slide.colorToWhite .featureContent .productTitle,
section.homeFeature .swiper-slide.colorToWhite .featureContent .productNo,
section.homeFeature .swiper-slide.colorToWhite .featureContent .productSubTitle,
section.homeFeature .swiper-slide.colorToWhite .featureContent .homeText {
  color: #ffffff;
}
@media only screen and (max-width: 1024px) {
  section.homeFeature .swiper-slide.colorToWhite .featureContent .productTitle,
  section.homeFeature .swiper-slide.colorToWhite .featureContent .productNo,
  section.homeFeature .swiper-slide.colorToWhite .featureContent .productSubTitle,
  section.homeFeature .swiper-slide.colorToWhite .featureContent .homeText {
    color: #333;
  }
}
section.homeFeature .swiper-slide.colorToWhite .featureContent .swiper-button-next-feature, section.homeFeature .swiper-slide.colorToWhite .featureContent .swiper-button-prev-feature {
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  section.homeFeature .swiper-slide.colorToWhite .featureContent .swiper-button-next-feature, section.homeFeature .swiper-slide.colorToWhite .featureContent .swiper-button-prev-feature {
    color: #333;
  }
}

.featureContent {
  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;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 90px;
  width: 52%;
}
@media only screen and (max-width: 1450px) {
  .featureContent {
    width: 60.098%;
  }
}
@media only screen and (max-width: 1300px) {
  .featureContent {
    left: 80px;
  }
}
@media only screen and (max-width: 1080px) {
  .featureContent {
    width: 100%;
    left: -30px;
    top: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .featureContent {
    width: 100%;
    max-width: 100%;
    position: static;
    max-width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 1024px) {
  .featureContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.featureContent .leftImg {
  width: 40.107%;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  .featureContent .leftImg {
    width: 27.107%;
  }
}
@media only screen and (max-width: 1024px) {
  .featureContent .leftImg {
    width: 54.666%;
  }
}
@media only screen and (max-width: 768px) {
  .featureContent .leftImg {
    min-width: 380px;
  }
}
@media only screen and (max-width: 500px) {
  .featureContent .leftImg {
    min-width: 320px;
  }
}
@media only screen and (max-width: 450px) {
  .featureContent .leftImg {
    min-width: 265px;
  }
}
.featureContent .leftImg .imgwrap {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.featureContent .leftImg .imgwrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.featureContent .leftImg .imgwrap:hover .maskLearn {
  opacity: 1;
  border-radius: 50%;
}
.featureContent .rightText {
  width: 50%;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  .featureContent .rightText {
    width: 100%;
    padding-left: 50px;
    margin: 0 auto;
    margin-bottom: 70px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media only screen and (max-width: 500px) {
  .featureContent .rightText {
    margin-bottom: 20px;
  }
}
.featureContent .rightText .textWrap {
  max-width: 100%;
  padding-left: 100px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 1024px) {
  .featureContent .rightText .textWrap {
    padding-left: 0px;
  }
}
.featureContent .rightText .productTitle {
  font-size: 2.8125rem;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 2.5px;
  color: #333333;
  text-align: left;
  line-height: 1.1;
  padding-top: 55px;
  position: relative;
}
@media only screen and (max-width: 1600px) {
  .featureContent .rightText .productTitle {
    font-size: 2.375rem;
  }
}
@media only screen and (max-width: 1024px) {
  .featureContent .rightText .productTitle {
    padding-top: 17px;
  }
}
@media only screen and (max-width: 1280px) {
  .featureContent .rightText .productTitle {
    font-size: 2.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .featureContent .rightText .productTitle {
    font-size: 2.375rem;
  }
}
@media only screen and (max-width: 500px) {
  .featureContent .rightText .productTitle {
    font-size: 2rem;
    letter-spacing: 0.4px;
  }
}
@media only screen and (max-width: 350px) {
  .featureContent .rightText .productTitle {
    font-size: 1.75rem;
  }
}
.featureContent .rightText .productTitle .productNo {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-style: Italic;
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  color: #666666;
  position: absolute;
  bottom: -5px;
  left: -52px;
}
@media only screen and (max-width: 768px) {
  .featureContent .rightText .productTitle .productNo {
    font-size: 1.5rem;
    left: -43px;
  }
}
.featureContent .rightText .productSubTitle {
  font-size: 1.625rem;
  letter-spacing: 2.34px;
  font-weight: 600;
  color: #333333;
  text-align: left;
  padding-top: 0px;
}
@media only screen and (max-width: 1600px) {
  .featureContent .rightText .productSubTitle {
    font-size: 1.5625rem;
  }
}
@media only screen and (max-width: 1024px) {
  .featureContent .rightText .productSubTitle {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .featureContent .rightText .productSubTitle {
    font-size: 1.25rem;
    letter-spacing: 1.7px;
  }
}
.featureContent .rightText .homeText {
  padding-top: 30px;
  color: #666666;
  text-align: left;
  max-width: 358px;
}
@media only screen and (max-width: 1080px) {
  .featureContent .rightText .homeText {
    max-width: 335px;
  }
}
@media only screen and (max-width: 1024px) {
  .featureContent .rightText .homeText {
    display: block;
    padding-top: 15px;
    max-width: 340px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 500px) {
  .featureContent .rightText .homeText {
    max-width: 342px;
    letter-spacing: 1.12px;
  }
}
@media only screen and (max-width: 450px) {
  .featureContent .rightText .homeText {
    max-width: 255px;
    font-size: 0.9375rem;
  }
}

section.homeSlim {
  width: 100%;
  height: auto;
}
section.homeSlim .slimDescription {
  padding: 185px 410px 25px 270px;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1700px) {
  section.homeSlim .slimDescription {
    padding: 185px 200px 25px;
  }
}
@media only screen and (max-width: 1400px) {
  section.homeSlim .slimDescription {
    padding: 170px 200px 25px;
  }
}
@media only screen and (max-width: 1280px) {
  section.homeSlim .slimDescription {
    padding: 170px 150px 28px;
  }
}
@media only screen and (max-width: 1100px) {
  section.homeSlim .slimDescription {
    padding: 150px 100px 28px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .slimDescription {
    padding: 102px 80px 50px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeSlim .slimDescription {
    padding: 102px 45px 45px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeSlim .slimDescription {
    padding: 80px 45px 45px;
  }
}
@media only screen and (max-width: 420px) {
  section.homeSlim .slimDescription {
    padding: 40px 45px 30px;
  }
}
section.homeSlim .slimDescription .textContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .slimDescription .textContent {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
section.homeSlim .slimDescription .textContent .textWrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .slimDescription .textContent .textWrap {
    max-width: 70%;
    text-align: right;
  }
}
@media only screen and (max-width: 768px) {
  section.homeSlim .slimDescription .textContent .textWrap {
    max-width: 80%;
  }
}
@media only screen and (max-width: 500px) {
  section.homeSlim .slimDescription .textContent .textWrap {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .slimDescription .textContent .homeTitle {
    text-align: right;
  }
}
section.homeSlim .slimDescription .textContent .homeText {
  text-align: right;
}
@media only screen and (max-width: 1280px) {
  section.homeSlim .slimDescription .textContent .homeText {
    max-width: 376px;
  }
}
section.homeSlim .swiperAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 0;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiperAll {
    width: 100%;
    padding: 0 80px;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  section.homeSlim .swiperAll {
    padding: 0 45px;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiperAll {
    padding: 0;
    max-width: 320px !important;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 450px) {
  section.homeSlim .swiperAll {
    max-width: 265px !important;
  }
}
@media only screen and (max-width: 350px) {
  section.homeSlim .swiperAll {
    max-width: 220px !important;
  }
}
section.homeSlim .swiper-pagination {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  display: none;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper-pagination {
    display: none;
  }
}
section.homeSlim .swiper-button-next-slim {
  font-size: 2.5rem;
  color: #333;
  position: absolute;
  top: 48%;
  right: 0;
  cursor: pointer;
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper-button-next-slim {
    display: block;
    position: absolute;
    top: 48%;
    right: 2%;
    font-size: 2.5rem;
    color: #333;
    cursor: pointer;
    z-index: 10;
  }
}
@media only screen and (max-width: 768px) {
  section.homeSlim .swiper-button-next-slim {
    right: 0%;
    font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper-button-next-slim {
    right: -20%;
    font-size: 2rem;
    top: 54%;
  }
}
@media only screen and (max-width: 420px) {
  section.homeSlim .swiper-button-next-slim {
    top: 50%;
  }
}
@media only screen and (max-width: 390px) {
  section.homeSlim .swiper-button-next-slim {
    right: -16%;
  }
}
section.homeSlim .swiper-button-prev-slim {
  font-size: 2.5rem;
  color: #333;
  position: absolute;
  top: 48%;
  left: 0;
  cursor: pointer;
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper-button-prev-slim {
    display: block;
    position: absolute;
    top: 48%;
    left: 2%;
  }
}
@media only screen and (max-width: 768px) {
  section.homeSlim .swiper-button-prev-slim {
    left: 0%;
    font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper-button-prev-slim {
    left: -20%;
    font-size: 2rem;
    top: 54%;
  }
}
@media only screen and (max-width: 420px) {
  section.homeSlim .swiper-button-prev-slim {
    top: 50%;
  }
}
@media only screen and (max-width: 390px) {
  section.homeSlim .swiper-button-prev-slim {
    left: -16%;
  }
}
section.homeSlim .swiper_slim {
  width: calc(100% - 100px);
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim {
    width: 100%;
  }
}
section.homeSlim .swiper_slim .swiper-wrapper {
  width: 100%;
}
section.homeSlim .swiper_slim .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25%;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide {
    width: 100% !important;
    height: auto;
  }
}
section.homeSlim .swiper_slim .swiper-slide .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 640px;
  }
}
@media only screen and (max-width: 450px) {
  section.homeSlim .swiper_slim .swiper-slide .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 530px;
  }
}
section.homeSlim .swiper_slim .swiper-slide .cardImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 98.324%;
  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;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide .cardImg {
    padding-bottom: 0 !important;
    height: 100%;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide .cardImg {
    padding-bottom: 100% !important;
    height: 0 !important;
  }
}
section.homeSlim .swiper_slim .swiper-slide .cardImg .maskLearn {
  -webkit-box-shadow: none;
          box-shadow: none;
}
section.homeSlim .swiper_slim .swiper-slide .cardImg:hover .maskLearn {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
section.homeSlim .swiper_slim .swiper-slide .cardTextWrap {
  width: 100%;
  height: 100%;
  color: white;
  padding: 90px 45px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTextWrap {
    padding: 90px 75px 110px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100%;
    width: 80%;
  }
}
@media only screen and (max-width: 991px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTextWrap {
    padding: 90px 40px 110px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTextWrap {
    padding: 80px 35px 90px;
  }
}
@media only screen and (max-width: 650px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTextWrap {
    padding: 70px 25px 80px;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTextWrap {
    width: 100%;
    height: 50% !important;
    max-height: 50% !important;
    padding: 65px 30px 25px;
  }
}
section.homeSlim .swiper_slim .swiper-slide .cardTit {
  font-size: 1.375rem;
  font-weight: bold;
  letter-spacing: 0.9px;
  text-align: left;
  position: relative;
  margin-bottom: 40px;
}
section.homeSlim .swiper_slim .swiper-slide .cardTit:after {
  content: "";
  position: absolute;
  top: calc(100% + 19px);
  left: 0;
  width: 40px;
  height: 1px;
  background-color: white;
}
@media only screen and (max-width: 350px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTit:after {
    display: none;
  }
}
@media only screen and (max-width: 1500px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTit {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  section.homeSlim .swiper_slim .swiper-slide .cardTit {
    margin-bottom: 30px;
  }
  section.homeSlim .swiper_slim .swiper-slide .cardTit:after {
    top: calc(100% + 16px);
  }
}
section.homeSlim .swiper_slim .swiper-slide .cardWord {
  font-size: 0.9375rem;
  letter-spacing: 1.1px;
  text-align: left;
  margin-bottom: 70px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5rem;
  height: 4.5rem;
}
@media only screen and (max-width: 1500px) {
  section.homeSlim .swiper_slim .swiper-slide .cardWord {
    font-size: 0.875rem;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 350px) {
  section.homeSlim .swiper_slim .swiper-slide .cardWord {
    margin-bottom: 10px;
  }
}
section.homeSlim .swiper_slim .swiper-slide .cardDate {
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  color: #e9e9e9;
  text-align: right;
  display: block;
}
section.homeSlim .swiper_slim .swiper-slide .text.black .cardDate, section.homeSlim .swiper_slim .swiper-slide .text.black .cardTit, section.homeSlim .swiper_slim .swiper-slide .text.black .cardWord {
  color: #333;
}
section.homeSlim .swiper_slim .swiper-slide .text.black .cardTit:after {
  background-color: #333;
}
section.homeSlim .swiper_slim .swiper-slide.imageBottomRight {
  width: 25%;
  margin-bottom: 35px;
  padding: 0 4px;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageBottomRight {
    width: 100%;
    margin-bottom: 0;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageBottomRight .card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageBottomRight .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide.imageBottomRight .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageTopLeft {
  width: 25%;
  margin-bottom: 35px;
  padding: 0 4px;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageTopLeft {
    width: 100%;
    margin-bottom: 0;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageTopLeft .card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageTopLeft .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide.imageTopLeft .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageLeftTop {
  width: 50%;
  height: auto;
  margin-bottom: 35px;
  padding: 0 4px;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageLeftTop {
    width: 100%;
    margin-bottom: 0;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .card {
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .cardTextWrap {
  width: 50%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .cardTextWrap {
    width: 80%;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .cardTextWrap {
    width: 100%;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .cardImg {
  width: 100%;
  padding-bottom: 0;
  height: 100%;
}
@media only screen and (max-width: 1280px) {
  section.homeSlim .swiper_slim .swiper-slide.imageLeftTop .cardImg {
    padding-bottom: 72.22%;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageRightBottom {
  width: 50%;
  height: auto;
  margin-bottom: 35px;
  padding: 0 4px;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageRightBottom {
    width: 100%;
    margin-bottom: 0;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .card {
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .cardTextWrap {
  width: 50%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .cardTextWrap {
    width: 80%;
  }
}
@media only screen and (max-width: 575px) {
  section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .cardTextWrap {
    width: 100%;
  }
}
section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .cardImg {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
@media only screen and (max-width: 1280px) {
  section.homeSlim .swiper_slim .swiper-slide.imageRightBottom .cardImg {
    padding-bottom: 72.22%;
  }
}
section.homeSlim .swiper_slim .swiper-slide.addMove {
  margin-top: 35px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  section.homeSlim .swiper_slim .swiper-slide.addMove {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) and (-ms-high-contrast: active), only screen and (max-width: 1024px) and (-ms-high-contrast: none) {
  section.homeSlim .swiper_slim .swiper-slide.addMove {
    margin-top: 20px;
    margin-bottom: 35px;
  }
}

section.homeAbout {
  width: 100%;
  height: auto;
  max-width: 1520px;
  margin: 0 auto;
  padding: 210px 0px 230px;
}
@media only screen and (max-width: 1500px) {
  section.homeAbout {
    padding: 200px 0px 200px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeAbout {
    padding: 120px 0px 120px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeAbout {
    padding: 100px 0px 100px;
  }
}
section.homeAbout .aboutContainer {
  width: 100%;
  height: 0;
  padding-bottom: 55.216%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  section.homeAbout .aboutContainer {
    padding-bottom: 0;
    max-width: 100%;
    height: auto;
    min-height: 610px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 25px 25px 80px 80px;
    background-position: 42% 60%;
  }
}
@media only screen and (max-width: 768px) {
  section.homeAbout .aboutContainer {
    padding: 25px 25px 83px 35px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeAbout .aboutContainer {
    padding: 25px 25px 65px 35px;
    background-position: 42% 60%;
  }
}
section.homeAbout .aboutDescription {
  position: absolute;
  right: 126px;
  bottom: 156px;
}
@media only screen and (max-width: 1366px) {
  section.homeAbout .aboutDescription {
    right: 70px;
  }
}
@media only screen and (max-width: 1100px) {
  section.homeAbout .aboutDescription {
    right: 40px;
    bottom: 125px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeAbout .aboutDescription {
    position: static;
  }
}
section.homeAbout .textWrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.homeAbout .textWrap .homeTopTitle {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 500px) {
  section.homeAbout .textWrap .homeTopTitle {
    font-size: 1rem;
  }
}
section.homeAbout .textWrap .homeTitle {
  color: white;
}
@media only screen and (max-width: 500px) {
  section.homeAbout .textWrap .homeTitle {
    padding-top: 12px;
    font-size: 1.625rem;
  }
}
section.homeAbout .textWrap .homeText {
  color: white;
}
@media only screen and (max-width: 1024px) {
  section.homeAbout .textWrap .homeText {
    display: block;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  section.homeAbout .textWrap .homeText {
    padding-top: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeAbout .textWrap .learnMoreBtnWhite {
    margin-top: 34px;
  }
}

section.homeService {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 400px) {
  section.homeService {
    padding: 0 15px;
  }
}
section.homeService .serviceContainer {
  width: 100%;
  height: 100%;
  padding: 157px 0 80px;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1280px) {
  section.homeService .serviceContainer {
    padding: 35px 35px 45px;
  }
}
@media only screen and (max-width: 600px) {
  section.homeService .serviceContainer {
    padding: 60px 15px;
  }
}
section.homeService .serviceContainer .serviceGroup {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  section.homeService .serviceContainer .serviceGroup {
    max-width: 935px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeService .serviceContainer .serviceGroup {
    max-width: none;
  }
}
section.homeService .serviceContainer .serviceItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  section.homeService .serviceContainer .serviceItems {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
section.homeService .serviceContainer .serviceItems .item {
  color: white;
  width: 25%;
}
@media only screen and (max-width: 1024px) {
  section.homeService .serviceContainer .serviceItems .item {
    width: 50%;
    margin-bottom: 60px;
  }
}
section.homeService .serviceContainer .serviceItems .item span {
  color: white;
  padding-bottom: 5px;
  font-size: 8.75rem;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  section.homeService .serviceContainer .serviceItems .item span {
    font-size: 8.0625rem;
  }
}
@media only screen and (max-width: 600px) {
  section.homeService .serviceContainer .serviceItems .item span {
    font-size: 6.25rem;
  }
}
section.homeService .serviceContainer .serviceItems .item p {
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 2.2px;
  text-align: center;
}
section.homeService .serviceContainer .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 78px;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  section.homeService .serviceContainer .btns {
    padding-top: 68px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeService .serviceContainer .btns {
    width: 75%;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeService .serviceContainer .btns {
    width: 65%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 0px;
    margin-top: -20px;
  }
}
@media only screen and (max-width: 500px) {
  section.homeService .serviceContainer .btns {
    width: 100%;
  }
}
section.homeService .serviceContainer .btns .learnMoreBtnWhite {
  max-width: 300px;
  padding: 14px 30px;
  font-weight: bold;
}
@media only screen and (max-width: 1280px) {
  section.homeService .serviceContainer .btns .learnMoreBtnWhite {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeService .serviceContainer .btns .learnMoreBtnWhite {
    max-width: 250px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeService .serviceContainer .btns .learnMoreBtnWhite {
    max-width: 100%;
    padding: 10px 15px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 325px) {
  section.homeService .serviceContainer .btns .learnMoreBtnWhite {
    font-size: 0.8125rem;
    padding: 9px 15px;
  }
}
section.homeService .serviceContainer .btns a {
  margin: 0 5px;
  letter-spacing: 1.65px;
  font-size: 1.125rem;
  font-weight: 600;
}
section.homeService .serviceContainer .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: white;
  padding-top: 40px;
  white-space: nowrap;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  section.homeService .serviceContainer .contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
section.homeService .serviceContainer .contact .span1 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 2.4px;
  padding-right: 10px;
  color: rgba(238, 238, 238, 0.7);
}
@media only screen and (max-width: 600px) {
  section.homeService .serviceContainer .contact .span1 {
    padding: 5px 0;
  }
}
@media only screen and (max-width: 420px) {
  section.homeService .serviceContainer .contact .span1 {
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 374px) {
  section.homeService .serviceContainer .contact .span1 {
    margin-bottom: 25px;
  }
}
section.homeService .serviceContainer .contact .span2 {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1.5px;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  section.homeService .serviceContainer .contact .span2 {
    padding: 5px 0;
  }
}
@media only screen and (max-width: 420px) {
  section.homeService .serviceContainer .contact .span2 {
    font-size: 1.375rem;
  }
}

section.homeNews {
  width: 100%;
  height: auto;
  padding: 153px 14.685vw 130px;
}
@media only screen and (max-width: 1366px) {
  section.homeNews {
    padding: 105px 10.685vw 90px;
  }
}
@media only screen and (max-width: 1024px) {
  section.homeNews {
    padding: 105px 80px 90px;
  }
}
@media only screen and (max-width: 768px) {
  section.homeNews {
    padding: 105px 45px 60px;
  }
}
@media only screen and (max-width: 420px) {
  section.homeNews {
    padding: 80px 45px 60px;
  }
}
section.homeNews .newsDescription {
  width: 100%;
  position: relative;
  z-index: 20;
}
section.homeNews .newsDescription .textWrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.homeNews .newsDescription .textWrap .homeText {
  height: 3.375rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5625rem;
}

.homeNewsSwiperAll {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: -75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 1500px) {
  .homeNewsSwiperAll {
    margin-top: -60px;
  }
}
@media only screen and (max-width: 1366px) {
  .homeNewsSwiperAll {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 1280px) {
  .homeNewsSwiperAll {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .homeNewsSwiperAll {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNewsSwiperAll {
    margin-top: 0;
  }
}
@media only screen and (max-width: 420px) {
  .homeNewsSwiperAll {
    margin-top: 10px;
  }
}
.homeNewsSwiperAll .swiper-button-next-news {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  font-size: 2.5rem;
  right: -60px;
  color: #333;
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper-button-next-news {
    display: block;
    right: -50px;
  }
}
@media only screen and (max-width: 768px) {
  .homeNewsSwiperAll .swiper-button-next-news {
    right: -40px;
    top: 45%;
    font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 500px) {
  .homeNewsSwiperAll .swiper-button-next-news {
    top: 40%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 420px) {
  .homeNewsSwiperAll .swiper-button-next-news {
    top: 40%;
  }
}
@media only screen and (max-width: 375px) {
  .homeNewsSwiperAll .swiper-button-next-news {
    top: 40%;
  }
}
.homeNewsSwiperAll .swiper-button-prev-news {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  font-size: 2.5rem;
  left: -85px;
  color: #333;
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper-button-prev-news {
    display: block;
    left: -50px;
  }
}
@media only screen and (max-width: 768px) {
  .homeNewsSwiperAll .swiper-button-prev-news {
    left: -40px;
    top: 45%;
    font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 500px) {
  .homeNewsSwiperAll .swiper-button-prev-news {
    top: 40%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 420px) {
  .homeNewsSwiperAll .swiper-button-prev-news {
    top: 40%;
  }
}
@media only screen and (max-width: 375px) {
  .homeNewsSwiperAll .swiper-button-prev-news {
    top: 40%;
  }
}
.homeNewsSwiperAll .swiperNews_pagination {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiperNews_pagination {
    display: none;
  }
}
.homeNewsSwiperAll .swiperNews_pagination .swiperNews_pagination_bullet {
  position: relative;
  width: 50px;
  height: 50px;
  background: transparent;
  cursor: pointer;
  margin: 0px;
}
.homeNewsSwiperAll .swiperNews_pagination .swiperNews_pagination_bullet:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  display: block;
  cursor: pointer;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.homeNewsSwiperAll .swiperNews_pagination .swiperNews_pagination_bullet.active:before {
  background: black;
}
.homeNewsSwiperAll .swiper_news {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 60px;
  padding-top: 65px;
  padding-right: 30px;
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news {
    padding-bottom: 65px;
    padding-top: 65px;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .homeNewsSwiperAll .swiper_news {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .homeNewsSwiperAll .swiper_news {
    max-height: 450px;
  }
}
.homeNewsSwiperAll .swiper_news .swiper-wrapper {
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.homeNewsSwiperAll .swiper_news .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card {
  width: 100%;
  position: relative;
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .topImg {
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  position: relative;
  overflow: hidden;
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .topImg img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .topImg:hover .maskLearn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
  z-index: 10;
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup {
  color: #cccccc;
  white-space: nowrap;
  position: absolute;
  top: -43px;
  right: -22px;
  z-index: -1;
}
@media only screen and (max-width: 1700px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup {
    top: -38px;
  }
}
@media only screen and (max-width: 1500px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup {
    top: -30px;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup {
    top: -35px;
    right: 0;
  }
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1 {
  font-size: 1.5rem;
  letter-spacing: 0.8px;
  position: relative;
  font-weight: 600;
  display: inline-block;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  -webkit-transform: skew(-19deg, 0deg);
      -ms-transform: skew(-19deg, 0deg);
          transform: skew(-19deg, 0deg);
}
@media only screen and (max-width: 1700px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1 {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 1280px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1 {
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1 {
    font-size: 1.0625rem;
  }
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1:after {
  content: "/";
  color: #cccccc;
  position: absolute;
  top: 2px;
  right: -12px;
  font-size: 0.9375rem;
  -webkit-transform: skew(10deg, 0deg);
      -ms-transform: skew(10deg, 0deg);
          transform: skew(10deg, 0deg);
}
@media only screen and (max-width: 1700px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1:after {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1500px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1:after {
    right: -10px;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date1:after {
    font-size: 0.9375rem;
    top: 2px;
    right: -12px;
  }
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date2 {
  padding-left: 17px;
  font-size: 2.5rem;
  letter-spacing: 1.8px;
  font-weight: 600;
  display: inline-block;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  -webkit-transform: skew(-19deg, 0deg);
      -ms-transform: skew(-19deg, 0deg);
          transform: skew(-19deg, 0deg);
}
@media only screen and (max-width: 1700px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date2 {
    font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 1500px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date2 {
    font-size: 1.875rem;
    padding-left: 14px;
  }
}
@media only screen and (max-width: 1280px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .dateGroup .date2 {
    font-size: 2.1875rem;
  }
}
.homeNewsSwiperAll .swiper_news .swiper-slide .card .bottomText {
  padding-top: 17px;
  font-size: 1.0625rem;
  letter-spacing: 1.19px;
  width: 100%;
  color: #333333;
  font-weight: 600;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5rem;
  height: 3.75rem;
}
@media only screen and (max-width: 1400px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .bottomText {
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 1280px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .bottomText {
    font-size: 0.875rem;
    line-height: 1.25rem;
    min-height: 55px;
    height: 3.4375rem;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news .swiper-slide .card .bottomText {
    font-size: 1rem;
    padding-top: 25px;
    height: 4.375rem;
  }
}
.homeNewsSwiperAll .swiper_news.newsFirst {
  width: 27%;
  margin-right: 65px;
}
@media only screen and (max-width: 1500px) {
  .homeNewsSwiperAll .swiper_news.newsFirst {
    width: 30%;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 1366px) {
  .homeNewsSwiperAll .swiper_news.newsFirst {
    width: 25%;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news.newsFirst {
    width: 70%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .homeNewsSwiperAll .swiper_news.newsFirst {
    width: 100%;
  }
}
.homeNewsSwiperAll .swiper_news.newsFirst .swiper-slide {
  width: 100% !important;
}
.homeNewsSwiperAll .swiper_news.newsSecond {
  width: 27%;
  margin-right: 65px;
}
@media only screen and (max-width: 1500px) {
  .homeNewsSwiperAll .swiper_news.newsSecond {
    width: 30%;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 1366px) {
  .homeNewsSwiperAll .swiper_news.newsSecond {
    width: 25%;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news.newsSecond {
    display: none;
    width: 100%;
  }
}
.homeNewsSwiperAll .swiper_news.newsSecond .swiper-slide {
  width: 100% !important;
}
.homeNewsSwiperAll .swiper_news.newsThird {
  width: calc(54% - 130px);
}
@media only screen and (max-width: 1500px) {
  .homeNewsSwiperAll .swiper_news.newsThird {
    width: calc(60% - 80px);
  }
}
@media only screen and (max-width: 1366px) {
  .homeNewsSwiperAll .swiper_news.newsThird {
    width: calc(50% - 60px);
  }
}
@media only screen and (max-width: 1024px) {
  .homeNewsSwiperAll .swiper_news.newsThird {
    display: none;
    width: 100%;
  }
}
.homeNewsSwiperAll .swiper_news.newsThird .swiper-slide {
  width: 100% !important;
}

.news main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.news section.newsBanner {
  width: 100%;
  height: auto;
  position: relative;
}
.news section.newsBanner .container {
  width: 100%;
  height: 100%;
  padding-right: 80px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .news section.newsBanner .container {
    padding-right: 0px;
  }
}
.news section.newsOverView {
  width: 100%;
  height: auto;
}
.news section.newsOverView .container {
  max-width: 1543px;
  width: 100%;
  margin: 0 auto;
}
.news section.newsOverView .scrolControl .selected {
  padding: 17px 34px 13px 15px;
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .selectButtonWrap {
    margin-bottom: 0;
  }
}
.news section.newsOverView .contentWrap {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1366px) {
  .news section.newsOverView .contentWrap {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap {
    margin: 95px 52px 70px;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap {
    margin: 90px 52px 60px;
  }
}
@media only screen and (max-width: 500px) {
  .news section.newsOverView .contentWrap {
    margin: 90px 52px 40px;
  }
}
@media only screen and (max-width: 374px) {
  .news section.newsOverView .contentWrap {
    margin: 90px 20px 30px;
  }
}
.news section.newsOverView .contentWrap .item {
  display: inline-block;
  width: calc(50% - 6px);
  height: auto;
  position: relative;
  margin: 3px;
  margin-bottom: 90px;
  margin-top: 0px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1366px) {
  .news section.newsOverView .contentWrap .item {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .item {
    margin-bottom: 60px;
  }
}
.news section.newsOverView .contentWrap .cardWrap {
  width: 100%;
  margin: 0 auto;
  max-width: 465px;
}
@media only screen and (max-width: 1350px) {
  .news section.newsOverView .contentWrap .cardWrap {
    max-width: 395px;
  }
}
@media only screen and (max-width: 1150px) {
  .news section.newsOverView .contentWrap .cardWrap {
    max-width: 350px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .cardWrap {
    max-width: 80%;
    min-width: 265px;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .cardWrap {
    max-width: 100%;
  }
}
.news section.newsOverView .contentWrap .imgControl {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .imgControl {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .news section.newsOverView .contentWrap .imgControl {
    margin-bottom: 14px;
  }
}
.news section.newsOverView .contentWrap h4 {
  font-size: 1.3125rem;
  text-align: left;
  letter-spacing: 0.85px;
  color: #333333;
  margin-bottom: 8px;
  font-weight: bolder;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.875rem;
  height: 3.75rem;
}
@media only screen and (max-width: 500px) {
  .news section.newsOverView .contentWrap h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    height: 3rem;
  }
}
.news section.newsOverView .contentWrap p {
  font-size: 0.9375rem;
  text-align: left;
  letter-spacing: 0.8px;
  margin-bottom: 15px;
  color: #333333;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5625rem;
  height: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap p {
    display: none;
  }
}
.news section.newsOverView .contentWrap .colorWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #cccccc;
  background-color: #eeeeee;
  width: 100%;
  height: 71%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
  cursor: pointer;
  height: 320px;
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .colorWrap {
    background-color: transparent;
    height: 100%;
    width: 100%;
  }
}
.news section.newsOverView .contentWrap .dateControl {
  position: absolute;
  top: 50px;
  left: 38px;
  color: #cccccc;
}
@media only screen and (max-width: 1500px) {
  .news section.newsOverView .contentWrap .dateControl {
    left: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .dateControl {
    top: -38px;
    right: 75px;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .dateControl {
    right: 0;
  }
}
.news section.newsOverView .contentWrap .dateControl .year {
  font-size: 1.125rem;
  letter-spacing: 1.1px;
  position: relative;
  font-weight: 600;
  display: inline-block;
  -webkit-transform: skew(-19deg, 0deg);
      -ms-transform: skew(-19deg, 0deg);
          transform: skew(-19deg, 0deg);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
}
@media only screen and (max-width: 1500px) {
  .news section.newsOverView .contentWrap .dateControl .year {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .dateControl .year {
    font-size: 1.0625rem;
  }
}
.news section.newsOverView .contentWrap .dateControl .year:after {
  content: "/";
  position: absolute;
  top: 0px;
  right: -17px;
  font-size: 1rem;
  -webkit-transform: skew(5deg, 0deg);
      -ms-transform: skew(5deg, 0deg);
          transform: skew(5deg, 0deg);
}
@media only screen and (max-width: 1500px) {
  .news section.newsOverView .contentWrap .dateControl .year:after {
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .dateControl .year:after {
    right: -11px;
    font-size: 0.875rem;
  }
}
.news section.newsOverView .contentWrap .dateControl .date {
  font-size: 2.1875rem;
  letter-spacing: 1.8px;
  display: block;
  font-weight: 600;
  -webkit-transform: skew(-19deg, 0deg);
      -ms-transform: skew(-19deg, 0deg);
          transform: skew(-19deg, 0deg);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
}
@media only screen and (max-width: 1500px) {
  .news section.newsOverView .contentWrap .dateControl .date {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 1120px) {
  .news section.newsOverView .contentWrap .dateControl .date {
    font-size: 1.625rem;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .dateControl .date {
    display: inline-block;
    padding-left: 16px;
    font-size: 2.1875rem;
  }
}
@media only screen and (min-width: 1025px) {
  .news section.newsOverView .contentWrap .item:hover .maskLearn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .news section.newsOverView .contentWrap .item:hover .dateControl {
    color: #999999;
  }
  .news section.newsOverView .contentWrap .item:hover .colorWrap {
    background-color: #DCDCDC;
  }
}
.news section.newsOverView .contentWrap .item.fixedTotalL {
  margin-top: 0px;
}
.news section.newsOverView .contentWrap .item.fixedTotalL .dateControl {
  top: 50px;
  left: 38px;
}
@media only screen and (max-width: 1500px) {
  .news section.newsOverView .contentWrap .item.fixedTotalL .dateControl {
    left: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item.fixedTotalL .dateControl {
    top: -34px;
    right: 85px;
    left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .item.fixedTotalL .dateControl {
    right: 0;
  }
}
.news section.newsOverView .contentWrap .item.fixedTotalR {
  margin-top: 100px;
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item.fixedTotalR {
    margin-top: 0px;
  }
}
.news section.newsOverView .contentWrap .item.fixedTotalR .dateControl {
  left: auto;
  right: 38px;
}
@media only screen and (max-width: 1500px) {
  .news section.newsOverView .contentWrap .item.fixedTotalR .dateControl {
    right: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item.fixedTotalR .dateControl {
    top: -34px;
    right: 85px;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .item.fixedTotalR .dateControl {
    right: 0;
  }
}
.news section.newsOverView .contentWrap .item.toBigMode {
  width: 80%;
  margin-bottom: 90px;
  margin-top: 50px;
}
@media only screen and (max-width: 1366px) {
  .news section.newsOverView .contentWrap .item.toBigMode {
    margin-bottom: 80px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item.toBigMode {
    margin-bottom: 80px;
    margin-top: 0;
    width: 100%;
  }
}
.news section.newsOverView .contentWrap .item.toBigMode .cardWrap {
  max-width: 772px;
}
@media only screen and (max-width: 1390px) {
  .news section.newsOverView .contentWrap .item.toBigMode .cardWrap {
    max-width: 658px;
  }
}
@media only screen and (max-width: 1150px) {
  .news section.newsOverView .contentWrap .item.toBigMode .cardWrap {
    max-width: 583px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item.toBigMode .cardWrap {
    max-width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .item.toBigMode .cardWrap {
    max-width: 100%;
  }
}
.news section.newsOverView .contentWrap .item.toBigMode .cardWrap p {
  margin-bottom: 30px;
}
.news section.newsOverView .contentWrap .item.toBigMode .colorWrap {
  height: 395px;
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item.toBigMode .colorWrap {
    height: 100%;
  }
}
.news section.newsOverView .contentWrap .item.toBigMode .dateControl {
  left: auto;
  top: 90px;
  right: 68px;
}
@media only screen and (max-width: 1500px) {
  .news section.newsOverView .contentWrap .item.toBigMode .dateControl {
    right: 15px;
  }
}
@media only screen and (max-width: 1366px) {
  .news section.newsOverView .contentWrap .item.toBigMode .dateControl {
    right: 90px;
  }
}
@media only screen and (max-width: 1280px) {
  .news section.newsOverView .contentWrap .item.toBigMode .dateControl {
    right: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .news section.newsOverView .contentWrap .item.toBigMode .dateControl {
    left: auto;
    top: -34px;
    right: 85px;
  }
}
@media only screen and (max-width: 768px) {
  .news section.newsOverView .contentWrap .item.toBigMode .dateControl {
    right: 0;
  }
}
.news section.newsOverView .contentWrap .item.toVideoMode .maskLearn {
  display: none;
}
.news section.newsOverView .contentWrap .item.toVideoMode .videoMask {
  display: block;
}

.newsDetail main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.newsDetail .homeNavbar {
  background-color: #fff;
}

.newsDetail section.detailContent {
  width: 100%;
  height: auto;
  background-color: #f0f0f0;
}
.newsDetail section.detailContent .backTo {
  top: 30px;
  left: -8vw;
}
@media only screen and (max-width: 1500px) {
  .newsDetail section.detailContent .backTo {
    top: 150px;
    left: 2vw;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .backTo {
    top: 15px;
  }
}
.newsDetail section.detailContent .topHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 35px 25px 28px;
  border-bottom: 3.5px solid #979797;
  margin-bottom: 55px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .topHeader {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .topHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 20px 15px;
    position: relative;
    margin-bottom: 40px;
    border-bottom: 3px solid #979797;
  }
}
@media only screen and (max-width: 500px) {
  .newsDetail section.detailContent .topHeader {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 400px) {
  .newsDetail section.detailContent .topHeader {
    padding: 20px 15px 23px;
  }
}
.newsDetail section.detailContent .topHeader .dateGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 4px;
  min-width: 185px;
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .topHeader .dateGroup {
    padding-bottom: 4px;
  }
}
.newsDetail section.detailContent .topHeader .dateGroup .year {
  font-size: 1rem;
  position: relative;
  color: #a8a7a7;
  margin-right: 22px;
  font-weight: 600;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-style: italic;
  padding-bottom: 4px;
}
.newsDetail section.detailContent .topHeader .dateGroup .year:after {
  content: "/";
  position: absolute;
  top: 0;
  right: -13px;
  font-size: 0.9375rem;
}
@media only screen and (max-width: 500px) {
  .newsDetail section.detailContent .topHeader .dateGroup .year:after {
    font-style: normal;
    right: -15px;
    top: -1px;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .topHeader .dateGroup .year {
    font-size: 0.875rem;
    color: #333;
    padding-bottom: 0;
    font-weight: 400;
  }
}
.newsDetail section.detailContent .topHeader .dateGroup .date {
  font-size: 2rem;
  letter-spacing: 0.3px;
  color: #a8a7a7;
  font-weight: 600;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .topHeader .dateGroup .date {
    font-size: 0.875rem;
    color: #333;
    font-weight: 400;
  }
}
.newsDetail section.detailContent .topHeader .kind {
  font-size: 1.0625rem;
  letter-spacing: 6.7px;
  color: #666666;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .topHeader .kind {
    display: none;
  }
}
.newsDetail section.detailContent .topHeader .spanGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 185px;
}
.newsDetail section.detailContent .topHeader .spanGroup span {
  display: block;
  margin: 0 8px;
  font-size: 0.9375rem;
}
.newsDetail section.detailContent .topHeader .spanGroup span.text {
  letter-spacing: 1.2px;
  font-weight: 600;
  color: #666666;
  font-size: 0.8125rem;
  margin-top: 7px;
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .topHeader .spanGroup span.text {
    margin-left: 0px;
  }
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-facebook {
  color: #c0c0c0;
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-facebook:hover {
  color: #333333;
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-line {
  color: #c0c0c0;
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-line:hover {
  color: #333333;
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-twitter {
  color: #c0c0c0;
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-twitter:hover {
  color: #333333;
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-link {
  color: #c0c0c0;
}
.newsDetail section.detailContent .topHeader .spanGroup span.icon-link:hover {
  color: #333333;
}
.newsDetail section.detailContent .swiperContent {
  width: 100%;
  height: auto;
  position: relative;
  padding-left: 133px;
  padding-right: 133px;
}
@media only screen and (max-width: 1024px) {
  .newsDetail section.detailContent .swiperContent {
    padding: 0px;
  }
}
.newsDetail section.detailContent .swiperContent h2 {
  width: 100%;
  max-width: 684px;
  margin: 0 auto;
  font-size: 1.875rem;
  letter-spacing: 1.5px;
  color: #333333;
  line-height: 1.3;
  text-align: left;
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .swiperContent h2 {
    max-width: 75%;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .swiperContent h2 {
    font-size: 1.3125rem;
    font-weight: bold;
    letter-spacing: 1.1px;
    margin-bottom: 25px;
    max-width: 89%;
  }
}
.newsDetail section.detailContent .swiperContent .swiper-slide .imgWrap {
  margin-bottom: 15px;
  position: relative;
}
@media only screen and (max-width: 380px) {
  .newsDetail section.detailContent .swiperContent .swiper-slide .imgWrap {
    max-height: 350px;
  }
}
.newsDetail section.detailContent .swiperContent .swiper-pagination {
  right: 75px;
  top: 55%;
}
.newsDetail section.detailContent p.desp {
  padding-left: 133px;
  padding-right: 133px;
}
@media only screen and (max-width: 500px) {
  .newsDetail section.detailContent p.desp {
    margin: 10px auto 35px;
  }
}
.newsDetail section.detailContent section.articleContent {
  margin-bottom: 100px;
  padding-left: 133px;
  padding-right: 133px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent section.articleContent {
    margin: 0 auto 40px;
  }
}
.newsDetail section.detailContent section.articleContent .learnMoreBtnGrey {
  padding: 5px 20px;
  margin: 17px 0 23px;
}
.newsDetail section.detailContent .moreGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  justify-content: center;
  max-width: 1234px;
  width: 100%;
  margin: 0 auto;
  border-top: 1.5px solid #d1d1d1;
  padding: 65px 20px 55px 75px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .moreGroup {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95%;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .moreGroup {
    max-width: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 42px 15px 68px;
  }
}
@media only screen and (max-width: 340px) {
  .newsDetail section.detailContent .moreGroup {
    padding: 65px 0px 65px;
  }
}
.newsDetail section.detailContent .moreGroup .moreText {
  width: 100%;
  max-width: 280px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .moreGroup .moreText {
    margin-bottom: 40px;
    max-width: 230px;
  }
}
.newsDetail section.detailContent .moreGroup .moreText span {
  display: block;
  font-size: 1.125rem;
  letter-spacing: 7.2px;
  text-align: left;
  color: #999999;
  margin-bottom: 15px;
  font-weight: 600;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .moreGroup .moreText span {
    text-align: center;
  }
}
.newsDetail section.detailContent .moreGroup .moreText p {
  display: block;
  font-size: 2.125rem;
  letter-spacing: 0.65px;
  text-align: left;
  color: #000000;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .moreGroup .moreText p {
    text-align: center;
  }
}
.newsDetail section.detailContent .moreGroup .moreBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .moreGroup .moreBtns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 265px;
    margin: 0 70px;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailContent .moreGroup .moreBtns {
    margin: 0 auto;
  }
}
.newsDetail section.detailContent .moreGroup .moreBtns .learnMoreBtnGrey {
  background-color: #a0a0a0;
  font-size: 1.0625rem;
  padding: 10px 13px;
  line-height: 1.2;
  margin: 5px;
  width: 100%;
  max-width: 260px;
  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;
}
.newsDetail section.detailContent .moreGroup .moreBtns .learnMoreBtnGrey:hover {
  background-color: transparent;
}
.newsDetail section.detailContent .moreGroup .moreBtns .learnMoreBtnGrey:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .moreGroup .moreBtns .learnMoreBtnGrey:nth-child(3n) {
    margin: 5px;
  }
}
.newsDetail section.detailContent .moreGroup .moreBtns .learnMoreBtnGrey:nth-child(3n-2) {
  margin-left: 0;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailContent .moreGroup .moreBtns .learnMoreBtnGrey:nth-child(3n-2) {
    margin: 5px;
  }
}
.newsDetail section.detailSwiper {
  width: 100%;
  height: auto;
  margin: 60px 0 120px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailSwiper {
    margin: 0px 0 75px;
  }
}
@media only screen and (max-width: 1024px) {
  .newsDetail section.detailSwiper {
    margin: 50px 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailSwiper {
    margin: 40px 0 70px;
  }
}
.newsDetail section.detailSwiper .container {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
  .newsDetail section.detailSwiper .container {
    max-width: 80%;
  }
}
@media only screen and (max-width: 1024px) {
  .newsDetail section.detailSwiper .container {
    max-width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailSwiper .container {
    max-width: 80%;
  }
}
.newsDetail section.detailSwiper .swiperAll {
  position: relative;
}
.newsDetail section.detailSwiper .swiper-button-next-news {
  display: none;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  font-size: 2.5rem;
  right: -55px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailSwiper .swiper-button-next-news {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .newsDetail section.detailSwiper .swiper-button-next-news {
    top: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailSwiper .swiper-button-next-news {
    right: -50px;
    font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 500px) {
  .newsDetail section.detailSwiper .swiper-button-next-news {
    right: -37px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 375px) {
  .newsDetail section.detailSwiper .swiper-button-next-news {
    top: 52%;
  }
}
@media only screen and (max-width: 350px) {
  .newsDetail section.detailSwiper .swiper-button-next-news {
    right: -33px;
  }
}
.newsDetail section.detailSwiper .swiper-button-prev-news {
  display: none;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  font-size: 2.5rem;
  left: -55px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailSwiper .swiper-button-prev-news {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .newsDetail section.detailSwiper .swiper-button-prev-news {
    top: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .newsDetail section.detailSwiper .swiper-button-prev-news {
    left: -50px;
    font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 500px) {
  .newsDetail section.detailSwiper .swiper-button-prev-news {
    left: -37px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 375px) {
  .newsDetail section.detailSwiper .swiper-button-prev-news {
    top: 52%;
  }
}
@media only screen and (max-width: 350px) {
  .newsDetail section.detailSwiper .swiper-button-prev-news {
    left: -33px;
  }
}
.newsDetail section.detailSwiper .newsDetail_swiper2 {
  width: 100%;
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-pagination {
  bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (max-width: 500px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-pagination {
    display: none;
  }
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-pagination-bullet {
  margin: 0px 23px;
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-wrapper {
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 65px 30px 30px;
  width: 309px;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide {
    width: 100%;
    padding: 85px 0 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide {
    padding: 65px 0 25px;
  }
}
@media only screen and (max-width: 500px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide {
    min-height: 168px;
  }
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card {
  width: 100%;
  position: relative;
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .topImg {
  width: 100%;
  position: relative;
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .topImg:hover .maskLearn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup {
  color: #cccccc;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  -ms-flex-item-align: end;
      align-self: flex-end;
  white-space: nowrap;
  position: absolute;
  top: -48px;
  right: -30px;
  z-index: -1;
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup {
    right: 5px;
  }
}
@media only screen and (max-width: 550px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup {
    right: 0px;
    top: -38px;
  }
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup .date1 {
  font-size: 1.25rem;
  letter-spacing: 0.7px;
  position: relative;
  display: inline-block;
  -webkit-transform: skew(-19deg, 0deg);
      -ms-transform: skew(-19deg, 0deg);
          transform: skew(-19deg, 0deg);
  font-weight: 600;
}
@media only screen and (max-width: 550px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup .date1 {
    font-size: 1.0625rem;
  }
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup .date1:after {
  content: "/";
  color: #cccccc;
  position: absolute;
  top: 0;
  right: -14px;
  font-size: 1.125rem;
  -webkit-transform: skew(15deg, 0deg);
      -ms-transform: skew(15deg, 0deg);
          transform: skew(15deg, 0deg);
}
@media only screen and (max-width: 550px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup .date1:after {
    font-size: 1rem;
  }
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup .date2 {
  padding-left: 20px;
  font-size: 2.8125rem;
  letter-spacing: 1.2px;
  display: inline-block;
  -webkit-transform: skew(-19deg, 0deg);
      -ms-transform: skew(-19deg, 0deg);
          transform: skew(-19deg, 0deg);
  font-weight: 600;
}
@media only screen and (max-width: 550px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .card .dateGroup .date2 {
    font-size: 2.1875rem;
  }
}
.newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .bottomText {
  padding-top: 15px;
  font-size: 1rem;
  letter-spacing: 1.4px;
  width: 100%;
  color: #333333;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5rem;
  height: 3.75rem;
}
@media only screen and (max-width: 1400px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .bottomText {
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 1280px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .bottomText {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1024px) {
  .newsDetail section.detailSwiper .newsDetail_swiper2 .swiper-slide .bottomText {
    font-size: 1rem;
    height: 4.375rem;
    padding-top: 25px;
  }
}

.feature main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.feature section.featureBan {
  padding-right: 80px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureBan {
    padding-right: 0px;
  }
}
.feature section.featureBan .innerBanTextWrap {
  max-width: 480px;
}
.feature section.featureOverview {
  width: 100%;
  height: auto;
}
.feature section.featureOverview .container {
  position: relative;
  padding-bottom: 160px;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 500px) {
  .feature section.featureOverview .container {
    padding-bottom: 110px;
  }
}
.feature section.featureOverview .container .innerDescWrap {
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (max-width: 500px) {
  .feature section.featureOverview .container .innerDescWrap {
    top: 40px;
  }
}
.feature section.featureOverview .container .overviewContent {
  width: 100%;
  height: auto;
}
.feature section.featureOverview .container .overviewContent .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #f0f0f0;
    padding: 90px 0 70px !important;
  }
}
.feature section.featureOverview .container .overviewContent .item .textH {
  width: 50%;
  height: 0;
  padding-bottom: 41.8%;
  background-color: #f0f0f0;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .textH {
    width: 100%;
    padding-bottom: 0;
    background-color: transparent;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 500px) {
  .feature section.featureOverview .container .overviewContent .item .textH {
    margin-bottom: 15px;
    padding-left: 25px;
  }
}
.feature section.featureOverview .container .overviewContent .item .textH:before {
  content: "";
  background-color: #bfbfbf;
  width: 0;
  height: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -45px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .textH:before {
    display: none;
  }
}
.feature section.featureOverview .container .overviewContent .item .textWrap {
  width: auto;
  width: 55%;
  position: absolute;
  top: 42.28%;
  right: 155px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 1150px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap {
    right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap {
    position: static;
  }
}
@media only screen and (max-width: 500px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap {
    width: 75%;
  }
}
@media only screen and (max-width: 350px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap {
    width: 70%;
  }
}
.feature section.featureOverview .container .overviewContent .item .textWrap .productTitle {
  font-size: 3.125rem;
  letter-spacing: 1px;
  color: #afafaf;
  text-align: left;
  position: relative;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media only screen and (max-width: 1280px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productTitle {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productTitle {
    color: #333;
  }
}
@media only screen and (max-width: 768px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productTitle {
    font-size: 2.375rem;
  }
}
@media only screen and (max-width: 500px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productTitle {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 320px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productTitle {
    font-size: 1.75rem;
  }
}
.feature section.featureOverview .container .overviewContent .item .textWrap .productNo {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-style: Italic;
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  color: #afafaf;
  position: absolute;
  bottom: 0px;
  left: -47px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productNo {
    color: #333;
  }
}
@media only screen and (max-width: 768px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productNo {
    font-size: 1.25rem;
    left: -36px;
  }
}
.feature section.featureOverview .container .overviewContent .item .textWrap .productSubTitle {
  font-size: 1.375rem;
  letter-spacing: 1.9px;
  font-weight: 600;
  color: #333333;
  text-align: left;
  margin-top: -5px;
}
@media only screen and (max-width: 1280px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productSubTitle {
    font-size: 1.5625rem;
    margin-top: -2px;
  }
}
@media only screen and (max-width: 768px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .productSubTitle {
    font-size: 1.25rem;
    margin-top: 0;
    letter-spacing: 1.7px;
  }
}
.feature section.featureOverview .container .overviewContent .item .textWrap .homeText {
  padding-top: 20px;
  color: #333333;
  text-align: left;
  font-weight: 600;
  max-width: 346px;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.9px;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .homeText {
    display: block;
    max-width: 340px;
    padding-top: 17px;
  }
}
@media only screen and (max-width: 500px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .homeText {
    max-width: 270px;
  }
}
@media only screen and (max-width: 320px) {
  .feature section.featureOverview .container .overviewContent .item .textWrap .homeText {
    max-width: 240px;
  }
}
.feature section.featureOverview .container .overviewContent .item .imgWrap {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .imgWrap {
    width: 100%;
  }
}
.feature section.featureOverview .container .overviewContent .item .imgWrap .imgCon {
  width: 60.48%;
  max-width: 523px;
  margin-left: 92px;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item .imgWrap .imgCon {
    width: 57.48%;
    min-width: 265px;
    margin: 0 auto;
  }
}
.feature section.featureOverview .container .overviewContent .item .imgWrap .imgControl {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: #cde2f3;
}
.feature section.featureOverview .container .overviewContent .item .imgWrap .imgControl img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.feature section.featureOverview .container .overviewContent .item .imgWrap .imgControl:hover {
  -webkit-box-shadow: 1px 7px 20px #afafaf;
          box-shadow: 1px 7px 20px #afafaf;
}
.feature section.featureOverview .container .overviewContent .item .imgWrap .imgControl:hover .maskLearn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #8d8d8d;
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .textH {
  background-color: #8c8c8c;
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .textH:before {
  left: -45px;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .textH {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap {
  position: absolute;
  right: auto;
  top: 41.28%;
  left: 195px;
}
@media only screen and (max-width: 1150px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap {
    left: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap {
    position: static;
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .productTitle {
  color: #b2b2b2;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .productTitle {
    color: rgba(255, 255, 255, 0.9);
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .productNo {
  color: #b2b2b2;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .productNo {
    color: rgba(255, 255, 255, 0.9);
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .productSubTitle {
  color: #ffffff;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .productSubTitle {
    color: rgba(255, 255, 255, 0.9);
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .homeText {
  color: #ffffff;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .textWrap .homeText {
    color: rgba(255, 255, 255, 0.9);
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(even) .imgCon {
  margin-right: 92px;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(even) .imgCon {
    margin: 0 auto;
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(4n+1) {
  padding: 0 100px;
}
@media only screen and (max-width: 1366px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(4n+1) {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(4n+1) {
    padding: 0;
  }
}
.feature section.featureOverview .container .overviewContent .item:nth-child(4n) {
  padding: 0 100px;
}
@media only screen and (max-width: 1366px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(4n) {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .feature section.featureOverview .container .overviewContent .item:nth-child(4n) {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:first-child {
    padding: 160px 0 70px !important;
  }
}
@media only screen and (max-width: 500px) {
  .feature section.featureOverview .container .overviewContent .item:first-child {
    padding: 145px 0 70px !important;
  }
}
.feature section.featureOverview .container .overviewContent .item:first-child .textH {
  padding-top: 70px;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:first-child .textH {
    padding-top: 0;
  }
}
.feature section.featureOverview .container .overviewContent .item:first-child .imgWrap {
  padding-top: 70px;
}
@media only screen and (max-width: 1024px) {
  .feature section.featureOverview .container .overviewContent .item:first-child .imgWrap {
    padding-top: 0;
  }
}

.featureDetail main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.featureDetail .homeNavbar {
  background-color: #fff;
}

.featureDetail .featureHeadSwiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1921px) {
  .featureDetail .featureHeadSwiper {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper {
    background-color: #f0f0f0;
  }
}
.featureDetail .featureHeadSwiper .swiper-pagination {
  width: 100px;
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper-pagination {
    display: none;
  }
}
.featureDetail .featureHeadSwiper .swiper-pagination-featureHead.Mob {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper-pagination-featureHead.Mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  .featureDetail .featureHeadSwiper .swiper-pagination-featureHead.Mob .swiper-pagination-bullet {
    margin: 0 20px;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead {
  width: calc(100% - 100px);
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead {
    width: 100%;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .backTo {
  top: 60px;
}
@media only screen and (max-width: 1500px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .backTo {
    left: 3vw;
    top: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .backTo {
    top: 25px;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .swiper-wrapper {
  width: 100%;
}
.featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide {
  width: 100% !important;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide {
    background-color: #f0f0f0;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide > img {
    display: none;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .textWrap, .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .productTitle, .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .productSubTitle, .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .homeText {
  color: white;
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .textWrap, .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .productTitle, .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .productSubTitle, .featureDetail .featureHeadSwiper .swiper_featureHead picture.swiper-slide.textWhite .homeText {
    color: #333;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent {
  width: 100%;
  position: absolute;
  top: 18%;
  left: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1700px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media only screen and (max-width: 1280px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: 8%;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 80px 0 60px;
  }
}
@media only screen and (max-width: 500px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent {
    padding: 80px 0 50px;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .imgWrap {
  width: 22.714%;
  max-width: 377px;
  min-width: 265px;
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .imgWrap {
    width: 50.714%;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .imgWrap {
    width: 45.714%;
  }
}
@media only screen and (max-width: 500px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .imgWrap {
    width: 22.714%;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .imgWrap .imgCon {
  width: 100%;
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .imgWrap .imgControl {
  -webkit-box-shadow: 1px 7px 20px #afafaf;
          box-shadow: 1px 7px 20px #afafaf;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: #e3ebf6;
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .imgWrap .imgControl img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 53px 37px 37px;
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 0 0;
    max-width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap {
    max-width: 70%;
  }
}
@media only screen and (max-width: 500px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productTitle {
  font-size: 1.625rem;
  font-weight: 600;
  letter-spacing: 1.3px;
  line-height: 1.2;
  color: #333333;
  text-align: left;
}
@media only screen and (max-width: 1280px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productTitle {
    font-size: 1.375rem;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productSubTitle {
  font-size: 3.125rem;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 1.2px;
  line-height: 1.1;
  color: #999999;
  text-align: left;
  padding-top: 18px;
}
@media only screen and (max-width: 1280px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productSubTitle {
    font-size: 2.5rem;
    padding-top: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productSubTitle {
    color: #333;
  }
}
@media only screen and (max-width: 768px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productSubTitle {
    font-size: 2.375rem;
  }
}
@media only screen and (max-width: 500px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productSubTitle {
    font-size: 2rem;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 320px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .productSubTitle {
    font-size: 1.75rem;
  }
}
.featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .homeText {
  padding-top: 20px;
  color: #333333;
  font-weight: 600;
  text-align: left;
  font-weight: 600;
  max-width: 365px;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.9px;
}
@media only screen and (max-width: 1280px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .homeText {
    padding-top: 19px;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .homeText {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .homeText {
    min-width: 270px;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 320px) {
  .featureDetail .featureHeadSwiper .swiper_featureHead .featureHeadContent .textWrap .homeText {
    min-width: 240px;
  }
}
.featureDetail nav.featureNav {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.featureDetail nav.featureNav .featGroup {
  width: 100%;
  max-width: 386px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 500px) {
  .featureDetail nav.featureNav .featGroup {
    max-width: 100%;
    padding: 0 55px;
  }
}
@media only screen and (max-width: 320px) {
  .featureDetail nav.featureNav .featGroup {
    padding: 0 35px;
  }
}
.featureDetail nav.featureNav .featGroup a {
  color: #333333;
  letter-spacing: 1.7px;
  font-size: 1.0625rem;
  font-weight: 600;
  padding: 30px 0;
  margin: 0 18px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.featureDetail nav.featureNav .featGroup a:hover {
  color: #808080;
}
@media only screen and (max-width: 500px) {
  .featureDetail nav.featureNav .featGroup a {
    margin: 0 10px;
    white-space: nowrap;
  }
}
.featureDetail section.featureDetDesc {
  width: 100%;
  height: auto;
  background-color: #f0f0f0;
  padding-top: 120px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureDetDesc {
    padding-bottom: 30px;
    padding-top: 80px;
  }
}
.featureDetail section.featureDetDesc .articleContainer {
  width: 100%;
  max-width: 964px;
  margin: 0 auto;
}
.featureDetail section.featureCertification {
  width: 100%;
  height: auto;
  max-width: 1474px;
  margin: 0 auto;
  background-color: #626262;
  border: 1px solid rgba(209, 192, 165, 0.4);
  -webkit-box-shadow: 0px 0px 0px 23px #626262;
          box-shadow: 0px 0px 0px 23px #626262;
  padding: 120px 235px;
}
@media only screen and (max-width: 1500px) {
  .featureDetail section.featureCertification {
    padding: 120px 140px;
  }
}
@media only screen and (max-width: 1366px) {
  .featureDetail section.featureCertification {
    padding: 120px 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .featureDetail section.featureCertification {
    padding: 120px 0px;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification {
    padding: 95px 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
  }
}
@media only screen and (max-width: 500px) {
  .featureDetail section.featureCertification {
    padding: 75px 0px;
  }
}
.featureDetail section.featureCertification .innerDescWrap .chTitle, .featureDetail section.featureCertification .innerDescWrap .enTitle {
  color: #ffffff;
}
.featureDetail section.featureCertification .innerDescWrap {
  margin-bottom: 25px;
}
.featureDetail section.featureCertification .innerDescWrap .chTitle {
  font-size: 1.25rem;
}
@media only screen and (max-width: 500px) {
  .featureDetail section.featureCertification .innerDescWrap .chTitle {
    font-size: 1.125rem;
  }
}
.featureDetail section.featureCertification .innerDescWrap .enTitle {
  font-size: 2.375rem;
}
@media only screen and (max-width: 500px) {
  .featureDetail section.featureCertification .innerDescWrap .enTitle {
    font-size: 1.75rem;
  }
}
.featureDetail section.featureCertification .selectButtonWrap {
  width: 100%;
}
.featureDetail section.featureCertification .selectButtonWrap .selected {
  padding: 15px 25px 15px 20px;
  letter-spacing: 0.85px;
  border: 2px solid #c7c6c6;
  color: #888;
  background-color: transparent;
  color: white;
}
.featureDetail section.featureCertification .selectButtonWrap .selected span {
  color: #ffffff;
  right: 9px;
}
.featureDetail section.featureCertification .selectButtonWrap .selected:after {
  background-color: #fff;
}
.featureDetail section.featureCertification .selectButtonWrap .selected:hover {
  color: #D3D3D3;
}
.featureDetail section.featureCertification .selectButtonWrap .selected:hover span {
  color: #D3D3D3;
}
@media only screen and (max-width: 768px) {
  .featureDetail section.featureCertification .selectButtonWrap .selected {
    font-size: 0.75rem;
  }
}
.featureDetail section.featureCertification .selectButtonWrap .scrollInner {
  background-color: #333;
  color: white;
}
.featureDetail section.featureCertification .selectButtonWrap .scrolControl .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #eee;
}
.featureDetail section.featureCertification .selectButtonWrap .dropdownArea {
  border-color: #c7c6c6;
  background-color: #333;
}
.featureDetail section.featureCertification .selectButtonWrap .dropdownArea li {
  color: rgba(255, 255, 255, 0.8);
}
.featureDetail section.featureCertification .innerTable {
  width: 95%;
  height: auto;
  padding-top: 30px;
  color: #ffffff;
  margin: 0 auto;
}
@media only screen and (max-width: 1500px) {
  .featureDetail section.featureCertification .innerTable {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .featureDetail section.featureCertification .innerTable {
    padding-top: 5px;
  }
}
.featureDetail section.featureCertification .innerTable .tableGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 3px solid rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .tableGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 60px;
  }
}
.featureDetail section.featureCertification .innerTable .tableTitle {
  width: 30%;
  padding: 0 65px;
  font-size: 1.125rem;
  letter-spacing: 1.44px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .tableTitle {
    padding: 17px 0 17px;
    width: 100%;
    text-align: center;
  }
}
.featureDetail section.featureCertification .innerTable .listAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .listAll {
    border-top: 3px solid rgba(255, 255, 255, 0.7);
  }
}
.featureDetail section.featureCertification .innerTable .tableListGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .tableListGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.featureDetail section.featureCertification .innerTable .tableListTitle {
  font-size: 1.125rem;
  letter-spacing: 1.44px;
  padding: 0px 60px;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .tableListTitle {
    padding: 15px 0 0;
    width: 100%;
    text-align: center;
  }
}
.featureDetail section.featureCertification .innerTable .txtGroup {
  width: 100%;
}
.featureDetail section.featureCertification .innerTable .tableListTxt {
  padding: 14px 40px;
  margin: 3px 0;
  font-size: 1rem;
  letter-spacing: 1.28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 1.3;
}
.featureDetail section.featureCertification .innerTable .tableListTxt:hover {
  color: #ffcc99;
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .tableListTxt {
    margin: 0;
    padding: 15px 110px;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .featureDetail section.featureCertification .innerTable .tableListTxt {
    padding: 15px 60px;
  }
}
@media only screen and (max-width: 500px) {
  .featureDetail section.featureCertification .innerTable .tableListTxt {
    text-align: left;
    padding: 15px 8px;
  }
}
.featureDetail section.featureCertification .innerTable .tableGroup:first-child {
  border-top: 3px solid rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .tableGroup:first-child {
    border-top: none;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.featureCertification .innerTable .tableGroup:last-child {
    margin-bottom: 0;
  }
}
.featureDetail section.featureCertification .innerTable .tableListGroup:last-child {
  border-bottom: none;
}
.featureDetail section.featureCertification .innerTable .tableListTxt:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.relateAndMoreProduct .container {
    padding: 85px 0 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .featureDetail section.moreFeatureProduct .container {
    padding: 85px 0 90px;
  }
}

.product main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.product .productBanner {
  width: 100%;
  height: auto;
  padding-right: 80px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .product .productBanner {
    padding-right: 0px;
  }
}
.product .productContent {
  width: 100%;
  height: auto;
}
.product .productContent .container {
  padding: 60px 0 215px;
  width: 100%;
  max-width: 1390px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .product .productContent .container {
    padding: 60px 0 160px;
  }
}
.product .productContent .innerDescWrap {
  margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerDescWrap {
    margin-bottom: 50px;
  }
}
.product .productContent .innerContent {
  width: 100%;
}
.product .productContent .innerContent .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 300px;
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 160px;
  }
}
.product .productContent .innerContent .item:last-child {
  margin-bottom: 0;
}
.product .productContent .innerContent .item .imgWrap {
  margin-top: -50px;
  margin-right: -47px;
  position: relative;
  width: 43.88%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item .imgWrap {
    margin-right: -35px;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item .imgWrap {
    margin: 0 auto;
    width: 70%;
  }
}
@media only screen and (max-width: 500px) {
  .product .productContent .innerContent .item .imgWrap {
    width: 84%;
  }
}
.product .productContent .innerContent .item .imgWrap .imgModle {
  width: 100%;
  height: 0;
  padding-bottom: 127.86%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.product .productContent .innerContent .item .imgWrap .imgModle:hover .maskLearn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.product .productContent .innerContent .item .textModel {
  margin-bottom: -50px;
  margin-left: -47px;
  width: 56.12%;
  background-color: #8c8c8c;
  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;
  padding-left: 260px;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-top: 15px;
}
@media only screen and (max-width: 1366px) {
  .product .productContent .innerContent .item .textModel {
    padding-left: 240px;
  }
}
@media only screen and (max-width: 1280px) {
  .product .productContent .innerContent .item .textModel {
    padding-left: 230px;
  }
}
@media only screen and (max-width: 1180px) {
  .product .productContent .innerContent .item .textModel {
    padding-left: 165px;
  }
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item .textModel {
    padding-left: 148px;
    margin-left: -35px;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item .textModel {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding: 170px 115px 70px;
    margin-top: -145px;
  }
}
@media only screen and (max-width: 500px) {
  .product .productContent .innerContent .item .textModel {
    padding: 170px 55px 70px;
  }
}
.product .productContent .innerContent .item .textModel .textWrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.product .productContent .innerContent .item .textModel .textWrap:hover .productTitle, .product .productContent .innerContent .item .textModel .textWrap:hover .productNo {
  color: #fff;
}
.product .productContent .innerContent .item .textModel .productTitle {
  width: 100%;
  font-size: 3.125rem;
  letter-spacing: 1px;
  color: #b2b2b2;
  text-align: left;
  position: relative;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item .textModel .productTitle {
    font-size: 2.625rem;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item .textModel .productTitle {
    font-size: 2rem;
    color: #fff;
  }
}
@media only screen and (max-width: 320px) {
  .product .productContent .innerContent .item .textModel .productTitle {
    font-size: 1.5625rem;
  }
}
.product .productContent .innerContent .item .textModel .productTitle:before {
  content: "";
  width: 140px;
  height: 1px;
  background-color: #bfbfbf;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 575px;
  z-index: 3;
  margin: 0 6px;
}
@media only screen and (max-width: 1300px) {
  .product .productContent .innerContent .item .textModel .productTitle:before {
    right: 525px;
  }
}
@media only screen and (max-width: 1180px) {
  .product .productContent .innerContent .item .textModel .productTitle:before {
    display: none;
  }
}
.product .productContent .innerContent .item .textModel .productNo {
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-style: Italic;
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  color: #b2b2b2;
  position: absolute;
  bottom: 9px;
  left: -45px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item .textModel .productNo {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item .textModel .productNo {
    font-size: 1.25rem;
    left: -33px;
    color: #fff;
  }
}
@media only screen and (max-width: 320px) {
  .product .productContent .innerContent .item .textModel .productNo {
    font-size: 1.125rem;
  }
}
.product .productContent .innerContent .item .textModel .productSubTitle {
  font-size: 1.375rem;
  letter-spacing: 1.9px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
  max-width: 320px;
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item .textModel .productSubTitle {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item .textModel .productSubTitle {
    font-size: 1.125rem;
    padding-top: 4px;
  }
}
@media only screen and (max-width: 320px) {
  .product .productContent .innerContent .item .textModel .productSubTitle {
    font-size: 1.0625rem;
  }
}
.product .productContent .innerContent .item .textModel .homeText {
  padding-top: 27px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  max-width: 393px;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.65px;
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item .textModel .homeText {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item .textModel .homeText {
    font-size: 0.875rem;
    max-width: 100%;
    padding-top: 16px;
  }
}
@media only screen and (max-width: 320px) {
  .product .productContent .innerContent .item .textModel .homeText {
    font-size: 0.8125rem;
  }
}
.product .productContent .innerContent .item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.product .productContent .innerContent .item:nth-child(even) .imgWrap {
  margin-top: -50px;
  margin-left: -47px;
  margin-right: unset;
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item:nth-child(even) .imgWrap {
    margin-left: -35px;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item:nth-child(even) .imgWrap {
    margin: 0 auto;
    width: 70%;
  }
}
@media only screen and (max-width: 500px) {
  .product .productContent .innerContent .item:nth-child(even) .imgWrap {
    width: 84%;
  }
}
.product .productContent .innerContent .item:nth-child(even) .textModel {
  margin-bottom: -50px;
  margin-right: -47px;
  margin-left: unset;
  padding-left: 171px;
  background-color: #f0f0f0;
}
@media only screen and (max-width: 1366px) {
  .product .productContent .innerContent .item:nth-child(even) .textModel {
    padding-left: 133px;
  }
}
@media only screen and (max-width: 1280px) {
  .product .productContent .innerContent .item:nth-child(even) .textModel {
    padding-left: 108px;
    padding-right: 108px;
  }
}
@media only screen and (max-width: 1180px) {
  .product .productContent .innerContent .item:nth-child(even) .textModel {
    padding-left: 75px;
    padding-right: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item:nth-child(even) .textModel {
    padding-left: 80px;
    padding-right: 100px;
    margin-right: -35px;
  }
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item:nth-child(even) .textModel {
    width: 100%;
    padding-left: 0;
    margin-right: 0;
    padding: 170px 115px 70px;
    margin-top: -145px;
  }
}
@media only screen and (max-width: 500px) {
  .product .productContent .innerContent .item:nth-child(even) .textModel {
    padding: 170px 55px 70px;
  }
}
.product .productContent .innerContent .item:nth-child(even) .productSubTitle, .product .productContent .innerContent .item:nth-child(even) .homeText {
  color: #333333;
}
@media only screen and (max-width: 768px) {
  .product .productContent .innerContent .item:nth-child(even) .productTitle, .product .productContent .innerContent .item:nth-child(even) .productNo {
    color: #333333;
  }
}
.product .productContent .innerContent .item:nth-child(even) .textWrap:hover .productTitle, .product .productContent .innerContent .item:nth-child(even) .textWrap:hover .productNo {
  color: #333333;
}
.product .productContent .innerContent .item:nth-child(even) .productTitle:before {
  left: 460px;
  right: initial;
}
@media only screen and (max-width: 1280px) {
  .product .productContent .innerContent .item:nth-child(even) .productTitle:before {
    left: 440px;
  }
}
@media only screen and (max-width: 1180px) {
  .product .productContent .innerContent .item:nth-child(even) .productTitle:before {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item:nth-child(even) .productTitle:before {
    display: none;
  }
}

.productDetail main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.productDetail section.productDetBanner.removeFixed .reservation, .productDetail section.productDetBanner.removeFixed ul.styleGroup, .productDetail section.productDetBanner.removeFixed .otherGroup, .productDetail section.productDetBanner.removeFixed .swiper-pagination-productDetail {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.productDetail section.productDetBanner.removeFixed .reservation {
  -webkit-transform: translateX(-500px) !important;
      -ms-transform: translateX(-500px) !important;
          transform: translateX(-500px) !important;
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}
.productDetail section.productDetBanner.removeFixed .swiper-pagination-productDetail {
  -webkit-transform: translateX(500px) !important;
      -ms-transform: translateX(500px) !important;
          transform: translateX(500px) !important;
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}

.productDetail section.productDetBanner {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 100px;
}
@media only screen and (min-width: 1921px) {
  .productDetail section.productDetBanner {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .productDetail section.productDetBanner {
    padding-right: 80px;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner {
    padding-right: 0;
    padding-left: 0;
  }
}
.productDetail section.productDetBanner .mobBtnGroup {
  display: none;
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .mobBtnGroup {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 100;
  }
  .productDetail section.productDetBanner .mobBtnGroup .reservationMob, .productDetail section.productDetBanner .mobBtnGroup .chooseColorMob {
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    line-height: 50px;
    height: 50px;
    letter-spacing: 2.1px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 400px) {
  .productDetail section.productDetBanner .mobBtnGroup .reservationMob, .productDetail section.productDetBanner .mobBtnGroup .chooseColorMob {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .mobBtnGroup .reservationMob {
    background-color: #7d7d7d;
  }
  .productDetail section.productDetBanner .mobBtnGroup .reservationMob:hover {
    background-color: #333;
  }
  .productDetail section.productDetBanner .mobBtnGroup .chooseColorMob {
    background-color: #535353;
  }
  .productDetail section.productDetBanner .mobBtnGroup .chooseColorMob:hover {
    background-color: #333;
  }
}
.productDetail section.productDetBanner .reservation {
  position: fixed;
  top: 55%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100px;
  height: auto;
  padding: 40px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #dcdcdc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  cursor: pointer;
}
.productDetail section.productDetBanner .reservation:hover {
  background-color: #C0C0C0;
}
@media only screen and (max-width: 991px) {
  .productDetail section.productDetBanner .reservation {
    width: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .reservation {
    display: none;
  }
}
.productDetail section.productDetBanner .reservation .titWrap {
  width: 100%;
  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;
  line-height: 1.2;
  pointer-events: none;
}
.productDetail section.productDetBanner .reservation .enTit {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: mixed;
  letter-spacing: 0.9px;
  color: #828181;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
}
.productDetail section.productDetBanner .reservation .chTit {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-size: 1.125rem;
  letter-spacing: 4px;
  color: #333333;
  font-weight: bold;
  margin-left: 5px;
  margin-bottom: -12px;
}
.productDetail section.productDetBanner .swiperContent {
  width: 100%;
  height: auto;
  background-color: #F5F5F5;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .swiperContent {
    background-color: transparent;
  }
}
.productDetail section.productDetBanner .swiperContent .swiperGroup {
  width: 100%;
  height: auto;
}
.productDetail section.productDetBanner .swiperContent .productDetail_swiper {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .swiperContent .productDetail_swiper {
    padding-bottom: 35px;
  }
}
.productDetail section.productDetBanner .swiperContent picture {
  width: 100%;
  height: 0;
  padding-bottom: 150.6%;
  position: relative;
  overflow: hidden;
}
.productDetail section.productDetBanner .swiperContent picture img {
  position: absolute;
  top: 0;
  left: 0;
}
.productDetail section.productDetBanner .swiperContent .swiper-pagination-productDetail {
  position: fixed;
  left: auto;
  bottom: auto;
  right: 0;
  top: 55%;
  width: 100px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1921px) {
  .productDetail section.productDetBanner .swiperContent .swiper-pagination-productDetail {
    position: absolute;
  }
}
@media only screen and (max-width: 991px) {
  .productDetail section.productDetBanner .swiperContent .swiper-pagination-productDetail {
    width: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .swiperContent .swiper-pagination-productDetail {
    position: absolute;
    display: block;
    top: auto;
    right: 50%;
    -webkit-transform: translate(50%);
        -ms-transform: translate(50%);
            transform: translate(50%);
    bottom: -5px;
    width: 100%;
  }
}
.productDetail section.productDetBanner .swiperContent .swiper-pagination-bullet {
  margin: 18px 0;
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .swiperContent .swiper-pagination-bullet {
    margin: 0 18px;
  }
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup {
  position: fixed;
  left: calc(100px + 6vw);
  bottom: 30px;
  z-index: 3;
  width: 55px;
  height: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productDetBanner .swiperContent ul.styleGroup {
    left: calc(100px + 4vw);
    bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .swiperContent ul.styleGroup {
    display: none;
  }
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup li {
  width: 50px;
  height: 50px;
  margin-bottom: 14px;
  border: 3px #fff solid;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup li:hover {
  background-color: #000000;
  -webkit-transform: translate(-3px, -5px);
      -ms-transform: translate(-3px, -5px);
          transform: translate(-3px, -5px);
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup li .imgControl {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: #e3ebf6;
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup li .imgControl img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup a.plusBtn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #333333;
  position: relative;
  border: none;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup a.plusBtn:hover {
  background-color: #000000;
  -webkit-transform: translate(-3px, -5px);
      -ms-transform: translate(-3px, -5px);
          transform: translate(-3px, -5px);
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup a.plusBtn:before, .productDetail section.productDetBanner .swiperContent ul.styleGroup a.plusBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup a.plusBtn:before {
  width: 19px;
  height: 1px;
}
.productDetail section.productDetBanner .swiperContent ul.styleGroup a.plusBtn:after {
  width: 1px;
  height: 19px;
}
.productDetail section.productDetBanner .swiperContent .otherGroup {
  position: fixed;
  top: 162px;
  left: calc(100px + 6vw);
  z-index: 8;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1366px) {
  .productDetail section.productDetBanner .swiperContent .otherGroup {
    top: 130px;
  }
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productDetBanner .swiperContent .otherGroup {
    left: calc(100px + 4vw);
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.productDetBanner .swiperContent .otherGroup {
    position: absolute;
    left: 30px;
    top: 25px;
  }
}
@media only screen and (max-width: 450px) {
  .productDetail section.productDetBanner .swiperContent .otherGroup {
    left: 15px;
    top: 15px;
  }
}
.productDetail section.productDetBanner .swiperContent .otherGroup.moveTop {
  top: 40px;
}
.productDetail section.productDetBanner .swiperContent .otherGroup .backTo {
  position: static;
  margin-bottom: 17px;
}
@media only screen and (min-width: 1921px) {
  .productDetail section.productDetBanner .swiperContent .otherGroup .backTo {
    background-color: #666;
    color: #fff;
  }
}
.productDetail section.productDetBanner .swiperContent .otherGroup .dropDown {
  width: 60px;
  height: 60px;
  font-size: 28px;
  color: #ffffff;
  background-color: #666666;
  border-radius: 50%;
  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;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.productDetail section.productDetBanner .swiperContent .otherGroup .dropDown:hover {
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productDetBanner .swiperContent .otherGroup .dropDown {
    display: none;
  }
}
.productDetail nav.productDetNav {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.productDetail nav.productDetNav .productListGroup {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .productDetail nav.productDetNav .productListGroup {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.productDetail nav.productDetNav .productListGroup a {
  color: #333333;
  letter-spacing: 1.7px;
  font-size: 1.0625rem;
  font-weight: 600;
  padding: 30px 0;
  margin: 0 18px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.productDetail nav.productDetNav .productListGroup a:hover {
  color: #808080;
}
@media only screen and (max-width: 768px) {
  .productDetail nav.productDetNav .productListGroup a {
    padding: 30px 18px 20px;
    margin: auto;
    white-space: nowrap;
  }
}
.productDetail section.productProfile {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.productDetail section.productProfile .container {
  width: 100%;
  max-width: 900px;
  padding: 100px 0 35px;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productProfile .container {
    padding: 60px 0 30px;
  }
}
.productDetail section.productProfile .textWrap {
  width: 100%;
  height: auto;
  margin-bottom: 75px;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productProfile .textWrap {
    margin-bottom: 50px;
    padding: 0 30px;
  }
}
.productDetail section.productProfile .textWrap .productTitle {
  font-size: 1.625rem;
  letter-spacing: 1.3px;
  color: #333333;
  margin-bottom: 8px;
  font-weight: bold;
}
@media only screen and (max-width: 500px) {
  .productDetail section.productProfile .textWrap .productTitle {
    font-size: 1.25rem;
    letter-spacing: 1.8px;
  }
}
.productDetail section.productProfile .textWrap .productSubTitle {
  font-size: 2.8125rem;
  letter-spacing: 0.9px;
  color: #999999;
  margin-bottom: 30px;
}
@media only screen and (max-width: 500px) {
  .productDetail section.productProfile .textWrap .productSubTitle {
    font-size: 2.125rem;
    letter-spacing: 0.68px;
  }
}
.productDetail section.productProfile .textWrap .homeText {
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.7px;
  color: #333333;
  width: 100%;
  max-width: 534px;
  padding-top: 0;
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productProfile .textWrap .homeText {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .productDetail section.productProfile .textWrap .homeText {
    font-size: 0.875rem;
    letter-spacing: 0.12px;
    text-align: center;
  }
}
.productDetail section.productProfile .textWrap .homeText:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -18px;
  width: 46px;
  height: 1px;
  background-color: #bababa;
}
.productDetail section.productProfile .productExcellence {
  width: 100%;
  height: auto;
  text-align: center;
}
.productDetail section.productProfile .productExcellence .title {
  font-size: 1.0625rem;
  letter-spacing: 2px;
  color: #666666;
  text-align: center;
  font-weight: bold;
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 auto 32px;
  padding-top: 6px;
}
.productDetail section.productProfile .productExcellence .title:before, .productDetail section.productProfile .productExcellence .title:after {
  content: "";
  position: absolute;
  width: 245px;
  height: 1px;
  background-color: #bababa;
}
@media only screen and (max-width: 768px) {
  .productDetail section.productProfile .productExcellence .title:before, .productDetail section.productProfile .productExcellence .title:after {
    width: 190px;
  }
}
@media only screen and (max-width: 600px) {
  .productDetail section.productProfile .productExcellence .title:before, .productDetail section.productProfile .productExcellence .title:after {
    width: 100px;
  }
}
@media only screen and (max-width: 400px) {
  .productDetail section.productProfile .productExcellence .title:before, .productDetail section.productProfile .productExcellence .title:after {
    width: 80px;
  }
}
@media only screen and (max-width: 320px) {
  .productDetail section.productProfile .productExcellence .title:before, .productDetail section.productProfile .productExcellence .title:after {
    width: 60px;
  }
}
.productDetail section.productProfile .productExcellence .title:before {
  top: 50%;
  right: calc(100% + 20px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.productDetail section.productProfile .productExcellence .title:after {
  top: 50%;
  left: calc(100% + 20px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.productDetail section.productProfile .productExcellence .imgWrap {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.productDetail section.productProfile .productExcellence .imgWrap .wrap {
  width: 95px;
  height: 95px;
  margin: 0 30px 60px;
}
@media only screen and (max-width: 400px) {
  .productDetail section.productProfile .productExcellence .imgWrap .wrap {
    margin: 0 15px 70px;
  }
}
.productDetail section.productProfile .productExcellence .imgWrap img {
  border: 1px solid #bababa;
  border-radius: 50%;
  padding: 15px;
}
.productDetail section.productProfile .productExcellence .imgWrap img:hover {
  border: 1px solid #666666;
}
.productDetail section.productProfile .productExcellence .imgWrap p {
  margin-top: 18px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  font-size: 1.0625rem;
  letter-spacing: 0.85px;
}
.productDetail section.productDetDesc {
  width: 100%;
  height: auto;
  padding-top: 120px;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productDetDesc {
    padding-top: 80px;
  }
}
.productDetail section.productDetDesc .articleContainer {
  width: 100%;
  max-width: 964px;
  margin: 0 auto;
}

.productDetail section.moreFeatureProduct .container {
  padding-top: 150px;
  padding-bottom: 157px;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.moreFeatureProduct .container {
    padding-top: 110px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.moreFeatureProduct .container {
    padding-top: 50px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.moreFeatureProduct .container .innerDescWrap {
    margin-bottom: 10px;
  }
}
.productDetail section.productEffect {
  margin-bottom: 210px;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.productEffect {
    margin-bottom: 125px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.productEffect {
    margin-bottom: 105px;
  }
}
.productDetail section.productEffect .text {
  cursor: pointer;
}
.productDetail section.productEffect .innerDescWrap {
  margin-bottom: 45px;
}
@media only screen and (max-width: 768px) {
  .productDetail section.productEffect .innerDescWrap {
    margin-bottom: 27px;
  }
}
.productDetail section.productEffect .innerDescWrap .chTitle {
  font-size: 1.25rem;
  margin-bottom: 8px;
}
@media only screen and (max-width: 500px) {
  .productDetail section.productEffect .innerDescWrap .chTitle {
    font-size: 1.125rem;
  }
}
.productDetail section.productEffect .innerDescWrap .enTitle {
  font-size: 2.375rem;
}
@media only screen and (max-width: 500px) {
  .productDetail section.productEffect .innerDescWrap .enTitle {
    font-size: 1.75rem;
  }
}
.productDetail section.relateAndMoreProduct .container {
  padding: 150px 0 155px;
}
@media only screen and (max-width: 1024px) {
  .productDetail section.relateAndMoreProduct .container {
    padding: 85px 0 90px;
  }
}
@media only screen and (max-width: 768px) {
  .productDetail section.relateAndMoreProduct .container {
    padding: 80px 0 90px;
  }
}

body.en section.productDetBanner .reservation .chTit {
  display: none;
}

.expert main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.expert footer {
  margin-top: -25px;
}
@media only screen and (max-width: 768px) {
  .expert footer {
    margin-top: 0px;
  }
}

.expert section.expertBan {
  padding-right: 80px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .expert section.expertBan {
    padding-right: 0px;
  }
}
.expert section.expertBan .innerBanTextWrap {
  max-width: 450px;
}
.expert section.expertOverview {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview {
    margin-bottom: 15px;
  }
}
.expert section.expertOverview .container {
  position: relative;
  padding-top: 60px;
  max-width: 1460px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .expert section.expertOverview .container .innerDescWrap .chTitle {
    font-size: 0.9375rem;
  }
  .expert section.expertOverview .container .innerDescWrap .enTitle {
    font-size: 1.375rem;
  }
}
.expert section.expertOverview .container .selectButtonWrap {
  position: relative;
  z-index: 1;
  margin-top: 32px;
  margin-bottom: 105px;
}
.expert section.expertOverview .container .selectButtonWrap .scrolControl .selected {
  padding: 17px 40px 12px 10px;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container .selectButtonWrap {
    margin-top: 20px;
    margin-bottom: 60px;
  }
}
.expert section.expertOverview .container .mainContent {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.expert section.expertOverview .container .mainContent .cardControl {
  width: 25%;
  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;
  position: relative;
  padding: 0 20px;
  margin-bottom: 200px;
}
.expert section.expertOverview .container .mainContent .cardControl:only-child {
  width: 100%;
}
.expert section.expertOverview .container .mainContent .cardControl:nth-child(1):nth-last-child(2), .expert section.expertOverview .container .mainContent .cardControl:nth-child(2):nth-last-child(1) {
  width: 50%;
}
.expert section.expertOverview .container .mainContent .cardControl:nth-child(1):nth-last-child(3), .expert section.expertOverview .container .mainContent .cardControl:nth-child(2):nth-last-child(2), .expert section.expertOverview .container .mainContent .cardControl:nth-child(3):nth-last-child(1) {
  width: 33.3333333333%;
}
@media only screen and (max-width: 1280px) {
  .expert section.expertOverview .container .mainContent .cardControl {
    width: 33.3333333333%;
    margin-bottom: 180px;
  }
}
@media only screen and (max-width: 1024px) {
  .expert section.expertOverview .container .mainContent .cardControl {
    width: 50%;
    margin-bottom: 160px;
  }
  .expert section.expertOverview .container .mainContent .cardControl:nth-child(1):nth-last-child(3), .expert section.expertOverview .container .mainContent .cardControl:nth-child(2):nth-last-child(2), .expert section.expertOverview .container .mainContent .cardControl:nth-child(3):nth-last-child(1) {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container .mainContent .cardControl {
    width: 100% !important;
    margin-bottom: 100px;
  }
}
.expert section.expertOverview .container .mainContent .card {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.expert section.expertOverview .container .mainContent .card .imgControl {
  width: 200px;
  margin-bottom: 35px;
}
.expert section.expertOverview .container .mainContent .card .imgControl .imgWrap {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.expert section.expertOverview .container .mainContent .card .imgControl img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.expert section.expertOverview .container .mainContent .card .textControl {
  width: 100%;
  height: auto;
  max-width: 245px;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container .mainContent .card .textControl {
    max-width: 270px;
  }
}
.expert section.expertOverview .container .mainContent .card .textControl .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 8px;
}
.expert section.expertOverview .container .mainContent .card .textControl .title .name {
  font-size: 1.3125rem;
  letter-spacing: 0.84px;
  line-height: normal;
  color: #000;
  font-weight: bold;
  display: block;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container .mainContent .card .textControl .title .name {
    font-size: 1.1875rem;
    letter-spacing: 0.76px;
    line-height: normal;
    color: #000;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .expert section.expertOverview .container .mainContent .card .textControl .title .name {
    font-weight: normal;
  }
}
.expert section.expertOverview .container .mainContent .card .textControl .title .job {
  font-size: 0.9375rem;
  letter-spacing: 0.84px;
  line-height: normal;
  color: #000;
  display: block;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container .mainContent .card .textControl .title .job {
    font-size: 0.9375rem;
    letter-spacing: 0.76px;
    line-height: normal;
    color: #000;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .expert section.expertOverview .container .mainContent .card .textControl .title .job {
    font-weight: normal;
  }
}
.expert section.expertOverview .container .mainContent .card .textControl .desc {
  margin-bottom: 20px;
  max-width: 245px;
  font-weight: 600;
  overflow: hidden;
  font-size: 0.9375rem;
  letter-spacing: 0.15px;
  line-height: 1.5625rem;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 4.6875rem;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container .mainContent .card .textControl .desc {
    font-size: 0.875rem;
    letter-spacing: 0.14px;
    line-height: 1.5rem;
    color: #333;
    max-width: 270px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .expert section.expertOverview .container .mainContent .card .textControl .desc {
    font-weight: normal;
  }
}
.expert section.expertOverview .container .mainContent .card .textControl .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  background-color: #fff;
}
.expert section.expertOverview .container .mainContent .card .textControl .sub:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 3px;
  background-color: #000;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
  z-index: 0;
}
.expert section.expertOverview .container .mainContent .card .textControl .sub .mode {
  font-size: 0.875rem;
  letter-spacing: 1.12px;
  line-height: normal;
  color: #000;
  display: block;
  font-weight: 600;
  background-color: #fff;
  position: relative;
  padding: 0 4px 0 10px;
  z-index: 2;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .expert section.expertOverview .container .mainContent .card .textControl .sub .mode {
    font-weight: normal;
  }
}
.expert section.expertOverview .container .mainContent .card .textControl .sub .en {
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  line-height: normal;
  color: #666;
  display: block;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.expert section.expertOverview .container .mainContent .cardControl .card:hover .textControl .sub::before {
  background-color: #cdcdcd;
}
.expert section.expertOverview .container .mainContent .cardControl .card:hover .maskLearn {
  opacity: 1;
}
.expert section.expertOverview .container .mainContent .cardControl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 1px;
  height: 100%;
  background-color: #D3D3D3;
}
@media only screen and (max-width: 768px) {
  .expert section.expertOverview .container .mainContent .cardControl::after {
    display: none !important;
  }
}
.expert section.expertOverview .container .mainContent .cardControl:last-child:after {
  display: none !important;
}
.expert section.expertOverview .container .mainContent .cardControl:nth-child(4n):after {
  display: none;
}
.expert section.expertOverview .container .mainContent .cardControl:only-child:after {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .expert section.expertOverview .container .mainContent .cardControl:nth-child(4n):after {
    display: block;
  }
  .expert section.expertOverview .container .mainContent .cardControl:nth-child(3n):after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .expert section.expertOverview .container .mainContent .cardControl:nth-child(3n):after {
    display: block;
  }
  .expert section.expertOverview .container .mainContent .cardControl:nth-child(even):after {
    display: none;
  }
}

.expertDetail main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.expertDetail .homeNavbar {
  background-color: #fff;
}

.expertDetail section.experDetailBanner {
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (min-width: 2000px) {
  .expertDetail section.experDetailBanner {
    max-width: 1720px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1400px) {
  .expertDetail section.experDetailBanner {
    padding-left: 0;
    padding-right: 0;
  }
}
.expertDetail section.experDetailBanner .backTo {
  top: 60px;
  left: 3vw;
}
@media only screen and (max-width: 1280px) {
  .expertDetail section.experDetailBanner .backTo {
    top: 25px;
  }
}
.expertDetail section.experDetailBanner .container {
  width: 100%;
  height: auto;
  position: relative;
  background-image: url("../img/other/expertDetailBG.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.expertDetail section.experDetailBanner .containerWrap {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 180px 95px 170px 175px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1600px) {
  .expertDetail section.experDetailBanner .containerWrap {
    padding: 180px 40px 170px 100px;
  }
}
@media only screen and (max-width: 1400px) {
  .expertDetail section.experDetailBanner .containerWrap {
    padding: 180px 30px 55px 150px;
  }
}
@media only screen and (max-width: 1366px) {
  .expertDetail section.experDetailBanner .containerWrap {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 120px 0px 55px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1280px) {
  .expertDetail section.experDetailBanner .containerWrap {
    padding: 80px 0px 55px;
  }
}
@media only screen and (max-width: 1024px) {
  .expertDetail section.experDetailBanner .containerWrap {
    padding: 80px 25px 55px;
  }
}
@media only screen and (max-width: 768px) {
  .expertDetail section.experDetailBanner .containerWrap {
    padding: 80px 25px 15px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap {
  width: 49.3%;
}
@media only screen and (max-width: 1366px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap {
    width: 100%;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 38px;
  padding-left: 7px;
}
@media only screen and (max-width: 768px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .le {
  font-size: 0px;
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .le {
    margin-bottom: 6px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .name {
  display: inline-block;
  margin-right: 15px;
  font-size: 2.125rem;
  letter-spacing: 1.7px;
  line-height: normal;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .name {
    font-size: 1.5rem;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .job {
  display: inline-block;
  font-size: 2rem;
  letter-spacing: 1.7px;
  line-height: normal;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .job {
    font-size: 1.25rem;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .ri {
  font-size: 0px;
  padding-bottom: 8px;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .chMode {
  font-size: 0.875rem;
  letter-spacing: 1.12px;
  line-height: normal;
  color: #ccc;
  margin-right: 5px;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameTitle .enMode {
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  line-height: normal;
  color: #999;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 45px 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 35px 30px 25px;
    margin-bottom: 40px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience .le {
  padding-right: 40px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience .le {
    padding-right: 0;
    text-align: center;
    padding-bottom: 10px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience .le:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 100%;
  width: 1px;
  height: 160%;
  background-color: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 768px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience .le:after {
    display: none;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience .chExperience {
  white-space: nowrap;
  font-size: 1.0625rem;
  letter-spacing: 6.8px;
  line-height: normal;
  color: #ccc;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience .enExperience {
  white-space: nowrap;
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  line-height: normal;
  color: #fff;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience ul.ri {
  padding-left: 45px;
}
@media only screen and (max-width: 768px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience ul.ri {
    padding-top: 22px;
    padding-left: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .mainExperience li {
  font-size: 0.9375rem;
  letter-spacing: 1.05px;
  line-height: 1.5;
  color: #fff;
  list-style-type: decimal;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameDesc {
  width: 100%;
  height: auto;
  max-height: 480px;
  padding-right: 22px;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameDesc .descControl {
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameDesc .descControl {
    margin-bottom: 35px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameDesc .title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameDesc .title {
    margin-bottom: 6px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .nameDesc .desc {
  font-size: 0.9375rem;
  letter-spacing: 1.05px;
  line-height: 1.6;
  color: #ccc;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #333;
  opacity: 0.4;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailTextWrap .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #e0e0e0;
  opacity: 0.4;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap {
  width: 51.7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 85px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1600px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 260px;
  }
}
@media only screen and (max-width: 1400px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1366px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap {
    padding-bottom: 30px;
    padding-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap {
    padding-bottom: 20px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination {
  width: 25px;
}
@media only screen and (max-width: 1600px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination {
    margin-top: -45px;
  }
}
@media only screen and (max-width: 1366px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination {
    margin-top: 20px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination-bullet {
  margin: 20px auto;
  opacity: 0.5;
}
@media only screen and (max-width: 1600px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination-bullet {
    margin: 0 18px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .swiper-pagination-bullet-active {
  background: #ccc;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .expertDetailImgWrapSwiper {
  width: 100%;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .expertDetailImgWrapSwiper .swiper-slide {
  width: 100%;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .expertDetailImgWrapSwiper .imgWrap {
  width: 88.62%;
  max-width: 560px;
}
@media only screen and (max-width: 1500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .expertDetailImgWrapSwiper .imgWrap {
    max-width: 376px;
  }
}
@media only screen and (max-width: 500px) {
  .expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .expertDetailImgWrapSwiper .imgWrap {
    max-width: 265px;
  }
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .expertDetailImgWrapSwiper .imgControl {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.expertDetail section.experDetailBanner .containerWrap .expertDetailImgWrap .expertDetailImgWrapSwiper .imgControl img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.expertDetail section.expertDetailIntroduction {
  width: 100%;
  height: auto;
  background-color: #f0f0f0;
  margin-top: -80px;
}
@media only screen and (max-width: 1400px) {
  .expertDetail section.expertDetailIntroduction {
    margin-top: 0;
  }
}
.expertDetail section.expertDetailIntroduction .articleContainer {
  position: relative;
  padding-top: 200px;
  padding-bottom: 80px;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
  .expertDetail section.expertDetailIntroduction .articleContainer {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .expertDetail section.expertDetailIntroduction .articleContainer {
    max-width: 100%;
    padding-bottom: 125px;
  }
}
@media only screen and (max-width: 900px) {
  .expertDetail section.expertDetailIntroduction .articleContainer {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .expertDetail section.expertDetailIntroduction .articleContainer {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .expertDetail section.expertDetailIntroduction .articleContainer {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .expertDetail .moreFeatureProduct .container {
    padding: 80px 0 90px;
  }
}

.contact main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.contact section.contactAll {
  padding-right: 80px;
  margin-bottom: 110px;
}
@media only screen and (min-width: 1921px) {
  .contact section.contactAll {
    max-width: 2560px;
    margin: 0 auto 110px;
  }
}
@media only screen and (max-width: 1500px) {
  .contact section.contactAll {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll {
    margin-bottom: 110px;
  }
}
.contact section.contactAll .contactWrap {
  width: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/other/contactBG.jpg");
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .contactWrap {
    background-position: center;
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .contactWrap {
    background-image: none !important;
  }
}
.contact section.contactAll .container .innerBGWrap {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  background-image: none;
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerBGWrap {
    width: 100%;
    height: 400px;
    margin-bottom: 60px;
    background-color: #fff;
    background-position: 80% 11%;
    background-repeat: no-repeat;
    background-size: 120%;
    background-image: url("../img/other/contactBG.jpg");
  }
}
@media only screen and (max-width: 1024px) and (max-width: 768px) {
  .contact section.contactAll .container .innerBGWrap {
    margin-bottom: 40px;
    background-size: 300%;
    background-position: 100% 27%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .contact section.contactAll .container .innerBGWrap {
    background-image: url("../img/other/contactBGMob.jpg");
    background-size: cover;
    background-position: bottom center;
    height: 285px;
  }
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap {
  position: fixed;
  top: 45%;
  -webkit-transform: translateY(calc(-50% - 0.5px));
      -ms-transform: translateY(calc(-50% - 0.5px));
          transform: translateY(calc(-50% - 0.5px));
  left: 16vw;
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1700px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap {
    left: 10vw;
  }
}
@media only screen and (max-width: 1500px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap {
    left: 80px;
  }
}
@media only screen and (max-width: 1120px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap {
    left: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap {
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 35%;
    left: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap {
    top: 45%;
    left: 30px;
  }
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap.removed {
  opacity: 0;
  pointer-events: none;
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .enTitle {
  font-size: 3.375rem;
  letter-spacing: 1.08px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap .enTitle {
    text-align: left;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap .enTitle {
    font-size: 2.125rem;
    margin-bottom: 5px;
  }
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .chTitle {
  text-align: left;
  padding-left: 5px;
  margin-bottom: 30px;
  font-size: 1.5625rem;
  letter-spacing: 2px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap .chTitle {
    font-size: 1rem;
  }
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup {
  padding-left: 5px;
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup a {
  display: inline-block;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 1rem;
  letter-spacing: 1.44px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup a {
    font-size: 0.875rem;
  }
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup a:hover {
  color: #000;
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup a:nth-child(1) {
  padding-right: 22px;
  position: relative;
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup a:nth-child(1):after {
  content: "/";
  position: absolute;
  right: -6px;
  top: 60%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #aaaaaa;
  font-size: 1.5625rem;
  font-weight: normal;
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup a:nth-child(1):after {
    font-size: 1.25rem;
  }
}
.contact section.contactAll .container .innerBGWrap .innerDescWrap .moveGroup a:nth-child(2) {
  padding-left: 22px;
}
.contact section.contactAll .container {
  width: 100%;
  max-width: 1240px;
  padding: 135px 0 165px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media only screen and (max-width: 1500px) {
  .contact section.contactAll .container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
}
.contact section.contactAll .container .innerContent {
  width: 915px;
  height: auto;
  position: relative;
  left: 4vw;
}
@media only screen and (max-width: 1500px) {
  .contact section.contactAll .container .innerContent {
    left: 10vw;
  }
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent {
    width: 700px;
    left: 14vw;
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerContent {
    width: 100%;
    left: auto;
  }
}
.contact section.contactAll .container .innerContent .topSection {
  width: 810px;
  height: 100vh;
  margin: 0 auto;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .topSection {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerContent .topSection {
    width: 80%;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .topSection {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .topSection {
    width: 90%;
  }
}
.contact section.contactAll .container .innerContent .headerContact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 65px;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .headerContact {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerContent .headerContact {
    margin-bottom: 40px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.contact section.contactAll .container .innerContent .headerContact .en {
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  line-height: normal;
  color: #666;
}
.contact section.contactAll .container .innerContent .headerContact .ch {
  display: inline-block;
  font-weight: bolder;
  margin-right: 45px;
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  line-height: normal;
  color: #000;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .headerContact .ch {
    margin-right: 0;
  }
}
.contact section.contactAll .container .innerContent .headerContact .no {
  display: inline-block;
  font-weight: bold;
  font-size: 1.4375rem;
  letter-spacing: 0.23px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .headerContact .no {
    display: block;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .headerContact .no {
    padding-top: 10px;
  }
}
.contact section.contactAll .container .innerContent .headerContact .otherDesc {
  position: absolute;
  right: 50%;
  bottom: -30px;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  font-weight: bold;
  display: block;
  text-align: center;
  width: 90%;
  font-size: 0.875rem;
  letter-spacing: 1.12px;
  line-height: normal;
  color: #666;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .headerContact .otherDesc {
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    bottom: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .headerContact .otherDesc {
    bottom: 10px;
  }
}
.contact section.contactAll .container .innerContent .headerContact .shape {
  width: 100%;
  padding: 25px 15px 25px 42px;
  background-color: #fff;
  border-right: none;
  border: 1px solid #dcdcdc;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .headerContact .shape {
    padding: 20px 60px;
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .headerContact .shape {
    padding: 10px;
    border-bottom: none;
    position: relative;
  }
  .contact section.contactAll .container .innerContent .headerContact .shape:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #dcdcdc;
    width: 90%;
    height: 1px;
  }
}
.contact section.contactAll .container .innerContent .headerContact .phone {
  width: 100%;
  padding: 25px 15px 25px 42px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .headerContact .phone {
    padding: 20px 60px 60px;
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .headerContact .phone {
    padding: 10px 10px 60px;
    border-top: none;
  }
}
.contact section.contactAll .container .innerContent .headerContact .phone .ch {
  margin-right: 25px;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .headerContact .phone .ch {
    margin-right: 0;
  }
}
.contact section.contactAll .container .innerContent .midContact {
  width: 100%;
  height: auto;
  border-top: 3px solid #434343;
  border-bottom: 3px solid #434343;
  position: relative;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact {
    background-color: #fff;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerContent .midContact {
    background-color: #fff;
    border-top: 2px solid #434343;
    border-bottom: 2px solid #434343;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.contact section.contactAll .container .innerContent .midContact .groupWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
    border-bottom: 1px solid #A9A9A9;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap {
    padding: 20px 10px;
  }
}
.contact section.contactAll .container .innerContent .midContact .group1 {
  width: 22vw;
  text-align: left;
  padding: 25px 5px 25px 45px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .group1 {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .midContact .group1 {
    margin-bottom: 10px;
  }
}
.contact section.contactAll .container .innerContent .midContact .group1 span:nth-child(1) {
  display: block;
  font-weight: bold;
  margin-right: 4px;
  padding-top: 3px;
  font-size: 15px;
  letter-spacing: 1.2px;
  line-height: normal;
  color: #666;
}
.contact section.contactAll .container .innerContent .midContact .group1 span:nth-child(2) {
  display: block;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1.2px;
  line-height: normal;
  color: #000;
}
.contact section.contactAll .container .innerContent .midContact .group2 {
  width: 78vw;
  text-align: left;
  padding: 25px 5px 25px 35px;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .group2 {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
.contact section.contactAll .container .innerContent .midContact .group2 span:nth-child(1) {
  padding-right: 30px;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.17px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .group2 span:nth-child(1) {
    display: block;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .midContact .group2 span:nth-child(1) {
    margin-bottom: 5px;
  }
}
.contact section.contactAll .container .innerContent .midContact .group2 span:nth-child(2) {
  font-weight: bold;
  margin-right: 60px;
  font-size: 14px;
  letter-spacing: 1.12px;
  line-height: normal;
  color: #666;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .group2 span:nth-child(2) {
    display: block;
    margin-right: 0;
  }
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(1) .group1, .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(1) .group2, .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .group1, .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .group2 {
  border-bottom: 1px solid #A9A9A9;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(1) .group1, .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(1) .group2, .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .group1, .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .group2 {
    border-bottom: none;
  }
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .group2 span:nth-child(2) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .group2 span:nth-child(2) {
    margin-bottom: 12px;
  }
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .pin {
  display: inline-block;
  position: relative;
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .pin:after {
  content: "";
  width: 30px;
  height: 2px;
  background-color: rgba(170, 170, 170, 0.8);
  position: absolute;
  top: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 100%;
  opacity: 0;
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .pin span {
  width: 40px;
  height: 40px;
  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;
  background-color: #aaaaaa;
  color: #fff;
  border-radius: 50%;
  padding: 0;
  font-weight: normal;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .pin span {
    margin-bottom: 0;
  }
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .pin:hover:after {
  -webkit-animation: positionPinShadow 1.2s forwards;
          animation: positionPinShadow 1.2s forwards;
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(2) .pin:hover span {
  background-color: #535353;
  -webkit-animation: positionPinMove 1.2s forwards;
          animation: positionPinMove 1.2s forwards;
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  color: #333;
  letter-spacing: 1.2px;
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span:nth-child(1) {
  border-right: 1px solid #A9A9A9;
  padding-right: 35px;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span:nth-child(1) {
    padding: 0;
    border: none;
  }
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span:nth-child(2) {
  padding-left: 35px;
  margin-right: 0;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span:nth-child(2) {
    padding: 0;
  }
}
.contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span.fix {
  border-right: none;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span.fix {
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .midContact .groupWrap:nth-child(3) .group2 span.fix {
    margin-top: 5px;
  }
}
.contact section.contactAll .container .innerContent .moveToBottom {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -125px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 35px;
  color: #666666;
  opacity: 0;
  -webkit-animation: toBottom 1.5s 0.2s infinite;
          animation: toBottom 1.5s 0.2s infinite;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .moveToBottom {
    display: none;
  }
}
.contact section.contactAll .container .innerContent .bForm {
  padding: 65px 122px 30px;
  margin-top: -210px;
}
@media only screen and (max-width: 1366px) {
  .contact section.contactAll .container .innerContent .bForm {
    margin-top: 0;
    padding: 78px 50px 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .contact section.contactAll .container .innerContent .bForm {
    padding: 78px 80px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .contact section.contactAll .container .innerContent .bForm {
    padding: 78px 60px 30px;
  }
}
@media only screen and (max-width: 500px) {
  .contact section.contactAll .container .innerContent .bForm {
    padding: 70px 10px 30px;
  }
}
.contact section.contactAll .container .innerContent .bForm .allWrap {
  padding: 0;
}
.contact section.contactAll .container .innerContent .bForm .innerDescWrap {
  padding: 0;
}

body.en .headerContact .shape, body.en .headerContact .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.en .headerContact .en, body.en .headerContact .ch, body.en .headerContact .no {
  margin-right: 0 !important;
}
body.en .headerContact .en {
  margin-bottom: 5px !important;
}
body.en .headerContact .ch {
  margin-bottom: 10px !important;
}
body.en .headerContact .no {
  padding: 0 !important;
}
body.en .midContact .group1 span:nth-child(1) {
  display: none !important;
}
body.en .midContact .group2 > span:nth-child(1), body.en .midContact .group2 > span:nth-child(2) {
  display: block !important;
  margin: 5px 0 !important;
  padding: 0 !important;
  border: none !important;
}

.qa main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.qa section.qaBan {
  padding-right: 80px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .qa section.qaBan {
    padding-right: 0px;
  }
}
.qa section.qaBan .innerBanTextWrap {
  max-width: 480px;
}
.qa section.qaOverview {
  width: 100%;
  height: auto;
  background-image: url("../img/other/QABG2.jpg");
  background-position: top center;
  background-size: 100%;
  background-repeat: repeat;
  margin-top: -75px;
  margin-bottom: 90px;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview {
    margin-top: 0;
  }
}
.qa section.qaOverview .container {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1150px;
  margin: 0 auto;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container {
    width: 80%;
  }
}
@media only screen and (max-width: 1024px) {
  .qa section.qaOverview .container {
    width: 90%;
  }
}
@media only screen and (max-width: 500px) {
  .qa section.qaOverview .container {
    width: 100%;
  }
}
.qa section.qaOverview .container .innerDescWrap {
  padding: 135px 0 80px;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container .innerDescWrap {
    padding: 60px 0 65px;
  }
}
@media only screen and (max-width: 1024px) {
  .qa section.qaOverview .container .innerDescWrap {
    padding: 45px 0 40px;
  }
}
.qa section.qaOverview .container .wrapAll {
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.qa section.qaOverview .container .wrapAll .wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 140px;
}
.qa section.qaOverview .container .wrapAll .wrap:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container .wrapAll .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .qa section.qaOverview .container .wrapAll .wrap {
    margin-bottom: 100px;
  }
}
.qa section.qaOverview .container .wrapAll .title {
  width: 20%;
  height: auto;
  background-color: rgba(51, 51, 51, 0.06);
  position: relative;
  margin-right: 20px;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container .wrapAll .title {
    width: 100%;
    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;
    padding: 30px 10px;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.qa section.qaOverview .container .wrapAll .title .titleWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container .wrapAll .title .titleWrap {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.qa section.qaOverview .container .wrapAll .title .ch {
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: 1.44px;
  line-height: 1.3;
  color: #333;
}
.qa section.qaOverview .container .wrapAll .title .en {
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #999;
}
.qa section.qaOverview .container .wrapAll .content {
  width: 80%;
  height: auto;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container .wrapAll .content {
    width: 100%;
  }
}
.qa section.qaOverview .container .wrapAll .content .otherDesc {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 30px 80px;
  -webkit-box-shadow: 2px -1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px -1px 10px rgba(0, 0, 0, 0.2);
  font-size: 0.9375rem;
  letter-spacing: 0.75px;
  line-height: 1.6;
  color: #666;
}
@media only screen and (max-width: 1024px) {
  .qa section.qaOverview .container .wrapAll .content .otherDesc {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .qa section.qaOverview .container .wrapAll .content .otherDesc {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 500px) {
  .qa section.qaOverview .container .wrapAll .content .otherDesc {
    padding: 15px;
  }
}
.qa section.qaOverview .container .wrapAll .content .mainDesc {
  width: 100%;
  border-bottom: 3px solid #686868;
  border-top: 3px solid #686868;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .descWrap {
  width: 100%;
  border-top: 1px solid rgba(51, 51, 51, 0.36);
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .descWrap:first-child {
  border-top: none;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .closeBtn {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .qa section.qaOverview .container .wrapAll .content .mainDesc .closeBtn {
    top: auto;
    bottom: 20px;
    left: 50%;
  }
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .closeBtn:before, .qa section.qaOverview .container .wrapAll .content .mainDesc .closeBtn:after {
  content: "";
  left: 50%;
  top: 50%;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #333;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .closeBtn:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .closeBtn:hover {
  -webkit-transform: translateY(-50%) rotate(160deg);
      -ms-transform: translateY(-50%) rotate(160deg);
          transform: translateY(-50%) rotate(160deg);
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionQ {
  width: 100%;
  max-width: 690px;
  padding: 18px 0;
  margin: 0 auto;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container .wrapAll .content .mainDesc .sectionQ {
    max-width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .qa section.qaOverview .container .wrapAll .content .mainDesc .sectionQ {
    max-width: 90%;
  }
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionQ span {
  display: block;
  font-weight: bold;
  white-space: nowrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 1.125rem;
  letter-spacing: 1.44px;
  line-height: normal;
  color: #999;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionQ .wrapQ {
  padding-top: 9px;
  font-weight: bold;
  font-size: 1.0625rem;
  letter-spacing: 1.36px;
  line-height: 1.3;
  color: #000;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA {
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
  padding: 0 0 15px;
  display: none;
}
@media only screen and (max-width: 1280px) {
  .qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA {
    max-width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA {
    max-width: 90%;
    padding: 0 0 70px;
  }
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .sectionAwrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA span {
  display: block;
  font-weight: bold;
  white-space: nowrap;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: normal;
  color: #333;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap {
  width: 100%;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap .wrapA {
  padding-top: 3px;
  font-weight: 600;
  font-size: 0.9375rem;
  letter-spacing: 0.9px;
  line-height: 1.5;
  color: #333;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap .learnMoreBtnGrey {
  margin-top: 0;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap .imgWrap {
  width: auto;
  height: auto;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap .imgWrap .img-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  position: relative;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap .imgWrap img {
  width: auto;
  max-width: 100%;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap .imgWrap span {
  width: 100%;
  height: 40px;
  margin-top: 7px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  font-size: 0.875rem;
  letter-spacing: 0.7px;
  line-height: 1.5;
  color: #999;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .sectionA .innerWrap > *:not(:last-child) {
  margin-bottom: 32px;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc {
  border-bottom: 3px solid #434343;
  border-top: 3px solid #434343;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .descWrap.open {
  border-top: 1px solid #333;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .descWrap.open .closeBtn {
  -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s, -webkit-transform 0.5s;
  opacity: 1;
  pointer-events: all;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .descWrap.open .sectionQ span {
  color: #000;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .descWrap.open.descWrap + .descWrap {
  border-top: 1px solid #333;
}
.qa section.qaOverview .container .wrapAll .content .mainDesc .descWrap.openBtn .closeBtn {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  pointer-events: all;
}

.witness main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.witness section.witnessBan {
  padding-right: 80px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .witness section.witnessBan {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .witness .swiper-button-next-slim {
    position: absolute;
    right: 0;
    top: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .witness .swiper-button-prev-slim {
    position: absolute;
    left: 0;
    top: 50%;
  }
}

section.witnessOverview {
  width: 100%;
  height: auto;
}
section.witnessOverview .container {
  width: 100%;
  padding: 60px 0 160px;
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container {
    padding: 40px 0 110px;
  }
}
section.witnessOverview .container .innerDescWrap {
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerDescWrap {
    margin-bottom: 45px;
  }
}
section.witnessOverview .container .innerWrap {
  width: 100%;
}
section.witnessOverview .container .innerWrap .innerBlock.smallMode .swiper-wrapper {
  width: calc(100% - 32px);
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock.smallMode .swiper-wrapper {
    width: 100%;
  }
}
section.witnessOverview .container .innerWrap .innerBlock.bigMode .swiper-wrapper {
  width: calc(100% - 16px);
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock.bigMode .swiper-wrapper {
    width: 100%;
  }
}
section.witnessOverview .container .innerWrap .innerBlock {
  width: calc(100% - 100px);
  height: auto;
  margin-bottom: 80px;
  padding: 80px 0 145px;
  background-color: #f5f5f5;
  position: relative;
}
@media only screen and (min-width: 1921px) {
  section.witnessOverview .container .innerWrap .innerBlock {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock {
    width: calc(100% - 50px);
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock {
    padding: 40px 0 40px;
    margin-bottom: 100px;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .dropArea {
  width: 6vw;
  position: relative;
  top: 75px;
  left: -100px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
@media only screen and (max-width: 1100px) {
  section.witnessOverview .container .innerWrap .innerBlock .dropArea {
    width: 15vw;
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock .dropArea {
    width: 12vw;
    top: 0;
    left: 0;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .dropArea {
    width: 90px;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .dropArea span {
  display: inline-block;
}
section.witnessOverview .container .innerWrap .innerBlock .dropArea .text {
  width: 100%;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 0.9px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .dropArea .text {
    margin-bottom: 0;
    font-size: 1rem;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .dropArea .moveToBottom {
  display: block;
  font-size: 1.375rem;
  font-weight: 600;
  color: #666666;
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .dropArea .moveToBottom {
    display: none;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .innerDescWrap {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
}
section.witnessOverview .container .innerWrap .innerBlock .innerDescWrap .chTitle {
  font-size: 1.25rem;
}
@media only screen and (max-width: 575px) {
  section.witnessOverview .container .innerWrap .innerBlock .innerDescWrap .chTitle {
    font-size: 0.9375rem;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .innerDescWrap .enTitle {
  font-size: 2.375rem;
}
@media only screen and (max-width: 575px) {
  section.witnessOverview .container .innerWrap .innerBlock .innerDescWrap .enTitle {
    font-size: 1.625rem;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll {
  width: 100%;
  max-width: 1570px;
  min-height: 700px;
}
@media only screen and (max-width: 1700px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll {
    min-height: 600px;
  }
}
@media only screen and (max-width: 1500px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll {
    min-height: 500px;
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll {
    min-height: 0;
  }
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll {
    width: 100%;
    margin: 0 auto 40px;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-pagination {
  width: 110px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-pagination {
    width: 80px;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-container {
  width: calc(100% - 110px);
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-container {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-container {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-wrapper {
    width: 100%;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide {
  width: 100%;
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .cardTextWrap {
  position: relative;
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel.black span {
  color: #333 !important;
  font-weight: bolder;
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel {
  position: absolute;
  top: 25px;
  right: 0;
  padding: 15px 20px 10px;
  background-color: #7d7d7d;
  font-size: 0.875rem;
  letter-spacing: 1.12px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel {
    top: 0;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel span {
  color: #fff;
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel span:nth-child(1) {
  padding-right: 12px;
  position: relative;
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel span:nth-child(1):after {
  content: "/";
  font-size: 1rem;
  color: inherit;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -4px;
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel span:nth-child(2) {
  padding-left: 12px;
}
@media only screen and (max-width: 1600px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide .textLabel {
    font-size: 0.75rem;
    padding: 12px 13px 11px;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom {
  width: 75%;
  margin-left: 4px;
  margin-right: 4px;
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .cardImg, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .cardImg {
    padding-bottom: 62%;
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .textLabel {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft {
  width: 25%;
  margin-left: 4px;
  margin-right: 4px;
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom {
    padding: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom {
    margin-bottom: 0;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .textLabel {
  display: none;
}
@media only screen and (max-width: 1180px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .textLabel {
    display: block;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    opacity: 0.9;
  }
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .textLabel, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .textLabel {
    display: none;
  }
}
section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .cardTextWrap .textLabel.label2 {
  display: block;
}
@media only screen and (max-width: 1180px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .cardTextWrap .textLabel.label2 {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageBottomRight .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageTopLeft .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageLeftTop .cardTextWrap .textLabel.label2, section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide.imageRightBottom .cardTextWrap .textLabel.label2 {
    display: block;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
  }
}
section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) {
  margin-left: auto;
  padding-left: 100px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) {
    padding-left: 0;
  }
}
section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) .dropArea {
  left: -100px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) .dropArea {
    left: -50px;
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) .dropArea {
    left: auto;
  }
}
section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) .innerDescWrap {
  margin-left: -100px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) .innerDescWrap {
    margin-left: -50px;
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(odd) .innerDescWrap {
    margin-left: auto;
  }
}
section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) {
  margin-right: auto;
  padding-right: 100px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) {
    padding-right: 0;
  }
}
section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) .dropArea {
  left: auto;
  right: -100px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) .dropArea {
    right: -50px;
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) .dropArea {
    right: auto;
  }
}
section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) .innerDescWrap {
  margin-right: -100px;
}
@media only screen and (max-width: 1366px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) .innerDescWrap {
    margin-right: -50px;
  }
}
@media only screen and (max-width: 1280px) {
  section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) .innerDescWrap {
    margin-right: auto;
  }
}
section.witnessOverview .container .innerWrap .innerBlock:nth-child(even) .swiperAll {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-left: auto;
}
section.witnessOverview .container .innerWrap .innerBlock:last-child {
  margin-bottom: 0;
}

section.witnessOverview .dropArea {
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
section.witnessOverview .dropArea .text {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
section.witnessOverview .dropArea .text:nth-child(1) {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
          transform: translateX(-40%);
  top: -15px;
}
section.witnessOverview .dropArea .text:nth-child(1) span:nth-child(1) {
  opacity: 0;
  -webkit-transform: translate(-3px, 0px) rotate(-45deg);
      -ms-transform: translate(-3px, 0px) rotate(-45deg);
          transform: translate(-3px, 0px) rotate(-45deg);
  -webkit-transition: 0.7s 0.05s;
  transition: 0.7s 0.05s;
}
section.witnessOverview .dropArea .text:nth-child(1) span:nth-child(2) {
  opacity: 0;
  -webkit-transform: translate(-3px, 0px) rotate(45deg);
      -ms-transform: translate(-3px, 0px) rotate(45deg);
          transform: translate(-3px, 0px) rotate(45deg);
  -webkit-transition: 0.7s 0.07s;
  transition: 0.7s 0.07s;
}
section.witnessOverview .dropArea .text:nth-child(1) span:nth-child(3) {
  opacity: 0;
  -webkit-transform: translate(-3px, 0px) rotate(-45deg);
      -ms-transform: translate(-3px, 0px) rotate(-45deg);
          transform: translate(-3px, 0px) rotate(-45deg);
  -webkit-transition: 0.7s 0.09s;
  transition: 0.7s 0.09s;
}
section.witnessOverview .dropArea .text:nth-child(1) span:nth-child(4) {
  opacity: 0;
  -webkit-transform: translate(-3px, 0px) rotate(45deg);
      -ms-transform: translate(-3px, 0px) rotate(45deg);
          transform: translate(-3px, 0px) rotate(45deg);
  -webkit-transition: 0.7s 0.011s;
  transition: 0.7s 0.011s;
}
section.witnessOverview .dropArea .text:nth-child(2) span:nth-child(1) {
  opacity: 1;
  -webkit-transform: translate(0) rotate(0deg);
      -ms-transform: translate(0) rotate(0deg);
          transform: translate(0) rotate(0deg);
  -webkit-transition: 0.7s 0.05s;
  transition: 0.7s 0.05s;
}
section.witnessOverview .dropArea .text:nth-child(2) span:nth-child(2) {
  opacity: 1;
  -webkit-transform: translate(0) rotate(0deg);
      -ms-transform: translate(0) rotate(0deg);
          transform: translate(0) rotate(0deg);
  -webkit-transition: 0.7s 0.07s;
  transition: 0.7s 0.07s;
}
section.witnessOverview .dropArea .text:nth-child(2) span:nth-child(3) {
  opacity: 1;
  -webkit-transform: translate(0) rotate(0deg);
      -ms-transform: translate(0) rotate(0deg);
          transform: translate(0) rotate(0deg);
  -webkit-transition: 0.7s 0.09s;
  transition: 0.7s 0.09s;
}
section.witnessOverview .dropArea .text:nth-child(2) span:nth-child(4) {
  opacity: 1;
  -webkit-transform: translate(0) rotate(0deg);
      -ms-transform: translate(0) rotate(0deg);
          transform: translate(0) rotate(0deg);
  -webkit-transition: 0.7s 0.011s;
  transition: 0.7s 0.011s;
}
section.witnessOverview .dropArea .moveToBottom {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  -webkit-animation: witnessBot 1.7s infinite 0.8s;
          animation: witnessBot 1.7s infinite 0.8s;
}
section.witnessOverview .dropArea:hover .text:nth-child(1) span {
  opacity: 1;
  -webkit-transform: translate(-50%, 15px) rotate(0deg);
      -ms-transform: translate(-50%, 15px) rotate(0deg);
          transform: translate(-50%, 15px) rotate(0deg);
  -webkit-animation: witnessBTxt 1.2s forwards 1s;
          animation: witnessBTxt 1.2s forwards 1s;
}
section.witnessOverview .dropArea:hover .text:nth-child(2) span {
  opacity: 0;
  -webkit-transform: translate(-4px, 6px) rotate(-20deg);
      -ms-transform: translate(-4px, 6px) rotate(-20deg);
          transform: translate(-4px, 6px) rotate(-20deg);
}
section.witnessOverview .dropArea:hover .moveToBottom {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: witnessBot 1.7s infinite 0.8s, witnessBTxt 1.2s forwards 1.1s;
          animation: witnessBot 1.7s infinite 0.8s, witnessBTxt 1.2s forwards 1.1s;
}

.witnessOverview main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.witnessOverview section.witnessOverviewBan {
  padding-right: 80px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .witnessOverview section.witnessOverviewBan {
    padding-right: 0px;
  }
}
.witnessOverview section.witnessOverviewBan .backTo {
  top: 30px;
}
.witnessOverview section.witnessOverview {
  width: 100%;
  height: auto;
}
.witnessOverview section.witnessOverview .container {
  width: 100%;
}
.witnessOverview section.witnessOverview .container .innerDescWrap {
  margin-bottom: 25px;
}
.witnessOverview section.witnessOverview .container .selectButtonWrap {
  margin-top: 0;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .witnessOverview section.witnessOverview .container .selectButtonWrap {
    margin-bottom: 50px;
  }
}
.witnessOverview section.witnessOverview .container .selectButtonWrap .scrolControl .selected {
  padding: 17px 34px 13px 15px;
}
@media only screen and (max-width: 768px) {
  .witnessOverview section.witnessOverview .container .selectButtonWrap .selectButtonWrap {
    margin-bottom: 0;
  }
}
.witnessOverview section.witnessOverview .container .innerWrap {
  width: calc(100% - 100px);
  margin-left: auto;
}
@media only screen and (max-width: 1280px) {
  .witnessOverview section.witnessOverview .container .innerWrap {
    width: 100%;
  }
}
.witnessOverview section.witnessOverview .container .innerWrap .innerBlock {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock {
    padding: 25px 0;
  }
}
@media only screen and (max-width: 575px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock {
    padding: 40px 0;
  }
}
.witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiper-wrapper {
  width: 100%;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiper-wrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll {
    margin: 0 auto;
  }
}
.witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide {
  padding-bottom: 100px;
  padding-top: 80px;
  min-height: 780px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 4px;
  padding-right: 4px;
}
@media only screen and (max-width: 1500px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide {
    min-height: 600px;
  }
}
@media only screen and (max-width: 1280px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide {
    padding: 25px 0;
    min-height: initial;
  }
}
@media only screen and (max-width: 575px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide {
    padding: 10px 0;
  }
}
.witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide:nth-child(even) {
  margin-top: 35px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide:nth-child(even) {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide:nth-child(odd) {
  margin-top: 0;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1024px) {
  .witnessOverview section.witnessOverview .container .innerWrap .innerBlock .swiperAll .swiper-slide:nth-child(odd) {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.witnessDetail main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.witnessDetail .witnessDetailContent {
  width: 100%;
  height: auto;
}
.witnessDetail .witnessDetailContent section.artIntroduction {
  width: 100%;
  height: auto;
  position: relative;
}
.witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap.change {
  height: 100vh;
  position: absolute;
  top: auto !important;
  left: 100px;
  bottom: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transition: bottom 1s;
  transition: bottom 1s;
}
@media only screen and (min-width: 1921px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap.change {
    left: auto;
    right: 55vw;
  }
}
@media only screen and (max-width: 1280px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap.change {
    left: 0;
  }
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap.change .swiper-pagination {
    top: auto;
    bottom: 18vh;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap {
  width: 41.7%;
  max-width: 800px;
  position: fixed;
  top: 55vh;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 100px;
  -webkit-transition: top 1s;
  transition: top 1s;
}
@media only screen and (min-width: 1921px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap {
    left: auto;
    right: 55vw;
  }
}
@media only screen and (max-width: 1280px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap {
    left: 0;
  }
}
@media only screen and (max-width: 1150px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    top: auto;
    left: auto;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .swiper-container {
  position: relative;
}
.witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .swiper-pagination {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(100% + 35px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 90%;
}
@media only screen and (max-width: 1280px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .swiper-pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    top: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    top: calc(100% + 15px);
    height: auto;
    width: 80%;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .swiper-pagination .swiper-pagination-bullet {
  margin: 18px 10px;
}
@media only screen and (max-width: 1280px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .swiper-pagination .swiper-pagination-bullet {
    margin: 10px 18px;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .imgWrap {
  width: 100%;
  max-width: 780px;
  min-width: 550px;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .imgWrap {
    width: 500px;
    min-width: 0;
    max-width: 500px;
    height: 500px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .imgWrap {
    max-width: 315px;
    height: 315px;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .swiperWrap .imgWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
  width: 58.3%;
  height: auto;
  min-height: 100vh;
  padding: 170px 150px 140px 150px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: repeat;
}
@media only screen and (min-width: 2000px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 4vw;
    max-width: 1110px;
  }
}
@media only screen and (min-width: 2100px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 6vw;
  }
}
@media only screen and (min-width: 2200px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 8vw;
  }
}
@media only screen and (min-width: 2300px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 10vw;
  }
}
@media only screen and (min-width: 2400px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 12vw;
  }
}
@media only screen and (min-width: 2500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 14vw;
  }
}
@media only screen and (min-width: 2600px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 16vw;
  }
}
@media only screen and (min-width: 2700px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 18vw;
  }
}
@media only screen and (min-width: 2800px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 20vw;
  }
}
@media only screen and (min-width: 2900px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 22vw;
  }
}
@media only screen and (min-width: 3000px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    margin-right: 24vw;
  }
}
@media only screen and (max-width: 1500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    padding: 170px 60px 140px 150px;
  }
}
@media only screen and (max-width: 1280px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    width: 68%;
  }
}
@media only screen and (max-width: 1150px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    width: 100%;
    margin: 0;
    padding: 220px 0 50px;
    margin-top: -140px;
    min-height: 0;
  }
}
@media only screen and (max-width: 1150px) and (max-width: 500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap {
    padding: 140px 0 50px;
    margin-top: -60px;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .wordContainer {
  width: 100%;
  height: auto;
  max-width: 710px;
  margin-left: 3vw;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 1921px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .wordContainer {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1366px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .wordContainer {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1150px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .wordContainer {
    max-width: 100%;
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .wordContainer {
    padding: 0 25px;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  font-weight: normal;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle {
    display: block;
    margin: 0 auto 50px;
  }
}
@media only screen and (max-width: 767px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle {
    width: 100%;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle h4 {
  font-size: 2.125rem;
  letter-spacing: 1.5px;
  color: #000;
  margin-right: 20px;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle h4 {
    display: block;
    margin-right: 0;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle h4 {
    width: 60%;
    font-size: 1.5625rem;
    margin-bottom: 4px;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle p {
  font-size: 1.75rem;
  letter-spacing: 0.25px;
  color: #999;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle p {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle p {
    font-size: 1.3125rem;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup {
  text-align: right;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup span {
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  color: #666;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup span {
    font-size: 0.8125rem;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup .date {
  font-style: italic;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup .label {
  margin-bottom: 8px;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup .label span {
  font-size: 0.875rem;
  letter-spacing: 1.12px;
  color: #666;
}
@media only screen and (max-width: 767px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup .label span {
    font-size: 0.8125rem;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup .label span:nth-child(1) {
  padding-right: 8px;
  position: relative;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup .label span:nth-child(1):after {
  content: "/";
  color: #999;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -4px;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .spanGroup .label span:nth-child(2) {
  padding-left: 8px;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .backTo {
  left: 0;
  top: -120px;
}
@media only screen and (max-width: 1150px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .backTo {
    top: -550px;
    background-color: #666666;
    color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .backTo {
    left: -50px;
  }
}
@media only screen and (max-width: 768px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .backTo {
    left: -20px;
  }
}
@media only screen and (max-width: 650px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .backTo {
    left: 2vw;
  }
}
@media only screen and (max-width: 500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artTitle .backTo {
    top: -370px;
    left: 0;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience {
  width: 100%;
  background-color: rgba(191, 189, 189, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 40px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 37px;
}
@media only screen and (max-width: 1366px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 35px 20px;
  }
}
@media only screen and (max-width: 500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 35px 30px 25px;
    margin-bottom: 40px;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .le {
  padding-right: 40px;
  position: relative;
}
@media only screen and (max-width: 1366px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .le {
    padding-right: 0;
    text-align: center;
    padding-bottom: 20px;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .le:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 100%;
  width: 1px;
  height: 160%;
  background-color: rgba(51, 51, 51, 0.3);
}
@media only screen and (max-width: 1366px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .le:after {
    display: none;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .chExperience {
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.0625rem;
  letter-spacing: 6.8px;
  line-height: normal;
  color: #999;
}
@media only screen and (max-width: 500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .chExperience {
    font-size: 1rem;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .enExperience {
  white-space: nowrap;
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience .enExperience {
    font-size: 1.625rem;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience ul.ri {
  font-weight: 600;
  padding-left: calc(35px + 1em);
}
@media only screen and (max-width: 768px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience ul.ri {
    padding-top: 22px;
    padding-left: calc(10px + 1em);
    border-top: 1px solid rgba(51, 51, 51, 0.3);
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience li {
  font-weight: 600;
  font-size: 0.9375rem;
  letter-spacing: 1.05px;
  line-height: 1.5;
  color: #333;
  text-indent: -1em;
  margin-bottom: 6px;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .mainExperience li:last-child {
  margin-bottom: 0;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artDesc p {
  color: #000000;
  font-size: 0.9375rem;
  letter-spacing: 1.05px;
  line-height: 1.5;
  text-align: left;
  font-weight: bolder;
  margin-bottom: 40px;
}
@media only screen and (max-width: 500px) {
  .witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artDesc p {
    font-size: 0.875rem;
  }
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artDesc .wrap {
  margin-bottom: 25px;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artDesc .wrap .title {
  color: #333333;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
}
.witnessDetail .witnessDetailContent section.artIntroduction .wordWrap .artDesc .wrap .text {
  color: #333333;
  font-size: 0.9375rem;
  letter-spacing: 0.7px;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
}
.witnessDetail section.witnessDesc {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  position: relative;
  padding: 120px 0 70px;
}
@media only screen and (max-width: 768px) {
  .witnessDetail section.witnessDesc {
    padding: 70px 0;
  }
}
.witnessDetail section.witnessDesc .articleContainer {
  max-width: 960px;
}
.witnessDetail section.moreFeatureProduct {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.witnessDetail section.moreFeatureProduct .container {
  padding: 120px 0 140px;
  max-width: 1480px;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail section.moreFeatureProduct .container {
    padding: 80px 0 90px;
  }
}
.witnessDetail section.moreFeatureProduct .swiperAll {
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail section.moreFeatureProduct .swiperAll {
    padding: 0;
  }
}
.witnessDetail section.moreFeatureProduct .swiper-pagination {
  display: none;
}
.witnessDetail section.moreFeatureProduct .swiper-button-next-moreFeatureProduct {
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail section.moreFeatureProduct .swiper-button-next-moreFeatureProduct {
    right: 15vw;
  }
}
@media only screen and (max-width: 768px) {
  .witnessDetail section.moreFeatureProduct .swiper-button-next-moreFeatureProduct {
    right: 2vw;
  }
}
.witnessDetail section.moreFeatureProduct .swiper-button-prev-moreFeatureProduct {
  left: 0;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail section.moreFeatureProduct .swiper-button-prev-moreFeatureProduct {
    left: 15vw;
  }
}
@media only screen and (max-width: 768px) {
  .witnessDetail section.moreFeatureProduct .swiper-button-prev-moreFeatureProduct {
    left: 2vw;
  }
}
.witnessDetail section.moreFeatureProduct .swiper-container {
  margin-bottom: 35px;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail section.moreFeatureProduct .swiper-container {
    margin-bottom: 20px;
  }
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .swiper-slide {
  width: auto;
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .card {
  width: 370px;
  padding: 10px 40px;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .card {
    width: 45%;
  }
}
@media only screen and (max-width: 768px) {
  .witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .card {
    width: 60%;
  }
}
@media only screen and (max-width: 500px) {
  .witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .card {
    width: 315px;
  }
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .card.addMove {
  margin-top: 70px;
}
@media only screen and (max-width: 1024px) {
  .witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .card.addMove {
    margin-top: 0;
  }
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .topImg {
  border-radius: 0;
  padding-bottom: 98%;
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .bottomText2 {
  width: 58%;
}
@media only screen and (max-width: 500px) {
  .witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .bottomText2 {
    width: 100%;
  }
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .bottomText2 .sect2 {
  padding: 10px 0;
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .bottomText2 .sect2 span:nth-child(1) {
  padding-right: 12px;
  position: relative;
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .bottomText2 .sect2 span:nth-child(1):after {
  content: "/";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -6px;
  font-size: 1rem;
}
.witnessDetail section.moreFeatureProduct .moreFeatureProductSwiper .bottomText2 .sect2 span:nth-child(2) {
  padding-left: 12px;
}

.query main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.query .showBar {
  display: none;
}
.query .queryBox {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .query .queryBox {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox {
    margin-bottom: 50px;
  }
}
.query .queryBox .boxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.query .queryBox .backTo {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #bcbcbc;
  color: #fff;
  top: auto;
  position: fixed;
  bottom: 160px;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (min-width: 1950px) {
  .query .queryBox .backTo {
    top: 80vh;
    bottom: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .backTo {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox .backTo {
    width: 100%;
    border-radius: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .backTo {
    height: 50px;
  }
}
.query .queryBox .backTo:hover {
  -webkit-animation: initial;
          animation: initial;
  background-color: #848484;
}
.query .queryBox .finish {
  width: 70px;
  height: 70px;
  line-height: 70px;
  letter-spacing: 1.4px;
  font-size: 0.75rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 600;
  background-color: #333;
  color: #fff;
  top: auto;
  position: fixed;
  bottom: 250px;
  right: 50%;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 5;
}
.query .queryBox .finish:after {
  content: "";
  width: 30px;
  height: 2px;
  background-color: rgba(170, 170, 170, 0.8);
  position: absolute;
  top: 75px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 100%;
  opacity: 0;
}
@media only screen and (min-width: 1950px) {
  .query .queryBox .finish {
    top: 70vh;
    bottom: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .finish {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox .finish {
    width: 50%;
    border-radius: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .finish {
    height: 50px;
    line-height: 50px;
  }
}
.query .queryBox .finish:hover {
  -webkit-animation: initial;
          animation: initial;
  background-color: #000;
}
.query .queryBox .finish.active {
  animation: finished 0.6s infinite alternate-reverse;
}
@media only screen and (max-width: 768px) {
  .query .queryBox .finish.active {
    -webkit-animation: initial;
            animation: initial;
  }
}
.query .queryBox .finish.active:after {
  -webkit-animation: positionPinShadow 1.2s infinite;
          animation: positionPinShadow 1.2s infinite;
}
@media only screen and (max-width: 768px) {
  .query .queryBox .finish.active:after {
    -webkit-animation: initial;
            animation: initial;
  }
}
.query .queryBox .dropDownBtn {
  position: fixed;
  bottom: 70px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
  font-size: 2.0625rem;
  color: #666;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  pointer-events: all;
  -webkit-animation: queryDrop 1s 0.2s infinite;
          animation: queryDrop 1s 0.2s infinite;
  z-index: 5;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .dropDownBtn {
    display: none;
  }
}
.query .queryBox .dropDownBtn.remove {
  opacity: 0;
  pointer-events: none;
  -webkit-animation: initial;
          animation: initial;
}
@-webkit-keyframes queryDrop {
  0% {
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(50%, 8px);
            transform: translate(50%, 8px);
    opacity: 1;
  }
}
@keyframes queryDrop {
  0% {
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(50%, 8px);
            transform: translate(50%, 8px);
    opacity: 1;
  }
}
.query .queryBox .btnSection {
  position: fixed;
  left: 100px;
  top: 125px;
  z-index: 3;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1366px) {
  .query .queryBox .btnSection {
    left: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .btnSection {
    position: absolute;
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .btnSection {
    top: 15px;
    left: 25px;
  }
}
.query .queryBox .btnSection .closeBtn {
  width: 65px;
  height: 65px;
  background-color: #efefef;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 600;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  line-height: 1.4;
  color: #666;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .btnSection .closeBtn {
    margin-bottom: 0;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .btnSection .closeBtn {
    width: 55px;
    height: 55px;
  }
}
.query .queryBox .btnSection .closeBtn:hover {
  background-color: #bababa;
  color: #fff;
}
.query .queryBox .btnSection .record, .query .queryBox .btnSection .reset {
  width: 65px;
  height: 65px;
  background-color: transparent;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #efefef;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 0.8125rem;
  letter-spacing: 0.8px;
  line-height: 1.4;
  color: #666;
}
@media only screen and (max-width: 500px) {
  .query .queryBox .btnSection .record, .query .queryBox .btnSection .reset {
    width: 55px;
    height: 55px;
  }
}
.query .queryBox .btnSection .record:hover, .query .queryBox .btnSection .reset:hover {
  border: 2px solid #bababa;
}
.query .queryBox .btn {
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  text-align: center;
}
.query .queryBox .btn * {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.query .queryBox .btn.nochoose {
  opacity: 0.4 !important;
}
.query .queryBox .btn.choose {
  opacity: 1 !important;
  -webkit-transform: scale(1.02) translateY(-5px);
      -ms-transform: scale(1.02) translateY(-5px);
          transform: scale(1.02) translateY(-5px);
  -webkit-animation: chooseMove 0.5s;
          animation: chooseMove 0.5s;
}
.query .queryBox .btn.nohover {
  opacity: 0.4;
}
.query .queryBox .btn.hover {
  opacity: 1;
  -webkit-transform: scale(1.02) translateY(-5px);
      -ms-transform: scale(1.02) translateY(-5px);
          transform: scale(1.02) translateY(-5px);
}
.query .queryBox .btn.mutliMask {
  opacity: 0.6;
}
.query .queryBox .btn:hover {
  opacity: 1;
  -webkit-transform: scale(1.02) translateY(-5px);
      -ms-transform: scale(1.02) translateY(-5px);
          transform: scale(1.02) translateY(-5px);
}
@-webkit-keyframes chooseMove {
  0% {
    -webkit-transform: scale(1.02) translateY(-5px);
            transform: scale(1.02) translateY(-5px);
  }
  50% {
    -webkit-transform: scale(1.02) translateY(-8px);
            transform: scale(1.02) translateY(-8px);
  }
  100% {
    -webkit-transform: scale(1.02) translateY(-5px);
            transform: scale(1.02) translateY(-5px);
  }
}
@keyframes chooseMove {
  0% {
    -webkit-transform: scale(1.02) translateY(-5px);
            transform: scale(1.02) translateY(-5px);
  }
  50% {
    -webkit-transform: scale(1.02) translateY(-8px);
            transform: scale(1.02) translateY(-8px);
  }
  100% {
    -webkit-transform: scale(1.02) translateY(-5px);
            transform: scale(1.02) translateY(-5px);
  }
}
.query .queryBox .descSection {
  width: 50%;
  padding: 13vh 0 15vh;
  max-width: 600px;
  margin: 0 auto;
  margin-left: 15vw;
  min-height: 100vh;
}
@media only screen and (max-width: 1366px) {
  .query .queryBox .descSection {
    margin-left: 13vw;
  }
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .descSection {
    margin-left: 10vw;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox .descSection {
    margin: 0 auto !important;
    width: 100%;
    max-width: 80%;
    min-height: 0;
    padding: 90px 0 0;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .descSection {
    padding: 97px 0 0;
  }
}
.query .queryBox .titleWrap {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .query .queryBox .titleWrap {
    margin-bottom: 65px;
  }
}
.query .queryBox .titleWrap .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .query .queryBox .titleWrap .wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .titleWrap .wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0;
  }
}
.query .queryBox .titleWrap .queryNo {
  display: block;
  font-weight: bold;
  margin-right: 8px;
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .query .queryBox .titleWrap .queryNo {
    font-size: 1rem;
  }
}
.query .queryBox .titleWrap .queryTitle {
  font-weight: bolder;
  font-size: 1.25rem;
  letter-spacing: 2px;
  line-height: 1.3;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryBox .titleWrap .queryTitle {
    font-size: 1.0625rem;
    margin-bottom: 8px;
  }
}
.query .queryBox .titleWrap .querySubtitle {
  margin-bottom: 50px;
  position: relative;
  font-size: 2.375rem;
  letter-spacing: 0.76px;
  line-height: 1.1;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .query .queryBox .titleWrap .querySubtitle {
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .titleWrap .querySubtitle {
    font-size: 1.75rem;
    text-align: left;
    margin-bottom: 30px;
  }
}
.query .queryBox .titleWrap .querySubtitle:after {
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -25px;
  background-color: #cbcbcb;
}
@media only screen and (max-width: 768px) {
  .query .queryBox .titleWrap .querySubtitle:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .titleWrap .querySubtitle:after {
    left: 0;
    bottom: -14px;
    width: 40px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.query .queryBox .titleWrap .queryText {
  width: 100%;
  max-width: 450px;
  font-weight: 600;
  font-size: 0.9375rem;
  letter-spacing: 0.75px;
  line-height: 1.6;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .query .queryBox .titleWrap .queryText {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox .titleWrap .queryText {
    font-size: 0.875rem;
    margin: 0;
  }
}
.query .queryBox .chooseWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .chooseWrap .btn {
    margin: 0 auto;
    text-align: center !important;
  }
}
.query .queryBox .chooseWrap .wrap {
  width: 33.3333333333%;
  position: relative;
  margin: 0 0 70px;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .chooseWrap .wrap {
    width: 50% !important;
    margin: 0 0 75px;
  }
}
.query .queryBox .chooseWrap .wrap:nth-child(3n+1) {
  margin-left: 0;
}
.query .queryBox .chooseWrap .wrap:nth-child(3n) {
  margin-right: 0;
}
.query .queryBox .chooseWrap .wrap:nth-child(3n):before {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .chooseWrap .wrap:nth-child(3n):before {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .chooseWrap .wrap:nth-child(2n):before {
    display: none;
  }
}
.query .queryBox .chooseWrap .wrap:first-child {
  margin-left: 0;
}
.query .queryBox .chooseWrap .wrap:last-child {
  margin-right: 0;
}
.query .queryBox .chooseWrap .wrap:last-child:before {
  display: none;
}
.query .queryBox .chooseWrap .wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 60px;
  width: 1px;
  height: 110%;
  background-color: #cbcbcb;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox .chooseWrap .wrap:before {
    right: 0 !important;
    top: 45%;
  }
}
.query .queryBox .imageSection {
  width: 50%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  z-index: 4;
}
@media only screen and (max-width: 1500px) {
  .query .queryBox .imageSection {
    width: 40%;
  }
}
@media only screen and (max-width: 1150px) {
  .query .queryBox .imageSection {
    width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox .imageSection {
    display: none;
  }
}
.query .queryBox.query02_Box .boxWrap, .query .queryBox.query04_Box .boxWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.query .queryBox.query02_Box .descSection, .query .queryBox.query04_Box .descSection {
  margin-left: auto;
  margin-right: 7vw;
}
@media only screen and (max-width: 1700px) {
  .query .queryBox.query02_Box .descSection, .query .queryBox.query04_Box .descSection {
    margin-right: 4vw;
  }
}
@media only screen and (max-width: 1600px) {
  .query .queryBox.query02_Box .descSection, .query .queryBox.query04_Box .descSection {
    margin-right: 2vw;
  }
}
@media only screen and (max-width: 1500px) {
  .query .queryBox.query02_Box .descSection, .query .queryBox.query04_Box .descSection {
    margin-right: 0vw;
  }
}
@media only screen and (max-width: 1366px) {
  .query .queryBox.query02_Box .descSection, .query .queryBox.query04_Box .descSection {
    margin-right: 3vw;
  }
}
@media only screen and (max-width: 1150px) {
  .query .queryBox.query02_Box .descSection, .query .queryBox.query04_Box .descSection {
    margin-right: 4vw;
  }
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.query02_Box .descSection, .query .queryBox.query04_Box .descSection {
    margin-right: 5vw;
  }
}
.query .queryBox.query02_Box .btnSection, .query .queryBox.query04_Box .btnSection {
  left: auto;
  right: 100px;
}
@media only screen and (max-width: 1700px) {
  .query .queryBox.query02_Box .btnSection, .query .queryBox.query04_Box .btnSection {
    right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox.query02_Box .btnSection, .query .queryBox.query04_Box .btnSection {
    right: auto;
    left: 50px;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query02_Box .btnSection, .query .queryBox.query04_Box .btnSection {
    left: 25px;
  }
}
.query .queryBox.query02_Box .imageSection, .query .queryBox.query04_Box .imageSection {
  right: auto;
  left: 0;
}
.query .queryBox.tovh .imageSection {
  position: fixed;
  bottom: 0;
  height: 100vh;
}
.query .queryBox.change .backTo, .query .queryBox.change .finish, .query .queryBox.change .dropDownBtn {
  position: absolute;
}
.query .queryBox.change .btnSection {
  position: fixed;
  top: 120px;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.change .btnSection {
    position: absolute;
  }
}
.query .queryBox.change .imageSection {
  position: absolute;
}
.query .beginBox {
  width: 100%;
  height: calc(100vh - 104px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-height: 900px) {
  .query .beginBox {
    height: auto;
    display: block;
    padding: 160px 0 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .query .beginBox {
    background-image: none !important;
    display: block;
    height: calc(100vh - 96px);
  }
}
@media only screen and (max-width: 1024px) and (max-height: 900px) {
  .query .beginBox {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .query .beginBox {
    height: auto;
    margin-bottom: 75px;
  }
}
.query .beginBox .boxWrap {
  width: 100%;
  height: auto;
  max-width: 760px;
  margin-left: 12vw;
}
@media only screen and (max-width: 1024px) {
  .query .beginBox .boxWrap {
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) and (max-height: 900px) {
  .query .beginBox .boxWrap {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .query .beginBox .boxWrap {
    height: auto;
  }
}
.query .beginBox .titleWrap {
  width: 68%;
  margin-bottom: 50px;
}
@media only screen and (min-width: 1025px) {
  .query .beginBox .titleWrap {
    background-image: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .query .beginBox .titleWrap {
    width: 100%;
    height: 40%;
    min-height: 285px;
    max-height: 400px;
    margin-bottom: 0;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media only screen and (max-width: 500px) {
  .query .beginBox .titleWrap {
    height: 285px;
  }
}
.query .beginBox .titleWrap .queryTitle {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 3.375rem;
  letter-spacing: 1.08px;
  line-height: 1;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .query .beginBox .titleWrap .queryTitle {
    font-size: 2.75rem;
  }
}
@media only screen and (max-width: 500px) {
  .query .beginBox .titleWrap .queryTitle {
    font-size: 2.125rem;
    margin-bottom: 8px;
  }
}
.query .beginBox .titleWrap .querySubtitle {
  font-weight: 600;
  font-size: 1.5625rem;
  letter-spacing: 2px;
  line-height: 1.3;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .query .beginBox .titleWrap .querySubtitle {
    font-size: 1.375rem;
  }
}
@media only screen and (max-width: 500px) {
  .query .beginBox .titleWrap .querySubtitle {
    font-size: 1rem;
  }
}
.query .beginBox .detectStart {
  width: 670px;
  padding: 80px 120px 95px;
  background-image: url("../img/other/queryFormBG.jpg");
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .query .beginBox .detectStart {
    width: 100%;
    height: 60%;
    padding: 80px 30px 95px;
    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;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) and (max-height: 900px) {
  .query .beginBox .detectStart {
    display: block;
    height: auto;
  }
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart {
    height: auto;
    padding: 55px 30px;
  }
}
.query .beginBox .detectStart:before {
  content: "";
  width: calc(100% - 35px);
  height: calc(100% - 35px);
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #cbcbcb;
}
@media only screen and (max-width: 1024px) {
  .query .beginBox .detectStart:before {
    display: none;
  }
}
.query .beginBox .detectStart .content {
  width: 100%;
  position: relative;
  z-index: 1;
}
.query .beginBox .detectStart .text_1 {
  margin-bottom: 5px;
  font-weight: bolder;
  font-size: 1.375rem;
  letter-spacing: 0.88px;
  line-height: 1.4;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart .text_1 {
    font-size: 1.1875rem;
  }
}
.query .beginBox .detectStart .text_2 {
  margin-bottom: 35px;
  font-weight: 600;
  position: relative;
  font-size: 1.125rem;
  letter-spacing: 0.9px;
  line-height: 1.4;
  color: #999;
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart .text_2 {
    font-size: 1rem;
    margin-bottom: 28px;
  }
}
.query .beginBox .detectStart .text_2 span {
  margin-right: 10px;
}
.query .beginBox .detectStart .text_2 span:last-child {
  margin-right: 0;
}
.query .beginBox .detectStart .text_2:after {
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -15px;
  background-color: #000;
}
@media only screen and (max-width: 1024px) {
  .query .beginBox .detectStart .text_2:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.query .beginBox .detectStart .text_3 {
  margin-bottom: 70px;
  font-weight: bold;
  font-size: 0.9375rem;
  letter-spacing: 0.75px;
  line-height: 1.6;
  color: #333;
}
@media only screen and (max-width: 1024px) {
  .query .beginBox .detectStart .text_3 {
    width: 100%;
    max-width: 70%;
    margin: 0 auto 35px;
  }
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart .text_3 {
    max-width: 325px;
    font-size: 0.875rem;
    margin-bottom: 20px;
  }
}
.query .beginBox .detectStart .groupT {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.3;
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart .groupT {
    margin-bottom: 18px;
  }
}
.query .beginBox .detectStart .groupT a {
  display: inline-block;
  text-decoration: underline;
  font-weight: bolder;
}
.query .beginBox .detectStart .groupT .checkWrap {
  display: inline-block;
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart .groupT .checkWrap {
    display: block;
    margin-bottom: 8px;
  }
}
.query .beginBox .detectStart .groupT a.check {
  text-decoration: none;
  border-radius: 50%;
  border: 1px solid #c7c6c6;
  padding: 8px;
  font-size: 1.0625rem;
  color: #333;
  margin-right: 10px;
  z-index: 80;
  display: inline-block;
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart .groupT a.check {
    margin-right: 0;
  }
}
.query .beginBox .detectStart .groupT a.check.checkSuccess {
  -webkit-animation: checkMove 0.7s forwards;
          animation: checkMove 0.7s forwards;
}
@media only screen and (max-width: 500px) {
  .query .beginBox .detectStart .groupT .agreeUs {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1024px) {
  .query .beginBox .detectStart .start {
    margin: 0 auto;
  }
}
.query .queryBox.query01_Box {
  display: none;
}
.query .queryBox.query01_Box .record {
  display: none;
}
.query .queryBox.query01_Box .backTo {
  display: none;
}
.query .queryBox.query01_Box .btn {
  width: 40%;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query01_Box .btn {
    width: 90%;
  }
}
.query .queryBox.query01_Box .yes.wrap, .query .queryBox.query01_Box .no.wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.query .queryBox.query01_Box .yes.wrap span:nth-child(1), .query .queryBox.query01_Box .no.wrap span:nth-child(1) {
  display: block;
  font-size: 3rem;
  letter-spacing: 3.36px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query01_Box .yes.wrap span:nth-child(1), .query .queryBox.query01_Box .no.wrap span:nth-child(1) {
    font-size: 2.5rem;
  }
}
.query .queryBox.query01_Box .yes.wrap span:nth-child(2), .query .queryBox.query01_Box .no.wrap span:nth-child(2) {
  display: block;
  font-weight: bold;
  white-space: nowrap;
  font-size: 1rem;
  letter-spacing: 1.12px;
  line-height: normal;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query01_Box .yes.wrap span:nth-child(2), .query .queryBox.query01_Box .no.wrap span:nth-child(2) {
    font-size: 0.9375rem;
  }
}
.query .queryBox.query02_Box {
  display: none;
}
.query .queryBox.query02_Box .chooseWrap .wrap {
  margin: 0 0px 125px;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.query02_Box .chooseWrap .wrap {
    margin: 0 0px 85px;
  }
}
.query .queryBox.query02_Box .chooseWrap .wrap span {
  font-family: Times New Roman;
  font-size: 2.5rem;
  letter-spacing: 2px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query02_Box .chooseWrap .wrap span {
    font-size: 2.25rem;
  }
}
.query .queryBox.query02_Box .chooseWrap .wrap:before {
  right: 50px;
  height: 195%;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query02_Box .chooseWrap .wrap:before {
    height: 185%;
  }
}
.query .queryBox.query02_Box .chooseWrap .btn {
  width: 60%;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query02_Box .chooseWrap .btn {
    width: 90%;
  }
}
.query .queryBox.query03_Box {
  display: none;
}
.query .queryBox.query03_Box .titleWrap {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .query .queryBox.query03_Box .titleWrap {
    margin-bottom: 45px;
  }
}
.query .queryBox.query03_Box .chooseWrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.query .queryBox.query03_Box .chooseWrap .wrap {
  margin: 0 0px 70px;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.query03_Box .chooseWrap .wrap {
    margin: 0 0 55px;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query03_Box .chooseWrap .wrap:nth-child(odd) .btn {
    margin-left: 4vw;
  }
  .query .queryBox.query03_Box .chooseWrap .wrap:nth-child(even) .btn {
    margin-left: auto;
    margin-right: 4vw;
  }
}
.query .queryBox.query03_Box .chooseWrap .wrap:before {
  right: 50px;
  height: 80%;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query03_Box .chooseWrap .wrap:before {
    height: 70%;
  }
}
.query .queryBox.query03_Box .chooseWrap .imgCon {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 50%;
  padding: 15px;
  position: relative;
}
.query .queryBox.query03_Box .chooseWrap span {
  display: block;
  font-weight: bold;
  width: 100%;
  padding: 12px 5px 5px 15px;
  word-break: keep-all;
  font-size: 0.9375rem;
  letter-spacing: 1.1px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query03_Box .chooseWrap span {
    font-size: 0.9375rem;
  }
}
.query .queryBox.query03_Box .btn {
  width: 50%;
}
@media only screen and (max-width: 1150px) {
  .query .queryBox.query03_Box .btn {
    width: 110px;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query03_Box .btn {
    width: 90px;
  }
}
.query .queryBox.query04_Box {
  display: none;
}
.query .queryBox.query04_Box .titleWrap {
  margin-bottom: 105px;
}
@media only screen and (max-width: 768px) {
  .query .queryBox.query04_Box .titleWrap {
    margin-bottom: 55px;
  }
}
.query .queryBox.query04_Box .chooseWrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.query .queryBox.query04_Box .chooseWrap .wrap {
  width: 25%;
  margin: 0 0px 105px;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.query04_Box .chooseWrap .wrap {
    margin: 0 0 45px;
  }
}
.query .queryBox.query04_Box .chooseWrap .wrap:before {
  display: none;
}
.query .queryBox.query04_Box .chooseWrap .imgCon {
  width: 100%;
  background-color: transparent;
}
.query .queryBox.query04_Box .chooseWrap span {
  display: block;
  text-align: center;
  font-weight: bold;
  width: 100%;
  padding: 12px 0 0 0;
  word-break: keep-all;
  font-size: 1.0625rem;
  letter-spacing: 1.1px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query04_Box .chooseWrap span {
    font-size: 0.9375rem;
  }
}
.query .queryBox.query04_Box .btn {
  width: 70%;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.query04_Box .btn {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox.query04_Box .btn {
    width: 70px;
  }
}
.query .queryBox.query05_Box {
  display: none;
}
.query .queryBox.query05_Box .titleWrap {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .query .queryBox.query05_Box .titleWrap {
    margin-bottom: 50px;
  }
}
.query .queryBox.query05_Box .chooseWrap .wrap {
  width: 33.3333333333%;
  margin: 0 0px 50px;
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.query05_Box .chooseWrap .wrap {
    margin: 0 0 35px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .query .queryBox.query05_Box .chooseWrap .wrap:nth-child(odd) .btn {
    margin-left: 4vw;
  }
  .query .queryBox.query05_Box .chooseWrap .wrap:nth-child(even) .btn {
    margin-left: auto;
    margin-right: 4vw;
  }
}
@media only screen and (max-width: 1024px) {
  .query .queryBox.query05_Box .chooseWrap .wrap:before {
    right: 50px;
    height: 65%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .query .queryBox.query05_Box .chooseWrap .wrap:before {
    height: 60%;
  }
}
.query .queryBox.query05_Box .chooseWrap .wrap .imgCon {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 50%;
  padding: 15px;
  position: relative;
}
.query .queryBox.query05_Box .chooseWrap .wrap span {
  display: block;
  font-weight: bold;
  width: 100%;
  padding: 12px 5px 5px 15px;
  word-break: keep-all;
  font-size: 1.0625rem;
  letter-spacing: 1.1px;
  line-height: normal;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query05_Box .chooseWrap .wrap span {
    font-size: 0.9375rem;
  }
}
.query .queryBox.query05_Box .btn {
  width: 50%;
  color: #fff;
}
@media only screen and (max-width: 1150px) {
  .query .queryBox.query05_Box .btn {
    width: 110px;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryBox.query05_Box .btn {
    width: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox.query05_Box .backTo {
    width: 50%;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryBox.query05_Box .finish {
    right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.query .queryRecord {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
  -webkit-transition: 1.2s;
  transition: 1.2s;
  display: none;
}
@media only screen and (max-width: 768px) {
  .query .queryRecord {
    width: 100%;
    background-color: transparent;
    -webkit-transition: auto;
    transition: auto;
  }
}
.query .queryRecord .container {
  width: 480px;
  height: 100%;
  background-color: #fff;
  padding: 8vh 20px 0;
  -webkit-transform: translate(-600px, 0);
      -ms-transform: translate(-600px, 0);
          transform: translate(-600px, 0);
  -webkit-transition: 1.2s 0.6s;
  transition: 1.2s 0.6s;
}
@media only screen and (min-width: 1950px) {
  .query .queryRecord .container {
    padding: 0 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .query .queryRecord .container {
    width: 100%;
    -webkit-transform: translate(0, 200px);
        -ms-transform: translate(0, 200px);
            transform: translate(0, 200px);
    opacity: 0;
    padding: 40px 20px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
}
.query .queryRecord .close {
  position: relative;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  margin-bottom: 40px;
}
.query .queryRecord .close::before, .query .queryRecord .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  background-color: #999;
  width: 1px;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.query .queryRecord .close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.query .queryRecord .close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.query .queryRecord .close:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.query .queryRecord .close:hover::before, .query .queryRecord .close:hover::after {
  background-color: #333;
}
.query .queryRecord .title {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.query .queryRecord .ch {
  font-weight: 600;
  font-size: 1.0625rem;
  letter-spacing: 6.8px;
  line-height: normal;
  color: #999;
}
.query .queryRecord .en {
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  line-height: normal;
  color: #000;
}
.query .queryRecord .wrap {
  width: 100%;
  height: auto;
  max-width: 340px;
  text-align: center;
  margin: 0 auto;
  padding: 30px 25px;
  border-top: 1px solid #dddbdb;
}
.query .queryRecord .wrap:last-of-type {
  border-bottom: 1px solid #dddbdb;
}
.query .queryRecord .qus {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 1rem;
  letter-spacing: 0.9px;
  line-height: 1.3;
  color: #666;
}
.query .queryRecord .ans {
  font-weight: bolder;
  font-size: 1.0625rem;
  letter-spacing: 1.02px;
  line-height: 1.3;
  color: #000;
}
.query .queryRecord .scrollbar-inner {
  max-height: calc(100% - 181px);
  height: 100%;
}
.query .queryRecord.active {
  width: 100%;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.query .queryRecord.active .container {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
@media only screen and (max-width: 768px) {
  .query .queryRecord.active .container {
    opacity: 1;
    -webkit-transition: 0.5s 0.5s;
    transition: 0.5s 0.5s;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.query .queryLeave {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.query .queryLeave .container {
  width: 100%;
  height: auto;
  max-width: 700px;
  padding: 125px 0 120px;
  background-color: #eee;
  background-image: url(../img/other/queryLeave.jpg);
  background-size: cover;
  background-position: bottom center;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1950px) {
  .query .queryLeave .container {
    top: 35%;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryLeave .container {
    padding: 80px 30px;
  }
}
@media only screen and (max-width: 350px) {
  .query .queryLeave .container {
    padding: 80px 5px;
  }
}
.query .queryLeave .container .wrap {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
}
.query .queryLeave .container .t1 {
  width: 80%;
  margin: 0 auto 2px;
  font-weight: bold;
  font-size: 1.0625rem;
  letter-spacing: 6.8px;
  line-height: normal;
  color: #999;
}
@media only screen and (max-width: 500px) {
  .query .queryLeave .container .t1 {
    width: 100%;
  }
}
.query .queryLeave .container .t2 {
  width: 80%;
  margin: 0 auto 30px;
  position: relative;
  font-size: 1.875rem;
  letter-spacing: 0.6px;
  line-height: normal;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .query .queryLeave .container .t2 {
    width: 100%;
  }
}
.query .queryLeave .container .t2:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -15px;
  width: 52px;
  height: 1px;
  background-color: #a0a0a0;
}
.query .queryLeave .container .t3 {
  width: 75%;
  margin: 0 auto 65px;
  font-weight: bold;
  font-size: 0.9375rem;
  letter-spacing: 0.75px;
  line-height: 1.6;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryLeave .container .t3 {
    width: 100%;
    margin-bottom: 40px;
  }
}
.query .queryLeave .container .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.75rem;
  letter-spacing: 1.5px;
  line-height: 1.6;
  color: #333;
}
.query .queryLeave .container .stay {
  width: 100%;
  max-width: 230px;
  margin-right: 4px;
  padding: 10px;
  background-color: #a0a0a0;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1rem;
  letter-spacing: 1.4px;
  line-height: normal;
  color: #fff;
}
.query .queryLeave .container .stay:hover {
  background-color: #8e8e8e;
}
.query .queryLeave .container .leave {
  width: 100%;
  max-width: 230px;
  margin-left: 4px;
  padding: 10px;
  background-color: #535353;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1rem;
  letter-spacing: 1.4px;
  line-height: normal;
  color: #fff;
}
.query .queryLeave .container .leave:hover {
  background-color: #353535;
}
.query .queryFinish {
  width: 100%;
  height: auto;
  margin-bottom: 120px;
  position: relative;
  display: none;
}
@media only screen and (max-width: 768px) {
  .query .queryFinish {
    margin-bottom: 70px;
  }
}
.query .queryFinish .finishDescWrap {
  width: 100%;
  height: auto;
  max-width: 485px;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .finishDescWrap {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .finishDescWrap {
    max-width: 310px;
  }
}
.query .queryFinish .finishDescWrap .title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.25rem;
  letter-spacing: 2px;
  line-height: 1.2;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .finishDescWrap .title {
    font-size: 1.125rem;
    margin-bottom: 5px;
  }
}
.query .queryFinish .finishDescWrap .subTitle {
  text-align: center;
  margin-bottom: 45px;
  position: relative;
  font-size: 2.375rem;
  letter-spacing: 0.75px;
  line-height: 1.1;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .finishDescWrap .subTitle {
    font-size: 1.75rem;
    margin-bottom: 23px;
  }
}
.query .queryFinish .finishDescWrap .subTitle:after {
  content: "";
  width: 45px;
  height: 1px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  bottom: -22px;
  background-color: #bcbcbc;
  z-index: 2;
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .finishDescWrap .subTitle:after {
    bottom: -10px;
  }
}
.query .queryFinish .finishDescWrap .descText {
  font-weight: 600;
  text-align: center;
  font-size: 0.9375rem;
  letter-spacing: 0.45px;
  line-height: 1.6;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .finishDescWrap .descText {
    font-size: 0.875rem;
  }
}
.query .queryFinish .finishDescWrap .point {
  font-weight: bolder;
  color: #000;
  font-size: 1rem;
  padding: 0 1px;
}
.query .queryFinish .btnSection {
  position: absolute;
  top: 180px;
  right: 100px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 991px) {
  .query .queryFinish .btnSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 25px;
    left: 75px;
    right: auto;
  }
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .btnSection {
    left: 30px;
  }
}
.query .queryFinish .btnSection .closeBtn {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 600;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  line-height: 60px;
  color: #666;
}
@media only screen and (max-width: 991px) {
  .query .queryFinish .btnSection .closeBtn {
    margin-bottom: 0;
    margin-right: 15px;
  }
}
.query .queryFinish .btnSection .closeBtn:hover {
  background-color: #bababa;
  color: #fff;
}
.query .queryFinish .btnSection .reset {
  width: 60px;
  height: 60px;
  background-color: transparent;
  border-radius: 50%;
  text-align: center;
  border: 2px solid #afafaf;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 0.875rem;
  letter-spacing: 1.4px;
  line-height: 60px;
  color: #666;
}
.query .queryFinish .btnSection .reset:hover {
  border: 2px solid #636363;
}
.query .queryFinish .recommend {
  width: 100%;
  height: auto;
  padding: 120px 0 400px;
  background-image: url("../img/other/queryFinishBG1.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .recommend {
    padding: 115px 0 370px;
  }
}
.query .queryFinish .recommend .relateAndMoreProduct .container {
  padding: 0 0 0;
}
.query .queryFinish .recommend .relateAndMoreProduct .container .swiperAll {
  padding: 0 80px;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .recommend .relateAndMoreProduct .container .swiperAll {
    padding: 0;
  }
}
.query .queryFinish .recommend .swiper-button-next-relateAndMoreProduct, .query .queryFinish .recommend .swiper-button-prev-relateAndMoreProduct {
  display: block;
}
.query .queryFinish .information {
  width: 100%;
  height: auto;
  margin-top: -320px;
}
.query .queryFinish .information .container {
  width: 100%;
  height: auto;
  max-width: 1720px;
  margin: 0 auto;
}
.query .queryFinish .information .sect_1 {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding: 170px 0 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-image: url("../img/other/queryFinishBG2.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .information .sect_1 {
    display: block;
    padding: 0;
  }
}
.query .queryFinish .information .sect_1 .finishDescWrap {
  position: relative;
  max-width: 50%;
  padding: 0 10vw;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .information .sect_1 .finishDescWrap {
    max-width: 100%;
    padding: 80px 35px;
    margin-bottom: 0;
  }
}
.query .queryFinish .information .sect_1 .finishDescWrap .title, .query .queryFinish .information .sect_1 .finishDescWrap .subTitle, .query .queryFinish .information .sect_1 .finishDescWrap .descText {
  color: #fff;
}
.query .queryFinish .information .sect_1 .finishDescWrap .subTitle:after {
  background-color: rgba(255, 255, 255, 0.3);
}
.query .queryFinish .information .sect_1 .finishDescWrap .descText {
  margin-bottom: 55px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .information .sect_1 .finishDescWrap .descText {
    max-width: 440px;
    margin: 0 auto 28px;
  }
}
@media only screen and (max-width: 600px) {
  .query .queryFinish .information .sect_1 .finishDescWrap .descText {
    max-width: 100%;
  }
}
.query .queryFinish .information .sect_1 .finishDescWrap .learnMoreBtnWhite {
  background-color: rgba(255, 255, 255, 0.34);
  border: 1.5px solid #fff;
  color: #fff;
  margin: 0 auto;
}
.query .queryFinish .information .sect_1 .finishDescWrap .learnMoreBtnWhite:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.query .queryFinish .information .sect_1 .finishDescWrap:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.3);
  width: 1px;
  height: 100%;
  z-index: 5;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .information .sect_1 .finishDescWrap:before {
    top: auto;
    right: 50%;
    bottom: 0;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    width: 80%;
    height: 1px;
  }
}
.query .queryFinish .information .sect_1 .finishDescWrap:last-child:before {
  display: none;
}
.query .queryFinish .information .sect_2 {
  width: 100%;
  height: auto;
  padding: 220px 0 70px;
  margin-top: -100px;
  position: relative;
  background-image: url("../img/other/queryFinishBG3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .query .queryFinish .information .sect_2 {
    padding: 200px 0 65px;
  }
}
.query .queryFinish .information .sect_2 .finishDescWrap {
  margin-bottom: 40px;
}
.query .queryFinish .information .sect_2 .title {
  font-size: 1.625rem;
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .information .sect_2 .title {
    font-size: 1.3125rem;
  }
}
.query .queryFinish .information .sect_2 .subTitle {
  font-size: 2.8125rem;
  color: #999;
}
@media only screen and (max-width: 500px) {
  .query .queryFinish .information .sect_2 .subTitle {
    font-size: 2.25rem;
  }
}
.query .queryFinish .information .sect_2 .articleContainer {
  max-width: 965px;
}
@media only screen and (max-width: 768px) {
  .query .queryFinish .information .sect_2 .articleContainer {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 1950px) {
  .query main {
    width: 100%;
    max-width: 1950px;
    margin: 0 auto;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
}
@media only screen and (min-width: 1950px) {
  .query .beginBox, .query .step-wrapper {
    width: 100%;
  }
}

.catalog main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

@media only screen and (min-width: 1950px) {
  .catalog .catalogWrap {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
  }
}
.catalog .catalogWrap .container {
  position: relative;
  width: 100%;
  padding: 0 80px;
  margin: 0 0 140px;
  height: auto;
}
@media only screen and (max-width: 1800px) {
  .catalog .catalogWrap .container {
    margin: 0 0 240px;
  }
}
@media only screen and (max-width: 1500px) {
  .catalog .catalogWrap .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 140px;
  }
}
@media only screen and (max-width: 1280px) {
  .catalog .catalogWrap .container {
    padding: 0;
  }
}
@media only screen and (max-width: 500px) {
  .catalog .catalogWrap .container {
    margin: 0 0 100px;
  }
}
.catalog .catalogWrap .catalogForm {
  width: 100%;
  max-width: 950px;
  height: auto;
  position: absolute;
  left: 80px;
  top: 60%;
  -webkit-transform: translateY(calc(-50% + 0.5px));
      -ms-transform: translateY(calc(-50% + 0.5px));
          transform: translateY(calc(-50% + 0.5px));
}
@media only screen and (max-width: 1800px) {
  .catalog .catalogWrap .catalogForm {
    top: 60%;
  }
}
@media only screen and (max-width: 1500px) {
  .catalog .catalogWrap .catalogForm {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-top: -70px;
    -webkit-box-shadow: 1px 1px 15px rgba(51, 51, 51, 0.4);
            box-shadow: 1px 1px 15px rgba(51, 51, 51, 0.4);
  }
}
@media only screen and (max-width: 1024px) {
  .catalog .catalogWrap .catalogForm {
    max-width: 800px;
  }
}
@media only screen and (max-width: 991px) {
  .catalog .catalogWrap .catalogForm {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .catalog .catalogWrap .catalogForm {
    max-width: 550px;
    margin-top: -60px;
  }
}
@media only screen and (max-width: 500px) {
  .catalog .catalogWrap .catalogForm {
    max-width: 100%;
    margin-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media only screen and (max-width: 500px) {
  .catalog .catalogWrap .catalogForm .reservationForm .innerDescWrap {
    display: none;
  }
}
.catalog .catalogWrap .catalogForm .reservationForm .enTitle {
  font-size: 3.375rem;
  font-weight: normal;
  letter-spacing: 1.08px;
  color: #333;
  margin-bottom: 0;
}
@media only screen and (max-width: 500px) {
  .catalog .catalogWrap .catalogForm .reservationForm .enTitle {
    font-size: 2.125rem;
  }
}
.catalog .catalogWrap .catalogForm .reservationForm .chTitle {
  font-size: 1.5625rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: #333;
  margin-bottom: 12px;
}
@media only screen and (max-width: 500px) {
  .catalog .catalogWrap .catalogForm .reservationForm .chTitle {
    font-size: 1rem;
  }
}
.catalog .catalogWrap .catalogForm .reservationForm .text {
  margin-bottom: 20px;
}
.catalog .catalogWrap .catalogForm .allWrap {
  padding: 82px 155px 60px;
}
@media only screen and (max-width: 1366px) {
  .catalog .catalogWrap .catalogForm .allWrap {
    padding: 50px 100px 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .catalog .catalogWrap .catalogForm .allWrap {
    padding: 50px 30px 60px;
  }
}
@media only screen and (max-width: 500px) {
  .catalog .catalogWrap .catalogForm .allWrap {
    padding: 15px 30px 60px;
  }
  .catalog .catalogWrap .catalogForm .allWrap .formBody {
    padding-bottom: 0;
  }
}
.catalog .catalogWrap .catalogBgWrap {
  width: 100%;
  height: auto;
}
.catalog .catalogWrap .catalogBg {
  width: 100%;
  max-width: 1100px;
  height: 0;
  padding-bottom: 55.22%;
  position: relative;
  margin-left: auto;
  overflow: hidden;
}
@media only screen and (max-width: 1500px) {
  .catalog .catalogWrap .catalogBg {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 32.42%;
  }
}
@media only screen and (max-width: 768px) {
  .catalog .catalogWrap .catalogBg {
    padding-bottom: 96.333%;
  }
}
.catalog .catalogWrap .catalogBg img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.catalog .innerDescWrap_mob01 {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
@media only screen and (max-width: 500px) {
  .catalog .innerDescWrap_mob01 {
    display: block;
  }
}
.catalog .innerDescWrap_mob01 .enTitle {
  font-size: 2.125rem;
  font-weight: normal;
  letter-spacing: 1.08px;
  color: #333;
  text-align: center;
}
.catalog .innerDescWrap_mob01 .chTitle {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: #333;
  margin-bottom: 12px;
  text-align: left;
}
.catalog .innerDescWrap_mob02 {
  width: 100%;
  height: 127px;
  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;
  display: none;
}
@media only screen and (max-width: 500px) {
  .catalog .innerDescWrap_mob02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.catalog .innerDescWrap_mob02 .text {
  width: 100%;
  max-width: 270px;
  font-size: 0.9375rem;
  font-weight: bolder;
  line-height: 1.5;
  letter-spacing: 0.75px;
  color: #333333;
  text-align: center;
}

.about main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.aboutDesc .mainTitle {
  width: 100%;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 1.98px;
  line-height: 1.3;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .aboutDesc .mainTitle {
    font-size: 1.125rem !important;
  }
}
.aboutDesc .subTitle {
  width: 100%;
  font-size: 3.125rem;
  letter-spacing: 1px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 500px) {
  .aboutDesc .subTitle {
    font-size: 2.125rem !important;
  }
}
.aboutDesc .text {
  width: 100%;
  font-size: 0.9375rem;
  letter-spacing: 0.75px;
  line-height: 1.3;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .aboutDesc .text {
    font-size: 0.875rem !important;
  }
}
.aboutDesc .text.lineHide {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5625rem;
  height: 4.6875rem;
}
.aboutDesc .learnMoreBtnWhite {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  position: relative;
  z-index: 1;
}
.aboutDesc .learnMoreBtnWhite:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.aboutDesc .learnMoreBtnWhite:hover {
  color: #333;
}
.aboutDesc .learnMoreBtnWhite:hover:before {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.about section:not(.aboutBan):not(.menulbox):not(.searchlbox) {
  background-color: #fff;
}

.about .homeNavbar {
  background-color: #fff;
}
.about .innerBanTextWrap {
  z-index: 25;
}
.about .innerBanTextWrap .innerTitle, .about .innerBanTextWrap .innerSub {
  color: #000000;
}
.about .aboutBan {
  width: 100%;
  padding-bottom: 85vh;
  height: 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1400px) {
  .about .aboutBan {
    padding-bottom: 67%;
  }
}
@media only screen and (max-width: 500px) {
  .about .aboutBan {
    min-height: 360px;
  }
}
.about .aboutBan .active {
  display: block !important;
}
.about .aboutBan picture {
  display: none;
}
.about .aboutBan .video {
  display: none;
}
.about .aboutBan img {
  position: absolute;
  left: 0;
  top: 0;
}
.about .aboutBan.banner picture {
  display: block;
}
.about .aboutBan.video {
  padding-bottom: 90vh;
}
@media only screen and (max-width: 1024px) {
  .about .aboutBan.video {
    padding-bottom: 70vh;
  }
}
@media only screen and (max-width: 768px) {
  .about .aboutBan.video {
    padding-bottom: 60vh;
  }
}
@media only screen and (max-width: 500px) {
  .about .aboutBan.video {
    padding-bottom: 360px;
  }
}
.about .aboutBan.video .video {
  display: block;
  overflow: hidden;
}
.about .aboutBan.video .videoWrap {
  width: calc(100% - 80px);
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -5;
}
.about .aboutBan.video .videoWrap.full {
  width: 100%;
  z-index: 999;
}
@media only screen and (max-width: 1024px) {
  .about .aboutBan.video .videoWrap {
    width: 100%;
    height: 70vh;
    position: relative;
    z-index: 1;
  }
}
@media only screen and (max-width: 768px) {
  .about .aboutBan.video .videoWrap {
    height: 60vh;
  }
}
@media only screen and (max-width: 500px) {
  .about .aboutBan.video .videoWrap {
    height: 360px;
  }
}
.about .aboutBan.video .videoWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about .aboutContent {
  width: 100%;
  height: auto;
  position: relative;
}
.about .aboutContent .videoControl {
  position: absolute;
  right: 100px;
  top: -80px;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .videoControl {
    display: none;
  }
}
.about .aboutContent .videoControl.full {
  z-index: 999;
  position: fixed;
  top: auto;
  right: 20px;
  bottom: 50px;
}
.about .aboutContent .videoControl .cir {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin: 0 10px;
}
.about .aboutContent .videoControl .cir:hover span {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.about .aboutContent .videoControl .cir span {
  font-size: 1.25rem;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.about .aboutContent .container {
  width: 100%;
  height: auto;
  padding: 60px 80px 145px;
}
@media only screen and (max-width: 1500px) {
  .about .aboutContent .container {
    padding: 60px 0 145px;
  }
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .container {
    padding: 35px 0 100px;
  }
}
.about .aboutContent .innerDescWrap {
  margin-bottom: 70px;
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .innerDescWrap {
    margin-bottom: 40px;
  }
}
.about .aboutContent .contentWrap .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about .aboutContent .contentWrap .content:not(:first-child) {
  margin-top: -30px;
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .content:not(:first-child) {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .content {
    display: block;
  }
}
.about .aboutContent .contentWrap .imgBox {
  width: 43.5%;
  height: 0;
  padding-bottom: 34.117%;
  background-color: transparent;
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .imgBox {
    width: 70%;
    height: auto;
    padding-bottom: 0;
    position: relative;
    z-index: 10;
  }
}
@media only screen and (max-width: 768px) {
  .about .aboutContent .contentWrap .imgBox {
    width: 90%;
  }
}
.about .aboutContent .contentWrap .descBox {
  width: 56.5%;
  height: 0;
  padding-bottom: 25.628%;
  background-color: transparent;
  margin: auto 0 30px -60px;
  position: relative;
}
@media only screen and (max-width: 1800px) {
  .about .aboutContent .contentWrap .descBox {
    min-width: 830px;
  }
}
@media only screen and (max-width: 1400px) {
  .about .aboutContent .contentWrap .descBox {
    min-width: 760px;
  }
}
@media only screen and (max-width: 1280px) {
  .about .aboutContent .contentWrap .descBox {
    min-width: 700px;
  }
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .descBox {
    width: 100%;
    min-width: 0;
    max-width: 700px;
    height: auto;
    padding: 125px 80px 65px;
    margin: -75px 0 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .about .aboutContent .contentWrap .descBox {
    max-width: 90%;
    padding: 125px 40px 65px 80px;
  }
}
@media only screen and (max-width: 500px) {
  .about .aboutContent .contentWrap .descBox {
    padding: 125px 50px 65px;
    margin: -95px 0 0 auto;
  }
}
.about .aboutContent .contentWrap .descBox .text {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .descBox .text {
    max-width: 450px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .about .aboutContent .contentWrap .descBox .text {
    max-width: 260px;
  }
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .descBox .mainTitle {
    margin-bottom: 20px;
  }
}
.about .aboutContent .contentWrap .descBox:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 93%;
  width: 0;
  height: 1px;
  background-color: #aaaaaa;
}
@media only screen and (max-width: 1700px) {
  .about .aboutContent .contentWrap .descBox:before {
    right: 96%;
  }
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .descBox:before {
    display: none;
  }
}
.about .aboutContent .contentWrap .content:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.about .aboutContent .contentWrap .content:nth-child(even) .descBox {
  margin: auto -60px 30px auto;
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .content:nth-child(even) .descBox {
    margin: -75px 0 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .about .aboutContent .contentWrap .content:nth-child(even) .descBox {
    margin: -95px 0 0 auto;
  }
}
.about .aboutContent .contentWrap .content:nth-child(even) .descBox:before {
  right: auto;
  left: 93%;
}
@media only screen and (max-width: 1700px) {
  .about .aboutContent .contentWrap .content:nth-child(even) .descBox:before {
    left: 95%;
  }
}
.about .aboutContent .contentWrap .aboutDesc {
  width: 100%;
  max-width: 710px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1400px) {
  .about .aboutContent .contentWrap .aboutDesc {
    max-width: 625px;
  }
}
@media only screen and (max-width: 1280px) {
  .about .aboutContent .contentWrap .aboutDesc {
    max-width: 600px;
  }
}
@media only screen and (max-width: 1024px) {
  .about .aboutContent .contentWrap .aboutDesc {
    display: block;
    max-width: none;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.about .aboutContent .contentWrap .groupA {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about .aboutContent .contentWrap .groupB {
  width: 100%;
}

.aboutDetail main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.aboutDetail .aboutDesc {
  width: 100%;
  max-width: 450px;
}
.aboutDetail .aboutDesc .mainTitle {
  margin-bottom: 10px;
  font-size: 1.625rem;
  letter-spacing: 1.3px;
  line-height: normal;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .aboutDetail .aboutDesc .mainTitle {
    margin-bottom: 5px;
  }
}
.aboutDetail .aboutDesc .subTitle {
  margin-bottom: 40px;
  position: relative;
  font-size: 2.8125rem;
  letter-spacing: 0.9px;
  line-height: normal;
  color: #999;
}
@media only screen and (max-width: 500px) {
  .aboutDetail .aboutDesc .subTitle {
    margin-bottom: 25px;
  }
}
.aboutDetail .aboutDesc .text {
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.6;
  color: #fff;
}

@media only screen and (min-width: 1921px) {
  .aboutDetail01 main {
    max-width: 1920px;
    margin: 0 auto;
  }
}
.aboutDetail01 .subTitle:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 45px;
  height: 1px;
  background-color: #aaa;
}
@media only screen and (max-width: 500px) {
  .aboutDetail01 .subTitle:before {
    bottom: -8px;
  }
}
.aboutDetail01 .aboutDetailBan {
  width: 100%;
  padding: 0 100px;
  margin-bottom: 260px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .aboutDetail01 .aboutDetailBan {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail01 .aboutDetailBan {
    margin-bottom: 190px;
  }
}
.aboutDetail01 .aboutDetailBan .backTo {
  top: 60px;
  left: 8vw;
}
@media only screen and (max-width: 1500px) {
  .aboutDetail01 .aboutDetailBan .backTo {
    left: 10vw;
  }
}
@media only screen and (max-width: 1280px) {
  .aboutDetail01 .aboutDetailBan .backTo {
    left: 3vw;
    top: 25px;
  }
}
.aboutDetail01 .aboutDetailBan .wrap {
  display: block;
  background-image: url("../../uploads/aboutDetail/aboutDet01-BG-1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 450px 170px 220px;
}
@media only screen and (max-width: 1400px) {
  .aboutDetail01 .aboutDetailBan .wrap {
    padding: 350px 120px 180px;
  }
}
@media only screen and (max-width: 1280px) {
  .aboutDetail01 .aboutDetailBan .wrap {
    padding: 350px 90px 180px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail01 .aboutDetailBan .wrap {
    padding: 250px 50px 140px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailBan .wrap {
    padding: 0;
    padding-bottom: 52%;
  }
  .aboutDetail01 .aboutDetailBan .wrap .aboutDesc {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailBan .wrap {
    background-image: url("../../uploads/aboutDetail/aboutDet01-BG-1.jpg");
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail01 .aboutDetailBan .wrap {
    padding-bottom: 460px;
  }
}
.aboutDetail01 .aboutDetailBan .aboutDesc.mob {
  display: none;
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailBan .aboutDesc.mob {
    display: block;
  }
}
.aboutDetail01 .aboutDetailBan .aboutDesc {
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailBan .aboutDesc {
    position: relative;
    margin: 0 auto;
    padding: 35px 30px 10px;
  }
  .aboutDetail01 .aboutDetailBan .aboutDesc .mainTitle, .aboutDetail01 .aboutDetailBan .aboutDesc .text {
    color: black;
  }
}
.aboutDetail01 .aboutDetailInvention {
  width: 100%;
  max-width: 1490px;
  margin: 0 auto;
  height: auto;
  padding: 200px 190px 200px;
  background-color: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 260px;
}
@media only screen and (max-width: 1600px) {
  .aboutDetail01 .aboutDetailInvention {
    margin: 0 0 360px 0;
  }
}
@media only screen and (max-width: 1450px) {
  .aboutDetail01 .aboutDetailInvention {
    padding: 200px 150px 200px;
    margin: 0 0 150px 0;
  }
}
@media only screen and (max-width: 1200px) {
  .aboutDetail01 .aboutDetailInvention {
    padding: 200px 100px 200px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail01 .aboutDetailInvention {
    padding: 280px 80px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailInvention {
    padding: 460px 30px 65px;
    margin: 0 0 110px 0;
  }
}
.aboutDetail01 .aboutDetailInvention::before {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #cacaca;
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailInvention::before {
    display: none;
  }
}
.aboutDetail01 .aboutDetailInvention .aboutDesc {
  position: relative;
  z-index: 1;
}
.aboutDetail01 .aboutDetailInvention .decoration_1, .aboutDetail01 .aboutDetailInvention .decoration_2 {
  position: absolute;
  width: 420px;
  height: 530px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.3);
          box-shadow: 0 0 15px rgba(51, 51, 51, 0.3);
}
@media only screen and (max-width: 1450px) {
  .aboutDetail01 .aboutDetailInvention .decoration_1, .aboutDetail01 .aboutDetailInvention .decoration_2 {
    width: 350px;
    height: 400px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail01 .aboutDetailInvention .decoration_1, .aboutDetail01 .aboutDetailInvention .decoration_2 {
    width: 270px;
    height: 320px;
  }
}
.aboutDetail01 .aboutDetailInvention .decoration_1 {
  top: -80px;
  right: 200px;
}
@media only screen and (max-width: 1700px) {
  .aboutDetail01 .aboutDetailInvention .decoration_1 {
    right: 280px;
  }
}
@media only screen and (max-width: 1550px) {
  .aboutDetail01 .aboutDetailInvention .decoration_1 {
    right: 240px;
  }
}
@media only screen and (max-width: 1280px) {
  .aboutDetail01 .aboutDetailInvention .decoration_1 {
    top: -145px;
    right: 200px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail01 .aboutDetailInvention .decoration_1 {
    top: -80px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailInvention .decoration_1 {
    right: auto;
    left: 0;
    top: -100px;
  }
}
.aboutDetail01 .aboutDetailInvention .decoration_2 {
  top: 175px;
  right: -80px;
}
@media only screen and (max-width: 1700px) {
  .aboutDetail01 .aboutDetailInvention .decoration_2 {
    right: -20px;
  }
}
@media only screen and (max-width: 1550px) {
  .aboutDetail01 .aboutDetailInvention .decoration_2 {
    right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail01 .aboutDetailInvention .decoration_2 {
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailInvention .decoration_2 {
    right: 0;
    top: 200px;
  }
}
@media only screen and (max-width: 650px) {
  .aboutDetail01 .aboutDetailInvention .decoration_2 {
    right: auto;
    left: 100px;
    top: 105px;
  }
}
.aboutDetail01 .aboutDetailShapewear {
  width: 100%;
  height: auto;
  padding: 290px 380px 190px 0;
  background-image: url("../../uploads/aboutDetail/aboutDet01-BG-2.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 160px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .aboutDetail01 .aboutDetailShapewear {
    background-attachment: scroll;
  }
}
@media only screen and (max-width: 1700px) {
  .aboutDetail01 .aboutDetailShapewear {
    padding: 290px 285px 190px 30px;
  }
}
@media only screen and (max-width: 1400px) {
  .aboutDetail01 .aboutDetailShapewear {
    padding: 200px 190px 120px 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .aboutDetail01 .aboutDetailShapewear {
    padding: 200px 90px 120px 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail01 .aboutDetailShapewear {
    padding: 180px 50px 100px;
    background-attachment: scroll;
    background-position: bottom center;
    background-image: url("../../uploads/aboutDetail/aboutDet01-BG-2-Mob.jpg");
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail01 .aboutDetailShapewear {
    padding: 240px 30px 120px;
    margin-bottom: 110px;
  }
}

.aboutDetail02 body, .aboutDetail03 body {
  background-color: rgba(238, 238, 238, 0.7);
}
.aboutDetail02 footer, .aboutDetail03 footer {
  background-color: transparent;
}
.aboutDetail02 .aboutDetailTop, .aboutDetail03 .aboutDetailTop {
  width: 100%;
  height: auto;
  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;
  padding: 160px 30px 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailTop, .aboutDetail03 .aboutDetailTop {
    padding: 77px 30px;
    text-align: center;
  }
}
.aboutDetail02 .aboutDetailTop .backTo, .aboutDetail03 .aboutDetailTop .backTo {
  left: 8vw;
  top: 60px;
}
@media only screen and (max-width: 1500px) {
  .aboutDetail02 .aboutDetailTop .backTo, .aboutDetail03 .aboutDetailTop .backTo {
    left: 10vw;
  }
}
@media only screen and (max-width: 1280px) {
  .aboutDetail02 .aboutDetailTop .backTo, .aboutDetail03 .aboutDetailTop .backTo {
    left: 3vw;
    top: 25px;
  }
}
.aboutDetail02 .aboutDetailTop .aboutDesc, .aboutDetail03 .aboutDetailTop .aboutDesc {
  max-width: 510px;
  position: relative;
}
.aboutDetail02 .aboutDetailTop .aboutDesc .mainTitle, .aboutDetail02 .aboutDetailTop .aboutDesc .subTitle, .aboutDetail03 .aboutDetailTop .aboutDesc .mainTitle, .aboutDetail03 .aboutDetailTop .aboutDesc .subTitle {
  text-align: center;
}
.aboutDetail02 .aboutDetailTop .aboutDesc .text, .aboutDetail02 .aboutDetailTop .aboutDesc .mainTitle, .aboutDetail03 .aboutDetailTop .aboutDesc .text, .aboutDetail03 .aboutDetailTop .aboutDesc .mainTitle {
  color: #333;
}
.aboutDetail02 .aboutDetailTop .aboutDesc .subTitle, .aboutDetail03 .aboutDetailTop .aboutDesc .subTitle {
  font-size: 3.125rem;
}
.aboutDetail02 .aboutDetailTop .aboutDesc .text, .aboutDetail03 .aboutDetailTop .aboutDesc .text {
  font-size: 0.9375rem;
  font-weight: bold;
}
.aboutDetail02 .aboutDetailBottom, .aboutDetail03 .aboutDetailBottom {
  width: 100%;
  padding: 0 100px;
  margin-bottom: 140px;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .aboutDetail02 .aboutDetailBottom, .aboutDetail03 .aboutDetailBottom {
    padding: 0;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom, .aboutDetail03 .aboutDetailBottom {
    margin-bottom: 60px;
  }
}
.aboutDetail02 .aboutDetailBottom:after, .aboutDetail03 .aboutDetailBottom:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -50px;
  background-color: #aaaaaa;
  width: 1px;
  height: 120px;
  z-index: 10;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom:after, .aboutDetail03 .aboutDetailBottom:after {
    height: 90px;
  }
}
.aboutDetail02 .aboutDetailBottom .container, .aboutDetail03 .aboutDetailBottom .container {
  width: 100%;
  padding: 90px 0 100px;
  margin-top: -100px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 15px rgba(102, 102, 102, 0.2);
          box-shadow: 1px 1px 15px rgba(102, 102, 102, 0.2);
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .container, .aboutDetail03 .aboutDetailBottom .container {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 60px 0 0;
    margin-top: 0;
  }
}

.aboutDetail02 .aboutDetailBottom .container {
  overflow: hidden;
}
.aboutDetail02 .aboutDetailBottom .innerDescWrap {
  margin-bottom: 35px;
}
.aboutDetail02 .aboutDetailBottom .stepGuided {
  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;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided {
    margin-bottom: 90px;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 135px;
  position: relative;
}
@media only screen and (max-width: 1550px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap {
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap {
    width: 33.3333333333%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap {
    width: 100%;
    margin-right: auto;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap {
    margin-bottom: 75px;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .wrap .arrow {
  position: absolute;
  right: -85px;
  width: 35px;
  height: 35px;
  border: 1px solid #d3d1d1;
  border-radius: 50%;
}
@media only screen and (max-width: 1550px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap .arrow {
    right: -60px;
  }
}
@media only screen and (max-width: 991px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap .arrow {
    right: 48%;
    bottom: -20px;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap .arrow {
    bottom: -35px;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .wrap .arrow:after {
  content: "";
  position: absolute;
  left: 43%;
  top: 50%;
  width: 12px;
  height: 12px;
  border-top: 1.5px solid rgb(191, 191, 191);
  border-right: 1.5px solid rgb(191, 191, 191);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
@media only screen and (max-width: 991px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap .arrow:after {
    left: 50%;
    top: 43%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
        -ms-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .wrap:nth-child(2n) {
  margin-top: 75px;
}
@media only screen and (max-width: 991px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap:nth-child(2n) {
    margin-top: 0;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .wrap:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 991px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .wrap:last-child {
    margin-bottom: 0;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .wrap:last-child .arrow {
  display: none;
}
.aboutDetail02 .aboutDetailBottom .stepGuided .no {
  font-style: italic;
  margin-right: 10px;
  font-size: 8.75rem;
  letter-spacing: normal;
  line-height: normal;
  color: rgba(204, 204, 204, 0.89);
}
@media only screen and (max-width: 1200px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .no {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .no {
    font-size: 6.875rem;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .text {
  margin-left: 10px;
}
@media only screen and (max-width: 1200px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .text {
    margin-left: 15px;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .tw {
  font-weight: 600;
  font-size: 1.875rem;
  letter-spacing: 1.5px;
  line-height: normal;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .tw {
    font-size: 1.5625rem;
  }
}
.aboutDetail02 .aboutDetailBottom .stepGuided .en {
  font-size: 1.375rem;
  letter-spacing: 1.1px;
  line-height: 1.2;
  color: #999;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepGuided .en {
    font-size: 1.25rem;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox {
  width: 100%;
}
.aboutDetail02 .aboutDetailBottom .stepBox .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .step {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .step {
    margin-bottom: 55px;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .step:last-child {
  margin-bottom: 0;
}
.aboutDetail02 .aboutDetailBottom .stepBox .imgWrap {
  width: 63.23%;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .imgWrap {
    width: 100%;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .imgWrap:before {
  content: "";
  position: absolute;
  top: 250px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 23px 15px 0;
  border-color: transparent #fff transparent transparent;
}
@media only screen and (max-width: 1500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .imgWrap:before {
    top: 130px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .imgWrap:before {
    border-width: 0 12px 17px 12px !important;
    border-color: transparent transparent #fff transparent !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 40px !important;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .textWrap {
  width: 37.77%;
  position: relative;
  padding: 30px;
}
@media only screen and (max-width: 1024px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .textWrap {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .textWrap .box {
  width: 100%;
  max-width: 400px;
  margin-left: -15px;
  margin-top: -80px;
}
@media only screen and (max-width: 1024px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .textWrap .box {
    margin: 0 !important;
    max-width: 100%;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .textWrap .title {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 1.28px;
  line-height: normal;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .textWrap .title {
    font-size: 1.4375rem;
    margin-bottom: 7px;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .textWrap .desc {
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 0.8px;
  line-height: 1.5;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .textWrap .desc {
    font-size: 0.875rem;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .mainText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  bottom: 150px;
  right: 0%;
}
@media only screen and (max-width: 1700px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText {
    bottom: 70px;
  }
}
@media only screen and (max-width: 1500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText {
    bottom: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText {
    bottom: auto;
    left: auto;
    top: -85px;
    right: -100%;
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText {
    top: -40px;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText {
    top: -32px;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .mainText .no {
  font-style: italic;
  margin-right: 30px;
  white-space: nowrap;
  font-size: 6.25rem;
  letter-spacing: 1px;
  line-height: normal;
  color: #cfae87;
}
@media only screen and (max-width: 768px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText .no {
    font-size: 3.125rem;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText .no {
    font-size: 2.5rem;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .mainText .text {
  white-space: nowrap;
  font-size: 7.5rem;
  letter-spacing: 1.2px;
  line-height: normal;
  color: #cfae87;
}
@media only screen and (max-width: 768px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText .text {
    font-size: 4.375rem;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .mainText .text {
    font-size: 3.75rem;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(2n) .box {
  margin-left: auto;
  margin-right: 80px;
}
.aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(2n) .box .mainText {
  right: auto;
  left: 0%;
}
@media only screen and (max-width: 1024px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(2n) .box .mainText {
    left: auto;
    right: -100%;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(2n) .box .imgWrap:before {
  content: "";
  position: absolute;
  right: auto;
  left: 0;
  border-width: 15px 0 15px 23px;
  border-color: transparent transparent transparent #fff;
}
.aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(2) {
  margin-right: -100px;
}
@media only screen and (max-width: 1400px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(2) {
    margin-right: auto;
  }
}
.aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(3) {
  margin-left: -100px;
}
@media only screen and (max-width: 1400px) {
  .aboutDetail02 .aboutDetailBottom .stepBox .step:nth-child(3) {
    margin-left: auto;
  }
}

.aboutDetail03 .aboutDetailBottom::after {
  top: -75px;
}
@media only screen and (max-width: 500px) {
  .aboutDetail03 .aboutDetailBottom::after {
    top: -45px;
  }
}
.aboutDetail03 .aboutDetailBottom .container {
  padding: 75px 0 0;
}
.aboutDetail03 .aboutDetailBottom .selectButtonWrap {
  margin-top: 0;
  margin-bottom: 0;
}
.aboutDetail03 .aboutDetailBottom .innerAward {
  width: 100%;
  height: auto;
}
.aboutDetail03 .aboutDetailBottom .innerContainer {
  padding: 80px 125px 0;
}
@media only screen and (max-width: 1850px) {
  .aboutDetail03 .aboutDetailBottom .innerContainer {
    padding: 80px 15px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .aboutDetail03 .aboutDetailBottom .innerContainer {
    padding: 80px 70px 0;
  }
}
@media only screen and (max-width: 768px) {
  .aboutDetail03 .aboutDetailBottom .innerContainer {
    padding: 45px 30px 0;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail03 .aboutDetailBottom .innerContainer {
    padding: 45px 10px 0;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContainer:nth-child(2n) {
  background-color: #f0f0f0;
}
.aboutDetail03 .aboutDetailBottom .innerContainer:nth-child(2n) .imgWrap {
  background-color: #f0f0f0;
}
.aboutDetail03 .aboutDetailBottom .innerDescWrap .chTitle {
  font-size: 1.25rem;
}
@media only screen and (max-width: 500px) {
  .aboutDetail03 .aboutDetailBottom .innerDescWrap .chTitle {
    font-size: 0.9375rem;
  }
}
.aboutDetail03 .aboutDetailBottom .innerDescWrap .enTitle {
  font-size: 2.375rem;
}
@media only screen and (max-width: 500px) {
  .aboutDetail03 .aboutDetailBottom .innerDescWrap .enTitle {
    font-size: 1.375rem;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap {
  width: 100%;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 1024px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content {
    border-bottom: none;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content:last-child {
  border-bottom: none;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .boxWrap {
  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;
  position: relative;
  margin: 55px 0;
}
@media only screen and (max-width: 768px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .boxWrap {
    margin: 35px 0;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap {
  width: 100%;
  margin: 0 auto 20px;
  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;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap .maskLearn span {
  display: block;
  margin-bottom: 90px;
  position: relative;
  opacity: 0;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap .maskLearn span:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 35px;
  width: 1px;
  background-color: #fff;
  opacity: 0;
  height: 0;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap .maskLearn p {
  opacity: 0;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap:hover .maskLearn {
  opacity: 1;
  pointer-events: all;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap:hover .maskLearn span {
  opacity: 1;
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap:hover .maskLearn span:before {
  opacity: 1;
  height: 60px;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .imgWrap:hover .maskLearn p {
  opacity: 1;
  -webkit-transition: 0.5s 0.8s;
  transition: 0.5s 0.8s;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .titleWrap {
  width: 100%;
}
@media only screen and (max-width: 500px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .titleWrap {
    width: 90%;
    margin: 0 auto;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .titleWrap .title {
  width: 75%;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  font-size: 1.125rem;
  letter-spacing: 0.55px;
  line-height: 1.4;
  color: #000;
}
@media only screen and (max-width: 1024px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .titleWrap .title {
    font-size: 1rem;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .titleWrap .subTitle {
  font-style: italic;
  text-align: center;
  font-size: 0.875rem;
  letter-spacing: 0.85px;
  line-height: 1.4;
  color: #999;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content.big .boxWrap {
  width: 33%;
}
@media only screen and (max-width: 1150px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content.big .boxWrap {
    width: 100%;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content.big .imgpos {
  width: 100%;
  height: 100%;
  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;
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content.big .imgWrap {
  width: 370px;
  height: 430px;
}
@media only screen and (max-width: 768px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content.big .imgWrap {
    width: 152px;
    height: 195px;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content.big .imgWrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content.big .title {
    width: 100%;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content.small .boxWrap {
  width: 25%;
}
@media only screen and (max-width: 1750px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content.small .boxWrap {
    width: 50%;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content.small .imgWrap {
  width: 315px;
  height: 315px;
}
@media only screen and (max-width: 768px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content.small .imgWrap {
    width: 195px;
    height: 195px;
  }
}
@media only screen and (max-width: 500px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content.small .imgWrap {
    width: 175px;
    height: 175px;
  }
}
@media only screen and (max-width: 350px) {
  .aboutDetail03 .aboutDetailBottom .innerContentWrap .content.small .imgWrap {
    width: 150px;
    height: 150px;
  }
}
.aboutDetail03 .aboutDetailBottom .innerContentWrap .content.small .imgpos {
  position: relative;
  width: 100%;
  height: 100%;
  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;
}

.search p, .search a, .search span, .search div, .search h2 {
  line-height: normal;
}
.search-banner {
  background-color: #f0f0f0;
  width: 100%;
  padding: 190px 45px 127px;
  text-align: center;
}
.search-banner:only-child {
  margin-bottom: 140px;
}
.search-banner .title-en {
  color: #333;
  margin-bottom: 20px;
  font-size: 3.375rem;
  letter-spacing: 1.08px;
}
.search-banner .title-tw {
  color: #333;
  font-size: 1.5625rem;
  letter-spacing: 2px;
}
.search-banner .title-tw:after {
  display: block;
  margin: 25px auto;
  width: 45px;
  height: 1px;
  border-bottom: 1px solid #373737;
  content: "";
}
.search-banner .text {
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.75px;
}
.search-banner .text span {
  margin: 0 6px;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 1px;
}
.search-banner .button {
  display: inline-block;
  margin-top: 80px;
  padding: 10px 20px;
  background-color: #a0a0a0;
  max-width: 230px;
  width: 100%;
  color: #fff;
  letter-spacing: 1.44px;
}
@media only screen and (max-width: 575px) {
  .search-banner {
    padding: 70px 45px 60px;
  }
  .search-banner .title-en {
    margin-bottom: 5px;
    font-size: 2.125rem;
  }
  .search-banner .title-tw {
    font-size: 1rem;
  }
  .search-banner .text {
    font-size: 0.875rem;
  }
  .search-banner .text span {
    font-size: 1.125rem;
  }
  .search-banner .button {
    margin-top: 50px;
    font-size: 0.875rem;
  }
}
.search-warp.relateAndMoreProduct .swiper-button-prev-relateAndMoreProduct,
.search-warp.relateAndMoreProduct .swiper-button-next-relateAndMoreProduct {
  display: block;
}

.event main h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.event .eventNav {
  width: 100%;
  height: auto;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.event .eventNav .container {
  width: 100%;
  height: 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 100px;
}
@media only screen and (max-width: 1400px) {
  .event .eventNav .container {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventNav .container {
    height: 81px;
    padding: 30px 20px;
  }
}
.event .eventNav .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 185px;
}
@media only screen and (max-width: 1024px) {
  .event .eventNav .media {
    display: none;
  }
}
.event .eventNav .media span {
  display: block;
  font-size: 1.125rem;
  margin: 0 14px;
}
.event .eventNav .media span.text {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #999999;
  margin: 0;
  margin-right: 12px;
}
.event .eventNav .media span.text:hover {
  color: #333;
}
.event .eventNav .media span.icon-facebook {
  color: #999999;
}
.event .eventNav .media span.icon-facebook:hover {
  color: #333;
}
.event .eventNav .media span.icon-line {
  color: #999999;
}
.event .eventNav .media span.icon-line:hover {
  color: #333;
}
.event .eventNav .media span.icon-twitter {
  color: #999999;
}
.event .eventNav .media span.icon-twitter:hover {
  color: #333;
}
.event .eventNav .media span.icon-link {
  color: #999999;
}
.event .eventNav .media span.icon-link:hover {
  color: #333;
}
.event .eventNav ul.listGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .event .eventNav ul.listGroup {
    display: none;
  }
}
.event .eventNav ul.listGroup li {
  padding: 0 20px;
  position: relative;
}
.event .eventNav ul.listGroup li + li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 75%;
  background-color: #aaa;
}
.event .eventNav ul.listGroup a {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.4px;
  color: #333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.event .eventNav ul.listGroup a:hover {
  color: #000;
}
.event .eventNav .logo {
  width: 100%;
  max-width: 175px;
  height: auto;
}
@media only screen and (max-width: 1150px) {
  .event .eventNav .logo {
    max-width: 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .eventNav .logo {
    max-width: 140px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventNav .logo {
    max-width: 130px;
  }
}
.event .eventNav .logo img.black {
  display: block;
}
.event .eventNav .logo img.white {
  display: none;
}
.event .eventNav .mobBtn {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .event .eventNav .mobBtn {
    width: auto;
    height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .event .eventNav .mobBtn {
    height: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .eventNav .mobBtn .group {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: 12px;
  }
  .event .eventNav .mobBtn .group div {
    width: 30px;
    height: 1px;
    background-color: #000000;
  }
  .event .eventNav .mobBtn .text {
    font-size: 1.125rem;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
    font-weight: bold;
    letter-spacing: 0.75px;
    color: #999;
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .event .eventNav .mobBtn .text.none {
    opacity: 0;
    pointer-events: none;
  }
  .event .eventNav .mobBtn .text:hover {
    color: #333;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .event .eventNav .mobBtn .text {
    font-size: 0.9375rem;
  }
}
@media only screen and (max-width: 1024px) {
  .event .eventNav .mobBtn .media {
    display: none;
    min-width: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .event .eventNav .mobBtn .media.show {
    opacity: 1;
    pointer-events: all;
  }
  .event .eventNav .mobBtn .media span {
    display: block;
    font-size: 20px;
    color: #999999;
    margin: 0 12px;
  }
  .event .eventNav .mobBtn .media span:hover {
    color: #333;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .event .eventNav .mobBtn .media span {
    font-size: 18px;
    margin: 0 6px;
  }
}
.event .eventNav.black {
  background-color: #000;
}
.event .eventNav.black .media span.text:hover {
  color: #eee;
}
.event .eventNav.black .media span.icon-facebook:hover {
  color: #eee;
}
.event .eventNav.black .media span.icon-line:hover {
  color: #eee;
}
.event .eventNav.black .media span.icon-twitter:hover {
  color: #eee;
}
.event .eventNav.black .media span.icon-link:hover {
  color: #eee;
}
.event .eventNav.black ul.listGroup:after {
  background-color: #eee;
}
.event .eventNav.black ul.listGroup a {
  color: #fff;
}
.event .eventNav.black ul.listGroup a:hover {
  color: #eee;
}
.event .eventNav.black .logo img.black {
  display: none;
}
.event .eventNav.black .logo img.white {
  display: block;
}
.event .eventNav.black .mobBtn .group div {
  background-color: #fff;
}
.event .eventNav.black .mobBtn .text {
  color: #fff;
}
.event .eventNav.black .mobBtn .text:hover {
  color: #eee;
}
.event .eventNav.black .mobBtn .media span {
  color: #fff;
}
.event .eventNav.black .mobBtn .media span:hover {
  color: #eee;
}
.event .eventDescription, .event .eventSweepstake, .event .eventThemeVoting, .event .eventMessageBoard, .event .eventRegistration, .event .eventWinnerList {
  padding: 100px 0;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription, .event .eventSweepstake, .event .eventThemeVoting, .event .eventMessageBoard, .event .eventRegistration, .event .eventWinnerList {
    padding: 70px 0 80px;
  }
}
.event .articleContainer {
  padding: 40px 0;
}
.event .eventDescWrap {
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .event .eventDescWrap {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventDescWrap {
    max-width: 265px;
    margin-left: auto;
    margin-right: auto;
  }
}
.event .eventDescWrap .enTitle {
  font-size: 2.375rem;
  line-height: 1.2;
  letter-spacing: 0.7px;
  text-align: center;
  color: #000;
  margin-bottom: 4px;
}
@media only screen and (max-width: 500px) {
  .event .eventDescWrap .enTitle {
    font-size: 1.9375rem;
    margin-bottom: 0;
  }
}
.event .eventDescWrap .chTitle {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  color: #000;
}
@media only screen and (max-width: 500px) {
  .event .eventDescWrap .chTitle {
    font-size: 1.25rem;
  }
}
.event .eventDescWrap .text {
  width: 100%;
  max-width: 510px;
  margin: 0 auto;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.75px;
  text-align: center;
  margin-top: 15px;
  color: #333;
}
.event .eventDescWrap.white .enTitle, .event .eventDescWrap.white .chTitle, .event .eventDescWrap.white .text {
  color: #fff;
}
.event .learnMoreBtnWhite, .event .learnMoreBtnGrey {
  max-width: 300px;
  font-family: "EB Garamond", "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 500;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .event .learnMoreBtnWhite, .event .learnMoreBtnGrey {
    max-width: 195px;
  }
}
.event .learnMoreBtnWhite {
  color: #707070;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
}
.event .learnMoreBtnWhite:hover {
  background-color: transparent;
  color: #fff;
}
.event .learnMoreBtnGrey {
  color: #707070;
  background-color: rgba(204, 204, 204, 0.25);
  border: 1px solid #333;
}
.event .learnMoreBtnGrey:hover {
  background-color: transparent;
  color: #333;
}
.event .bForm .learnMoreBtnGrey {
  color: #fff;
  background-color: rgba(204, 204, 204, 0.25);
  border: 1px solid #ffffff;
}
.event .bForm .learnMoreBtnGrey:hover {
  background-color: transparent;
  color: #fff;
}
.event .eventBanner {
  width: 100%;
  position: relative;
}
.event .eventBanner .event-banner-swiper {
  width: 100%;
  position: relative;
}
.event .eventBanner .event-banner-swiper .swiper-wrapper {
  width: 100%;
}
.event .eventBanner .event-banner-swiper .swiper-slide {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1400px) {
  .event .eventBanner .event-banner-swiper .swiper-slide .bannerContent {
    left: 80px !important;
  }
  .event .eventBanner .event-banner-swiper .swiper-slide.rightMode .bannerContent {
    right: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .event .eventBanner .event-banner-swiper .swiper-slide {
    padding-bottom: 126.95%;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventBanner .event-banner-swiper .swiper-slide .bannerContent {
    left: 15px !important;
  }
  .event .eventBanner .event-banner-swiper .swiper-slide.rightMode .bannerContent {
    right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .event .eventBanner .event-banner-swiper .swiper-slide {
    padding-bottom: 216.4%;
  }
}
.event .eventBanner .event-banner-swiper .swiper-slide.rightMode {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.event .eventBanner .event-banner-swiper .swiper-slide.rightMode .bannerContent {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  left: auto !important;
  right: 200px;
}
.event .eventBanner .event-banner-swiper .swiper-slide.rightMode .desc, .event .eventBanner .event-banner-swiper .swiper-slide.rightMode .en, .event .eventBanner .event-banner-swiper .swiper-slide.rightMode .ch {
  text-align: right;
}
.event .eventBanner .event-banner-swiper .bg-box .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.event .eventBanner .event-banner-swiper .bannerContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 90%;
  max-width: 650px;
  position: absolute;
  left: 200px;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event .eventBanner .event-banner-swiper .bannerContent .en {
  display: block;
  text-align: left;
  font-size: 3.375rem;
  line-height: 1.1;
  letter-spacing: 1.1px;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .event .eventBanner .event-banner-swiper .bannerContent .en {
    font-size: 2.875rem;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventBanner .event-banner-swiper .bannerContent .en {
    font-size: 2.25rem;
  }
}
.event .eventBanner .event-banner-swiper .bannerContent .ch {
  font-size: 1.875rem;
  font-weight: bold;
  letter-spacing: 2.5px;
  color: #333;
  text-align: left;
  padding-top: 6px;
}
@media only screen and (max-width: 768px) {
  .event .eventBanner .event-banner-swiper .bannerContent .ch {
    font-size: 1.625rem;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventBanner .event-banner-swiper .bannerContent .ch {
    font-size: 1.125rem;
  }
}
.event .eventBanner .event-banner-swiper .bannerContent .desc {
  max-width: 450px;
  width: 100%;
  padding-top: 40px;
  text-align: left;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 1.1px;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .event .eventBanner .event-banner-swiper .bannerContent .desc {
    display: none;
  }
}
.event .eventBanner .event-banner-swiper .bannerContent.white .desc, .event .eventBanner .event-banner-swiper .bannerContent.white .ch, .event .eventBanner .event-banner-swiper .bannerContent.white .en {
  color: #fff;
}
.event .eventBanner .swiper-pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
}
.event .eventBanner .swiper-pagination .swiper-pagination-bullet {
  margin: 0 18px;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}
.event .eventBanner .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
  background-color: #444;
}
.event .eventDescription {
  padding: 40px 0;
}
.event .eventDescription .eventDescWrap {
  margin-bottom: 20px;
}
.event .eventDescription .articleContainer {
  max-width: 1000px;
}
.event .eventDescription .articleContent, .event .eventDescription .swiperWrap, .event .eventDescription .eventArticleForm {
  padding: 30px 0;
}
.event .eventSweepstake {
  width: 100%;
}
.event .eventThemeVoting {
  width: 100%;
}
.event .eventThemeVoting .votingStyle {
  width: 100%;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .event .eventThemeVoting .votingStyle {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventThemeVoting .votingStyle {
    margin-bottom: 55px;
  }
}
.event .eventThemeVoting .votingStyle .wrap {
  width: 100%;
  height: auto;
  max-width: 1560px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event .eventThemeVoting .votingStyle .cardBox {
  width: 33.3333333333%;
  margin-bottom: 160px;
}
@media only screen and (max-width: 1400px) {
  .event .eventThemeVoting .votingStyle .cardBox {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .event .eventThemeVoting .votingStyle .cardBox {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventThemeVoting .votingStyle .cardBox {
    width: 100%;
    margin-top: 0;
    margin-bottom: 70px !important;
  }
  .event .eventThemeVoting .votingStyle .cardBox:last-child {
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventThemeVoting .votingStyle .cardBox {
    margin-bottom: 40px !important;
  }
  .event .eventThemeVoting .votingStyle .cardBox:last-child {
    margin-bottom: 0 !important;
  }
}
.event .eventThemeVoting .votingStyle .cardBox:nth-child(3n-1) {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .event .eventThemeVoting .votingStyle .cardBox:nth-child(3n-1) {
    margin-top: 0;
  }
}
.event .eventThemeVoting .votingStyle .cardBox:nth-last-child(1), .event .eventThemeVoting .votingStyle .cardBox:nth-last-child(2), .event .eventThemeVoting .votingStyle .cardBox:nth-last-child(3) {
  margin-bottom: 0;
}
.event .eventThemeVoting .votingStyle .card {
  width: 420px;
  height: auto;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0px 1px 15px rgba(51, 51, 51, 0.1);
          box-shadow: 0px 1px 15px rgba(51, 51, 51, 0.1);
}
@media only screen and (max-width: 1400px) {
  .event .eventThemeVoting .votingStyle .card {
    width: 80%;
  }
}
@media only screen and (max-width: 991px) {
  .event .eventThemeVoting .votingStyle .card {
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventThemeVoting .votingStyle .card {
    width: 45%;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventThemeVoting .votingStyle .card {
    width: 265px;
  }
}
.event .eventThemeVoting .votingStyle .card.hover .cardMask.before, .event .eventThemeVoting .votingStyle .card.clicked .cardMask.before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  pointer-events: all;
}
.event .eventThemeVoting .votingStyle .card.hover .cardMask.before p, .event .eventThemeVoting .votingStyle .card.clicked .cardMask.before p {
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.event .eventThemeVoting .votingStyle .card.hover .cardMask.before .divs div:nth-child(1), .event .eventThemeVoting .votingStyle .card.hover .cardMask.before .divs div:nth-child(3), .event .eventThemeVoting .votingStyle .card.clicked .cardMask.before .divs div:nth-child(1), .event .eventThemeVoting .votingStyle .card.clicked .cardMask.before .divs div:nth-child(3) {
  width: 100%;
  -webkit-transition: 0.5s 0.06s;
  transition: 0.5s 0.06s;
}
.event .eventThemeVoting .votingStyle .card.hover .cardMask.before .divs div:nth-child(2), .event .eventThemeVoting .votingStyle .card.hover .cardMask.before .divs div:nth-child(4), .event .eventThemeVoting .votingStyle .card.clicked .cardMask.before .divs div:nth-child(2), .event .eventThemeVoting .votingStyle .card.clicked .cardMask.before .divs div:nth-child(4) {
  height: 100%;
  -webkit-transition: 0.5s 0.03s;
  transition: 0.5s 0.03s;
}
.event .eventThemeVoting .votingStyle .card.move .cardMask.before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: cardShadow 1s;
          animation: cardShadow 1s;
}
.event .eventThemeVoting .votingStyle .imgWrap {
  width: 100%;
  height: 0;
  padding-bottom: 127.85%;
  overflow: hidden;
  position: relative;
}
.event .eventThemeVoting .votingStyle .imgWrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
}
.event .eventThemeVoting .votingStyle .imgWrap img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.event .eventThemeVoting .votingStyle .imgWrap .nowMode {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #A0A0A0;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 1.125rem;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  z-index: 20;
}
.event .eventThemeVoting .votingStyle .imgWrap .nowMode span:nth-child(1) {
  margin-right: 10px;
  letter-spacing: 1.6px;
}
.event .eventThemeVoting .votingStyle .imgWrap .nowMode span:nth-child(2) {
  letter-spacing: 1.8px;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.event .eventThemeVoting .votingStyle .imgWrap .nowMode span:nth-child(2).show {
  opacity: 1;
}
.event .eventThemeVoting .votingStyle .imgWrap .cardMask.after {
  height: calc(100% - 50px);
  background-color: transparent;
}
.event .eventThemeVoting .votingStyle .imgWrap.showMask:after {
  opacity: 1;
}
.event .eventThemeVoting .votingStyle .imgWrap.showMask .cardMask.after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  pointer-events: all;
}
.event .eventThemeVoting .votingStyle .imgWrap.showMask .cardMask.after p {
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.event .eventThemeVoting .votingStyle .imgWrap.showMask .cardMask.after .divs div:nth-child(1), .event .eventThemeVoting .votingStyle .imgWrap.showMask .cardMask.after .divs div:nth-child(3) {
  width: 100%;
  -webkit-transition: 0.5s 0.06s;
  transition: 0.5s 0.06s;
}
.event .eventThemeVoting .votingStyle .imgWrap.showMask .cardMask.after .divs div:nth-child(2), .event .eventThemeVoting .votingStyle .imgWrap.showMask .cardMask.after .divs div:nth-child(4) {
  height: 100%;
  -webkit-transition: 0.5s 0.03s;
  transition: 0.5s 0.03s;
}
.event .eventThemeVoting .votingStyle .imgWrap.showNo .nowMode {
  height: 50px;
  opacity: 1;
  pointer-events: all;
}
.event .eventThemeVoting .votingStyle .titleWrap {
  padding: 35px 0 55px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 500px) {
  .event .eventThemeVoting .votingStyle .titleWrap {
    padding: 25px 0 35px;
  }
}
.event .eventThemeVoting .votingStyle .titleWrap .title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 1.8px;
  text-align: center;
  color: #333;
}
@media only screen and (max-width: 500px) {
  .event .eventThemeVoting .votingStyle .titleWrap .title {
    font-size: 1.0625rem;
  }
}
.event .eventThemeVoting .votingStyle .titleWrap span {
  font-size: 3.125rem;
  font-style: italic;
  letter-spacing: 1px;
  color: #ccc;
  display: block;
  position: absolute;
  bottom: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 500px) {
  .event .eventThemeVoting .votingStyle .titleWrap span {
    font-size: 2.8125rem;
  }
}
.event .eventThemeVoting .votingStyle .cardMask {
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  letter-spacing: 1.1px;
  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;
  background-color: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.event .eventThemeVoting .votingStyle .cardMask p {
  opacity: 0;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}
.event .eventThemeVoting .votingStyle .cardMask .divs {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  height: 93%;
  overflow: hidden;
}
.event .eventThemeVoting .votingStyle .cardMask .divs div:nth-child(1) {
  position: absolute;
  width: 0;
  height: 1px;
  left: 0;
  top: 0;
  background-color: rgba(170, 170, 170, 0.8);
}
.event .eventThemeVoting .votingStyle .cardMask .divs div:nth-child(2) {
  position: absolute;
  height: 0;
  width: 1px;
  top: 0;
  right: 0;
  background-color: rgba(170, 170, 170, 0.8);
}
.event .eventThemeVoting .votingStyle .cardMask .divs div:nth-child(3) {
  position: absolute;
  height: 1px;
  width: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(170, 170, 170, 0.8);
}
.event .eventThemeVoting .votingStyle .cardMask .divs div:nth-child(4) {
  position: absolute;
  width: 1px;
  height: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(170, 170, 170, 0.8);
}
.event .eventMessageBoard {
  width: 100%;
  height: auto;
  padding-bottom: 0;
}
.event .eventMessageBoard.noWall {
  padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .event .eventMessageBoard.noWall {
    padding-bottom: 100px;
  }
}
.event .eventMessageBoard .messageWall {
  width: 100%;
  margin-top: 145px;
  padding: 90px 0 80px;
}
@media only screen and (max-width: 768px) {
  .event .eventMessageBoard .messageWall {
    margin-top: 85px;
    padding: 55px 0 35px;
  }
}
.event .eventMessageBoard .messageWall .swiper-wrapper {
  margin-bottom: 45px;
}
.event .eventMessageBoard .messageWall .swiper-container {
  padding: 40px 0;
}
.event .eventMessageBoard .messageWall .swiper-pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.event .eventMessageBoard .messageWall .swiper-pagination .swiper-pagination-bullet {
  margin: 0 18px;
}
.event .eventMessageBoard .messageWall .card {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 1px -1px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 1px -1px 25px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 768px) {
  .event .eventMessageBoard .messageWall .card {
    width: 370px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventMessageBoard .messageWall .card {
    width: 295px;
  }
}
.event .eventMessageBoard .messageWall .card .titleWrap {
  width: 100%;
  height: auto;
  min-height: 160px;
  padding: 35px 30px 20px;
  margin: 0 auto;
}
.event .eventMessageBoard .messageWall .card .title {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1.1px;
  color: #000;
  margin-bottom: 12px;
}
.event .eventMessageBoard .messageWall .card .text {
  font-size: 0.9375rem;
  line-height: 1.3;
  letter-spacing: 0.9px;
  color: #333;
}
.event .eventMessageBoard .messageWall .card .imgWrap {
  width: 100%;
  height: 0;
  padding-bottom: 69.51%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  cursor: auto;
}
.event .eventMessageBoard .messageWall .card .imgWrap .maskLearn {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.event .eventRegistration {
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 500px) {
  .event .eventRegistration {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.event .eventRegistration .registerForm {
  width: 100%;
  max-width: 1220px;
  margin: 60px auto 0;
  padding: 60px 120px 70px;
  background-color: #fff;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .event .eventRegistration .registerForm {
    padding: 60px 40px;
    max-width: 1050px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm {
    padding: 60px 30px 70px;
    max-width: 700px;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventRegistration .registerForm {
    max-width: 600px;
  }
}
@media only screen and (max-width: 680px) {
  .event .eventRegistration .registerForm {
    max-width: 550px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventRegistration .registerForm {
    max-width: 100%;
    margin: 45px auto 0;
  }
}
@media only screen and (max-width: 350px) {
  .event .eventRegistration .registerForm {
    padding: 60px 20px 70px;
  }
}
.event .eventRegistration .registerForm::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border: 20px solid rgb(153, 153, 153);
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (max-width: 500px) {
  .event .eventRegistration .registerForm::after {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 10px solid rgb(153, 153, 153);
  }
}
.event .eventRegistration .registerForm .formContent {
  width: 100%;
}
.event .eventRegistration .registerForm .titleWrap {
  width: 100%;
  max-width: 60%;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 768px) {
  .event .eventRegistration .registerForm .titleWrap {
    max-width: 90%;
  }
}
.event .eventRegistration .registerForm .titleWrap .title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 2px;
}
.event .eventRegistration .registerForm table {
  width: 100%;
  margin: 0 auto;
  table-layout: fixed;
}
.event .eventRegistration .registerForm table .bold {
  font-weight: bold;
}
.event .eventRegistration .registerForm table span {
  display: block;
}
.event .eventRegistration .registerForm table thead th {
  font-weight: bolder;
  text-align: center;
  padding: 20px;
}
.event .eventRegistration .registerForm table thead th:first-child {
  width: 200px;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table thead th:first-child {
    width: 100%;
  }
}
.event .eventRegistration .registerForm table thead th:nth-child(2) {
  width: 270px;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table thead th:nth-child(2) {
    width: 100%;
  }
}
.event .eventRegistration .registerForm table thead th:nth-child(2), .event .eventRegistration .registerForm table thead th:nth-child(3) {
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table thead {
    display: none;
  }
}
.event .eventRegistration .registerForm table tbody {
  border-bottom: 3px solid #434343;
  border-top: 3px solid #434343;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody {
    border-bottom: none;
    border-top: none;
  }
}
.event .eventRegistration .registerForm table tbody tr {
  border-bottom: 1px solid #434343;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: none;
    margin-top: 55px;
  }
}
.event .eventRegistration .registerForm table tbody tr:first-child {
  margin-top: 0;
}
.event .eventRegistration .registerForm table tbody tr:last-child {
  border-bottom: none;
}
.event .eventRegistration .registerForm table tbody td {
  font-size: 1rem;
  text-align: center;
  padding: 20px;
  vertical-align: middle;
}
.event .eventRegistration .registerForm table tbody td:first-child {
  width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody td:first-child {
    width: 100%;
  }
}
.event .eventRegistration .registerForm table tbody td:nth-child(2) {
  width: 270px;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody td:nth-child(2) {
    width: 100%;
  }
}
.event .eventRegistration .registerForm table tbody td:nth-child(2), .event .eventRegistration .registerForm table tbody td:nth-child(3) {
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody td {
    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;
    text-align: center;
    padding: 20px 20px 20px 105px !important;
    border-bottom: 1px solid #434343;
    position: relative;
  }
  .event .eventRegistration .registerForm table tbody td:before {
    content: attr(data-th);
    display: inline-block;
    font-weight: bolder;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .event .eventRegistration .registerForm table tbody td:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .event .eventRegistration .registerForm table tbody td:nth-child(2) {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding: 20px !important;
    border-bottom: 3px solid #434343;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event .eventRegistration .registerForm table tbody td:nth-child(2)::before {
    display: none;
  }
  .event .eventRegistration .registerForm table tbody td:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .event .eventRegistration .registerForm table tbody td:nth-child(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    border-bottom: none;
    border-bottom: 2px solid #434343;
  }
  .event .eventRegistration .registerForm table tbody td:nth-child(5) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media only screen and (max-width: 350px) {
  .event .eventRegistration .registerForm table tbody td {
    padding: 12px 12px 12px 95px !important;
  }
  .event .eventRegistration .registerForm table tbody td:before {
    left: 15px;
  }
}
.event .eventRegistration .registerForm table tbody .placeGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody .placeGroup {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.event .eventRegistration .registerForm table tbody .placeGroup:hover .icon-pin {
  -webkit-animation: eventPin 1.2s infinite;
          animation: eventPin 1.2s infinite;
}
.event .eventRegistration .registerForm table tbody .placeGroup .icon-pin {
  font-size: 17px;
  padding-top: 2px;
  margin-right: 8px;
  color: #333;
}
.event .eventRegistration .registerForm table tbody .detail_btn {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border-radius: 50%;
  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-color: #E5E5E5;
  -webkit-transform: rotate(-180deg) translate(0, 0);
      -ms-transform: rotate(-180deg) translate(0, 0);
          transform: rotate(-180deg) translate(0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody .detail_btn {
    margin: 0;
  }
}
.event .eventRegistration .registerForm table tbody .detail_btn:hover {
  background-color: #dfdfdf;
  -webkit-transform: rotate(-180deg) translate(0, 5px);
      -ms-transform: rotate(-180deg) translate(0, 5px);
          transform: rotate(-180deg) translate(0, 5px);
}
.event .eventRegistration .registerForm table tbody .detail_btn.active {
  color: #fff;
  background-color: #434343;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.event .eventRegistration .registerForm table tbody .detail_btn.active:hover {
  background-color: #3d3d3d;
  -webkit-transform: rotate(0deg) translate(0, 5px);
      -ms-transform: rotate(0deg) translate(0, 5px);
          transform: rotate(0deg) translate(0, 5px);
}
.event .eventRegistration .registerForm table tbody .booking_btn {
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.85px;
  color: #000;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.event .eventRegistration .registerForm table tbody .booking_btn.fulled {
  font-size: 0.9375rem;
  letter-spacing: 1.2px;
  color: #999;
  cursor: default;
}
.event .eventRegistration .registerForm table tbody .booking_btn:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}
.event .eventRegistration .registerForm table tbody tr.desc {
  margin: 0 !important;
}
.event .eventRegistration .registerForm table tbody tr.desc td {
  padding: 0 !important;
  margin: 0 !important;
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent {
  width: 100%;
  margin-top: 0;
  display: none;
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent .wrap {
  width: 100%;
  padding: 0 !important;
  background-color: #F5F5F5;
  border-bottom: 3px solid #434343;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody tr.desc .descContent .wrap {
    display: block;
  }
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent .wrap:only-child {
  border-bottom: 3px solid #434343 !important;
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent .wrap:first-child {
  border-bottom: none;
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #aaa;
  padding: 30px 0;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody tr.desc .descContent ul {
    display: block;
    padding: 20px 15px;
  }
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent ul:last-child {
  border-bottom: none;
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent li:nth-child(1) {
  width: 200px;
  font-weight: bolder;
  font-size: 1.0625rem;
  text-align: center;
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody tr.desc .descContent li:nth-child(1) {
    width: 100%;
    margin-bottom: 8px;
    padding: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventRegistration .registerForm table tbody tr.desc .descContent li:nth-child(1) {
    text-align: center;
  }
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent li:nth-child(2) {
  width: calc(100% - 200px);
  text-align: left;
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .event .eventRegistration .registerForm table tbody tr.desc .descContent li:nth-child(2) {
    width: 100%;
    padding: 0;
  }
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent p {
  margin-bottom: 2px;
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent p:last-child {
  margin-bottom: 0;
}
.event .eventRegistration .registerForm table tbody tr.desc .descContent p.title {
  margin-bottom: 0;
}
.event .eventWinnerList {
  width: 100%;
}
.event .eventSweepstake .eventDescWrap, .event .eventMessageBoard .eventDescWrap {
  margin-bottom: 65px;
}
@media only screen and (max-width: 768px) {
  .event .eventSweepstake .eventDescWrap, .event .eventMessageBoard .eventDescWrap {
    margin-bottom: 35px;
  }
}
.event .eventSweepstake .container, .event .eventMessageBoard .container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
  .event .eventSweepstake .container, .event .eventMessageBoard .container {
    max-width: 900px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .eventSweepstake .container, .event .eventMessageBoard .container {
    max-width: 80%;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventSweepstake .container, .event .eventMessageBoard .container {
    max-width: 100%;
    padding: 0 20px;
  }
}
.event .eventSweepstake .basicForm, .event .eventMessageBoard .basicForm {
  max-width: 100%;
  outline: 1px solid #aaa;
  outline-offset: 20px;
}
@media only screen and (max-width: 500px) {
  .event .eventSweepstake .basicForm, .event .eventMessageBoard .basicForm {
    outline: none;
    outline-offset: 0;
  }
}
.event .eventSweepstake .basicForm .formBody, .event .eventMessageBoard .basicForm .formBody {
  padding-bottom: 0;
}
.event .eventSweepstake .basicForm textarea, .event .eventMessageBoard .basicForm textarea {
  height: 65px;
}
@media only screen and (max-width: 768px) {
  .event .eventSweepstake .basicForm textarea, .event .eventMessageBoard .basicForm textarea {
    height: 130px;
  }
}
.event .eventSweepstake .basicForm .allWrap, .event .eventMessageBoard .basicForm .allWrap {
  padding: 65px 180px 70px;
}
@media only screen and (max-width: 1400px) {
  .event .eventSweepstake .basicForm .allWrap, .event .eventMessageBoard .basicForm .allWrap {
    padding: 65px 40px 70px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventSweepstake .basicForm .allWrap, .event .eventMessageBoard .basicForm .allWrap {
    padding: 40px 13px 50px;
  }
}
.event .eventSweepstake .basicForm .innerDescWrap .enTitle, .event .eventMessageBoard .basicForm .innerDescWrap .enTitle {
  font-size: 1.875rem;
}
.event .eventSweepstake .basicForm .innerDescWrap .chTitle, .event .eventMessageBoard .basicForm .innerDescWrap .chTitle {
  font-size: 1.0625rem;
  letter-spacing: 6.8px;
  color: #999;
}
.event .eventDescription .eventArticleForm, .event .eventWinnerList .eventArticleForm {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 500px) {
  .event .eventDescription .eventArticleForm, .event .eventWinnerList .eventArticleForm {
    padding: 0 20px;
  }
}
.event .eventDescription .eventArticleForm .boxWrap, .event .eventWinnerList .eventArticleForm .boxWrap {
  width: 100%;
  max-width: 1140px;
  height: auto;
  margin: 0 auto;
  border: 20px solid rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 1400px) {
  .event .eventDescription .eventArticleForm .boxWrap, .event .eventWinnerList .eventArticleForm .boxWrap {
    max-width: 900px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .eventDescription .eventArticleForm .boxWrap, .event .eventWinnerList .eventArticleForm .boxWrap {
    max-width: 700px;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .boxWrap, .event .eventWinnerList .eventArticleForm .boxWrap {
    max-width: 500px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventDescription .eventArticleForm .boxWrap, .event .eventWinnerList .eventArticleForm .boxWrap {
    max-width: 100%;
    border: 10px solid rgba(0, 0, 0, 0.06);
  }
}
.event .eventDescription .eventArticleForm .box, .event .eventWinnerList .eventArticleForm .box {
  padding: 55px 120px 65px;
  background-color: #fff;
}
@media only screen and (max-width: 1400px) {
  .event .eventDescription .eventArticleForm .box, .event .eventWinnerList .eventArticleForm .box {
    padding: 55px 50px 65px;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .box, .event .eventWinnerList .eventArticleForm .box {
    padding: 50px 60px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventDescription .eventArticleForm .box, .event .eventWinnerList .eventArticleForm .box {
    padding: 50px 20px;
  }
}
.event .eventDescription .eventArticleForm .titleWrap, .event .eventDescription .eventArticleForm .contentWrap, .event .eventDescription .eventArticleForm .allWrap, .event .eventWinnerList .eventArticleForm .titleWrap, .event .eventWinnerList .eventArticleForm .contentWrap, .event .eventWinnerList .eventArticleForm .allWrap {
  width: 100%;
}
.event .eventDescription .eventArticleForm .titleWrap, .event .eventWinnerList .eventArticleForm .titleWrap {
  text-align: center;
  margin-bottom: 8px;
}
.event .eventDescription .eventArticleForm .titleWrap .desc, .event .eventWinnerList .eventArticleForm .titleWrap .desc {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 2px;
  color: #000;
}
.event .eventDescription .eventArticleForm .contentWrap, .event .eventWinnerList .eventArticleForm .contentWrap {
  border-top: 3px solid #434343;
  border-bottom: 3px solid #434343;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .contentWrap, .event .eventWinnerList .eventArticleForm .contentWrap {
    border-top: none;
    border-bottom: none;
  }
}
.event .eventDescription .eventArticleForm .allWrap, .event .eventWinnerList .eventArticleForm .allWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #434343;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap, .event .eventWinnerList .eventArticleForm .allWrap {
    border-bottom: 3px solid #434343;
    margin-bottom: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.event .eventDescription .eventArticleForm .allWrap:last-child, .event .eventWinnerList .eventArticleForm .allWrap:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap:last-child, .event .eventWinnerList .eventArticleForm .allWrap:last-child {
    border-bottom: 3px solid #434343;
    margin-bottom: 0;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control, .event .eventWinnerList .eventArticleForm .allWrap .control {
  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;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control, .event .eventWinnerList .eventArticleForm .allWrap .control {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control:only-child {
  width: 100%;
}
.event .eventDescription .eventArticleForm .allWrap .control.w1, .event .eventWinnerList .eventArticleForm .allWrap .control.w1 {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w1, .event .eventWinnerList .eventArticleForm .allWrap .control.w1 {
    width: 100%;
    border-bottom: 3px solid #434343;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control.w2, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 {
  width: 75%;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack {
    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;
    border-bottom: 1px solid #434343;
  }
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack:last-child, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack:last-child {
    border-bottom: none;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control.w2 .pack .subTit, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack .subTit {
  display: none;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack .subTit, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack .subTit {
    display: block;
    width: calc(100% - 170px);
    font-weight: bold;
    letter-spacing: 1.05px;
    color: #333;
    text-align: left;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack .subTit, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack .subTit {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack .content, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack .content {
    width: 170px;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control.w2 .pack.packDesc, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack.packDesc {
  width: 45%;
  padding: 0 10px;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack.packDesc, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack.packDesc {
    width: 100%;
    padding: 0;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control.w2 .pack.packCount, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack.packCount {
  width: 15%;
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack.packCount, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack.packCount {
    width: 100%;
    padding: 0;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control.w2 .pack.packAns, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack.packAns {
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .allWrap .control.w2 .pack.packAns, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack.packAns {
    width: 100%;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control.w2 .pack:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control.w2 .pack:only-child {
  width: 100% !important;
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .desc, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .desc, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .desc {
  display: block;
  font-size: 1rem;
  letter-spacing: 1.3px;
  line-height: 1.4;
  color: #000;
  padding: 12px 0;
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .desc:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .desc:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .desc:only-child {
  padding: 27px 0;
}
@media only screen and (max-width: 500px) {
  .event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .desc:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .desc:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .desc:only-child {
    padding: 15px 0;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .title {
  font-weight: bolder;
  color: #000;
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packTitle .desc, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc, .event .eventDescription .eventArticleForm .allWrap .control .pack.packCount .desc, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packTitle .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packCount .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .desc {
  letter-spacing: 1px;
  color: #333;
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc {
  padding-top: 0;
  padding-bottom: 0;
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title:first-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc:first-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title:first-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc:first-child {
  padding-top: 27px;
}
@media only screen and (max-width: 500px) {
  .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title:first-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc:first-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title:first-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc:first-child {
    padding-top: 15px;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title:last-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc:last-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title:last-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc:last-child {
  padding-bottom: 27px;
}
@media only screen and (max-width: 500px) {
  .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .title:last-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packDesc .desc:last-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .title:last-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packDesc .desc:last-child {
    padding-bottom: 15px;
  }
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .title, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .desc, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .title, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .desc {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  border-bottom: 1px solid #9e9e9e;
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .title:last-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .desc:last-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .title:last-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .desc:last-child {
  border-bottom: none;
}
.event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .title:only-child, .event .eventDescription .eventArticleForm .allWrap .control .pack.packAns .desc:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .title:only-child, .event .eventWinnerList .eventArticleForm .allWrap .control .pack.packAns .desc:only-child {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .event .eventDescription .eventArticleForm .contentWrap {
    border-bottom: 3px solid #434343;
    border-top: 3px solid #434343;
  }
  .event .eventDescription .eventArticleForm .contentWrap .allWrap {
    padding: 25px 8px;
    margin-bottom: 0;
    border-bottom: 1px solid #434343;
  }
  .event .eventDescription .eventArticleForm .contentWrap .control.w1 {
    border-bottom: none;
  }
  .event .eventDescription .eventArticleForm .contentWrap .control.w1 .pack .content .title {
    padding: 0;
    padding-bottom: 8px;
  }
  .event .eventDescription .eventArticleForm .contentWrap .control.w2 .pack .content {
    width: 100%;
  }
  .event .eventDescription .eventArticleForm .contentWrap .control.w2 .pack .content .desc {
    padding: 0;
  }
}
.event footer {
  width: 100%;
  height: auto;
  background-color: #1b1b1b;
  padding: 75px 0 35px;
  position: relative;
}
@media only screen and (max-width: 1600px) {
  .event footer {
    padding: 75px 50px 35px;
  }
}
@media only screen and (max-width: 991px) {
  .event footer {
    padding: 90px 50px 70px;
  }
}
@media only screen and (max-width: 500px) {
  .event footer {
    padding: 90px 30px 40px;
  }
}
.event footer .container {
  width: 100%;
  max-width: 1530px;
  margin: 0 auto;
}
@media only screen and (max-width: 1600px) {
  .event footer .container {
    max-width: 100%;
  }
}
.event footer article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .event footer article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.event footer article .listGroup {
  width: 40%;
}
@media only screen and (max-width: 991px) {
  .event footer article .listGroup {
    width: 100%;
    text-align: center;
  }
}
.event footer article .otherGroup {
  width: 20%;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .event footer article .otherGroup {
    width: 100%;
  }
}
.event footer article .contactGroup {
  width: 40%;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .event footer article .contactGroup {
    width: 100%;
    text-align: center;
  }
}
.event footer article.topSection {
  border-bottom: 1px solid #3d3d3d;
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .event footer article.topSection {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .event footer article.topSection .listGroup {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 30px 0;
  }
}
.event footer article.topSection .listGroup > .wrap a {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.75px;
  color: #333;
  padding: 0 15px;
  color: #fff;
  position: relative;
}
.event footer article.topSection .listGroup > .wrap a:after {
  content: "";
  width: 1px;
  height: 55%;
  background-color: #686767;
  position: absolute;
  right: 0;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event footer article.topSection .listGroup > .wrap a:last-child:after {
  display: none;
}
.event footer article.topSection .listGroup > .wrap a:hover {
  color: #eee;
}
@media only screen and (max-width: 991px) {
  .event footer article.topSection .otherGroup {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.event footer article.topSection .otherGroup > .wrap .number {
  font-size: 1.875rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  font-weight: 300;
  letter-spacing: 1.5px;
  color: #333;
  margin-bottom: 5px;
  white-space: nowrap;
  color: #fff;
}
@media only screen and (max-width: 500px) {
  .event footer article.topSection .otherGroup > .wrap .number {
    font-size: 1.625rem;
  }
}
.event footer article.topSection .otherGroup > .wrap .servic {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 1.8px;
  color: #999;
}
@media only screen and (max-width: 500px) {
  .event footer article.topSection .otherGroup > .wrap .servic {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 991px) {
  .event footer article.topSection .contactGroup {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.event footer article.topSection .contactGroup > .wrap .ser {
  font-size: 1.125rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 0.7px;
  color: #fff;
  margin-bottom: 6px;
}
.event footer article.topSection .contactGroup > .wrap .co {
  font-size: 0.875rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 0.7px;
  color: #fff;
}
.event footer article.botSection {
  padding-top: 30px;
}
@media only screen and (max-width: 991px) {
  .event footer article.botSection {
    padding-top: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .event footer article.botSection .listGroup {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.event footer article.botSection .listGroup > .wrap a {
  display: inline-block;
}
.event footer article.botSection .listGroup > .wrap a:hover {
  color: #fff;
}
.event footer article.botSection .listGroup > .wrap a, .event footer article.botSection .listGroup > .wrap div, .event footer article.botSection .listGroup > .wrap span {
  font-size: 0.8125rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
  letter-spacing: 0.5px;
  color: #aaaaaa;
}
@media only screen and (max-width: 500px) {
  .event footer article.botSection .listGroup > .wrap a, .event footer article.botSection .listGroup > .wrap div, .event footer article.botSection .listGroup > .wrap span {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 991px) {
  .event footer article.botSection .otherGroup > .wrap {
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.event footer article.botSection .otherGroup > .wrap a {
  color: rgba(238, 238, 238, 0.6);
  font-size: 1.875rem;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.event footer article.botSection .otherGroup > .wrap a:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #eee;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}
@media only screen and (max-width: 991px) {
  .event footer article.botSection .contactGroup {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 15px;
  }
}
.event footer article.botSection .contactGroup > .wrap a {
  display: inline-block;
  font-size: 1.375rem;
  margin-right: 20px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #686767;
}
@media only screen and (max-width: 991px) {
  .event footer article.botSection .contactGroup > .wrap a {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .event footer article.botSection .contactGroup > .wrap a {
    font-size: 1.25rem;
  }
}
.event footer article.botSection .contactGroup > .wrap a:last-child {
  margin-right: 0;
}
.event footer article.botSection .contactGroup > .wrap a:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #999;
  color: #fff;
}
.event footer.white {
  background-color: #fff;
}
.event footer.white .topSection .listGroup > .wrap a {
  color: #000;
}
.event footer.white .topSection .listGroup > .wrap a:after {
  background-color: #ccc;
}
.event footer.white .topSection .listGroup > .wrap a:hover {
  color: #515151;
}
.event footer.white .topSection .otherGroup > .wrap .number {
  color: rgb(51, 51, 51);
}
.event footer.white .topSection .contactGroup > .wrap .ser {
  color: #000;
}
.event footer.white .topSection .contactGroup > .wrap .co {
  color: #000;
}
.event footer.white .botSection .listGroup > .wrap a:hover {
  color: #515151;
}
.event footer.white .botSection .otherGroup > .wrap a {
  color: #000;
}
.event footer.white .botSection .otherGroup > .wrap a:hover {
  color: #515151;
}
.event footer.white .botSection .contactGroup > .wrap a {
  color: #000;
}
.event footer.white .botSection .contactGroup > .wrap a:hover {
  border: 1px solid #333;
  color: #515151;
}
.event .menulbox2 {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .event .menulbox2 {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 100;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
  }
  .event .menulbox2-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 70px 85px 94px;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 768px) {
  .event .menulbox2-wrap {
    padding: 45px 30px 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .menulbox2-wrap:after {
    content: "";
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.89);
    opacity: 0;
    -webkit-transition: height 0.8s, opacity 1.6s;
    transition: height 0.8s, opacity 1.6s;
  }
  .event .menulbox2-wrap .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 140px;
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 768px) {
  .event .menulbox2-wrap .control {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .menulbox2-wrap .control .control-close {
    margin-right: 25px;
  }
  .event .menulbox2-wrap .control .control-close .close {
    position: relative;
    width: 35px;
    height: 35px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .event .menulbox2-wrap .control .control-close .close:hover {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .event .menulbox2-wrap .control .control-close .close span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #fff;
  }
  .event .menulbox2-wrap .control .control-close .close span:first-child {
    width: 1px;
    height: 100%;
  }
  .event .menulbox2-wrap .control .control-close .close span:last-child {
    width: 100%;
    height: 1px;
  }
  .event .menulbox2-wrap .control .share {
    display: block;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, "微軟正黑體修正", "微軟正黑體", sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 1.2px;
    color: #999999;
    margin-right: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .event .menulbox2-wrap .control .share {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  .event .menulbox2-wrap .control .share:hover {
    color: #fff;
  }
  .event .menulbox2-wrap .control .social {
    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;
    opacity: 0;
  }
  .event .menulbox2-wrap .control .social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    margin: 0 12px;
    color: #999;
    font-size: 1.25rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 500px) {
  .event .menulbox2-wrap .control .social a {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 1024px) {
  .event .menulbox2-wrap .control .social a:hover {
    color: #fff;
  }
  .event .menulbox2-wrap .list ul {
    display: block;
    text-align: center;
  }
  .event .menulbox2-wrap .list li {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .event .menulbox2-wrap .list li:last-child a {
    margin-bottom: 0;
  }
  .event .menulbox2-wrap .list a {
    display: block;
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 45px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 768px) {
  .event .menulbox2-wrap .list a {
    font-size: 1.125rem;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 1024px) {
  .event .menulbox2-wrap .list a:hover {
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  .event .menulbox2.show {
    opacity: 1;
  }
  .event .menulbox2.show .menulbox2-wrap {
    pointer-events: auto;
    overflow-y: auto;
  }
  .event .menulbox2.show .menulbox2-wrap:after {
    opacity: 1;
    height: 100%;
    -webkit-transition: height 0.5s, opacity 0.5s;
    transition: height 0.5s, opacity 0.5s;
  }
  .event .menulbox2.show .menulbox2-wrap .control {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .event .menulbox2.show .menulbox2-wrap .social {
    opacity: 1;
    -webkit-transition: 0.8s 1.2s;
    transition: 0.8s 1.2s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul li {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li:nth-child(1) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li:nth-child(2) {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li:nth-child(3) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li:nth-child(4) {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li:nth-child(5) {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li:nth-child(6) {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
  .event .menulbox2.show .menulbox2-wrap .list ul:first-child li:nth-child(7) {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
}

.event .showbar {
  opacity: 0;
  pointer-events: none;
  background-color: #000;
  position: fixed;
  left: 0;
  top: -150px;
  z-index: 50;
}
.event .showbar .container {
  padding: 18px 110px;
}
@media only screen and (max-width: 1400px) {
  .event .showbar .container {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 500px) {
  .event .showbar .container {
    padding: 20px 30px;
  }
}
.event .showbar .media span.text:hover {
  color: #ccc;
}
.event .showbar .media span.icon-facebook {
  color: #999999;
}
.event .showbar .media span.icon-facebook:hover {
  color: #ccc;
}
.event .showbar .media span.icon-line {
  color: #999999;
}
.event .showbar .media span.icon-line:hover {
  color: #ccc;
}
.event .showbar .media span.icon-twitter {
  color: #999999;
}
.event .showbar .media span.icon-twitter:hover {
  color: #ccc;
}
.event .showbar .media span.icon-link {
  color: #999999;
}
.event .showbar .media span.icon-link:hover {
  color: #ccc;
}
.event .showbar ul.listGroup a {
  color: rgba(255, 255, 255, 0.95);
}
.event .showbar ul.listGroup a:hover {
  color: #ccc;
}
.event .showbar ul.listGroup a::after {
  background-color: #ccc;
}
.event .showbar .logo {
  max-width: 150px;
}
@media only screen and (max-width: 600px) {
  .event .showbar .logo {
    max-width: 130px;
  }
}
.event .showbar .logo img.black {
  display: none;
}
.event .showbar .logo img.white {
  display: block;
}
.event .showbar .mobBtn .group div {
  background-color: #fff;
}
.event .showbar .mobBtn .text {
  color: #999;
}
.event .showbar .mobBtn .text:hover {
  color: #333;
}
.event .showbar .mobBtn .media span {
  color: #999999;
}
.event .showbar .mobBtn .media span:hover {
  color: #333;
}
.event .showbar.show {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  top: 0;
  opacity: 1;
  pointer-events: all;
}
.event .showbar.hide {
  top: -150px;
  opacity: 0;
  pointer-events: none;
}
.event .showbar.white {
  background-color: #fff;
}
.event .showbar.white .media span.text:hover {
  color: #333;
}
.event .showbar.white .media span.icon-facebook:hover {
  color: #333;
}
.event .showbar.white .media span.icon-line:hover {
  color: #333;
}
.event .showbar.white .media span.icon-twitter:hover {
  color: #333;
}
.event .showbar.white .media span.icon-link:hover {
  color: #333;
}
.event .showbar.white ul.listGroup a {
  color: #333;
}
.event .showbar.white ul.listGroup a:hover {
  color: #000;
}
.event .showbar.white ul.listGroup a::after {
  background-color: #aaa;
}
.event .showbar.white .logo img.black {
  display: block;
}
.event .showbar.white .logo img.white {
  display: none;
}
.event .showbar.white .mobBtn .group div {
  background-color: #333;
}
.event .showbar.white .mobBtn .text:hover {
  color: #333;
}
.event .showbar.white .mobBtn .media span:hover {
  color: #333;
}

.point_show {
  opacity: 1 !important;
}

.innerBanTextWrap.point_hide {
  top: 52%;
  opacity: 0;
}
.innerBanTextWrap.point_hide.point_show {
  top: 50%;
  opacity: 1;
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.relateAndMoreProduct.point_hide .innerDescWrap, .relateAndMoreProduct.point_hide .swiperAll {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.relateAndMoreProduct.point_hide.point_show .innerDescWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.relateAndMoreProduct.point_hide.point_show .swiperAll {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}

.moreFeatureProduct.point_hide .innerDescWrap, .moreFeatureProduct.point_hide .swiperAll {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.moreFeatureProduct.point_hide.point_show .innerDescWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.moreFeatureProduct.point_hide.point_show .swiperAll {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}

footer.point_hide .footerTop {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
footer.point_hide .footerTop .item:nth-child(1) {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
footer.point_hide .footerTop .item:nth-child(2) {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
footer.point_hide .footerTop .item:nth-child(3) {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
footer.point_hide .footerBottom .leftLogo {
  opacity: 0;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
}
footer.point_hide .footerBottom .middleNav {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
footer.point_hide .footerBottom .rightSpan {
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
}
footer.point_hide.point_show .footerTop {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
footer.point_hide.point_show .item:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
footer.point_hide.point_show .item:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
footer.point_hide.point_show .item:nth-child(3) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
footer.point_hide.point_show .footerBottom .leftLogo, footer.point_hide.point_show .footerBottom .middleNav, footer.point_hide.point_show .footerBottom .rightSpan {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}

.home .homeBanner.point_hide .bannerContent {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeBanner.point_hide.point_show .bannerContent {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeProduct.point_hide .productContent .productDescription {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeProduct.point_hide .productContent_Mob .textContent, .home .homeProduct.point_hide .productContent_Mob .swiperContent {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeProduct.point_hide.point_show .productContent .productDescription {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeProduct.point_hide.point_show .productContent_Mob .textContent, .home .homeProduct.point_hide.point_show .productContent_Mob .swiperContent {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeFeature.point_hide .featureContent {
  top: 52%;
  opacity: 0;
}
.home .homeFeature.point_hide.point_show .featureContent {
  top: 50%;
  opacity: 1;
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeSlim.point_hide .slimDescription {
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
}
.home .homeSlim.point_hide .swiperAll {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeSlim.point_hide.point_show .slimDescription {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeSlim.point_hide.point_show .swiperAll {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.7s;
  transition: 0.5s 0.7s;
}
.home .homeAbout.point_hide .aboutContainer {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeAbout.point_hide .aboutDescription {
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
}
.home .homeAbout.point_hide.point_show .aboutContainer {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeAbout.point_hide.point_show .aboutDescription {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.7s;
  transition: 0.5s 0.7s;
}
.home .homeService.point_hide .serviceContainer {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeService.point_hide .item:nth-child(1), .home .homeService.point_hide .item:nth-child(2), .home .homeService.point_hide .item:nth-child(3), .home .homeService.point_hide .item:nth-child(4) {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeService.point_hide .btns {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeService.point_hide .contact {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeService.point_hide.point_show .serviceContainer {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.home .homeService.point_hide.point_show .item:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeService.point_hide.point_show .item:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.6s;
  transition: 0.5s 0.6s;
}
.home .homeService.point_hide.point_show .item:nth-child(3) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.7s;
  transition: 0.5s 0.7s;
}
.home .homeService.point_hide.point_show .item:nth-child(4) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.8s;
  transition: 0.5s 0.8s;
}
.home .homeService.point_hide.point_show .btns {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.9s;
  transition: 0.5s 0.9s;
}
.home .homeService.point_hide.point_show .contact {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 1s;
  transition: 0.5s 1s;
}
.home .homeNews.point_hide .newsDescription {
  opacity: 0;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
}
.home .homeNews.point_hide .homeNewsSwiperAll {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.home .homeNews.point_hide.point_show .newsDescription {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.home .homeNews.point_hide.point_show .homeNewsSwiperAll {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.7s;
  transition: 0.5s 0.7s;
}

.news .newsOverView.point_hide .selectButtonWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.news .newsOverView.point_hide.point_show .selectButtonWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.news .newsOverView .item.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.news .newsOverView .item.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}

.newsDetail .detailContent .topHeader.point_hide .dateGroup, .newsDetail .detailContent .topHeader.point_hide .kind, .newsDetail .detailContent .topHeader.point_hide .spanGroup {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.newsDetail .detailContent .topHeader.point_hide.point_show .dateGroup, .newsDetail .detailContent .topHeader.point_hide.point_show .kind, .newsDetail .detailContent .topHeader.point_hide.point_show .spanGroup {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.newsDetail .detailContent .moreGroup.point_hide .moreText, .newsDetail .detailContent .moreGroup.point_hide .moreBtns {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.newsDetail .detailContent .moreGroup.point_hide.point_show .moreText {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.newsDetail .detailContent .moreGroup.point_hide.point_show .moreBtns {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.newsDetail .detailSwiper.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.newsDetail .detailSwiper.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}

.feature .featureOverview .overviewContent .item.point_hide .textWrap, .feature .featureOverview .overviewContent .item.point_hide .imgControl {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.feature .featureOverview .overviewContent .item.point_hide .textH:before {
  width: 0;
}
.feature .featureOverview .overviewContent .item.point_hide.point_show .textWrap, .feature .featureOverview .overviewContent .item.point_hide.point_show .imgControl {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.feature .featureOverview .overviewContent .item.point_hide.point_show .textH::before {
  width: 176px;
  -webkit-transition: 0.7s 0.6s;
  transition: 0.7s 0.6s;
}
@media only screen and (max-width: 1400px) {
  .feature .featureOverview .overviewContent .item.point_hide.point_show .textH::before {
    width: 100px;
  }
}

.featureDetail .featureHeadSwiper.point_hide .imgWrap, .featureDetail .featureHeadSwiper.point_hide .textWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.featureDetail .featureHeadSwiper.point_hide.point_show .imgWrap, .featureDetail .featureHeadSwiper.point_hide.point_show .textWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.featureDetail .featureNav.point_hide .featGroup {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.featureDetail .featureNav.point_hide.point_show .featGroup {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.featureDetail .featureCertification.point_hide .innerDescWrap, .featureDetail .featureCertification.point_hide .selectButtonWrap, .featureDetail .featureCertification.point_hide .innerTable {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.featureDetail .featureCertification.point_hide.point_show .innerDescWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.featureDetail .featureCertification.point_hide.point_show .selectButtonWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
.featureDetail .featureCertification.point_hide.point_show .innerTable {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}

.product .productContent .innerContent .item.point_hide .imgWrap, .product .productContent .innerContent .item.point_hide .textWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.product .productContent .innerContent .item.point_hide .productTitle::before {
  width: 0;
}
.product .productContent .innerContent .item.point_hide.point_show .imgWrap, .product .productContent .innerContent .item.point_hide.point_show .textWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.product .productContent .innerContent .item.point_hide.point_show .imgWrap {
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.product .productContent .innerContent .item.point_hide.point_show .textWrap {
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.product .productContent .innerContent .item.point_hide.point_show .productTitle::before {
  width: 140px;
  -webkit-transition: 0.7s 0.7s;
  transition: 0.7s 0.7s;
}
@media only screen and (max-width: 1280px) {
  .product .productContent .innerContent .item.point_hide.point_show .productTitle::before {
    width: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .product .productContent .innerContent .item.point_hide.point_show .productTitle::before {
    width: 100px;
  }
}

.productDetail .productDetNav.point_hide a {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .productDetNav.point_hide.point_show a {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0;
  transition: 0.5s 0;
}
.productDetail .productProfile.point_hide .textWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .productProfile.point_hide .productExcellence {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .productProfile.point_hide.point_show .textWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.productDetail .productProfile.point_hide.point_show .productExcellence {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
.productDetail .homeSlim.point_hide .innerDescWrap, .productDetail .homeSlim.point_hide .swiperAll {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .homeSlim.point_hide.point_show .innerDescWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.productDetail .homeSlim.point_hide.point_show .swiperAll {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
.productDetail .homeService.point_hide .serviceContainer {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .homeService.point_hide .item:nth-child(1), .productDetail .homeService.point_hide .item:nth-child(2), .productDetail .homeService.point_hide .item:nth-child(3), .productDetail .homeService.point_hide .item:nth-child(4) {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .homeService.point_hide .btns {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .homeService.point_hide .contact {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.productDetail .homeService.point_hide.point_show .serviceContainer {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.productDetail .homeService.point_hide.point_show .item:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.productDetail .homeService.point_hide.point_show .item:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.6s;
  transition: 0.5s 0.6s;
}
.productDetail .homeService.point_hide.point_show .item:nth-child(3) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.7s;
  transition: 0.5s 0.7s;
}
.productDetail .homeService.point_hide.point_show .item:nth-child(4) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.8s;
  transition: 0.5s 0.8s;
}
.productDetail .homeService.point_hide.point_show .btns {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.9s;
  transition: 0.5s 0.9s;
}
.productDetail .homeService.point_hide.point_show .contact {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 1s;
  transition: 0.5s 1s;
}

.expert .expertOverview .selectButtonWrap.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.expert .expertOverview .selectButtonWrap.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.expert .expertOverview .mainContent .card.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.expert .expertOverview .mainContent .card.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.expertDetail .experDetailBanner.point_hide .nameTitle, .expertDetail .experDetailBanner.point_hide .mainExperience, .expertDetail .experDetailBanner.point_hide .expertDetailImgWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.expertDetail .experDetailBanner.point_hide.point_show .nameTitle, .expertDetail .experDetailBanner.point_hide.point_show .mainExperience, .expertDetail .experDetailBanner.point_hide.point_show .expertDetailImgWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.expertDetail .experDetailBanner.point_hide .descControl.point_hide .title, .expertDetail .experDetailBanner.point_hide .descControl.point_hide .desc {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.expertDetail .experDetailBanner.point_hide .descControl.point_hide.point_show .title, .expertDetail .experDetailBanner.point_hide .descControl.point_hide.point_show .desc {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.contact .contactAll .innerDescWrap .enTitle.point_hide, .contact .contactAll .innerDescWrap .chTitle.point_hide, .contact .contactAll .innerDescWrap .moveGroup > a.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.contact .contactAll .innerDescWrap .enTitle.point_hide.point_show, .contact .contactAll .innerDescWrap .chTitle.point_hide.point_show, .contact .contactAll .innerDescWrap .moveGroup > a.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.contact .contactAll .innerContent .topSection.point_hide, .contact .contactAll .innerContent .basicForm.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.contact .contactAll .innerContent .topSection.point_hide.point_show, .contact .contactAll .innerContent .basicForm.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}

.qa .mainDesc.point_hide .sectionQ {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.qa .mainDesc.point_hide.point_show .sectionQ {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}

.witness .innerBlock.point_hide .innerDescWrap, .witness .innerBlock.point_hide .swiperAll {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.witness .innerBlock.point_hide.point_show .innerDescWrap, .witness .innerBlock.point_hide.point_show .swiperAll {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.witness .innerBlock.point_hide.point_show .innerDescWrap {
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.witness .innerBlock.point_hide.point_show .swiperAll {
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}

body.witnessOverview .selectButtonWrap, body.witnessOverview .swiper-slide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
body.witnessOverview .selectButtonWrap.point_show, body.witnessOverview .swiper-slide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}

.witnessDetail .artIntroduction .witnessArtSwiper.point_hide, .witnessDetail .artIntroduction .artTitle.point_hide, .witnessDetail .artIntroduction .mainExperience.point_hide, .witnessDetail .artIntroduction .artDesc > .wrap.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.witnessDetail .artIntroduction .witnessArtSwiper.point_hide.point_show, .witnessDetail .artIntroduction .artTitle.point_hide.point_show, .witnessDetail .artIntroduction .mainExperience.point_hide.point_show, .witnessDetail .artIntroduction .artDesc > .wrap.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.query .beginBox .titleWrap.point_hide, .query .beginBox .detectStart.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.query .beginBox .titleWrap.point_hide.point_show, .query .beginBox .detectStart.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.query .queryFinish .finishDescWrap.point_hide, .query .queryFinish .sect_1.point_hide, .query .queryFinish .sect_2.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.query .queryFinish .finishDescWrap.point_hide.point_show, .query .queryFinish .sect_1.point_hide.point_show, .query .queryFinish .sect_2.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}

.catalog .reservationForm.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.catalog .reservationForm.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}

.about .aboutContent .content.point_hide .imgBox, .about .aboutContent .content.point_hide .descBox {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.about .aboutContent .content.point_hide .descBox::before {
  width: 0;
}
.about .aboutContent .content.point_hide.point_show .imgBox, .about .aboutContent .content.point_hide.point_show .descBox {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.about .aboutContent .content.point_hide.point_show .imgBox {
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.about .aboutContent .content.point_hide.point_show .descBox {
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.about .aboutContent .content.point_hide.point_show .descBox::before {
  width: 140px;
  -webkit-transition: 0.9s 0.5s;
  transition: 0.9s 0.5s;
}
@media only screen and (max-width: 1400px) {
  .about .aboutContent .content.point_hide.point_show .descBox::before {
    width: 100px;
  }
}

.aboutDesc.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.aboutDesc.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}

.aboutDetail01 .aboutDetailBan.point_hide, .aboutDetail01 .aboutDetailInvention.point_hide, .aboutDetail01 .aboutDetailShapewear.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.aboutDetail01 .aboutDetailBan.point_hide.point_show, .aboutDetail01 .aboutDetailInvention.point_hide.point_show, .aboutDetail01 .aboutDetailShapewear.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.aboutDetail01 .aboutDetailInvention.point_hide .decoration_1, .aboutDetail01 .aboutDetailInvention.point_hide .decoration_2 {
  opacity: 0;
}
.aboutDetail01 .aboutDetailInvention.point_hide.point_show .decoration_1, .aboutDetail01 .aboutDetailInvention.point_hide.point_show .decoration_2 {
  opacity: 1;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}

.aboutDetail02 .aboutDetailBottom.point_hide::after {
  height: 0;
}
.aboutDetail02 .aboutDetailBottom.point_hide.point_show::after {
  height: 120px;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
@media only screen and (max-width: 500px) {
  .aboutDetail02 .aboutDetailBottom.point_hide.point_show::after {
    height: 90px;
  }
}
.aboutDetail02 .stepGuided.point_hide .wrap:nth-child(1), .aboutDetail02 .stepGuided.point_hide .wrap:nth-child(2), .aboutDetail02 .stepGuided.point_hide .wrap:nth-child(3), .aboutDetail02 .stepGuided.point_hide .wrap:nth-child(4), .aboutDetail02 .stepGuided.point_hide .wrap:nth-child(5) {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.aboutDetail02 .stepGuided.point_hide.point_show .wrap:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.aboutDetail02 .stepGuided.point_hide.point_show .wrap:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
.aboutDetail02 .stepGuided.point_hide.point_show .wrap:nth-child(3) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.aboutDetail02 .stepGuided.point_hide.point_show .wrap:nth-child(4) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.7s;
  transition: 0.5s 0.7s;
}
.aboutDetail02 .stepGuided.point_hide.point_show .wrap:nth-child(5) {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.9s;
  transition: 0.5s 0.9s;
}
.aboutDetail02 .step.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.aboutDetail02 .step.point_hide .textWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.aboutDetail02 .step.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.aboutDetail02 .step.point_hide.point_show .textWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}

.aboutDetail03 .aboutDetailBottom.point_hide::after {
  height: 0;
}
.aboutDetail03 .aboutDetailBottom.point_hide .selectButtonWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.aboutDetail03 .aboutDetailBottom.point_hide.point_show::after {
  height: 120px;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
@media only screen and (max-width: 500px) {
  .aboutDetail03 .aboutDetailBottom.point_hide.point_show::after {
    height: 90px;
  }
}
.aboutDetail03 .aboutDetailBottom.point_hide.point_show .selectButtonWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.aboutDetail03 .box.point_hide .imgWrap, .aboutDetail03 .box.point_hide .titleWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.aboutDetail03 .box.point_hide.point_show .imgWrap, .aboutDetail03 .box.point_hide.point_show .titleWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.aboutDetail03 .box.point_hide.point_show .titleWrap {
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}

.searchDetail .search-banner.point_hide .title-en, .searchDetail .search-banner.point_hide .title-tw, .searchDetail .search-banner.point_hide .text, .searchDetail .search-banner.point_hide a.button {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.searchDetail .search-banner.point_hide.point_show .title-en {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.searchDetail .search-banner.point_hide.point_show .title-tw {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
.searchDetail .search-banner.point_hide.point_show .text {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.searchDetail .search-banner.point_hide.point_show a.button {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}

.event .eventDescWrap.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventDescWrap.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.event .eventBanner.point_hide .bannerContent {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventBanner.point_hide.point_show .bannerContent {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.1s;
  transition: 0.5s 0.1s;
}
.event .eventArticleForm.point_hide {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventArticleForm.point_hide .titleWrap, .event .eventArticleForm.point_hide .contentWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventArticleForm.point_hide.point_show {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
.event .eventArticleForm.point_hide.point_show .titleWrap, .event .eventArticleForm.point_hide.point_show .contentWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.event .eventArticleForm.point_hide.point_show .contentWrap {
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
.event .eventSweepstake.point_hide .basicForm {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventSweepstake.point_hide.point_show .basicForm {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.event .eventThemeVoting.point_hide .card {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventThemeVoting.point_hide.point_show .card {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.event .eventMessageBoard.point_hide .basicForm {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventMessageBoard.point_hide.point_show .basicForm {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.event .eventRegistration.point_hide .registerForm {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventRegistration.point_hide .registerForm .titleWrap, .event .eventRegistration.point_hide .registerForm table {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventRegistration.point_hide.point_show .registerForm {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.event .eventRegistration.point_hide.point_show .registerForm .titleWrap, .event .eventRegistration.point_hide.point_show .registerForm table {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.6s;
  transition: 0.5s 0.6s;
}
.event .eventRegistration.point_hide.point_show .registerForm table {
  -webkit-transition: 0.5s 0.9s;
  transition: 0.5s 0.9s;
}
.event .eventWinnerList.point_hide .eventArticleForm {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventWinnerList.point_hide .eventArticleForm .titleWrap, .event .eventWinnerList.point_hide .eventArticleForm .contentWrap {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event .eventWinnerList.point_hide.point_show .eventArticleForm {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.event .eventWinnerList.point_hide.point_show .eventArticleForm .titleWrap, .event .eventWinnerList.point_hide.point_show .eventArticleForm .contentWrap {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
  -webkit-transition: 0.5s 0.6s;
  transition: 0.5s 0.6s;
}
.event .eventWinnerList.point_hide.point_show .eventArticleForm .contentWrap {
  -webkit-transition: 0.5s 0.9s;
  transition: 0.5s 0.9s;
}
.event footer.point_hide .topSection .listGroup, .event footer.point_hide .topSection .otherGroup, .event footer.point_hide .topSection .contactGroup {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event footer.point_hide .botSection .listGroup, .event footer.point_hide .botSection .contactGroup {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
.event footer.point_hide.point_show .topSection .listGroup, .event footer.point_hide.point_show .topSection .otherGroup, .event footer.point_hide.point_show .topSection .contactGroup {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.event footer.point_hide.point_show .topSection .otherGroup {
  -webkit-transition: 0.5s 0.2s;
  transition: 0.5s 0.2s;
}
.event footer.point_hide.point_show .topSection .contactGroup {
  -webkit-transition: 0.5s 0.4s;
  transition: 0.5s 0.4s;
}
.event footer.point_hide.point_show .botSection .listGroup, .event footer.point_hide.point_show .botSection .contactGroup {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0s;
  transition: 0.5s 0s;
}
.event footer.point_hide.point_show .botSection .otherGroup {
  -webkit-transition: 0.5s 0.3s;
  transition: 0.5s 0.3s;
}
.event footer.point_hide.point_show .botSection .contactGroup {
  -webkit-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}
/*# sourceMappingURL=style.css.map */