@font-face {
  font-family: 'scp';
  src: local("scp") url("/font/scp.ttf");
  src: url("/font/GT-Sectra-Book.eot") format("embedded-opentype"),
	   url("/font/GT-Sectra-Book.woff") format("woff"),
	   url("/font/scp.ttf") format("truetype"), 
	   url("/font/GT-Sectra-Book.svg") format("svg"); }

@font-face {
  font-family: 'Ginger Bold';
  src: url("../fonts/f37ginger-bold-webfont.eot");
  src: url("../fonts/f37ginger-bold-webfont.eot?#iefix") format("embedded-opentype"), 
	  url("../fonts/f37ginger-bold-webfont.woff") format("woff"), 
	  url("../fonts/f37ginger-bold-webfont.ttf") format("truetype"), 
	  url("../fonts/f37ginger-bold-webfont.svg#f37ginger-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'mons';
  src: url("../fonts/Montserrat-ExtraBold.ttf");
  src: url("../fonts/Montserrat-ExtraBold.ttf?#iefix") format("embedded-opentype"), 
	  url("../fonts/Montserrat-ExtraBold.ttf") format("woff"), 
	  url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"), 
	  url("../fonts/f37ginger-bold-webfont.svg#f37ginger-bold") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
@font-face {
  font-family: 'NotoMedium';
  src: local("NotoMedium") url("../fonts/NotoMedium.otf");
  src: url("../fonts/NotoMedium.otf") format("opentype"); }

@font-face {
  font-family: 'NotoBold';
  src: local("NotoBold") url("../fonts/NotoBold.otf");
  src: url("../fonts/NotoBold.otf") format("opentype"); }
*/

@font-face {
  font-family: 'LINE_Th';
  src: local("LINE") url("../fonts/LINESeedTW_OTF_Th.woff2");
  src: url("../fonts/LINESeedTW_OTF_Th.woff2") format("woff2"); }

@font-face {
  font-family: 'LINE_Rg';
  src: local("LINE") url("../fonts/LINESeedTW_OTF_Rg.woff2");
  src: url("../fonts/LINESeedTW_OTF_Rg.woff2") format("woff2"); }

body, html {
  min-height: 100%;
  width: 100%;
  position: relative;
  background-color: #313131;
  font-family: 'NotoMedium';
  text-align: center; 
 }
  @media only screen and (min-width: 800px) {
    body, html {
      overflow-y: scroll; }}

.no-js head meta {
}

ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul li {
    margin: 0;
    padding: 0;}

ul, ol {
  list-style: none; }

a, p, j, h1, h2, h4, h5, h6, body {
  font-family:'NotoMedium';
  color: #F2F2F2;
  text-decoration: none;
  margin: 0;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.2em;
  font-weight: normal; }

h7 {
  font-family:'Noto Sans TC', sans-serif;
  color: #F2F2F2;
  text-decoration: none;
  margin: 0;
  font-size: 1.5em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5em;
  font-weight: bold; }
  @media only screen and (max-width: 800px) {
    h7 {
      font-size: 14px; }}

div, a, section, h1, h2, h3, h4, h6, h7 {
  position: relative; }

a {
  display: block;
  font-family: 'scp';
  font-size: 10.5px;
  letter-spacing: 0.2em; }

h3, h4, h5, h6 {
  font-family: 'scp';
  letter-spacing: -0.05em; }

h2, h7, h8 {
  font-family: 'Noto Sans JP', 'Noto Sans TC', sans-serif;
  letter-spacing: -0.05em; }

h1, .huge-text, .gigantic-text {
  font-family: 'mons';
  letter-spacing: 0.05em; }


h1, .huge-text {
  font-size: 4.5em;
  line-height: 0.9em; }
  @media only screen and (min-width: 1200px) {
    h1, .huge-text {
      font-size: 6.5vw; } }
  @media only screen and (min-width: 1600px) {
    h1, .huge-text {
      font-size: 6.6em; } }

@media screen and (max-width: 800px) {
  h1 {
    font-size: 2.5em; } }

.gigantic-text {
  font-size: 25em; }
  @media only screen and (min-width: 1200px) {
    .gigantic-text {
      font-size: 38vw; } }
  @media only screen and (min-width: 1600px) {
    .gigantic-text {
      font-size: 30vw; } }

h2 {
  font-size: 42px;
  margin-bottom: 0.5em;
  line-height: 1.2em;
  letter-spacing: -0.04em; }
  @media only screen and (max-width: 1200px) {
    h2 {
      font-size: 40px; } }
  @media only screen and (max-width: 800px) {
    h2 {
      font-size: 20px; } }

h3 {
  font-size: 11px;
  padding-bottom: 2.2em;
  text-transform: uppercase;
  letter-spacing: 0.12em; }
  @media only screen and (max-width: 800px) {
    h3 {
      font-size: 10px; } }
  h3.no-line {
    padding-bottom: 1em; }
  h3:not(.no-line) {
    margin-bottom: 3.6em; }
/*斜線*/
  h3:not(.no-line) {
    margin-bottom: 3.6em; }
    h3:not(.no-line)::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 300px;
      height: 2px;
      margin: -3.5px 0 0 -150px;
      -webkit-transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
      -moz-transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
      transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
      -webkit-transform: skewY(0deg) scaleX(1);
      -moz-transform: skewY(0deg) scaleX(1);
      -ms-transform: skewY(0deg) scaleX(1);
      -o-transform: skewY(0deg) scaleX(1);
      transform: skewY(0deg) scaleX(1);
      -webkit-transform-origin: 0 100%;
      -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
      -o-transform-origin: 0 100%;
      transform-origin: 0 100%; }

h4 {
  font-family: 'scp';
  font-size: 16px;
  margin-bottom: 0.5em;
  color: #212121; }
  @media only screen and (max-width: 800px) {
    h4 {
      font-size: 16px; } }


h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 0.15em; }
  @media only screen and (max-width: 800px) {
    h5 {
      font-size: 10px; } }

h9 {
  font-family: 'scp';
  font-size: 12px;
  color: #444950;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 0.15em; }
  @media only screen and (max-width: 800px) {
    h9 {
      font-size: 10px; } }


p {
  font-size: 16px;
  line-height: 1.7em;
  letter-spacing: -0.02em;
  font-family: 'scp'; }
  @media only screen and (max-width: 800px) {
    p {
      font-size: 12px; } }

pc {
  font-size: 16px;
  color: #2f2f2f;
  line-height: 1.7em;
  letter-spacing: -0.02em;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: bold; }
  @media only screen and (max-width: 800px) {
    p {
      font-size: 12px; } }

j {
  font-size: 18px;
  line-height: 1.7em;
  letter-spacing: -0.02em;
  font-family: 'Noto Sans JP', sans-serif; }
  @media only screen and (max-width: 800px) {
    j {
      font-size: 12px; } }

jb {
  color: #F2F2F2;
  font-size: 18px;
  line-height: 1.7em;
  letter-spacing: 0.1em;
  font-family: 'Noto Sans JP', sans-serif; }
  @media only screen and (max-width: 800px) {
    jb {
      font-size: 12px; } }

/*中文黑字*/
c {
  color: #212121;
  font-size: 18px;
  line-height: 1.7em;
  letter-spacing: 0.02em;
  font-family: 'LINE_Rg'; }
  @media only screen and (max-width: 800px) {
    c {
      font-size: 12px; } }
/*英文黑字*/
e {
  color: #212121;
  font-size: 18px;
  line-height: 1.7em;
  letter-spacing: 0.02em;
  font-family: 'f37'; 
  font-weight: thin; }
  @media only screen and (max-width: 800px) {
    e {
      font-size: 12px; } }
/*中文白字*/
d {
  color: #c0c0c0;
  font-size: 16px;
  line-height: 1.7em;
  letter-spacing: 0.02em;
  font-family: 'LINE_Rg'; }
  @media only screen and (max-width: 800px) {
    d {
      font-size: 12px; } }
/*英文白字*/
f {
  color: #F2F2F2;
  font-size: 16px;
  line-height: 1.7em;
  letter-spacing: 0.02em;
  font-family: 'scp'; }
  @media only screen and (max-width: 800px) {
    f {
      font-size: 12px; } }

/*中文大灰字*/
z {
  color: #313131;
  font-size: 3.5em;
  line-height: 1.7em;
  letter-spacing: 0.1em;
  font-family: 'LINE_Rg'; }
  @media only screen and (max-width: 1200px) {
    z {
      font-size: 2.5vw; } }
  @media only screen and (max-width: 800px) {
    z {
      font-size: 1.6em; } }

/*中文大深灰字*/
zz {
  color: #C0C0C0;
  font-size: 3.5em;
  line-height: 1.7em;
  letter-spacing: 0.1em;
  font-family: 'LINE_rg'; }
  @media only screen and (max-width: 1200px) {
    zz {
      font-size: 2.5vw; } }
  @media only screen and (max-width: 800px) {
    zz {
      font-size: 1.6em; } }

cite {
  font-family: 'scp';
  font-style: normal;
  font-size: 0.7em; }

i {
  font-style: normal;
  font-size: 11px;
  display: inline-block;
  font-family: 'scp';
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
  margin-right: 10px; }

i.rights {
  font-style: normal;
  font-size: 0.5em;
  display: inline-block;
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  transform: translateY(-20%);
  margin-right: 0;}

.pos-a {
  position: absolute; }

.full-size {
  width: 100%;
  height: 100%; }


.viewport-full-size {
  width: 100vw;
  height: 100vh; }

.full-width {
  width: 100%; }

.flex-vert-center {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100vh;
  margin-top: -0.5%;
  /* fix iOS bug not displaying 100vh correctly */
  /* ipad */ }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .flex-vert-center {
      height: 88vh; } }

.flex-vert {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .flex-vert > * {
    height: 100%; }

.flex-horiz {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }
  .flex-horiz > * {
    width: 100%; }

.pos-a-center {
  position: absolute;
  left: 50%;
  top: 50%; }

.pos-a-t-l {
  position: absolute;
  top: 0;
  left: 0; }

.pos-a-b-l {
  position: absolute;
  bottom: 0;
  left: 0; }

.pos-a-t-r {
  position: absolute;
  top: 0;
  right: 0; }

.pos-a-b-r {
  position: absolute;
  bottom: 0;
  right: 0; }

.pos-f-t-l {
  position: fixed;
  top: 0;
  left: 0; }

.pos-f {
  position: fixed; }

.pos-f-bottom {
  position: fixed;
  bottom: 0;
  left: 0; }

.pc-b::before {
  content: ""; }

.pc-a::after {
  content: ""; }

.center-l-t {
  position: absolute;
  left: 50%;
  top: 50%; }

.mob-only {
  display: none; }
  @media only screen and (max-width: 800px) {
    .mob-only {
      display: block; } }

.desktop-only {
  display: block; }
  @media only screen and (max-width: 800px) {
    .desktop-only {
      display: none; } }

.perch-content {
  display: none; }

.widow-killer {
  display: inline-block; }

a.arrow-link, a.arrow-link span, a.arrow-link span::before {
  -webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1); }

a.arrow-link {
  padding-right: 10px;
  position: relative;
  display: inline-block;
  font-size: 0.9em; }
  a.arrow-link span {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -3px;
    width: 60px;
    height: 8px;
    overflow: hidden; }
    a.arrow-link span::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: translateX(-50px);
      -moz-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
      -o-transform: translateX(-50px);
      transform: translateX(-50px);
      background: url("../img/youtube.svg") no-repeat center center/100% 100%; }
  a.arrow-link:hover {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px); }
    a.arrow-link:hover span {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px); }
      a.arrow-link:hover span::before {
        -webkit-transform: translateX(-4px);
        -moz-transform: translateX(-4px);
        -ms-transform: translateX(-4px);
        -o-transform: translateX(-4px);
        transform: translateX(-4px); }

.underline-link {
  position: relative; }
  .underline-link::after {
    content: '';
    position: absolute;
    bottom: -5%;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; }
  .underline-link span {
    z-index: 1;
    position: relative;
    -webkit-transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1); }
  .underline-link::before {
    background-color: #212121; }
  .underline-link::after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .underline-link:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }

.arrow-head {
  width: 26px;
  height: 26px;
  overflow: hidden; }
  .arrow-head span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .arrow-head span::before, .arrow-head span::after {
    content: '';
    position: absolute;
    top: 50%; }
  .arrow-head span::before {
    height: 2px;
    width: 90%;
    left: 0;
    margin-top: -1px;
    background-color: #F2F2F2; }
  .arrow-head span::after {
    right: 0;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background: url("../img/arrow-head-white.svg") no-repeat center center/100%; }


.arrow-head-youtube {
  width: 25px;
  height: 25px;
  overflow: hidden; }
  .arrow-head-youtube span {
    position: absolute;
    top: 0;
    left: -10%;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .arrow-head-youtube span::before, .arrow-head-youtube span::after {
    content: '';
    position: absolute;
    top: 35%; }
  .arrow-head-youtube span::before {
    height: 2px;
    width: 60%;
    left: 0;
    margin-top: -1px;
    background-color: #F2F2F2; }
  .arrow-head-youtube span::after {
    right: 0;
    width: 15px;
    height: 15px;
    margin: -3px 0 0 -3px;
}
	  
/*youtube線條顏色*/
  .arrow-head-youtube[data-color="black"] span::before {
    background: url("../img/icon-line-white.png") no-repeat center center/100%; }
  .arrow-head-youtube[data-color="black"] span::after {
    background: url("../img/icon-line.png") no-repeat center center/100%; }

.box-arrow-link {
  display: inline-block;
  height: 38px;
  text-transform: uppercase;
  border: 2px solid #F2F2F2;
  -webkit-transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  -webkit-transform: translateX(-22px);
  -moz-transform: translateX(-22px);
  -ms-transform: translateX(-22px);
  -o-transform: translateX(-22px);
  transform: translateX(-22px); }
  @media screen and (max-width: 800px) {
    .box-arrow-link {
      font-size: 10px; } }
  .box-arrow-link .box-text {
    padding: 0 16px;
    line-height: 36px; }
  .box-arrow-link .box-arrow-1, .box-arrow-link .box-arrow-2 {
    position: absolute;
    height: 43px;
    width: 50px;
    top: -2px;
    overflow: hidden; }
    .box-arrow-link .box-arrow-1::before, .box-arrow-link .box-arrow-2::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 38px;
      border-top: 2px solid #F2F2F2;
      border-bottom: 2px solid #F2F2F2;
      -webkit-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1);
      -moz-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1);
      transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1); }
    .box-arrow-link .box-arrow-1 .arrow-head-youtube, .box-arrow-link .box-arrow-2 .arrow-head-youtube {
      left: 50%;
      top: 50%;
      width: 20px;
      margin: -14px 0 0 -10px;
      position: absolute; }
  .box-arrow-link .box-arrow-1 {
    right: 100%; }
    .box-arrow-link .box-arrow-1::before {
      border-left: 2px solid #F2F2F2;
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -o-transform-origin: 100% 0;
      transform-origin: 100% 0;
      background-color: #F2F2F2; }
  .box-arrow-link .box-arrow-2 {
    left: 100%; }
    .box-arrow-link .box-arrow-2::before {
      margin-left: -3px;
      border-right: 2px solid #F2F2F2;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0; }
  .box-arrow-link .box-arrow-1::before {
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%); }
  .box-arrow-link .box-arrow-1 .arrow-head-youtube span {
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%); }
  .box-arrow-link:hover {
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(25px);
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s; }
    .box-arrow-link:hover .box-arrow-1::before {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition-delay: 0.22s;
      -moz-transition-delay: 0.22s;
      transition-delay: 0.22s; }
    .box-arrow-link:hover .box-arrow-2::before {
      -webkit-transform: translateX(-105%);
      -moz-transform: translateX(-105%);
      -ms-transform: translateX(-105%);
      -o-transform: translateX(-105%);
      transform: translateX(-105%); }
    .box-arrow-link:hover .box-arrow-1 .arrow-head-youtube span {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition-delay: 0.22s;
      -moz-transition-delay: 0.22s;
      transition-delay: 0.22s; }
    .box-arrow-link:hover .box-arrow-2 .arrow-head-youtube span {
      -webkit-transform: translateX(105%);
      -moz-transform: translateX(105%);
      -ms-transform: translateX(105%);
      -o-transform: translateX(105%);
      transform: translateX(105%);
      -webkit-transition-duration: 0.35s;
      -moz-transition-duration: 0.35s;
      transition-duration: 0.35s; }
  .box-arrow-link.clicked:not(.dark-box-arrow-link), .box-arrow-link.clicked:hover:not(.dark-box-arrow-link) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  .box-arrow-link.dark-box-arrow-link {
    border-color: #c8c8c8;
    color: #00FD55;
    margin-top: 32px;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
    .box-arrow-link.dark-box-arrow-link .box-arrow-1::before, .box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
      border-top: 2px solid #c8c8c8;
      border-bottom: 2px solid #c8c8c8; }
    .box-arrow-link.dark-box-arrow-link .box-arrow-1::before {
      border-left: 2px solid #c8c8c8;
      background-color: #c8c8c8; }
    .box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
      border-right: 2px solid #c8c8c8; }
    .box-arrow-link.dark-box-arrow-link:hover {
      -webkit-transform: translateX(48px);
      -moz-transform: translateX(48px);
      -ms-transform: translateX(48px);
      -o-transform: translateX(48px);
      transform: translateX(48px); }


/*叉叉*/
.close {
  width: 16px;
  height: 16px; }
  @media screen and (min-width: 1400px) {
    .close {
      width: 22px;
      height: 22px; } }
  .close span::before, .close span::after {
    content: '';
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #212121;
    margin-top: -1px;
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .close span::before {
    -webkit-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translateZ(0) scale(1, 1); }
  .close span::after {
    -webkit-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translateZ(0) scale(1, 1); }
  .close span:nth-child(2)::before, .close span:nth-child(2)::after {
    background-color: rgba(33, 33, 33, 0); }
  .close span:nth-child(2)::after {
    -webkit-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1); }
  .close span:nth-child(2)::before {
    -webkit-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1); }
  .close:hover span:nth-child(1)::before, .close:hover span:nth-child(1)::after {
    background-color: rgba(33, 33, 33, 0); }
  .close:hover span:nth-child(1)::after {
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s;
    -webkit-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1); }
  .close:hover span:nth-child(1)::before {
    -webkit-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1); }
  .close:hover span:nth-child(2)::before, .close:hover span:nth-child(2)::after {
    background-color: #212121; }
  .close:hover span:nth-child(2)::before {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: rotate(45deg) translate3d(0px, 0px, 0);
    -moz-transform: rotate(45deg) translate3d(0px, 0px, 0);
    -ms-transform: rotate(45deg) translate3d(0px, 0px, 0);
    -o-transform: rotate(45deg) translate3d(0px, 0px, 0);
    transform: rotate(45deg) translate3d(0px, 0px, 0); }
  .close:hover span:nth-child(2)::after {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    -moz-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    -ms-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    -o-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    transform: rotate(-45deg) translate3d(0px, 0px, 0); }

.icon {
  width: 21px;
  height: 21px;}

  .icon::before, .icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1); }
  .icon::before {
    opacity: 0;
    -webkit-transition: 0.01s 0.3s;
    -moz-transition: 0.01s 0.3s;
    transition: 0.01s 0.3s; }
  .icon.icon-mail::after {
    background: url("../img/icon-mail.png") no-repeat center center/100%; }
  .icon.icon-ig::after {
    background: url("../img/icon-ig.png") no-repeat center center/100%; }
  .icon.icon-line::after {
    background: url("../img/icon-line.png") no-repeat center center/100%; }
  .icon.icon-youtube::after {
    background: url("../img/icon-youtube.png") no-repeat center center/100%; }
  .icon.icon-fb::after {
    background: url("../img/icon-fb.png") no-repeat center center/100%; }
  .icon.icon-linkedin::after {
    background: url("../img/icon-linkedin.png") no-repeat center center/100%; }
  .icon.icon-spotify::after {
    background: url("../img/icon-spotify.png") no-repeat center center/100%; }
  .icon.icon-firstory::after {
    background: url("../img/icon-firstory.png") no-repeat center center/100%; }
  .icon.icon-soundon::after {
    background: url("../img/icon-soundon.png") no-repeat center center/100%; }

  .icon.icon-mail-white::after {
    background: url("../img/icon-mail-white.png") no-repeat center center/100%; }
  .icon.icon-ig-white::after {
    background: url("../img/icon-ig-white.png") no-repeat center center/100%; }
  .icon.icon-line-white::after {
    background: url("../img/icon-line-white.png") no-repeat center center/100%; }
  .icon.icon-youtube-white::after {
    background: url("../img/icon-youtube-white.png") no-repeat center center/100%; }
  .icon.icon-fb-white::after {
    background: url("../img/icon-fb-white.png") no-repeat center center/100%; }
  .icon.icon-spotify-white::after {
    background: url("../img/icon-spotify-white.png") no-repeat center center/100%; }
  .icon.icon-firstory-white::after {
    background: url("../img/icon-firstory-white.png") no-repeat center center/100%; }
  .icon.icon-soundon-white::after {
    background: url("../img/icon-soundon-white.png") no-repeat center center/100%; }
  .icon.icon-linkedin-white::after {
    background: url("../img/icon-linkedin-white.png") no-repeat center center/100%; }


