@charset "UTF-8";
body.page-imuse #imuse-main,
body.page-imuse #imuse-main,
body.page-imuse #imuse-main div,
body.page-imuse #imuse-main span,
body.page-imuse #imuse-main applet,
body.page-imuse #imuse-main object,
body.page-imuse #imuse-main iframe,
body.page-imuse #imuse-main h1,
body.page-imuse #imuse-main h2,
body.page-imuse #imuse-main h3,
body.page-imuse #imuse-main h4,
body.page-imuse #imuse-main h5,
body.page-imuse #imuse-main h6,
body.page-imuse #imuse-main p,
body.page-imuse #imuse-main blockquote,
body.page-imuse #imuse-main pre,
body.page-imuse #imuse-main a,
body.page-imuse #imuse-main abbr,
body.page-imuse #imuse-main acronym,
body.page-imuse #imuse-main address,
body.page-imuse #imuse-main big,
body.page-imuse #imuse-main cite,
body.page-imuse #imuse-main code,
body.page-imuse #imuse-main del,
body.page-imuse #imuse-main dfn,
body.page-imuse #imuse-main em,
body.page-imuse #imuse-main img,
body.page-imuse #imuse-main ins,
body.page-imuse #imuse-main kbd,
body.page-imuse #imuse-main q,
body.page-imuse #imuse-main s,
body.page-imuse #imuse-main samp,
body.page-imuse #imuse-main small,
body.page-imuse #imuse-main strike,
body.page-imuse #imuse-main strong,
body.page-imuse #imuse-main sub,
body.page-imuse #imuse-main sup,
body.page-imuse #imuse-main tt,
body.page-imuse #imuse-main var,
body.page-imuse #imuse-main b,
body.page-imuse #imuse-main u,
body.page-imuse #imuse-main i,
body.page-imuse #imuse-main center,
body.page-imuse #imuse-main dl,
body.page-imuse #imuse-main dt,
body.page-imuse #imuse-main dd,
body.page-imuse #imuse-main ol,
body.page-imuse #imuse-main ul,
body.page-imuse #imuse-main li,
body.page-imuse #imuse-main fieldset,
body.page-imuse #imuse-main form,
body.page-imuse #imuse-main label,
body.page-imuse #imuse-main legend,
body.page-imuse #imuse-main table,
body.page-imuse #imuse-main caption,
body.page-imuse #imuse-main tbody,
body.page-imuse #imuse-main tfoot,
body.page-imuse #imuse-main thead,
body.page-imuse #imuse-main tr,
body.page-imuse #imuse-main th,
body.page-imuse #imuse-main td,
body.page-imuse #imuse-main article,
body.page-imuse #imuse-main aside,
body.page-imuse #imuse-main canvas,
body.page-imuse #imuse-main details,
body.page-imuse #imuse-main embed,
body.page-imuse #imuse-main figure,
body.page-imuse #imuse-main figcaption,
body.page-imuse #imuse-main footer,
body.page-imuse #imuse-main header,
body.page-imuse #imuse-main hgroup,
body.page-imuse #imuse-main menu,
body.page-imuse #imuse-main nav,
body.page-imuse #imuse-main output,
body.page-imuse #imuse-main ruby,
body.page-imuse #imuse-main section,
body.page-imuse #imuse-main summary,
body.page-imuse #imuse-main time,
body.page-imuse #imuse-main mark,
body.page-imuse #imuse-main audio,
body.page-imuse #imuse-main video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body.page-imuse #imuse-main {
  line-height: 1;
}
body.page-imuse #imuse-main ol,
body.page-imuse #imuse-main ul {
  list-style: none;
}
body.page-imuse #imuse-main table {
  border-collapse: collapse;
  border-spacing: 0;
}
body.page-imuse #imuse-main caption,
body.page-imuse #imuse-main th,
body.page-imuse #imuse-main td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
body.page-imuse #imuse-main q,
body.page-imuse #imuse-main blockquote {
  quotes: none;
}
body.page-imuse #imuse-main q:before,
body.page-imuse #imuse-main q:after,
body.page-imuse #imuse-main blockquote:before,
body.page-imuse #imuse-main blockquote:after {
  content: "";
  content: none;
}
body.page-imuse #imuse-main a img {
  border: none;
}
body.page-imuse #imuse-main article,
body.page-imuse #imuse-main aside,
body.page-imuse #imuse-main details,
body.page-imuse #imuse-main figcaption,
body.page-imuse #imuse-main figure,
body.page-imuse #imuse-main footer,
body.page-imuse #imuse-main header,
body.page-imuse #imuse-main hgroup,
body.page-imuse #imuse-main main,
body.page-imuse #imuse-main menu,
body.page-imuse #imuse-main nav,
body.page-imuse #imuse-main section,
body.page-imuse #imuse-main summary {
  display: block;
}
body.page-imuse #imuse-main a {
  text-decoration: none;
  display: inline-block;
}
body.page-imuse #imuse-main img,
body.page-imuse #imuse-main iframe,
body.page-imuse #imuse-main video {
  width: 100%;
  vertical-align: middle;
  height: auto;
}
body.page-imuse #imuse-main span,
body.page-imuse #imuse-main label {
  display: inline-block;
}
@-webkit-keyframes transform {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes transform {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes transform1 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes transform1 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
body.page-imuse #imuse-main {
  --imuse-rem: 0.833vw;
}

body.page-imuse #imuse-main * {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}
body.page-imuse #imuse-main {
  font-size: 16px;
  font-size: 0.833vw;
}
body.page-imuse #imuse-main {
  font-family: "Noto Sans TC", "微軟正黑體", Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  position: relative;
}
body.page-imuse #imuse-main h1 {
  font-size: calc(var(--imuse-rem) * 2.845575);
  letter-spacing: 0.1666666667em;
  font-weight: 500;
  color: #221714;
}
@media screen and (max-width: 960px) {
body.page-imuse #imuse-main h1 {
    font-size: calc(var(--imuse-rem) * 2.3773125);
  }

}
body.page-imuse #imuse-main h2 {
  font-size: calc(var(--imuse-rem) * 2.3773625);
  letter-spacing: 0.1666666667em;
  font-weight: 500;
  color: #221714;
}
@media screen and (max-width: 960px) {
body.page-imuse #imuse-main h2 {
    font-size: calc(var(--imuse-rem) * 1.860175);
  }

}
body.page-imuse #imuse-main h3 {
  font-size: calc(var(--imuse-rem) * 2.0625);
  letter-spacing: 0.0833333333em;
  font-weight: 400;
  line-height: calc(var(--imuse-rem) * 3.2);
  color: #0a7af9;
}
body.page-imuse #imuse-main h4 {
  font-size: calc(var(--imuse-rem) * 2);
  letter-spacing: 0.1666666667em;
  font-weight: 500;
  white-space: nowrap;
  line-height: calc(var(--imuse-rem) * 2.8);
}
body.page-imuse #imuse-main h5 {
  font-size: calc(var(--imuse-rem) * 1.875);
  letter-spacing: 0.1666666667em;
  font-weight: 500;
  position: relative;
  margin: calc(var(--imuse-rem) * 9) 0 0 0;
}
body.page-imuse #imuse-main h5::after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(var(--imuse-rem) * -1.8);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: calc(var(--imuse-rem) * 8.625);
  height: calc(var(--imuse-rem) * 1.125);
  background: -webkit-gradient(linear, left top, right top, from(#fcf00e), to(#fffbc9));
  background: linear-gradient(to right, #fcf00e 0%, #fffbc9 100%);
}
@media screen and (max-width: 960px) {
body.page-imuse #imuse-main h5 {
    font-size: calc(var(--imuse-rem) * 2.1656625);
    letter-spacing: 0.1666666667em;
  }

}
body.page-imuse #imuse-main h6 {
  font-size: calc(var(--imuse-rem) * 1.75);
  letter-spacing: 0.0833333333em;
  font-weight: 400;
  color: #666666;
}
@media screen and (max-width: 960px) {
body.page-imuse #imuse-main h6 {
    font-size: calc(var(--imuse-rem) * 1.6875);
  }

}
body.page-imuse #imuse-main .cp {
  cursor: pointer;
}
body.page-imuse #imuse-main .m {
  display: none;
}
body.page-imuse #imuse-main .pc {
  display: block;
}
body.page-imuse #imuse-main .flex {
  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;
}
body.page-imuse #imuse-main .loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 100;
}
body.page-imuse #imuse-main .loading.on {
  display: none;
}
body.page-imuse #imuse-main .loading .img {
  width: calc(var(--imuse-rem) * 4.2666666667);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.page-imuse #imuse-main .wrapper {
  overflow: hidden;
}
body.page-imuse #imuse-main header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
}
body.page-imuse #imuse-main .menu {
  position: absolute;
  top: calc(var(--imuse-rem) * 58);
  left: 0%;
  width: 100%;
  z-index: 2;
}
body.page-imuse #imuse-main .menu.on {
  position: fixed;
  bottom: auto;
  top: calc(var(--imuse-rem) * 8.4);
}
body.page-imuse #imuse-main .menu .wrapper .content .outer {
  background: -webkit-gradient(linear, left top, left bottom, from(#6aeae6), to(#c9e7e4));
  background: linear-gradient(to bottom, #6aeae6 0%, #c9e7e4 100%);
}
body.page-imuse #imuse-main .menu .wrapper .content .outer a {
  padding: calc(var(--imuse-rem) * 2) calc(var(--imuse-rem) * 2.7);
}
body.page-imuse #imuse-main .menu .wrapper .content .outer a:hover p {
  opacity: 0.5;
}
body.page-imuse #imuse-main .menu .wrapper .content .outer a p {
  color: #0a7af9;
  font-size: calc(var(--imuse-rem) * 1.67151875);
  letter-spacing: 0.1666666667em;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 0 0 calc(var(--imuse-rem) * 0.7);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
