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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

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

input, select {
  vertical-align: middle; }

input, textarea, button, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

select::-ms-expand {
  display: none; }

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: initial; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button {
  border: none; }

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline: 0; }

form {
  width: 100%; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: none;
  padding: 0;
  line-height: inherit;
  color: #333;
  overflow: hidden;
  width: 100%; }

label {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  margin-bottom: 3px;
  font-weight: bold; }

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

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

input[type="search"] {
  -webkit-appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  margin-top: 1px \9;
  line-height: normal;
  vertical-align: baseline; }

input[type="radio"] {
  -webkit-appearance: radio;
  border-radius: 50%; }

input[type="checkbox"] {
  -webkit-appearance: checkbox; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

::-webkit-input-placeholder {
  color: #aaa; }

:-moz-placeholder {
  color: #aaa; }

::-moz-placeholder {
  color: #aaa; }

:-ms-input-placeholder {
  color: #aaa !important; }

::-ms-input-placeholder {
  color: #aaa; }

::placeholder {
  color: #aaa; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

body {
  font-size: 100%;
  font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  color: #332727;
  line-height: 1.5;
  visibility: hidden;
  overflow-x: hidden; }

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }

a {
  color: #00a0e6;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: none; }

img {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom; }

.primary {
  color: #00a0e6; }

.red {
  color: #f15078; }

.li-brown {
  color: #595757 !important; }

.bold {
  font-weight: 800; }

.m-blod {
  font-weight: 600; }

.center {
  text-align: center; }

.justify {
  text-align: justify; }

.fz-16 {
  font-size: 16px; }

.fz-18 {
  font-size: 18px; }

.fz-21 {
  font-size: 21px; }

.fz-24 {
  font-size: 24px; }

.hide {
  display: none;
  display: none; }
  @media (max-width: 575px) {
    .hide-sm {
      display: none; } }
  @media (max-width: 767px) {
    .hide-md {
      display: none; } }
  @media (max-width: 1023px) {
    .hide-lg {
      display: none; } }
  @media (max-width: 1199px) {
    .hide-xl {
      display: none; } }
  @media (max-width: 1399px) {
    .hide-xxl {
      display: none; } }

.block {
  display: block;
  display: block; }
  @media (max-width: 575px) {
    .block-sm {
      display: block; } }
  @media (max-width: 767px) {
    .block-md {
      display: block; } }
  @media (max-width: 1023px) {
    .block-lg {
      display: block; } }
  @media (max-width: 1199px) {
    .block-xl {
      display: block; } }
  @media (max-width: 1399px) {
    .block-xxl {
      display: block; } }

.forced-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

.forced-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

@media (max-width: 1200px) {
  .forced-scrollbar::-webkit-scrollbar {
    width: 0.58333vw; }
  .forced-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0.33333vw; } }

@media (max-width: 768px) {
  .forced-scrollbar::-webkit-scrollbar {
    width: 0.91146vw; }
  .forced-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0.52083vw; } }

@-webkit-keyframes float {
  to {
    -webkit-transform: translateX(50%);
    transform: translateX(50%); } }

@keyframes float {
  to {
    -webkit-transform: translateX(50%);
    transform: translateX(50%); } }

/*流水特效*/
@-webkit-keyframes arrow1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  16% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }
@keyframes arrow1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  16% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@-webkit-keyframes arrow2 {
  16% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  32% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@keyframes arrow2 {
  16% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  32% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@-webkit-keyframes arrow3 {
  32% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  48% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@keyframes arrow3 {
  32% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  48% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@-webkit-keyframes arrow4 {
  48% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  64% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@keyframes arrow4 {
  48% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  64% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@-webkit-keyframes arrow5 {
  64% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@keyframes arrow5 {
  64% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@-webkit-keyframes arrow6 {
  80% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  96% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

@keyframes arrow6 {
  80% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  96% {
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px); } }

/*電話抖動*/
@-webkit-keyframes shakePhone {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  5% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  20% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  26% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  32% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  38% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  43% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  49% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  55% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  61% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  67% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  73% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); } }
@keyframes shakePhone {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  5% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  10% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  20% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  26% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  32% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  38% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  43% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  49% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  55% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  61% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  67% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  73% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); } }

/*Robot*/
@-webkit-keyframes robotemerge {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(25px, 15px);
    transform: translate(25px, 15px); }
  30% {
    opacity: 0; } }
@keyframes robotemerge {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(25px, 15px);
    transform: translate(25px, 15px); }
  30% {
    opacity: 0; } }

@-webkit-keyframes apertureE1 {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(20px, 10px);
    transform: translate(20px, 10px); }
  30% {
    opacity: 0; } }

@keyframes apertureE1 {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(20px, 10px);
    transform: translate(20px, 10px); }
  30% {
    opacity: 0; } }

@-webkit-keyframes apertureE2 {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(10px, 5px);
    transform: translate(10px, 5px); }
  30% {
    opacity: 0; } }

@keyframes apertureE2 {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(10px, 5px);
    transform: translate(10px, 5px); }
  30% {
    opacity: 0; } }

@-webkit-keyframes apertureE3 {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px); }
  30% {
    opacity: 0; } }

@keyframes apertureE3 {
  10% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  20% {
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px); }
  30% {
    opacity: 0; } }

@-webkit-keyframes heart {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px); } }

@keyframes heart {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px); } }

@keyframes float {
  0% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes down {
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes down {
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(65px);
    filter: blur(65px); }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.8;
    -webkit-filter: blur(25px);
    filter: blur(25px); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(65px);
    filter: blur(65px); } }

@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(65px);
    filter: blur(65px); }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.8;
    -webkit-filter: blur(25px);
    filter: blur(25px); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(65px);
    filter: blur(65px); } }