/*聯絡contact頁框icon變色前*/
  .icon.icon-line-mxvxa::after {
    background: url("../img/icon-line.png") no-repeat center center/100%; }
  .icon.icon-line-visual::after {
    background: url("../img/icon-line.png") no-repeat center center/100%; }
  .icon.icon-line-audio::after {
    background: url("../img/icon-line.png") no-repeat center center/100%; }

  .icon:hover::before {
    opacity: 1;
    -webkit-transition: 0.01s 0s;
    -moz-transition: 0.01s 0s;
    transition: 0.01s 0s; }
  .icon:hover::after {
    opacity: 0; }

.letter-split > span, .letter-split > span > span {
  display: inline;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.letter-split > span {
  opacity: 0; }
  .letter-split > span:nth-child(1), .letter-split > span:nth-child(1) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s; }
  .letter-split > span:nth-child(2), .letter-split > span:nth-child(2) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s; }
  .letter-split > span:nth-child(3), .letter-split > span:nth-child(3) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s; }
  .letter-split > span:nth-child(4), .letter-split > span:nth-child(4) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s; }
  .letter-split > span:nth-child(5), .letter-split > span:nth-child(5) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s; }
  .letter-split > span:nth-child(6), .letter-split > span:nth-child(6) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s; }
  .letter-split > span:nth-child(7), .letter-split > span:nth-child(7) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s; }
  .letter-split > span:nth-child(8), .letter-split > span:nth-child(8) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s; }
  .letter-split > span:nth-child(9), .letter-split > span:nth-child(9) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s; }
  .letter-split > span:nth-child(10), .letter-split > span:nth-child(10) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s; }
  .letter-split > span:nth-child(11), .letter-split > span:nth-child(11) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s; }
  .letter-split > span:nth-child(12), .letter-split > span:nth-child(12) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s; }
  .letter-split > span:nth-child(13), .letter-split > span:nth-child(13) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s; }
  .letter-split > span:nth-child(14), .letter-split > span:nth-child(14) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s; }
  .letter-split > span:nth-child(15), .letter-split > span:nth-child(15) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s; }
  .letter-split > span:nth-child(16), .letter-split > span:nth-child(16) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s; }
  .letter-split > span:nth-child(17), .letter-split > span:nth-child(17) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s; }
  .letter-split > span:nth-child(18), .letter-split > span:nth-child(18) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s; }
  .letter-split > span:nth-child(19), .letter-split > span:nth-child(19) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s; }
  .letter-split > span:nth-child(20), .letter-split > span:nth-child(20) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s; }
  .letter-split > span:nth-child(21), .letter-split > span:nth-child(21) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s; }
  .letter-split > span:nth-child(22), .letter-split > span:nth-child(22) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s; }
  .letter-split > span:nth-child(23), .letter-split > span:nth-child(23) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s; }
  .letter-split > span:nth-child(24), .letter-split > span:nth-child(24) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s; }
  .letter-split > span:nth-child(25), .letter-split > span:nth-child(25) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s; }
  .letter-split > span:nth-child(26), .letter-split > span:nth-child(26) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s; }
  .letter-split > span:nth-child(27), .letter-split > span:nth-child(27) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s; }
  .letter-split > span:nth-child(28), .letter-split > span:nth-child(28) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s; }
  .letter-split > span:nth-child(29), .letter-split > span:nth-child(29) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s; }
  .letter-split > span:nth-child(30), .letter-split > span:nth-child(30) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s; }
  .letter-split > span:nth-child(31), .letter-split > span:nth-child(31) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s; }
  .letter-split > span:nth-child(32), .letter-split > span:nth-child(32) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s; }
  .letter-split > span:nth-child(33), .letter-split > span:nth-child(33) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s; }
  .letter-split > span:nth-child(34), .letter-split > span:nth-child(34) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s; }
  .letter-split > span:nth-child(35), .letter-split > span:nth-child(35) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s; }
  .letter-split > span:nth-child(36), .letter-split > span:nth-child(36) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s; }
  .letter-split > span:nth-child(37), .letter-split > span:nth-child(37) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s; }
  .letter-split > span:nth-child(38), .letter-split > span:nth-child(38) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s; }
  .letter-split > span:nth-child(39), .letter-split > span:nth-child(39) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s; }
  .letter-split > span:nth-child(40), .letter-split > span:nth-child(40) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s; }


/*nav底線動畫*/
.wiggle-link:hover .wiggle, .wiggle-link:hover .wiggle::before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.wiggle {
  position: absolute;
  bottom: -7px;
  height: 3px;
  left: 0%;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translateX(-105%);
  -moz-transform: translateX(-105%);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-105%);
  transform: translateX(-105%);
  -webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }
  .wiggle::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(105%);
	-moz-transform: translateX(105%);
	-ms-transform: translateX(105%);
	-o-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	-moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background: url("/img/underline.png")
}

/*footer背景*/
.mxvxa-logo-flat {
  width: 1200px;
  height: 900px;
  margin: 500px 0 0 -600px;
  background: url("../img/mxvxafooter.png") no-repeat center center/100%; }

.scroll-arrow-wrap {
  width: 50px;
  height: 40px;
  margin: -20px 0 0 -25px;
  bottom: 3%;
  left: 50%;
  -webkit-transition: 0.19s linear;
  -moz-transition: 0.19s linear;
  transition: 0.19s linear;
  z-index: 3; }
  .scroll-arrow-wrap[data-active="off"], .scroll-arrow-wrap[data-preloading="on"] {
    opacity: 0;
    pointer-events: none; }

/*右上方箭頭hover顏色*/
.scroll-arrow-wrap:hover, .back-to-top-arrow-wrap:hover {
  cursor: pointer; }
  body[data-state="mxvxa"] .scroll-arrow-wrap:hover span::before, body[data-state="mxvxa"] .scroll-arrow-wrap:hover span::after, body[data-state="mxvxa"] .back-to-top-arrow-wrap:hover span::before, body[data-state="mxvxa"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #616161; }
  body[data-state="visual"] .scroll-arrow-wrap:hover span::before, body[data-state="visual"] .scroll-arrow-wrap:hover span::after, body[data-state="visual"] .back-to-top-arrow-wrap:hover span::before, body[data-state="visual"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #313131 }
  body[data-state="audio"] .scroll-arrow-wrap:hover span::before, body[data-state="audio"] .scroll-arrow-wrap:hover span::after, body[data-state="audio"] .back-to-top-arrow-wrap:hover span::before, body[data-state="audio"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #929292; }
  body[data-state="david"] .scroll-arrow-wrap:hover span::before, body[data-state="david"] .scroll-arrow-wrap:hover span::after, body[data-state="david"] .back-to-top-arrow-wrap:hover span::before, body[data-state="david"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #000; }
  body[data-state="ayumi"] .scroll-arrow-wrap:hover span::before, body[data-state="ayumi"] .scroll-arrow-wrap:hover span::after, body[data-state="ayumi"] .back-to-top-arrow-wrap:hover span::before, body[data-state="ayumi"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #000; }
  body[data-state="katherine"] .scroll-arrow-wrap:hover span::before, body[data-state="katherine"] .scroll-arrow-wrap:hover span::after, body[data-state="katherine"] .back-to-top-arrow-wrap:hover span::before, body[data-state="katherine"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #000; }

  .scroll-arrow-wrap:hover span::before, .back-to-top-arrow-wrap:hover span::before {
    -webkit-transform: skewY(32deg);
    -moz-transform: skewY(32deg);
    -ms-transform: skewY(32deg);
    -o-transform: skewY(32deg);
    transform: skewY(32deg); }
  .scroll-arrow-wrap:hover span::after, .back-to-top-arrow-wrap:hover span::after {
    -webkit-transform: skewY(-32deg);
    -moz-transform: skewY(-32deg);
    -ms-transform: skewY(-32deg);
    -o-transform: skewY(-32deg);
    transform: skewY(-32deg); }

.scroll-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px; }
  .scroll-arrow span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1);
    animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1); }
    @media only screen and (max-width: 800px) {
      .scroll-arrow span {
        -webkit-animation: none !important;
        -moz-animation: none !important;
        animation: none !important; } }
    .scroll-arrow span::before, .scroll-arrow span::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 50%;
      background-color: #F2F2F2;
      -webkit-transform: skewY(22deg);
      -moz-transform: skewY(22deg);
      -ms-transform: skewY(22deg);
      -o-transform: skewY(22deg);
      transform: skewY(22deg);
      -webkit-transform-origin: 50% 100%;
      -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      -o-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1);
      -moz-transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1);
      transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1); }
    .scroll-arrow span:nth-child(2) {
      -webkit-animation-delay: 1.5s;
      -moz-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .scroll-arrow span::before {
      left: 0; }
    .scroll-arrow span::after {
      left: 50%;
      -webkit-transform: skewY(-22deg);
      -moz-transform: skewY(-22deg);
      -ms-transform: skewY(-22deg);
      -o-transform: skewY(-22deg);
      transform: skewY(-22deg); }

/*箭頭顏色*/
  body[data-state="mxvxa"] .scroll-arrow span::before, body[data-state="mxvxa"] .scroll-arrow span::after {
    background-color: #f2f2f2; }



.logo-animation {
  width: 776px;
  height: 357px;
  margin: -178.5px 0 0 -388px;
  margin-top: -210px;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7); }
  .logo-animation .logo-piece {
    position: absolute; }
    .logo-animation .logo-piece.logo-piece-h {
      width:100%;
      height: 75%;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .logo-animation .logo-piece.logo-piece-v {
      width: 100%;
      height: 75%;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .logo-animation .logo-piece.logo-piece-d {
      width: 100%;
      height: 75%;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .logo-animation .logo-piece div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -o-transform-origin: 100% 0;
      transform-origin: 100% 0;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
    .logo-animation .logo-piece div::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -o-transform-origin: 100% 0;
      transform-origin: 100% 0;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }



    .logo-animation .logo-piece:nth-child(1) div, .logo-animation .logo-piece:nth-child(1) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.01s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.01s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.01s; }
    .logo-animation .logo-piece:nth-child(2) div, .logo-animation .logo-piece:nth-child(2) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s; }
    .logo-animation .logo-piece:nth-child(3) div, .logo-animation .logo-piece:nth-child(3) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.03s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.03s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.03s; }
    .logo-animation .logo-piece:nth-child(4) div, .logo-animation .logo-piece:nth-child(4) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s; }
    .logo-animation .logo-piece:nth-child(5) div, .logo-animation .logo-piece:nth-child(5) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.05s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.05s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.05s; }
    .logo-animation .logo-piece:nth-child(6) div, .logo-animation .logo-piece:nth-child(6) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s; }
    .logo-animation .logo-piece:nth-child(7) div, .logo-animation .logo-piece:nth-child(7) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.07s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.07s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.07s; }
    .logo-animation .logo-piece:nth-child(8) div, .logo-animation .logo-piece:nth-child(8) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s; }
    .logo-animation .logo-piece:nth-child(9) div, .logo-animation .logo-piece:nth-child(9) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.09s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.09s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.09s; }
    .logo-animation .logo-piece:nth-child(10) div, .logo-animation .logo-piece:nth-child(10) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s; }
    .logo-animation .logo-piece:nth-child(11) div, .logo-animation .logo-piece:nth-child(11) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s; }
    .logo-animation .logo-piece:nth-child(12) div, .logo-animation .logo-piece:nth-child(12) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s; }
    .logo-animation .logo-piece:nth-child(13) div, .logo-animation .logo-piece:nth-child(13) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s; }
    .logo-animation .logo-piece:nth-child(14) div, .logo-animation .logo-piece:nth-child(14) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s; }
    .logo-animation .logo-piece:nth-child(15) div, .logo-animation .logo-piece:nth-child(15) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s; }
    .logo-animation .logo-piece:nth-child(16) div, .logo-animation .logo-piece:nth-child(16) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s; }
    .logo-animation .logo-piece:nth-child(17) div, .logo-animation .logo-piece:nth-child(17) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s; }
    .logo-animation .logo-piece:nth-child(18) div, .logo-animation .logo-piece:nth-child(18) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s; }
    .logo-animation .logo-piece:nth-child(19) div, .logo-animation .logo-piece:nth-child(19) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s; }
    .logo-animation .logo-piece:nth-child(20) div, .logo-animation .logo-piece:nth-child(20) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s; }
    .logo-animation .logo-piece:nth-child(21) div, .logo-animation .logo-piece:nth-child(21) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s; }
    .logo-animation .logo-piece:nth-child(22) div, .logo-animation .logo-piece:nth-child(22) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s; }
    .logo-animation .logo-piece:nth-child(23) div, .logo-animation .logo-piece:nth-child(23) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s; }
    .logo-animation .logo-piece:nth-child(24) div, .logo-animation .logo-piece:nth-child(24) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s; }
    .logo-animation .logo-piece:nth-child(25) div, .logo-animation .logo-piece:nth-child(25) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s; }
    .logo-animation .logo-piece:nth-child(26) div, .logo-animation .logo-piece:nth-child(26) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s; }
    .logo-animation .logo-piece:nth-child(27) div, .logo-animation .logo-piece:nth-child(27) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s; }
    .logo-animation .logo-piece:nth-child(28) div, .logo-animation .logo-piece:nth-child(28) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s; }
    .logo-animation .logo-piece:nth-child(29) div, .logo-animation .logo-piece:nth-child(29) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s; }
    .logo-animation .logo-piece:nth-child(30) div, .logo-animation .logo-piece:nth-child(30) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s; }
    .logo-animation .logo-piece:nth-child(31) div, .logo-animation .logo-piece:nth-child(31) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s; }
    .logo-animation .logo-piece:nth-child(32) div, .logo-animation .logo-piece:nth-child(32) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s; }
    .logo-animation .logo-piece:nth-child(33) div, .logo-animation .logo-piece:nth-child(33) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s; }
    .logo-animation .logo-piece:nth-child(34) div, .logo-animation .logo-piece:nth-child(34) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s; }
    .logo-animation .logo-piece:nth-child(35) div, .logo-animation .logo-piece:nth-child(35) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s; }
    .logo-animation .logo-piece:nth-child(36) div, .logo-animation .logo-piece:nth-child(36) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s; }
    .logo-animation .logo-piece:nth-child(37) div, .logo-animation .logo-piece:nth-child(37) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s; }
    .logo-animation .logo-piece:nth-child(38) div, .logo-animation .logo-piece:nth-child(38) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s; }
    .logo-animation .logo-piece:nth-child(39) div, .logo-animation .logo-piece:nth-child(39) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s; }
    .logo-animation .logo-piece:nth-child(40) div, .logo-animation .logo-piece:nth-child(40) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s; }

    .page-content[data-active="off"] .logo-animation .logo-piece div {
      -webkit-transform: translate3d(-105%, 0, 0);
      -moz-transform: translate3d(-105%, 0, 0);
      -ms-transform: translate3d(-105%, 0, 0);
      -o-transform: translate3d(-105%, 0, 0);
      transform: translate3d(-105%, 0, 0); }
    .page-content[data-active="off"] .logo-animation .logo-piece div::before {
      -webkit-transform: translate3d(105%, 0, 0);
      -moz-transform: translate3d(105%, 0, 0);
      -ms-transform: translate3d(105%, 0, 0);
      -o-transform: translate3d(105%, 0, 0);
      transform: translate3d(105%, 0, 0); }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(1) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(1) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.285s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.285s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.285s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(2) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(2) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(3) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(3) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.455s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.455s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.455s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(4) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(4) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(5) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(5) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.625s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.625s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.625s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(6) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(6) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(7) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(7) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.795s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.795s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.795s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(8) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(8) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(9) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(9) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.965s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.965s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.965s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(10) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(10) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(11) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(11) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(12) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(12) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(13) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(13) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(14) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(14) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(15) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(15) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(16) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(16) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(17) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(17) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(18) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(18) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(19) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(19) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(20) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(20) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(21) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(21) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(22) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(22) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(23) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(23) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(24) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(24) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(25) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(25) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(26) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(26) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(27) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(27) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(28) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(28) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(29) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(29) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(30) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(30) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(31) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(31) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(32) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(32) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(33) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(33) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(34) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(34) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(35) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(35) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(36) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(36) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(37) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(37) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(38) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(38) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(39) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(39) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(40) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(40) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s; }