body.page-imuse #imuse-main .menu .wrapper .content .outer a p {
    font-size: calc(var(--imuse-rem) * 1.5015625);
  }

}
body.page-imuse #imuse-main .menu .wrapper .content .outer a .img {
  width: calc(var(--imuse-rem) * 2.6875);
  pointer-events: none;
}
body.page-imuse #imuse-main #kv {
  background: url("../images/kvBg.jpg") no-repeat top center/cover;
  position: relative;
  height: calc(var(--imuse-rem) * 50);
  margin: calc(var(--imuse-rem) * 8.6) 0 0 0;
  overflow: hidden;
}
body.page-imuse #imuse-main #kv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/kvBg.jpg") no-repeat top center/cover;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
body.page-imuse #imuse-main #kv.on::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
body.page-imuse #imuse-main #kv.on .wrapper .content .img:nth-of-type(1) img {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.page-imuse #imuse-main #kv.on .wrapper .content .img:nth-of-type(2) img {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.page-imuse #imuse-main #kv.on .wrapper .content .img:nth-of-type(3) img {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.page-imuse #imuse-main #kv.on .wrapper .content .img:nth-of-type(4) img {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.page-imuse #imuse-main #kv .wrapper .content .img {
  position: absolute;
  width: calc(var(--imuse-rem) * 21.25);
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(1) {
  width: calc(var(--imuse-rem) * 39.5625);
  top: 22%;
  left: 6.2%;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(1) img {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
  transition: -webkit-transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(2) {
  width: calc(var(--imuse-rem) * 37.3125);
  top: 52%;
  left: 10%;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(2) img {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0.1s;
  transition: -webkit-transform 0.5s ease-in-out 0.1s;
  transition: transform 0.5s ease-in-out 0.1s;
  transition: transform 0.5s ease-in-out 0.1s, -webkit-transform 0.5s ease-in-out 0.1s;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(3) {
  width: calc(var(--imuse-rem) * 40.25);
  top: 35%;
  left: 55.5%;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(3) img {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0.2s;
  transition: -webkit-transform 0.5s ease-in-out 0.2s;
  transition: transform 0.5s ease-in-out 0.2s;
  transition: transform 0.5s ease-in-out 0.2s, -webkit-transform 0.5s ease-in-out 0.2s;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(4) {
  width: calc(var(--imuse-rem) * 40.6875);
  top: 52.6%;
  left: 59.9%;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(4) img {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0.3s;
  transition: -webkit-transform 0.5s ease-in-out 0.3s;
  transition: transform 0.5s ease-in-out 0.3s;
  transition: transform 0.5s ease-in-out 0.3s, -webkit-transform 0.5s ease-in-out 0.3s;
}
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(5) {
  width: calc(var(--imuse-rem) * 8.5625);
  top: 5.9%;
  left: 90.6%;
}
body.page-imuse #imuse-main .sec1 {
  background: url("../images/sec1bg.jpg") no-repeat top center/cover;
}
body.page-imuse #imuse-main .sec1 .wrapper .content ul li {
  padding: calc(var(--imuse-rem) * 19.5) calc(var(--imuse-rem) * 12) calc(var(--imuse-rem) * 32) calc(var(--imuse-rem) * 12);
}
body.page-imuse #imuse-main .sec1 .wrapper .content ul li .img {
  padding: 0 0 calc(var(--imuse-rem) * 1.9) 0;
}
body.page-imuse #imuse-main .sec1 .wrapper .content ul li:nth-of-type(1) .img {
  width: calc(var(--imuse-rem) * 34.5625);
}
body.page-imuse #imuse-main .sec1 .wrapper .content ul li:nth-of-type(2) .img {
  width: calc(var(--imuse-rem) * 36.5);
}
body.page-imuse #imuse-main .sec2 {
  background: url("../images/sec2bg.jpg") no-repeat top center/cover;
  position: relative;
}
body.page-imuse #imuse-main .sec2 .wrapper .content h5 {
  color: #1d68d6;
}
body.page-imuse #imuse-main .sec2 .wrapper .content > .img {
  width: calc(var(--imuse-rem) * 29.0625);
  margin: calc(var(--imuse-rem) * 8) auto calc(var(--imuse-rem) * 7) auto;
}
body.page-imuse #imuse-main .sec2 .wrapper .content h4 {
  padding: calc(var(--imuse-rem) * 4.8) calc(var(--imuse-rem) * 5);
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.0833333333em;
  line-height: calc(var(--imuse-rem) * 3.9);
  margin: 0 auto calc(var(--imuse-rem) * 17) auto;
  background: -webkit-gradient(linear, left top, right top, from(#40c9db), to(#404fdb));
  background: linear-gradient(to right, #40c9db 0%, #404fdb 100%);
  position: relative;
}
body.page-imuse #imuse-main .sec2 .wrapper .content h4 span {
  display: inline-block;
}
body.page-imuse #imuse-main .sec2 .wrapper .content h4::after {
  content: "";
  display: block;
  position: absolute;
  top: -10%;
  left: 82%;
  width: calc(var(--imuse-rem) * 16.5625);
  height: calc(var(--imuse-rem) * 4.25);
  background: -webkit-gradient(linear, left top, right top, from(#fcf00e), to(#fffbc9));
  background: linear-gradient(to right, #fcf00e 0%, #fffbc9 100%);
}
body.page-imuse #imuse-main .sec2 .bg {
  position: absolute;
  left: 0%;
  bottom: -24.5%;
}
body.page-imuse #imuse-main .sec2 .bg .img {
  width: calc(var(--imuse-rem) * 16);
}
body.page-imuse #imuse-main .sec3 {
  position: relative;
  z-index: 1;
}
body.page-imuse #imuse-main .sec3 .wrapper .content h5 {
  color: #1d68d6;
}
body.page-imuse #imuse-main .sec3 .wrapper .content h5::after {
  width: calc(var(--imuse-rem) * 13.875);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer {
  background: -webkit-gradient(linear, left top, right top, from(#40c9db), to(#404fdb));
  background: linear-gradient(to right, #40c9db 0%, #404fdb 100%);
  width: calc(var(--imuse-rem) * 90.625);
  margin: calc(var(--imuse-rem) * 10.5) auto calc(var(--imuse-rem) * 9) auto;
  padding: calc(var(--imuse-rem) * 4.8) 0 calc(var(--imuse-rem) * 6.7) calc(var(--imuse-rem) * 7.1);
  position: relative;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li {
  margin: calc(var(--imuse-rem) * 2) 0 0 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li p {
  font-size: calc(var(--imuse-rem) * 1.5625);
  letter-spacing: 0.0833333333em;
  font-weight: 400;
  line-height: calc(var(--imuse-rem) * 3);
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  white-space: nowrap;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li p::before {
  content: "";
  display: block;
  width: calc(var(--imuse-rem) * 0.4375);
  height: calc(var(--imuse-rem) * 8.125);
  height: calc(100% - calc(var(--imuse-rem) * 1.5));
  background: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  left: calc(var(--imuse-rem) * -2);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li p.none::before {
  display: none;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li p.right {
  margin: 0 0 0 calc(var(--imuse-rem) * 9);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(2) {
  margin: calc(var(--imuse-rem) * 8) 0 0 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(3) {
  margin: calc(var(--imuse-rem) * 6.1) 0 0 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(4) {
  margin: calc(var(--imuse-rem) * 15) 0 0 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(5) {
  margin: calc(var(--imuse-rem) * 3.7) 0 0 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .imuse {
  position: absolute;
  top: 12.5%;
  left: 17.5%;
  z-index: 1;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .imuse .img {
  width: calc(var(--imuse-rem) * 55.8125);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg {
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcf00e), to(#fff78c));
  background: linear-gradient(to bottom, #fcf00e 0%, #fff78c 100%);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg p {
  letter-spacing: 0.125em;
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  color: #1d68d6;
  text-align: left;
  white-space: nowrap;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg p:nth-of-type(1) {
  font-size: calc(var(--imuse-rem) * 3.0593375);
  padding: 0 0 calc(var(--imuse-rem) * 1.15) 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg p:nth-of-type(2) {
  font-size: calc(var(--imuse-rem) * 4.25564375);
  margin: 0 0 0 calc(var(--imuse-rem) * -0.8);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg p span {
  font-size: calc(var(--imuse-rem) * 4.66415);
  color: #1d68d6;
  padding: 0 calc(var(--imuse-rem) * 0.7);
  -webkit-transform: translate(0, 10%);
          transform: translate(0, 10%);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg1 {
  top: -1.85%;
  left: -7.1%;
  padding: calc(var(--imuse-rem) * 3.2) calc(var(--imuse-rem) * 0.5) calc(var(--imuse-rem) * 3.7) calc(var(--imuse-rem) * 3);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 {
  top: 33.7%;
  left: 56.5%;
  padding: calc(var(--imuse-rem) * 2.8) 0 calc(var(--imuse-rem) * 3) calc(var(--imuse-rem) * 11);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 p:nth-of-type(1) {
  padding: 0 0 calc(var(--imuse-rem) * 0.5) 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 p:nth-of-type(2) {
  font-size: calc(var(--imuse-rem) * 3.0593375);
  margin: 0 0 0 calc(var(--imuse-rem) * -3.8);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 p:nth-of-type(2) span {
  -webkit-transform: translate(0, 30%);
          transform: translate(0, 30%);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg3 {
  top: 55.5%;
  left: -5.5%;
  padding: calc(var(--imuse-rem) * 2.8) calc(var(--imuse-rem) * 6.5) calc(var(--imuse-rem) * 3.2) calc(var(--imuse-rem) * 2.5);
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg3 p:nth-of-type(1) {
  padding: 0 0 calc(var(--imuse-rem) * 1.7) 0;
}
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg3 p:nth-of-type(2) {
  font-size: calc(var(--imuse-rem) * 3.83185625);
  margin: 0 0 0 calc(var(--imuse-rem) * 3);
}
body.page-imuse #imuse-main .sec3 .bg {
  position: absolute;
  bottom: -16%;
  right: 0%;
}
body.page-imuse #imuse-main .sec3 .bg .img {
  width: calc(var(--imuse-rem) * 15.125);
}
body.page-imuse #imuse-main .sec4 {
  background: url("../images/sec4bg.jpg") no-repeat center top/cover;
}
body.page-imuse #imuse-main .sec4 .wrapper .content h5::after {
  width: calc(var(--imuse-rem) * 17.9375);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc {
  position: relative;
  margin: calc(var(--imuse-rem) * 15) 0 calc(var(--imuse-rem) * 1.4) 0;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .txt {
  position: absolute;
  top: 29%;
  left: 45.05%;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .txt .img {
  width: calc(var(--imuse-rem) * 1.125);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .txt h2:nth-of-type(1) {
  letter-spacing: 0em;
  padding: calc(var(--imuse-rem) * 0.5) 0 calc(var(--imuse-rem) * 0.5) 0;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .txt h2:nth-of-type(2) {
  font-weight: 400;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .img {
  width: calc(var(--imuse-rem) * 23.0625);
  margin: 0 auto;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc {
  margin: calc(var(--imuse-rem) * 25) 0 calc(var(--imuse-rem) * 13) 0;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc .txt {
  left: 44.1%;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc .txt .img {
  width: calc(var(--imuse-rem) * 1.3125);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc .txt h1:nth-of-type(1) {
  letter-spacing: 0em;
  padding: calc(var(--imuse-rem) * 0.5) 0 calc(var(--imuse-rem) * 0.5) 0;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc .txt h1:nth-of-type(2) {
  font-weight: 400;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc .img {
  width: calc(var(--imuse-rem) * 26.8125);
}
body.page-imuse #imuse-main .sec4 .wrapper .content p {
  color: #0a7af9;
  letter-spacing: 0.125em;
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  font-size: calc(var(--imuse-rem) * 4.9708125);
  line-height: calc(var(--imuse-rem) * 6);
}
body.page-imuse #imuse-main .sec4 .wrapper .content h3 {
  margin: calc(var(--imuse-rem) * 2.1) 0 calc(var(--imuse-rem) * 4.5) 0;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff {
  position: relative;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter {
  position: absolute;
  top: 13.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .title p {
  color: #0a7af9;
  letter-spacing: 0.125em;
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  font-size: calc(var(--imuse-rem) * 3.375);
  line-height: calc(var(--imuse-rem) * 4.1);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter h6 {
  margin: calc(var(--imuse-rem) * 0.9) 0 calc(var(--imuse-rem) * 4) 0;
  line-height: calc(var(--imuse-rem) * 2.9);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter h6 ~ h6 {
  margin: calc(var(--imuse-rem) * 5.1) 0 0 0;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter {
  position: relative;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex .txt {
  width: calc(var(--imuse-rem) * 28.375);
  margin: 0 auto;
  border-radius: calc(var(--imuse-rem) * 20);
  padding: calc(var(--imuse-rem) * 0.8) 0 calc(var(--imuse-rem) * 1) 0;
  background: -webkit-gradient(linear, left top, right top, from(#5cd5e2), to(#404fdb));
  background: linear-gradient(to right, #5cd5e2 0%, #404fdb 100%);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex .txt p {
  color: #fff;
  letter-spacing: 0.125em;
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  font-size: calc(var(--imuse-rem) * 2.6875);
  line-height: calc(var(--imuse-rem) * 3);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex .txt p span {
  font-size: calc(var(--imuse-rem) * 1.85345625);
  letter-spacing: 0.0416666667em;
  padding: 0 calc(var(--imuse-rem) * 0.7) 0 0;
  -webkit-transform: translate(0, -4%);
          transform: translate(0, -4%);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(1) .txt {
  margin: 0 calc(var(--imuse-rem) * 5);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(1) .txt:nth-of-type(1) {
  background: -webkit-gradient(linear, left top, right top, from(#d5dbdb), to(#aed5db));
  background: linear-gradient(to right, #d5dbdb 0%, #aed5db 100%);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(2) {
  padding: calc(var(--imuse-rem) * 5.8) 0;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(2) .txt {
  width: calc(var(--imuse-rem) * 66.75);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(3) .txt:nth-of-type(1) {
  background: -webkit-gradient(linear, left top, right top, from(#d5dbdb), to(#aed5db));
  background: linear-gradient(to right, #d5dbdb 0%, #aed5db 100%);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(var(--imuse-rem) * 41.3125);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .arrow .img {
  width: calc(var(--imuse-rem) * 1.9375);
}
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .bg .img {
  width: calc(var(--imuse-rem) * 85.4375);
  margin: 0 auto;
}
body.page-imuse #imuse-main .sec5 {
  background: url("../images/sec5bg.jpg") no-repeat center top/cover;
}
body.page-imuse #imuse-main .sec5 .wrapper .content h5 {
  color: #1d68d6;
}
body.page-imuse #imuse-main .sec5 .wrapper .content p.p1 {
  color: #a67c52;
  letter-spacing: 0.125em;
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  font-size: calc(var(--imuse-rem) * 3.375);
  line-height: calc(var(--imuse-rem) * 4.5);
  margin: calc(var(--imuse-rem) * 5.7) auto calc(var(--imuse-rem) * 0.6) auto;
  text-shadow: 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.8) #fff;
}
body.page-imuse #imuse-main .sec5 .wrapper .content p {
  color: #754c24;
  text-shadow: 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.5) #fff, 0 0 calc(var(--imuse-rem) * 0.8) #fff;
  font-size: calc(var(--imuse-rem) * 1.72260625);
  letter-spacing: 0.125em;
  line-height: calc(var(--imuse-rem) * 2.2);
  font-weight: 400;
}
body.page-imuse #imuse-main .sec5 .wrapper .content p span {
  display: inline-block;
  color: #754c24;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter {
  padding: calc(var(--imuse-rem) * 6.7) calc(var(--imuse-rem) * 6) calc(var(--imuse-rem) * 12.8) calc(var(--imuse-rem) * 6);
  padding: calc(var(--imuse-rem) * 6.7) calc(var(--imuse-rem) * 6) 0 calc(var(--imuse-rem) * 6);
  position: relative;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer {
  background: #fff;
  margin: 0 calc(var(--imuse-rem) * 1.15);
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer .img {
  width: calc(var(--imuse-rem) * 13.4375);
  padding: calc(var(--imuse-rem) * 2.5) 0 calc(var(--imuse-rem) * 0.9) 0;
  margin: 0 auto;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p {
  font-size: calc(var(--imuse-rem) * 1.77305);
  letter-spacing: 0.125em;
  line-height: calc(var(--imuse-rem) * 2.2);
  font-weight: 400;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p:nth-of-type(1) {
  min-height: calc(var(--imuse-rem) * 10.8);
  position: relative;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p:nth-of-type(1)::after {
  content: "";
  display: block;
  height: calc(var(--imuse-rem) * 0.125);
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#dbb3a1), color-stop(50%, rgba(148, 197, 220, 0)), to(#db9e7a));
  background: linear-gradient(to right, #dbb3a1 0%, rgba(148, 197, 220, 0) 50%, #db9e7a 100%);
  position: absolute;
  bottom: 0%;
  left: 0%;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p:nth-of-type(2) {
  font-size: calc(var(--imuse-rem) * 1.3125);
  line-height: calc(var(--imuse-rem) * 2);
  padding: calc(var(--imuse-rem) * 3.5) 0;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p span {
  color: #754c24;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer .li1 {
  letter-spacing: 0.0416666667em;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer .li3 {
  font-size: calc(var(--imuse-rem) * 1.375);
  line-height: calc(var(--imuse-rem) * 1.75);
  padding: calc(var(--imuse-rem) * 0.2) 0 0 0;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer .li4 {
  font-size: calc(var(--imuse-rem) * 1.16514375);
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-prev,
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-next {
  width: calc(var(--imuse-rem) * 4.8125);
  height: calc(var(--imuse-rem) * 4.75);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-prev:hover,
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-next:hover {
  opacity: 0.5;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-prev::after,
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-next::after {
  display: none;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-prev {
  background: url("../images/sec6arrowL.png") no-repeat center center/contain;
  left: 6%;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-next {
  background: url("../images/sec6arrowR.png") no-repeat center center/contain;
  right: 6%;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .social {
  padding: calc(var(--imuse-rem) * 8.1) 0 calc(var(--imuse-rem) * 7) 0;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .social a {
  margin: 0 calc(var(--imuse-rem) * 4);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .social a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
body.page-imuse #imuse-main .sec5 .wrapper .content .social a p {
  letter-spacing: 0.125em;
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  font-size: calc(var(--imuse-rem) * 2.58141875);
  border-bottom: calc(var(--imuse-rem) * 0.2) solid #fff;
  padding: 0 0 calc(var(--imuse-rem) * 1) 0;
  margin: 0 calc(var(--imuse-rem) * 2) 0 0;
}
body.page-imuse #imuse-main .sec5 .wrapper .content .social a .img {
  width: calc(var(--imuse-rem) * 2.1875);
}
body.page-imuse #imuse-main .sec6 {
  background: url("../images/sec6bg.jpg") no-repeat center top/cover;
}
body.page-imuse #imuse-main .sec6 .wrapper .content h5::after {
  width: calc(var(--imuse-rem) * 17.375);
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter {
  position: relative;
  padding: calc(var(--imuse-rem) * 6.7) calc(var(--imuse-rem) * 12.5) calc(var(--imuse-rem) * 1) calc(var(--imuse-rem) * 12.5);
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper6 .swiper-wrapper .swiper-slide .outer {
  background: #fff;
  margin: 0 calc(var(--imuse-rem) * 2.26);
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper6 .swiper-wrapper .swiper-slide .img {
  position: relative;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper6 .swiper-wrapper .swiper-slide .img::after {
  content: "";
  display: block;
  height: calc(var(--imuse-rem) * 0.125);
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#d5dbdb), to(#aed5db));
  background: linear-gradient(to right, #d5dbdb 0%, #aed5db 100%);
  position: absolute;
  bottom: 0%;
  left: 0%;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper6 .swiper-wrapper .swiper-slide p {
  font-size: calc(var(--imuse-rem) * 1.7191625);
  letter-spacing: 0.125em;
  line-height: calc(var(--imuse-rem) * 2.2);
  font-weight: 400;
  color: #1d68d6;
  text-align: left;
  padding: calc(var(--imuse-rem) * 1.5) calc(var(--imuse-rem) * 2);
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-prev,
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-next {
  width: calc(var(--imuse-rem) * 4.8125);
  height: calc(var(--imuse-rem) * 4.75);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-prev:hover,
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-next:hover {
  opacity: 0.5;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-prev::after,
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-next::after {
  display: none;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-prev {
  background: url("../images/sec6arrowL.png") no-repeat center center/contain;
  left: 6%;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-next {
  background: url("../images/sec6arrowR.png") no-repeat center center/contain;
  right: 6%;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .imuse {
  margin: calc(var(--imuse-rem) * 5.3) auto 0 auto;
  width: calc(var(--imuse-rem) * 23.3125);
  background: -webkit-gradient(linear, left top, right top, from(#40c9db), to(#404fdb));
  background: linear-gradient(to right, #40c9db 0%, #404fdb 100%);
  padding: calc(var(--imuse-rem) * 1.5) calc(var(--imuse-rem) * 1.9);
  position: relative;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .imuse:hover .arrow .img img {
  -webkit-animation: transform1 0.5s linear infinite;
          animation: transform1 0.5s linear infinite;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .imuse > .img {
  width: calc(var(--imuse-rem) * 9.5625);
  margin: 0 auto;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .imuse p {
  font-size: calc(var(--imuse-rem) * 1.6782125);
  letter-spacing: 0.1666666667em;
  line-height: calc(var(--imuse-rem) * 2.2);
  font-weight: 400;
  text-align: left;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .imuse .arrow {
  position: absolute;
  right: 6%;
  bottom: 4.5%;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .imuse .arrow .img {
  width: calc(var(--imuse-rem) * 0.8125);
}
body.page-imuse #imuse-main .sec6 .wrapper .content .social {
  padding: calc(var(--imuse-rem) * 8.1) 0 calc(var(--imuse-rem) * 7) 0;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .social a {
  margin: 0 calc(var(--imuse-rem) * 4);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .social a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
body.page-imuse #imuse-main .sec6 .wrapper .content .social a p {
  letter-spacing: 0.125em;
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  font-size: calc(var(--imuse-rem) * 2.58141875);
  border-bottom: calc(var(--imuse-rem) * 0.2) solid #fff;
  padding: 0 0 calc(var(--imuse-rem) * 1) 0;
  margin: 0 calc(var(--imuse-rem) * 2) 0 0;
}
body.page-imuse #imuse-main .sec6 .wrapper .content .social a .img {
  width: calc(var(--imuse-rem) * 2.1875);
}
body.page-imuse #imuse-main .top {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, #404fdb), color-stop(0%, #40c9db), to(rgba(64, 79, 219, 0.5)));
  background: linear-gradient(to bottom, #404fdb -100%, #40c9db 0%, rgba(64, 79, 219, 0.5) 100%);
  padding: calc(var(--imuse-rem) * 5) 0;
}
body.page-imuse #imuse-main .top:hover .img {
  -webkit-animation: transform 0.5s linear infinite;
          animation: transform 0.5s linear infinite;
}
body.page-imuse #imuse-main .top p {
  font-size: calc(var(--imuse-rem) * 1.56986875);
  letter-spacing: 0.125em;
  font-weight: 700;
  padding: 0 calc(var(--imuse-rem) * 1.2) 0 0;
}
body.page-imuse #imuse-main .top .img {
  width: calc(var(--imuse-rem) * 1.5);
}
@media screen and (max-width: 960px) {
body.page-imuse #imuse-main {
    font-size: 1.6667vw;
  }
body.page-imuse #imuse-main .m {
    display: block;
  }
body.page-imuse #imuse-main .pc {
    display: none !important;
  }
body.page-imuse #imuse-main h5::after {
    width: calc(var(--imuse-rem) * 10.6875);
    height: calc(var(--imuse-rem) * 0.75);
    bottom: calc(var(--imuse-rem) * -1.6);
  }
body.page-imuse #imuse-main .menu {
    top: calc(var(--imuse-rem) * 98);
  }
body.page-imuse #imuse-main .menu.on {
    top: calc(var(--imuse-rem) * 11);
  }
body.page-imuse #imuse-main .menu .wrapper .content .outer a {
    padding: calc(var(--imuse-rem) * 2.4) 0;
  }
body.page-imuse #imuse-main .menu .wrapper .content .outer a p {
    padding: calc(var(--imuse-rem) * 0.23) calc(var(--imuse-rem) * 0.8) calc(var(--imuse-rem) * 0.23) calc(var(--imuse-rem) * 1);
    border-right: calc(var(--imuse-rem) * 0.2) solid #fff;
    font-size: calc(var(--imuse-rem) * 1.5015625);
  }
body.page-imuse #imuse-main .menu .wrapper .content .outer a:nth-of-type(5) p {
    border-right: none;
  }
body.page-imuse #imuse-main #kv {
    background: url("../images/kvBgM.jpg") no-repeat top center/cover;
    height: calc(var(--imuse-rem) * 91.1875);
    margin: calc(var(--imuse-rem) * 8.8) 0 0 0;
  }
body.page-imuse #imuse-main #kv::before {
    background: url("../images/kvBgM.jpg") no-repeat top center/cover;
  }
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(1) {
    width: calc(var(--imuse-rem) * 40.6875);
    top: 6.9%;
    left: 14%;
  }
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(2) {
    width: calc(var(--imuse-rem) * 15.0625);
    top: 24.8%;
    left: 56%;
  }
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(3) {
    width: calc(var(--imuse-rem) * 35.5625);
    top: 75%;
    left: 15%;
  }
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(4) {
    width: calc(var(--imuse-rem) * 38);
    top: 83.9%;
    left: 22%;
  }
body.page-imuse #imuse-main #kv .wrapper .content .img:nth-of-type(5) {
    display: none;
  }
body.page-imuse #imuse-main .sec1 {
    background: url("../images/sec1bgM.jpg") no-repeat top center/cover;
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul li {
    padding: calc(var(--imuse-rem) * 3.5) calc(var(--imuse-rem) * 12) 0 calc(var(--imuse-rem) * 12);
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul li .img {
    padding: 0 0 0 0;
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul li .img.m {
    margin: calc(var(--imuse-rem) * -2.5) 0 0 0;
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul li h4 {
    margin: calc(var(--imuse-rem) * 2.5) 0 0 0;
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul li:nth-of-type(2) {
    padding: calc(var(--imuse-rem) * 27) calc(var(--imuse-rem) * 12) calc(var(--imuse-rem) * 41) calc(var(--imuse-rem) * 12);
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul li .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
body.page-imuse #imuse-main .sec1 .wrapper .content ul li .txt h4 {
    margin: 0 calc(var(--imuse-rem) * 13.5);
  }
body.page-imuse #imuse-main .sec2 {
    background: url("../images/sec2bgM.jpg") no-repeat center top/cover;
  }
body.page-imuse #imuse-main .sec2 .wrapper .content h4 {
    padding: calc(var(--imuse-rem) * 9) calc(var(--imuse-rem) * 5) calc(var(--imuse-rem) * 10.5) calc(var(--imuse-rem) * 5);
  }
body.page-imuse #imuse-main .sec2 .wrapper .content h4::after {
    top: -5.4%;
    left: 76%;
    width: calc(var(--imuse-rem) * 14.125);
    height: calc(var(--imuse-rem) * 4.6875);
  }
body.page-imuse #imuse-main .sec2 .bg {
    bottom: -18%;
  }
body.page-imuse #imuse-main .sec2 .bg .img {
    width: calc(var(--imuse-rem) * 12.28806875);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content h5::after {
    width: calc(var(--imuse-rem) * 16);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer {
    padding: calc(var(--imuse-rem) * 14.5) 0 calc(var(--imuse-rem) * 7) calc(var(--imuse-rem) * 5.7);
    margin: calc(var(--imuse-rem) * 10.5) calc(var(--imuse-rem) * 5.1) calc(var(--imuse-rem) * 10.5) calc(var(--imuse-rem) * 5.1);
    width: auto;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li {
    display: block;
    margin: 0 0 0 calc(var(--imuse-rem) * 6);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(2) {
    margin: calc(var(--imuse-rem) * 3.5) 0 0 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(3) {
    margin: calc(var(--imuse-rem) * 3.5) 0 0 calc(var(--imuse-rem) * 6);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(4) {
    margin: calc(var(--imuse-rem) * 60) 0 0 calc(var(--imuse-rem) * 14);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(5) {
    margin: calc(var(--imuse-rem) * 2) 0 0 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li:nth-of-type(6) {
    margin: calc(var(--imuse-rem) * 20) 0 0 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer ul li p.right {
    margin: 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .imuse {
    position: absolute;
    top: 24.2%;
    left: -8.5%;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .imuse .img {
    width: calc(var(--imuse-rem) * 52.875);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg p:nth-of-type(1) {
    font-size: calc(var(--imuse-rem) * 2.33436875);
    padding: 0 0 calc(var(--imuse-rem) * 0.6) 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg p:nth-of-type(2) {
    font-size: calc(var(--imuse-rem) * 3.24718125);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg p span {
    font-size: calc(var(--imuse-rem) * 3.5588875);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg1 {
    top: -1.4%;
    left: -3.8%;
    padding: calc(var(--imuse-rem) * 2.6) 0 calc(var(--imuse-rem) * 2.8) calc(var(--imuse-rem) * 2.2);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 {
    top: 47.2%;
    left: 44%;
    padding: calc(var(--imuse-rem) * 2.4) calc(var(--imuse-rem) * 1.5) calc(var(--imuse-rem) * 2.3) calc(var(--imuse-rem) * 11.2);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 p:nth-of-type(1) {
    padding: 0 0 calc(var(--imuse-rem) * 1.3) 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 p:nth-of-type(2) {
    font-size: calc(var(--imuse-rem) * 2.33436875);
    line-height: calc(var(--imuse-rem) * 2.5);
    text-indent: calc(var(--imuse-rem) * -3.1);
    margin: 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg2 p:nth-of-type(2) span:nth-of-type(2) {
    -webkit-transform: translate(140%, 100%);
            transform: translate(140%, 100%);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg3 {
    top: 74.8%;
    left: -4%;
    padding: calc(var(--imuse-rem) * 2.7) calc(var(--imuse-rem) * 3.9) calc(var(--imuse-rem) * 2.6) calc(var(--imuse-rem) * 2.3);
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg3 p:nth-of-type(1) {
    padding: 0 0 calc(var(--imuse-rem) * 1.4) 0;
  }
body.page-imuse #imuse-main .sec3 .wrapper .content .answer .txtImg3 p:nth-of-type(2) {
    font-size: calc(var(--imuse-rem) * 2.92381875);
  }
body.page-imuse #imuse-main .sec3 .bg {
    bottom: -4.2%;
  }
body.page-imuse #imuse-main .sec3 .bg .img {
    width: calc(var(--imuse-rem) * 11.6875);
  }
body.page-imuse #imuse-main .sec4 {
    background: url("../images/sec4bgM.jpg") no-repeat center top/cover;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content h5::after {
    width: calc(var(--imuse-rem) * 20.1875);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .lc {
    margin: calc(var(--imuse-rem) * 12.9) 0 calc(var(--imuse-rem) * 0.9) 0;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .txt {
    left: 42.5%;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .txt .img {
    width: calc(var(--imuse-rem) * 1.125);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .lc .img {
    width: calc(var(--imuse-rem) * 19.0625);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc {
    margin: calc(var(--imuse-rem) * 20.5) 0 calc(var(--imuse-rem) * 7.5) 0;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc .txt {
    left: 40.1%;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .lc ~ .lc .img {
    width: calc(var(--imuse-rem) * 23.0625);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content p {
    font-size: calc(var(--imuse-rem) * 3.87901875);
    line-height: calc(var(--imuse-rem) * 4.8);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content h3 {
    margin: calc(var(--imuse-rem) * 2.1) 0 calc(var(--imuse-rem) * 8) 0;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter {
    top: 15%;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .title p {
    font-size: calc(var(--imuse-rem) * 2.875);
    line-height: calc(var(--imuse-rem) * 3.8);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter h6 {
    margin: calc(var(--imuse-rem) * 0.4) 0 calc(var(--imuse-rem) * 3.4) 0;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter h6 ~ h6 {
    margin: calc(var(--imuse-rem) * 4) 0 0 0;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex .txt {
    width: calc(var(--imuse-rem) * 24.75);
    padding: calc(var(--imuse-rem) * 0.48) 0 calc(var(--imuse-rem) * 0.68) 0;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex .txt p {
    font-size: calc(var(--imuse-rem) * 2.3409375);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex .txt p span {
    font-size: calc(var(--imuse-rem) * 1.61444375);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(1) .txt {
    margin: 0 calc(var(--imuse-rem) * 1);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(1) .txt:nth-of-type(1) .img {
    width: calc(var(--imuse-rem) * 12.375);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(1) .txt:nth-of-type(2) .img {
    width: calc(var(--imuse-rem) * 17.6875);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(2) {
    padding: calc(var(--imuse-rem) * 4.9) 0;
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(2) .txt {
    width: calc(var(--imuse-rem) * 51.75);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(2) .txt .img {
    width: calc(var(--imuse-rem) * 20);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(3) .txt:nth-of-type(1) .img {
    width: calc(var(--imuse-rem) * 9.8125);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .imgflex:nth-of-type(3) .txt:nth-of-type(2) .img {
    width: calc(var(--imuse-rem) * 17.4375);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .txtOuter .imgOuter .arrow {
    width: calc(var(--imuse-rem) * 28.9375);
  }
body.page-imuse #imuse-main .sec4 .wrapper .content .diff .bg .img {
    width: calc(var(--imuse-rem) * 60);
  }
body.page-imuse #imuse-main .sec5 {
    background: url("../images/sec5bgM.jpg") no-repeat center top/cover;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content h5 {
    color: #fff;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content > .img {
    margin: calc(var(--imuse-rem) * 5) auto calc(var(--imuse-rem) * 0.3) auto;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content p {
    font-size: calc(var(--imuse-rem) * 1.6875);
    line-height: calc(var(--imuse-rem) * 2.4);
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter {
    padding: calc(var(--imuse-rem) * 5.7) calc(var(--imuse-rem) * 10) calc(var(--imuse-rem) * 14.5) calc(var(--imuse-rem) * 10);
    padding: calc(var(--imuse-rem) * 5.7) calc(var(--imuse-rem) * 10) 0 calc(var(--imuse-rem) * 10);
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer .img {
    width: calc(var(--imuse-rem) * 19.9086375);
    padding: calc(var(--imuse-rem) * 4.5) 0 calc(var(--imuse-rem) * 0.9) 0;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p {
    font-size: calc(var(--imuse-rem) * 2.6323125);
    line-height: calc(var(--imuse-rem) * 3.2);
    padding: 0 0 0 0;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p:nth-of-type(1) {
    min-height: calc(var(--imuse-rem) * 15);
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer p:nth-of-type(2) {
    font-size: calc(var(--imuse-rem) * 1.9486125);
    line-height: calc(var(--imuse-rem) * 2.9693142857);
    padding: calc(var(--imuse-rem) * 5) 0 calc(var(--imuse-rem) * 6) 0;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer .li3 {
    font-size: calc(var(--imuse-rem) * 2.0413579355);
    line-height: calc(var(--imuse-rem) * 2.5980919179);
    padding: calc(var(--imuse-rem) * 0.2969247906) 0 0 0;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper5 .swiper-wrapper .swiper-slide .outer .li4 {
    font-size: calc(var(--imuse-rem) * 1.72980032);
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-prev {
    left: 6.5%;
    top: 43%;
  }
body.page-imuse #imuse-main .sec5 .wrapper .content .swiperOuter .swiper-button-next {
    right: 6.5%;
    top: 43%;
  }
body.page-imuse #imuse-main .sec6 {
    background: url("../images/sec6bgM.jpg") no-repeat center top/cover;
  }
body.page-imuse #imuse-main .sec6 .wrapper .content h5 {
    font-size: calc(var(--imuse-rem) * 1.875);
  }
body.page-imuse #imuse-main .sec6 .wrapper .content h5::after {
    width: calc(var(--imuse-rem) * 15.9375);
  }
body.page-imuse #imuse-main .sec6 .wrapper .content h5 ~ h5::after {
    width: calc(var(--imuse-rem) * 9.375);
  }
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter {
    padding: calc(var(--imuse-rem) * 9.8) calc(var(--imuse-rem) * 10.5) calc(var(--imuse-rem) * 3) calc(var(--imuse-rem) * 10.5);
  }
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper6 .swiper-wrapper .swiper-slide .outer {
    margin: 0;
  }
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-prev {
    left: 6.8%;
    top: 57%;
  }
body.page-imuse #imuse-main .sec6 .wrapper .content .swiperOuter .swiper-button-next {
    right: 6.8%;
    top: 57%;
  }
body.page-imuse #imuse-main .sec6 .wrapper .content .imuse {
    margin: calc(var(--imuse-rem) * 5.5) auto 0 auto;
  }
body.page-imuse #imuse-main .sec6 .wrapper .content .social {
    padding: calc(var(--imuse-rem) * 11.1) 0 calc(var(--imuse-rem) * 7.5) 0;
  }

}

@media screen and (max-width: 960px) {
  body.page-imuse #imuse-main {
    --imuse-rem: 1.6667vw;
  }
}