.js-animate {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  .js-animate--fadein {
    opacity: 0; }
  .js-animate--fadein-up {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px); }
  .js-animate--fadein-down {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px); }
    @media (min-width: 769px) {
      .js-animate--fadein-down-max {
        opacity: 0;
        -webkit-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        transform: translate(0, 50px); } }
    @media (max-width: 768px) {
      .js-animate--fadein-down-min {
        opacity: 0;
        -webkit-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        transform: translate(0, 50px); } }
  .js-animate--fadein-left {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }
  .js-animate--fadein-right {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0); }
  .js-animate--maskin-left {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
  .js-animate--maskin-right {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
  .js-animate--maskin-up {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
  .js-animate--maskin-down {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }
  .js-animate--darkin {
    -webkit-filter: brightness(65%);
    filter: brightness(65%); }
  .js-animate--smallin {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  .js-animate--active {
    opacity: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .js-animate--active {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    @supports not ((-webkit-transform: unset) or (transform: unset)) {
      .js-animate--active {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    .js-animate--active[class*="--maskin"] {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
    .js-animate--active[class*="--darkin"] {
      -webkit-filter: brightness(1);
      filter: brightness(1); }
    .js-animate--active.js-animate--path {
      stroke-dashoffset: 0px !important; }
  .js-animate--delay100 {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms; }
  .js-animate--delay200 {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms; }
  .js-animate--delay300 {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms; }
  .js-animate--delay400 {
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms; }
  .js-animate--delay500 {
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms; }
  .js-animate--delay600 {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms; }
  .js-animate--delay700 {
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms; }
  .js-animate--delay800 {
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms; }
  .js-animate--delay900 {
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms; }
  .js-animate--delay1000 {
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms; }

.splide__pagination li {
  margin: 0 6px; }
  .splide__pagination li:only-child {
    display: none; }

.splide__pagination__page {
  opacity: 1;
  width: 14px;
  height: 14px; }
  .splide__pagination__page.is-active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

@media (max-width: 768px) {
  .splide__slide {
    opacity: 0.8;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s; }
    .splide__slide.is-active {
      opacity: 1; } }

.btnview {
  display: none;
  width: 110px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 15px;
  border: 1px solid #5c49d5;
  line-height: 30px;
  cursor: pointer;
  font-size: 15px;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s; }
  .btnview:hover {
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e7d4ff));
    background: -webkit-linear-gradient(left, #fff, #e7d4ff);
    background: -o-linear-gradient(left, #fff, #e7d4ff);
    background: linear-gradient(to right, #fff, #e7d4ff);
    background-color: #ffffff; }
  .btnview p {
    color: #5c49d5; }
  @media (max-width: 1200px) {
    .btnview {
      margin-right: 0.83333vw; } }
  @media (max-width: 1200px) and (max-width: 768px) {
    .btnview {
      width: 28.64583vw;
      height: 7.8125vw;
      border-radius: 30px; }
      .btnview p {
        font-size: 3.38542vw;
        line-height: 7.8125vw; } }

.hamburger {
  position: relative;
  width: 5.85938vw;
  height: 5.85938vw;
  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: 5.20833vw;
  margin-left: 4.16667vw;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 99; }
  .hamburger__box {
    display: none; }
  .hamburger::before {
    content: "";
    position: absolute;
    border: 5px solid transparent;
    top: calc(50% - 22.5px);
    left: calc(50% - 22.5px);
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .hamburger > span.line {
    border: 1px solid #5c49d6;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .hamburger_nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100vw;
    height: 100vh;
    background-color: #fff !important; }
    .hamburger_nav .box {
      width: 25.52083vw;
      height: 73.56771vw;
      margin: 0 auto;
      margin-top: 27.60417vw;
      display: block; }
      .hamburger_nav .box #mb__Menu {
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
        cursor: pointer; }
        .hamburger_nav .box #mb__Menu li {
          padding: 0; }
          .hamburger_nav .box #mb__Menu li a {
            display: block;
            font-size: 5.85938vw;
            font-weight: 500;
            padding: 0; }
            .hamburger_nav .box #mb__Menu li a:hover {
              color: #ef9400;
              font-weight: 700; }
            .hamburger_nav .box #mb__Menu li a:hover::after {
              width: 6.51042vw;
              height: 1.30208vw;
              left: calc(50% - vwm(25px));
              bottom: -4.03646vw; }
  .hamburger.is-active .line:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: -0.65104vw 1.5625vw;
    -ms-transform-origin: -0.65104vw 1.5625vw;
    transform-origin: -0.65104vw 1.5625vw; }
  .hamburger.is-active .line:nth-child(2) {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2, 0.2);
    -ms-transform: rotate(0deg) scale(0.2, 0.2);
    transform: rotate(0deg) scale(0.2, 0.2);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%; }
  .hamburger.is-active .line:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0% -1.04167vw;
    -ms-transform-origin: 0% -1.04167vw;
    transform-origin: 0% -1.04167vw; }

/*預選狀態--按鈕*/
.itemCheck {
  background-color: #5c49d5; }
  .itemCheck a {
    color: #fff !important; }
  .itemCheck::after {
    content: "";
    background-image: url(../images/button-arrow.svg);
    position: absolute;
    bottom: -18px;
    left: calc(100% / 2 - 9.5px);
    width: 20px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid #5c49d6; }
    @media (max-width: 768px) {
      .itemCheck::after {
        bottom: -4.94792vw;
        height: 4.94792vw;
        width: 5.72917vw; } }

.downloadCheck {
  background-color: #5c49d5; }
  .downloadCheck a {
    color: #fff !important; }
  .downloadCheck::after {
    content: "";
    background-image: url(../images/button-arrow.svg);
    position: absolute;
    bottom: -18px;
    left: calc(100% / 2 - 9.5px);
    width: 20px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid #5c49d6; }
    @media (max-width: 768px) {
      .downloadCheck::after {
        bottom: -4.94792vw;
        height: 4.94792vw;
        width: 5.72917vw; } }

.arrowCheck {
  background-color: #5c49d5; }
  .arrowCheck::after {
    content: "";
    background-image: url(../images/icon-arrow-white.svg);
    position: absolute;
    width: 30px;
    height: 30px; }
    @media (max-width: 768px) {
      .arrowCheck::after {
        width: 7.42188vw;
        height: 7.42188vw; } }

header {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eee; }
  header .container {
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    header .container .header__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      header .container .header__row .logo {
        margin-left: 20px; }
        header .container .header__row .logo a {
          display: block;
          width: 120px;
          height: auto; }
          header .container .header__row .logo a img {
            max-width: 100%;
            height: 100%;
            vertical-align: top; }
      header .container .header__row .header__nav {
        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-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        header .container .header__row .header__nav ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          header .container .header__row .header__nav ul li {
            padding: 0 15px; }
            header .container .header__row .header__nav ul li a {
              color: #000;
              padding-bottom: 8px;
              position: relative;
              font-size: 15px;
              font-weight: 600; }
              header .container .header__row .header__nav ul li a:hover {
                color: #ec9504;
                font-weight: 700; }
              header .container .header__row .header__nav ul li a:hover::after {
                content: "";
                position: absolute;
                width: 15px;
                height: 3px;
                background-color: #ec9504;
                bottom: 0px;
                left: calc(100% / 2 - 7.5px); }
        @media (max-width: 768px) {
          header .container .header__row .header__nav {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end; }
            header .container .header__row .header__nav ul {
              display: none; } }

@media (max-width: 1200px) and (max-width: 768px) {
  header {
    background-color: #f6f6f6;
    height: 14.32292vw; }
    header .container .header__row .logo a {
      width: 26.04167vw;
      height: 7.8125vw; } }

footer {
  position: relative;
  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;
  font-size: 13px;
  background: #173E6F;
  color: #ededed; }
  footer .container {
    max-width: 100%;
    padding: 10px; }
  footer .copyright {
    line-height: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    footer .copyright p {
      margin: 0 10px; }
    footer .copyright a {
      color: white;
      margin: 0;
      position: relative; }
      footer .copyright a:after {
        content: "";
        position: absolute;
        top: 25%;
        right: -10px;
        height: 60%;
        width: 1px;
        background-color: #93abd8; }
      footer .copyright a:last-child::after {
        display: none; }
  footer a {
    color: white; }
  footer .links a {
    margin: 0 10px; }

@media (max-width: 1200px) {
  footer {
    font-size: 1.25vw;
    font-size: 1.08333vw; }
    footer .links a {
      margin: 0 0.83333vw; } }

@media (max-width: 768px) {
  footer {
    font-size: 1.95313vw; }
    footer .container {
      padding: 1.95313vw 0; }
    footer .copyright {
      display: block;
      font-size: 3.90625vw;
      line-height: 1.5;
      height: auto; }
      footer .copyright > p {
        display: block;
        margin: 0 1.30208vw; }
      footer .copyright .links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around; } }

#overlayer {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1001;
  background: #ffffff; }

.loader {
  position: fixed;
  z-index: 1003;
  top: 50%;
  margin-top: -115px;
  left: 50%;
  margin-left: -86.5px; }

.dawho-logo {
  width: 173px;
  height: 177px; }
  .dawho-logo img {
    width: 173px;
    height: 177px; }

.loading {
  position: relative;
  margin-top: -60px; }
  .loading img {
    width: 173px;
    height: 173px; }

.sinopac-logo {
  width: 173px;
  margin-bottom: 20px; }
  .sinopac-logo img {
    width: 100%; }

.loading {
  position: relative;
  margin-top: -60px; }
  .loading img {
    width: 173px;
    height: 173px; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden; }
  main .wrapper {
    position: relative;
    top: 0;
    left: 50%;
    height: 0; }
    main .wrapper .kv__topleft {
      position: absolute;
      top: 20px;
      left: -870px;
      z-index: -5;
      animation: down 6s linear infinite alternate-reverse; }
      main .wrapper .kv__topleft img {
        width: 331px;
        height: 300px; }
    main .wrapper .kv__phonebg {
      position: absolute;
      top: 25px;
      left: -197px;
      z-index: -5; }
      main .wrapper .kv__phonebg img {
        width: 871px;
        height: 650px; }
    main .wrapper .kv__bottomright {
      position: absolute;
      top: 420px;
      z-index: 2;
      left: 630px;
      animation: float 5s -2s infinite alternate-reverse; }
      main .wrapper .kv__bottomright img {
        width: 219px;
        height: 152px; }
    main .wrapper .kv__bottomleft {
      position: absolute;
      top: 380px;
      z-index: -5;
      left: -1050px;
      animation: float 2s -2s infinite alternate-reverse; }
      main .wrapper .kv__bottomleft img {
        width: 789px;
        height: 621px; }
    main .wrapper .kv__topright {
      position: absolute;
      top: -270px;
      z-index: -5;
      left: 620px; }
      main .wrapper .kv__topright img {
        width: 500px;
        height: 500px; }
    main .wrapper .kv__mb-cir {
      position: absolute;
      z-index: -5;
      display: none;
      top: 0;
      left: 0; }
      main .wrapper .kv__mb-cir img {
        width: 393px;
        height: 371px; }
    main .wrapper .kv__mb-dot {
      position: absolute;
      z-index: -5;
      display: none;
      top: 0;
      left: 0; }
      main .wrapper .kv__mb-dot img {
        width: 116px;
        height: 208px; }
  main .section--stepbg {
    background-color: #f6f6f6; }
  main .section--problembg {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #d2f0ee), to(#fefcd4));
    background: -webkit-linear-gradient(left, #d2f0ee 30%, #fefcd4);
    background: -o-linear-gradient(left, #d2f0ee 30%, #fefcd4);
    background: linear-gradient(to right, #d2f0ee 30%, #fefcd4); }
  main .section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    /*服務須知*/
    /*服務流程*/
    /*服務項目介紹*/
    /*常見問題*/
    /*立即下載*/ }
    main .section .container .back__box {
      width: 100%;
      max-width: 1000px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 0 auto;
      padding: 0 10px; }
      main .section .container .back__box .text__Img {
        margin-top: 104px; }
        main .section .container .back__box .text__Img .bankImg img {
          width: 222px;
          height: 50px; }
        main .section .container .back__box .text__Img .viewImg {
          margin-top: 29px; }
          main .section .container .back__box .text__Img .viewImg img {
            width: 450px;
            height: 100px; }
        main .section .container .back__box .text__Img .sloganImg {
          margin-top: 34px; }
          main .section .container .back__box .text__Img .sloganImg img {
            width: 421px;
            height: 64px; }
      main .section .container .back__box .phone__bg {
        position: relative;
        margin-top: 147px; }
        main .section .container .back__box .phone__bg img {
          width: 462px;
          height: 512px;
          position: relative;
          z-index: 1; }
        main .section .container .back__box .phone__bg .kv__robot {
          position: absolute;
          z-index: 5;
          top: 57px;
          left: 133px; }
          main .section .container .back__box .phone__bg .kv__robot img {
            width: 194px;
            height: 232px; }
          main .section .container .back__box .phone__bg .kv__robot--emerge {
            -webkit-animation: robotemerge 6s infinite;
            animation: robotemerge 6s infinite; }
        main .section .container .back__box .phone__bg .kv__aperture-1st {
          position: absolute;
          z-index: 5;
          top: 309px;
          left: 228px; }
          main .section .container .back__box .phone__bg .kv__aperture-1st img {
            width: 69px;
            height: 22px; }
          main .section .container .back__box .phone__bg .kv__aperture-1st--emerge {
            -webkit-animation: apertureE1 5.9s infinite;
            animation: apertureE1 5.9s infinite; }
        main .section .container .back__box .phone__bg .kv__aperture-2nd {
          position: absolute;
          z-index: 5;
          top: 330px;
          left: 239px; }
          main .section .container .back__box .phone__bg .kv__aperture-2nd img {
            width: 58px;
            height: 19px; }
          main .section .container .back__box .phone__bg .kv__aperture-2nd--emerge {
            -webkit-animation: apertureE2 5.9s infinite;
            animation: apertureE2 5.9s infinite; }
        main .section .container .back__box .phone__bg .kv__aperture-3th {
          position: absolute;
          z-index: 5;
          top: 347px;
          left: 248px; }
          main .section .container .back__box .phone__bg .kv__aperture-3th img {
            width: 47px;
            height: 16px; }
          main .section .container .back__box .phone__bg .kv__aperture-3th--emerge {
            -webkit-animation: apertureE3 5.9s infinite;
            animation: apertureE3 5.9s infinite; }
        main .section .container .back__box .phone__bg .kv__phone-bg {
          position: absolute;
          z-index: 5;
          bottom: 54px;
          left: 240px; }
          main .section .container .back__box .phone__bg .kv__phone-bg img {
            width: 50px;
            height: 49px; }
        main .section .container .back__box .phone__bg .kv__phone {
          position: absolute;
          z-index: 5;
          bottom: 73px;
          left: 249px; }
          main .section .container .back__box .phone__bg .kv__phone img {
            width: 31px;
            height: 14px; }
          main .section .container .back__box .phone__bg .kv__phone--shake {
            -webkit-animation: shakePhone 1.5s infinite;
            animation: shakePhone 1.5s infinite; }
    main .section .container .info {
      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: 52px; }
      main .section .container .info .info__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        main .section .container .info .info__text img {
          width: 200px;
          height: 56px;
          margin: 59px 0 34px 0; }
      main .section .container .info .info__box {
        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; }
        main .section .container .info .info__box .box {
          width: 265px;
          height: 267px;
          border-radius: 30px;
          border: 1px solid #dfdff3;
          margin: 0 7px;
          background-color: #fff; }
          main .section .container .info .info__box .box:hover {
            scale: 1.1;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
            cursor: pointer;
            background-origin: padding-box;
            -webkit-box-shadow: 0 0 20px 10px #dfdff3;
            box-shadow: 0 0 20px 10px #dfdff3; }
          main .section .container .info .info__box .box .box__title {
            height: 44px;
            background-color: #5c49d5;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            border-bottom-style: 2px;
            text-align: center;
            line-height: 44px;
            overflow: hidden; }
            main .section .container .info .info__box .box .box__title p {
              font-size: 24px;
              color: #fff !important; }
            main .section .container .info .info__box .box .box__title .text--color {
              background-color: #9fb6f9;
              font-size: 24px;
              color: #fff !important; }
          main .section .container .info .info__box .box .box__img {
            height: 139px; }
            main .section .container .info .info__box .box .box__img img {
              height: 100%;
              padding: 25px;
              margin: auto; }
          main .section .container .info .info__box .box .box__text {
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 30px;
            font-size: 18px;
            padding: 0 16px 10px; }
            main .section .container .info .info__box .box .box__text p {
              text-align: center;
              margin-top: -10px;
              font-weight: 600; }
            main .section .container .info .info__box .box .box__text ol {
              margin-left: 18px;
              list-style: decimal;
              margin-top: -10px;
              font-weight: 600; }
    main .section .container .serviceStep {
      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; }
      main .section .container .serviceStep img {
        width: 200px;
        height: 56px;
        margin: 47px 0 26px; }
      main .section .container .serviceStep .step__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 61px; }
        main .section .container .serviceStep .step__container .step__box {
          width: 650px; }
          main .section .container .serviceStep .step__container .step__box .content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border: 1px solid #01b8b0;
            background-color: #fff; }
            main .section .container .serviceStep .step__container .step__box .content .step__icon {
              width: 160px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              main .section .container .serviceStep .step__container .step__box .content .step__icon img {
                width: 100px;
                height: 60px;
                margin: 0;
                padding-left: 20px; }
            main .section .container .serviceStep .step__container .step__box .content .step__text {
              padding: 19px 0 25px;
              width: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start;
              -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; }
              main .section .container .serviceStep .step__container .step__box .content .step__text p {
                padding: 0;
                text-align: left;
                font-size: 24px;
                color: #01b8b0;
                font-weight: 700;
                margin-bottom: 2px; }
              main .section .container .serviceStep .step__container .step__box .content .step__text span {
                display: block;
                font-size: 18px;
                letter-spacing: 0.0625em;
                font-weight: 600; }
              main .section .container .serviceStep .step__container .step__box .content .step__text ul {
                padding-left: 22px; }
                main .section .container .serviceStep .step__container .step__box .content .step__text ul li {
                  list-style: disc;
                  color: red;
                  font-size: 14px; }
          main .section .container .serviceStep .step__container .step__box .content--bgc {
            background-color: #f4fff3; }
          main .section .container .serviceStep .step__container .step__box .arrowImg {
            height: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            main .section .container .serviceStep .step__container .step__box .arrowImg img {
              width: 15px;
              height: 15px;
              margin: 0;
              margin-left: 8rem; }
            main .section .container .serviceStep .step__container .step__box .arrowImg--ani1 {
              -webkit-animation: arrow1 1.5s infinite;
              animation: arrow1 1.5s infinite; }
            main .section .container .serviceStep .step__container .step__box .arrowImg--ani2 {
              -webkit-animation: arrow2 1.5s infinite;
              animation: arrow2 1.5s infinite; }
            main .section .container .serviceStep .step__container .step__box .arrowImg--ani3 {
              -webkit-animation: arrow3 1.5s infinite;
              animation: arrow3 1.5s infinite; }
            main .section .container .serviceStep .step__container .step__box .arrowImg--ani4 {
              -webkit-animation: arrow4 1.5s infinite;
              animation: arrow4 1.5s infinite; }
            main .section .container .serviceStep .step__container .step__box .arrowImg--ani5 {
              -webkit-animation: arrow5 1.5s infinite;
              animation: arrow5 1.5s infinite; }
            main .section .container .serviceStep .step__container .step__box .arrowImg--ani6 {
              -webkit-animation: arrow6 1.5s infinite;
              animation: arrow6 1.5s infinite; }
    main .section .container .wrapper__item {
      position: absolute;
      top: 50%;
      height: 0;
      width: 0;
      left: 50%;
      z-index: -5; }
      main .section .container .wrapper__item .kv__itemCir {
        position: relative;
        top: -520px;
        left: -1000px;
        width: 454px;
        height: 427px; }
        main .section .container .wrapper__item .kv__itemCir img {
          margin: 0;
          -webkit-animation: pulsate-bck 3s ease infinite;
          animation: pulsate-bck 3s ease infinite; }
      main .section .container .wrapper__item .kv__itemCir2 {
        position: relative;
        left: 540px;
        bottom: 450px;
        width: 510px;
        height: 652px;
        -webkit-animation: heart 1.3s linear infinite alternate;
        animation: heart 1.3s linear infinite alternate; }
        main .section .container .wrapper__item .kv__itemCir2 img {
          -o-object-fit: contain;
          object-fit: contain;
          margin: 0;
          max-height: 100%; }
      main .section .container .wrapper__item .kv__itemdot {
        position: relative;
        top: -930px;
        left: -860px;
        width: 262px;
        height: 171px; }
        main .section .container .wrapper__item .kv__itemdot img {
          margin: 0; }
      main .section .container .wrapper__item .kv__itemdot2 {
        position: relative;
        top: -93em;
        left: 42em;
        width: 116px;
        height: 92px; }
        main .section .container .wrapper__item .kv__itemdot2 img {
          margin: 0; }
    main .section .container .serviceItem {
      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;
      /*mb-splide*/ }
      main .section .container .serviceItem .title img {
        width: 300px;
        height: 56px;
        margin: 50px 0 38px 0; }
      main .section .container .serviceItem .service__container {
        height: 68px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 42px; }
        main .section .container .serviceItem .service__container .service__button {
          border: 1px solid #5c49d5;
          width: 250px;
          border-radius: 34px;
          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: 0 14px;
          position: relative;
          font-size: 24px;
          font-weight: 600;
          cursor: pointer; }
          main .section .container .serviceItem .service__container .service__button a {
            color: #5c49d5;
            display: block; }
          main .section .container .serviceItem .service__container .service__button:hover {
            background-color: #5c49d5; }
            main .section .container .serviceItem .service__container .service__button:hover a {
              color: #fff !important;
              display: block; }
          main .section .container .serviceItem .service__container .service__button:hover::after {
            content: "";
            background-image: url(../images/button-arrow.svg);
            position: absolute;
            bottom: -18px;
            left: calc(100% / 2 - 9.5px);
            width: 20px;
            height: 17px; }
          main .section .container .serviceItem .service__container .service__button p {
            text-align: center; }
      main .section .container .serviceItem .content__box {
        width: 998px;
        height: 724px;
        margin-bottom: 220px; }
        main .section .container .serviceItem .content__box .content__info {
          letter-spacing: 0.05em;
          margin-bottom: 49px;
          font-size: 18px; }
          main .section .container .serviceItem .content__box .content__info--center {
            text-align: center; }
        main .section .container .serviceItem .content__box .splide .splide__track .splide__list .splide__slide {
          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;
          width: 998px; }
          main .section .container .serviceItem .content__box .splide .splide__track .splide__list .splide__slide img {
            margin: 0;
            width: 492px;
            height: 555px;
            image-rendering: auto; }
          main .section .container .serviceItem .content__box .splide .splide__track .splide__list .splide__slide--widthIE img {
            width: 25%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 auto; }
        main .section .container .serviceItem .content__box .splide .splide__track .desc {
          margin: 41px auto 0;
          width: 931px;
          color: #5c49d5;
          text-align: center;
          font-size: 18px; }
          main .section .container .serviceItem .content__box .splide .splide__track .desc--left {
            text-align: left; }
          main .section .container .serviceItem .content__box .splide .splide__track .desc--center {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: justify; }
      main .section .container .serviceItem .serMb__container {
        display: none; }
    main .section .container .problem {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: 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-align: center;
      -ms-flex-align: center;
      align-items: center; }
      main .section .container .problem img {
        width: 200px;
        height: 56px;
        margin: 44px 0 32px 0; }
      main .section .container .problem .box {
        width: 1100px;
        margin-bottom: 31px; }
        main .section .container .problem .box .problem__box {
          margin-bottom: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          cursor: pointer; }
          main .section .container .problem .box .problem__box .item {
            width: 100%;
            height: 60px;
            border-radius: 30px;
            background-color: #fff;
            line-height: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 16px; }
            main .section .container .problem .box .problem__box .item .qaBox {
              color: #01b8b0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              font-weight: 700;
              height: 100%;
              margin: 0;
              width: 30px;
              margin-left: 28px; }
              main .section .container .problem .box .problem__box .item .qaBox--lessMar {
                margin-left: 15px;
                margin-right: 14px; }
              main .section .container .problem .box .problem__box .item .qaBox img {
                width: 18px;
                height: 19px;
                margin: 0; }
              main .section .container .problem .box .problem__box .item .qaBox .num {
                font-size: 22px;
                margin: 0 0 3px 0; }
            main .section .container .problem .box .problem__box .item .text {
              font-size: 18px;
              margin-left: 15px;
              font-weight: 600; }
              main .section .container .problem .box .problem__box .item .text p {
                margin: 0; }
        main .section .container .problem .box .problem__content {
          border-bottom-left-radius: 30px;
          border-bottom-right-radius: 30px;
          background-color: #fff;
          display: none;
          margin-top: -42px;
          margin-bottom: 15px;
          -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.082);
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.082); }
          main .section .container .problem .box .problem__content .text {
            padding: 0 28px 25px 75px; }
            main .section .container .problem .box .problem__content .text .line {
              padding-bottom: 24px;
              border-bottom: 1px solid #01b8b0; }
            main .section .container .problem .box .problem__content .text p {
              padding-top: 13px;
              font-size: 15px;
              letter-spacing: 1px;
              font-weight: 600; }
    main .section .container .download {
      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;
      margin-bottom: 109px; }
      main .section .container .download img {
        width: 200px;
        height: 56px;
        margin: 48px 0 0 0; }
      main .section .container .download .download__container {
        width: 897px;
        height: 516px;
        margin-top: 38px;
        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; }
        main .section .container .download .download__container .button__box {
          height: 68px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          main .section .container .download .download__container .button__box .service__button {
            border: 1px solid #5c49d5;
            width: 250px;
            border-radius: 34px;
            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: 0 14px;
            position: relative;
            font-size: 24px;
            font-weight: 600;
            margin: 0 10px;
            cursor: pointer; }
            main .section .container .download .download__container .button__box .service__button a {
              color: #5c49d5;
              display: block; }
            main .section .container .download .download__container .button__box .service__button:hover {
              background-color: #5c49d5; }
              main .section .container .download .download__container .button__box .service__button:hover a {
                color: #fff !important;
                display: block; }
            main .section .container .download .download__container .button__box .service__button:hover::after {
              content: "";
              background-image: url(../images/button-arrow.svg);
              position: absolute;
              bottom: -18px;
              left: calc(100% / 2 - 9.5px);
              width: 20px;
              height: 17px; }
        main .section .container .download .download__container .button__content .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 420px; }
          main .section .container .download .download__container .button__content .content .qrcode {
            height: 100%;
            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; }
            main .section .container .download .download__container .button__content .content .qrcode .box {
              width: 422px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              margin: 103px 0 0 0; }
              main .section .container .download .download__container .button__content .content .qrcode .box img {
                width: 167px;
                height: 167px;
                margin: 0 0 40px 0; }
              main .section .container .download .download__container .button__content .content .qrcode .box .link__container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                height: 167px;
                cursor: pointer; }
                main .section .container .download .download__container .button__content .content .qrcode .box .link__container img {
                  width: 227px;
                  height: 155px;
                  margin: 0; }
            main .section .container .download .download__container .button__content .content .qrcode p {
              text-align: justify;
              letter-spacing: 1px;
              font-size: 15px; }
          main .section .container .download .download__container .button__content .content .qrcode__phone {
            background-position: bottom;
            margin: auto 0 auto 50px;
            background-repeat: no-repeat;
            background-size: cover;
            -o-object-fit: cover;
            object-fit: cover; }
            main .section .container .download .download__container .button__content .content .qrcode__phone img {
              width: 398px;
              height: 410px;
              margin: 0; }
      main .section .container .download .mbdownload {
        display: none; }

.kv__cigarette {
  position: absolute;
  width: 76.40693%;
  height: 52.34375%;
  top: -25.97403%;
  left: -23.37662%; }
  .kv__cigarette::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 75.92068%;
    background: url(../images/cigarette.svg) no-repeat;
    background-size: contain; }
  .kv__cigarette::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/star.svg);
    width: 54.39093%;
    padding-bottom: 31.72805%;
    left: 18.13031%;
    top: -0.84986%; }

.kv__icon {
  background-color: #fff; }
  .kv__icon::before {
    content: "";
    display: block;
    position: absolute; }
  .kv__icon:nth-of-type(1)::before {
    background: url(../images/icon_1.svg) no-repeat;
    width: 16.14731%;
    padding-bottom: 16.14731%;
    top: 51.86567%;
    left: 62.03966%; }
  .kv__icon:nth-of-type(2)::before {
    background: url(../images/icon_2.svg) no-repeat;
    width: 15.58074%;
    padding-bottom: 15.58074%;
    top: 27.23881%;
    left: 45.89235%; }
  .kv__icon:nth-of-type(3)::before {
    background: url(../images/icon_3.svg) no-repeat;
    width: 12.74788%;
    padding-bottom: 12.74788%;
    top: 7.08955%;
    left: 33.42776%; }
  .kv__icon:nth-of-type(4)::before {
    background: url(../images/icon_4.svg) no-repeat;
    width: 12.74788%;
    padding-bottom: 12.74788%;
    top: 15.67164%;
    left: 10.76487%; }
  .kv__icon:nth-of-type(5)::before {
    background: url(../images/icon_5.svg) no-repeat;
    width: 11.33144%;
    padding-bottom: 11.33144%;
    top: -0.74627%;
    left: -8.2153%; }

/*1200*/
@media (max-width: 1200px) {
  main .wrapper .kv__phonebg {
    top: 2.08333vw;
    left: -16.41667vw; }
    main .wrapper .kv__phonebg img {
      width: 72.58333vw;
      height: 54.16667vw; }
  main .section .container {
    /*服務須知*/
    /*服務項目介紹*/
    /*常見問題*/
    /*立即下載*/ }
    main .section .container .back__box {
      -ms-flex-pack: distribute;
      justify-content: space-around; }
      main .section .container .back__box .text__Img {
        margin-top: 8.66667vw; }
        main .section .container .back__box .text__Img .bankImg img {
          width: 18.5vw;
          height: 4.16667vw; }
        main .section .container .back__box .text__Img .viewImg {
          margin-top: 2.41667vw; }
          main .section .container .back__box .text__Img .viewImg img {
            width: 37.5vw;
            height: 8.33333vw; }
        main .section .container .back__box .text__Img .sloganImg {
          margin-top: 2.83333vw; }
          main .section .container .back__box .text__Img .sloganImg img {
            width: 35.08333vw;
            height: 5.33333vw; }
      main .section .container .back__box .phone__bg {
        margin-top: 12.25vw; }
        main .section .container .back__box .phone__bg img {
          width: 38.5vw;
          height: 42.66667vw; }
        main .section .container .back__box .phone__bg .kv__robot {
          top: 4.75vw;
          left: 11.08333vw; }
          main .section .container .back__box .phone__bg .kv__robot img {
            width: 16.16667vw;
            height: 19.33333vw; }
        main .section .container .back__box .phone__bg .kv__phone-bg {
          bottom: 4.5vw;
          left: 20vw; }
          main .section .container .back__box .phone__bg .kv__phone-bg img {
            width: 4.16667vw;
            height: 4.08333vw; }
        main .section .container .back__box .phone__bg .kv__aperture-1st {
          top: 25.75vw;
          left: 19vw; }
          main .section .container .back__box .phone__bg .kv__aperture-1st img {
            width: 5.75vw;
            height: 1.83333vw; }
        main .section .container .back__box .phone__bg .kv__aperture-2nd {
          top: 27.5vw;
          left: 19.91667vw; }
          main .section .container .back__box .phone__bg .kv__aperture-2nd img {
            width: 4.83333vw;
            height: 1.58333vw; }
        main .section .container .back__box .phone__bg .kv__aperture-3th {
          top: 28.91667vw;
          left: 20.66667vw; }
          main .section .container .back__box .phone__bg .kv__aperture-3th img {
            width: 3.91667vw;
            height: 1.33333vw; }
        main .section .container .back__box .phone__bg .kv__phone {
          bottom: 6.08333vw;
          left: 20.75vw; }
          main .section .container .back__box .phone__bg .kv__phone img {
            width: 2.58333vw;
            height: 1.16667vw; }
    main .section .container .info .info__box .box {
      margin: 7px; }
    main .section .container .serviceItem .service__container {
      width: 100%;
      margin-bottom: 3.5vw; }
      main .section .container .serviceItem .service__container .service__button {
        width: 20.83333vw;
        font-size: 2vw;
        height: 6.66667vw; }
        main .section .container .serviceItem .service__container .service__button p {
          font-size: 12px; }
    main .section .container .serviceItem .content__box {
      width: 83.16667vw;
      height: 60.33333vw; }
      main .section .container .serviceItem .content__box .content__info {
        font-size: 16px;
        margin-bottom: 4.08333vw; }
      main .section .container .serviceItem .content__box .splide .splide__track .splide__list .splide__slide {
        width: 83.16667vw; }
        main .section .container .serviceItem .content__box .splide .splide__track .splide__list .splide__slide img {
          width: 41vw;
          height: 46.25vw;
          -o-object-fit: contain;
          object-fit: contain; }
        main .section .container .serviceItem .content__box .splide .splide__track .splide__list .splide__slide .objfill {
          -o-object-fit: fill;
          object-fit: fill; }
      main .section .container .serviceItem .content__box .splide .splide__track .desc {
        width: 100%;
        word-wrap: word-break;
        margin-top: 3.41667vw;
        font-size: 16px; }
      main .section .container .serviceItem .content__box .splide .splide__pagination {
        margin-top: 25px; }
      main .section .container .serviceItem .content__box .splide .splide__arrows .splide__arrow--prev {
        left: calc(50% - 100px / 2);
        bottom: -15vw; }
      main .section .container .serviceItem .content__box .splide .splide__arrows .splide__arrow--next {
        right: calc(50% - 100px / 2);
        bottom: -15vw; }
    main .section .container .problem .box {
      padding: 0 10px;
      width: 100%; }
      main .section .container .problem .box .problem__box .item .text--wrap {
        line-height: 2.75vw;
        padding-right: 2.5vw; }
      main .section .container .problem .box .problem__content {
        width: 100%; }
    main .section .container .download {
      margin-bottom: 9.08333vw; }
      main .section .container .download .download__container {
        padding: 0 10px;
        width: 100%;
        height: 100%; }
        main .section .container .download .download__container .button__box .service__button {
          width: 20.83333vw;
          font-size: 2vw;
          height: 6.66667vw; }
        main .section .container .download .download__container .button__content .content {
          height: 35vw;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-top: 1.25vw; }
          main .section .container .download .download__container .button__content .content .qrcode {
            height: 35vw;
            width: 37.33333vw;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            main .section .container .download .download__container .button__content .content .qrcode .box {
              width: 100%;
              margin-top: 8.58333vw; }
              main .section .container .download .download__container .button__content .content .qrcode .box img {
                width: 13.91667vw;
                height: 13.91667vw; }
              main .section .container .download .download__container .button__content .content .qrcode .box .link__container {
                height: 13.91667vw; }
                main .section .container .download .download__container .button__content .content .qrcode .box .link__container img {
                  width: 18.91667vw;
                  height: 12.91667vw; }
            main .section .container .download .download__container .button__content .content .qrcode p {
              letter-spacing: 0px;
              font-size: 14px;
              margin-top: -1.66667vw; }
          main .section .container .download .download__container .button__content .content .qrcode__phone {
            margin-left: 4.16667vw; }
            main .section .container .download .download__container .button__content .content .qrcode__phone img {
              width: 33.16667vw;
              height: 34.16667vw; }
  /*768*/ }

@media (max-width: 1200px) and (max-width: 768px) {
  main .wrapper .kv__phonebg {
    top: 64.71354vw;
    left: -44.92188vw; }
    main .wrapper .kv__phonebg img {
      width: 113.02083vw;
      height: 84.375vw; }
  main .wrapper .kv__mb-cir {
    display: block;
    top: -28.64583vw;
    left: 14.32292vw; }
    main .wrapper .kv__mb-cir img {
      width: 51.17188vw;
      height: 48.30729vw; }
  main .wrapper .kv__bottomleft {
    display: none; }
  main .wrapper .kv__mb-dot {
    display: block;
    top: 91.53646vw;
    left: -46.875vw; }
    main .wrapper .kv__mb-dot img {
      width: 15.10417vw;
      height: 27.08333vw; }
  main .section .container {
    /*服務須知*/
    /*服務流程*/
    /*服務項目介紹*/
    /*常見問題*/
    /*立即下載*/ }
    main .section .container .back__box {
      -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; }
      main .section .container .back__box .text__Img {
        margin: 9.24479vw auto 0;
        width: 73.82813vw;
        height: 45.18229vw; }
        main .section .container .back__box .text__Img .bankImg {
          margin-bottom: 4.6875vw; }
          main .section .container .back__box .text__Img .bankImg img {
            width: 36.45833vw;
            height: 8.20313vw; }
        main .section .container .back__box .text__Img .viewImg {
          margin: 0vw; }
          main .section .container .back__box .text__Img .viewImg img {
            width: 75vw;
            height: 16.53646vw; }
        main .section .container .back__box .text__Img .sloganImg {
          margin-top: 5.46875vw; }
          main .section .container .back__box .text__Img .sloganImg img {
            width: 69.27083vw;
            height: 10.54688vw; }
      main .section .container .back__box .phone__bg {
        margin-top: 25.26042vw;
        margin-right: 3.64583vw; }
        main .section .container .back__box .phone__bg img {
          width: 59.89583vw;
          height: 66.40625vw; }
        main .section .container .back__box .phone__bg .kv__robot {
          top: 7.55208vw;
          left: 17.96875vw; }
          main .section .container .back__box .phone__bg .kv__robot img {
            width: 25.13021vw;
            height: 30.07813vw; }
        main .section .container .back__box .phone__bg .kv__aperture-1st {
          top: 40.10417vw;
          left: 30.46875vw; }
          main .section .container .back__box .phone__bg .kv__aperture-1st img {
            width: 8.98438vw;
            height: 2.99479vw; }
        main .section .container .back__box .phone__bg .kv__aperture-2nd {
          top: 42.83854vw;
          left: 31.77083vw; }
          main .section .container .back__box .phone__bg .kv__aperture-2nd img {
            width: 7.42188vw;
            height: 2.47396vw; }
        main .section .container .back__box .phone__bg .kv__aperture-3th {
          top: 44.92188vw;
          left: 32.8125vw; }
          main .section .container .back__box .phone__bg .kv__aperture-3th img {
            width: 5.98958vw;
            height: 2.08333vw; }
        main .section .container .back__box .phone__bg .kv__phone-bg {
          bottom: 7.16146vw;
          left: 31.38021vw; }
          main .section .container .back__box .phone__bg .kv__phone-bg img {
            width: 6.38021vw;
            height: 6.38021vw; }
        main .section .container .back__box .phone__bg .kv__phone {
          bottom: 9.50521vw;
          left: 32.29167vw; }
          main .section .container .back__box .phone__bg .kv__phone img {
            width: 4.42708vw;
            height: 1.69271vw; }
    main .section .container .info .info__text {
      margin-top: 11.45833vw;
      margin-bottom: 5.20833vw; }
      main .section .container .info .info__text img {
        width: 35.41667vw;
        height: 8.07292vw;
        margin: 0; }
    main .section .container .info .info__box .box {
      width: 75.39063vw;
      height: 76.30208vw;
      margin-bottom: 3.90625vw; }
      main .section .container .info .info__box .box .box__title {
        height: 12.63021vw;
        line-height: 12.63021vw;
        margin-bottom: 5.07813vw; }
        main .section .container .info .info__box .box .box__title p {
          font-size: 5.98958vw; }
        main .section .container .info .info__box .box .box__title .text--color {
          font-size: 5.98958vw; }
      main .section .container .info .info__box .box .box__img {
        width: 27.60417vw;
        height: 27.60417vw;
        margin: auto; }
        main .section .container .info .info__box .box .box__img img {
          padding: 0; }
      main .section .container .info .info__box .box .box__text {
        font-size: 4.42708vw;
        margin-top: 7.55208vw; }
        main .section .container .info .info__box .box .box__text p {
          margin: 0 5.59896vw;
          font-size: 4.42708vw;
          letter-spacing: 0.26042vw; }
        main .section .container .info .info__box .box .box__text ol {
          margin: 0;
          display: table;
          margin: 0 auto; }
    main .section .container #goTop {
      display: none;
      position: fixed;
      z-index: 15;
      right: 0px;
      bottom: 20px;
      width: 7.8125vw;
      height: 7.8125vw;
      background: -webkit-gradient(linear, left top, right top, from(#6358db), to(#7b8aed));
      background: -webkit-linear-gradient(left, #6358db, #7b8aed);
      background: -o-linear-gradient(left, #6358db, #7b8aed);
      background: linear-gradient(to right, #6358db, #7b8aed); }
      main .section .container #goTop .gotopImg {
        position: absolute;
        z-index: 16;
        background-image: url(../images/icon-goTop.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        top: calc(50% - 1.5vw);
        left: calc(50% - 1.8vw);
        width: 3.90625vw;
        height: 1.95313vw; }
    main .section .container .serviceStep img {
      width: 35.67708vw;
      height: 8.07292vw;
      margin-top: 7.29167vw;
      margin-bottom: 6.64063vw; }
    main .section .container .serviceStep .step__container {
      margin-bottom: 7.94271vw; }
      main .section .container .serviceStep .step__container .step__box {
        width: 93.75vw; }
        main .section .container .serviceStep .step__container .step__box .content .step__icon {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 37.76042vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__icon img {
            margin: auto;
            width: 25vw;
            height: 11.45833vw;
            padding: 0; }
          main .section .container .serviceStep .step__container .step__box .content .step__icon--mbImg2 img {
            width: 16.92708vw;
            height: 16.92708vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__icon--mbImg3 img {
            width: 14.84375vw;
            height: 13.41146vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__icon--mbImg4 {
            margin: auto; }
            main .section .container .serviceStep .step__container .step__box .content .step__icon--mbImg4 img {
              width: 12.10938vw;
              height: 18.22917vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__icon--mbImg5 img {
            width: 13.80208vw;
            height: 15.75521vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__icon--mbImg6 img {
            width: 14.84375vw;
            height: 17.83854vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__icon--mbImg7 img {
            width: 16.66667vw;
            height: 16.40625vw; }
        main .section .container .serviceStep .step__container .step__box .content .step__text {
          -webkit-box-flex: 1.5;
          -ms-flex: 1.5;
          flex: 1.5;
          width: 0;
          padding-top: 5.33854vw;
          padding-bottom: 8.98438vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__text p {
            font-size: 6.25vw;
            margin-bottom: 1.30208vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__text span {
            font-size: 4.55729vw;
            line-height: 5.59896vw; }
          main .section .container .serviceStep .step__container .step__box .content .step__text ul {
            padding-left: 2.86458vw; }
            main .section .container .serviceStep .step__container .step__box .content .step__text ul .mbText {
              font-size: 3.51563vw;
              padding: 0;
              margin-left: 2.21354vw;
              width: 75%; }
              main .section .container .serviceStep .step__container .step__box .content .step__text ul .mbText--other {
                font-size: 3.51563vw;
                width: 90%;
                margin-left: 1.82292vw;
                padding: 0; }
          main .section .container .serviceStep .step__container .step__box .content .step__text .mb--text {
            letter-spacing: 0;
            width: 90%; }
        main .section .container .serviceStep .step__container .step__box .arrowImg {
          margin-top: 3.38542vw;
          margin-bottom: 3.38542vw;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          main .section .container .serviceStep .step__container .step__box .arrowImg img {
            width: 3.38542vw;
            height: 2.99479vw;
            margin: 0; }
    main .section .container .serviceItem .title img {
      margin: 0;
      display: block;
      margin-top: 7.55208vw;
      margin-bottom: 5.85938vw;
      width: 53.77604vw;
      height: 8.07292vw; }
    main .section .container .serviceItem .service__container,
    main .section .container .serviceItem .content__box {
      display: none; }
    main .section .container .serviceItem .serMb__container {
      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;
      width: 100%;
      margin-bottom: 10.80729vw; }
      main .section .container .serviceItem .serMb__container .service__button {
        border: 1px solid #5c49d5;
        width: 250px;
        border-radius: 34px;
        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: 0 14px;
        position: relative;
        font-size: 24px;
        font-weight: 600;
        width: 78.125vw;
        height: 16.27604vw;
        border-radius: 8.13802vw;
        font-size: 6.11979vw;
        font-weight: 700;
        margin-bottom: 4.03646vw; }
        main .section .container .serviceItem .serMb__container .service__button a {
          color: #5c49d5;
          display: block; }
        main .section .container .serviceItem .serMb__container .service__button:hover {
          background-color: #5c49d5; }
          main .section .container .serviceItem .serMb__container .service__button:hover a {
            color: #fff !important;
            display: block; }
        main .section .container .serviceItem .serMb__container .service__button:hover::after {
          content: "";
          background-image: url(../images/button-arrow.svg);
          position: absolute;
          bottom: -18px;
          left: calc(100% / 2 - 9.5px);
          width: 20px;
          height: 17px; }
        main .section .container .serviceItem .serMb__container .service__button:hover::after {
          bottom: -4.94792vw;
          height: 4.94792vw;
          width: 5.72917vw; }
        main .section .container .serviceItem .serMb__container .service__button--marTop {
          margin-top: 8.59375vw; }
        main .section .container .serviceItem .serMb__container .service__button a {
          line-height: 6.11979vw; }
          main .section .container .serviceItem .serMb__container .service__button a p {
            text-align: center;
            font-size: 4.42708vw; }
      main .section .container .serviceItem .serMb__container .container_out {
        width: 100%;
        margin-bottom: 38.02083vw;
        margin-top: 8.98438vw; }
        main .section .container .serviceItem .serMb__container .container_out .content__info {
          font-size: 4.55729vw;
          margin-left: 10.02604vw;
          margin-right: 10.02604vw;
          margin-bottom: 9.63542vw; }
          main .section .container .serviceItem .serMb__container .container_out .content__info p {
            text-align: justify;
            font-weight: 600;
            letter-spacing: 4px; }
        main .section .container .serviceItem .serMb__container .container_out .splide .splide__track .splide__list .splide__slide {
          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;
          width: 97.65625vw; }
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__track .splide__list .splide__slide img {
            width: 68.61979vw;
            height: 152.21354vw;
            margin-bottom: 6.64063vw;
            image-rendering: auto; }
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__track .splide__list .splide__slide .desc {
            font-size: 5.20833vw;
            text-align: center;
            color: #5c49d6;
            font-weight: 600; }
            main .section .container .serviceItem .serMb__container .container_out .splide .splide__track .splide__list .splide__slide .desc p {
              margin: 0 auto; }
            main .section .container .serviceItem .serMb__container .container_out .splide .splide__track .splide__list .splide__slide .desc--mbwidth {
              width: 80%; }
            main .section .container .serviceItem .serMb__container .container_out .splide .splide__track .splide__list .splide__slide .desc--textL {
              text-align: justify; }
            main .section .container .serviceItem .serMb__container .container_out .splide .splide__track .splide__list .splide__slide .desc--center {
              text-align: center; }
        main .section .container .serviceItem .serMb__container .container_out .splide .splide__pagination {
          margin: 0;
          margin-top: 5.59896vw;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__pagination li {
            margin-left: 0.78125vw;
            margin-right: 0.78125vw; }
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__pagination .splide__pagination__page {
            width: 3.90625vw;
            height: 3.90625vw; }
        main .section .container .serviceItem .serMb__container .container_out .splide .splide__arrows .splide__arrow--next,
        main .section .container .serviceItem .serMb__container .container_out .splide .splide__arrows .splide__arrow--prev {
          width: 14.84375vw;
          height: 14.84375vw;
          bottom: -32.55208vw;
          right: 33%; }
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__arrows .splide__arrow--next img,
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__arrows .splide__arrow--prev img {
            width: 7.42188vw;
            height: 7.42188vw; }
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__arrows .splide__arrow--next::after,
          main .section .container .serviceItem .serMb__container .container_out .splide .splide__arrows .splide__arrow--prev::after {
            width: 7.42188vw;
            height: 7.42188vw; }
        main .section .container .serviceItem .serMb__container .container_out .splide .splide__arrows .splide__arrow--prev {
          left: 33%; }
    main .section .container .problem img {
      width: 35.54688vw;
      height: 8.07292vw;
      margin-top: 7.94271vw;
      margin-bottom: 6.64063vw; }
    main .section .container .problem .box .problem__box .item {
      line-height: 0;
      margin: 0 auto;
      height: 100%;
      border-radius: 8.59375vw;
      padding-top: 5.20833vw;
      padding-bottom: 5.20833vw; }
      main .section .container .problem .box .problem__box .item .qaBox {
        margin-left: 6.90104vw;
        width: 7.8125vw;
        height: 5.46875vw; }
        main .section .container .problem .box .problem__box .item .qaBox img {
          width: 50%;
          height: 100%; }
        main .section .container .problem .box .problem__box .item .qaBox .num {
          width: 50%;
          font-size: 5.46875vw; }
        main .section .container .problem .box .problem__box .item .qaBox--mbMarLeft {
          margin-left: 3.51563vw;
          margin-right: 3.25521vw; }
      main .section .container .problem .box .problem__box .item .text {
        font-size: 4.42708vw;
        margin-left: 3.125vw; }
        main .section .container .problem .box .problem__box .item .text--mbWrap {
          width: 70%;
          line-height: 5.72917vw;
          letter-spacing: 1.5px; }
    main .section .container .problem .box .problem__content {
      margin: 0 auto;
      margin-bottom: 4.16667vw;
      margin-top: -13.02083vw;
      border-bottom-left-radius: 8.59375vw;
      border-bottom-right-radius: 8.59375vw; }
      main .section .container .problem .box .problem__content .text {
        width: 90%;
        height: 100%; }
        main .section .container .problem .box .problem__content .text .line {
          padding-bottom: 10.41667vw;
          border-bottom: 1px solid #01b8b0; }
        main .section .container .problem .box .problem__content .text p {
          text-align: justify;
          word-break: break-all;
          font-size: 4.16667vw;
          margin-top: 5.72917vw;
          margin-bottom: 1.95313vw;
          padding: 0; }
    main .section .container .download img {
      width: 35.54688vw;
      height: 8.07292vw;
      margin-top: 7.94271vw;
      margin-bottom: 5.85938vw; }
    main .section .container .download .download__container {
      display: none; }
    main .section .container .download .mbdownload {
      display: block; }
      main .section .container .download .mbdownload .box .service__button {
        border: 1px solid #5c49d5;
        width: 250px;
        border-radius: 34px;
        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: 0 14px;
        position: relative;
        font-size: 24px;
        font-weight: 600;
        width: 78.125vw;
        height: 16.27604vw;
        border-radius: 8.13802vw;
        font-size: 6.11979vw;
        margin-bottom: 5.20833vw; }
        main .section .container .download .mbdownload .box .service__button a {
          color: #5c49d5;
          display: block; }
        main .section .container .download .mbdownload .box .service__button:hover {
          background-color: #5c49d5; }
          main .section .container .download .mbdownload .box .service__button:hover a {
            color: #fff !important;
            display: block; }
        main .section .container .download .mbdownload .box .service__button:hover::after {
          content: "";
          background-image: url(../images/button-arrow.svg);
          position: absolute;
          bottom: -18px;
          left: calc(100% / 2 - 9.5px);
          width: 20px;
          height: 17px; }
        main .section .container .download .mbdownload .box .service__button:hover::after {
          width: 5.72917vw;
          height: 4.94792vw;
          bottom: -4.94792vw; }
      main .section .container .download .mbdownload .box .button__content {
        margin-top: 9.50521vw; }
        main .section .container .download .mbdownload .box .button__content .link__container {
          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: 10.9375vw; }
          main .section .container .download .mbdownload .box .button__content .link__container img {
            width: 78.125vw;
            height: 52.99479vw;
            -o-object-fit: cover;
            object-fit: cover;
            margin: 0; } }

@media (max-width: 1200px) {
  .nav-wrap--fixed {
    right: 10px; } }

@media (max-width: 768px) {
  .hamburger__box {
    display: block; }
  .col-1-xs {
    width: 100%;
    margin-bottom: 1em; }
  .cursor {
    display: none; }
  .notice {
    font-size: 2.08333vw; }
    .notice__content {
      font-size: 1.25em; }
  .nav-wrap--fixed {
    position: fixed;
    z-index: 999;
    right: 0;
    left: 0;
    bottom: 0; }
  .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .nav__item {
      margin-bottom: 0;
      width: 50%; }
    .nav__link {
      width: 100%;
      height: auto;
      font-size: 5.20833vw;
      border-radius: 0;
      border-top-left-radius: 0.25em;
      border-top-right-radius: 0.25em;
      border: none;
      padding: 0.65em 0.5em 0.5em; }
      .nav__link:hover, .nav__link:focus {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
  @-webkit-keyframes bg {
    to {
      background-position: calc(25% - 10.41667vw) bottom; } }
  @keyframes bg {
    to {
      background-position: calc(25% - 10.41667vw) bottom; } } }

/* visible, hidden rwd */
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.hide {
  display: none; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

@media (max-width: 1200px) {
  .hidden-middle {
    display: none !important; } }

@media (max-width: 768px) {
  .hidden-min {
    display: none !important; } }

.lightbox {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: none;
  /*new add*/ }
  .lightbox--active {
    display: block;
    -webkit-animation: fadeIn 0.4s;
    animation: fadeIn 0.4s;
    z-index: 1000; }
  .lightbox__content {
    margin-top: 15vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1200px; }
  .lightbox__box {
    position: relative;
    max-width: 1000px;
    height: 600px;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    background: #fff;
    border-radius: 30px; }
    .lightbox--active .lightbox__box {
      -webkit-animation: fadeInDown 0.35s;
      animation: fadeInDown 0.35s; }
  .lightbox__btn-close {
    position: absolute;
    top: 0;
    z-index: 1;
    left: auto;
    right: 0;
    margin: 17px 17px 0 0;
    width: 40px;
    height: 40px;
    color: inherit; }
    @media (max-width: 768px) {
      .lightbox__btn-close {
        margin: 0; } }
    .lightbox__btn-close:before, .lightbox__btn-close:after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background-color: currentColor;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 50%;
      top: 50%;
      position: relative;
      margin-left: -50%;
      margin-top: -1px; }
      @media (max-width: 768px) {
        .lightbox__btn-close:before, .lightbox__btn-close:after {
          -webkit-transform: scale(0.7) rotate(45deg);
          -ms-transform: scale(0.7) rotate(45deg);
          transform: scale(0.7) rotate(45deg); } }
    .lightbox__btn-close:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      @media (max-width: 768px) {
        .lightbox__btn-close:after {
          -webkit-transform: scale(0.7) rotate(-45deg);
          -ms-transform: scale(0.7) rotate(-45deg);
          transform: scale(0.7) rotate(-45deg); } }
  .lightbox__body {
    width: 1000px;
    height: 600px; }
  .lightbox__title {
    font-size: 1.64706em;
    line-height: 1.3;
    margin-bottom: 0.5em;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .lightbox__title {
        font-size: 1.53333em; } }
  .lightbox__btnbox {
    margin: 2em 0 1em; }
  .lightbox__desc {
    text-align: left; }
  .lightbox__titlebox {
    width: 100%;
    height: 55px;
    padding: 0;
    margin-top: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .lightbox__arrowbox {
    position: relative;
    height: 100%;
    width: 250px;
    background-color: #ccc5f2;
    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; }
    .lightbox__arrowbox::after {
      content: "";
      position: absolute;
      z-index: 3;
      top: 0;
      right: -53px;
      width: 38px;
      height: 55px;
      border: 27px solid;
      border-color: transparent transparent transparent #ccc5f2; }
    .lightbox__arrowbox p {
      font-size: 21px;
      font-weight: 600;
      color: #5c49d5; }
    @media (max-width: 1200px) {
      .lightbox__arrowbox {
        height: 4.58333vw;
        width: 20.83333vw; }
        .lightbox__arrowbox::after {
          right: -4.33333vw;
          width: 3.16667vw;
          height: 4.58333vw;
          border: 2.25vw solid;
          border-color: transparent transparent transparent #ccc5f2; }
        .lightbox__arrowbox p {
          font-size: 1.75vw; } }
  @media (max-width: 1200px) and (max-width: 768px) {
    .lightbox__arrowbox {
      background-color: #d3ccf9;
      width: 28.51563vw;
      height: 18.22917vw; }
      .lightbox__arrowbox::after {
        right: -18.09896vw;
        border: 9.11458vw solid;
        width: 18.22917vw;
        height: 18.22917vw;
        border-color: transparent transparent transparent #d3ccf9; }
      .lightbox__arrowbox p {
        font-size: 4.55729vw;
        line-height: 5.59896vw; } }
    .lightbox__arrowbox--twoArrow {
      margin-left: 8px;
      padding-left: 33px; }
      .lightbox__arrowbox--twoArrow::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        height: 55px;
        border: 27px solid;
        border-color: transparent transparent transparent #fff; }
      .lightbox__arrowbox--twoArrow--bgc2 {
        background-color: #d9d4f3; }
        .lightbox__arrowbox--twoArrow--bgc2::after {
          border-color: transparent transparent transparent #d9d4f3; }
      .lightbox__arrowbox--twoArrow--bgc3 {
        background-color: #e5e2f4; }
        .lightbox__arrowbox--twoArrow--bgc3::after {
          border-color: transparent transparent transparent #e5e2f4; }
  .lightbox__info {
    width: 100%;
    height: 406px;
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .lightbox__info .qrcodeInfo {
      width: 470px;
      height: 303px;
      margin: 31px 20px 0 86px;
      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;
      font-weight: 600; }
      .lightbox__info .qrcodeInfo .info__text {
        font-size: 18px;
        letter-spacing: 0.4px; }
      .lightbox__info .qrcodeInfo .info__img {
        width: 422px;
        height: 167px;
        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-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .lightbox__info .qrcodeInfo .info__img .box1 img {
          width: 167px;
          height: 100%; }
        .lightbox__info .qrcodeInfo .info__img .box2 img {
          width: 227px;
          height: 155px; }
      .lightbox__info .qrcodeInfo .info__desc {
        width: 427px;
        font-size: 15px;
        text-align: justify;
        letter-spacing: 0.8px; }
    .lightbox__info .phoneInfo {
      width: 347px;
      height: 100%; }

#mbLightbox {
  display: none; }

@media (max-width: 1200px) {
  .lightbox__box {
    width: 83.33333vw;
    height: 50vw; }
  .lightbox__btn-close {
    margin-top: 1.41667vw;
    margin-right: 1.41667vw;
    width: 40px;
    height: 40px; }
  .lightbox__body {
    width: 83.33333vw;
    height: 50vw; }
  .lightbox__titlebox {
    margin-top: 4.25vw;
    width: 83.33333vw;
    height: 4.58333vw; }
  .lightbox__arrowbox--twoArrow {
    margin-left: 0.66667vw;
    padding-left: 2.75vw; }
    .lightbox__arrowbox--twoArrow::before {
      border: 2.25vw solid;
      width: 3.16667vw;
      height: 4.58333vw;
      border-color: transparent transparent transparent #fff; }
  .lightbox__info {
    width: 83.33333vw;
    height: 33.83333vw;
    margin-top: 3vw; }
    .lightbox__info .qrcodeInfo {
      width: 39.16667vw;
      height: 25.25vw;
      margin-top: 2.58333vw;
      margin-right: 1.66667vw;
      margin-bottom: 7.16667vw; }
      .lightbox__info .qrcodeInfo .info__text {
        font-size: 1.5vw;
        letter-spacing: 0.03333vw; }
      .lightbox__info .qrcodeInfo .info__img {
        width: 35.16667vw;
        height: 13.91667vw; }
        .lightbox__info .qrcodeInfo .info__img .box1 img {
          width: 13.91667vw;
          height: 13.91667vw; }
        .lightbox__info .qrcodeInfo .info__img .box2 img {
          width: 18.91667vw;
          height: 12.91667vw; }
      .lightbox__info .qrcodeInfo .info__desc {
        width: 35.58333vw;
        word-wrap: break-word;
        font-size: 1.25vw; }
    .lightbox__info .phoneInfo {
      width: 28.91667vw;
      height: 33.83333vw; } }

@media (max-width: 1200px) and (max-width: 768px) {
  #pcLightbox {
    display: none; }
  #mbLightbox {
    display: block; }
  .lightbox__content {
    margin: 0; }
  .lightbox__box {
    width: 100%;
    height: 173.30729vw;
    border-radius: 0; }
  .lightbox__btn-close {
    margin-top: 5.20833vw;
    margin-right: 5.20833vw;
    width: 6.51042vw;
    height: 6.51042vw; }
    .lightbox__btn-close:before, .lightbox__btn-close:after {
      -webkit-transform: scale(1) rotate(45deg);
      -ms-transform: scale(1) rotate(45deg);
      transform: scale(1) rotate(45deg); }
    .lightbox__btn-close:after {
      -webkit-transform: scale(1) rotate(-45deg);
      -ms-transform: scale(1) rotate(-45deg);
      transform: scale(1) rotate(-45deg); }
  .lightbox__body {
    margin-top: 16.27604vw;
    width: 100%; }
  .lightbox__titlebox {
    margin: 0;
    width: 100vw;
    height: 18.22917vw; }
  .lightbox__arrowbox {
    height: 18.22917vw;
    width: 27.73438vw;
    margin-right: 2.73438vw; }
    .lightbox__arrowbox--twoArrow::before {
      right: -18.09896vw;
      border: 9.11458vw solid;
      width: 18.22917vw;
      height: 18.22917vw;
      border-color: transparent transparent transparent #fff; }
    .lightbox__arrowbox--twoArrow--bgc2 {
      background-color: #e0dbfa;
      height: 18.22917vw;
      position: relative; }
      .lightbox__arrowbox--twoArrow--bgc2::after {
        border-color: transparent transparent transparent #e0dbfa; }
      .lightbox__arrowbox--twoArrow--bgc2 p {
        position: absolute;
        z-index: 5;
        height: 10.80729vw;
        width: 20.3125vw;
        right: -3.90625vw;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%; }
    .lightbox__arrowbox--twoArrow--bgc3 {
      background-color: #ece9fb;
      height: 18.22917vw;
      position: relative; }
      .lightbox__arrowbox--twoArrow--bgc3::after {
        border-color: transparent transparent transparent #ece9fb; }
      .lightbox__arrowbox--twoArrow--bgc3 p {
        position: absolute;
        z-index: 5;
        height: 10.80729vw;
        width: 20.3125vw;
        right: -3.90625vw;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%; }
  .desc {
    text-align: center;
    margin-top: 6.38021vw;
    font-size: 4.42708vw;
    font-weight: 600; }
  .pic {
    width: 70.3125vw;
    height: 85.67708vw;
    margin-top: 5.85938vw;
    margin-left: 21.09375vw;
    background-image: url(../images/lightbox-phone.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
  .downloadpic {
    width: 91.14583vw;
    height: 13.28125vw;
    margin: 0 auto;
    cursor: pointer; }
    .downloadpic a img {
      margin-top: 4.94792vw; } }