/*LOGO動畫*/
    .logo-animation .logo-piece.m-1 {
      top: 15%;
      left: -32%; }
      .logo-animation .logo-piece.m-1 div::before {
        background: url("../img/logo/m-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.m-2 {
      top: 15%;
      left: -32%; }
      .logo-animation .logo-piece.m-2 div::before {
        background: url("../img/logo/m-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.m-3 {
      top: 15%;
      left: -32%; }
      .logo-animation .logo-piece.m-3 div::before {
        background: url("../img/logo/m-3.svg") no-repeat center center; }
    .logo-animation .logo-piece.m-4 {
      width: 100%;
      top: 15%;
      left: -32%; }
      .logo-animation .logo-piece.m-4 div::before {
        background: url("../img/logo/m-4.svg") no-repeat center center; }

    .logo-animation .logo-piece.x-1 {
      top: 15%;
      left: -17.5%; }
      .logo-animation .logo-piece.x-1 div::before {
        background: url("../img/logo/x-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.x-2 {
      top: 15%;
      left: -17.5%; }
      .logo-animation .logo-piece.x-2 div::before {
        background: url("../img/logo/x-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.x-3 {
      top: 15%;
      left: -17.5%; }
      .logo-animation .logo-piece.x-3 div::before {
        background: url("../img/logo/x-3.svg") no-repeat center center; }

    .logo-animation .logo-piece.v-1 {
      top: 15%;
      left: -3%; }
      .logo-animation .logo-piece.v-1 div::before {
        background: url("../img/logo/v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.v-2 {
      top: 15%;
      left: -3%; }
      .logo-animation .logo-piece.v-2 div::before {
        background: url("../img/logo/v-2.svg") no-repeat center center; }

    .logo-animation .logo-piece.x-4 {
      top: 15%;
      left: 11.5%; }
      .logo-animation .logo-piece.x-4 div::before {
        background: url("../img/logo/x-4.svg") no-repeat center center; }
    .logo-animation .logo-piece.x-5 {
      top: 15%;
      left: 11.5%; }
      .logo-animation .logo-piece.x-5 div::before {
        background: url("../img/logo/x-5.svg") no-repeat center center; }
    .logo-animation .logo-piece.x-6 {
      top: 15%;
      left: 11.5%; }
      .logo-animation .logo-piece.x-6 div::before {
        background: url("../img/logo/x-6.svg") no-repeat center center; }
  
    .logo-animation .logo-piece.a-1 {
      top: 15%;
      left: 26%; }
      .logo-animation .logo-piece.a-1 div::before {
        background: url("../img/logo/a-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.a-2 {
      top: 15%;
      left: 26%; }
      .logo-animation .logo-piece.a-2 div::before {
        background: url("../img/logo/a-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.a-3 {
      top: 15%;
      left: 26%; }
      .logo-animation .logo-piece.a-3 div::before {
        background: url("../img/logo/a-3.svg") no-repeat center center; }


/*LOGO動畫結束*/


.preloader-shield {
  z-index: 500;
  position: absolute;
  top: 50vh;}

nav, .sound-on-off {
  z-index: 100; }

.modal {
  z-index: 120; }

.page-content .masterhead {
  -webkit-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  -moz-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s; }
/*visual大字*/
  .page-content .masterhead h1 {
    font-size: 13vw;
    margin-bottom: 0;
    pointer-events: none; }
    @media screen and (min-width: 1400px) {
      .page-content .masterhead h1 {
        font-size: 11em; } }
/*katherine大字*/
  .page-content .masterhead h6 {
    font-size: 16vw;
    margin-bottom: 0;
    pointer-events: none; }
    @media screen and (min-width: 1400px) {
      .page-content .masterhead h6 {
        font-size: 15em; } }

  .page-content .masterhead[data-active="off"] {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px); }

.mxvxa-content h1 {
  color: #616161; }
.mxvxa-content h3, .mxvxa-content h2, .mxvxa-content p {
  color: rgba(33, 33, 33, 0.9); }
.mxvxa-content a {
  color: #000; }
/*斜線顏色*/
.mxvxa-content h3::after {
  background-color: #414141; }
/*第一頁後半段顏色*/
.mxvxa-content .ledge::before {
  background-color: #616161; }
/*第一頁後後半段顏色*/
.mxvxa-content .now::before {
  background-color: #818181; }

body[data-state="mxvxa"] .underline-link::after {
  background-color: #616161; }
body[data-state="mxvxa"] .underline-link:hover span {
  color: #616161; }
/*變色後icon*/
body[data-state="mxvxa"] .icon-mail::before {
  background: url("../img/icon-mail-mxvxa.png") no-repeat center center/100%; }
body[data-state="mxvxa"] .icon-ig::before {
  background: url("../img/icon-ig-mxvxa.png") no-repeat center center/100%; }
body[data-state="mxvxa"] .icon-youtube::before {
  background: url("../img/icon-youtube-mxvxa.png") no-repeat center center/100%; }

body[data-state="mxvxa"] .icon-line-mxvxa::before {
  background: url("../img/icon-line-mxvxa.png") no-repeat center center/100%; }
body[data-state="mxvxa"] .icon-line-visual::before {
  background: url("../img/visual/icon-line-visual.png") no-repeat center center/100%; }
body[data-state="mxvxa"] .icon-line-audio::before {
  background: url("../img/audio/icon-line-audio.png") no-repeat center center/100%; }

.visual-content h1 {
  color: #515151; 
  opacity: .9}
.visual-content h3::after {
  background-color: #929292; }
.visual-content h9 {
  color: #313131; }
/*第二頁背景顏色*/
.visual-content .ledge_visual::before, .visual-content .equipment-figures-section[data-active="off"] .ledge_visual::before {
	background-color: #616161;} /*深灰色#FF0004*/

/*聯絡信箱hover顏色*/
body[data-state="visual"] .underline-link::after {
  background-color: #616161; }
body[data-state="visual"] .underline-link:hover span {
  color: #616161; }
/*變色後icon*/
body[data-state="visual"] .icon-mail::before {
  background: url("../img/visual/icon-mail-visual.png") no-repeat center center/100%; }
body[data-state="visual"] .icon-ig::before {
  background: url("../img/visual/icon-ig-visual.png") no-repeat center center/100%; }

body[data-state="visual"] .icon-line::before {
  background: url("../img/visual/icon-line-visual.png") no-repeat center center/100%; }

body[data-state="visual"] .icon-line-mxvxa::before {
  background: url("../img/visual/icon-line-visual.png") no-repeat center center/100%; }

body[data-state="visual"] .icon-line-visual::before {
  background: url("../img/visual/icon-line-visual.png") no-repeat center center/100%; }
body[data-state="visual"] .icon-youtube::before {
  background: url("../img/visual/icon-youtube-visual.png") no-repeat center center/100%; }
body[data-state="visual"] .icon-linkedin::before {
  background: url("../img/visual/icon-linkedin-visual.png") no-repeat center center/100%; }

/*大字*/
.audio-content h1 {
  color: #727272; 
  opacity: .9;}
.audio-content h1 {
  color: #929292; }
.audio-content h3::after {
  background-color: #616161; }
.audio-content .white-bg h3::after {
  background-color: #929292; }
.audio-content h9 {
  color: #929292; }
.audio-content .ledge {
  top: -35%; }
.audio-content .ledge::before {
  background-color: rgba(255, 255, 255, 0.08); }

body[data-state="audio"] .underline-link::after {
  background-color: #929292; }
body[data-state="audio"] .underline-link:hover span {
  color: #929292; }
body[data-state="audio"] .icon-mail::before {
  background: url("../img/visual/icon-mail-visual.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-mail-white::before {
  background: url("../img/katherine/icon-mail-white-shadow.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-linkedin::before {
  background: url("../img/visual/icon-linkedin-visual.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-linkedin-white::before {
  background: url("../img/audio/icon-linkedin-white-shadow.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-ig::before {
  background: url("../img/visual/icon-ig-visual.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-line::before {
  background: url("../img/visual/icon-line-visual.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-line-white::before {
  background: url("../img/katherine/icon-line-white-shadow.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-youtube::before {
  background: url("../img/visual/icon-youtube-visual.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-line-mxvxa::before {
  background: url("../img/visual/icon-line-visual.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-line-audio::before {
  background: url("../img/audio/icon-line-audio.png") no-repeat center center/100%; }


body[data-state="audio"] .icon-spotify::before {
  background: url("../img/audio/icon-spotify-audio.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-spotify-white::before {
  background: url("../img/katherine/icon-spotify-white-shadow.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-soundon::before {
  background: url("../img/audio/icon-soundon-audio.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-soundon-white::before {
  background: url("../img/audio/icon-soundon-white-shadow.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-linkedin::before {
  background: url("../img/audio/icon-linkedin-audio.png") no-repeat center center/100%; }
body[data-state="audio"] .icon-linkedin-white::before {
  background: url("../img/audio/icon-linkedin-white-shadow.png") no-repeat center center/100%; }





.page-content {
  -webkit-transition: 0.27s linear;
  -moz-transition: 0.27s linear;
  transition: 0.27s linear;
  opacity: 1;
  will-change: opacity;
  z-index: 10;
  position: relative;}
  html.safari-browser .page-content {
    opacity: 0.999; }
  .page-content section, .page-content footer {
    -webkit-transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
  .page-content h1 {
    margin-bottom: 0.35em; }
  .page-content[data-active="off"] {
    opacity: 0;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s; }
    html.safari-browser .page-content[data-active="off"] {
      opacity: 0; }
    .page-content[data-active="off"] .masterhead, .page-content[data-active="off"] section, .page-content[data-active="off"] footer, .page-content[data-active="off"] .ledge, .page-content[data-active="off"] .now {
      opacity: 0; }
  .page-content .scrolling-content {
    position: relative;}
  .page-content .scrolling-content-wrap {
    /*width: 100%;
    height: 100%;*/}
  .page-content[data-active="on"] .letter-split > span {
    opacity: 1; }
    .page-content[data-active="on"] .letter-split > span:nth-child(1), .page-content[data-active="on"] .letter-split > span:nth-child(1) span {
      -webkit-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      -moz-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(2), .page-content[data-active="on"] .letter-split > span:nth-child(2) span {
      -webkit-transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      -moz-transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(3), .page-content[data-active="on"] .letter-split > span:nth-child(3) span {
      -webkit-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      -moz-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(4), .page-content[data-active="on"] .letter-split > span:nth-child(4) span {
      -webkit-transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      -moz-transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(5), .page-content[data-active="on"] .letter-split > span:nth-child(5) span {
      -webkit-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      -moz-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(6), .page-content[data-active="on"] .letter-split > span:nth-child(6) span {
      -webkit-transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      -moz-transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(7), .page-content[data-active="on"] .letter-split > span:nth-child(7) span {
      -webkit-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s;
      -moz-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s;
      transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(8), .page-content[data-active="on"] .letter-split > span:nth-child(8) span {
      -webkit-transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
      -moz-transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
      transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(9), .page-content[data-active="on"] .letter-split > span:nth-child(9) span {
      -webkit-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s;
      -moz-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s;
      transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(10), .page-content[data-active="on"] .letter-split > span:nth-child(10) span {
      -webkit-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
      -moz-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
      transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(11), .page-content[data-active="on"] .letter-split > span:nth-child(11) span {
      -webkit-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s;
      -moz-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s;
      transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(12), .page-content[data-active="on"] .letter-split > span:nth-child(12) span {
      -webkit-transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
      -moz-transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
      transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(13), .page-content[data-active="on"] .letter-split > span:nth-child(13) span {
      -webkit-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s;
      -moz-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s;
      transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(14), .page-content[data-active="on"] .letter-split > span:nth-child(14) span {
      -webkit-transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
      -moz-transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
      transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(15), .page-content[data-active="on"] .letter-split > span:nth-child(15) span {
      -webkit-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
      -moz-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
      transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(16), .page-content[data-active="on"] .letter-split > span:nth-child(16) span {
      -webkit-transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
      -moz-transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
      transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(17), .page-content[data-active="on"] .letter-split > span:nth-child(17) span {
      -webkit-transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      -moz-transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(18), .page-content[data-active="on"] .letter-split > span:nth-child(18) span {
      -webkit-transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
      -moz-transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
      transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(19), .page-content[data-active="on"] .letter-split > span:nth-child(19) span {
      -webkit-transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s;
      -moz-transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s;
      transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(20), .page-content[data-active="on"] .letter-split > span:nth-child(20) span {
      -webkit-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
      -moz-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
      transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(21), .page-content[data-active="on"] .letter-split > span:nth-child(21) span {
      -webkit-transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s;
      -moz-transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s;
      transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(22), .page-content[data-active="on"] .letter-split > span:nth-child(22) span {
      -webkit-transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s;
      -moz-transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s;
      transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(23), .page-content[data-active="on"] .letter-split > span:nth-child(23) span {
      -webkit-transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s;
      -moz-transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s;
      transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(24), .page-content[data-active="on"] .letter-split > span:nth-child(24) span {
      -webkit-transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      -moz-transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(25), .page-content[data-active="on"] .letter-split > span:nth-child(25) span {
      -webkit-transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
      -moz-transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
      transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(26), .page-content[data-active="on"] .letter-split > span:nth-child(26) span {
      -webkit-transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s;
      -moz-transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s;
      transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(27), .page-content[data-active="on"] .letter-split > span:nth-child(27) span {
      -webkit-transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s;
      -moz-transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s;
      transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(28), .page-content[data-active="on"] .letter-split > span:nth-child(28) span {
      -webkit-transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s;
      -moz-transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s;
      transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(29), .page-content[data-active="on"] .letter-split > span:nth-child(29) span {
      -webkit-transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s;
      -moz-transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s;
      transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(30), .page-content[data-active="on"] .letter-split > span:nth-child(30) span {
      -webkit-transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
      -moz-transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
      transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(31), .page-content[data-active="on"] .letter-split > span:nth-child(31) span {
      -webkit-transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s;
      -moz-transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s;
      transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(32), .page-content[data-active="on"] .letter-split > span:nth-child(32) span {
      -webkit-transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s;
      -moz-transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s;
      transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(33), .page-content[data-active="on"] .letter-split > span:nth-child(33) span {
      -webkit-transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s;
      -moz-transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s;
      transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(34), .page-content[data-active="on"] .letter-split > span:nth-child(34) span {
      -webkit-transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      -moz-transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(35), .page-content[data-active="on"] .letter-split > span:nth-child(35) span {
      -webkit-transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
      -moz-transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
      transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(36), .page-content[data-active="on"] .letter-split > span:nth-child(36) span {
      -webkit-transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s;
      -moz-transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s;
      transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(37), .page-content[data-active="on"] .letter-split > span:nth-child(37) span {
      -webkit-transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s;
      -moz-transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s;
      transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(38), .page-content[data-active="on"] .letter-split > span:nth-child(38) span {
      -webkit-transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s;
      -moz-transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s;
      transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(39), .page-content[data-active="on"] .letter-split > span:nth-child(39) span {
      -webkit-transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s;
      -moz-transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s;
      transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(40), .page-content[data-active="on"] .letter-split > span:nth-child(40) span {
      -webkit-transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
      -moz-transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
      transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s; }

.vs-scrollbar {
  background: rgba(0, 0, 0, 0.13);
  bottom: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 10px;
}

@media (max-width: 1024px) {
  .vs-scrollbar {
    width: 2px;
  }
}

.vs-scrolldrag {
  background-color: #F2F2F2;
}

.project-content .vs-scrolldrag {
  background: #212121;
}

/*.scrolling-content::-webkit-scrollbar {
  width: 10px;
  background: rgba(0, 0, 0, 0.13);
   }

.scrolling-content::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #F2F2F2; }*/

/*.project-content::-webkit-scrollbar-thumb {
  background: #212121;
   }*/

.mxvxa-content cite::selection,
.mxvxa-content p::selection,
.mxvxa-content h1::selection,
.mxvxa-content h2::selection,
.mxvxa-content h3::selection,
.mxvxa-content h4::selection {
  background: #212121;
  /* WebKit/Blink Browsers */
  color: #313131; }

@media (min-width: 1025px) {
  body:not([data-edge="true"]) .scrolling-content-wrap {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }

  body[data-edge="true"] .scrolling-content-wrap {
    height: auto;
    overflow: hidden;
    position: relative;
  }

  body[data-edge="true"] .page-content .scrolling-content {
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .page-content .scrolling-content {
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .scrolling-content-wrap {
    height: auto;
    overflow: hidden;
    position: relative;
  }
}

.equipment-figures-section .content {
  pointer-events: none; }

section .content {
  margin: 2vw auto 15vw;
  width: 60.5%; }
  @media only screen and (max-width: 900px) {
    section .content {
      width: 85%; } }
  @media only screen and (max-width: 800px) {
    section .content {
      margin-bottom: 30vw; } }


section .content_timer {
  margin: 20vw auto 55vw;
  width: 60.5%; }
  @media only screen and (max-width: 900px) {
    section .content_timer {
      width: 85%; } }
  @media only screen and (max-width: 800px) {
    section .content_timer {
      margin-bottom: 35vw;
	  margin-top: 70vw;} }

section .content2 {
  margin: 50vw auto 15vw;
  width: 60.5%; }
  @media only screen and (max-width: 900px) {
    section .content2 {
	  margin: 0vw auto 25vw;
      width: 85%; } }
  @media only screen and (max-width: 800px) {
    section .content2 {
	  margin: 20vw auto 100vw;
      margin-bottom: 25vw; } }

section .content3 {
  margin: 25vw auto 15vw;
  width: 60.5%; }
  @media only screen and (max-width: 900px) {
    section .content3 {
      width: 85%; } }
  @media only screen and (max-width: 800px) {
    section .content3 {
      margin-bottom: 15vw;
	  margin-top: 25vw;} }

section p {
  width: 75%; }
section h2, section p {
  margin-left: auto;
  margin-right: auto; }
section h2 {
  max-width: 800px; }
section p {
  max-width: 580px; }
section:not(.scroll-content-shown) .content > * {
  -webkit-transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1); }
section.white-bg {
  padding: 16vw 0 2vw; }
  section.white-bg h3, section.white-bg h2, section.white-bg p {
    color: rgba(33, 33, 33, 0.9); }
  section.white-bg.rule-below::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05); }
  section.white-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  /*白背景顏色*/
    background-color: #808080;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1); }

/*最後再貼上@media only screen and (min-width: 760px) {
    .white-bg-visual {
      display: none; } }*/

/*合作廠商顏色*/
section.white-bg-audio {
  padding: 2vw 0 0.1vw; }
  section.white-bg-audio h3, section.white-bg-audio h2, section.white-bg-audio p {
    color: rgba(33, 33, 33, 0.9); }
  section.white-bg-audio.rule-below::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05); }
  section.white-bg-audio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  /*白背景顏色*/
    background-color: #d7ab9c;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1); }

/*合作廠商顏色*/
section.white-bg-ayumi {
  padding: 2vw 0 0.1vw; }
  section.white-bg-ayumi h3, section.white-bg-ayumi h2, section.white-bg-ayumi p {
    color: rgba(33, 33, 33, 0.9); }
  section.white-bg-ayumi.rule-below::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05); }
  section.white-bg-ayumi::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  /*白背景顏色*/
    background-color: #9cb5aa;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1); }

/*合作廠商顏色*/
section.white-bg-david {
  padding: 2vw 0 0.1vw; }
  section.white-bg-david h3, section.white-bg-david h2, section.white-bg-david p {
    color: rgba(33, 33, 33, 0.9); }
  section.white-bg-david.rule-below::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05); }
  section.white-bg-david::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  /*白背景顏色*/
    background-color: #a68898;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1); }

/*合作廠商顏色*/
section.white-bg-katherine {
  padding: 2vw 0 0.1vw; }
  section.white-bg-katherine h3, section.white-bg-katherine h2, section.white-bg-katherine p {
    color: rgba(33, 33, 33, 0.9); }
  section.white-bg-katherine.rule-below::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05); }
  section.white-bg-katherine::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  /*白背景顏色*/
    background-color: #facfcf;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1); }

section.white-bg-visual {
  padding: 2vw 0 0.1vw; }
  section.white-bg-visual h3, section.white-bg-visual h2, section.white-bg-visual p {
    color: rgba(33, 33, 33, 0.9); }
  section.white-bg-visual.rule-below::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05); }
  section.white-bg-visual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  /*白背景顏色*/
    background-color: #ABABAB;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1); }

section[data-active="off"]:not(.scroll-content-shown) .content > *, section[data-active="off"]:not(.scroll-content-shown) .columns li > *, section[data-active="off"]:not(.scroll-content-shown) .logo-matrix li {
  opacity: 0;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px); }
section[data-active="off"]:not(.scroll-content-shown) h3::after {
  -webkit-transform: skewY(0deg) scaleX(0);
  -moz-transform: skewY(0deg) scaleX(0);
  -ms-transform: skewY(0deg) scaleX(0);
  -o-transform: skewY(0deg) scaleX(0);
  transform: skewY(0deg) scaleX(0); }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  transition-duration: 0.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.9s;
  -moz-transition-duration: 0.9s;
  transition-duration: 0.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(8) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 1.1s;
  -moz-transition-duration: 1.1s;
  transition-duration: 1.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(9) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(10) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 1.3s;
  transition-duration: 1.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(11) {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -webkit-transition-duration: 1.4s;
  -moz-transition-duration: 1.4s;
  transition-duration: 1.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(12) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  transition-duration: 1.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(13) {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(14) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 1.7s;
  -moz-transition-duration: 1.7s;
  transition-duration: 1.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(15) {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1.8s;
  -moz-transition-duration: 1.8s;
  transition-duration: 1.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(16) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 1.9s;
  -moz-transition-duration: 1.9s;
  transition-duration: 1.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(17) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  transition-duration: 2s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(18) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8;
  transition-delay: 1.8s;
  -webkit-transition-duration: 2.1s;
  -moz-transition-duration: 2.1s;
  transition-duration: 2.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(19) {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 2.2s;
  -moz-transition-duration: 2.2s;
  transition-duration: 2.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(20) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 2.3s;
  -moz-transition-duration: 2.3s;
  transition-duration: 2.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(21) {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  transition-delay: 2.1s;
  -webkit-transition-duration: 2.4s;
  -moz-transition-duration: 2.4s;
  transition-duration: 2.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(22) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 2.5s;
  -moz-transition-duration: 2.5s;
  transition-duration: 2.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(23) {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 2.6s;
  -moz-transition-duration: 2.6s;
  transition-duration: 2.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(24) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 2.7s;
  -moz-transition-duration: 2.7s;
  transition-duration: 2.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(25) {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 2.8s;
  -moz-transition-duration: 2.8s;
  transition-duration: 2.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(26) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 2.9s;
  -moz-transition-duration: 2.9s;
  transition-duration: 2.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(27) {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  transition-duration: 3s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(28) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 3.1s;
  -moz-transition-duration: 3.1s;
  transition-duration: 3.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(29) {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  transition-delay: 2.9s;
  -webkit-transition-duration: 3.2s;
  -moz-transition-duration: 3.2s;
  transition-duration: 3.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(30) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 3.3s;
  -moz-transition-duration: 3.3s;
  transition-duration: 3.3s; }

section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(31) {
  -webkit-transition-delay: 3.1s;
  -moz-transition-delay: 3.1s;
  transition-delay: 3.1s;
  -webkit-transition-duration: 3.4s;
  -moz-transition-duration: 3.4s;
  transition-duration: 3.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(32) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 3.5s;
  -moz-transition-duration: 3.5s;
  transition-duration: 3.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(33) {
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 3.6s;
  -moz-transition-duration: 3.6s;
  transition-duration: 3.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(34) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 3.7s;
  -moz-transition-duration: 3.7s;
  transition-duration: 3.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(35) {
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 3.8s;
  -moz-transition-duration: 3.8s;
  transition-duration: 3.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(36) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 3.9s;
  -moz-transition-duration: 3.9s;
  transition-duration: 3.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(37) {
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 4s;
  -moz-transition-duration: 4s;
  transition-duration: 4s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(38) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 4.1s;
  -moz-transition-duration: 4.1s;
  transition-duration: 4.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(39) {
  -webkit-transition-delay: 3.9s;
  -moz-transition-delay: 3.9s;
  transition-delay: 3.9s;
  -webkit-transition-duration: 4.2s;
  -moz-transition-duration: 4.2s;
  transition-duration: 4.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(40) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 4.3s;
  -moz-transition-duration: 4.3s;
  transition-duration: 4.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(41) {
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  transition-delay: 4.1s;
  -webkit-transition-duration: 4.4s;
  -moz-transition-duration: 4.4s;
  transition-duration: 4.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(42) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 4.5s;
  -moz-transition-duration: 4.5s;
  transition-duration: 4.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(43) {
  -webkit-transition-delay: 4.3s;
  -moz-transition-delay: 4.3s;
  transition-delay: 4.3s;
  -webkit-transition-duration: 4.6s;
  -moz-transition-duration: 4.6s;
  transition-duration: 4.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(44) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 4.7s;
  -moz-transition-duration: 4.7s;
  transition-duration: 4.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(45) {
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-transition-duration: 4.8s;
  -moz-transition-duration: 4.8s;
  transition-duration: 4.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(46) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 4.9s;
  -moz-transition-duration: 4.9s;
  transition-duration: 4.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(47) {
  -webkit-transition-delay: 4.7s;
  -moz-transition-delay: 4.7s;
  transition-delay: 4.7s;
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  transition-duration: 5s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(48) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8;
  transition-delay: 4.8s;
  -webkit-transition-duration: 5.1s;
  -moz-transition-duration: 5.1s;
  transition-duration: 5.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(49) {
  -webkit-transition-delay: 4.9s;
  -moz-transition-delay: 4.9s;
  transition-delay: 4.9s;
  -webkit-transition-duration: 5.2s;
  -moz-transition-duration: 5.2s;
  transition-duration: 5.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(50) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 5.3s;
  -moz-transition-duration: 5.3s;
  transition-duration: 5.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(51) {
  -webkit-transition-delay: 5.1s;
  -moz-transition-delay: 5.1s;
  transition-delay: 5.1s;
  -webkit-transition-duration: 5.4s;
  -moz-transition-duration: 5.4s;
  transition-duration: 5.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(52) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 5.5s;
  -moz-transition-duration: 5.5s;
  transition-duration: 5.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(53) {
  -webkit-transition-delay: 5.3s;
  -moz-transition-delay: 5.3s;
  transition-delay: 5.3s;
  -webkit-transition-duration: 5.6s;
  -moz-transition-duration: 5.6s;
  transition-duration: 5.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(54) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 5.7s;
  -moz-transition-duration: 5.7s;
  transition-duration: 5.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(55) {
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 5.8s;
  -moz-transition-duration: 5.8s;
  transition-duration: 5.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(56) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 5.9s;
  -moz-transition-duration: 5.9s;
  transition-duration: 5.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(57) {
  -webkit-transition-delay: 5.7s;
  -moz-transition-delay: 5.7s;
  transition-delay: 5.7s;
  -webkit-transition-duration: 6s;
  -moz-transition-duration: 6s;
  transition-duration: 6s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(58) {
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
  transition-delay: 5.8s;
  -webkit-transition-duration: 6.1s;
  -moz-transition-duration: 6.1s;
  transition-duration: 6.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(59) {
  -webkit-transition-delay: 5.9s;
  -moz-transition-delay: 5.9s;
  transition-delay: 5.9s;
  -webkit-transition-duration: 6.2s;
  -moz-transition-duration: 6.2s;
  transition-duration: 6.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(60) {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 6.3s;
  -moz-transition-duration: 6.3s;
  transition-duration: 6.3s; }

section[data-active="off"]:not(.scroll-content-shown) left-equipment-venn::after {
  -webkit-transform: skewY(0deg) scaleX(0);
  -moz-transform: skewY(0deg) scaleX(0);
  -ms-transform: skewY(0deg) scaleX(0);
  -o-transform: skewY(0deg) scaleX(0);
  transform: skewY(0deg) scaleX(0); }

section[data-active="off"]:not(.scroll-content-shown) mob-now::after {
  -webkit-transform: skewY(0deg) scaleX(0);
  -moz-transform: skewY(0deg) scaleX(0);
  -ms-transform: skewY(0deg) scaleX(0);
  -o-transform: skewY(0deg) scaleX(0);
  transform: skewY(0deg) scaleX(0); }

/*可能文字敘述content*/

section[data-active="off"]:not(.scroll-content-shown) .content2 > *, section[data-active="off"]:not(.scroll-content-shown) .columns li > *, section[data-active="off"]:not(.scroll-content-shown) .logo-matrix li {
  opacity: 0;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px); }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  transition-duration: 0.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.9s;
  -moz-transition-duration: 0.9s;
  transition-duration: 0.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(8) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 1.1s;
  -moz-transition-duration: 1.1s;
  transition-duration: 1.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(9) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(10) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 1.3s;
  transition-duration: 1.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(11) {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -webkit-transition-duration: 1.4s;
  -moz-transition-duration: 1.4s;
  transition-duration: 1.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(12) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  transition-duration: 1.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(13) {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(14) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 1.7s;
  -moz-transition-duration: 1.7s;
  transition-duration: 1.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(15) {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1.8s;
  -moz-transition-duration: 1.8s;
  transition-duration: 1.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(16) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 1.9s;
  -moz-transition-duration: 1.9s;
  transition-duration: 1.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(17) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  transition-duration: 2s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(18) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8;
  transition-delay: 1.8s;
  -webkit-transition-duration: 2.1s;
  -moz-transition-duration: 2.1s;
  transition-duration: 2.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(19) {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 2.2s;
  -moz-transition-duration: 2.2s;
  transition-duration: 2.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(20) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 2.3s;
  -moz-transition-duration: 2.3s;
  transition-duration: 2.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(21) {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  transition-delay: 2.1s;
  -webkit-transition-duration: 2.4s;
  -moz-transition-duration: 2.4s;
  transition-duration: 2.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(22) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 2.5s;
  -moz-transition-duration: 2.5s;
  transition-duration: 2.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(23) {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 2.6s;
  -moz-transition-duration: 2.6s;
  transition-duration: 2.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(24) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 2.7s;
  -moz-transition-duration: 2.7s;
  transition-duration: 2.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(25) {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 2.8s;
  -moz-transition-duration: 2.8s;
  transition-duration: 2.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(26) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 2.9s;
  -moz-transition-duration: 2.9s;
  transition-duration: 2.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(27) {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  transition-duration: 3s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(28) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 3.1s;
  -moz-transition-duration: 3.1s;
  transition-duration: 3.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(29) {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  transition-delay: 2.9s;
  -webkit-transition-duration: 3.2s;
  -moz-transition-duration: 3.2s;
  transition-duration: 3.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(30) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 3.3s;
  -moz-transition-duration: 3.3s;
  transition-duration: 3.3s; }

section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(31) {
  -webkit-transition-delay: 3.1s;
  -moz-transition-delay: 3.1s;
  transition-delay: 3.1s;
  -webkit-transition-duration: 3.4s;
  -moz-transition-duration: 3.4s;
  transition-duration: 3.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(32) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 3.5s;
  -moz-transition-duration: 3.5s;
  transition-duration: 3.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(33) {
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 3.6s;
  -moz-transition-duration: 3.6s;
  transition-duration: 3.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(34) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 3.7s;
  -moz-transition-duration: 3.7s;
  transition-duration: 3.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(35) {
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 3.8s;
  -moz-transition-duration: 3.8s;
  transition-duration: 3.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(36) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 3.9s;
  -moz-transition-duration: 3.9s;
  transition-duration: 3.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(37) {
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 4s;
  -moz-transition-duration: 4s;
  transition-duration: 4s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(38) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 4.1s;
  -moz-transition-duration: 4.1s;
  transition-duration: 4.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(39) {
  -webkit-transition-delay: 3.9s;
  -moz-transition-delay: 3.9s;
  transition-delay: 3.9s;
  -webkit-transition-duration: 4.2s;
  -moz-transition-duration: 4.2s;
  transition-duration: 4.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(40) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 4.3s;
  -moz-transition-duration: 4.3s;
  transition-duration: 4.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(41) {
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  transition-delay: 4.1s;
  -webkit-transition-duration: 4.4s;
  -moz-transition-duration: 4.4s;
  transition-duration: 4.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(42) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 4.5s;
  -moz-transition-duration: 4.5s;
  transition-duration: 4.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(43) {
  -webkit-transition-delay: 4.3s;
  -moz-transition-delay: 4.3s;
  transition-delay: 4.3s;
  -webkit-transition-duration: 4.6s;
  -moz-transition-duration: 4.6s;
  transition-duration: 4.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(44) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 4.7s;
  -moz-transition-duration: 4.7s;
  transition-duration: 4.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(45) {
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-transition-duration: 4.8s;
  -moz-transition-duration: 4.8s;
  transition-duration: 4.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(46) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 4.9s;
  -moz-transition-duration: 4.9s;
  transition-duration: 4.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(47) {
  -webkit-transition-delay: 4.7s;
  -moz-transition-delay: 4.7s;
  transition-delay: 4.7s;
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  transition-duration: 5s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(48) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8;
  transition-delay: 4.8s;
  -webkit-transition-duration: 5.1s;
  -moz-transition-duration: 5.1s;
  transition-duration: 5.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(49) {
  -webkit-transition-delay: 4.9s;
  -moz-transition-delay: 4.9s;
  transition-delay: 4.9s;
  -webkit-transition-duration: 5.2s;
  -moz-transition-duration: 5.2s;
  transition-duration: 5.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(50) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 5.3s;
  -moz-transition-duration: 5.3s;
  transition-duration: 5.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(51) {
  -webkit-transition-delay: 5.1s;
  -moz-transition-delay: 5.1s;
  transition-delay: 5.1s;
  -webkit-transition-duration: 5.4s;
  -moz-transition-duration: 5.4s;
  transition-duration: 5.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(52) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 5.5s;
  -moz-transition-duration: 5.5s;
  transition-duration: 5.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(53) {
  -webkit-transition-delay: 5.3s;
  -moz-transition-delay: 5.3s;
  transition-delay: 5.3s;
  -webkit-transition-duration: 5.6s;
  -moz-transition-duration: 5.6s;
  transition-duration: 5.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(54) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 5.7s;
  -moz-transition-duration: 5.7s;
  transition-duration: 5.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(55) {
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 5.8s;
  -moz-transition-duration: 5.8s;
  transition-duration: 5.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(56) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 5.9s;
  -moz-transition-duration: 5.9s;
  transition-duration: 5.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(57) {
  -webkit-transition-delay: 5.7s;
  -moz-transition-delay: 5.7s;
  transition-delay: 5.7s;
  -webkit-transition-duration: 6s;
  -moz-transition-duration: 6s;
  transition-duration: 6s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(58) {
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
  transition-delay: 5.8s;
  -webkit-transition-duration: 6.1s;
  -moz-transition-duration: 6.1s;
  transition-duration: 6.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(59) {
  -webkit-transition-delay: 5.9s;
  -moz-transition-delay: 5.9s;
  transition-delay: 5.9s;
  -webkit-transition-duration: 6.2s;
  -moz-transition-duration: 6.2s;
  transition-duration: 6.2s; }

section[data-active="on"]:not(.scroll-content-shown) .content2 > *:nth-child(60) {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 6.3s;
  -moz-transition-duration: 6.3s;
  transition-duration: 6.3s; }

/*可能文字敘述content2*/


section[data-active="off"]:not(.scroll-content-shown) .content3 > *, section[data-active="off"]:not(.scroll-content-shown) .columns li > *, section[data-active="off"]:not(.scroll-content-shown) .logo-matrix li {
  opacity: 0;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px); }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  transition-duration: 0.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.9s;
  -moz-transition-duration: 0.9s;
  transition-duration: 0.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(8) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 1.1s;
  -moz-transition-duration: 1.1s;
  transition-duration: 1.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(9) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(10) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 1.3s;
  transition-duration: 1.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(11) {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -webkit-transition-duration: 1.4s;
  -moz-transition-duration: 1.4s;
  transition-duration: 1.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(12) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  transition-duration: 1.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(13) {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(14) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 1.7s;
  -moz-transition-duration: 1.7s;
  transition-duration: 1.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(15) {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1.8s;
  -moz-transition-duration: 1.8s;
  transition-duration: 1.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(16) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 1.9s;
  -moz-transition-duration: 1.9s;
  transition-duration: 1.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(17) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  transition-duration: 2s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(18) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8;
  transition-delay: 1.8s;
  -webkit-transition-duration: 2.1s;
  -moz-transition-duration: 2.1s;
  transition-duration: 2.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(19) {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 2.2s;
  -moz-transition-duration: 2.2s;
  transition-duration: 2.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(20) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 2.3s;
  -moz-transition-duration: 2.3s;
  transition-duration: 2.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(21) {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  transition-delay: 2.1s;
  -webkit-transition-duration: 2.4s;
  -moz-transition-duration: 2.4s;
  transition-duration: 2.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(22) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 2.5s;
  -moz-transition-duration: 2.5s;
  transition-duration: 2.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(23) {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 2.6s;
  -moz-transition-duration: 2.6s;
  transition-duration: 2.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(24) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 2.7s;
  -moz-transition-duration: 2.7s;
  transition-duration: 2.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(25) {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 2.8s;
  -moz-transition-duration: 2.8s;
  transition-duration: 2.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(26) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 2.9s;
  -moz-transition-duration: 2.9s;
  transition-duration: 2.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(27) {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  transition-duration: 3s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(28) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 3.1s;
  -moz-transition-duration: 3.1s;
  transition-duration: 3.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(29) {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  transition-delay: 2.9s;
  -webkit-transition-duration: 3.2s;
  -moz-transition-duration: 3.2s;
  transition-duration: 3.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(30) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 3.3s;
  -moz-transition-duration: 3.3s;
  transition-duration: 3.3s; }

section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(31) {
  -webkit-transition-delay: 3.1s;
  -moz-transition-delay: 3.1s;
  transition-delay: 3.1s;
  -webkit-transition-duration: 3.4s;
  -moz-transition-duration: 3.4s;
  transition-duration: 3.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(32) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 3.5s;
  -moz-transition-duration: 3.5s;
  transition-duration: 3.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(33) {
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 3.6s;
  -moz-transition-duration: 3.6s;
  transition-duration: 3.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(34) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 3.7s;
  -moz-transition-duration: 3.7s;
  transition-duration: 3.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(35) {
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 3.8s;
  -moz-transition-duration: 3.8s;
  transition-duration: 3.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(36) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 3.9s;
  -moz-transition-duration: 3.9s;
  transition-duration: 3.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(37) {
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 4s;
  -moz-transition-duration: 4s;
  transition-duration: 4s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(38) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 4.1s;
  -moz-transition-duration: 4.1s;
  transition-duration: 4.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(39) {
  -webkit-transition-delay: 3.9s;
  -moz-transition-delay: 3.9s;
  transition-delay: 3.9s;
  -webkit-transition-duration: 4.2s;
  -moz-transition-duration: 4.2s;
  transition-duration: 4.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(40) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 4.3s;
  -moz-transition-duration: 4.3s;
  transition-duration: 4.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(41) {
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  transition-delay: 4.1s;
  -webkit-transition-duration: 4.4s;
  -moz-transition-duration: 4.4s;
  transition-duration: 4.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(42) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 4.5s;
  -moz-transition-duration: 4.5s;
  transition-duration: 4.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(43) {
  -webkit-transition-delay: 4.3s;
  -moz-transition-delay: 4.3s;
  transition-delay: 4.3s;
  -webkit-transition-duration: 4.6s;
  -moz-transition-duration: 4.6s;
  transition-duration: 4.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(44) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 4.7s;
  -moz-transition-duration: 4.7s;
  transition-duration: 4.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(45) {
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-transition-duration: 4.8s;
  -moz-transition-duration: 4.8s;
  transition-duration: 4.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(46) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 4.9s;
  -moz-transition-duration: 4.9s;
  transition-duration: 4.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(47) {
  -webkit-transition-delay: 4.7s;
  -moz-transition-delay: 4.7s;
  transition-delay: 4.7s;
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  transition-duration: 5s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(48) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8;
  transition-delay: 4.8s;
  -webkit-transition-duration: 5.1s;
  -moz-transition-duration: 5.1s;
  transition-duration: 5.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(49) {
  -webkit-transition-delay: 4.9s;
  -moz-transition-delay: 4.9s;
  transition-delay: 4.9s;
  -webkit-transition-duration: 5.2s;
  -moz-transition-duration: 5.2s;
  transition-duration: 5.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(50) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 5.3s;
  -moz-transition-duration: 5.3s;
  transition-duration: 5.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(51) {
  -webkit-transition-delay: 5.1s;
  -moz-transition-delay: 5.1s;
  transition-delay: 5.1s;
  -webkit-transition-duration: 5.4s;
  -moz-transition-duration: 5.4s;
  transition-duration: 5.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(52) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 5.5s;
  -moz-transition-duration: 5.5s;
  transition-duration: 5.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(53) {
  -webkit-transition-delay: 5.3s;
  -moz-transition-delay: 5.3s;
  transition-delay: 5.3s;
  -webkit-transition-duration: 5.6s;
  -moz-transition-duration: 5.6s;
  transition-duration: 5.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(54) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 5.7s;
  -moz-transition-duration: 5.7s;
  transition-duration: 5.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(55) {
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 5.8s;
  -moz-transition-duration: 5.8s;
  transition-duration: 5.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(56) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 5.9s;
  -moz-transition-duration: 5.9s;
  transition-duration: 5.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(57) {
  -webkit-transition-delay: 5.7s;
  -moz-transition-delay: 5.7s;
  transition-delay: 5.7s;
  -webkit-transition-duration: 6s;
  -moz-transition-duration: 6s;
  transition-duration: 6s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(58) {
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
  transition-delay: 5.8s;
  -webkit-transition-duration: 6.1s;
  -moz-transition-duration: 6.1s;
  transition-duration: 6.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(59) {
  -webkit-transition-delay: 5.9s;
  -moz-transition-delay: 5.9s;
  transition-delay: 5.9s;
  -webkit-transition-duration: 6.2s;
  -moz-transition-duration: 6.2s;
  transition-duration: 6.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content3 > *:nth-child(60) {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 6.3s;
  -moz-transition-duration: 6.3s;
  transition-duration: 6.3s; }

/*可能文字敘述content3*/


section[data-active="off"]:not(.scroll-content-shown) .content_timer > *, section[data-active="off"]:not(.scroll-content-shown) .columns li > *, section[data-active="off"]:not(.scroll-content-shown) .logo-matrix li {
  opacity: 0;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px); }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  transition-duration: 0.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.9s;
  -moz-transition-duration: 0.9s;
  transition-duration: 0.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(8) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 1.1s;
  -moz-transition-duration: 1.1s;
  transition-duration: 1.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(9) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(10) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 1.3s;
  transition-duration: 1.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(11) {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -webkit-transition-duration: 1.4s;
  -moz-transition-duration: 1.4s;
  transition-duration: 1.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(12) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  transition-duration: 1.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(13) {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(14) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 1.7s;
  -moz-transition-duration: 1.7s;
  transition-duration: 1.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(15) {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1.8s;
  -moz-transition-duration: 1.8s;
  transition-duration: 1.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(16) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 1.9s;
  -moz-transition-duration: 1.9s;
  transition-duration: 1.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(17) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  transition-duration: 2s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(18) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8;
  transition-delay: 1.8s;
  -webkit-transition-duration: 2.1s;
  -moz-transition-duration: 2.1s;
  transition-duration: 2.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(19) {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 2.2s;
  -moz-transition-duration: 2.2s;
  transition-duration: 2.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(20) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 2.3s;
  -moz-transition-duration: 2.3s;
  transition-duration: 2.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(21) {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  transition-delay: 2.1s;
  -webkit-transition-duration: 2.4s;
  -moz-transition-duration: 2.4s;
  transition-duration: 2.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(22) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 2.5s;
  -moz-transition-duration: 2.5s;
  transition-duration: 2.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(23) {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 2.6s;
  -moz-transition-duration: 2.6s;
  transition-duration: 2.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(24) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 2.7s;
  -moz-transition-duration: 2.7s;
  transition-duration: 2.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(25) {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 2.8s;
  -moz-transition-duration: 2.8s;
  transition-duration: 2.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(26) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 2.9s;
  -moz-transition-duration: 2.9s;
  transition-duration: 2.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(27) {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  transition-duration: 3s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(28) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 3.1s;
  -moz-transition-duration: 3.1s;
  transition-duration: 3.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(29) {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  transition-delay: 2.9s;
  -webkit-transition-duration: 3.2s;
  -moz-transition-duration: 3.2s;
  transition-duration: 3.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(30) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 3.3s;
  -moz-transition-duration: 3.3s;
  transition-duration: 3.3s; }

section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(31) {
  -webkit-transition-delay: 3.1s;
  -moz-transition-delay: 3.1s;
  transition-delay: 3.1s;
  -webkit-transition-duration: 3.4s;
  -moz-transition-duration: 3.4s;
  transition-duration: 3.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(32) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 3.5s;
  -moz-transition-duration: 3.5s;
  transition-duration: 3.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(33) {
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 3.6s;
  -moz-transition-duration: 3.6s;
  transition-duration: 3.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(34) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 3.7s;
  -moz-transition-duration: 3.7s;
  transition-duration: 3.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(35) {
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 3.8s;
  -moz-transition-duration: 3.8s;
  transition-duration: 3.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(36) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 3.9s;
  -moz-transition-duration: 3.9s;
  transition-duration: 3.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(37) {
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 4s;
  -moz-transition-duration: 4s;
  transition-duration: 4s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(38) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 4.1s;
  -moz-transition-duration: 4.1s;
  transition-duration: 4.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(39) {
  -webkit-transition-delay: 3.9s;
  -moz-transition-delay: 3.9s;
  transition-delay: 3.9s;
  -webkit-transition-duration: 4.2s;
  -moz-transition-duration: 4.2s;
  transition-duration: 4.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(40) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 4.3s;
  -moz-transition-duration: 4.3s;
  transition-duration: 4.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(41) {
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  transition-delay: 4.1s;
  -webkit-transition-duration: 4.4s;
  -moz-transition-duration: 4.4s;
  transition-duration: 4.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(42) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 4.5s;
  -moz-transition-duration: 4.5s;
  transition-duration: 4.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(43) {
  -webkit-transition-delay: 4.3s;
  -moz-transition-delay: 4.3s;
  transition-delay: 4.3s;
  -webkit-transition-duration: 4.6s;
  -moz-transition-duration: 4.6s;
  transition-duration: 4.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(44) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 4.7s;
  -moz-transition-duration: 4.7s;
  transition-duration: 4.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(45) {
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-transition-duration: 4.8s;
  -moz-transition-duration: 4.8s;
  transition-duration: 4.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(46) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 4.9s;
  -moz-transition-duration: 4.9s;
  transition-duration: 4.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(47) {
  -webkit-transition-delay: 4.7s;
  -moz-transition-delay: 4.7s;
  transition-delay: 4.7s;
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  transition-duration: 5s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(48) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8;
  transition-delay: 4.8s;
  -webkit-transition-duration: 5.1s;
  -moz-transition-duration: 5.1s;
  transition-duration: 5.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(49) {
  -webkit-transition-delay: 4.9s;
  -moz-transition-delay: 4.9s;
  transition-delay: 4.9s;
  -webkit-transition-duration: 5.2s;
  -moz-transition-duration: 5.2s;
  transition-duration: 5.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(50) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 5.3s;
  -moz-transition-duration: 5.3s;
  transition-duration: 5.3s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(51) {
  -webkit-transition-delay: 5.1s;
  -moz-transition-delay: 5.1s;
  transition-delay: 5.1s;
  -webkit-transition-duration: 5.4s;
  -moz-transition-duration: 5.4s;
  transition-duration: 5.4s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(52) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 5.5s;
  -moz-transition-duration: 5.5s;
  transition-duration: 5.5s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(53) {
  -webkit-transition-delay: 5.3s;
  -moz-transition-delay: 5.3s;
  transition-delay: 5.3s;
  -webkit-transition-duration: 5.6s;
  -moz-transition-duration: 5.6s;
  transition-duration: 5.6s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(54) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 5.7s;
  -moz-transition-duration: 5.7s;
  transition-duration: 5.7s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(55) {
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 5.8s;
  -moz-transition-duration: 5.8s;
  transition-duration: 5.8s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(56) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 5.9s;
  -moz-transition-duration: 5.9s;
  transition-duration: 5.9s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(57) {
  -webkit-transition-delay: 5.7s;
  -moz-transition-delay: 5.7s;
  transition-delay: 5.7s;
  -webkit-transition-duration: 6s;
  -moz-transition-duration: 6s;
  transition-duration: 6s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(58) {
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
  transition-delay: 5.8s;
  -webkit-transition-duration: 6.1s;
  -moz-transition-duration: 6.1s;
  transition-duration: 6.1s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(59) {
  -webkit-transition-delay: 5.9s;
  -moz-transition-delay: 5.9s;
  transition-delay: 5.9s;
  -webkit-transition-duration: 6.2s;
  -moz-transition-duration: 6.2s;
  transition-duration: 6.2s; }
section[data-active="on"]:not(.scroll-content-shown) .content_timer > *:nth-child(60) {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 6.3s;
  -moz-transition-duration: 6.3s;
  transition-duration: 6.3s; }

/*可能文字敘述content3*/
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(1) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(2) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(4) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(5) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(6) {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(7) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(8) {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(9) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(10) {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(11) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(12) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(13) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(14) {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(15) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(16) {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  transition-delay: 2.1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(17) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(18) {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(19) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(20) {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(21) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(22) {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(23) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(24) {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  transition-delay: 2.9s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(25) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(26) {
  -webkit-transition-delay: 3.1s;
  -moz-transition-delay: 3.1s;
  transition-delay: 3.1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(27) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(28) {
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(29) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(30) {
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }


section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(1) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(2) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  transition-delay: 0.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(4) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(5) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(6) {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(7) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(8) {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(9) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(10) {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(11) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(12) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(13) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(14) {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(15) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(16) {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  transition-delay: 2.1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(17) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(18) {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(19) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(20) {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(21) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(22) {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(23) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(24) {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  transition-delay: 2.9s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(25) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(26) {
  -webkit-transition-delay: 3.1s;
  -moz-transition-delay: 3.1s;
  transition-delay: 3.1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(27) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(28) {
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(29) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(30) {
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }

section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(1) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(2) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(3) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(4) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(5) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(6) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(7) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(9) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(10) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(1) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(2) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(3) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(4) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(5) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(6) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(7) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(8) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(9) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(1) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(2) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(3) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(4) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(5) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(6) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(7) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(8) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(9) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(10) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(1) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(2) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(3) {
  -webkit-transition-delay: 3.0s;
  -moz-transition-delay: 3.0s;
  transition-delay: 3.0s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(4) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(5) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(6) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(7) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(8) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(9) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(10) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(1) {
  -webkit-transition-delay: 3.0s;
  -moz-transition-delay: 3.0s;
  transition-delay: 3.0s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(2) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(3) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(4) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(5) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(6) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(7) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(8) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(9) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(10) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(1) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(2) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(3) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(4) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(5) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(6) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(7) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(8) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(9) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(10) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(1) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(2) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(3) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(4) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(5) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(6) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(7) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(8) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(9) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(10) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(1) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(2) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(3) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(4) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(5) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(6) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(7) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(8) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(9) {
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
  transition-delay: 5.8s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(10) {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }

/*LOGO動畫*/
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(1) {
  -webkit-transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  -moz-transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(2) {
  -webkit-transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  -moz-transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(3) {
  -webkit-transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s;
  -moz-transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s;
  transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(4) {
  -webkit-transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  -moz-transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(5) {
  -webkit-transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s;
  -moz-transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s;
  transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(6) {
  -webkit-transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  -moz-transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(7) {
  -webkit-transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  -moz-transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(8) {
  -webkit-transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  -moz-transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(9) {
  -webkit-transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s;
  -moz-transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s;
  transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(10) {
  -webkit-transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  -moz-transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(11) {
  -webkit-transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s;
  -moz-transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s;
  transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(12) {
  -webkit-transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
  -moz-transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
  transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(13) {
  -webkit-transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  -moz-transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(14) {
  -webkit-transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
  -moz-transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
  transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(15) {
  -webkit-transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  -moz-transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(16) {
  -webkit-transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  -moz-transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(17) {
  -webkit-transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  -moz-transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(18) {
  -webkit-transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
  -moz-transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
  transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(19) {
  -webkit-transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  -moz-transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(20) {
  -webkit-transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
  -moz-transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
  transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(21) {
  -webkit-transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s;
  -moz-transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s;
  transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(22) {
  -webkit-transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  -moz-transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(23) {
  -webkit-transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s;
  -moz-transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s;
  transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(24) {
  -webkit-transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s;
  -moz-transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s;
  transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(25) {
  -webkit-transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s;
  -moz-transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s;
  transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(26) {
  -webkit-transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s;
  -moz-transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s;
  transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(27) {
  -webkit-transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s;
  -moz-transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s;
  transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(28) {
  -webkit-transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s;
  -moz-transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s;
  transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(29) {
  -webkit-transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s;
  -moz-transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s;
  transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(30) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(31) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.85s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.85s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.85s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(32) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(33) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.95s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.95s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.95s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(34) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(35) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.05s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.05s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.05s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(36) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.1s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.1s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.1s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(37) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.15s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.15s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.15s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(38) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.2s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.2s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.2s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(39) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.25s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.25s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.25s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(40) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s; }
section[data-active="on"]:not(.scroll-content-shown) h3::after {
  -webkit-transition-delay: 0.51s;
  -moz-transition-delay: 0.51s;
  transition-delay: 0.51s; }

section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(41) {
  -webkit-transition: opacity 1.85s cubic-bezier(0.62, 0.02, 0.34, 1) 2.35s;
  -moz-transition: opacity 1.85s cubic-bezier(0.62, 0.02, 0.34, 1) 2.35s;
  transition: opacity 1.85s cubic-bezier(0.62, 0.02, 0.34, 1) 2.35s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(42) {
  -webkit-transition: opacity 1.9s cubic-bezier(0.62, 0.02, 0.34, 1) 2.4s;
  -moz-transition: opacity 1.9s cubic-bezier(0.62, 0.02, 0.34, 1) 2.4s;
  transition: opacity 1.9s cubic-bezier(0.62, 0.02, 0.34, 1) 2.4s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(43) {
  -webkit-transition: opacity 1.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.45s;
  -moz-transition: opacity 1.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.45s;
  transition: opacity 1.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.45s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(44) {
  -webkit-transition: opacity 2s cubic-bezier(0.62, 0.02, 0.34, 1) 2.5s;
  -moz-transition: opacity 2s cubic-bezier(0.62, 0.02, 0.34, 1) 2.5s;
  transition: opacity 2s cubic-bezier(0.62, 0.02, 0.34, 1) 2.5s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(45) {
  -webkit-transition: opacity 2.05s cubic-bezier(0.62, 0.02, 0.34, 1) 2.55s;
  -moz-transition: opacity 2.05s cubic-bezier(0.62, 0.02, 0.34, 1) 2.55s;
  transition: opacity 2.05s cubic-bezier(0.62, 0.02, 0.34, 1) 2.55s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(46) {
  -webkit-transition: opacity 2.1s cubic-bezier(0.62, 0.02, 0.34, 1) 2.6s;
  -moz-transition: opacity 2.1s cubic-bezier(0.62, 0.02, 0.34, 1) 2.6s;
  transition: opacity 2.1s cubic-bezier(0.62, 0.02, 0.34, 1) 2.6s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(47) {
  -webkit-transition: opacity 2.15s cubic-bezier(0.62, 0.02, 0.34, 1) 2.65s;
  -moz-transition: opacity 2.15s cubic-bezier(0.62, 0.02, 0.34, 1) 2.65s;
  transition: opacity 2.15s cubic-bezier(0.62, 0.02, 0.34, 1) 2.65s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(48) {
  -webkit-transition: opacity 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 2.7s;
  -moz-transition: opacity 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 2.7s;
  transition: opacity 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 2.7s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(49) {
  -webkit-transition: opacity 2.25s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
  -moz-transition: opacity 2.25s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
  transition: opacity 2.25s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(50) {
  -webkit-transition: opacity 2.3s cubic-bezier(0.62, 0.02, 0.34, 1) 2.8s;
  -moz-transition: opacity 2.3s cubic-bezier(0.62, 0.02, 0.34, 1) 2.8s;
  transition: opacity 2.3s cubic-bezier(0.62, 0.02, 0.34, 1) 2.8s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(51) {
  -webkit-transition: opacity 2.35s cubic-bezier(0.62, 0.02, 0.34, 1) .85s;
  -moz-transition: opacity 2.35s cubic-bezier(0.62, 0.02, 0.34, 1) 2.85s;
  transition: opacity 2.35s cubic-bezier(0.62, 0.02, 0.34, 1) 2.85s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(52) {
  -webkit-transition: opacity 2.4s cubic-bezier(0.62, 0.02, 0.34, 1) 2.9s;
  -moz-transition: opacity 2.4s cubic-bezier(0.62, 0.02, 0.34, 1) 2.9s;
  transition: opacity 2.4s cubic-bezier(0.62, 0.02, 0.34, 1) 2.9s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(53) {
  -webkit-transition: opacity 2.45s cubic-bezier(0.62, 0.02, 0.34, 1) 2.95s;
  -moz-transition: opacity 2.45s cubic-bezier(0.62, 0.02, 0.34, 1) 2.95s;
  transition: opacity 2.45s cubic-bezier(0.62, 0.02, 0.34, 1) 2.95s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(54) {
  -webkit-transition: opacity 2.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3s;
  -moz-transition: opacity 2.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3s;
  transition: opacity 2.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(55) {
  -webkit-transition: opacity 2.55s cubic-bezier(0.62, 0.02, 0.34, 1) 3.05s;
  -moz-transition: opacity 2.55s cubic-bezier(0.62, 0.02, 0.34, 1) 3.05s;
  transition: opacity 2.55s cubic-bezier(0.62, 0.02, 0.34, 1) 3.05s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(56) {
  -webkit-transition: opacity 2.6s cubic-bezier(0.62, 0.02, 0.34, 1) 3.1s;
  -moz-transition: opacity 2.6s cubic-bezier(0.62, 0.02, 0.34, 1) 3.1s;
  transition: opacity 2.6s cubic-bezier(0.62, 0.02, 0.34, 1) 3.1s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(57) {
  -webkit-transition: opacity 2.65s cubic-bezier(0.62, 0.02, 0.34, 1) 3.15s;
  -moz-transition: opacity 2.65s cubic-bezier(0.62, 0.02, 0.34, 1) 3.15s;
  transition: opacity 2.65s cubic-bezier(0.62, 0.02, 0.34, 1) 3.15s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(58) {
  -webkit-transition: opacity 2.7s cubic-bezier(0.62, 0.02, 0.34, 1) 3.2s;
  -moz-transition: opacity 2.7s cubic-bezier(0.62, 0.02, 0.34, 1) 3.2s;
  transition: opacity 2.7s cubic-bezier(0.62, 0.02, 0.34, 1) 3.2s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(59) {
  -webkit-transition: opacity 2.75s cubic-bezier(0.62, 0.02, 0.34, 1) 3.25s;
  -moz-transition: opacity 2.75s cubic-bezier(0.62, 0.02, 0.34, 1) 3.25s;
  transition: opacity 2.75s cubic-bezier(0.62, 0.02, 0.34, 1) 3.25s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(60) {
  -webkit-transition: opacity 2.8s cubic-bezier(0.62, 0.02, 0.34, 1) 3.3s;
  -moz-transition: opacity 2.8s cubic-bezier(0.62, 0.02, 0.34, 1) 3.3s;
  transition: opacity 2.8s cubic-bezier(0.62, 0.02, 0.34, 1) 3.3s; }
section[data-active="on"]:not(.scroll-content-shown) h3::after {
  -webkit-transition-delay: 0.51s;
  -moz-transition-delay: 0.51s;
  transition-delay: 0.51s; }

.columns {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }
  .columns p {
    margin-bottom: 0.6em; }
  .columns li {
    width: 100%; }

.logo-matrix {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
  margin-top: 40px;
  max-width: 760px;	
  margin-left: auto;
  margin-right: auto;
}
  .logo-matrix li {
    width: 12vw;
    height: 6.2vw;
    float: left;
    position: relative;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
    max-height: 96px;
    max-width: 152px;
    -webkit-backface-visibility: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .logo-matrix li:after {
    background-color: rgb(83, 88, 95);
    bottom: -.25em;
    content: "";
    height: 1px;
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
  }

  .logo-matrix li:nth-last-child(1):after,
  .logo-matrix li:nth-last-child(2):after,
  .logo-matrix li:nth-last-child(3):after,
  .logo-matrix li:nth-last-child(4):after,
  .logo-matrix li:nth-last-child(5):after {
    display: none;
  }
    @media screen and (max-width: 900px) {
      .logo-matrix li {
        width: 33%;
        height: 25vw;}
      .logo-matrix li:after {
        display: none;}
    }

footer {
  width: 100%;
  position: relative;
  height: 400px;
  color: #212121;
  overflow: hidden; }
  footer::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  /*footer背景顏色*/
    background-color: #f1f5f5;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.62s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: -moz-transform 0.62s cubic-bezier(0.7, 0.3, 0, 1);
    transition: transform 0.62s cubic-bezier(0.7, 0.3, 0, 1); }
  
/*footer圖片*/
footer::after {
    content: '';
    background: url("../img/wmc.png") no-repeat center center/100%;
    width: 50%;
    height: 325px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25%;
    -webkit-transition: 0.95s cubic-bezier(1, 0, 0, 1);
    -moz-transition: 0.95s cubic-bezier(1, 0, 0, 1);
    transition: 0.95s cubic-bezier(1, 0, 0, 1); }
  footer .footer-social {
    margin-top: -1px;
  }
  footer .mxvxa-logo-flat {
    margin-top: -470px;
    -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s;
    -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s;
    transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s; }
  footer .footer-footer {
    width: 94%;
    background-color: #F2F2F2;
    padding: 16px 3% 16px;
    -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s;
    -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s;
    transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s; }
    footer .footer-footer cite {
      display: block;
      -webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
      -moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
      transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1); }
  footer[data-active="on"]::before {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  footer[data-active="on"]::after {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    transition-delay: 0.25s; }
  footer[data-active="off"] .mxvxa-logo-flat {
    opacity: 0;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%); }
  footer[data-active="off"]::after {
    -webkit-transform: translateY(105%);
    -moz-transform: translateY(105%);
    -ms-transform: translateY(105%);
    -o-transform: translateY(105%);
    transform: translateY(105%); }
  footer[data-active="off"] .footer-footer {
    -webkit-transform: translateY(105%);
    -moz-transform: translateY(105%);
    -ms-transform: translateY(105%);
    -o-transform: translateY(105%);
    transform: translateY(105%);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s; }
  footer ul li:nth-child(1) {
    float: left; }
  footer ul li:nth-child(2) {
    float: right;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
    footer ul li:nth-child(2) a {
      margin: 0 0.1vw; }
  footer.condensed {
    height: 52px; }
    @media only screen and (max-width: 800px) {
      footer.condensed {
        height: auto; } }
    footer.condensed[data-active="off"] .footer-footer, footer.condensed[data-active="on"] .footer-footer {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }

.ledge {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .ledge > div, .ledge::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    width: 300vw;
    height: 300vw;
    margin-left: -150vw; }

.ledge_visual {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .ledge_visual > div, .ledge_visual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    width: 300vw;
    height: 165vw;
    margin-left: -150vw; }

.now {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .now > div, .now::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    width: 300vw;
    height: 300vw;
    margin-left: -150vw; }


.mxvxa-13-deg::before {
  -webkit-transform: rotate(27deg);
  -moz-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg); }

.contact-minus-16-deg::before {
  -webkit-transform: rotate(-22deg);
  -moz-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  -o-transform: rotate(-22deg);
  transform: rotate(-22deg); }

.awards ul {
  max-width: 940px;
  margin-top: 10vw;
  position: relative;
  margin-left: auto;
  margin-right: auto; }
.awards li {
  width: auto;
  text-align: left;
  z-index: 1; }
  .awards li h4 {
    width: 100%;
    font-size: 18px;
    margin-bottom: 1.2em; }
@media screen and (max-width: 1260px) {
  .awards li h4 {
    width: 90%;
    font-size: 16px; } }
.awards .gigantic-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  color: #f86449;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: -3%; }
  .awards .gigantic-text span.award-count {
    line-height: 1em;
    position: relative; }
  .awards .gigantic-text #award-counter, .awards .gigantic-text .asterik {
    -webkit-transform: translateX(-2vw);
    -moz-transform: translateX(-2vw);
    -ms-transform: translateX(-2vw);
    -o-transform: translateX(-2vw);
    transform: translateX(-2vw);
    display: inline-block; }
  .awards .gigantic-text span.asterik {
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
    -o-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: 0 16%;
    -moz-transform-origin: 0 16%;
    -ms-transform-origin: 0 16%;
    -o-transform-origin: 0 16%;
    transform-origin: 0 16%;
    position: absolute; }
  .awards .gigantic-text span.asterik, .awards .gigantic-text span.disclaimer {
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s; }
  .awards .gigantic-text span.award-count::before {
    content: '* Subject to change';
    position: absolute;
    font-family: 'Ginger Regular';
    font-size: 12px;
    line-height: 10px;
    letter-spacing: -0.02em;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center; }
  .awards .gigantic-text.counted span.asterik, .awards .gigantic-text.counted span.award-count::before {
    opacity: 1; }
@media screen and (max-width: 960px) {
  .awards ul {
    display: block; }
    .awards ul li {
      text-align: center; }
    .awards ul li h4 {
      width: 100%; }
  .awards .gigantic-text {
    display: none; } }

/*筆電背景不重複*/
.project-thumb {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; }
  .project-thumb img {
    left: 0%;
    position: absolute;
    top: 0%;
    transform: translateX(-50%) translateY(-50%);
  }

@media (max-width: 1024px) {
  .project-thumb {
    display: none;
  }
}

.project-thumb-hover {
  position: absolute;
  top: 75%;
  left: 75%;
  width: 15vw;
  height: 15vw;
  margin: -12.5vw 0 0 -12.5vw; }
  .project-thumb-hover h4, .project-thumb-hover cite {
    color: rgba(255, 255, 255, 0);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .project-thumb-hover h4 {
    width: 68%;
    margin-left: 13%;
    text-align: left;
    margin-bottom: 1.2em; }
  .project-thumb-hover cite {
    font-family: 'Ginger Bold';
    text-transform: uppercase;
    font-size: 10px;
    left: 13%;
    bottom: 13%; }
  .project-thumb-hover cite, .project-thumb-hover .arrow-head {
    position: absolute; }
  .project-thumb-hover .arrow-head {
    right: 14%;
    bottom: 11.5%;
    margin: 0 -4px -4px 0; }
  .project-thumb-hover .arrow-head span {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-thumb-hover:hover .project-thumb-hover-inner::before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  .project-thumb-hover:hover .project-thumb-hover-inner h4, .project-thumb-hover:hover .project-thumb-hover-inner cite {
    color: white;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  .project-thumb-hover:hover .project-thumb-hover-inner h4 {
    -webkit-transition-delay: 0.26s;
    -moz-transition-delay: 0.26s;
    transition-delay: 0.26s; }
  .project-thumb-hover:hover .project-thumb-hover-inner cite {
    -webkit-transition-delay: 0.44s;
    -moz-transition-delay: 0.44s;
    transition-delay: 0.44s; }
  .project-thumb-hover:hover .project-thumb-hover-inner .arrow-head span {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition-delay: 0.53s;
    -moz-transition-delay: 0.53s;
    transition-delay: 0.53s; }

.project-thumb-hover-inner {
    position: absolute;
    width: 50%;
    height: 50%;
    min-width: 260px;
    min-height: 55px;
    max-width: 340px;
    max-height: 55px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
}
  @media only screen and (max-width: 800px) {
    .project-thumb-hover-inner {
      display: none; } }
  .project-thumb-hover-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #212121; }
  .project-thumb-hover-inner::before {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1); }

@media screen and (max-width: 800px) {
  .mxvxa-content .project-thumbs {
    margin-top: -60px;
    margin-bottom: 50px; } }
.mxvxa-content .project-thumb {
  width: 12vw;
  height: 12vw;
  margin: -13vw 0 0 -20vw;
  position: absolute;
  -webkit-transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1); }
  @media screen and (min-width: 1400px) {
    .mxvxa-content .project-thumb {
      width: 12vw;
      height: 12vw;
      margin: -9.965vw 0 0 -15vw; } }
.mxvxa-content section[data-active="off"] .ledge::before {
  background-color: transparent;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
.mxvxa-content section[data-active="off"] .now::before {
  background-color: #818181;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
.mxvxa-content section[data-active="off"] .project-thumb {
  opacity: 0;
  -webkit-transform: translate3d(-60px, -30.5px, 0);
  -moz-transform: translate3d(-60px, -30.5px, 0);
  -ms-transform: translate3d(-60px, -30.5px, 0);
  -o-transform: translate3d(-60px, -30.5px, 0);
  transform: translate3d(-60px, -30.5px, 0); }
.mxvxa-content section[data-active="on"] .project-thumbs > *:nth-child(1) {
  -webkit-transition-delay: 0.62s;
  -moz-transition-delay: 0.62s;
  transition-delay: 0.62s; }
.mxvxa-content section[data-active="on"] .project-thumbs > *:nth-child(2) {
  -webkit-transition-delay: 0.84s;
  -moz-transition-delay: 0.84s;
  transition-delay: 0.84s; }
.mxvxa-content section[data-active="on"] .project-thumbs > *:nth-child(3) {
  -webkit-transition-delay: 1.06s;
  -moz-transition-delay: 1.06s;
  transition-delay: 1.06s; }
.mxvxa-content section[data-active="on"] .project-thumbs > *:nth-child(4) {
  -webkit-transition-delay: 1.28s;
  -moz-transition-delay: 1.28s;
  transition-delay: 1.28s; }

/*五個工具*/
/*中上*/
.mxvxa-content .home-thumb:nth-child(1) {
  display:none;
  top: -10vw;
  left: 50vw ; }
  @media screen and (min-width: 1400px) {
    .mxvxa-content .home-thumb:nth-child(1) {
      top: -10vw; } }
/*左下*/
.mxvxa-content .home-thumb:nth-child(2) {
  display:none;
  top: 20vw;
  left: -5vw; }
  @media screen and (min-width: 1400px) {
    .mxvxa-content .home-thumb:nth-child(2) {
      top: 20vw; } }
/*右上*/
.mxvxa-content .home-thumb:nth-child(3) {
  display:none;
  top: 0vw;
  left: 30vw; }
  @media screen and (min-width: 1400px) {
    .mxvxa-content .home-thumb:nth-child(3) {
      top: 0vw; } }
/*右下*/
.mxvxa-content .home-thumb:nth-child(4) {
  display:none;
  top: 20vw;
  left: 20vw; }
  @media screen and (min-width: 1400px) {
    .mxvxa-content .home-thumb:nth-child(4) {
      top: 20vw; } }
/*左上*/
.mxvxa-content .home-thumb:nth-child(5) {
  display:none;
  top: 0vw;
  left: -14vw; }
  @media screen and (min-width: 1400px) {
    .mxvxa-content .home-thumb:nth-child(5) {
      top: 0vw; } }



@media screen and (max-width: 768px) {
  .mxvxa-content .home-thumb {
    display: none; } }
.mxvxa-content .mobile-thumb {
  display: none;
  top: auto;
  left: auto; }
  @media screen and (max-width: 768px) {
    .mxvxa-content .mobile-thumb {
      display: block; } }

.figure-section {
  z-index: 50;
}


.profile-section .ledge {
    margin-top: -33vw; }
.profile-section .now {
    margin-top: -30vw; }

.equipment-figures-section {
  margin-bottom: 25vw;
  margin-top: 30vw;}
  @media only screen and (max-width: 800px) {
    .equipment-figures-section {
      padding-top: 0vw; } }
  .equipment-figures-section .ledge_visual {
    margin-top: -30vw; }
  .equipment-figures-section[data-active="off"] .equipment-figures > div {
    opacity: 0; }
  .equipment-figures-section[data-active="off"] .equipment-figures .left-equipment .left-equipment-audio .middle-equipment-visual .left-equipment-katherine {
    -webkit-transform: translate3d(30px, 22px, 0);
    -moz-transform: translate3d(30px, 22px, 0);
    -ms-transform: translate3d(30px, 22px, 0);
    -o-transform: translate3d(30px, 22px, 0);
    transform: translate3d(30px, 22px, 0); }
  .equipment-figures-section[data-active="off"] .equipment-figures .right-equipment .right-equipment-audio .middle-equipment-visual .left-equipment-katherine {
    -webkit-transform: translate3d(-30px, -22px, 0);
    -moz-transform: translate3d(-30px, -22px, 0);
    -ms-transform: translate3d(-30px, -22px, 0);
    -o-transform: translate3d(-30px, -22px, 0);
    transform: translate3d(-30px, -22px, 0); }

.equipment-figures-section-audio {
  margin-bottom: 30vw;
  margin-top: 15vw;}
  @media only screen and (max-width: 800px) {
    .equipment-figures-section-audio {
      padding-top: 0vw;
	  margin-top: 10vw;} }
  .equipment-figures-section-audio .ledge {
    margin-top: 77vw; }
  .equipment-figures-section-audio[data-active="off"] .equipment-figures > div {
    opacity: 0; }
  .equipment-figures-section-audio[data-active="off"] .equipment-figures .left-equipment .left-equipment-audio .middle-equipment-visual .left-equipment-katherine {
    -webkit-transform: translate3d(30px, 22px, 0);
    -moz-transform: translate3d(30px, 22px, 0);
    -ms-transform: translate3d(30px, 22px, 0);
    -o-transform: translate3d(30px, 22px, 0);
    transform: translate3d(30px, 22px, 0); }
  .equipment-figures-section-audio[data-active="off"] .equipment-figures .right-equipment .right-equipment-audio .middle-equipment-visual .left-equipment-katherine {
    -webkit-transform: translate3d(-30px, -22px, 0);
    -moz-transform: translate3d(-30px, -22px, 0);
    -ms-transform: translate3d(-30px, -22px, 0);
    -o-transform: translate3d(-30px, -22px, 0);
    transform: translate3d(-30px, -22px, 0); }

.equipment-figures-section-holo {
  margin-bottom: 38vw;
  margin-top: 45vw;}
  @media only screen and (max-width: 800px) {
    .equipment-figures-section-holo {
      padding-bottom: -10vw;
	  margin-top: 10vw;} }
  .equipment-figures-section-holo .ledge {
    margin-top: 80vw; }
  .equipment-figures-section-holo[data-active="off"] .equipment-figures > div {
    opacity: 0; }
  .equipment-figures-section-holo[data-active="off"] .equipment-figures .left-equipment .left-equipment-holo .middle-equipment-visual .left-equipment-katherine {
    -webkit-transform: translate3d(30px, 22px, 0);
    -moz-transform: translate3d(30px, 22px, 0);
    -ms-transform: translate3d(30px, 22px, 0);
    -o-transform: translate3d(30px, 22px, 0);
    transform: translate3d(30px, 22px, 0); }
  .equipment-figures-section-holo[data-active="off"] .equipment-figures .right-equipment .right-equipment-audio .middle-equipment-visual .left-equipment-katherine {
    -webkit-transform: translate3d(-30px, -22px, 0);
    -moz-transform: translate3d(-30px, -22px, 0);
    -ms-transform: translate3d(-30px, -22px, 0);
    -o-transform: translate3d(-30px, -22px, 0);
    transform: translate3d(-30px, -22px, 0); }

@media screen and (max-width: 800px) {
  .equipment-figures {
    display: none; } }
.equipment-figures > div {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  width: 40vw;
  height: 40vw;
  margin: -20vw 0 0 -20vw; }
.equipment-figures .left-equipment {
  left: -25vw;
	/*第一頁圖片*/
  background: url("../img/visual/left_field.png") no-repeat center center/100% 100%;
  top: -3vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.content .equipment-figures .left-equipment-venn {
  left: -0vw;
	/*第一頁圖片*/
  background: url("../img/venn.gif") no-repeat center top/100% 56%;
  top: 35vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.content2 .equipment-figures .left-equipment-mxvxa {
  left: -33vw;
	/*第一頁圖片*/
  background: url("../img/past_new_left.png") no-repeat center center/80% 80%;
  top: 1vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.content3 .equipment-figures .left-equipment-mxvxa-2 {
  left: -30vw;
	/*第一頁圖片*/
  background: url("../img/now_new_left_left.png") no-repeat center center/80% 80%;
  top: 0vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }


.equipment-figures .left-equipment-visual {
  left: -27vw;
	/*第一頁圖片*/
  background: url("") no-repeat center center/100% 100%;
  top: 20vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.equipment-figures .middle-equipment-visual {
  left: -0vw;
	/*第一頁圖片*/
  background: url("../img/visual/TIMER_GIF_NEW.gif") no-repeat center center/180% 101%;
  top: 43vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.equipment-figures .left-equipment-visual-gears {
  left: -33vw;
	/*第一頁圖片*/
  background: url("../img/visual/backpack_new.png") no-repeat center center/100% 100%;
  top: 11vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.equipment-figures .left-equipment-audio {
  left: 2vw;
	/*第一頁圖片*/
  background: url("../img/hologram.png") no-repeat center center/100% 100%;
  top: 32vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.equipment-figures .right-equipment {
  left: 35vw;
  top: -4.8vw;
  background: url("../img/visual/right_live.png") no-repeat center center/100% 100%;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s; }

.content3 .equipment-figures .right-equipment-mxvxa {
  left: 33vw;
  top: -3vw;
  background: url("../img/now_new_right_right.png") no-repeat center center/100% 100%;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s; }

.content2 .equipment-figures .right-equipment-mxvxa-2 {
  left: 34vw;
	/*第一頁圖片*/
  background: url("../img/past_right_new.png") no-repeat center center/80% 80%;
  top: 1vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

.equipment-figures .right-equipment-visual {
  left: 30vw;
  top: 0vw;
  background: url("") no-repeat center center/100% 100%;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s; }

.equipment-figures .right-equipment-visual-gears {
  left: 33vw;
  top: 11vw;
  background: url("../img/visual/luggage_new.png") no-repeat center center/100% 100%;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s; }

.equipment-figures .right-equipment-audio {
  left: 1vw;
	/*第一頁圖片*/
  background: url("../img/wave.png") no-repeat center center/100% 100%;
  top: 27vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }

section.left-aligned-section {
  padding: 20vw 0 10vw; }
  @media only screen and (max-width: 800px) {
    section.left-aligned-section {
      padding-top: 25vw; } }
  section.left-aligned-section .content {
    margin: 1vw 0 12vw 15%;
    width: 33%; }
    @media only screen and (max-width: 800px) {
      section.left-aligned-section .content {
        margin: 1vw auto 20vw auto;
        width: 80%; } }
    section.left-aligned-section .content > * {
      text-align: left;
      margin-left: 0;
      margin-right: 0;
      width: 100%; }
      @media only screen and (max-width: 800px) {
        section.left-aligned-section .content > * {
          text-align: center;
          margin-left: auto;
          margin-right: auto; } }
    section.left-aligned-section .content h1 {
      margin-bottom: 0.5em; }


/*大字顏色*/
section.profile-section h1, section.profile-section h3 {
  color: #2F2F2F; }
section.profile-section .social-list {
  margin-top: 1.7em;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  @media only screen and (max-width: 800px) {
    section.profile-section .social-list {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; } }
section.profile-section .profile-figure {
  right: 26%;
  top: 50%;
  width: 42vw;
  height: 42vw;
  margin-top: -21vw;
  margin-right: -20vw;}
  section.profile-section .profile-figure div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    section.profile-section .profile-figure div:nth-child(1) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s; }
    section.profile-section .profile-figure div:nth-child(2) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s; }
    section.profile-section .profile-figure div:nth-child(3) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s; }
    section.profile-section .profile-figure div:nth-child(4) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s; }
    section.profile-section .profile-figure div:nth-child(5) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s; }
    section.profile-section .profile-figure div:nth-child(6) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s; }
    section.profile-section .profile-figure div:nth-child(7) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s; }
    section.profile-section .profile-figure div:nth-child(8) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s; }
    section.profile-section .profile-figure div:nth-child(9) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s; }
    section.profile-section .profile-figure div:nth-child(10) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s; }
    section.profile-section .profile-figure div:nth-child(11) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s; }
    section.profile-section .profile-figure div:nth-child(12) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s; }
    section.profile-section .profile-figure div:nth-child(13) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s; }
    section.profile-section .profile-figure div:nth-child(14) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s; }
    section.profile-section .profile-figure div:nth-child(15) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s; }
    section.profile-section .profile-figure div:nth-child(16) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s; }
    section.profile-section .profile-figure div:nth-child(17) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s; }
    section.profile-section .profile-figure div:nth-child(18) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s; }
    section.profile-section .profile-figure div:nth-child(19) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s; }
    section.profile-section .profile-figure div:nth-child(20) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s; }
    section.profile-section .profile-figure div:nth-child(21) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s; }
    section.profile-section .profile-figure div:nth-child(22) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s; }
    section.profile-section .profile-figure div:nth-child(23) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s; }
    section.profile-section .profile-figure div:nth-child(24) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s; }
    section.profile-section .profile-figure div:nth-child(25) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s; }
    section.profile-section .profile-figure div:nth-child(26) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s; }
    section.profile-section .profile-figure div:nth-child(27) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s; }
    section.profile-section .profile-figure div:nth-child(28) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s; }
    section.profile-section .profile-figure div:nth-child(29) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s; }
    section.profile-section .profile-figure div:nth-child(30) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s; }
    section.profile-section .profile-figure div:nth-child(31) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s; }
    section.profile-section .profile-figure div:nth-child(32) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s; }
    section.profile-section .profile-figure div:nth-child(33) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s; }
    section.profile-section .profile-figure div:nth-child(34) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s; }
    section.profile-section .profile-figure div:nth-child(35) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s; }
    section.profile-section .profile-figure div:nth-child(36) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s; }
    section.profile-section .profile-figure div:nth-child(37) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s; }
    section.profile-section .profile-figure div:nth-child(38) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s; }
    section.profile-section .profile-figure div:nth-child(39) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s; }
    section.profile-section .profile-figure div:nth-child(40) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s; }
  @media only screen and (max-width: 800px) {
    section.profile-section .profile-figure {
      display: none; } }
section.content3 .profile-section[data-active="off"] .profile-figure div {
  opacity: 0; }
@media only screen and (max-width: 800px) {
  section.content3 .profile-section {
    padding-bottom: 250px; }
    section.content3 .profile-section .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 300px; }
    section.content3 .profile-section .mob-left {
      background: url("../img/now.png") no-repeat center bottom/380px; }
    section.content3 .profile-section .mob-right {
      background: url("") no-repeat center bottom/380px; } }

/*第一頁也想要有手機圖片*/
@media only screen and (max-width: 800px) {
    section.profile-section {
    padding-bottom: 250px; }
    section.profile-section .ledge {
    margin-top: -110vw; }
	section.profile-section .now {
    margin-top: -110vw; }
    section.profile-section .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 300px; }
    section.profile-section .mob-venn {
      background: url("../img/venn.gif") no-repeat center top/400px; }	
    section.profile-section .mob-past {
      background: url("../img/past_mob_new.png") no-repeat center bottom/380px; }
    section.profile-section .mob-now {
      background: url("../img/now_mob_new.png") no-repeat center bottom/380px; } }

/*visual頁也想要有手機圖片*/
@media only screen and (max-width: 800px) {
  section.profile-section {
    padding-bottom: 250px; }
	section.equipment-figures-section .ledge_visual {
    margin-top: -85vw; }
    section.profile-section .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100px; }
    section.profile-section .mob-gears {
      background: url("../img/visual/gears.png") no-repeat center bottom/380px; }
    section.profile-section .mob-screen {
      background: url("../img/visual/TIMER_GIF_NEW.gif") no-repeat center top/550px;
	  margin-bottom: 15vw;} }

@media only screen and (max-width: 800px) {
  section.profile2-section {
    padding-bottom: 50px; }
    section.profile2-section .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100px; }
    section.profile2-section .mob-gears {
      background: url("../img/visual/field_live.png") no-repeat center bottom/380px; } }


/*audio也想要有手機圖片*/
@media only screen and (max-width: 800px) {
  section.profile-section {
    padding-bottom: 250px; }
    section.profile-section .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 300px; }
    section.profile-section .mob-past-audio {
      background: url("../img/visual/miyamainmob.png") no-repeat center bottom/380px; }
    section.profile-section .mob-now-audio {
      background: url("../img/visual/thinkpad.png") no-repeat center bottom/380px; } }

@media only screen and (max-width: 800px) {
  section.equipment-figures-section-audio {
    padding-bottom: 150px;
	}
	section.equipment-figures-section-audio .ledge {
    margin-top: 190vw; }
    section.equipment-figures-section-audio .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 300px; }
    section.equipment-figures-section-audio .mob-wave-audio {
      background: url("../img/wave.png") no-repeat center bottom/300px; } }

@media only screen and (max-width: 800px) {
  section.equipment-figures-section-holo {
    padding-bottom: 150px;
	margin-bottom: -1vw;
	}
	section.equipment-figures-section-holo .ledge {
    margin-top: 190vw; }
    section.equipment-figures-section-holo .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 300px; }
    section.equipment-figures-section-holo .mob-holo-audio {
      background: url("../img/hologram.png") no-repeat center bottom/300px; } }

.left-profile-figure div:nth-child(1) {
  background: url("../img/audio/allen-and-heath-1") no-repeat center center/100%; }
.left-profile-figure div:nth-child(2) {
  background: url("../img/audio/Feature-Control-CQ18T_00000.png") no-repeat center center/100%; }
.left-profile-figure div:nth-child(3) {
  background: url("../img/audio/allen-and-heath-1") no-repeat center center/100%; }
.left-profile-figure div:nth-child(4) {
  background: url("../img/audio/allen-and-heath-1") no-repeat center center/100%; }

.right-profile-figure div:nth-child(1) {
  background: url("../img/audio/audiomain.png") no-repeat center center/100%; }
.right-profile-figure div:nth-child(2) {
  background: url("") no-repeat center center/100%; }
.right-profile-figure div:nth-child(3) {
  background: url("") no-repeat center center/100%; }
.right-profile-figure div:nth-child(4) {
  background: url("") no-repeat center center/100%; }

.visual-mxvxa  {
  padding-top: 12rem;
}

@media screen and (max-width: 800px) {
  .visual-mxvxa  {
    padding-top: 10rem;
  } }

.visual-mxvxa .content {
  margin: 1vw auto 0;
}

.visual-project {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

  .visual-project:first-child {
    margin-top: 40px;
  }

  .visual-project .cta-wrap {
    /*position: fixed;*/
    bottom: 16%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media screen and (max-width: 800px) {
      .work-project .cta-wrap {
        bottom: 50px; } }

.work-scroll-ledge {
  position: fixed;
  opacity: 0; }
  .work-scroll-ledge div {
    -webkit-transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s;
    -moz-transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s;
    transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s; }
  .work-scroll-ledge[data-active="on"] {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s; }

.work-projects-scroll {
  padding-bottom: 26rem;
  padding-top: 4rem;
}

@media screen and (max-width: 800px) {
  .work-projects-scroll {
    padding-bottom: 10rem;
    padding-top: 2rem;
  } }

.work-project-content {
  padding: 3.25rem 3.3vw;
  pointer-events: none;
  position: relative;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: auto;
  height: auto;
  margin-top: -30px;
  transform-origin: center center;
  will-change: transform;
  }
  @media screen and (max-width: 700px) {
    .work-project-content {
      padding: 2rem 30px; } }
  .work-projects-scroll[data-hovered="true"] .work-project-content a {
    opacity: .2;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1);
  }
  .work-project-content a {
    display: inline-block;
    opacity: 1;
    pointer-events: all;
    transition: 0.62s opacity cubic-bezier(0.52, 0.01, 0.16, 1) .1s;
  }
  .work-projects-scroll[data-hovered="true"] .work-project-content a:hover,
  .work-project-content a:hover {
    opacity: 1;
  }
  .work-project-content a:hover + .project-thumb {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) translateY(0);
    transition: 0.42s cubic-bezier(0.52, 0.01, 0.16, 1) .01s;
  }
  .work-project-content svg {
    height: 36px;
  }
  @media only screen and (min-width: 375px) {
    .work-project-content svg {
      height: 40px;
    }
  }
  @media only screen and (min-width: 768px) {
    .work-project-content svg {
      height: 80px;
    }
  }
  @media only screen and (min-width: 1024px) {
    .work-project-content svg {
      height: 120px;
    }
  }
  @media only screen and (min-width: 1240px) {
    .work-project-content svg {
      height: 161px;
    }
  }
  .work-project-content h4 {
    margin-bottom: 20px; }

.js-work-scroll-ledge.force-out, .work-project-content.force-out {
  opacity: 0 !important;
  -webkit-transition: 0.26s linear 0s !important;
  -moz-transition: 0.26s linear 0s !important;
  transition: 0.26s linear 0s !important; }

.project-thumb {
  margin: 0 auto; }

.work-project-monitor .work-project {
  pointer-events: none; }
  .work-project-monitor .work-project h5, .work-project-monitor .work-project h4 {
    opacity: 0;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .work-project-monitor .work-project h4 {
    color: #F2F2F2; }
  .work-project-monitor .work-project .cta-wrap {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .work-project-monitor .work-project .project-thumb {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) translateY(3rem);
    transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1); }
  .work-project-monitor .work-project .thumb-mover {
    -webkit-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1); }
    .work-project-monitor .work-project .thumb-mover:nth-child(1) {
      -webkit-transition-delay: 0.08s;
      -moz-transition-delay: 0.08s;
      transition-delay: 0.08s; }

.corner-project-back {
  position: fixed;
  top: 3vw;
  right: 3vw;
  z-index: 4;}
  html.safari-browser .corner-project-back span.text {
    color: #212121 !important; }

.lone-arrow {
  width: 18px;
  height: 20px; }
  .lone-arrow span.arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .lone-arrow .arrow-length {
    position: absolute;
    left: 0;
    top: 50%;
    left: 16%;
    width: 80%;
    height: 2px;
    background-color: #F2F2F2; }
  .lone-arrow .arrow-tip {
    position: absolute;
    left: 0;
    top: 50%;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid #F2F2F2;
    margin-top: -2px; }
  .lone-arrow span.arrow span {
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .lone-arrow span.arrow:nth-child(2) span {
    -webkit-transform: translateX(22px);
    -moz-transform: translateX(22px);
    -ms-transform: translateX(22px);
    -o-transform: translateX(22px);
    transform: translateX(22px); }
  .lone-arrow span.text {
    right: 200%;
    top: 50%;
    position: absolute;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-transform: translateX(0px) translateY(-50%);
    -moz-transform: translateX(0px) translateY(-50%);
    -ms-transform: translateX(0px) translateY(-50%);
    -o-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%); }
  .lone-arrow:hover span.arrow:nth-child(1) span {
    -webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    -o-transform: translateX(-22px);
    transform: translateX(-22px); }
  .lone-arrow:hover span.arrow:nth-child(2) span {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 0.16s;
    -moz-transition-delay: 0.16s;
    transition-delay: 0.16s; }

.project-back-reverse span.text {
  right: auto;
  left: 200%; }

.right-arrow .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.project-blocks {
  width: 100vw;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap; }
  .project-blocks h2, .project-blocks h3, .project-blocks p {
    color: #212121; }

.project-block {
  width: 100%;
  order: 100; }
  .project-block img {
    display: block; }
  .project-block:not(.project-mxvxa-block) h2 {
    font-size: 30px; }
    @media only screen and (max-width: 800px) {
      .project-block:not(.project-mxvxa-block) h2 {
        font-size: 21px; } }
  @media only screen and (max-width: 800px) {
    .project-block.project-mxvxa-block h2 {
      font-size: 30px; } }

.project-video-block {
  width: 100vw;
  height: 100vh; }

.image-alone-full-width-block img {
  height: auto;
  width: 100%; }

.image-with-space-content-width img {
  height: auto;
  margin: 0 auto;
  width: 1030px; }
  @media only screen and (max-width: 800px) {
    .image-with-space-content-width img {
      width: 75%; } }

.header-with-space {
  padding: 8vw 0 1vw; }
  .header-with-space > * {
    width: 60%;
    margin: 0 auto; }
    @media only screen and (max-width: 800px) {
      .header-with-space > * {
        width: 75%; } }
  .header-with-space[data-align="center"] {
    text-align: center; }
  .header-with-space[data-align="left"] {
    text-align: left; }
  .header-with-space[data-align="right"] {
    text-align: right; }

.full-screen-image {
  height: 100vh; }
  .full-screen-image .img-fill {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

.full-screen-image img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

@media only screen and (max-width: 800px) {
  .full-screen-image, .project-carousel {
    height: 70vw !important; } }

.image-with-space-content-width, .video-content-width {
  padding: 4vw 0 7vw; }

.project-mxvxa-block, .project-content-block {
  text-align: left;
  padding: 6vw 0 6.5vw; }
  .project-mxvxa-block .content, .project-content-block .content {
    width: 1030px;
    margin: 0 auto; }
    @media only screen and (max-width: 800px) {
      .project-mxvxa-block .content, .project-content-block .content {
        width: 75%; } }
    @media screen and (max-width: 1280px) {
      .project-mxvxa-block .content, .project-content-block .content {
        width: 75%; } }

.video-with-space-content-width {
  padding: 7vw 0; }
  .video-with-space-content-width .vimeo-embed-wrap {
    width: 80vw;
    height: 44.96vw;
    margin: 0 auto; }
  .video-with-space-content-width .vimeo-embed-wrap--autoplay {
    pointer-events: none; }
    .video-with-space-content-width .vimeo-embed-wrap iframe {
      width: 100%;
      height: 100%; }

.player-timeline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px; }

.player-elapsed {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 100%; }

.video-content-width video {
  width: 60%;
  margin: 0 auto; }
@media only screen and (max-width: 800px) {
  .video-content-width {
    display: none; } }

.project-mxvxa-block {
  padding: 18vh 0; }
  .project-mxvxa-block .project-text-block {
    margin-top: -5px; }
    .project-mxvxa-block .project-text-block h2 {
      margin-bottom: 0.95em; }

.mini-info {
  float: left;
  width: 22%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }
  .mini-info li {
    margin-bottom: 2.3em; }
  @media only screen and (max-width: 1100px) {
    .mini-info {
      width: 28%; } }
  @media only screen and (max-width: 800px) {
    .mini-info {
      float: none;
      width: 53%;
      margin-bottom: 40px; } }

.project-text-block, .project-content-block p {
  float: right;
  width: 60%; }
  @media only screen and (max-width: 800px) {
    .project-text-block, .project-content-block p {
      width: 75%; } }

.project-content-block h2 {
  float: left;
  width: 26%; }

.image-overhang-content {
  padding: 10vw 0 10vw; }
  .image-overhang-content img {
    position: absolute;
    bottom: 0;
    right: 20%;
    height: 108%;
    width: auto;}
  .image-overhang-content .content {
    text-align: left;
    width: 1030px;
    margin: 0 auto; }
    @media only screen and (max-width: 1024px) {
      .image-overhang-content .content {
        width: 75%;
        margin: 0 auto 0 12%; } }
    .image-overhang-content .content h2 {
      width: 35%; }
    .image-overhang-content .content p {
      width: 44%; }
  @media only screen and (max-width: 2250px) {
    .image-overhang-content img {
      right: 12%; } }
  @media only screen and (max-width: 1240px) {
    .image-overhang-content img {
      right: -5%; } }
  @media only screen and (max-width: 1024px) {
    .image-overhang-content img {
      display: none; }
      .image-overhang-content img .content {
        width: 75%; } }

.project-footer {
  width: 100%;
  height: 30vw;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .project-footer a {
    position: absolute; }
    .project-footer a.project-footer-prev-project {
      top: 49%;
      left: 15%; }
    .project-footer a.project-footer-next-project {
      top: 49%;
      right: 15%; }
  .project-footer .project-footer-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  @media only screen and (max-width: 800px) {
    .project-footer {
      height: 42vw; }
      .project-footer h1 {
        display: none; }
      .project-footer a.project-footer-prev-project {
        left: 7%;
        top: 45%; }
      .project-footer a.project-footer-next-project {
        right: 7%;
        top: 45%; }
      .project-footer a .arrow:nth-child(2) {
        display: none; } }

.project-carousel {
  width: 100%;
  height: 100vh; }
  .project-carousel .carousel-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .project-carousel .carousel-img-wrap ul, .project-carousel .carousel-img-wrap li, .project-carousel .carousel-img-wrap li div {
      position: absolute;
      width: 100%;
      height: 100%; }
    .project-carousel .carousel-img-wrap li {
      width: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      -webkit-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
      -moz-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
      transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
      will-change: transform; }
      .project-carousel .carousel-img-wrap li div {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        -webkit-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
        -moz-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
        transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
        will-change: transform; }
  .project-carousel a {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0; }
    .project-carousel a.carousel-left {
      left: 0; }
      .project-carousel a.carousel-left:hover {
        cursor: w-resize; }
    .project-carousel a.carousel-right {
      right: 0; }
      .project-carousel a.carousel-right:hover {
        cursor: e-resize; }
  .project-carousel .carousel-nav-wrap {
    position: absolute;
    bottom: 10%;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 800px) {
      .project-carousel .carousel-nav-wrap {
        bottom: 20%; } }
  .project-carousel .carousel-nav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: -24px; }
    .project-carousel .carousel-nav li {
      margin: 0 14px; }
      .project-carousel .carousel-nav li a {
        width: 20px;
        height: 20px; }
        .project-carousel .carousel-nav li a::before {
          content: '';
          position: absolute;
          width: 9px;
          height: 9px;
          left: 5px;
          top: 5px;
          -webkit-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          border-radius: 100%;
          background-color: rgba(33, 33, 33, 0.16); }
        .project-carousel .carousel-nav li a::after {
          content: '';
          position: absolute;
          width: 5px;
          height: 5px;
          left: 7px;
          top: 7px;
          -webkit-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          border-radius: 100%;
          background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::before {
    background-color: #F2F2F2; }
  .project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(2) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(3) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(4) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(3) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(4) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(4) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="9"] .carousel-nav li:nth-child(10) {
    display: none; }

@media screen and (max-width: 1280px) {
  .logo-animation {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); } }

@media screen and (max-width: 1100px) {
  .logo-animation {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); } }

@media screen and (max-width: 850px) {
  .logo-animation {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4); } }

@media screen and (max-width: 768px) {
  h3:not(.no-line) {
    margin-bottom: 3em; }

  .logo-animation {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }

  section p {
    width: 85%; }

  .mxvxa-content .project-thumbs, .mxvxa-content .project-thumb {
    position: relative;
    left: auto;
    top: auto; }
  .mxvxa-content .project-thumb-hover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0; }
    .mxvxa-content .project-thumb-hover span {
      display: none; }
  .mxvxa-content .project-thumb {
    margin: 0 auto; }

  .project-thumb, .mxvxa-content .project-thumb {
    width: 88vw;
    height: 58.6608vw; }

  .work-project-content {
    margin-top: -7%; }

  .work-project-content .project-thumb {
    margin-top: 7%; }

  footer {
    height: auto; }
    footer::after, footer::before, footer .mxvxa-logo-flat {
      display: none; }
    footer .footer-footer {
      position: relative;
      width: 80%;
      padding: 24px 10% 24px;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      transform: translateY(0) !important; }
      footer .footer-footer cite {
        margin-left: 0; }
      footer i {
        margin-right: 0; }
      footer .footer-footer ul li {
        float: none; }
    footer .footer-social {
      -webkit-box-pack: center !important;
      -moz-box-pack: center !important;
      box-pack: center !important;
      -webkit-justify-content: center !important;
      -moz-justify-content: center !important;
      -ms-justify-content: center !important;
      -o-justify-content: center !important;
      justify-content: center !important;
      -ms-flex-pack: center !important;
      margin-top: 15px; }
    footer ul li:nth-child(2) a {
      margin: 0 2vw; }

  .corner-project-back {
    top: 22px;
    right: 30px; }

  .project-mxvxa-block .content, .project-content-block .content {
    width: 75%; }

  .project-text-block, .project-content-block p {
    width: 100%;
    float: none; }

  .project-content-block h2, .image-overhang-content .content h2, .image-overhang-content .content p {
    width: 100%; }

  .image-overhang-content img {
    left: 70%; } }

  .project-back span {
    color: #212121;
  }

  .project-back .arrow-tip {
    border-right: 3px solid #212121;
  }

  .project-back .arrow-length {
    background-color: #212121;
  }

  .project-back.project-footer-next-project span,
  .project-back.project-footer-prev-project span {
      color: #F2F2F2;
  }

  .project-back.project-footer-next-project .arrow-tip,
  .project-back.project-footer-prev-project .arrow-tip {
    border-right: 3px solid #F2F2F2;
  }

  .project-back.project-footer-next-project .arrow-length,
  .project-back.project-footer-prev-project .arrow-length {
    background-color: #F2F2F2;
  }

@media screen and (max-width: 480px) {
  .logo-animation {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2); } }
@-webkit-keyframes arrowpointing {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1; }
  30% {
    -webkit-transform: translateY(0);
    opacity: 1; }
  50% {
    -webkit-transform: translateY(8px);
    opacity: 0; }
  85% {
    -webkit-transform: translateY(-7px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px); } }
@-moz-keyframes arrowpointing {
  0% {
    -moz-transform: translateY(0);
    opacity: 1; }
  30% {
    -moz-transform: translateY(0);
    opacity: 1; }
  50% {
    -moz-transform: translateY(8px);
    opacity: 0; }
  85% {
    -moz-transform: translateY(-7px);
    opacity: 0; }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px); } }
@keyframes arrowpointing {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    opacity: 0; }
  85% {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

/*# sourceMappingURL=main.css.map */