@-webkit-keyframes starShine {
  0% {
    text-shadow: 0 0 0 rgba(222, 165, 106, 0); }
  100% {
    text-shadow: 0 0 10px rgba(222, 165, 106, 0.5), 0 0 20px rgba(222, 165, 106, 0.5), 0 0 30px rgba(222, 165, 106, 0.5), 0 0 40px rgba(222, 165, 106, 0.5), 0 0 50px rgba(222, 165, 106, 0.5); } }

@keyframes starShine {
  0% {
    text-shadow: 0 0 0 rgba(222, 165, 106, 0); }
  100% {
    text-shadow: 0 0 10px rgba(222, 165, 106, 0.5), 0 0 20px rgba(222, 165, 106, 0.5), 0 0 30px rgba(222, 165, 106, 0.5), 0 0 40px rgba(222, 165, 106, 0.5), 0 0 50px rgba(222, 165, 106, 0.5); } }

@-webkit-keyframes elFloat1 {
  0% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px); } }

@keyframes elFloat1 {
  0% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px); } }

@-webkit-keyframes elFloat2 {
  0% {
    opacity: 0.7; }
  100% {
    padding-left: 10px; } }

@keyframes elFloat2 {
  0% {
    opacity: 0.7; }
  100% {
    padding-left: 10px; } }

@-webkit-keyframes fogFloat {
  0% {
    background-position-x: 0px; }
  100% {
    background-position-x: -3000px; } }

@keyframes fogFloat {
  0% {
    background-position-x: 0px; }
  100% {
    background-position-x: -3000px; } }

@-webkit-keyframes fogFloat2 {
  0% {
    background-position-x: 0px; }
  100% {
    background-position-x: 3000px; } }

@keyframes fogFloat2 {
  0% {
    background-position-x: 0px; }
  100% {
    background-position-x: 3000px; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeInOut {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes floatHint {
  0% {
    -webkit-transform: rotate(-90deg) translateX(0%);
    transform: rotate(-90deg) translateX(0%); }
  100% {
    -webkit-transform: rotate(-90deg) translateX(-15%);
    transform: rotate(-90deg) translateX(-15%); } }

@keyframes floatHint {
  0% {
    -webkit-transform: rotate(-90deg) translateX(0%);
    transform: rotate(-90deg) translateX(0%); }
  100% {
    -webkit-transform: rotate(-90deg) translateX(-15%);
    transform: rotate(-90deg) translateX(-15%); } }

@-webkit-keyframes revealText {
  0% {
    width: 0;
    left: 0; }
  50% {
    width: 100%;
    left: 0; }
  100% {
    width: 0;
    left: 100%; } }

@keyframes revealText {
  0% {
    width: 0;
    left: 0; }
  50% {
    width: 100%;
    left: 0; }
  100% {
    width: 0;
    left: 100%; } }

@-webkit-keyframes revealTexta {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%); }
  100% {
    -webkit-transform: translateX(101%);
    transform: translateX(101%); } }

@keyframes revealTexta {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%); }
  100% {
    -webkit-transform: translateX(101%);
    transform: translateX(101%); } }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 0.5;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 0.5;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 0.5;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 0.5;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes mask-animation {
  0% {
    left: -100px;
    top: 20px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    width: 50px; }
  25% {
    left: 100vw;
    top: 100px; }
  50% {
    left: -300px;
    top: 200px;
    width: 100px;
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  75% {
    left: 100vw;
    top: 400px;
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  100% {
    left: -100px;
    top: 100vh;
    width: 200px;
    -webkit-filter: blur(10px);
    filter: blur(10px); } }

@keyframes mask-animation {
  0% {
    left: -100px;
    top: 20px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    width: 50px; }
  25% {
    left: 100vw;
    top: 100px; }
  50% {
    left: -300px;
    top: 200px;
    width: 100px;
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  75% {
    left: 100vw;
    top: 400px;
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  100% {
    left: -100px;
    top: 100vh;
    width: 200px;
    -webkit-filter: blur(10px);
    filter: blur(10px); } }
@charset "UTF-8";
header {
  z-index: 100002;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.logo-wrap {
  padding: 50px 0px 0px 45px; }
  .logo-wrap .big-logo {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    width: 50px;
    height: 50px; }
  .logo-wrap .small-logo {
    display: none;
    width: 40px;
    height: 40px;
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1); }
  .logo-wrap a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px }
  .logo-wrap .logo-group {
    fill: #DEA56A; }

.loader-wrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9998;
  opacity: 1; }

.loaded .header-el {
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; }
  .loaded .header-el ~ .fb_dialog {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out; }

.loaded .header-el.menu-hide {
  opacity: 0;
  pointer-events: none; }
  .loaded .header-el.menu-hide ~ .fb_dialog {
    opacity: 0;
    pointer-events: none; }

@media all and (min-width: 768px) {
  .logo-wrap:hover {
    opacity: 0.8; } }

@media all and (max-width: 576px) {
  .logo-wrap {
    padding: 25px 0px 0px 20px; }
    .logo-wrap .big-logo {
      display: none; }
    .logo-wrap .small-logo {
      display: block; } }

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

.menu-close-btn-wrap, .news-close-btn-wrap {
  position: fixed;
  right: 65px;
  top: 60px;
  top: -30px;
  opacity: 0;
  -webkit-transition: .5s ease-out, opacity .3s ease;
  -o-transition: .5s ease-out, opacity .3s ease;
  transition: .5s ease-out, opacity .3s ease;
  z-index: 999; }
  .menu-close-btn-wrap .menu-close-btn, .menu-close-btn-wrap .news-close-btn, .news-close-btn-wrap .menu-close-btn, .news-close-btn-wrap .news-close-btn {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer; }
    .menu-close-btn-wrap .menu-close-btn:before, .menu-close-btn-wrap .menu-close-btn:after, .menu-close-btn-wrap .news-close-btn:before, .menu-close-btn-wrap .news-close-btn:after, .news-close-btn-wrap .menu-close-btn:before, .news-close-btn-wrap .menu-close-btn:after, .news-close-btn-wrap .news-close-btn:before, .news-close-btn-wrap .news-close-btn:after {
      content: '';
      position: absolute;
      width: 60%;
      height: 1px;
      background-color: #fff;
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      left: 50%;
      top: 50%; }
    .menu-close-btn-wrap .menu-close-btn:before, .menu-close-btn-wrap .news-close-btn:before, .news-close-btn-wrap .menu-close-btn:before, .news-close-btn-wrap .news-close-btn:before {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }
    .menu-close-btn-wrap .menu-close-btn:after, .menu-close-btn-wrap .news-close-btn:after, .news-close-btn-wrap .menu-close-btn:after, .news-close-btn-wrap .news-close-btn:after {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg); }

@media all and (min-width: 768px) {
  .menu-close-btn-wrap .menu-close-btn:hover:before, .menu-close-btn-wrap .news-close-btn:hover:before, .news-close-btn-wrap .menu-close-btn:hover:before, .news-close-btn-wrap .news-close-btn:hover:before {
    -webkit-transform: translate(-50%, -50%) rotate(25deg);
    -ms-transform: translate(-50%, -50%) rotate(25deg);
    transform: translate(-50%, -50%) rotate(25deg); }
  .menu-close-btn-wrap .menu-close-btn:hover:after, .menu-close-btn-wrap .news-close-btn:hover:after, .news-close-btn-wrap .menu-close-btn:hover:after, .news-close-btn-wrap .news-close-btn:hover:after {
    -webkit-transform: translate(-50%, -50%) rotate(-25deg);
    -ms-transform: translate(-50%, -50%) rotate(-25deg);
    transform: translate(-50%, -50%) rotate(-25deg); } }

.main-menu-open .main-nav-wrap {
  display: block;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease; }

.main-nav-wrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000000000;
  opacity: 0;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: opacity .5s ease ,-webkit-transform 1s .3s;
  transition: opacity .5s ease ,-webkit-transform 1s .3s;
  -o-transition: transform 1s .3s ,opacity .5s ease;
  transition: transform 1s .3s ,opacity .5s ease;
  transition: transform 1s .3s ,opacity .5s ease ,-webkit-transform 1s .3s;
  background-image: url("../images/bg_menu-blur.jpg");
  background-size: cover;
  background-position: center center;
  overflow: hidden; }
  .main-nav-wrap nav {
    height: 100%; }
  .main-nav-wrap ul {
    margin: 0;
    padding: 0; }
  .main-nav-wrap li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .main-nav-wrap ul.main-menu-list {
    padding: 90px 0 80px;
    width: 100vw;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth; }
  .main-nav-wrap li.main-menu-item {
    cursor: pointer;
    -webkit-transition: .5s ease, opacity .5s ease, -webkit-transform 1.5s ease-out;
    transition: .5s ease, opacity .5s ease, -webkit-transform 1.5s ease-out;
    -o-transition: .5s ease, opacity .5s ease, transform 1.5s ease-out;
    transition: .5s ease, opacity .5s ease, transform 1.5s ease-out;
    transition: .5s ease, opacity .5s ease, transform 1.5s ease-out, -webkit-transform 1.5s ease-out;
    padding: 35px 0px;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(140px);
    -ms-transform: translateY(140px);
    transform: translateY(140px); }
  .main-nav-wrap li.main-menu-item:nth-child(1) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((1 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((1 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((1 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((1 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((1 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((1 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((1 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((1 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((1 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((1 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((1 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(2) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((2 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((2 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((2 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((2 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((2 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((2 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((2 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((2 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((2 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((2 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((2 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(3) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((3 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((3 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((3 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((3 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((3 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((3 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((3 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((3 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((3 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((3 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((3 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(4) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((4 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((4 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((4 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((4 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((4 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((4 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((4 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((4 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((4 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((4 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((4 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(5) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((5 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((5 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((5 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((5 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((5 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((5 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((5 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((5 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((5 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((5 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((5 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(6) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((6 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((6 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((6 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((6 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((6 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((6 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((6 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((6 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((6 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((6 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((6 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(7) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((7 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((7 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((7 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((7 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((7 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((7 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((7 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((7 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((7 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((7 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((7 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(8) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((8 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((8 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((8 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((8 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((8 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((8 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((8 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((8 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((8 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((8 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((8 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(9) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((9 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((9 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((9 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((9 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((9 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((9 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((9 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((9 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((9 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((9 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((9 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap li.main-menu-item:nth-child(10) {
    -webkit-transition: 0.5s ease, opacity 0.3s calc((10 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((10 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((10 - 1) * 0.05s + 0.15s) ease, -webkit-transform 1.4s calc((10 - 1) * 0.05s + 0.15s) ease-out;
    -o-transition: 0.5s ease, opacity 0.3s calc((10 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((10 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((10 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((10 - 1) * 0.05s + 0.15s) ease-out;
    transition: 0.5s ease, opacity 0.3s calc((10 - 1) * 0.05s + 0.15s) ease, transform 1.4s calc((10 - 1) * 0.05s + 0.15s) ease-out, -webkit-transform 1.4s calc((10 - 1) * 0.05s + 0.15s) ease-out; }
  .main-nav-wrap ul.main-menu-list li.main-menu-item .menu-content {
    padding-left: 15vw;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0.7;
    font-size: 0px; }
  .main-nav-wrap ul.main-menu-list li.main-menu-item a.main-menu-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
  .main-nav-wrap ul.main-menu-list li.main-menu-item span.title {
    vertical-align: top;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    color: white;
    position: relative;
    width: 365px;
    font-size: 0px; }
    .main-nav-wrap ul.main-menu-list li.main-menu-item span.title span {
      display: inline-block;
      vertical-align: top; }
    .main-nav-wrap ul.main-menu-list li.main-menu-item span.title span.en {
      font-size: 34px;
      font-weight: bold; }
    .main-nav-wrap ul.main-menu-list li.main-menu-item span.title span.cn {
      font-size: 13px;
      margin-left: 10px; }
  .main-nav-wrap ul.main-menu-list li.main-menu-item .wave-svg {
    width: 110%;
    height: 100%;
    position: absolute;
    bottom: 0;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    -webkit-transform: translate(-2px, 65%) scaleX(1.2);
    -ms-transform: translate(-2px, 65%) scaleX(1.2);
    transform: translate(-2px, 65%) scaleX(1.2);
    pointer-events: none; }
    .main-nav-wrap ul.main-menu-list li.main-menu-item .wave-svg path {
      -webkit-transition: .5s ease;
      -o-transition: .5s ease;
      transition: .5s ease;
      width: 80%;
      fill: none;
      stroke: rgba(255, 255, 255, 0.4);
      stroke-width: 1px; }
  .main-nav-wrap .sub-menu-wrap {
    position: relative;
    z-index: 1; }
  .main-nav-wrap ul.sub-menu-list {
    margin-bottom: 15px; }
  .main-nav-wrap li.sub-menu-item {
    z-index: 1;
    -webkit-transition: .3s 0s ease;
    -o-transition: .3s 0s ease;
    transition: .3s 0s ease; }
    .main-nav-wrap li.sub-menu-item a {
      display: block;
      color: white;
      padding: 10px 0px;
      font-size: 16px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }

.lang-toggle-wrap {
  position: absolute;
  right: 110px;
  top: 80px;
  opacity: 0;
  -webkit-transition: top .5s ease;
  -o-transition: top .5s ease;
  transition: top .5s ease;
  top: -30px;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  z-index: 1; }
  .lang-toggle-wrap ul.lang-list {
    margin: 0;
    padding: 0; }
  .lang-toggle-wrap li.lang-item {
    display: inline-block;
    position: relative;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease; }
    .lang-toggle-wrap li.lang-item:after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 1px;
      height: 60%;
      background-color: #fff; }
    .lang-toggle-wrap li.lang-item a {
      display: block;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.68;
      letter-spacing: 2.2px;
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: .5s ease;
      -o-transition: .5s ease;
      transition: .5s ease;
      padding: 0px 10px; }
    .lang-toggle-wrap li.lang-item:last-child:after {
      display: none; }
    .lang-toggle-wrap li.lang-item.active a {
      color: white; }

@media all and (min-width: 991px) {
  .main-nav-wrap .sub-menu-wrap {
    display: inline-block;
    vertical-align: top; }
  .main-nav-wrap ul.main-menu-list li.main-menu-item span.title {
    display: inline-block; }
  .main-nav-wrap ul.sub-menu-list {
    text-align: left;
    height: 65px;
    width: 100%; }
    .main-nav-wrap ul.sub-menu-list li.sub-menu-item {
      display: inline-block;
      width: 160px; } }

@media all and (min-width: 1200px) {
  .main-nav-wrap ul.main-menu-list li.main-menu-item:hover {
    padding: 60px 0px; }
    .main-nav-wrap ul.main-menu-list li.main-menu-item:hover .wave-svg {
      bottom: -5%; }
  .main-nav-wrap ul.main-menu-list:hover li.main-menu-item .menu-content {
    opacity: 0.3; }
  .main-nav-wrap ul.main-menu-list:hover li.main-menu-item:hover .menu-content {
    opacity: 1; }
  .main-nav-wrap ul.sub-menu-list:hover li.sub-menu-item {
    opacity: 0.6; }
    .main-nav-wrap ul.sub-menu-list:hover li.sub-menu-item:hover {
      opacity: 1; }
  .main-nav-wrap li.sub-menu-item a {
    padding: 15px 0px; }
  .lang-toggle-wrap li.lang-item:hover {
    opacity: 0.5; } }

@media all and (max-width: 1300px) {
  .main-nav-wrap ul.main-menu-list li.main-menu-item .menu-content {
    padding-left: 10vw; } }

@media all and (max-width: 1199px) {
  .main-nav-wrap ul.main-menu-list {
    padding: 120px 0 80px; }
    .main-nav-wrap ul.main-menu-list li.main-menu-item span.title {
      display: block;
      width: 100%; }
      .main-nav-wrap ul.main-menu-list li.main-menu-item span.title span.en {
        font-size: 28px; }
      .main-nav-wrap ul.main-menu-list li.main-menu-item span.title span.cn {
        font-size: 13px;
        margin-left: 10px; }
    .main-nav-wrap ul.main-menu-list li.main-menu-item .menu-content {
      padding-right: 10vw; }
    .main-nav-wrap ul.main-menu-list .sub-menu-wrap {
      display: block;
      width: 100%;
      margin-top: 30px; } }

@media all and (max-width: 576px) {
  .main-nav-wrap ul.main-menu-list {
    padding: 90px 0 80px; }
  .lang-toggle-wrap {
    right: 85px;
    top: 45px; } }

.header-el {
  -webkit-transition: opacity .7s ease-in-out, width .3s ease, -webkit-transform .8s .8s ease-in-out;
  transition: opacity .7s ease-in-out, width .3s ease, -webkit-transform .8s .8s ease-in-out;
  -o-transition: opacity .7s ease-in-out, transform .8s .8s ease-in-out, width .3s ease;
  transition: opacity .7s ease-in-out, transform .8s .8s ease-in-out, width .3s ease;
  transition: opacity .7s ease-in-out, transform .8s .8s ease-in-out, width .3s ease, -webkit-transform .8s .8s ease-in-out;
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  transform: translate(0, 0px); }

.menu-toggle-btn-wrap {
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  transform: translate(0, 0px);
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; }

.loaded .header-el {
  opacity: 1; }

@media all and (max-width: 576px) {
  .header-el.topic-menu-wrap {
    -webkit-transform: translate(53%, 0px);
    -ms-transform: translate(53%, 0px);
    transform: translate(53%, 0px); }
  .loaded .header-el.topic-menu-wrap {
    -webkit-transform: translate(53%, 0px);
    -ms-transform: translate(53%, 0px);
    transform: translate(53%, 0px); } }

.hidden-window-el {
  position: absolute;
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0); }

.menu-toggle-btn-wrap {
  position: fixed;
  z-index: 99999;
  right: 0;
  top: 0;
  padding: 50px 45px 0px 0px; }

.menu-toggle-btn .el-wrap {
  width: 100px;
  height: 100px;
  -webkit-filter: url("#gooey");
  filter: url("#gooey");
  position: absolute;
  border-radius: 50%;
  margin: 20px 15px 0px 0px;
  right: 0;
  top: 0; }

.menu-toggle-btn .menu-icon-cursor {
  position: absolute;
  width: 30%;
  height: 30%;
  background-color: #dea56a;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.8s cubic-bezier(1, 1.06, 0.28, 1.04);
  transition: opacity 0.3s ease, -webkit-transform 0.8s cubic-bezier(1, 1.06, 0.28, 1.04);
  -o-transition: opacity 0.3s ease, transform 0.8s cubic-bezier(1, 1.06, 0.28, 1.04);
  transition: opacity 0.3s ease, transform 0.8s cubic-bezier(1, 1.06, 0.28, 1.04);
  transition: opacity 0.3s ease, transform 0.8s cubic-bezier(1, 1.06, 0.28, 1.04), -webkit-transform 0.8s cubic-bezier(1, 1.06, 0.28, 1.04);
  z-index: 0; }

.menu-toggle-btn .el {
  position: relative;
  width: 40%;
  height: 40%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #dea56a;
  border-radius: 100%;
  opacity: 1;
  position: relative;
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  z-index: 1; }
  .menu-toggle-btn .el a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .menu-toggle-btn .el:hover .el-bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .menu-toggle-btn .el:hover + .menu-icon-cursor {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.menu-toggle-btn .el-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #dea56a;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.menu-toggle-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 50%;
  height: 3px;
  border-radius: 20px;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  z-index: 10;
  background-color: #484848; }
  .menu-toggle-btn span:nth-child(2) {
    top: 35%; }
  .menu-toggle-btn span:nth-child(3) {
    top: 65%; }

.menu-toggle-btn.no-goo-filter .el-wrap {
  -webkit-filter: none;
  filter: none; }

.menu-toggle-btn.no-goo-filter .menu-icon-cursor {
  display: none; }

@media all and (max-width: 768px) {
  .menu-toggle-btn .menu-icon-cursor {
    display: none; } }

@media all and (max-width: 576px) {
  .menu-toggle-btn .el-wrap {
    -webkit-filter: none;
    filter: none;
    margin: 0;
    right: -20px;
    top: -5px; }
  .menu-toggle-btn .el {
    width: 45%;
    height: 45%;
    background-color: transparent; }
  .menu-toggle-btn .el-bg {
    background-color: transparent; }
  .menu-toggle-btn span {
    background-color: #dea56a; } }

body.main-menu-open {
  overflow-y: hidden !important;
  overflow: hidden !important; }

body.news-wrap-open {
  overflow-y: hidden !important;
  overflow: hidden !important; }

.main-menu-open .main-nav-wrap {
  display: block; }

.main-menu-open .main-nav-wrap-backdrop {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease; }

.main-menu-open .menu-close-btn-wrap {
  top: 60px;
  opacity: 1; }

.main-menu-open .menu-toggle-btn-wrap {
  opacity: 0; }

.main-menu-open .lang-toggle-wrap {
  opacity: 1;
  top: 80px; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item {
  opacity: 0.7;
  -webkit-transform: translateY(0px) translateZ(0px);
  transform: translateY(0px) translateZ(0px); }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(1) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((1 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((1 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((1 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((1 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((1 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((1 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((1 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((1 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((1 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((1 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((1 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(2) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((2 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((2 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((2 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((2 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((2 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((2 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((2 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((2 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((2 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((2 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((2 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(3) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((3 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((3 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((3 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((3 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((3 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((3 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((3 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((3 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((3 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((3 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((3 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(4) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((4 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((4 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((4 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((4 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((4 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((4 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((4 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((4 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((4 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((4 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((4 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(5) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((5 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((5 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((5 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((5 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((5 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((5 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((5 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((5 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((5 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((5 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((5 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(6) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((6 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((6 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((6 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((6 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((6 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((6 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((6 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((6 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((6 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((6 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((6 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(7) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((7 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((7 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((7 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((7 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((7 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((7 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((7 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((7 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((7 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((7 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((7 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(8) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((8 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((8 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((8 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((8 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((8 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((8 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((8 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((8 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((8 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((8 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((8 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(9) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((9 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((9 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((9 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((9 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((9 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((9 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((9 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((9 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((9 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((9 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((9 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .main-nav-wrap ul.main-menu-list li.main-menu-item:nth-child(10) {
  -webkit-transition: 0.4s ease, opacity 0.2s calc((10 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((10 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((10 - 1) * 0.05s + 0.05s) ease, -webkit-transform 0.5s calc((10 - 1) * 0.05s + 0.05s) ease-out;
  -o-transition: 0.4s ease, opacity 0.2s calc((10 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((10 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((10 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((10 - 1) * 0.05s + 0.05s) ease-out;
  transition: 0.4s ease, opacity 0.2s calc((10 - 1) * 0.05s + 0.05s) ease, transform 0.5s calc((10 - 1) * 0.05s + 0.05s) ease-out, -webkit-transform 0.5s calc((10 - 1) * 0.05s + 0.05s) ease-out; }

.main-menu-open .recent-page-iframe {
  display: block;
  -webkit-animation: fadeIn .5s ease both;
  animation: fadeIn .5s ease both;
  opacity: 1; }

.homepage.main-menu-open .fixed-content.section-block {
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  z-index: -1; }

@media all and (max-width: 576px) {
  .menu-close-btn-wrap {
    right: 40px; }
  .main-menu-open .menu-close-btn-wrap {
    top: 25px;
    right: 40px; }
  .main-menu-open .lang-toggle-wrap {
    top: 45px; } }

.online-chat-toggle-btn a, .news-toggle-btn a {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  padding-right: 14px;
  margin-left: -5px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }
  .online-chat-toggle-btn a:hover, .online-chat-toggle-btn a:active, .online-chat-toggle-btn a:visited, .news-toggle-btn a:hover, .news-toggle-btn a:active, .news-toggle-btn a:visited {
    color: #fff; }
  .online-chat-toggle-btn a:after, .online-chat-toggle-btn a:before, .news-toggle-btn a:after, .news-toggle-btn a:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    width: 5px;
    height: 100%;
    opacity: 1;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    background-color: #dea56a; }
  .online-chat-toggle-btn a:after, .news-toggle-btn a:after {
    top: -8px;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }

@media all and (min-width: 1200px) {
  .online-chat-toggle-btn a:hover, .news-toggle-btn a:hover {
    opacity: 0.8; }
    .online-chat-toggle-btn a:hover:after, .news-toggle-btn a:hover:after {
      top: 50%;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
    .online-chat-toggle-btn a:hover:before, .news-toggle-btn a:hover:before {
      opacity: 0; } }

.online-chat-toggle-btn-wrap {
  position: fixed;
  z-index: 99999;
  right: 0;
  bottom: 0;
  padding: 0px 45px 45px 0px; }

.online-chat-toggle-btn a span {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 2.5px; }

@-moz-document url-prefix() {
  .online-chat-toggle-btn a span {
    font-weight: normal; } }
  .online-chat-toggle-btn a span:last-child {
    padding-bottom: 0px; }

@media all and (max-width: 576px) {
  .online-chat-toggle-btn-wrap {
    padding: 0px 0px 20px 15px; }
  .online-chat-toggle-btn a span {
    font-size: 12px;
    padding-bottom: 1px; } }

.news-toggle-btn-wrap {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: 0;
  padding: 0px 0px 45px 45px; }

.news-toggle-btn a {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px; }

@-moz-document url-prefix() {
  .news-toggle-btn a {
    font-weight: normal; } }
  .news-toggle-btn a:after {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    bottom: -8px;
    top: initial; }

@media all and (min-width: 768px) {
  .news-toggle-btn a:hover {
    color: rgba(255, 255, 255, 0.8); }
    .news-toggle-btn a:hover:after {
      top: initial;
      bottom: 50%;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); } }

@media all and (max-width: 576px) {
  .news-toggle-btn-wrap {
    bottom: 0px;
    padding: 0px 0px 20px 25px; }
  .news-toggle-btn a {
    font-size: 12px; } }

.news-wrap-open .news-wrap {
  display: block;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease; }

.news-wrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-image: url("../images/bg_menu-blur.jpg");
  background-size: cover;
  background-position: center center;
  z-index: 10000000000;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: opacity .5s ease ,-webkit-transform 1s .3s;
  transition: opacity .5s ease ,-webkit-transform 1s .3s;
  -o-transition: transform 1s .3s ,opacity .5s ease;
  transition: transform 1s .3s ,opacity .5s ease;
  transition: transform 1s .3s ,opacity .5s ease ,-webkit-transform 1s .3s; }
  .news-wrap .news-wrapper {
    height: 100%; }
  .news-wrap h3.main-title {
    position: relative;
    max-width: 350px;
    margin-bottom: 50px; }
    .news-wrap h3.main-title span.en {
      font-family: 'Lato', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;
      text-transform: uppercase;
      font-size: 60px;
      font-weight: bold;
      letter-spacing: 2.4px;
      line-height: normal; }
    .news-wrap h3.main-title span.cn {
      font-size: 18px;
      font-weight: normal;
      line-height: normal;
      letter-spacing: 1.5px;
      position: absolute;
      bottom: 10px;
      right: 0; }
  .news-wrap .news-item {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding: 30px 30px 30px 0px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease; }
  .news-wrap p.news-date {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: normal;
    text-align: left; }
  .news-wrap p.news-title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.83;
    letter-spacing: 2px;
    text-align: left;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease; }
  .news-wrap .news-content {
    margin-top: 30px; }
    .news-wrap .news-content p {
      font-size: 16px;
      font-weight: 300;
      line-height: 2.06;
      letter-spacing: 1.8px; }
  .news-wrap .news-content-wrap {
    display: none; }
  .news-wrap .news-content-wrap.for-pc {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: opacity .5s ease, -webkit-transform .8s ease-out;
    transition: opacity .5s ease, -webkit-transform .8s ease-out;
    -o-transition: opacity .5s ease, transform .8s ease-out;
    transition: opacity .5s ease, transform .8s ease-out;
    transition: opacity .5s ease, transform .8s ease-out, -webkit-transform .8s ease-out; }
    .news-wrap .news-content-wrap.for-pc.active {
      opacity: 1;
      -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
      transform: translateX(0px); }
    .news-wrap .news-content-wrap.for-pc p.news-date {
      font-size: 24px;
      font-weight: normal; }
    .news-wrap .news-content-wrap.for-pc p.news-title {
      font-size: 24px;
      font-weight: bold;
      line-height: 1.88;
      letter-spacing: 2.7px;
      margin-top: 20px; }
  .news-wrap .news-content-wrap.for-pc p.news-title {
    white-space: normal;
    overflow: visible; }

.news-container {
  padding: 17.5vh 0 8vh;
  width: 100vw;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth; }
  .news-container .main-title {
    -webkit-transition: .5s ease-out, opacity .3s ease;
    -o-transition: .5s ease-out, opacity .3s ease;
    transition: .5s ease-out, opacity .3s ease;
    opacity: 0;
    -webkit-transform: translate(0, 45px);
    -ms-transform: translate(0, 45px);
    transform: translate(0, 45px); }
  .news-container .news-swiper-wrap {
    -webkit-transition: .5s .1s ease-out, opacity .5s .1s ease;
    -o-transition: .5s .1s ease-out, opacity .5s .1s ease;
    transition: .5s .1s ease-out, opacity .5s .1s ease;
    opacity: 0;
    -webkit-transform: translate(0, 13%);
    -ms-transform: translate(0, 13%);
    transform: translate(0, 13%); }

.news-close-btn-wrap {
  -webkit-transition: .5s ease-out, opacity .5s ease;
  -o-transition: .5s ease-out, opacity .5s ease;
  transition: .5s ease-out, opacity .5s ease; }

.news-wrap-open .news-close-btn-wrap {
  top: 60px;
  opacity: 1;
  -webkit-transition: .5s .5s ease-out, opacity .3s .5s ease;
  -o-transition: .5s .5s ease-out, opacity .3s .5s ease;
  transition: .5s .5s ease-out, opacity .3s .5s ease; }

.news-wrap-open .news-container .main-title {
  -webkit-transition: .5s .3s ease-out, opacity .5s .3s ease;
  -o-transition: .5s .3s ease-out, opacity .5s .3s ease;
  transition: .5s .3s ease-out, opacity .5s .3s ease;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.news-wrap-open .news-container .news-swiper-wrap {
  -webkit-transition: .5s .4s ease-out, opacity .5s .4s ease;
  -o-transition: .5s .4s ease-out, opacity .5s .4s ease;
  transition: .5s .4s ease-out, opacity .5s .4s ease;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.news-swiper-wrap {
  padding: 0px 75px; }
  .news-swiper-wrap .swiper-container {
    padding-bottom: 55px; }
  .news-swiper-wrap .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
    opacity: 1; }
  .news-swiper-wrap .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 10px;
    height: 10px; }
  .news-swiper-wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 12px; }
  .news-swiper-wrap .swiper-slide:nth-child(5n) .news-item, .news-swiper-wrap .swiper-slide:last-child .news-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.news-wrap p.news-title {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease; }

.ie .news-item p.news-title, .edge .news-item p.news-title {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media all and (max-width: 1199px) {
  .news-swiper-wrap {
    padding: 0px; }
  .news-wrap p.news-date {
    margin-bottom: 10px; }
  .news-item.active p.news-title {
    overflow: visible;
    white-space: normal; } }

@media all and (max-width: 768px) {
  .news-container {
    padding: 80px 0 80px; }
  .news-wrap h3.main-title span.en {
    font-size: 40px;
    font-weight: normal; }
  .news-wrap h3.main-title span.cn {
    font-size: 16px;
    letter-spacing: 1.3px; }
  .news-wrap p.news-date {
    font-size: 14px;
    letter-spacing: 1.2px; }
  .news-wrap p.news-title {
    line-height: 1.67; }
  .news-wrap .news-item {
    padding: 40px 10px; }
  .news-swiper-wrap .swiper-container {
    padding-bottom: 70px; } }

@media all and (max-width: 576px) {
  .news-close-btn-wrap {
    right: 40px; }
  .news-wrap-open .news-close-btn-wrap {
    top: 25px;
    right: 40px; } }

@media all and (min-width: 1200px) {
  .news-wrap .news-item {
    position: relative; }
    .news-wrap .news-item:hover {
      opacity: 0.6; }
    .news-wrap .news-item:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 25px;
      opacity: 0;
      width: 15px;
      height: 15px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg);
      -webkit-transition: opacity .3s ease, right .3s ease-out;
      -o-transition: opacity .3s ease, right .3s ease-out;
      transition: opacity .3s ease, right .3s ease-out; }
    .news-wrap .news-item.active:after {
      right: 15px;
      opacity: 0.5; }
    .news-wrap .news-item .news-content-wrap {
      display: none !important; } }

@media all and (min-width: 1200px) and (max-width: 1599px) {
  .news-container .container {
    width: 1170px; }
  .news-wrap h3.main-title span.en {
    font-size: 48px;
    letter-spacing: 2px; } }

@media all and (min-width: 1600px) {
  .news-container .container {
    width: 1480px; }
  .news-wrap .news-item p.news-date {
    font-size: 24px; }
  .news-wrap .news-item p.news-title {
    padding-right: 30px;
    text-align: left; } }

.topic-menu-wrap {
  position: fixed;
  z-index: 99999;
  right: 130px;
  top: 50px;
  background-color: #fff;
  border-radius: 20px;
  font-size: 0px;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; }
  .topic-menu-wrap ul {
    margin: 0;
    padding: 0; }
  .topic-menu-wrap li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .topic-menu-wrap h4.title {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 90px 10px 70px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #000;
    line-height: normal;
    font-weight: normal; }
    .topic-menu-wrap h4.title:before {
      display: none; }
  .topic-menu-wrap .menu-list {
    font-size: 0px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap; }
  .topic-menu-wrap .menu-item {
    display: inline-block;
    vertical-align: middle; }
    .topic-menu-wrap .menu-item a {
      font-size: 14px;
      display: block;
      padding: 10px 30px 10px 0px;
      letter-spacing: 2.5px;
      color: #4a4a4a;
      -webkit-transition: .5s ease;
      -o-transition: .5s ease;
      transition: .5s ease;
      cursor: pointer; }
      .topic-menu-wrap .menu-item a span {
        font-size: inherit;
        letter-spacing: inherit;
        color: inherit; }
    .topic-menu-wrap .menu-item.active a {
      cursor: default;
      opacity: 0.5; }
  .topic-menu-wrap .back-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dea56a;
    cursor: pointer;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    -ms-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
    display: inline-block;
    vertical-align: middle; }
    .topic-menu-wrap .back-btn .back-icon {
      width: 1px;
      height: 15px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-color: #dea56a;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
      .topic-menu-wrap .back-btn .back-icon:before, .topic-menu-wrap .back-btn .back-icon:after {
        content: '';
        position: absolute;
        height: 8px;
        width: 1px;
        background-color: #dea56a;
        top: 0;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in; }
      .topic-menu-wrap .back-btn .back-icon:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .topic-menu-wrap .back-btn .back-icon:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

@media all and (min-width: 1200px) {
  .topic-menu-wrap .menu-item:hover a {
    opacity: 0.7; }
  .topic-menu-wrap .menu-item.active:hover a {
    opacity: 0.5; }
  .topic-menu-wrap .back-btn:hover {
    background-color: #dea56a; }
    .topic-menu-wrap .back-btn:hover .back-icon {
      background-color: #fff; }
      .topic-menu-wrap .back-btn:hover .back-icon:before, .topic-menu-wrap .back-btn:hover .back-icon:after {
        background-color: #fff; }
      .topic-menu-wrap .back-btn:hover .back-icon:before {
        -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        transform: rotate(35deg); }
      .topic-menu-wrap .back-btn:hover .back-icon:after {
        -webkit-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        transform: rotate(-35deg); } }

@media all and (max-width: 991px) {
  .topic-menu-wrap {
    right: 105px;
    white-space: nowrap; }
    .topic-menu-wrap .back-btn {
      position: relative;
      -webkit-transform: translate(0, 0) rotate(-90deg);
      -ms-transform: translate(0, 0) rotate(-90deg);
      transform: translate(0, 0) rotate(-90deg); }
    .topic-menu-wrap h4.title {
      display: none; }
    .topic-menu-wrap .menu-item a {
      padding: 10px 15px; }
    .topic-menu-wrap .menu-list {
      padding: 0px 15px; } }

@media all and (max-width: 768px) {
  .topic-menu-wrap {
    right: 95px; }
    .topic-menu-wrap .menu-item a {
      padding: 10px 7px; }
    .topic-menu-wrap .menu-list {
      padding: 0px 15px; } }

@media all and (max-width: 576px) {
  .topic-menu-wrap {
    top: 25px;
    right: 50%;
    -webkit-transform: translate(53%, 0);
    -ms-transform: translate(53%, 0);
    transform: translate(53%, 0); }
    .topic-menu-wrap .menu-item a {
      padding: 10px 5px;
      letter-spacing: 1.5px; }
      .topic-menu-wrap .menu-item a span.hidden-in-mobile {
        display: none; }
    .topic-menu-wrap .menu-list {
      padding: 0px 10px; } }

.enterpriseapp:not(.main-menu-open) .logo-wrap .logo-group {
  fill: #163797; }

.enterpriseapp:not(.main-menu-open) .menu-toggle-btn .menu-icon-cursor {
  background-color: #163797; }

.enterpriseapp:not(.main-menu-open) .menu-toggle-btn .el {
  background-color: #163797; }

.enterpriseapp:not(.main-menu-open) .menu-toggle-btn .el-bg {
  background-color: #163797; }

.enterpriseapp:not(.main-menu-open) .menu-toggle-btn span {
  background-color: #f2f2f2; }

.enterpriseapp:not(.main-menu-open) .online-chat-toggle-btn a, .enterpriseapp:not(.main-menu-open) .news-toggle-btn a {
  color: #163797; }
  .enterpriseapp:not(.main-menu-open) .online-chat-toggle-btn a:after, .enterpriseapp:not(.main-menu-open) .online-chat-toggle-btn a:before, .enterpriseapp:not(.main-menu-open) .news-toggle-btn a:after, .enterpriseapp:not(.main-menu-open) .news-toggle-btn a:before {
    background-color: #163797; }

.enterpriseapp:not(.main-menu-open) .loading-progress {
  background-color: #163797; }

.enterpriseapp:not(.main-menu-open) .topic-menu-wrap .title {
  color: #163797; }

.enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn {
  border: 1px solid #163797; }
  .enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn .back-icon {
    background-color: #163797; }
    .enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn .back-icon:before, .enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn .back-icon:after {
      background-color: #163797; }

@media all and (min-width: 1200px) {
  .enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn:hover {
    background-color: #163797; }
    .enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn:hover .back-icon {
      background-color: #fff; }
      .enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn:hover .back-icon:before, .enterpriseapp:not(.main-menu-open) .topic-menu-wrap .back-btn:hover .back-icon:after {
        background-color: #fff; } }

@media all and (max-width: 576px) {
  .enterpriseapp:not(.main-menu-open) .menu-toggle-btn .el {
    background-color: transparent; }
  .enterpriseapp:not(.main-menu-open) .menu-toggle-btn .el-bg {
    background-color: transparent; }
  .enterpriseapp:not(.main-menu-open) .menu-toggle-btn span {
    background-color: #163797; } }

.eventweb-page .topic-menu-wrap .title {
  color: #dea56a; }
body,html{margin:0;padding:0;word-break:normal;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:auto;text-align:left;overflow-x:hidden;letter-spacing:.5px;font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-weight:500;color:#fff;background-color:#353535}@media all and (max-width: 991px){body{overflow-x:hidden !important}}a:focus,a:hover{text-decoration:none}body{position:relative;height:100%}body.lock-scroll{overflow:hidden}.u-test{border:0.5px solid rgba(255,165,0,0.8)}.u-test *{border:0.5px solid rgba(255,165,0,0.8)}.u-dn{display:none}h1,h2,h3,h4,h5,h6,p,a,span,li{letter-spacing:.5px;font-weight:500}.no__wrap{white-space:nowrap !important;display:inline-block}a{color:#fff}a:hover{color:#fff}h1{font-size:56px}h2{font-size:48px}h3{font-size:24px}h4{font-size:18px}h5{font-size:12px}p,span,a,li{font-size:16px}p{line-height:1.7}section:not(.section-edit-wrap) ul{list-style:none;padding-left:0}.section-edit-wrap a{color:#dea56a}.section-edit-wrap a:hover{color:#dea56a}@media (max-width: 768px){h1{font-size:40px}h2{font-size:36px}h3{font-size:24px}h4{font-size:16px}h5{font-size:12px}p,span,a,li{font-size:14px}}.main-btn-wrap{display:inline-block}.main-btn-wrap .main-btn{display:inline-block;position:relative;background-color:transparent;border:0;outline:0;padding:0px}.main-btn-wrap .main-btn:focus{background-color:rgba(222,165,106,0.1)}.main-btn-wrap .main-btn a{position:relative;display:block;width:100%;height:100%;padding:12px 0;text-align:center}.main-btn-wrap .main-btn a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:rgba(222,165,106,0.1);-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1)}.main-btn-wrap .main-btn a span{position:relative;font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:14px;letter-spacing:2.1px;color:#dea56a;left:0px;padding:0 38px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);z-index:1}.main-btn-wrap .main-btn .btn-border{position:absolute;background-color:#dea56a}.main-btn-wrap .main-btn .btn-border:nth-child(odd){width:1px;height:100%;bottom:0;-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1)}.main-btn-wrap .main-btn .btn-border:nth-child(even){height:1px;width:100%;-webkit-transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1)}.main-btn-wrap .main-btn .btn-border:nth-child(1){right:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(0);transform:translateY(0);max-height:100%}.main-btn-wrap .main-btn .btn-border:nth-child(2){left:0;top:0;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}.main-btn-wrap .main-btn .btn-border:nth-child(3){left:0;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}.main-btn-wrap .main-btn .btn-border:nth-child(4){bottom:0;right:0;left:initial;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform-origin:left;transform-origin:left;max-width:100%}@media (min-width: 1200px){.main-btn-wrap .main-btn:hover:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.main-btn-wrap .main-btn:hover:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.main-btn-wrap .main-btn:hover a:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}.main-btn-wrap .main-btn:hover a span{left:5px}.main-btn-wrap .main-btn:hover .btn-border:nth-child(1){-webkit-transform:translateY(50%);transform:translateY(50%);max-height:20px;-webkit-transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1)}.main-btn-wrap .main-btn:hover .btn-border:nth-child(2){-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scaleX(0);transform:scaleX(0)}.main-btn-wrap .main-btn:hover .btn-border:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleY(0);transform:scaleY(0)}.main-btn-wrap .main-btn:hover .btn-border:nth-child(4){-webkit-transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:.4s;transition-delay:.4s;max-width:25px;-webkit-transform-origin:right;transform-origin:right;right:-12.5px}}.sub-btn-wrap{width:250px;border:1px solid #dea56a;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;display:inline-block}.sub-btn-wrap .sub-btn{width:100%;position:relative;overflow:hidden;display:inline-block;background-color:transparent;border:0;outline:0;padding:0px;vertical-align:middle}.sub-btn-wrap .sub-btn:focus{background-color:rgba(222,165,106,0.1)}.sub-btn-wrap .sub-btn a{padding:18px 0;width:100%;height:100%;display:block;position:relative;text-align:center}.sub-btn-wrap .sub-btn a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:#dea56a;-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1)}.sub-btn-wrap .sub-btn a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:rgba(222,165,106,0.1);-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:.4s;transition-delay:.4s}.sub-btn-wrap .sub-btn a span{position:relative;font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:14px;letter-spacing:2.1px;color:#dea56a;left:0px;padding:0 38px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);z-index:1;-webkit-transition-delay:.2s;transition-delay:.2s;font-size:16px;font-weight:bold;letter-spacing:2.4px}@media (min-width: 1200px){.sub-btn-wrap .sub-btn:hover a:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition-delay:.4s;transition-delay:.4s}.sub-btn-wrap .sub-btn:hover a:before{-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}.sub-btn-wrap .sub-btn:hover a span{color:#1a1a1a;left:5px}}.ie .main-btn-wrap .main-btn{display:inline-block;position:relative;background-color:transparent;border:0;outline:0;padding:0px}.ie .main-btn-wrap .main-btn:focus{background-color:rgba(222,165,106,0.1)}.ie .main-btn-wrap .main-btn a{position:relative;display:block;width:100%;height:100%;padding:12px 0;text-align:center}.ie .main-btn-wrap .main-btn a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:rgba(222,165,106,0.1);-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1)}.ie .main-btn-wrap .main-btn a span{position:relative;font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:14px;letter-spacing:2.1px;color:#dea56a;left:0px;padding:0 38px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);z-index:1}.ie .main-btn-wrap .main-btn .btn-border{position:absolute;background-color:#dea56a}.ie .main-btn-wrap .main-btn .btn-border:nth-child(odd){width:1.5px;height:100%;bottom:0;-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1)}.ie .main-btn-wrap .main-btn .btn-border:nth-child(even){height:1.5px;width:100%;-webkit-transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1)}.ie .main-btn-wrap .main-btn .btn-border:nth-child(1){right:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(0);transform:translateY(0);max-height:100%}.ie .main-btn-wrap .main-btn .btn-border:nth-child(2){left:0;top:0;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}.ie .main-btn-wrap .main-btn .btn-border:nth-child(3){left:0;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}.ie .main-btn-wrap .main-btn .btn-border:nth-child(4){bottom:0;right:0;left:initial;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform-origin:left;transform-origin:left;max-width:100%}@media (min-width: 1200px){.ie .main-btn-wrap .main-btn:hover:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ie .main-btn-wrap .main-btn:hover:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ie .main-btn-wrap .main-btn:hover a:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}.ie .main-btn-wrap .main-btn:hover a span{left:5px}.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(1){-webkit-transform:translateY(50%);transform:translateY(50%);max-height:20px;-webkit-transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1)}.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(2){-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scaleX(0);transform:scaleX(0)}.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleY(0);transform:scaleY(0)}.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(4){-webkit-transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:.4s;transition-delay:.4s;max-width:25px;-webkit-transform-origin:right;transform-origin:right;right:-12.5px}}.po-r{position:relative}@media (min-width: 1600px){.index-css .container{width:1480px;padding-left:0px;padding-right:0px}.nsdi-works-page.index-css .container.outer-wrap{width:1170px}}@media (max-height: 800px){.hidden-smheight{display:none !important}.visible-smheight{display:block !important}}.myAnimation{opacity:0}.myAnimation.animated{opacity:1}@media all and (max-width: 991px){[data-aos][data-aos][data-aos-delay]{-webkit-transition-delay:0s !important;transition-delay:0s !important}}.zooomin .z-c{text-align:center}.zooomin .z-c:before{background-color:rgba(0,0,0,0.8)}@media all and (min-width: 576px){.modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}.modal{text-align:center}.modal-dialog{display:inline-block;text-align:left;vertical-align:middle;width:90%;max-width:600px;margin:0 auto}}.modal-sty-1{color:#d4d4d4}.modal-sty-1 p{font-size:16px;font-weight:normal;line-height:1.4;letter-spacing:0.07em}.modal-sty-1 .modal-content{background-color:#2f2f2f;border-radius:0}.modal-sty-1 .modal-header{border:0}.modal-sty-1 .modal-body{padding:35px}.modal-sty-1 .title{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:0.031em;margin-bottom:35px}@media all and (min-width: 768px){.modal-sty-1 .modal-dialog{max-width:680px}}@media all and (max-width: 575px){.modal-sty-1 .modal-dialog{margin-top:100px}}.browser-modal .sub-btn-wrap{width:100%}.browser-modal .link-list{margin-top:15px}.browser-modal .link-list .item{margin-bottom:15px}@media all and (min-width: 768px){.browser-modal .link-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.browser-modal .link-list .item{width:calc(50% - 10px)}}.main-table-wrap.ps{position:relative}.main-table-wrap.ps.ps--active-x{padding-bottom:15px}.main-table-wrap.ps.ps--active-y{padding-right:15px}body.homepage{background-color:#484848}body:not(.homepage) .news-toggle-btn-wrap{display:none !important}.homepage h1{font-size:14px;line-height:2;letter-spacing:2px;font-weight:700;color:#575859;display:block;text-align:center;width:100%;margin-top:130px}.homepage h1 ~ p{display:inline}.homepage .section-block{min-height:100vh;z-index:1}.homepage .brand-meaning{color:#505050;font-weight:400;letter-spacing:1px;line-height:26px;font-size:14px;margin:160px auto 0 auto;width:427px;max-width:100%;text-align:center;left:0;right:0}.homepage h2.main-title{text-align:left;font-size:34px;font-weight:bold;letter-spacing:3.4px;color:rgba(255,255,255,0.7);position:relative;padding-bottom:45px}.homepage h2.main-title span{display:block;font-size:18px;font-weight:bold;letter-spacing:1.8px;color:#dea56a;padding-bottom:15px}.homepage h2.main-title:after{content:'';position:absolute;width:37px;height:9px;background-color:#dea56a;left:0;bottom:0}.homepage .main-paragraph{margin:40px 0px}.homepage .main-paragraph p{font-size:14px;line-height:2;letter-spacing:1.8px;color:rgba(255,255,255,0.7);margin-bottom:15px}.homepage .main-btn-wrap .main-btn{display:inline-block;position:relative;background-color:transparent;border:0;outline:0;padding:0px}.homepage .main-btn-wrap .main-btn:focus{background-color:rgba(222,165,106,0.1)}.homepage .main-btn-wrap .main-btn a{position:relative;display:block;width:100%;height:100%;padding:7px 0;text-align:center}.homepage .main-btn-wrap .main-btn a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:rgba(222,165,106,0.1);-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1)}.homepage .main-btn-wrap .main-btn a span{position:relative;font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:18px;letter-spacing:2.1px;color:#dea56a;left:0px;padding:0 27px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);z-index:1}.homepage .main-btn-wrap .main-btn .btn-border{position:absolute;background-color:#dea56a}.homepage .main-btn-wrap .main-btn .btn-border:nth-child(odd){width:1px;height:100%;bottom:0;-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1)}.homepage .main-btn-wrap .main-btn .btn-border:nth-child(even){height:1px;width:100%;-webkit-transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1)}.homepage .main-btn-wrap .main-btn .btn-border:nth-child(1){right:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(0);transform:translateY(0);max-height:100%}.homepage .main-btn-wrap .main-btn .btn-border:nth-child(2){left:0;top:0;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}.homepage .main-btn-wrap .main-btn .btn-border:nth-child(3){left:0;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}.homepage .main-btn-wrap .main-btn .btn-border:nth-child(4){bottom:0;right:0;left:initial;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform-origin:left;transform-origin:left;max-width:100%}@media (min-width: 1200px){.homepage .main-btn-wrap .main-btn:hover:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.homepage .main-btn-wrap .main-btn:hover:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.homepage .main-btn-wrap .main-btn:hover a:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}.homepage .main-btn-wrap .main-btn:hover a span{left:5px}.homepage .main-btn-wrap .main-btn:hover .btn-border:nth-child(1){-webkit-transform:translateY(50%);transform:translateY(50%);max-height:20px;-webkit-transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1)}.homepage .main-btn-wrap .main-btn:hover .btn-border:nth-child(2){-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scaleX(0);transform:scaleX(0)}.homepage .main-btn-wrap .main-btn:hover .btn-border:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleY(0);transform:scaleY(0)}.homepage .main-btn-wrap .main-btn:hover .btn-border:nth-child(4){-webkit-transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:.4s;transition-delay:.4s;max-width:25px;-webkit-transform-origin:right;transform-origin:right;right:-12.5px}}.homepage.ie .main-btn-wrap .main-btn{display:inline-block;position:relative;background-color:transparent;border:0;outline:0;padding:0px}.homepage.ie .main-btn-wrap .main-btn:focus{background-color:rgba(222,165,106,0.1)}.homepage.ie .main-btn-wrap .main-btn a{position:relative;display:block;width:100%;height:100%;padding:7px 0;text-align:center}.homepage.ie .main-btn-wrap .main-btn a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:rgba(222,165,106,0.1);-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1)}.homepage.ie .main-btn-wrap .main-btn a span{position:relative;font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:18px;letter-spacing:2.1px;color:#dea56a;left:0px;padding:0 27px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);z-index:1}.homepage.ie .main-btn-wrap .main-btn .btn-border{position:absolute;background-color:#dea56a}.homepage.ie .main-btn-wrap .main-btn .btn-border:nth-child(odd){width:1.5px;height:100%;bottom:0;-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1)}.homepage.ie .main-btn-wrap .main-btn .btn-border:nth-child(even){height:1.5px;width:100%;-webkit-transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1)}.homepage.ie .main-btn-wrap .main-btn .btn-border:nth-child(1){right:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1),transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.4s 0s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(0);transform:translateY(0);max-height:100%}.homepage.ie .main-btn-wrap .main-btn .btn-border:nth-child(2){left:0;top:0;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}.homepage.ie .main-btn-wrap .main-btn .btn-border:nth-child(3){left:0;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}.homepage.ie .main-btn-wrap .main-btn .btn-border:nth-child(4){bottom:0;right:0;left:initial;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform-origin:left;transform-origin:left;max-width:100%}@media (min-width: 1200px){.homepage.ie .main-btn-wrap .main-btn:hover:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.homepage.ie .main-btn-wrap .main-btn:hover:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.homepage.ie .main-btn-wrap .main-btn:hover a:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}.homepage.ie .main-btn-wrap .main-btn:hover a span{left:5px}.homepage.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(1){-webkit-transform:translateY(50%);transform:translateY(50%);max-height:20px;-webkit-transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 0.2s 0.4s cubic-bezier(0.23, 1, 0.32, 1)}.homepage.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(2){-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scaleX(0);transform:scaleX(0)}.homepage.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleY(0);transform:scaleY(0)}.homepage.ie .main-btn-wrap .main-btn:hover .btn-border:nth-child(4){-webkit-transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:.4s;transition-delay:.4s;max-width:25px;-webkit-transform-origin:right;transform-origin:right;right:-12.5px}}@media (max-width: 991px){.homepage .section-services-web,.homepage .section-services-app,.homepage .section-works{margin-top:95px;margin-bottom:55px}}@media (max-width: 991px){.homepage h2.main-title{font-size:30px;letter-spacing:3px}.homepage h2.main-title span{font-size:14px;letter-spacing:1.4px}}.side-nav{z-index:100;position:fixed;left:45px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:rgba(255,255,255,0.4)}.side-nav .side-nav-item{position:relative;padding:7.5px 15px 7.5px 22px;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.side-nav .side-nav-item:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:1px solid rgba(255,255,255,0.4);-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1)}.side-nav .side-nav-item .side-nav-link{vertical-align:middle;padding:7.5px 5px 7.5px 0px;color:rgba(255,255,255,0.4);font-size:14px;letter-spacing:1.8px;-webkit-transition:.3s cubic-bezier(0.23, 1, 0.32, 1);transition:.3s cubic-bezier(0.23, 1, 0.32, 1)}.side-nav .side-nav-item .side-nav-bullet{vertical-align:middle;display:inline-block;position:relative;width:20px;margin-right:2px;overflow:hidden;padding:7.5px 0px 7.5px 0px}.side-nav .side-nav-item .side-nav-bullet:after,.side-nav .side-nav-item .side-nav-bullet:before{content:'';width:100%;height:1px;position:absolute}.side-nav .side-nav-item .side-nav-bullet:before{background-color:rgba(255,255,255,0.4)}.side-nav .side-nav-item .side-nav-bullet:after{background-color:#fff;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:1s;transition:1s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}.side-nav .side-nav-item .side-nav-bullet.active:after{-webkit-transform:translateX(0%);transform:translateX(0%)}.side-nav .side-nav-item.active .side-nav-link{color:#fff}.side-nav .side-nav-item.active:before{border:1px solid #fff;background-color:#fff}.side-nav .side-nav-item:hover{letter-spacing:3px;margin-left:12px}.side-nav .side-nav-item:hover .side-nav-link{letter-spacing:3.5px;margin-left:5px}.side-nav .side-nav-item:hover .side-nav-bullet{width:25px;margin-right:3px}.section-top{overflow:hidden;background:-webkit-gradient(linear, right top, left top, from(#1b1a1a), color-stop(rgba(27,26,26,0.8)), to(rgba(27,26,26,0)));background:linear-gradient(to left, #1b1a1a, rgba(27,26,26,0.8), rgba(27,26,26,0))}.section-top-bg-container{background-image:url("../images/homepage_top/img_home-top_14.png");width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden;-webkit-perspective:1000px;perspective:1000px}.section-top-bg-container .zindex1{z-index:1}.section-top-bg-container .zindex2{z-index:2}.section-top-bg-container .zindex3{z-index:3}.section-top-bg-container .zindex4{z-index:4}.section-top-bg-container .zindex5{z-index:5}.section-top-bg-container .zindex6{z-index:6}.section-top-bg-container .zindex7{z-index:7}.section-top-bg-container .zindex8{z-index:8}.section-top-bg-container .zindex9{z-index:9}.section-top-bg-container .zindex10{z-index:10}.section-top-bg-container .zindex11{z-index:11}.section-top-bg-container .zindex12{z-index:12}.section-top-bg-container .zindex13{z-index:13}.section-top-bg-container .zindex14{z-index:14}.t-mt-rellax{width:100%;height:100%;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.t-mt-wrap{position:absolute;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;background-repeat:no-repeat;-webkit-transition:bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);transition:bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1)}.t-mt-wrap.no6{background-image:url("../images/homepage_top/img_home-top_13.png");bottom:-10%}.t-mt-wrap.no5{background-image:url("../images/homepage_top/img_home-top_12.png");bottom:-30%}.t-mt-wrap.no4{background-image:url("../images/homepage_top/img_home-top_10.png");bottom:-50%}.t-mt-wrap.no3{background-image:url("../images/homepage_top/img_home-top_07.png");bottom:-70%}.t-mt-wrap.no2{background-image:url("../images/homepage_top/img_home-top_02.png");bottom:-90%}.t-mt-wrap.no1{background-image:url("../images/homepage_top/img_home-top_01.png");bottom:-120%}.loaded .t-mt-wrap{bottom:0}.t-img-fox-rellax{z-index:10;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.t-img-fog-wrap{position:absolute;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;background-repeat:repeat-x;left:0;top:0}.t-img-fog-wrap.no1{background-image:url("../images/homepage_top/img_home-top_03.png")}.t-img-fog-wrap.no2{background-image:url("../images/homepage_top/img_home-top_09.png")}.t-img-fog-wrap.no3{background-image:url("../images/homepage_top/img_home-top_11.png")}.surgical-mask{position:fixed;-webkit-animation:mask-animation 20s cubic-bezier(0.22, 0.51, 0.84, 0.61) infinite;animation:mask-animation 20s cubic-bezier(0.22, 0.51, 0.84, 0.61) infinite;width:100px;cursor:-webkit-grab;cursor:grab}.surgical-mask img{width:100%;height:auto}.t-logo-rellax{position:relative;height:100vh;width:100%;z-index:10;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.t-logo-wraps{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;width:100%;height:100%;top:-50%;-webkit-transition:top 0.8s 0.4s cubic-bezier(0.08, 0.6, 0.56, 1);transition:top 0.8s 0.4s cubic-bezier(0.08, 0.6, 0.56, 1)}.loaded .t-logo-wraps{top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.t-logo-wrap{position:absolute;top:calc( 50% - 66px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.t-logo-wrap.no1{left:calc( 50% - 132px - 120px - 25px)}.t-logo-wrap.no2{left:calc( 50% - 132px - 5px)}.t-logo-wrap.no3{left:calc( 50% + 5px)}.t-logo-wrap.no4{left:calc( 50% + 120px + 25px)}.ie .t-mt-rellax{-ms-transform-style:none}.ie .t-img-fox-rellax{-ms-transform-style:none}.ie .t-logo-rellax{-ms-transform-style:none}.ie .t-logo-wraps{-ms-transform-style:none}.ie .t-logo-wrap{-ms-transform-style:none}.nsdi-theme .scroll-hint-wrap{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);animation:elFloat1 1.2s infinite alternate-reverse;position:relative;left:50%;cursor:pointer;z-index:50}.nsdi-theme .scroll-hint-wrap .scroll-hint-btn{position:absolute;left:50%;bottom:80px;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 0px 10px 0px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1)}.nsdi-theme .scroll-hint-wrap .scroll-hint-btn:before{content:'';position:absolute;top:50%;right:-25%;width:0;height:1px;background:#dea56a;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}.nsdi-theme .scroll-hint-wrap .scroll-hint-btn a{display:block;width:100%;height:100%}.nsdi-theme .scroll-hint-wrap .scroll-hint-btn a:hover,.nsdi-theme .scroll-hint-wrap .scroll-hint-btn a:focus,.nsdi-theme .scroll-hint-wrap .scroll-hint-btn a:active,.nsdi-theme .scroll-hint-wrap .scroll-hint-btn a:checked{color:#fff}.nsdi-theme .scroll-hint-wrap .scroll-hint-btn .letter-group{padding-left:0px;animation:elFloat2 1.2s .2s infinite alternate-reverse}.nsdi-theme .scroll-hint-wrap .scroll-hint-btn .letter-group span{font-size:10.6px;font-weight:600;letter-spacing:-2px;vertical-align:middle;text-align:left;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:.2s;transition-delay:.2s;display:inline-block}.nsdi-theme .scroll-hint-wrap .scroll-hint-btn .ic-hint-tri{margin-right:5px;vertical-align:middle;width:10px;height:10px;stroke:#dea56a;stroke-width:1.5px;fill:none;stroke-linejoin:round;-webkit-transition:.5s cubic-bezier(0.23, 1, 0.32, 1);transition:.5s cubic-bezier(0.23, 1, 0.32, 1)}@media (min-width: 1200px){.nsdi-theme .scroll-hint-wrap:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.nsdi-theme .scroll-hint-wrap:hover .scroll-hint-btn:before{width:80%;right:0%}.nsdi-theme .scroll-hint-wrap:hover .letter-group{-webkit-animation-play-state:paused;animation-play-state:paused}.nsdi-theme .scroll-hint-wrap:hover .letter-group span{-webkit-animation-play-state:paused;animation-play-state:paused;letter-spacing:0px;opacity:0.5}.nsdi-theme .scroll-hint-wrap:hover .letter-group span:nth-child(1){-webkit-transform:translate(0, -20px) rotate(-45deg) scale(1.2);transform:translate(0, -20px) rotate(-45deg) scale(1.2)}.nsdi-theme .scroll-hint-wrap:hover .letter-group span:nth-child(2){-webkit-transform:translate(0, 35px) rotate(-65deg) scale(1.2);transform:translate(0, 35px) rotate(-65deg) scale(1.2)}.nsdi-theme .scroll-hint-wrap:hover .letter-group span:nth-child(3){-webkit-transform:translate(5px, -15px) rotate(-30deg) scale(1.2);transform:translate(5px, -15px) rotate(-30deg) scale(1.2)}.nsdi-theme .scroll-hint-wrap:hover .letter-group span:nth-child(4){-webkit-transform:translate(10px, 10px) rotate(60deg) scale(1.2);transform:translate(10px, 10px) rotate(60deg) scale(1.2)}.nsdi-theme .scroll-hint-wrap:hover .letter-group span:nth-child(5){-webkit-transform:translate(5px, -35px) rotate(-45deg) scale(1.2);transform:translate(5px, -35px) rotate(-45deg) scale(1.2)}.nsdi-theme .scroll-hint-wrap:hover .letter-group span:nth-child(6){-webkit-transform:translate(15px, 15px) rotate(30deg) scale(1.2);transform:translate(15px, 15px) rotate(30deg) scale(1.2)}.nsdi-theme .scroll-hint-wrap:hover .ic-hint-tri{margin-right:10px}}.section-top-bg-container-mobile{background-image:url(../images/homepage_top/mobile/img_home-top.jpg);width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden}.section-services .container{position:relative}.section-services .intro-container{position:relative;z-index:10}.section-services .bg-rectangle{background-color:#555;width:75vw;padding-top:calc( 85vw * 1 / 3);position:absolute;z-index:0;left:15%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.section-services .img-container img{width:100%;height:auto;position:absolute;left:0;top:0}@media (min-width: 991px){.section-services .bs-row-parent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width: 991px){.section-services .intro-container{padding-left:60px;padding-right:60px}.section-services .bg-rectangle{padding-top:450px;width:100vw;position:absolute;z-index:0;left:auto;left:initial;right:10%;top:-15px;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@media (max-width: 768px){.section-services .bg-rectangle{padding-top:380px}}@media (max-width: 480px){.section-services .bg-rectangle{padding-top:300px}}.fixed-content.section-block{position:fixed;top:50%;width:100%;min-height:0px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.homepage .fixed-content.section-block{z-index:0}.bg-rectangle-fixed{background-color:#555;width:100%;padding-top:calc(100% * 628 / 1357);position:absolute;top:50%;-webkit-transform:translate(0, -50%) scaleY(0);transform:translate(0, -50%) scaleY(0);-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:bottom;transform-origin:bottom}.bg-rectangle-fixed:nth-child(1){top:200vh;-webkit-transform:translate(0, -50%) scaleY(2);transform:translate(0, -50%) scaleY(2);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:top 1s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:top 1s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:top 1s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:top 1s cubic-bezier(0.23, 1, 0.32, 1),transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1)}@media (max-width: 1199px){.bg-rectangle-fixed{top:1200%;right:5%}}.section-services-web .img-container{width:100%;padding-top:calc(100% * 770 / 879)}.section-services-web .web-img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translateX(-150%) translateY(150%);transform:translateX(-150%) translateY(150%)}.section-services-web .web-img:nth-child(1),.section-services-web .web-img:nth-child(2),.section-services-web .web-img:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}.section-services-web .web-img:nth-child(5){-webkit-transition-delay:.1s;transition-delay:.1s}.section-services-web .web-img:nth-child(6),.section-services-web .web-img:nth-child(7),.section-services-web .web-img:nth-child(8){-webkit-transition-delay:.2s;transition-delay:.2s}.section-services-app .img-container{width:100%;padding-top:calc(100% * 762 / 942)}.section-services-app .app-img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate(-150%, 150%);transform:translate(-150%, 150%);-webkit-transition:0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:0.6s cubic-bezier(0.19, 1, 0.22, 1)}.section-services-app .app-img:nth-child(2),.section-services-app .app-img:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.section-services-app .app-img:nth-child(3){opacity:0;-webkit-animation:fadeInOut 10s ease-in-out 1s infinite;animation:fadeInOut 10s ease-in-out 1s infinite}.section-works .row{margin-right:-7.5px;margin-left:-7.5px}.section-works .col-md-3{padding-right:7.5px;padding-left:7.5px}.section-works .main-btn-pos{text-align:right}.section-works .work-grid-wrap{padding:40px 0px 25px 0px}.section-works ul{list-style-type:none}.work-grid-item{position:relative;overflow:hidden}.work-grid-item .img-box{width:100%;padding-top:calc(100% * 3 / 4);position:relative;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1)}.work-grid-item .img-box img{position:absolute;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1)}.work-grid-item .work-link{position:absolute;left:0;top:0;width:100%;height:100%}.work-grid-item .work-title{padding:10px 0px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1)}.work-grid-item .work-title p{text-align:left;color:#fff;font-size:16px;font-weight:normal;letter-spacing:0.156em}@media (max-width: 1199px){.work-grid-item{margin-bottom:30px}.work-grid-item .work-title p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-grid-wrap{margin:0 -7.5px}.work-grid-wrap .one-item{margin:0 7.5px;width:calc(100% / 3 - 15px)}}@media (max-width: 991px){.section-works .main-btn{float:none}.section-works .main-btn-pos{text-align:left}}@media (max-width: 767px){.work-grid-wrap{margin:0 -7.5px}.work-grid-wrap .one-item{margin:0 7.5px;width:calc(100% / 2 - 15px)}}@media (max-width: 576px){.work-grid-item{margin-bottom:30px}.work-grid-item .work-title p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-grid-wrap{margin:0}.work-grid-wrap .one-item{margin:0;width:100%}}@media (min-width: 577px){.work-grid-wrap ul{font-size:0;letter-spacing:0;line-height:0}.work-grid-wrap .one-item{display:inline-block;vertical-align:baseline;margin-top:-0.5px}}@media (min-width: 1200px){.work-grid-wrap .one-item{width:calc(100% / 4)}.work-grid-item .work-title{position:absolute;opacity:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);border:8px solid #dea56a}.work-grid-item .work-title p{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;text-align:center;padding:10px;font-size:18px;letter-spacing:0.163em;color:#dea56a}.work-grid-item:hover .work-title{opacity:1;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);border:8px solid #dea56a}.work-grid-item:hover .img-box img{-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2)}}@media (min-width: 1481px){.work-grid-item .work-title p{font-size:22px}}.nsdi-theme .reveal{background-color:#dea56a}.nsdi-theme .to-top-btn{width:40px;height:40px;border-radius:50%;border:1px solid #dea56a;position:fixed;left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);bottom:30px;cursor:pointer;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;z-index:999}.nsdi-theme .to-top-btn .to-top-icon{width:1px;height:20px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#dea56a;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.nsdi-theme .to-top-btn .to-top-icon:before,.nsdi-theme .to-top-btn .to-top-icon:after{content:'';position:absolute;height:12px;width:1px;background-color:#dea56a;top:0;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.nsdi-theme .to-top-btn .to-top-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nsdi-theme .to-top-btn .to-top-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nsdi-theme .u-search-box{padding:50px;background-image:url("../images/pages/clients/img_client_search@2x.png");background-size:cover;background-position:center center;background-repeat:no-repeat;margin-bottom:30px}.nsdi-theme .u-search-wrap{width:100%;max-width:484px;position:relative;padding-left:15px;border-bottom:1px solid #fff;font-size:0px;letter-spacing:0px}.nsdi-theme .u-search-wrap .search-icon{width:calc( 27px + 35px);height:calc( 27px + 34px);vertical-align:middle;display:inline-block;letter-spacing:0px;position:relative;-webkit-transition:.5s ease;transition:.5s ease}.nsdi-theme .u-search-wrap .search-icon img{vertical-align:middle;width:27px;height:auto;position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.nsdi-theme .u-search-wrap .input-wrap{display:inline-block;vertical-align:middle;letter-spacing:0px;width:calc(100% - 27px - 35px);padding:7px 0}.nsdi-theme .u-search-wrap input{background-color:rgba(0,0,0,0);outline:0;border:0;-webkit-box-shadow:none;box-shadow:none;display:block;width:100%;font-size:20px;color:#fff;letter-spacing:2px;line-height:normal;font-weight:500;padding-right:35px;padding:10px 35px 10px 10px}.nsdi-theme .u-search-wrap input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}.nsdi-theme .u-search-wrap input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}.nsdi-theme .u-search-wrap input::-ms-input-placeholder{color:rgba(255,255,255,0.6)}.nsdi-theme .u-search-wrap input::placeholder{color:rgba(255,255,255,0.6)}.nsdi-theme .u-search-wrap .input-clear{width:15px;height:15px;position:relative;margin-right:10px;top:50% !important;-webkit-transform:translateY(-50%) !important;transform:translateY(-50%) !important}.nsdi-theme .u-search-wrap .input-clear:before,.nsdi-theme .u-search-wrap .input-clear:after{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:1px;background-color:#fff}.nsdi-theme .u-search-wrap .input-clear:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.nsdi-theme .u-search-wrap .input-clear:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.nsdi-theme .u-search-wrap .input-clear:hover{opacity:0.8}.nsdi-theme .u-search-wrap .form-group{margin:0}@media all and (min-width: 1200px){.nsdi-theme .to-top-btn{right:105px;left:auto;left:initial;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}.nsdi-theme .to-top-btn:hover{bottom:25px;background-color:#dea56a}.nsdi-theme .to-top-btn:hover .to-top-icon{background-color:#353535}.nsdi-theme .to-top-btn:hover .to-top-icon:before,.nsdi-theme .to-top-btn:hover .to-top-icon:after{background-color:#353535}.nsdi-theme .to-top-btn:hover .to-top-icon:before{-webkit-transform:rotate(35deg);transform:rotate(35deg)}.nsdi-theme .to-top-btn:hover .to-top-icon:after{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}.nsdi-theme .u-search-wrap .search-icon:hover{opacity:0.6}}@media all and (max-width: 768px){.nsdi-theme .u-search-wrap input{font-size:16px}}.nsdi-theme .main-header{width:100%;height:50vh;min-height:300px;max-height:450px;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}.nsdi-theme .main-header .content{position:relative;width:100%;z-index:3}.nsdi-theme .main-header h1{text-transform:uppercase;font-size:65px;letter-spacing:0.05em;color:#dea56a;position:relative}.nsdi-theme .main-header h1 span{font-size:20px;font-weight:500;color:#fff;line-height:80px;letter-spacing:3.3px;display:block;text-align:right;padding-left:50%}.nsdi-theme .main-header h1 span:before{content:'';left:0;position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:50%;height:2px;background-color:#fff}.nsdi-theme .main-header h1.title-bg{text-align:left}.nsdi-theme .main-header h1.title-sm{text-align:right}.nsdi-theme .main-header h2{font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:16px;font-weight:bold;letter-spacing:3px;text-align:left;text-transform:uppercase;color:#dea56a;padding-top:15px}.nsdi-theme:not(.nsdi-about) .main-header .content{position:absolute;top:60%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}@media all and (max-width: 1480px){.nsdi-theme .main-header h1{font-size:48px}.nsdi-theme .main-header h1 span{line-height:58px}}@media all and (max-width: 1199px){.nsdi-theme .main-header h1{font-size:40px}.nsdi-theme .main-header h1 span{line-height:53px}}@media all and (max-width: 991px){.nsdi-theme .main-header{max-height:320px}.nsdi-theme .main-header h1{font-size:32px}.nsdi-theme .main-header h1.title-sm{text-align:left;padding-bottom:10px}.nsdi-theme .main-header h1 span{line-height:auto;line-height:initial;font-size:16px;text-align:left;padding-left:0}.nsdi-theme .main-header h1 span:before{display:none}.nsdi-theme .main-header h2{font-size:14px;padding-top:10px}}@media all and (max-width: 576px){.nsdi-theme .main-header{min-height:200px;max-height:280px}}.nsdi-theme.nsdi-works .main-header{background-image:url("../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0164.jpg")}.nsdi-theme.nsdi-works .main-content{margin-bottom:232px}.nsdi-works .main-btn-pos,.nsdi-works-page-personal .main-btn-pos{text-align:center}.nsdi-works .section-works .work-grid-wrap,.nsdi-works-page-personal .section-works .work-grid-wrap{padding-bottom:50px}.nsdi-works .filter-box,.nsdi-works-page-personal .filter-box{padding:100px 0px 15px 0px}.nsdi-works .main-filter-wrap ul,.nsdi-works-page-personal .main-filter-wrap ul{font-size:0px;text-align:left;margin-bottom:15px}.nsdi-works .main-filter-wrap ul li,.nsdi-works-page-personal .main-filter-wrap ul li{display:inline-block;cursor:pointer;margin-right:20px;margin-bottom:15px}.nsdi-works .main-filter-wrap ul li a,.nsdi-works-page-personal .main-filter-wrap ul li a{min-width:150px;text-align:center;display:block;padding:10px 40px;font-size:14px;letter-spacing:2.5px;color:#dea56a;border:1.5px solid #dea56a;-webkit-transition:all .5s ease;transition:all .5s ease}.nsdi-works .main-filter-wrap ul li.active a,.nsdi-works-page-personal .main-filter-wrap ul li.active a{color:#1a1a1a;background-color:#dea56a}.nsdi-works .sub-filter-wrap ul,.nsdi-works-page-personal .sub-filter-wrap ul{text-align:left}.nsdi-works .sub-filter-wrap ul li,.nsdi-works-page-personal .sub-filter-wrap ul li{display:inline-block;margin-right:12px;margin-bottom:12px}.nsdi-works .sub-filter-wrap ul li a,.nsdi-works-page-personal .sub-filter-wrap ul li a{text-align:center;display:block;padding:5px 15px;font-size:14px;letter-spacing:2.5px;color:#dea56a;border:1.5px solid #dea56a;border-radius:20px;-webkit-transition:all .5s ease;transition:all .5s ease}.nsdi-works .sub-filter-wrap ul li.active a,.nsdi-works-page-personal .sub-filter-wrap ul li.active a{color:#1a1a1a;background-color:#dea56a}@media all and (max-width: 1199px){.nsdi-works .main-filter-wrap ul,.nsdi-works-page-personal .main-filter-wrap ul{text-align:justify}.nsdi-works .main-filter-wrap ul li,.nsdi-works-page-personal .main-filter-wrap ul li{width:calc((100% / 3 ) - 14px);margin-right:10px;margin-left:10px}.nsdi-works .main-filter-wrap ul li:nth-child(3n+1),.nsdi-works-page-personal .main-filter-wrap ul li:nth-child(3n+1){margin-left:0px}.nsdi-works .main-filter-wrap ul li:nth-child(3n),.nsdi-works-page-personal .main-filter-wrap ul li:nth-child(3n){margin-right:0px}.nsdi-works .main-filter-wrap ul li a,.nsdi-works-page-personal .main-filter-wrap ul li a{min-width:0px;padding:10px 0px}}@media all and (max-width: 1199px){.nsdi-works .filter-box,.nsdi-works-page-personal .filter-box{padding-top:50px}}@media all and (min-width: 1200px){.nsdi-works .main-filter-wrap ul li:hover a,.nsdi-works-page-personal .main-filter-wrap ul li:hover a{color:#1a1a1a;background-color:#dea56a}.nsdi-works .sub-filter-wrap ul li:hover a,.nsdi-works-page-personal .sub-filter-wrap ul li:hover a{color:#1a1a1a;background-color:#dea56a}}.nsdi-theme.nsdi-works-page .main-header{background-image:url(../images/pages/works/img_project-page_top.jpg)}.nsdi-theme.nsdi-works-page .main-btn-pos{margin-top:50px}.nsdi-works-page .title-h3{color:#dea56a;margin-bottom:25px;font-size:24px;letter-spacing:0.17em}.nsdi-works-page .main-header{height:35vh}.nsdi-works-page .main-header .content{top:50%}.nsdi-works-page .free-edit-wrap img{max-width:100%}.nsdi-works-page .main-body{margin-top:12vh;margin-bottom:15vh}.nsdi-works-page .figure-section,.nsdi-works-page .editor-section{padding-right:calc( 1.9vw - 15px)}.nsdi-works-page .figure-section .img-wrap,.nsdi-works-page .editor-section .img-wrap{padding-bottom:50px}.nsdi-works-page .figure-section .img-wrap img,.nsdi-works-page .editor-section .img-wrap img{width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nsdi-works-page .nas-image-wrapper img,.nsdi-works-page .nas-article img{max-width:100%;margin-left:auto;margin-right:auto}.nsdi-works-page .intro-section{padding-left:calc( 1.9vw - 15px);margin-bottom:88px;position:relative}.nsdi-works-page .intro-section .intro-box,.nsdi-works-page .intro-section .team-box,.nsdi-works-page .intro-section .tags-box{border-bottom:1px solid #dea56a}.nsdi-works-page .intro-section .intro-box{padding-bottom:36px}.nsdi-works-page .intro-section .intro-box p{font-size:14px;font-weight:500;line-height:2.0;letter-spacing:1.9px;color:#ffffff}.nsdi-works-page .intro-section .team-box{padding:30px 0px 10px 0px}.nsdi-works-page .intro-section .team-box ul{font-size:0px;padding-left:0}.nsdi-works-page .intro-section .team-box ul li{display:block;vertical-align:top;margin-bottom:20px;font-size:0px;width:100%}.nsdi-works-page .intro-section .team-box ul li a{-webkit-transition:all .5s ease;transition:all .5s ease}.nsdi-works-page .intro-section .team-box ul li a:hover{opacity:.7;-webkit-transition:all .5s ease;transition:all .5s ease}.nsdi-works-page .intro-section .team-box ul li .img-box,.nsdi-works-page .intro-section .team-box ul li .info-box{display:inline-block;vertical-align:middle}.nsdi-works-page .intro-section .team-box ul li .img-box{width:55px;height:55px}.nsdi-works-page .intro-section .team-box ul li .img-box img{width:100%;border-radius:50%}.nsdi-works-page .intro-section .team-box ul li .info-box{padding-left:20px}.nsdi-works-page .intro-section .team-box ul li p.position{font-size:12px;font-weight:500;line-height:2.17;letter-spacing:1.8px;color:#ffffff}.nsdi-works-page .intro-section .team-box ul li p.name{font-size:15px;font-weight:500;line-height:1.73;letter-spacing:2.2px;color:#ffffff}.nsdi-works-page .intro-section .tags-box{padding:20px 0px 9px 0}.nsdi-works-page .intro-section .tags ul{text-align:left;margin-bottom:0;padding-left:0}.nsdi-works-page .intro-section .tags ul li{display:inline-block;margin-right:8px;margin-bottom:11px}.nsdi-works-page .intro-section .tags ul li a{text-align:center;display:block;padding:5px 18px;font-size:12px;letter-spacing:1.8px;color:#dea56a;border:1px solid #dea56a;border-radius:20px;-webkit-transition:all .5s ease;transition:all .5s ease}.nsdi-works-page .intro-section .tags ul li:hover a,.nsdi-works-page .intro-section .tags ul li.active a{color:#1a1a1a;background-color:#dea56a}.nsdi-works-page .comment-section{padding-right:calc( 1.9vw - 15px)}.nsdi-works-page .comment-section .comment-list-wrap{padding-top:35px;border-top:1px solid #dea56a}.nsdi-works-page .comment-section ul.comment-list li{margin-bottom:40px}.nsdi-works-page .comment-section ul.comment-list li p{color:#ca935a}.nsdi-works-page .comment-section ul.comment-list li p.user{font-size:16px;font-weight:500;letter-spacing:2.4px;text-align:left;margin-bottom:12px;max-width:450px}.nsdi-works-page .comment-section ul.comment-list li p.content{color:#fff;font-size:14px;line-height:1.71;letter-spacing:2.1px;margin-bottom:5px}.nsdi-works-page .comment-section ul.comment-list li p.date{opacity:0.5;font-size:10px;letter-spacing:1.5px}.nsdi-works-page .comment-section .comment-form{margin-top:15px}.nsdi-works-page .comment-section .comment-form .main-btn-pos{text-align:right;clear:both}.nsdi-works-page .comment-section .comment-form .main-btn-pos a{min-width:178px;text-align:center}.nsdi-works-page .comment-section .comment-form .main-btn-pos a span{letter-spacing:14px;margin-right:-14px}.nsdi-works-page .comment-section .comment-form .field-list{margin-bottom:20px;clear:both}.nsdi-works-page .comment-section .comment-form .field-list .title,.nsdi-works-page .comment-section .comment-form .field-list .input-blank{display:inline-block;float:left;vertical-align:top;font-size:0px}.nsdi-works-page .comment-section .comment-form .field-list .title label,.nsdi-works-page .comment-section .comment-form .field-list .input-blank label{font-size:14px;letter-spacing:14px;color:#ca935a}.nsdi-works-page .comment-section .comment-form .field-list .title input,.nsdi-works-page .comment-section .comment-form .field-list .title textarea,.nsdi-works-page .comment-section .comment-form .field-list .input-blank input,.nsdi-works-page .comment-section .comment-form .field-list .input-blank textarea{background-color:transparent;outline:0;-webkit-box-shadow:none;box-shadow:none;border:0;padding:7px 14px;display:inline-block;font-size:14px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.nsdi-works-page .comment-section .comment-form .field-list .title input:focus,.nsdi-works-page .comment-section .comment-form .field-list .title textarea:focus,.nsdi-works-page .comment-section .comment-form .field-list .input-blank input:focus,.nsdi-works-page .comment-section .comment-form .field-list .input-blank textarea:focus{outline:0;background-color:rgba(222,165,106,0.05)}.nsdi-works-page .comment-section .comment-form .field-list .title input,.nsdi-works-page .comment-section .comment-form .field-list .input-blank input{width:312px;max-width:100%;border-bottom:1px solid #dea56a}.nsdi-works-page .comment-section .comment-form .field-list .title textarea,.nsdi-works-page .comment-section .comment-form .field-list .input-blank textarea{display:inline-block;width:auto;border:1px solid #dea56a;width:100%;max-width:100%;min-width:100%;min-height:155px;max-height:500px}.nsdi-works-page .comment-section .comment-form .field-list .title{width:6%;min-width:60px;margin-bottom:10px}.nsdi-works-page .comment-section .comment-form .field-list .input-blank{width:94%;margin-bottom:20px}@media all and (max-width: 1600px){.nsdi-works-page .comment-section .comment-form .field-list .input-blank{width:100%}}@media all and (max-width: 1600px) and (min-width: 991px){.nsdi-works-page .intro-section .team-box ul li{width:100%}}@media all and (min-width: 992px){.nsdi-works-page .intro-section{position:relative;height:calc(100vh - 60px - 30px);overflow-x:hidden;overflow-y:auto;padding-right:15px}}@media all and (max-width: 991px){.index-css.nsdi-works-page .container.outer-wrap{width:100%}.nsdi-works-page .main-body{margin-top:50px;margin-bottom:100px}.nsdi-works-page .main-container{padding-left:60px;padding-right:60px;margin-right:auto;margin-left:auto}.nsdi-works-page .figure-section,.nsdi-works-page .editor-section{padding-right:0}.nsdi-works-page .figure-section .img-wrap,.nsdi-works-page .editor-section .img-wrap{width:100vw;margin-left:-15px}.nsdi-works-page .intro-section{padding-left:0}.nsdi-works-page .comment-section{padding-right:0}.nsdi-works-page .comment-section .comment-form .field-list .title,.nsdi-works-page .comment-section .comment-form .field-list .input-blank{width:100%;min-width:0px}.nsdi-works-page .comment-section .comment-form .main-btn-pos{text-align:left}}.nsdi-works-page .work-grid-wrap{margin-top:150px;padding-right:calc( 1.9vw - 15px)}.nsdi-works-page .work-grid-wrap .main-btn-pos{text-align:right}.nsdi-works-page .work-grid-wrap .main-btn-wrap{margin-top:20px}@media (min-width: 1200px){.nsdi-works-page .work-grid-wrap{padding-right:calc( 1.9vw - 15px)}.nsdi-works-page .work-grid-wrap .one-item{width:calc(100% / 3)}}@media (max-width: 1199px){.nsdi-works-page .work-grid-wrap .one-item{width:calc(100% / 3 - 15px)}}@media (max-width: 991px){.nsdi-works-page .work-grid-wrap{padding-right:0;margin-top:80px}.nsdi-works-page .work-grid-wrap .main-btn-pos{text-align:center}.nsdi-works-page .title-h3{font-size:24px}}@media (max-width: 767px){.nsdi-works-page .work-grid-wrap .one-item{width:calc(100% / 2 - 15px)}.nsdi-works-page .title-h3{font-size:22px}}@media (max-width: 576px){.nsdi-works-page .work-grid-wrap .one-item{width:100%}.nsdi-works-page .title-h3{font-size:20px}}.nsdi-works-page-personal .main-body{position:relative;padding-top:125px;padding-bottom:153px}.nsdi-works-page-personal .intro-box .img-box{position:absolute;top:-200px;left:15px;z-index:99}.nsdi-works-page-personal .intro-box .img-box img{width:150px;height:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.nsdi-works-page-personal .intro-box .subtitle{color:#D99956;font-weight:bold;font-size:18px;letter-spacing:1.8px;line-height:27px;margin-bottom:4px}.nsdi-works-page-personal .intro-box .title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px}.nsdi-works-page-personal .intro-box .title-wrap .title{font-size:34px;font-weight:bold;color:rgba(255,255,255,0.7);line-height:50px}.nsdi-works-page-personal .intro-box .intro{max-width:987px;text-align:justify}.nsdi-works-page-personal .intro-box .icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nsdi-works-page-personal .intro-box .icon-wrap a{margin-left:15px;-webkit-transition:all ease 300ms;transition:all ease 300ms}.nsdi-works-page-personal .intro-box .icon-wrap a:hover{opacity:.8;-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-transition:all ease 300ms;transition:all ease 300ms}.nsdi-works-page-personal .intro-box .icon-wrap img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}@media all and (max-width: 991px){.nsdi-works-page-personal .main-body{padding-top:80px}.nsdi-works-page-personal .intro-box .img-box{top:-135px}.nsdi-works-page-personal .intro-box .img-box img{width:110px;height:110px}.nsdi-works-page-personal .intro-box .intro{line-height:2}.nsdi-works-page-personal .intro-box .icon-wrap a{margin-left:10px}.nsdi-works-page-personal .intro-box .icon-wrap img{width:34px;height:34px}}@media all and (max-width: 991px){.ie .nsdi-theme.nsdi-about .main-header h1.title-sm span,.edge .nsdi-theme.nsdi-about .main-header h1.title-sm span{text-align:right}}.nsdi-theme.nsdi-about .main-header .content{padding-top:125px}.nsdi-theme.nsdi-about .main-header h1,.nsdi-theme.nsdi-about .main-header h2{text-align:right}.nsdi-theme.nsdi-about .main-header h1.title-bg{font-size:180px;letter-spacing:9px;margin-bottom:20px}.nsdi-theme.nsdi-about .main-header h1.title-sm{margin-top:25vh;text-align:left}.nsdi-theme.nsdi-about .main-header h1.title-sm span{padding-left:0;text-align:left;display:inline-block;vertical-align:middle}.nsdi-theme.nsdi-about .main-header h1.title-sm span:before{left:auto;left:initial;right:0;width:25%}.nsdi-theme.nsdi-about .main-header h2{font-size:25px;font-weight:bold;letter-spacing:1.2px;line-height:1.2}.nsdi-theme.nsdi-about .scroll-hint-wrap .scroll-hint-btn{bottom:15px}.safari .nsdi-about .main-header{background-attachment:initial}.safari .nsdi-about .section-features .section-header{background-attachment:initial}.nsdi-about{overflow-x:hidden}.nsdi-about .main-header{height:1080px;max-height:100vh;background-image:url(../images/pages/about/img_about-us_kv.jpg);background-size:cover;background-position:center center;background-attachment:fixed;position:relative}.nsdi-about .main-header:after{background:rgba(0,0,0,0)}.nsdi-about .main-header .rect-bg-wrap{position:absolute;left:0;top:0;width:100%}.nsdi-about .main-header .rect-bg-wrap .reveal-content-wrap .reveal-content{-webkit-transition:0s;transition:0s;-webkit-transition-delay:0.7s;transition-delay:0.7s}.nsdi-about .main-header .rect-bg-wrap .revealAniL{-webkit-animation:revealAniL 1.3s cubic-bezier(0, 0.53, 0.38, 0.86);animation:revealAniL 1.3s cubic-bezier(0, 0.53, 0.38, 0.86)}.nsdi-about .main-header .rect-bg{position:relative;vertical-align:top;left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:847px;background-color:#353535;width:581px;max-width:50%;-webkit-transform-origin:right center;transform-origin:right center;max-height:80vh}.nsdi-about .scroll-hint-pos{position:absolute;width:100%;bottom:0;left:calc(100% - 581px);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nsdi-about .section-brand{margin-top:494px;position:relative;z-index:10}.nsdi-about .section-brand .intro-wrap,.nsdi-about .section-brand .img-wrap{position:relative}.nsdi-about .section-brand .intro-wrap{z-index:10}.nsdi-about .section-brand .intro-wrap .title-box{position:relative;overflow:visible}.nsdi-about .section-brand .intro-wrap .title-box p{text-align:left}.nsdi-about .section-brand .intro-wrap .title-box p span{font-size:14px;font-weight:300;line-height:2.14;letter-spacing:1.5px;text-align:left}.nsdi-about .section-brand .intro-wrap .title-box p span.has-pr{padding-right:7px}.nsdi-about .section-brand .intro-wrap .title-box p:before{content:'';position:absolute;width:50px;height:1px;background-color:#fff;left:-10px;top:14px;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}.nsdi-about .section-brand .intro-wrap .title-box h3{margin-top:24px;margin-bottom:90px;text-align:left}.nsdi-about .section-brand .intro-wrap .title-box h3 span{font-size:36px;font-weight:500;letter-spacing:3.9px;white-space:normal;line-height:1.4}.nsdi-about .section-brand .intro-wrap .content-box{font-size:0px;white-space:nowrap;margin-bottom:33px}.nsdi-about .section-brand .intro-wrap .content-box .title{margin-bottom:30px}.nsdi-about .section-brand .intro-wrap .content-box .content{width:80%}.nsdi-about .section-brand .intro-wrap .content-box .title,.nsdi-about .section-brand .intro-wrap .content-box .content{vertical-align:top;display:inline-block;white-space:normal}.nsdi-about .section-brand .intro-wrap .content-box h4{padding:5px 25px;background-color:#dd9b57;display:inline-block;margin-right:34px}.nsdi-about .section-brand .intro-wrap .content-box h4 span{font-size:12px;font-weight:500;color:#272727}.nsdi-about .section-brand .intro-wrap .content-box h4 span:first-child{margin-right:6px}.nsdi-about .section-brand .intro-wrap .content-box h4 span:last-child{margin-left:6px}.nsdi-about .section-brand .intro-wrap .content-box .content{margin-top:-7px}.nsdi-about .section-brand .intro-wrap .content-box .content p,.nsdi-about .section-brand .intro-wrap .content-box .content span{font-size:14px;line-height:2.36;letter-spacing:1.8px;font-weight:300}.nsdi-about .section-brand .intro-wrap .content-box .content span{display:block}.nsdi-about .section-brand .img-wrap{z-index:9;width:60vw;max-width:954px;min-width:865px;margin-top:-279px}.nsdi-about .section-brand .img-wrap img{width:100%;height:auto}.nsdi-about .section-brand .section-bg{width:1500px;height:calc(100% + 170px + 131px);position:absolute;right:0;top:-170px;background-color:#1a1a1a}.nsdi-about .section-features{position:relative;margin-bottom:400px;z-index:9}.nsdi-about .section-features .section-header{margin-top:-6%;position:relative;width:100%;min-height:600px;height:calc(100vw * 1236 / 1920);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0205.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nsdi-about .section-features .section-header .title-wrap{position:relative;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;font-size:0;margin:auto;width:100%}.nsdi-about .section-features .section-header .title-wrap .test-ib{display:-moz-inline-stack;display:inline-block;margin:15px 35px;font-size:30px}.nsdi-about .section-features .section-header .title-wrap h3{display:inline-block;vertical-align:middle;font-size:38.5px;font-weight:500;letter-spacing:4.1px;font-family:'Noto Sans TC', "PingFang TC" , "微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-weight:normal}.nsdi-about .section-features .section-header .title-wrap h3 span{display:block;text-align:center;font-size:16px;font-weight:500;letter-spacing:2px;margin-top:15px}.nsdi-about .section-features .section-header .title-wrap .icon{width:42px;height:45px;display:inline-block;position:relative;vertical-align:middle;margin:0px 59px}.nsdi-about .section-features .section-header .title-wrap .icon:before,.nsdi-about .section-features .section-header .title-wrap .icon:after{content:'';position:absolute;width:90%;height:4px;background-color:#dea56a;top:50%;left:50%;-webkit-transform-origin:center;transform-origin:center}.nsdi-about .section-features .section-header .title-wrap .icon:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.nsdi-about .section-features .section-header .title-wrap .icon:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.nsdi-about .section-features .section-body{margin-top:-175px;position:relative;z-index:10}.nsdi-about .section-features .section-body .grid-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.nsdi-about .section-features .section-body .grid-item{width:100%;max-width:320px;display:inline-block;position:relative;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;margin-left:7.5px;margin-right:7.5px}.nsdi-about .section-features .section-body .grid-item:last-child{margin-right:0}.nsdi-about .section-features .section-body .grid-item p{white-space:auto;white-space:initial}.nsdi-about .section-features .section-body .grid-item .img-box{overflow:hidden}.nsdi-about .section-features .section-body .grid-item .img-box img{width:100%;height:auto;-webkit-transition:-webkit-transform 1.8s ease-in-out;transition:-webkit-transform 1.8s ease-in-out;transition:transform 1.8s ease-in-out;transition:transform 1.8s ease-in-out, -webkit-transform 1.8s ease-in-out}.nsdi-about .section-features .section-body .grid-item .intro-box{background-color:#1a1a1a;padding:50px 25px;width:91%;position:absolute;left:0;bottom:30px;min-height:222px;-webkit-transform:translate(-50px, 100%);transform:translate(-50px, 100%)}.nsdi-about .section-features .section-body .grid-item .intro-box p.title{font-size:20px;letter-spacing:2.6px;position:relative;margin-bottom:10px}.nsdi-about .section-features .section-body .grid-item .intro-box p.title:after{content:'';position:absolute;right:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:30%;height:1px;background-color:#fff}.nsdi-about .section-features .section-body .grid-item .intro-box p.intro{font-size:14px;line-height:1.86;letter-spacing:1.8px}.nsdi-about .section-features .section-body .grid-item:hover .img-box img{-webkit-transform:scale(1.2) rotate(3deg);transform:scale(1.2) rotate(3deg)}.nsdi-about .section-vision{padding-top:108px;margin-bottom:285px}.nsdi-about .section-vision .grid-wrap{position:relative}.nsdi-about .section-vision .section-bg{width:3000px;height:calc(100% + 110px + 130px);position:absolute;right:0;top:-110px;background-color:#1a1a1a}.nsdi-about .section-vision h3{display:inline-block;position:relative;font-size:30px;font-weight:500;letter-spacing:3.2px;margin-bottom:63px}.nsdi-about .section-vision h3:after{content:'';position:absolute;width:50%;height:1px;background-color:#fff;top:50%;right:-50px;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}.nsdi-about .section-vision p{font-size:14px;line-height:2.36;letter-spacing:1.8px;text-align:left;margin-bottom:50px}@media all and (min-width: 1600px){.section-features .section-body .grid-list:hover .grid-item{opacity:0.7}.section-features .section-body .grid-list:hover .grid-item:hover{opacity:1}}@media all and (max-width: 1600px){.nsdi-theme.nsdi-about .main-header h1.title-bg{font-size:135px}.nsdi-theme.nsdi-about .section-features{margin-bottom:195px}.nsdi-theme.nsdi-about .section-features .section-header{margin-top:-105px}.nsdi-theme.nsdi-about .section-features .section-body{margin-top:-105px}.nsdi-theme.nsdi-about .section-features .section-body .grid-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.nsdi-theme.nsdi-about .section-features .section-body .grid-item{margin-bottom:225px}.nsdi-theme.nsdi-about .section-features .section-body .grid-item .intro-box{left:50%;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%);bottom:70px}}@media all and (max-width: 1199px){.nsdi-about .main-header .rect-bg{height:690px}.nsdi-about .scroll-hint-pos{left:50%}.nsdi-about .section-brand{margin-top:279px}.nsdi-about .section-brand .img-wrap{width:100vw;max-width:954px;min-width:0px;margin-top:60px;-webkit-transform:translateX(15%);transform:translateX(15%)}.nsdi-theme.nsdi-about .main-header h1.title-bg{font-size:90px;letter-spacing:4.5px}.nsdi-theme.nsdi-about .main-header h2{font-size:16px}}@media all and (max-width: 991px){.nsdi-about .main-container{padding-left:60px;padding-right:60px;margin-right:auto;margin-left:auto}.nsdi-about .main-header .rect-bg{height:495px;max-height:auto;max-height:initial}.nsdi-about .section-brand .intro-wrap .title-box h3{margin-bottom:60px;margin-top:15px}.nsdi-about .section-brand .intro-wrap .title-box p:before{width:35px}.nsdi-about .section-brand .intro-wrap .content-box .title,.nsdi-about .section-brand .intro-wrap .content-box .content{display:block;width:100%}.nsdi-about .section-vision .section-bg{right:-15px}.nsdi-about .section-vision .grid-item{margin-bottom:100px}.nsdi-about .section-vision .grid-item .no-mb{margin-bottom:0px}.nsdi-theme.nsdi-about .main-header h1.title-bg{margin-bottom:10px}.nsdi-theme.nsdi-about .main-header h1.title-sm{margin-top:120px;text-align:right}.nsdi-theme.nsdi-about .main-header h1.title-sm span{position:relative}.nsdi-theme.nsdi-about .main-header h1.title-sm span:before{display:block;left:-15px;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100px}}@media all and (max-width: 768px){.nsdi-about .main-header{background-attachment:scroll}.nsdi-about .section-brand .section-bg{right:-15px;height:calc(100% + 110px + 104px);top:-110px}.nsdi-about .section-brand .intro-wrap .content-box .content{padding-right:30px}.nsdi-about .section-brand .intro-wrap .content-box .content p{letter-spacing:1.5px}.nsdi-about .section-brand .intro-wrap .content-box .content p span{display:initial}.nsdi-about .section-features .section-header{margin-top:-45px;background-attachment:scroll}.nsdi-about .section-features .section-header .title-wrap h3{display:block;font-size:32px}.nsdi-about .section-features .section-header .title-wrap h3 span{font-size:14px}.nsdi-about .section-features .section-header .title-wrap .icon{display:block;margin:17px auto 15px}.nsdi-about .section-features .section-body{margin-top:-45px}.nsdi-about .section-features .section-body .grid-item,.nsdi-about .section-features .section-body .grid-item:last-child{margin-right:auto;margin-left:auto;display:block}}@media all and (max-width: 480px){.nsdi-about .section-brand .img-wrap{-webkit-transform:translateX(0);transform:translateX(0);width:100vw}.nsdi-about .section-vision h3:after{right:-25px;width:30%}}@media all and (max-height: 900px){.nsdi-theme.nsdi-about .main-header h1.title-sm{margin-top:10vh}}.grecaptcha-badge{opacity:0;pointer-events:none}.nsdi-theme.nsdi-contact .selectric{background:none;border:1px solid rgba(222,165,106,0.7);z-index:1}.nsdi-theme.nsdi-contact .selectric .button{display:none}.nsdi-theme.nsdi-contact .selectric .label{font-size:15px;font-weight:500;letter-spacing:normal;line-height:normal;text-align:left;color:#dea56a;margin:0;padding:8px 60px 8px 10px}.nsdi-theme.nsdi-contact .selectric-items{background-color:rgba(26,26,26,0.8);border:1px solid rgba(222,165,106,0.7);outline:0}.nsdi-theme.nsdi-contact .selectric-items li{font-size:15px;font-weight:500;letter-spacing:normal;line-height:normal;color:#dea56a;padding:5px 10px}.nsdi-theme.nsdi-contact .selectric-items li:hover{background-color:rgba(222,165,106,0.1)}.nsdi-theme.nsdi-contact .selectric-items li.highlighted,.nsdi-theme.nsdi-contact .selectric-items li.selected{background-color:rgba(222,165,106,0.1)}.nsdi-theme.nsdi-contact .selectric-wrapper:after,.nsdi-theme.nsdi-contact .selectric-wrapper:before{content:'';position:absolute;z-index:0}.nsdi-theme.nsdi-contact .selectric-wrapper:after{width:50px;height:100%;border-left:1px solid rgba(222,165,106,0.7);right:0;top:0}.nsdi-theme.nsdi-contact .selectric-wrapper:before{width:10px;height:10px;border-right:1px solid #dea56a;border-bottom:1px solid #dea56a;-webkit-transform:rotate(45deg) translate(-50%, -50%);transform:rotate(45deg) translate(-50%, -50%);-webkit-transform-origin:center;transform-origin:center;right:20px;top:50%}.nsdi-theme.nsdi-contact .input-clear{width:15px;height:15px;position:relative;margin-right:10px;top:50% !important;-webkit-transform:translateY(-50%) !important;transform:translateY(-50%) !important}.nsdi-theme.nsdi-contact .input-clear:before,.nsdi-theme.nsdi-contact .input-clear:after{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:1px;background-color:#dea56a}.nsdi-theme.nsdi-contact .input-clear:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.nsdi-theme.nsdi-contact .input-clear:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.nsdi-theme.nsdi-contact .input-clear:hover{opacity:0.8}.nsdi-theme.nsdi-contact .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0025.jpg)}.nsdi-theme.nsdi-contact .main-header:after{background:rgba(0,0,0,0.5)}.nsdi-theme.nsdi-contact .main-body{min-height:1000px}.nsdi-theme.nsdi-contact .section-info{margin-top:160px;position:relative;z-index:1}.nsdi-theme.nsdi-contact .section-info .info-box{margin-bottom:35px}.nsdi-theme.nsdi-contact .section-info .info-box h3{padding:15px 0px 30px 0px}.nsdi-theme.nsdi-contact .section-info .info-box h3 span{vertical-align:top;line-height:inherit;padding:0}.nsdi-theme.nsdi-contact .section-info .info-box h3,.nsdi-theme.nsdi-contact .section-info .info-box h3 span{font-size:22px;font-weight:500;letter-spacing:2.4px;color:#dea56a;text-align:left;vertical-align:top;line-height:1.71}.nsdi-theme.nsdi-contact .section-info .info-box span,.nsdi-theme.nsdi-contact .section-info .info-box a,.nsdi-theme.nsdi-contact .section-info .info-box p{font-size:15px;letter-spacing:2px;text-align:left;color:#fff;padding:2px 0px;-webkit-transition:all .3s ease;transition:all .3s ease;vertical-align:top;line-height:1.71}.nsdi-theme.nsdi-contact .section-info .info-box li{font-size:0px;white-space:nowrap}.nsdi-theme.nsdi-contact .section-info .info-box li span{white-space:normal;display:inline-block;vertical-align:top}.nsdi-theme.nsdi-contact .section-info .info-box li span.title{width:25%;max-width:120px}.nsdi-theme.nsdi-contact .section-info .info-box li span.content{width:75%}.nsdi-theme.nsdi-contact .section-info .main-btn-wrap{margin-top:15px}.nsdi-theme.nsdi-contact .section-info .main-btn-wrap .main-btn a span{text-transform:uppercase}.nsdi-theme.nsdi-contact .section-info .map-wrap{position:absolute;width:60%;height:100%;left:0;top:0}.nsdi-theme.nsdi-contact .section-info .map-wrap .map{position:absolute;right:0;top:0;width:100%;height:100%}.nsdi-theme.nsdi-contact .section-info .map-wrap .map iframe{width:100%;height:100%;border:0}.nsdi-theme.nsdi-contact .section-inquiry-form{margin-top:182px}.nsdi-theme.nsdi-contact .section-inquiry-form .main-bg{position:absolute;width:3000px;height:calc(100% + 202px + 99px);left:0;top:-202px;background-color:#1a1a1a;z-index:0}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header{position:absolute;left:0;top:0;height:100%;width:30%;padding-left:125px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span{display:inline-block;font-size:36px;font-weight:500;letter-spacing:3.9px;text-align:left;color:#ffffff;line-height:1.25}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span.en,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span.en span,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span span.en,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span span.en span{display:block;font-size:26px;letter-spacing:3px;text-align:left;color:#dea56a;padding-bottom:12px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span.en span,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span span.en span{display:inline-block}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header p.note{position:absolute;width:100%;bottom:63px;left:0;padding-left:125px;font-size:14px;letter-spacing:1.8px;text-align:justify;color:#ffffff}.nsdi-theme.nsdi-contact .section-inquiry-form .verify-wrap .verify-box{width:80%;margin-left:20%}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap{font-size:0px;white-space:nowrap;margin-bottom:15px}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .input-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .textarea-wrap{display:inline-block;font-size:15px;white-space:normal;vertical-align:top;font-weight:300;letter-spacing:3.2px;text-align:left;color:#dea56a}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap{width:20%;text-align:right}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .input-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap{width:80%}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .textarea-wrap{width:calc(90% + 3px)}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap.lg{width:calc(10% - 3px)}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap{position:relative;margin-bottom:12px}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap option{color:#202020}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap select{position:relative;z-index:1}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap label{padding:10px 15px 10px 0px}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap input,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap select,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap textarea{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:none;box-shadow:none;-webkit-box-shadow:initial;box-shadow:initial;border:1px solid rgba(222,165,106,0.7);width:100%;border-radius:0px;padding:10px;font-weight:500}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap input:focus,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap select:focus,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap textarea:focus{background-color:rgba(222,165,106,0.1)}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap input{padding-right:40px}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap textarea{min-height:200px;max-height:300px;min-width:100%;max-width:100%}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap select{padding-right:60px}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-pos{text-align:right}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap{width:100%;border:1px solid #dea56a;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;display:inline-block}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn{width:100%;position:relative;overflow:hidden;display:inline-block;background-color:transparent;border:0;outline:0;padding:0px;vertical-align:middle}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn:focus{background-color:rgba(222,165,106,0.1)}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn a{padding:12px 0;width:100%;height:100%;display:block;position:relative;text-align:center}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:#dea56a;-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1)}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;background-color:rgba(222,165,106,0.1);-webkit-transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:.4s;transition-delay:.4s}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn a span{position:relative;font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:15px;letter-spacing:2.1px;color:#dea56a;left:0px;padding:0 38px;-webkit-transition:1s cubic-bezier(0.23, 1, 0.32, 1);transition:1s cubic-bezier(0.23, 1, 0.32, 1);z-index:1;-webkit-transition-delay:.2s;transition-delay:.2s;font-size:16px;font-weight:bold;letter-spacing:2.4px}@media (min-width: 1200px){.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn:hover a:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition-delay:.4s;transition-delay:.4s}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn:hover a:before{-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}.nsdi-theme.nsdi-contact .section-inquiry-form .sub-btn-wrap .sub-btn:hover a span{color:#1a1a1a;left:5px}}.nsdi-theme.nsdi-contact .section-inquiry-form .form-footer-wrap{position:relative;text-align:right}.nsdi-theme.nsdi-contact .section-inquiry-form .form-footer{position:relative;display:inline-block}.nsdi-theme.nsdi-contact .section-inquiry-form p.greeting{margin-top:15px;font-size:15px;font-weight:400;letter-spacing:3.2px;color:#dea56a}.nsdi-theme.nsdi-contact .jcf-select-drop{position:absolute;top:38px;left:-1px;z-index:10;border:1px solid rgba(222,165,106,0.7);background-color:rgba(26,26,26,0.8)}.nsdi-theme.nsdi-contact .jcf-select{width:100%;display:block;padding:8px 10px;position:relative;border:1px solid rgba(222,165,106,0.7);z-index:2;cursor:pointer}.nsdi-theme.nsdi-contact .jcf-list-content ul{padding:4px 10px;margin:0}.nsdi-theme.nsdi-contact .jcf-list-content li{list-style:none;cursor:pointer;line-height:150%;margin:0;padding:2px 0}.nsdi-theme.nsdi-contact .jcf-list-content li span{display:block}.nsdi-theme.nsdi-contact .section-contact{margin-top:195px;margin-bottom:100px}.nsdi-theme.nsdi-contact .section-contact .block-2 .title{font-size:15px;letter-spacing:3.2px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-contact .section-contact .block-2 .content{margin-bottom:15px}.nsdi-theme.nsdi-contact .section-contact .block-2 .content.no-mb{margin-bottom:0px}.nsdi-theme.nsdi-contact .section-contact .block-2 .content a{font-size:15px;letter-spacing:3.2px;text-align:left;color:#dea56a;word-break:break-all}.nsdi-theme.nsdi-contact .section-contact .block-2 .content p{font-size:14px;line-height:1.71;letter-spacing:1.8px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap{position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;padding:15px;border:1px solid transparent}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .icon-wrap{width:100px;height:100px;margin:0 auto;margin-bottom:30px}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .icon-wrap img{width:100%;height:auto}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap{text-align:center}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap h4{font-size:22px;font-weight:500;letter-spacing:2.4px;margin-bottom:12px;color:#dea56a}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap p,.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap p span{font-size:14px;line-height:2.36;letter-spacing:1.8px;color:#ffffff}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap .qrcode-wrap,.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap .info{display:inline-block;vertical-align:top}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap .info{text-align:left;padding-left:25px;white-space:normal}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap .qrcode-wrap{width:90px;height:90px}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap .qrcode-wrap img{width:100%;height:auto}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap.is-line .info-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap a{position:absolute;width:100%;height:100%;left:0;top:0}.ie .nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap input,.ie .nsdi-theme .u-search-wrap input,.edge .nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap input,.edge .nsdi-theme .u-search-wrap input{padding-right:10px}@media all and (min-width: 1600px){.nsdi-theme.nsdi-contact .section-contact .block-1 .row{margin-left:15px;margin-right:-30px}.nsdi-theme.nsdi-contact .section-contact .block-1 div[class^=col-]{padding-left:0px}}@media all and (min-width: 1200px){.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap:hover{background-color:rgba(222,165,106,0.05);border:1px solid #dea56a}}@media all and (min-width: 1200px){.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap:hover,.nsdi-theme.nsdi-contact .section-contact a:hover{opacity:0.8}.nsdi-theme.nsdi-contact .section-info .info-box a:hover{opacity:0.8}}@media all and (max-width: 1600px){.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap{width:25%}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .input-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap{width:75%}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .textarea-wrap{width:calc(87.5% + 3px)}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap.lg{width:calc(12.5% - 3px)}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap label{padding-right:10px}.nsdi-theme.nsdi-contact .section-inquiry-form .verify-wrap .verify-box{width:75%;margin-left:25%}.nsdi-theme.nsdi-contact .section-inquiry-form .form-footer{width:100%}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap{margin-bottom:30px}.nsdi-theme.nsdi-contact .section-contact .block-2{margin-top:60px}.nsdi-theme.nsdi-contact .section-contact .block-2 .title{text-align:center}.nsdi-theme.nsdi-contact .section-contact .block-2 .content{padding-left:0px;margin-bottom:30px;text-align:center}.nsdi-theme.nsdi-contact .section-contact .block-2 .content a,.nsdi-theme.nsdi-contact .section-contact .block-2 .content p{text-align:center}}@media all and (max-width: 1199px){.nsdi-theme.nsdi-contact .section-info{margin-top:80px}.nsdi-theme.nsdi-contact .section-info .map-wrap{position:relative;width:100%;height:350px;margin-top:50px}.nsdi-theme.nsdi-contact .section-inquiry-form{padding:100px 0px;background-color:#1a1a1a;margin-top:0px;padding-top:120px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header{position:relative;width:100%;height:auto;margin-bottom:45px;padding-left:0px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3{margin-bottom:25px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header p.note{position:relative;width:100%;bottom:auto;left:auto;bottom:initial;left:initial;padding-left:0px}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap{text-align:left}.nsdi-theme.nsdi-contact .section-contact{margin-top:90px}.nsdi-theme.nsdi-contact .section-contact .block-1{margin-bottom:35px}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap-col{text-align:center}}@media all and (max-width: 991px){.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap{width:calc(12.5% - 3px)}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .input-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap{width:calc(87.5% + 3px)}.nsdi-theme.nsdi-contact .section-inquiry-form .verify-wrap .verify-box{width:calc(87.5% + 3px);margin-left:calc(12.5% - 3px);padding-bottom:15px;text-align:right}.nsdi-theme.nsdi-contact .section-inquiry-form .verify-wrap .verify-box .g-recaptcha{display:inline-block}.nsdi-theme.nsdi-contact .section-inquiry-form .form-footer{width:350px;max-width:100%}}@media all and (max-width: 768px){.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap{white-space:normal}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .input-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap.lg,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .textarea-wrap{display:block;width:100%}.nsdi-theme.nsdi-contact .section-inquiry-form .verify-wrap .verify-box{width:100%;margin-left:0px;text-align:left}.nsdi-theme.nsdi-contact .section-inquiry-form .form-footer-wrap{text-align:left}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap.is-line{display:block}.nsdi-theme.nsdi-contact .section-contact .contact-link-wrap .info-wrap .info{width:100%;padding-left:0px;text-align:center}}@media all and (max-width: 480px){.nsdi-theme.nsdi-contact .section-info .info-box p{margin-bottom:10px}.nsdi-theme.nsdi-contact .section-info .info-box li{margin-bottom:10px}.nsdi-theme.nsdi-contact .section-info .info-box li:last-child{margin-bottom:0px}.nsdi-theme.nsdi-contact .section-info .info-box li span{display:block}.nsdi-theme.nsdi-contact .section-info .info-box li span.title{width:100%}.nsdi-theme.nsdi-contact .section-info .info-box li span.content{width:100%}.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .label-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .input-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .select-wrap,.nsdi-theme.nsdi-contact .section-inquiry-form .field-wrap .textarea-wrap{font-size:14px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span{font-size:32px;letter-spacing:3.2px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span.en,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span.en span,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span span.en,.nsdi-theme.nsdi-contact .section-inquiry-form .form-header h3 span span.en span{font-size:18px;letter-spacing:2.5px;padding-bottom:8px}.nsdi-theme.nsdi-contact .section-inquiry-form .form-header p.note{font-size:14px;letter-spacing:1px}.nsdi-theme.nsdi-contact .section-inquiry-form p.greeting{font-size:14px;letter-spacing:1px}.nsdi-theme.nsdi-contact .section-inquiry-form .verify-wrap .verify-box{padding-bottom:0px}.nsdi-theme.nsdi-contact .section-inquiry-form .g-recaptcha{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left top;transform-origin:left top}}.nsdi-theme.nsdi-team .revealAniR{-webkit-animation:revealAniR 1.5s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniR 1.5s cubic-bezier(0.19, 1, 0.22, 1)}.nsdi-theme.nsdi-team .revealAniL{-webkit-animation:revealAniL 1.5s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniL 1.5s cubic-bezier(0.19, 1, 0.22, 1)}.nsdi-theme.nsdi-team .revealAniT{-webkit-animation:revealAniT 1.5s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniT 1.5s cubic-bezier(0.19, 1, 0.22, 1)}.nsdi-theme.nsdi-team .revealAniB{-webkit-animation:revealAniB 1.5s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniB 1.5s cubic-bezier(0.19, 1, 0.22, 1)}.nsdi-theme.nsdi-team .reveal-content-wrap{height:100%;position:absolute;left:0;top:0}.nsdi-theme.nsdi-team .reveal{background-color:#dea56a}.nsdi-theme.nsdi-team .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0085.jpg)}.nsdi-theme.nsdi-team .main-header:after{background:rgba(0,0,0,0.5)}.nsdi-theme.nsdi-team .main-body{min-height:1000px;overflow:hidden}.nsdi-theme.nsdi-team .main-section{position:relative}.nsdi-theme.nsdi-team .main-section .img-wrap{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-repeat:no-repeat;background-position:right center}.nsdi-theme.nsdi-team .main-section .reveal-content-wrap{width:50%}.nsdi-theme.nsdi-team .main-section .job-item h4.title{font-size:22px;font-weight:500;letter-spacing:2.4px;text-align:left;color:#dea56a;padding-bottom:15px;line-height:1.5}.nsdi-theme.nsdi-team .main-section .job-item ul.intro-list{padding-left:20px;margin-bottom:62.5px}.nsdi-theme.nsdi-team .main-section .job-item ul.intro-list li{list-style-type:decimal;font-size:14px;line-height:2.36;letter-spacing:1.8px;padding:2px 47px 2px 5px;text-align:left}.nsdi-theme.nsdi-team .main-section .job-item ul.intro-list li span{font-size:14px;line-height:2.36;letter-spacing:1.8px;text-align:left}.nsdi-theme.nsdi-team .section-welcome{margin-top:160px;margin-bottom:303px}.nsdi-theme.nsdi-team .section-welcome .reveal-content-wrap{width:50%;height:0;padding-top:calc(50% / 960 * 588)}.nsdi-theme.nsdi-team .section-welcome .img-wrap{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0011.jpg);background-position:center center;width:100%;height:100%}.nsdi-theme.nsdi-team .section-welcome .section-bg{background-color:#1a1a1a;width:100%;height:calc(100% + 482px);position:absolute;left:0;top:145px}.nsdi-theme.nsdi-team .section-welcome .title{margin-top:85px}.nsdi-theme.nsdi-team .section-welcome .title h3,.nsdi-theme.nsdi-team .section-welcome .title h3 span{font-size:30px;font-weight:500;letter-spacing:3.2px;text-align:left;line-height:1.45}.nsdi-theme.nsdi-team .section-welcome .title h3 span.en,.nsdi-theme.nsdi-team .section-welcome .title h3 span span.en{display:block}.nsdi-theme.nsdi-team .section-welcome .title h3 span.en,.nsdi-theme.nsdi-team .section-welcome .title h3 span.en span,.nsdi-theme.nsdi-team .section-welcome .title h3 span span.en,.nsdi-theme.nsdi-team .section-welcome .title h3 span span.en span{font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:26px;letter-spacing:3px;text-align:left;color:#dea56a}.nsdi-theme.nsdi-team .section-welcome .title h3{padding-bottom:35px;margin-bottom:9px;position:relative}.nsdi-theme.nsdi-team .section-welcome .title h3:after{content:'';position:absolute;width:50px;height:1px;background-color:#fff;left:0;bottom:0}.nsdi-theme.nsdi-team .section-welcome .content{padding-top:30px;padding-bottom:30px}.nsdi-theme.nsdi-team .section-welcome .content p,.nsdi-theme.nsdi-team .section-welcome .content a{margin-bottom:30px;font-size:14px;line-height:2.36;letter-spacing:1.8px;text-align:left;-webkit-transition:all .2s ease;transition:all .2s ease}.nsdi-theme.nsdi-team .section-welcome .main-btn-wrap{margin-top:15px}.nsdi-theme.nsdi-team .section-welcome .main-btn-wrap .main-btn a span{text-transform:uppercase}.nsdi-theme.nsdi-team .section-job-1,.nsdi-theme.nsdi-team .section-job-3{margin-bottom:calc( 151px - 62.5px)}.nsdi-theme.nsdi-team .section-job-1 .reveal-content-wrap,.nsdi-theme.nsdi-team .section-job-3 .reveal-content-wrap{left:auto;left:initial;right:0;width:43%;max-height:488px}.nsdi-theme.nsdi-team .section-job-1.main-section .img-wrap,.nsdi-theme.nsdi-team .section-job-3.main-section .img-wrap{left:auto;left:initial;right:0;width:100%}.nsdi-theme.nsdi-team .section-job-1 .img-wrap,.nsdi-theme.nsdi-team .section-job-3 .img-wrap{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0074.jpg);height:100%;background-position:left center}.nsdi-theme.nsdi-team .section-job-1 .section-bg,.nsdi-theme.nsdi-team .section-job-3 .section-bg{background-color:#2c2c2c;width:3000px;height:calc(100% + 145px + 460px - 62.5px);position:absolute;left:auto;left:initial;right:12.5%;top:-145px}.nsdi-theme.nsdi-team .section-job-3 .img-wrap{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0158.jpg)}.nsdi-theme.nsdi-team .section-job-2{margin-bottom:calc(86px + 111px - 62.5px)}.nsdi-theme.nsdi-team .section-job-2 .reveal-content-wrap{width:54.2%;height:60%;left:-15px;top:-52px}.nsdi-theme.nsdi-team .section-job-2.main-section .img-wrap{width:100%;height:100%}.nsdi-theme.nsdi-team .section-job-2.main-section .job-item ul.intro-list li{padding-right:10px}.nsdi-theme.nsdi-team .section-job-2 .job-list-wrap{padding-top:79px}.nsdi-theme.nsdi-team .section-job-2 .img-wrap{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0227.jpg);background-position:left center}.nsdi-theme.nsdi-team .section-job-2 .section-bg{background-color:#1a1a1a;width:calc(100% / 12 * 10);height:calc(100% + 111px - 62.5px);position:absolute;left:auto;left:initial;right:0px;top:0px}.nsdi-theme.nsdi-team .section-job-1.section-job-3 .img-wrap{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0158.jpg)}.nsdi-theme.nsdi-team .section-job-3{margin-bottom:15vh}@media all and (min-width: 1200px){.nsdi-theme.nsdi-team .section-welcome .content a:hover{opacity:0.8}}@media all and (max-width: 1600px){.nsdi-theme.nsdi-team .main-section .job-item h4.title{font-size:18px}.nsdi-theme.nsdi-team .main-section .job-item ul.intro-list li{padding-right:25px}.nsdi-theme.nsdi-team .section-job-2 .section-bg{width:3000px;left:-55px;right:auto;right:initial}}@media all and (max-width: 1199px){.nsdi-theme.nsdi-team .main-section .reveal-content-wrap{position:relative;width:100%;height:480px;margin-top:50px}.nsdi-theme.nsdi-team .main-section .job-item ul.intro-list li{padding-right:0px}.nsdi-theme.nsdi-team .section-welcome{margin-top:80px;margin-bottom:265px}.nsdi-theme.nsdi-team .section-welcome .section-bg{height:100%;left:auto;left:initial;right:-35px;width:3000px}.nsdi-theme.nsdi-team .section-welcome .reveal-content-wrap{width:100%;height:0;padding-top:calc(100% / 960 * 588)}.nsdi-theme.nsdi-team .section-job-1{margin-bottom:calc( 182px - 62.5px)}.nsdi-theme.nsdi-team .section-job-1 .reveal-content-wrap{position:relative;width:100%;height:480px;margin-top:50px}.nsdi-theme.nsdi-team .section-job-1 .section-bg{right:-35px}.nsdi-theme.nsdi-team .section-job-2 .reveal-content-wrap{left:0px;top:0}}@media all and (max-width: 768px){.nsdi-theme.nsdi-team .main-container{padding-left:15px;padding-right:15px}.nsdi-theme.nsdi-team .section-welcome{margin-bottom:200px}.nsdi-theme.nsdi-team .section-job-1{margin-bottom:200px}.nsdi-theme.nsdi-team .section-job-1 .reveal-content-wrap{margin-top:-12.5px}.nsdi-theme.nsdi-team .section-job-2{margin-bottom:200px}.nsdi-theme.nsdi-team .section-job-2 .reveal-content-wrap{margin-top:-12.5px}.nsdi-theme.nsdi-team .section-job-2 .job-list-wrap{padding-top:0px}}@media all and (max-width: 480px){.nsdi-theme.nsdi-team .section-welcome .title h3,.nsdi-theme.nsdi-team .section-welcome .title h3 span{font-size:24px}.nsdi-theme.nsdi-team .section-welcome .title h3 span.en,.nsdi-theme.nsdi-team .section-welcome .title h3 span.en span,.nsdi-theme.nsdi-team .section-welcome .title h3 span span.en,.nsdi-theme.nsdi-team .section-welcome .title h3 span span.en span{font-size:18px}.nsdi-theme.nsdi-team .main-section .reveal-content-wrap{max-height:320px}.nsdi-theme.nsdi-team .section-job-1.main-section .reveal-content-wrap{max-height:320px}.nsdi-theme.nsdi-team .section-job-2.main-section .reveal-content-wrap{max-height:320px}}.nsdi-theme.nsdi-team-new .team-list{padding:50px 0 100px;background-color:#000}.nsdi-theme.nsdi-team-new .team-list__wrapper{overflow:hidden}.nsdi-theme.nsdi-team-new .team-list__item{border-top:1px solid #fff;width:75%;padding:20px 0;cursor:pointer}.nsdi-theme.nsdi-team-new .team-list__item:hover{opacity:0.6}.nsdi-theme.nsdi-team-new .team-list__item__name{font-size:5vw;font-weight:bold;text-transform:capitalize;font-family:'Press Start 2P', cursive}.nsdi-theme.nsdi-team-new .team-list__item__name span{text-transform:uppercase;letter-spacing:2px;opacity:0.6;padding-left:20px;font-weight:bold}.nsdi-theme.nsdi-team-new .intro{width:100%;background:url("../team/load.svg") center center no-repeat;background-size:24px 24px;background-color:#000;min-height:85vh}.nsdi-theme.nsdi-team-new .intro video{width:100%;-o-object-fit:cover;object-fit:cover;height:85vh;position:relative;z-index:2}.nsdi-theme.nsdi-team-new .intro__title{position:absolute;width:100%;height:85vh;top:0;left:0;z-index:2}.nsdi-theme.nsdi-team-new .intro__title h1{font-family:'Press Start 2P', cursive;margin-bottom:20px}.nsdi-theme.nsdi-team-new .intro__title h2{font-size:24px;font-weight:bold;margin-bottom:20px}.nsdi-theme.nsdi-team-new .intro__title .container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:50px}.nsdi-theme.nsdi-team-new .intro__title__arrow{border-radius:3px;border:1px solid #fff;padding:4px 10px;width:120px;text-align:center;opacity:0.6}.nsdi-theme.nsdi-team-new .intro__title__arrow img{width:24px;height:24px;margin-right:5px}.nsdi-theme.nsdi-team-new .team-video{border-radius:10px;background:url("../team/load.svg") center center no-repeat;background-size:24px 24px;background-color:rgba(0,0,0,0.5)}.nsdi-theme.nsdi-team-new .team-video video{position:absolute;z-index:10000;width:30vw;max-width:720px;height:auto;top:0;left:0}@media all and (max-width: 1200px){.nsdi-theme.nsdi-team-new .intro{min-height:auto;padding-top:100px}.nsdi-theme.nsdi-team-new .intro video{-o-object-fit:inherit;object-fit:inherit;height:auto}.nsdi-theme.nsdi-team-new .intro__title{position:relative;height:auto}.nsdi-theme.nsdi-team-new .intro__title h1{font-size:48px}.nsdi-theme.nsdi-team-new .team-list{padding:30px 0 50px}.nsdi-theme.nsdi-team-new .team-list__item{width:100%}}@media all and (max-width: 720px){.nsdi-theme.nsdi-team-new .main-btn-pos{text-align:center;margin:50px 0}.nsdi-theme.nsdi-team-new .intro{padding-top:50px}.nsdi-theme.nsdi-team-new .intro__title h1{font-size:36px;line-height:120%;margin-bottom:10px}.nsdi-theme.nsdi-team-new .intro__title h2{font-size:18px;line-height:150%;width:75%}.nsdi-theme.nsdi-team-new .intro__title__arrow{display:none}.nsdi-theme.nsdi-team-new .intro__title .container{padding-bottom:30px}.nsdi-theme.nsdi-team-new .team-list{padding-top:0}.nsdi-theme.nsdi-team-new .team-list__item{border-top:0.5px solid #fff}.nsdi-theme.nsdi-team-new .team-list__item__name span{font-size:10px;display:block;padding-left:0}.nsdi-theme.nsdi-team-new .team-video video{position:fixed;z-index:1000;width:calc(100% - 20px);height:40vh;-o-object-fit:cover;object-fit:cover;top:auto;bottom:10px;left:10px}}.nsdi-theme .section-nav{position:relative}.nsdi-theme .ps__rail-y{background-color:rgba(0,0,0,0.1);width:7px;opacity:1;right:0}.nsdi-theme .ps__thumb-y{background-color:rgba(0,0,0,0.3);border-radius:8px;width:7px;right:0}.nsdi-theme .ps--clicking.ps__rail-y{background-color:rgba(0,0,0,0.1);width:7px;opacity:1;right:0}.nsdi-theme .ps--clicking.ps__rail-y .ps__thumb-y{background-color:rgba(0,0,0,0.3);width:7px;right:0}.nsdi-theme .ps__rail-y:hover,.nsdi-theme:focus{background-color:rgba(0,0,0,0.1);width:7px;opacity:1;right:0}.nsdi-theme .ps__rail-y:hover .ps__thumb-y,.nsdi-theme:focus .ps__thumb-y{background-color:rgba(0,0,0,0.3);width:7px;right:0}.nsdi-theme .ps__rail-x{background-color:rgba(0,0,0,0.1);height:7px;opacity:1;right:0}.nsdi-theme .ps__thumb-x{background-color:rgba(0,0,0,0.3);border-radius:8px;height:7px;right:0}.nsdi-theme .ps--clicking.ps__rail-x{background-color:rgba(0,0,0,0.1);height:7px;opacity:1;right:0}.nsdi-theme .ps--clicking.ps__rail-x .ps__thumb-x{background-color:rgba(0,0,0,0.3);height:7px;right:0}.nsdi-theme .ps__rail-x:hover,.nsdi-theme:focus{background-color:rgba(0,0,0,0.1);height:7px;opacity:1;right:0}.nsdi-theme .ps__rail-x:hover .ps__thumb-x,.nsdi-theme:focus .ps__thumb-x{background-color:rgba(0,0,0,0.3);height:7px;right:0}.nsdi-theme .collapse-nav.intro-section--sticky{height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden}.nsdi-theme .collapse-nav-toggle{display:none;position:absolute;right:0;height:100%;width:30px;top:0;cursor:pointer}.nsdi-theme .collapse-nav-toggle span{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-transform:uppercase;padding:120px 0px 40px;line-height:30px;font-size:12px;color:#dea56a;letter-spacing:1.3px;-webkit-transition:.5s ease;transition:.5s ease;position:relative}.nsdi-theme .collapse-nav-toggle span:after{content:'';position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%, 0) rotate(90deg);transform:translate(-50%, 0) rotate(90deg);width:0;height:0;border-style:solid;border-width:0 3.35px 4px 3.35px;border-color:transparent transparent #dea56a transparent}.nsdi-theme .collapse-nav-toggle.active span{color:#1a1a1a}.nsdi-theme .collapse-nav-toggle.active span:after{-webkit-transform:translate(-50%, 0) rotate(-90deg);transform:translate(-50%, 0) rotate(-90deg)}.nsdi-theme .client-side-nav{text-align:center;color:#fff}.nsdi-theme .client-side-nav ul{padding:0;margin:0}.nsdi-theme .client-side-nav li{list-style-type:none}.nsdi-theme .client-side-nav span{text-align:inherit}.nsdi-theme .client-side-nav span.main-item-toggle{display:block;cursor:pointer;background-color:#1a1a1a;padding:25px;font-size:18px;font-weight:500;letter-spacing:2.3px;-webkit-transition:.5s ease;transition:.5s ease}.nsdi-theme .client-side-nav .main-item{margin-bottom:10px;position:relative}.nsdi-theme .client-side-nav .main-item.active .sub-list{display:block;position:relative;-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto;-webkit-transition:.5s ease;transition:.5s ease}.nsdi-theme .client-side-nav .main-item.active .sub-item{opacity:1;-webkit-transform:translateY(0px) scaleY(1);transform:translateY(0px) scaleY(1)}.nsdi-theme .client-side-nav .sub-list{padding:12.5px 0;background-color:#2c2c2c;-webkit-transform:scaleY(0);transform:scaleY(0);position:absolute;left:0;top:0;width:100%;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:0s ease;transition:0s ease}.nsdi-theme .client-side-nav .sub-item{-webkit-transition:.7s .2s ease, -webkit-transform .5s ease;transition:.7s .2s ease, -webkit-transform .5s ease;transition:.7s .2s ease, transform .5s ease;transition:.7s .2s ease, transform .5s ease, -webkit-transform .5s ease;-webkit-transform:translateY(-30px) scaleY(1);transform:translateY(-30px) scaleY(1);width:100%;opacity:0}.nsdi-theme .client-side-nav .sub-item a{display:block;padding:12.5px 25px;font-size:16px;font-weight:500;line-height:1;letter-spacing:2px;-webkit-transition:.5s ease;transition:.5s ease}.nsdi-theme .client-side-nav .sub-item.active a{color:#dea56a}.nsdi-theme .client-side-nav .sub-item:nth-child(1){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 1 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 1 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 1 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 1 * 0.05s) ease,-webkit-transform 0.5s calc( 1 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(2){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 2 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 2 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 2 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 2 * 0.05s) ease,-webkit-transform 0.5s calc( 2 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(3){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 3 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 3 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 3 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 3 * 0.05s) ease,-webkit-transform 0.5s calc( 3 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(4){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 4 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 4 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 4 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 4 * 0.05s) ease,-webkit-transform 0.5s calc( 4 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(5){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 5 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 5 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 5 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 5 * 0.05s) ease,-webkit-transform 0.5s calc( 5 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(6){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 6 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 6 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 6 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 6 * 0.05s) ease,-webkit-transform 0.5s calc( 6 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(7){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 7 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 7 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 7 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 7 * 0.05s) ease,-webkit-transform 0.5s calc( 7 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(8){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 8 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 8 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 8 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 8 * 0.05s) ease,-webkit-transform 0.5s calc( 8 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(9){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 9 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 9 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 9 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 9 * 0.05s) ease,-webkit-transform 0.5s calc( 9 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(10){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 10 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 10 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 10 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 10 * 0.05s) ease,-webkit-transform 0.5s calc( 10 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(11){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 11 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 11 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 11 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 11 * 0.05s) ease,-webkit-transform 0.5s calc( 11 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(12){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 12 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 12 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 12 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 12 * 0.05s) ease,-webkit-transform 0.5s calc( 12 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(13){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 13 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 13 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 13 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 13 * 0.05s) ease,-webkit-transform 0.5s calc( 13 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(14){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 14 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 14 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 14 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 14 * 0.05s) ease,-webkit-transform 0.5s calc( 14 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(15){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 15 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 15 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 15 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 15 * 0.05s) ease,-webkit-transform 0.5s calc( 15 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(16){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 16 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 16 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 16 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 16 * 0.05s) ease,-webkit-transform 0.5s calc( 16 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(17){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 17 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 17 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 17 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 17 * 0.05s) ease,-webkit-transform 0.5s calc( 17 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(18){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 18 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 18 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 18 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 18 * 0.05s) ease,-webkit-transform 0.5s calc( 18 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(19){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 19 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 19 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 19 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 19 * 0.05s) ease,-webkit-transform 0.5s calc( 19 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(20){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 20 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 20 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 20 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 20 * 0.05s) ease,-webkit-transform 0.5s calc( 20 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(21){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 21 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 21 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 21 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 21 * 0.05s) ease,-webkit-transform 0.5s calc( 21 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(22){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 22 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 22 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 22 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 22 * 0.05s) ease,-webkit-transform 0.5s calc( 22 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(23){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 23 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 23 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 23 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 23 * 0.05s) ease,-webkit-transform 0.5s calc( 23 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(24){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 24 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 24 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 24 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 24 * 0.05s) ease,-webkit-transform 0.5s calc( 24 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(25){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 25 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 25 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 25 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 25 * 0.05s) ease,-webkit-transform 0.5s calc( 25 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(26){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 26 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 26 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 26 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 26 * 0.05s) ease,-webkit-transform 0.5s calc( 26 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(27){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 27 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 27 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 27 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 27 * 0.05s) ease,-webkit-transform 0.5s calc( 27 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(28){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 28 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 28 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 28 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 28 * 0.05s) ease,-webkit-transform 0.5s calc( 28 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(29){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 29 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 29 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 29 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 29 * 0.05s) ease,-webkit-transform 0.5s calc( 29 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(30){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 30 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 30 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 30 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 30 * 0.05s) ease,-webkit-transform 0.5s calc( 30 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(31){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 31 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 31 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 31 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 31 * 0.05s) ease,-webkit-transform 0.5s calc( 31 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(32){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 32 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 32 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 32 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 32 * 0.05s) ease,-webkit-transform 0.5s calc( 32 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(33){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 33 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 33 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 33 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 33 * 0.05s) ease,-webkit-transform 0.5s calc( 33 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(34){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 34 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 34 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 34 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 34 * 0.05s) ease,-webkit-transform 0.5s calc( 34 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(35){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 35 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 35 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 35 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 35 * 0.05s) ease,-webkit-transform 0.5s calc( 35 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(36){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 36 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 36 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 36 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 36 * 0.05s) ease,-webkit-transform 0.5s calc( 36 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(37){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 37 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 37 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 37 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 37 * 0.05s) ease,-webkit-transform 0.5s calc( 37 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(38){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 38 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 38 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 38 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 38 * 0.05s) ease,-webkit-transform 0.5s calc( 38 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(39){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 39 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 39 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 39 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 39 * 0.05s) ease,-webkit-transform 0.5s calc( 39 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(40){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 40 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 40 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 40 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 40 * 0.05s) ease,-webkit-transform 0.5s calc( 40 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(41){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 41 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 41 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 41 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 41 * 0.05s) ease,-webkit-transform 0.5s calc( 41 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(42){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 42 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 42 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 42 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 42 * 0.05s) ease,-webkit-transform 0.5s calc( 42 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(43){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 43 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 43 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 43 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 43 * 0.05s) ease,-webkit-transform 0.5s calc( 43 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(44){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 44 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 44 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 44 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 44 * 0.05s) ease,-webkit-transform 0.5s calc( 44 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(45){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 45 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 45 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 45 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 45 * 0.05s) ease,-webkit-transform 0.5s calc( 45 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(46){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 46 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 46 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 46 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 46 * 0.05s) ease,-webkit-transform 0.5s calc( 46 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(47){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 47 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 47 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 47 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 47 * 0.05s) ease,-webkit-transform 0.5s calc( 47 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(48){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 48 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 48 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 48 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 48 * 0.05s) ease,-webkit-transform 0.5s calc( 48 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(49){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 49 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 49 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 49 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 49 * 0.05s) ease,-webkit-transform 0.5s calc( 49 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(50){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 50 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 50 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 50 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 50 * 0.05s) ease,-webkit-transform 0.5s calc( 50 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(51){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 51 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 51 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 51 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 51 * 0.05s) ease,-webkit-transform 0.5s calc( 51 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(52){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 52 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 52 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 52 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 52 * 0.05s) ease,-webkit-transform 0.5s calc( 52 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(53){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 53 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 53 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 53 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 53 * 0.05s) ease,-webkit-transform 0.5s calc( 53 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(54){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 54 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 54 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 54 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 54 * 0.05s) ease,-webkit-transform 0.5s calc( 54 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(55){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 55 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 55 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 55 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 55 * 0.05s) ease,-webkit-transform 0.5s calc( 55 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(56){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 56 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 56 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 56 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 56 * 0.05s) ease,-webkit-transform 0.5s calc( 56 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(57){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 57 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 57 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 57 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 57 * 0.05s) ease,-webkit-transform 0.5s calc( 57 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(58){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 58 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 58 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 58 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 58 * 0.05s) ease,-webkit-transform 0.5s calc( 58 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(59){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 59 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 59 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 59 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 59 * 0.05s) ease,-webkit-transform 0.5s calc( 59 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(60){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 60 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 60 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 60 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 60 * 0.05s) ease,-webkit-transform 0.5s calc( 60 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(61){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 61 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 61 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 61 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 61 * 0.05s) ease,-webkit-transform 0.5s calc( 61 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(62){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 62 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 62 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 62 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 62 * 0.05s) ease,-webkit-transform 0.5s calc( 62 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(63){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 63 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 63 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 63 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 63 * 0.05s) ease,-webkit-transform 0.5s calc( 63 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(64){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 64 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 64 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 64 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 64 * 0.05s) ease,-webkit-transform 0.5s calc( 64 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(65){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 65 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 65 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 65 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 65 * 0.05s) ease,-webkit-transform 0.5s calc( 65 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(66){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 66 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 66 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 66 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 66 * 0.05s) ease,-webkit-transform 0.5s calc( 66 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(67){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 67 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 67 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 67 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 67 * 0.05s) ease,-webkit-transform 0.5s calc( 67 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(68){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 68 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 68 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 68 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 68 * 0.05s) ease,-webkit-transform 0.5s calc( 68 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(69){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 69 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 69 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 69 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 69 * 0.05s) ease,-webkit-transform 0.5s calc( 69 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(70){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 70 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 70 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 70 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 70 * 0.05s) ease,-webkit-transform 0.5s calc( 70 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(71){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 71 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 71 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 71 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 71 * 0.05s) ease,-webkit-transform 0.5s calc( 71 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(72){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 72 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 72 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 72 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 72 * 0.05s) ease,-webkit-transform 0.5s calc( 72 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(73){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 73 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 73 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 73 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 73 * 0.05s) ease,-webkit-transform 0.5s calc( 73 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(74){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 74 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 74 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 74 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 74 * 0.05s) ease,-webkit-transform 0.5s calc( 74 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(75){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 75 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 75 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 75 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 75 * 0.05s) ease,-webkit-transform 0.5s calc( 75 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(76){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 76 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 76 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 76 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 76 * 0.05s) ease,-webkit-transform 0.5s calc( 76 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(77){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 77 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 77 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 77 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 77 * 0.05s) ease,-webkit-transform 0.5s calc( 77 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(78){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 78 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 78 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 78 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 78 * 0.05s) ease,-webkit-transform 0.5s calc( 78 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(79){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 79 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 79 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 79 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 79 * 0.05s) ease,-webkit-transform 0.5s calc( 79 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(80){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 80 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 80 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 80 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 80 * 0.05s) ease,-webkit-transform 0.5s calc( 80 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(81){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 81 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 81 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 81 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 81 * 0.05s) ease,-webkit-transform 0.5s calc( 81 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(82){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 82 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 82 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 82 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 82 * 0.05s) ease,-webkit-transform 0.5s calc( 82 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(83){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 83 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 83 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 83 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 83 * 0.05s) ease,-webkit-transform 0.5s calc( 83 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(84){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 84 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 84 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 84 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 84 * 0.05s) ease,-webkit-transform 0.5s calc( 84 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(85){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 85 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 85 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 85 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 85 * 0.05s) ease,-webkit-transform 0.5s calc( 85 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(86){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 86 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 86 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 86 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 86 * 0.05s) ease,-webkit-transform 0.5s calc( 86 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(87){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 87 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 87 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 87 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 87 * 0.05s) ease,-webkit-transform 0.5s calc( 87 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(88){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 88 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 88 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 88 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 88 * 0.05s) ease,-webkit-transform 0.5s calc( 88 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(89){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 89 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 89 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 89 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 89 * 0.05s) ease,-webkit-transform 0.5s calc( 89 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(90){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 90 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 90 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 90 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 90 * 0.05s) ease,-webkit-transform 0.5s calc( 90 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(91){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 91 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 91 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 91 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 91 * 0.05s) ease,-webkit-transform 0.5s calc( 91 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(92){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 92 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 92 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 92 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 92 * 0.05s) ease,-webkit-transform 0.5s calc( 92 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(93){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 93 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 93 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 93 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 93 * 0.05s) ease,-webkit-transform 0.5s calc( 93 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(94){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 94 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 94 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 94 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 94 * 0.05s) ease,-webkit-transform 0.5s calc( 94 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(95){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 95 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 95 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 95 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 95 * 0.05s) ease,-webkit-transform 0.5s calc( 95 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(96){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 96 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 96 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 96 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 96 * 0.05s) ease,-webkit-transform 0.5s calc( 96 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(97){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 97 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 97 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 97 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 97 * 0.05s) ease,-webkit-transform 0.5s calc( 97 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(98){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 98 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 98 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 98 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 98 * 0.05s) ease,-webkit-transform 0.5s calc( 98 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(99){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 99 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 99 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 99 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 99 * 0.05s) ease,-webkit-transform 0.5s calc( 99 * 0.05s) ease}.nsdi-theme .client-side-nav .sub-item:nth-child(100){-webkit-transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 100 * 0.05s) ease;transition:0.7s 0.2s ease,-webkit-transform 0.5s calc( 100 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 100 * 0.05s) ease;transition:0.7s 0.2s ease,transform 0.5s calc( 100 * 0.05s) ease,-webkit-transform 0.5s calc( 100 * 0.05s) ease}.nsdi-theme.nsdi-clients .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0247.jpg);height:300px;min-height:0}.nsdi-theme.nsdi-clients .main-header:after{background:rgba(0,0,0,0.6)}.nsdi-theme.nsdi-clients .main-header .content{padding-top:96px;padding-bottom:99px}.nsdi-theme.nsdi-clients .main-header h1{font-size:60px;letter-spacing:3px;line-height:normal}.nsdi-theme.nsdi-clients .main-header h2{padding-top:0px}.nsdi-theme.nsdi-clients .main-body{padding:100px 0}.nsdi-theme.nsdi-clients .section-sort{padding-bottom:15px;padding-top:30px}.nsdi-theme.nsdi-clients .section-sort ul.sort-list{margin:0;padding:0;font-size:0px;letter-spacing:0px;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 -7.5px}.nsdi-theme.nsdi-clients .section-sort li.sort-item{list-style-type:none;display:inline-block;position:relative;letter-spacing:0px;margin:0 7.5px 15px;width:calc(100% / 3 - 15px);overflow:hidden}.nsdi-theme.nsdi-clients .section-sort li.sort-item .sort-img{width:100%;height:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-position:center center;background-size:cover;z-index:0;-webkit-transition:.8s ease;transition:.8s ease;-webkit-filter:grayscale(5);filter:grayscale(5);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transform-origin:center center;transform-origin:center center}.nsdi-theme.nsdi-clients .section-sort li.sort-item:before{content:'';width:105%;height:105%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;background-color:rgba(0,0,0,0.4);-webkit-transition:.8s ease;transition:.8s ease}.nsdi-theme.nsdi-clients .section-sort li.sort-item a{position:relative;z-index:2;text-align:center;display:block;letter-spacing:3px;color:#fff;font-size:24px;font-weight:500;padding:52px 25px;border:5px solid rgba(255,255,255,0);-webkit-transition:.8s ease;transition:.8s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}.nsdi-theme.nsdi-clients .section-FAQ{margin-top:60px;margin-bottom:15px}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-list-wrap{margin-left:-10px;margin-right:-10px}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-item{margin:0px 10px;padding:25px 5px;border-bottom:1px solid rgba(255,255,255,0.4);font-size:0px;position:relative;white-space:nowrap;-webkit-transition:.3s ease;transition:.3s ease}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-item:first-child{border-top:1px solid rgba(255,255,255,0.4)}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-item:after{content:'';position:absolute;width:12px;height:12px;top:50%;right:30px;-webkit-transform:translate(-30px, -50%) rotate(45deg);transform:translate(-30px, -50%) rotate(45deg);border-top:1px solid #dea56a;border-right:1px solid #dea56a;opacity:0;-webkit-transition:.8s ease;transition:.8s ease}.nsdi-theme.nsdi-clients .section-FAQ h3.main-title{font-size:30px;font-weight:normal;line-height:normal;letter-spacing:4.3px;margin-bottom:40px;color:#fff}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-tag{font-size:16px;font-weight:normal;line-height:normal;letter-spacing:2.3px;margin-right:30px;color:#fff;padding:5px 20px;display:inline-block;vertical-align:middle;border:1px solid rgba(255,255,255,0.4);-webkit-transition:.3s ease;transition:.3s ease}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-title{display:inline-block;vertical-align:middle;white-space:normal;width:calc(100% - 120px - 30px);padding:0px 66px 0px 0px}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;letter-spacing:1.8px;line-height:normal;-webkit-transition:.3s ease;transition:.3s ease}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-link{position:absolute;left:0;top:0;width:100%;height:100%}@media all and (min-width: 992px){.nsdi-theme .section-nav{padding-right:15px}}@media all and (max-width: 991px){.nsdi-theme .sticky-wrapper{height:0 !important}.nsdi-theme .collapse-nav-container{position:relative;padding:40px 30px 52px}.nsdi-theme .collapse-nav-toggle{display:block}.nsdi-theme .collapse-nav{position:fixed;max-height:100%;min-height:100vh;overflow-y:auto;left:0;top:0;-webkit-transform:translate(calc(-100% + 30px), 0);transform:translate(calc(-100% + 30px), 0);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;z-index:10;background-color:#1a1a1a;-webkit-overflow-scrolling:touch;width:360px;max-width:100%}.nsdi-theme .collapse-nav.active{-webkit-transform:translate(0, 0);transform:translate(0, 0);z-index:100003}.nsdi-theme .client-side-nav span.main-item-toggle{background-color:#222}}@media all and (max-width: 768px){.nsdi-theme.nsdi-clients .section-sort ul.sort-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nsdi-theme.nsdi-clients .section-sort li.sort-item{width:calc(100% / 2 - 15px)}.nsdi-theme.nsdi-clients .section-sort li.sort-item a{font-size:18px}.nsdi-theme.nsdi-clients .section-FAQ h3.main-title{font-size:24px}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-tag{font-size:14px;padding:5px 15px;margin-right:20px}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-title{width:calc(100% - 100px - 20px);padding:0}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-title p{-webkit-line-clamp:2}}@media all and (min-width: 769px){.nsdi-theme.nsdi-clients .section-sort li.sort-item:hover a{border:5px solid #dea56a}.nsdi-theme.nsdi-clients .section-sort li.sort-item:hover:before{opacity:0}.nsdi-theme.nsdi-clients .section-sort li.sort-item:hover .sort-img{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2)}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-item:hover:after{-webkit-transform:translate(0, -50%) rotate(45deg);transform:translate(0, -50%) rotate(45deg);opacity:1}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-item:hover .FAQ-tag{color:#1a1a1a;background-color:#dea56a;border:1px solid #dea56a}.nsdi-theme.nsdi-clients .section-FAQ .FAQ-item:hover .FAQ-title p{color:#dea56a;letter-spacing:2.2px}.nsdi-theme.nsdi-clients .client-side-nav span.main-item-toggle:hover{letter-spacing:3.2px;opacity:0.7}.nsdi-theme.nsdi-clients .client-side-nav .sub-item:hover a{color:#dea56a;letter-spacing:3px}}.clients-list-page .search-keywords{display:none;margin-bottom:30px;color:rgba(255,255,255,0.6);font-size:16px;line-height:1.7}.clients-list-page .search-keywords span{font-size:inherit;color:#fff}.clients-list-page .search-keywords.active{display:block}.clients-list-page .nsdi-theme .u-search-box{padding:38px 25px 53px 25px;margin:0}.clients-list-page .nsdi-theme .u-search-wrap{text-align:center}.clients-list-page .nsdi-theme .u-search-wrap .search-icon{width:calc( 20px + 40px);height:calc( 20px + 30px)}.clients-list-page .nsdi-theme .u-search-wrap .search-icon img{left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:20px}.clients-list-page .nsdi-theme .u-search-wrap .input-wrap{padding:15px 0px}.clients-list-page .nsdi-theme .u-search-wrap input{font-size:18px}.clients-list-page .nsdi-theme.nsdi-clients .main-body{padding:120px 0px}.clients-list-page .nsdi-theme.nsdi-clients .section-FAQ{margin-top:0px}.clients-list-page .nsdi-theme.nsdi-clients .section-FAQ .FAQ-item{padding-left:30px;padding-right:30px}.clients-list-page .nsdi-theme.nsdi-clients .section-FAQ .FAQ-title{width:100%}@media all and (min-width: 1200px){.clients-list-page .nsdi-theme .u-search-box{padding:38px 50px 53px 50px}.clients-list-page .search-keywords{padding-left:35px;font-size:20px}.clients-list-page .nsdi-theme.nsdi-clients .section-FAQ{margin-top:0px;padding-left:35px}}@media all and (max-width: 991px){.clients-list-page .nsdi-theme.nsdi-clients .section-FAQ .FAQ-list-wrap{margin-left:0px}.clients-list-page .nsdi-theme.nsdi-clients .section-FAQ .FAQ-item{padding-left:0;padding-right:0}.clients-list-page .search-keywords{margin-left:10px;margin-right:10px}}@media all and (max-width: 768px){.clients-list-page .nsdi-theme.nsdi-clients .section-FAQ .FAQ-title{width:100%}.clients-list-page .search-keywords{font-size:14px}}.clients-list-page.clients-pages .nsdi-theme.nsdi-clients .main-body{padding-bottom:0px}.clients-pages .zooomin{width:100%}.clients-pages .nsdi-theme .u-search-box{margin-top:30px;margin-bottom:0px}.clients-pages .breadcrumb{background-color:#1a1a1a;border-radius:0;padding:22px 30px;margin-bottom:30px;font-size:14px;letter-spacing:2px;text-align:left;line-height:1.8}.clients-pages .breadcrumb .active{color:rgba(255,255,255,0.8)}.clients-pages .breadcrumb li{-webkit-transition:.5s ease;transition:.5s ease}.clients-pages .breadcrumb li:before{padding:0 10px;display:none}.clients-pages .breadcrumb li:after{padding:0 10px;content:"/\00a0";color:#ccc}.clients-pages .breadcrumb li:last-child:after{display:none}.clients-pages .breadcrumb a{outline:0}.clients-pages .breadcrumb a:focus,.clients-pages .breadcrumb a:hover{color:#fff}.clients-pages .anchor-nav-box{background-color:#1a1a1a;padding:30px 30px 24px 30px;margin-bottom:30px}.clients-pages .anchor-nav-box p,.clients-pages .anchor-nav-box ol,.clients-pages .anchor-nav-box li{font-size:16px;font-weight:normal;line-height:normal;letter-spacing:1.7px;color:#fff}.clients-pages .anchor-nav-box ol{list-style:none}.clients-pages .anchor-nav-box p.title{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.6);margin-bottom:25px}.clients-pages .anchor-nav-box .anchor-item{-webkit-transition:.5s ease;transition:.5s ease;cursor:pointer;margin-bottom:10px;text-indent:-30px;margin-left:20px;text-align:left}.clients-pages .anchor-nav-box .anchor-item:nth-child(1):before{content:"1";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(2):before{content:"2";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(3):before{content:"3";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(4):before{content:"4";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(5):before{content:"5";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(6):before{content:"6";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(7):before{content:"7";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(8):before{content:"8";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(9):before{content:"9";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(10):before{content:"10";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(11):before{content:"11";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(12):before{content:"12";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(13):before{content:"13";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(14):before{content:"14";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(15):before{content:"15";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(16):before{content:"16";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(17):before{content:"17";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(18):before{content:"18";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(19):before{content:"19";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(20):before{content:"20";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(21):before{content:"21";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(22):before{content:"22";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(23):before{content:"23";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(24):before{content:"24";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(25):before{content:"25";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(26):before{content:"26";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(27):before{content:"27";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(28):before{content:"28";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(29):before{content:"29";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(30):before{content:"30";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(31):before{content:"31";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(32):before{content:"32";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(33):before{content:"33";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(34):before{content:"34";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(35):before{content:"35";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(36):before{content:"36";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(37):before{content:"37";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(38):before{content:"38";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(39):before{content:"39";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(40):before{content:"40";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(41):before{content:"41";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(42):before{content:"42";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(43):before{content:"43";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(44):before{content:"44";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(45):before{content:"45";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(46):before{content:"46";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(47):before{content:"47";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(48):before{content:"48";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(49):before{content:"49";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(50):before{content:"50";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(51):before{content:"51";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(52):before{content:"52";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(53):before{content:"53";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(54):before{content:"54";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(55):before{content:"55";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(56):before{content:"56";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(57):before{content:"57";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(58):before{content:"58";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(59):before{content:"59";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(60):before{content:"60";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(61):before{content:"61";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(62):before{content:"62";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(63):before{content:"63";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(64):before{content:"64";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(65):before{content:"65";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(66):before{content:"66";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(67):before{content:"67";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(68):before{content:"68";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(69):before{content:"69";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(70):before{content:"70";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(71):before{content:"71";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(72):before{content:"72";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(73):before{content:"73";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(74):before{content:"74";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(75):before{content:"75";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(76):before{content:"76";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(77):before{content:"77";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(78):before{content:"78";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(79):before{content:"79";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(80):before{content:"80";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(81):before{content:"81";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(82):before{content:"82";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(83):before{content:"83";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(84):before{content:"84";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(85):before{content:"85";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(86):before{content:"86";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(87):before{content:"87";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(88):before{content:"88";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(89):before{content:"89";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(90):before{content:"90";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(91):before{content:"91";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(92):before{content:"92";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(93):before{content:"93";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(94):before{content:"94";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(95):before{content:"95";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(96):before{content:"96";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(97):before{content:"97";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(98):before{content:"98";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(99):before{content:"99";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .anchor-nav-box .anchor-item:nth-child(100):before{content:"100";font-size:18px;letter-spacing:1.9px;margin-right:20px}.clients-pages .main-container{margin-bottom:40px}.clients-pages .section-edit-wrap{background-color:#fff;height:100%;min-height:100vh;padding:100px 80px 50px;color:#333;text-align:left}.clients-pages .section-edit-wrap img{max-width:100%;height:auto !important}.clients-pages .section-edit-wrap p{font-size:16px;font-weight:normal;line-height:1.8}.clients-pages .section-edit-wrap .article-date{margin-bottom:10px;font-size:14px;line-height:1;letter-spacing:1px;font-weight:normal}.clients-pages .section-edit-wrap .article-date span{font-size:inherit;letter-spacing:inherit;font-weight:inherit;line-height:inherit;margin-left:23px;verticle-align:middle}.clients-pages .section-edit-wrap h3.article-title{font-size:60px;font-weight:500;line-height:1.3;letter-spacing:3px;margin-bottom:45px}.clients-pages .section-edit-wrap .section-step{margin:25px 0px 55px;padding:45px 90px;border-top:1px solid #979797;position:relative}.clients-pages .section-edit-wrap .section-step:last-child{margin-bottom:0px}.clients-pages .section-edit-wrap .section-step:before{content:attr(data-step);padding:17px;border-radius:50%;background-color:#1a1a1a;color:#fff;font-size:18px;min-width:60px;text-align:center;letter-spacing:1.9px;line-height:normal;font-weight:normal;position:absolute;left:0px;top:25px}.clients-pages .section-edit-wrap .section-step p.title{font-size:16px;font-weight:500;line-height:1.56;letter-spacing:1.7px;margin-bottom:40px}.clients-pages .section-edit-wrap .note-block{padding:40px 50px;border:solid 1.5px #d99956}.clients-pages .section-edit-wrap .note-block p{color:#353535}.clients-pages .section-edit-wrap .note-block p.title{font-size:16px;font-weight:bold;line-height:0.94;letter-spacing:2.3px;color:#d99956;padding-bottom:5px;margin-bottom:20px;border-bottom:solid 1px #d99956;display:inline-block}.clients-pages .section-edit-wrap .code-block{background-color:#f1f1f1;padding:40px 50px 35px}.clients-pages .section-edit-wrap .code-block pre{border:0px;background-color:transparent}.clients-pages .section-edit-wrap .code-block code{font-family:'Noto Sans TC','Open Sans', "PingFang TC" , "微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-size:14px;font-weight:500;line-height:1.64;letter-spacing:1.5px;color:#1a1a1a}.clients-pages .section-edit-wrap button.clipboard-btn{outline:0;border:1.5px solid #1a1a1a;padding:10px 35px;text-align:center;background-color:transparent;-webkit-transition:.5s ease;transition:.5s ease;font-size:14px;letter-spacing:2.1px;color:#1a1a1a;margin-top:35px}.clients-pages .section-contact{padding:143px 30px 127px;background-image:url("../images/pages/clients/img_client_bottom.jpg");background-size:cover;background-position:center center;text-align:center;margin-top:40px}.clients-pages .section-contact h5{font-size:30px;font-weight:normal;line-height:2;letter-spacing:3px;color:#fff;margin-bottom:25px}.clients-pages .section-contact .sub-btn-pos{text-align:center}.clients-pages .section-contact .sub-btn-wrap{width:180px}.clients-pages .section-contact .sub-btn-wrap .sub-btn a{padding:14px 0}.clients-pages .section-contact .sub-btn-wrap .sub-btn a span{font-size:14px;letter-spacing:2.1px;line-height:normal}@media all and (min-width: 992px){.clients-pages .breadcrumb li:hover{opacity:0.8}.clients-pages .anchor-nav-box .anchor-item:hover{color:#dea56a;letter-spacing:2.5px}.clients-pages .section-edit-wrap{margin-left:-15px}.clients-pages .section-edit-wrap button.clipboard-btn:hover{background-color:#1a1a1a;color:#fff}}@media all and (max-width: 1600px){.clients-pages .section-edit-wrap{padding:60px 60px 50px}.clients-pages .section-edit-wrap .section-step{padding:45px 25px}.clients-pages .section-edit-wrap .section-step:before{position:relative;display:inline-block;left:0;top:-20px}.clients-pages .section-edit-wrap h3.article-title{font-size:40px;margin-bottom:30px}}@media all and (max-width: 991px){.clients-pages{padding-left:30px}}@media all and (max-width: 768px){.clients-pages .section-edit-wrap{padding:60px 35px 40px}.clients-pages .section-edit-wrap .section-step{padding:45px 0px}.clients-pages .section-edit-wrap .article-date{margin-bottom:15px}.clients-pages .section-edit-wrap h3.article-title{font-size:28px}.clients-pages .section-edit-wrap .note-block{padding:30px 25px}.clients-pages .section-edit-wrap .code-block{padding:30px 30px 35px}.clients-pages .section-contact h5{font-size:24px}}.nsdi-web-app-list section{background-color:#000;position:relative}.nsdi-web-app-list .main-header{position:relative;height:350px;opacity:0;top:0;width:100%;height:50vh;min-height:300px;max-height:450px;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}.nsdi-web-app-list .main-header::after{display:none}.nsdi-web-app-list .main-header .bg-img{position:absolute;top:0;right:75px;width:450px}.nsdi-web-app-list .main-header .bg-img img{width:100%;height:auto}.nsdi-web-app-list .main-header h1.title{position:absolute;top:50%;left:47px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#fff;position:relative;font-size:0px;text-transform:capitalize}.nsdi-web-app-list .main-header h1.title span{display:inline-block;vertical-align:top;line-height:normal}.nsdi-web-app-list .main-header h1.title span.en{font-size:36px;font-weight:bold;font-family:'Lato', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;letter-spacing:-0.7px}.nsdi-web-app-list .main-header h1.title span.cn{font-size:12px;margin-left:5px;letter-spacing:0.1px}.nsdi-web-app-list ul.main-list{margin:0;padding:0;font-size:0px;letter-spacing:0px;text-align:left;color:#fff}.nsdi-web-app-list li.main-item{margin:0;padding:0;list-style-type:none;position:relative;cursor:pointer;overflow:hidden;display:inline-block;width:calc(100% / 3);padding-top:calc(100% / 3 / 384 * 490);-webkit-transition:.5s .3s ease, opacity .5s ease;transition:.5s .3s ease, opacity .5s ease;opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%);font-size:16px}.nsdi-web-app-list li.main-item:nth-child(1){background-color:rgba(255,255,255,0.08)}.nsdi-web-app-list li.main-item:nth-child(2){background-color:rgba(255,255,255,0.18)}.nsdi-web-app-list li.main-item:nth-child(3){background-color:rgba(255,255,255,0.1)}.nsdi-web-app-list li.main-item:nth-child(4){background-color:rgba(255,255,255,0.15)}.nsdi-web-app-list li.main-item:nth-child(5){background-color:rgba(255,255,255,0.1)}.nsdi-web-app-list li.main-item:nth-child(6){background-color:rgba(255,255,255,0.15)}.nsdi-web-app-list li.main-item:before{position:absolute;font-size:12px;left:0;top:0;font-family:'Lato', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-weight:bold;line-height:1;letter-spacing:2px;padding:30px}.nsdi-web-app-list li.main-item:nth-child(1){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 1 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 1 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 1 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 1 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 1 * 0.1s) ease,transform 2s calc(0.2s + 1 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 1 * 0.1s) ease,transform 2s calc(0.2s + 1 * 0.1s),-webkit-transform 2s calc(0.2s + 1 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(1):before{content:"01"}.nsdi-web-app-list li.main-item:nth-child(2){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 2 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 2 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 2 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 2 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 2 * 0.1s) ease,transform 2s calc(0.2s + 2 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 2 * 0.1s) ease,transform 2s calc(0.2s + 2 * 0.1s),-webkit-transform 2s calc(0.2s + 2 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(2):before{content:"02"}.nsdi-web-app-list li.main-item:nth-child(3){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 3 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 3 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 3 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 3 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 3 * 0.1s) ease,transform 2s calc(0.2s + 3 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 3 * 0.1s) ease,transform 2s calc(0.2s + 3 * 0.1s),-webkit-transform 2s calc(0.2s + 3 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(3):before{content:"03"}.nsdi-web-app-list li.main-item:nth-child(4){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 4 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 4 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 4 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 4 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 4 * 0.1s) ease,transform 2s calc(0.2s + 4 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 4 * 0.1s) ease,transform 2s calc(0.2s + 4 * 0.1s),-webkit-transform 2s calc(0.2s + 4 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(4):before{content:"04"}.nsdi-web-app-list li.main-item:nth-child(5){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 5 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 5 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 5 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 5 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 5 * 0.1s) ease,transform 2s calc(0.2s + 5 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 5 * 0.1s) ease,transform 2s calc(0.2s + 5 * 0.1s),-webkit-transform 2s calc(0.2s + 5 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(5):before{content:"05"}.nsdi-web-app-list li.main-item:nth-child(6){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 6 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 6 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 6 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 6 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 6 * 0.1s) ease,transform 2s calc(0.2s + 6 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 6 * 0.1s) ease,transform 2s calc(0.2s + 6 * 0.1s),-webkit-transform 2s calc(0.2s + 6 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(6):before{content:"06"}.nsdi-web-app-list li.main-item:nth-child(7){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 7 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 7 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 7 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 7 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 7 * 0.1s) ease,transform 2s calc(0.2s + 7 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 7 * 0.1s) ease,transform 2s calc(0.2s + 7 * 0.1s),-webkit-transform 2s calc(0.2s + 7 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(7):before{content:"07"}.nsdi-web-app-list li.main-item:nth-child(8){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 8 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 8 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 8 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 8 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 8 * 0.1s) ease,transform 2s calc(0.2s + 8 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 8 * 0.1s) ease,transform 2s calc(0.2s + 8 * 0.1s),-webkit-transform 2s calc(0.2s + 8 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(8):before{content:"08"}.nsdi-web-app-list li.main-item:nth-child(9){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 9 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 9 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 9 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 9 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 9 * 0.1s) ease,transform 2s calc(0.2s + 9 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 9 * 0.1s) ease,transform 2s calc(0.2s + 9 * 0.1s),-webkit-transform 2s calc(0.2s + 9 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(9):before{content:"09"}.nsdi-web-app-list li.main-item:nth-child(10){-webkit-transition:0.5s ease,opacity 3s calc(0.4s + 10 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 10 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 10 * 0.1s) ease,-webkit-transform 2s calc(0.2s + 10 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 10 * 0.1s) ease,transform 2s calc(0.2s + 10 * 0.1s);transition:0.5s ease,opacity 3s calc(0.4s + 10 * 0.1s) ease,transform 2s calc(0.2s + 10 * 0.1s),-webkit-transform 2s calc(0.2s + 10 * 0.1s)}.nsdi-web-app-list li.main-item:nth-child(10):before{content:"010"}.nsdi-web-app-list li.main-item img{width:100%;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:.5s ease;transition:.5s ease}.nsdi-web-app-list li.main-item .content{position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding:30px;line-height:normal}.nsdi-web-app-list li.main-item .content .title{font-size:1.25em;margin-bottom:5px;font-weight:bold;letter-spacing:0.1em}.nsdi-web-app-list li.main-item .content .subtitle{font-size:0.75em}.nsdi-web-app-list li.main-item span.more{display:block;margin-top:8px;opacity:0.5;font-size:1em;line-height:1;letter-spacing:1px;-webkit-transition:.5s ease;transition:.5s ease}.nsdi-web-app-list li.main-item span.more:after{content:'';width:16px;height:16px;-webkit-transition:.5s ease;transition:.5s ease;display:inline-block;vertical-align:middle;background-image:url(../images/pages/ic_forward.png);background-size:contain;background-position:center center}.nsdi-web-app-list li.main-item .main-item-link{position:absolute;left:0;top:0;width:100%;height:100%}.loaded .nsdi-web-app-list .main-header{-webkit-animation:fadeIn both 2.5s .5s;animation:fadeIn both 2.5s .5s}.loaded .nsdi-web-app-list li.main-item{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}@media all and (min-width: 1200px){.nsdi-web-app-list .main-header{position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);height:100%}.nsdi-web-app-list .main-header .bg-img{right:initial;top:initial;left:8%;width:45%;bottom:0}.nsdi-web-app-list .main-body{position:relative;left:100%;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);width:60%}}@media all and (min-width: 992px){.nsdi-web-app-list .main-list:hover .main-item{-webkit-filter:grayscale(0.5);filter:grayscale(0.5)}.nsdi-web-app-list .main-list:hover .main-item:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.nsdi-web-app-list .main-item:hover img{width:110%}.nsdi-web-app-list .main-item:hover span.more{padding-left:5px}.nsdi-web-app-list .main-item:hover span.more:after{margin-left:10px}}@media all and (max-width: 991px){.nsdi-web-app-list li.main-item{width:calc(100% / 2);padding-top:calc(100% / 2 / 384 * 490)}.nsdi-web-app-list .main-header{max-height:320px}}@media all and (max-width: 768px){.nsdi-web-app-list li.main-item{font-size:14px}.nsdi-web-app-list li.main-item img{opacity:0.7}}@media all and (max-width: 480px){.nsdi-web-app-list .main-header .bg-img{top:0;right:-50px;width:450px}.nsdi-web-app-list li.main-item span.more{letter-spacing:1px}}.nsdi-theme.nsdi-web-feature .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0215.jpg)}.nsdi-theme.nsdi-web-function .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0227.jpg)}.nsdi-theme.nsdi-web-spec .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0244.jpg)}.nsdi-theme.nsdi-app-feature .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0218.jpg)}.nsdi-theme.nsdi-app-function .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0158.jpg)}.nsdi-theme.nsdi-app-spec .main-header{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0159.jpg)}.main-header{position:relative}.main-header:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:block;z-index:2;content:"\A"}.nsdi-theme.nsdi-design-feature{overflow-x:hidden}.nsdi-theme.nsdi-design-feature .main-body{padding-top:70px;padding-bottom:197px}.nsdi-theme.nsdi-design-feature .section-intro{position:relative;padding:90px 85px;z-index:1;overflow:hidden}.nsdi-theme.nsdi-design-feature .section-intro .title{margin-bottom:35px}.nsdi-theme.nsdi-design-feature .section-intro .title h3,.nsdi-theme.nsdi-design-feature .section-intro .title h3 span{font-size:30px;line-height:1.6;letter-spacing:4.3px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-design-feature .section-intro .content p{font-size:14px;line-height:1.93;letter-spacing:1.8px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-design-feature .section-intro .this-bg{content:'';position:absolute;width:100%;height:100%;background-color:#353535;z-index:-1;left:0;top:0}.nsdi-theme.nsdi-design-feature .section-img{position:relative;z-index:0}.nsdi-theme.nsdi-design-feature .section-img .img-wrap{background-size:cover;background-position:center center;background-repeat:no-repeat}.nsdi-theme.nsdi-design-feature .section-01{margin-bottom:12.5%}.nsdi-theme.nsdi-design-feature .section-01 .section-bg{background-color:#1a1a1a;width:3000px;height:154%;position:absolute;right:16.6666667%;top:90px}.nsdi-theme.nsdi-design-feature .section-01 .section-img{margin-top:-196.5px}.nsdi-theme.nsdi-design-feature .section-01 .section-img .img-wrap{width:100%;padding-top:calc(100% / 1356 * 600);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0131.jpg)}.nsdi-theme.nsdi-design-feature .section-02{margin-bottom:9.68%}.nsdi-theme.nsdi-design-feature .section-02 .section-intro{padding:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.nsdi-theme.nsdi-design-feature .section-02 .section-img{width:56.14%}.nsdi-theme.nsdi-design-feature .section-02 .section-img .img-wrap{width:100%;padding-top:calc(100% / 1078 * 590);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0171.jpg)}.nsdi-theme.nsdi-design-feature .section-02--eventweb .section-img .img-wrap{background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0171-2.jpg)}.nsdi-theme.nsdi-design-feature .section-02--photographer{margin-bottom:0;margin-top:9.68%}.nsdi-theme.nsdi-design-feature .section-02--photographer .swiper-slide{width:100%;padding-top:calc(100% / 1078 * 590);background-size:cover;background-position:center center}.nsdi-theme.nsdi-design-feature .section-03{margin-bottom:9.58%}.nsdi-theme.nsdi-design-feature .section-03 .section-intro{padding:0;margin-bottom:80px}.nsdi-theme.nsdi-design-feature .section-03 .grid-list{font-size:0px;white-space:nowrap;margin-left:-64px;margin-right:-64px}.nsdi-theme.nsdi-design-feature .section-03 .grid-item-wrap{display:inline-block;vertical-align:top;width:calc(100% / 4)}.nsdi-theme.nsdi-design-feature .section-03 .grid-item{text-align:center}.nsdi-theme.nsdi-design-feature .section-03 .grid-item p{letter-spacing:2px;color:#ffffff;line-height:1.2}.nsdi-theme.nsdi-design-feature .section-03 .grid-item .icon-wrap{text-align:center;display:inline-block;width:150px;height:150px;margin-bottom:30px}.nsdi-theme.nsdi-design-feature .section-03 .grid-item .icon-wrap img{width:100%;height:auto}.nsdi-theme.nsdi-design-feature .section-04{margin-bottom:12.5%}.nsdi-theme.nsdi-design-feature .section-04 .section-bg{background-color:#1a1a1a;width:3000px;height:72%;position:absolute;right:25%;top:292px}.nsdi-theme.nsdi-design-feature .section-04 .block-01 .section-img{margin-top:-196.5px;position:relative;left:8.333333%}.nsdi-theme.nsdi-design-feature .section-04 .block-01 .section-img .img-wrap{width:100%;padding-top:calc(100% / 610 * 900);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0254.jpg)}.nsdi-theme.nsdi-design-feature .section-04 .block-02{margin-top:393px;position:relative;left:8.33333%}.nsdi-theme.nsdi-design-feature .section-04 .block-02 .section-img{margin-top:-243px;position:relative;left:8.333333%}.nsdi-theme.nsdi-design-feature .section-04 .block-02 .section-img .img-wrap{width:100%;padding-top:calc(100% / 610 * 800);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0057.jpg)}.nsdi-theme.nsdi-design-feature .section-05{margin-bottom:9.69%}.nsdi-theme.nsdi-design-feature .section-05 .section-intro{margin-top:-63.7%;left:5%;position:relative}.nsdi-theme.nsdi-design-feature .section-05 .section-intro .this-bg{background-color:#1a1a1a}.nsdi-theme.nsdi-design-feature .section-05 .section-img{width:70.63%}.nsdi-theme.nsdi-design-feature .section-05 .section-img .img-wrap{width:100%;padding-top:calc(100% / 1356 * 600);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0104.jpg)}.nsdi-theme.nsdi-design-feature .section-06 .section-intro{margin-top:-265px;padding-left:0px;overflow:visible;padding-top:106px;padding-bottom:106px}.nsdi-theme.nsdi-design-feature .section-06 .section-intro .this-bg{background-color:#1a1a1a;width:950px;right:0;left:auto;left:initial}.nsdi-theme.nsdi-design-feature .section-06 .section-img{width:69.06%;position:relative;left:30.94%}.nsdi-theme.nsdi-design-feature .section-06 .section-img .img-wrap{width:100%;padding-top:calc(100% / 1326 * 606);background-image:url(../images/pages/webdesign/img_web-design_photo.jpg)}@media all and (max-width: 1600px){.nsdi-theme.nsdi-design-feature .section-02{margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-02 .section-intro{margin-top:-50%;padding:90px 85px;-webkit-transform:translateY(0);transform:translateY(0)}.nsdi-theme.nsdi-design-feature .section-03{margin-top:0px}.nsdi-theme.nsdi-design-feature .section-04 .section-bg{display:none}.nsdi-theme.nsdi-design-feature .section-04 .section-intro .this-bg{background-color:#1a1a1a}.nsdi-theme.nsdi-design-feature .section-04 .block-01 .section-img{margin-top:196.5px;left:0;margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-04 .block-02{left:0}.nsdi-theme.nsdi-design-feature .section-04 .block-02 .section-img{margin-top:196.5px;left:0}}@media all and (max-width: 1199px){.nsdi-theme.nsdi-design-feature .section-01{margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-02{margin-top:200px;margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-02 .section-intro{margin-top:-200px;padding:90px 85px}.nsdi-theme.nsdi-design-feature .section-03{margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-03 .grid-list{margin-left:0px;margin-right:0px}.nsdi-theme.nsdi-design-feature .section-04{margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-05{margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-05 .section-img{width:83%}.nsdi-theme.nsdi-design-feature .section-05 .section-intro{left:0;margin-top:-25%}.nsdi-theme.nsdi-design-feature .section-06 .section-intro{margin-top:-25%}}@media all and (max-width: 991px){.nsdi-theme.nsdi-design-feature .section-intro{padding:45px 42px}.nsdi-theme.nsdi-design-feature .section-intro .content p{display:inline}.nsdi-theme.nsdi-design-feature .section-intro .title h3,.nsdi-theme.nsdi-design-feature .section-intro .title h3 span{font-size:24px}.nsdi-theme.nsdi-design-feature .section-01{margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-01 .section-img{margin-top:-15%}.nsdi-theme.nsdi-design-feature .section-02{margin-top:0px;margin-bottom:200px}.nsdi-theme.nsdi-design-feature .section-02--photographer{margin-top:200px;margin-bottom:0}.nsdi-theme.nsdi-design-feature .section-02 .section-img{width:80%}.nsdi-theme.nsdi-design-feature .section-02 .section-intro{padding:45px 42px;margin-top:-5%;left:5%;-webkit-transform:translateY(0);transform:translateY(0)}.nsdi-theme.nsdi-design-feature .section-03 .section-intro .title h3{text-align:center}.nsdi-theme.nsdi-design-feature .section-03 .section-intro .content p{text-align:center;display:inline-block}.nsdi-theme.nsdi-design-feature .section-03 .grid-list{margin-left:0px;margin-right:0px}.nsdi-theme.nsdi-design-feature .section-03 .grid-item p{font-size:14px}.nsdi-theme.nsdi-design-feature .section-03 .grid-item .icon-wrap{width:75px;height:75px}.nsdi-theme.nsdi-design-feature .section-04 .block-01 .section-img{margin-top:-25%}.nsdi-theme.nsdi-design-feature .section-04 .block-02 .section-img{margin-top:-25%}.nsdi-theme.nsdi-design-feature .section-05 .section-intro{margin-top:-10%}.nsdi-theme.nsdi-design-feature .section-06 .section-intro{padding:45px;margin-top:-10%}}@media all and (max-width: 768px){.nsdi-theme.nsdi-design-feature .section-intro .title h3,.nsdi-theme.nsdi-design-feature .section-intro .title h3 span{font-size:20px}.nsdi-theme.nsdi-design-feature .section-01 .section-bg{display:none}.nsdi-theme.nsdi-design-feature .section-01 .section-img{width:calc(100% + 30px);margin-left:-15px;position:relative;top:-30px}.nsdi-theme.nsdi-design-feature .section-01 .section-intro{margin-left:-15px}.nsdi-theme.nsdi-design-feature .section-01 .section-intro .this-bg{background-color:#1a1a1a}.nsdi-theme.nsdi-design-feature .section-02 .section-img{width:100%}.nsdi-theme.nsdi-design-feature .section-02 .section-intro .this-bg{background-color:#1a1a1a}.nsdi-theme.nsdi-design-feature .section-05 .section-img{width:100%}.nsdi-theme.nsdi-design-feature .section-05 .section-intro{overflow:visible}.nsdi-theme.nsdi-design-feature .section-05 .section-intro .this-bg{width:950px}.nsdi-theme.nsdi-design-feature .section-06 .section-img{width:100%;left:0}}@media all and (max-width: 480px){.nsdi-theme.nsdi-design-feature .section-03 .grid-list{white-space:normal}.nsdi-theme.nsdi-design-feature .section-03 .grid-item-wrap{width:49.9%;margin-bottom:35px}}.safari .nsdi-theme.nsdi-design-function .section-01,.safari .nsdi-theme.nsdi-design-function .section-03{background-attachment:initial}.nsdi-theme.nsdi-design-function{overflow-x:hidden}.nsdi-theme.nsdi-design-function .section-intro{margin-bottom:65px}.nsdi-theme.nsdi-design-function .section-intro .title,.nsdi-theme.nsdi-design-function .section-intro .content{text-align:center}.nsdi-theme.nsdi-design-function .section-intro .title{padding-bottom:30px;margin-bottom:50px;position:relative}.nsdi-theme.nsdi-design-function .section-intro .title:after{content:'';position:absolute;width:50px;height:2px;background-color:#fff;left:50%;bottom:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.nsdi-theme.nsdi-design-function .section-intro h3,.nsdi-theme.nsdi-design-function .section-intro h3 span{font-size:30px;line-height:1.5;letter-spacing:4.3px;color:#ffffff}.nsdi-theme.nsdi-design-function .section-intro p{font-size:14px;line-height:1.93;letter-spacing:1.8px;color:#ffffff}.nsdi-theme.nsdi-design-function .section-intro p span.wrap-in-lg{display:block}.nsdi-theme.nsdi-design-function .grid-list-wrap{margin-left:auto;margin-right:auto;max-width:650px}.nsdi-theme.nsdi-design-function .grid-list{font-size:0px;text-align:center}.nsdi-theme.nsdi-design-function .grid-item-wrap{display:inline-block;margin:25px}.nsdi-theme.nsdi-design-function .grid-item .icon-wrap img{width:100%;height:auto}.nsdi-theme.nsdi-design-function .section-01{padding-top:178px;padding-bottom:calc( 200px - 18px);background-image:url(../images/pages/webdesign/img_web-design_bg_01.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center center}.nsdi-theme.nsdi-design-function .section-01--accessibility{background-image:url(../images/pages/webdesign/img_web-design_bg_01-02.jpg)}.nsdi-theme.nsdi-design-function .section-01--accessibility .grid-item .icon-wrap{width:auto !important}.nsdi-theme.nsdi-design-function .section-01 .grid-item .icon-wrap{width:96px}.nsdi-theme.nsdi-design-function .section-01 .grid-list-wrap{max-width:600px}.nsdi-theme.nsdi-design-function .section-01 .grid-list-wrap.grid-list-wrap-5-col{max-width:1170px}.nsdi-theme.nsdi-design-function .section-02{padding-top:186px;padding-bottom:calc( 192px - 18px)}.nsdi-theme.nsdi-design-function .section-02 .grid-item .icon-wrap{height:57px}.nsdi-theme.nsdi-design-function .section-02 .grid-item .icon-wrap img{width:auto;height:100%}.nsdi-theme.nsdi-design-function .section-03{padding-top:184px;padding-bottom:calc( 208px - 18px);background-image:url(../images/pages/webdesign/img_web-design_bg_02.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center center}.nsdi-theme.nsdi-design-function .section-03 .section-intro{margin-bottom:135px}.nsdi-theme.nsdi-design-function .section-04{padding-top:151px;padding-bottom:calc( 248px - 18px)}.nsdi-theme.nsdi-design-function .section-03 .grid-list-wrap,.nsdi-theme.nsdi-design-function .section-04 .grid-list-wrap{max-width:950px}.nsdi-theme.nsdi-design-function .section-03 .grid-list-wrap.grid-list-wrap-5-col,.nsdi-theme.nsdi-design-function .section-04 .grid-list-wrap.grid-list-wrap-5-col{max-width:1170px}.nsdi-theme.nsdi-design-function .section-03 .grid-item .icon-wrap,.nsdi-theme.nsdi-design-function .section-04 .grid-item .icon-wrap{width:170px}.nsdi-theme.nsdi-design-function .section-04--security .grid-item .icon-wrap,.nsdi-theme.nsdi-design-function .section-04--backup .grid-item .icon-wrap,.nsdi-theme.nsdi-design-function .section-04--no-width-limit-icon .grid-item .icon-wrap{width:auto}.nsdi-theme.nsdi-design-function .section-04--security .grid-item .icon-wrap img,.nsdi-theme.nsdi-design-function .section-04--backup .grid-item .icon-wrap img,.nsdi-theme.nsdi-design-function .section-04--no-width-limit-icon .grid-item .icon-wrap img{max-width:100%;width:auto;height:auto}.nsdi-theme.nsdi-design-function .section-05{margin-top:-70px}.nsdi-theme.nsdi-design-function .section-05 .section-intro{margin-top:140px;position:relative}.nsdi-theme.nsdi-design-function .section-05 .section-intro .title,.nsdi-theme.nsdi-design-function .section-05 .section-intro .content{text-align:left}.nsdi-theme.nsdi-design-function .section-05 .section-intro .title{padding-bottom:0px;margin-bottom:35px}.nsdi-theme.nsdi-design-function .section-05 .section-intro .title:after{display:none}.nsdi-theme.nsdi-design-function .section-05 .section-intro .this-bg{position:absolute;background-color:#1a1a1a;width:2000px;height:calc( 100% + 200px);top:-100px;right:-200px}.nsdi-theme.nsdi-design-function .section-05 .section-img{margin-left:4.166666%}.nsdi-theme.nsdi-design-function .section-05 .section-img img{width:100%;height:auto}@media all and (max-width: 1600px){.nsdi-theme.nsdi-design-function .section-05 .section-intro .this-bg{right:20%}}@media all and (max-width: 991px){.nsdi-theme.nsdi-design-function .main-container{padding-left:45px;padding-right:45px}.nsdi-theme.nsdi-design-function .grid-list{margin-left:-15px;margin-right:-15px}.nsdi-theme.nsdi-design-function .section-03 .grid-list,.nsdi-theme.nsdi-design-function .section-04 .grid-list{padding-left:30px;padding-right:30px}.nsdi-theme.nsdi-design-function .section-05{margin-top:0px}.nsdi-theme.nsdi-design-function .section-05 .section-intro{margin-top:0px}.nsdi-theme.nsdi-design-function .section-05 .section-img{margin-left:0px}}@media all and (max-width: 768px){.nsdi-theme.nsdi-design-function .section-intro p span.wrap-in-lg{display:inline}.nsdi-theme.nsdi-design-function .section-01{padding-top:120px;padding-bottom:120px}.nsdi-theme.nsdi-design-function .section-01 .grid-list{padding-left:110px;padding-right:110px}.nsdi-theme.nsdi-design-function .section-03 .grid-list,.nsdi-theme.nsdi-design-function .section-04 .grid-list{padding-left:25px;padding-right:25px}.nsdi-theme.nsdi-design-function .section-03 .grid-item .icon-wrap,.nsdi-theme.nsdi-design-function .section-04 .grid-item .icon-wrap{width:150px}.nsdi-theme.nsdi-design-function .section-intro h3,.nsdi-theme.nsdi-design-function .section-intro h3 span{font-size:24px;letter-spacing:3.5px}.nsdi-theme.nsdi-design-function .section-intro p{font-size:14px;line-height:1.93;letter-spacing:1.8px}.nsdi-theme.nsdi-design-function .section-05 .section-intro .this-bg{height:calc(100% + 100px);top:-50px;right:-25px}.nsdi-theme.nsdi-design-function .section-05 .section-img{margin-left:-50px;margin-top:-50px;-webkit-transform:translateX(25px);transform:translateX(25px)}.nsdi-theme.nsdi-design-function .section-01,.nsdi-theme.nsdi-design-function .section-03{background-attachment:initial}}@media all and (max-width: 628px){.nsdi-theme.nsdi-design-function .section-01 .grid-list{padding-left:70px;padding-right:70px}.nsdi-theme.nsdi-design-function .section-01 .grid-item-wrap{margin:15px}}@media all and (max-width: 565px){.nsdi-theme.nsdi-design-function .section-01 .grid-list{padding-left:30px;padding-right:30px}.nsdi-theme.nsdi-design-function .section-03 .grid-list,.nsdi-theme.nsdi-design-function .section-04 .grid-list{padding-left:0px;padding-right:0px}.nsdi-theme.nsdi-design-function .section-03 .grid-item-wrap,.nsdi-theme.nsdi-design-function .section-04 .grid-item-wrap{margin:15px}.nsdi-theme.nsdi-design-function .section-03 .grid-item .icon-wrap,.nsdi-theme.nsdi-design-function .section-04 .grid-item .icon-wrap{width:140px}}@media all and (max-width: 480px){.nsdi-theme.nsdi-design-function .section-01 .grid-list{padding-left:0px;padding-right:0px}.nsdi-theme.nsdi-design-function .section-02 .grid-item .icon-wrap{height:50px}.nsdi-theme.nsdi-design-function .section-03 .grid-item .icon-wrap,.nsdi-theme.nsdi-design-function .section-04 .grid-item .icon-wrap{width:110px}}.safari .nsdi-theme.nsdi-design-spec .section-03{background-attachment:initial}.nsdi-theme.nsdi-design-spec{overflow-x:hidden}.nsdi-theme.nsdi-design-spec .main-table-wrap{overflow-x:auto;padding-top:45px;width:100%}.nsdi-theme.nsdi-design-spec .main-table-wrap p.note{margin-top:30px;font-size:16px;opacity:0.5;font-weight:normal;line-height:2;letter-spacing:1.5px}.nsdi-theme.nsdi-design-spec .main-table{width:100%}.nsdi-theme.nsdi-design-spec .main-table tr{border-bottom:1px solid rgba(255,255,255,0.2)}.nsdi-theme.nsdi-design-spec .main-table tr th,.nsdi-theme.nsdi-design-spec .main-table tr td{font-size:16px;line-height:2.0;letter-spacing:1px;text-align:center;color:#ffffff;vertical-align:top;padding:10px 0px;font-family:'Noto Sans TC', "PingFang TC" , "微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;font-weight:normal}.nsdi-theme.nsdi-design-spec .main-table tr th:first-child{text-align:left}.nsdi-theme.nsdi-design-spec .main-table thead tr{border-bottom:1px solid rgba(255,255,255,0.5)}.nsdi-theme.nsdi-design-spec .main-table tbody tr:last-child{border-bottom:0px}.nsdi-theme.nsdi-design-spec .section-intro{position:relative}.nsdi-theme.nsdi-design-spec .section-intro .title{margin-bottom:38px}.nsdi-theme.nsdi-design-spec .section-intro .title h3{font-size:30px;line-height:1.6;letter-spacing:4.3px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-design-spec .section-intro .title h3 span{font-size:14px;line-height:1.93;letter-spacing:1.8px;text-align:left;color:#ffffff;margin-left:65px}.nsdi-theme.nsdi-design-spec .section-intro .content p{font-size:14px;line-height:1.93;letter-spacing:1.8px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-design-spec .section-01{padding-top:145px;padding-bottom:calc( 151px + 81px)}.nsdi-theme.nsdi-design-spec .section-01--shoppingweb .title h3 span{display:block;margin-left:0}.nsdi-theme.nsdi-design-spec .section-01--shoppingweb .main-table{min-width:auto !important}.nsdi-theme.nsdi-design-spec .section-01 .main-table{min-width:580px}.nsdi-theme.nsdi-design-spec .section-02{position:relative;z-index:5}.nsdi-theme.nsdi-design-spec .section-02 .section-intro{position:relative;padding:153px 0px 163px 0;z-index:2}.nsdi-theme.nsdi-design-spec .section-02 .section-intro .title,.nsdi-theme.nsdi-design-spec .section-02 .section-intro .main-table-wrap{position:relative;z-index:2}.nsdi-theme.nsdi-design-spec .section-02 .section-intro .this-bg{background-color:#1a1a1a;width:1500px;position:absolute;right:-111px;height:100%;top:0;z-index:1}.nsdi-theme.nsdi-design-spec .section-02 .section-img{margin-top:-81px;z-index:0}.nsdi-theme.nsdi-design-spec .section-02 .section-img .img-wrap{width:100%}.nsdi-theme.nsdi-design-spec .section-02 .section-img .img-wrap img{width:100%;height:auto}.nsdi-theme.nsdi-design-spec .section-03{margin-top:-430px;padding-top:542px;padding-bottom:calc(171px - 45px);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0214.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;position:relative}.nsdi-theme.nsdi-design-spec .section-03--shoppingweb{margin-top:0;padding-top:130px}.nsdi-theme.nsdi-design-spec .section-03 .container{z-index:3;position:relative}.nsdi-theme.nsdi-design-spec .section-03:after{content:"\A";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.8);display:block;z-index:2}.nsdi-theme.nsdi-design-spec .section-03 .section-intro{margin-bottom:45px}.nsdi-theme.nsdi-design-spec .section-03 .section-intro ul{padding-left:25px}.nsdi-theme.nsdi-design-spec .section-03 .section-intro ul li{padding-left:5px;list-style-type:decimal;font-size:14px;line-height:1.93;letter-spacing:1.8px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-design-spec .section-03 .section-intro .title h3{color:#dea56a}@media all and (max-width: 1600px){.nsdi-theme.nsdi-design-spec .section-01{padding-bottom:151px}.nsdi-theme.nsdi-design-spec .section-02 .section-img{margin-top:0px}.nsdi-theme.nsdi-design-spec .section-02 .section-intro{margin-top:-400px;margin-top:-53.5%}}@media all and (max-width: 991px){.nsdi-theme.nsdi-design-spec .main-container{padding-left:45px;padding-right:45px}}@media all and (max-width: 768px){.nsdi-theme.nsdi-design-spec .main-table-wrap{padding-top:0px}.nsdi-theme.nsdi-design-spec .main-table tr th,.nsdi-theme.nsdi-design-spec .main-table tr td{font-size:14px}.nsdi-theme.nsdi-design-spec .section-intro .title h3{font-size:24px;letter-spacing:3.5px}.nsdi-theme.nsdi-design-spec .section-intro .title h3 span{margin-left:0px;display:block;margin-top:10px}.nsdi-theme.nsdi-design-spec .section-02 .section-img{margin-left:-15px;margin-right:-15px}.nsdi-theme.nsdi-design-spec .section-03{background-attachment:initial}.nsdi-theme.nsdi-design-spec .section-03 .section-intro p{text-indent:-80px;margin-left:80px}}.nsdi-theme.nsdi-app-feature{overflow-x:hidden}.nsdi-theme.nsdi-app-feature .main-body{padding-top:70px;padding-bottom:175px}.nsdi-theme.nsdi-app-feature .section-intro{position:relative;padding:90px 85px;z-index:1;overflow:hidden}.nsdi-theme.nsdi-app-feature .section-intro .title{margin-bottom:35px}.nsdi-theme.nsdi-app-feature .section-intro .title h3,.nsdi-theme.nsdi-app-feature .section-intro .title h3 span{font-size:30px;line-height:1.6;letter-spacing:4.3px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-app-feature .section-intro .content p{font-size:14px;line-height:1.93;letter-spacing:1.8px;text-align:left;color:#ffffff}.nsdi-theme.nsdi-app-feature .section-intro .this-bg{content:'';position:absolute;width:100%;height:100%;background-color:#353535;z-index:-1;left:0;top:0}.nsdi-theme.nsdi-app-feature .section-img{position:relative;z-index:0}.nsdi-theme.nsdi-app-feature .section-img .img-wrap{background-size:cover;background-position:center center;background-repeat:no-repeat}.nsdi-theme.nsdi-app-feature .section-01{margin-bottom:0;margin-top:100px;position:relative}.nsdi-theme.nsdi-app-feature .section-01 .section-intro{padding:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.nsdi-theme.nsdi-app-feature .section-01 .content p span.wrap-in-lg{display:block;font-size:inherit;letter-spacing:inherit;font-weight:inherit;line-height:inherit}.nsdi-theme.nsdi-app-feature .section-01 .section-img{width:56.14%;margin-top:0px}.nsdi-theme.nsdi-app-feature .section-01 .section-img .img-wrap{width:100%;padding-top:calc(100% / 1078 * 590);background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0074.jpg)}.nsdi-theme.nsdi-app-feature .section-01 .section-bg{background-color:#1a1a1a;width:3000px;height:204%;position:absolute;right:23.5%;top:90px}.nsdi-theme.nsdi-app-feature .section-02{margin-bottom:0;margin-top:55px;position:relative}.nsdi-theme.nsdi-app-feature .section-02 .section-intro{padding:0;margin-top:155px;-webkit-transform:translateY(0%);transform:translateY(0%)}.nsdi-theme.nsdi-app-feature .section-02 .section-intro .title,.nsdi-theme.nsdi-app-feature .section-02 .section-intro .content{max-width:490px}.nsdi-theme.nsdi-app-feature .section-02 .section-img{width:100%}.nsdi-theme.nsdi-app-feature .section-02 .section-img .img-wrap{width:100%;padding-top:0px;background-image:none;text-align:center}.nsdi-theme.nsdi-app-feature .section-02 .section-img .img-wrap img{width:100%;max-width:488px}.nsdi-theme.nsdi-app-feature .section-02 .grid-list-wrap{padding-top:90px}.nsdi-theme.nsdi-app-feature .section-02 .grid-list{font-size:0px;letter-spacing:0px}.nsdi-theme.nsdi-app-feature .section-02 .grid-item{display:inline-block;width:50%;vertical-align:top;margin-bottom:45px;padding-right:13%;font-size:0px;text-align:left;white-space:nowrap}.nsdi-theme.nsdi-app-feature .section-02 .grid-item .icon{width:80px;height:80px;display:inline-block;vertical-align:top}.nsdi-theme.nsdi-app-feature .section-02 .grid-content{width:calc(100% - 80px);display:inline-block;vertical-align:top;white-space:normal}.nsdi-theme.nsdi-app-feature .section-02 .grid-content p.title{font-size:22px;font-weight:500;letter-spacing:2.4px;color:#d99956;padding:15px 0px;margin:0px;white-space:normal}.nsdi-theme.nsdi-app-feature .section-02 .grid-content p.intro{padding:0;font-size:14px;line-height:1.93;letter-spacing:1.8px;white-space:normal}.nsdi-theme.nsdi-app-feature .section-03{position:relative;margin-top:250px;margin-bottom:0px}.nsdi-theme.nsdi-app-feature .section-03 .section-intro{padding:0;margin-bottom:0px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:20%;top:50%;left:initial;right:11.4%;position:absolute;min-width:355px}.nsdi-theme.nsdi-app-feature .section-03 .section-img{width:65%}.nsdi-theme.nsdi-app-feature .section-03 .section-img .img-wrap{width:100%;padding-top:calc(100% / 1260 * 863);background-image:url(../images/pages/appdesign/img_app-design_03.png)}.nsdi-theme.nsdi-app-feature .section-04{margin-top:321px;margin-bottom:0px}.nsdi-theme.nsdi-app-feature .section-04 .section-intro{padding:208px 0px 208px 124px;margin-left:-15px;position:relative;z-index:0;overflow:hidden}.nsdi-theme.nsdi-app-feature .section-04 .section-intro .intro-bg{width:100%;height:100%;background-color:#1a1a1a;position:absolute;left:-100%;top:0;-webkit-transition:2s 0.5s cubic-bezier(0.19, 1, 0.22, 1);transition:2s 0.5s cubic-bezier(0.19, 1, 0.22, 1)}.nsdi-theme.nsdi-app-feature .section-04 .section-intro .animated .intro-bg{left:0}.nsdi-theme.nsdi-app-feature .section-04 .section-intro .title,.nsdi-theme.nsdi-app-feature .section-04 .section-intro .content{position:relative;max-width:280px}.nsdi-theme.nsdi-app-feature .section-04 .section-img{position:absolute;right:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:2;width:768px;max-width:100%;margin-right:-15px}.nsdi-theme.nsdi-app-feature .section-04 .section-img img{width:100%;height:auto}.nsdi-theme.nsdi-app-feature .section-05{margin-top:323px;margin-bottom:0px}.nsdi-theme.nsdi-app-feature .section-05 .section-intro{padding:0;margin-bottom:80px;margin-top:0px;left:0}.nsdi-theme.nsdi-app-feature .section-05 .section-intro .content p,.nsdi-theme.nsdi-app-feature .section-05 .section-intro .title h3{text-align:center}.nsdi-theme.nsdi-app-feature .section-05 .section-intro .content p span{padding-right:25px;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.nsdi-theme.nsdi-app-feature .section-05 .section-intro .paragraph{margin-top:10px}.nsdi-theme.nsdi-app-feature .section-05 .grid-list{font-size:0px;margin-left:-64px;margin-right:-64px;text-align:center}.nsdi-theme.nsdi-app-feature .section-05 .grid-item-wrap{display:inline-block;vertical-align:top;padding:0px 65px}.nsdi-theme.nsdi-app-feature .section-05 .grid-item{text-align:center}.nsdi-theme.nsdi-app-feature .section-05 .grid-item p{letter-spacing:2.6px;font-size:30px;line-height:0.9;color:#ffffff}.nsdi-theme.nsdi-app-feature .section-05 .grid-item .icon-wrap{text-align:center;display:inline-block;width:150px;height:150px;border:3px solid #dea56a;border-radius:50%;margin-bottom:30px;position:relative}.nsdi-theme.nsdi-app-feature .section-05 .grid-item .icon-wrap img{width:60px;height:auto;max-width:50%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.nsdi-theme.nsdi-app-feature .section-06{margin-top:332px}.nsdi-theme.nsdi-app-feature .section-06 .section-intro{margin-top:0px;padding:204px 110px 204px 0px;overflow:visible}.nsdi-theme.nsdi-app-feature .section-06 .section-bg{position:absolute;background-color:#1a1a1a;width:100vw;height:550px;right:0}.nsdi-theme.nsdi-app-feature .section-06 .main-container{position:relative;height:100%}.nsdi-theme.nsdi-app-feature .section-06 .section-img{width:100%;left:110px;position:absolute;bottom:80px}.nsdi-theme.nsdi-app-feature .section-06 .section-img .img-wrap{background-image:none;padding:0}.nsdi-theme.nsdi-app-feature .section-06 .section-img .img-wrap img{width:100%;max-width:658px;height:auto}@media all and (max-width: 1600px){.nsdi-theme.nsdi-app-feature .main-body{padding-bottom:197px}.nsdi-theme.nsdi-app-feature .section-02{margin-top:135px;margin-bottom:0px}.nsdi-theme.nsdi-app-feature .section-02 .section-intro{margin-top:0;padding:0px;-webkit-transform:translateY(0);transform:translateY(0)}.nsdi-theme.nsdi-app-feature .section-03{margin-top:320px}.nsdi-theme.nsdi-app-feature .section-03 .section-img{width:100%}.nsdi-theme.nsdi-app-feature .section-03 .section-intro{position:relative;text-align:center;left:initial;right:initial;-webkit-transform:translate(0, 0);transform:translate(0, 0);margin:60px auto 0px;padding:0 15px;width:100%;max-width:480px}.nsdi-theme.nsdi-app-feature .section-03 .section-intro .title h3,.nsdi-theme.nsdi-app-feature .section-03 .section-intro .title p,.nsdi-theme.nsdi-app-feature .section-03 .section-intro .content h3,.nsdi-theme.nsdi-app-feature .section-03 .section-intro .content p{text-align:center}.nsdi-theme.nsdi-app-feature .section-04{margin-top:320px}.nsdi-theme.nsdi-app-feature .section-04 .section-intro{padding:0px;position:relative;z-index:0;max-width:620px;margin:0 auto}.nsdi-theme.nsdi-app-feature .section-04 .section-intro .title{margin-top:60px}.nsdi-theme.nsdi-app-feature .section-04 .section-intro .title,.nsdi-theme.nsdi-app-feature .section-04 .section-intro .content{max-width:100%}.nsdi-theme.nsdi-app-feature .section-04 .section-intro .title h3,.nsdi-theme.nsdi-app-feature .section-04 .section-intro .content p{text-align:center}.nsdi-theme.nsdi-app-feature .section-04 .section-intro .intro-bg{display:none}.nsdi-theme.nsdi-app-feature .section-04 .section-img{position:relative;right:initial;-webkit-transform:translate(0, 0);transform:translate(0, 0);margin:0 auto}.nsdi-theme.nsdi-app-feature .section-06{padding:0px 15px;margin-top:320px}.nsdi-theme.nsdi-app-feature .section-06 .section-img{position:relative;left:0;bottom:0px}.nsdi-theme.nsdi-app-feature .section-06 .section-img .img-wrap{text-align:center}.nsdi-theme.nsdi-app-feature .section-06 .section-intro{max-width:620px;margin:60px auto 0;padding:0}.nsdi-theme.nsdi-app-feature .section-06 .section-intro .title h3,.nsdi-theme.nsdi-app-feature .section-06 .section-intro .content p{text-align:center}.nsdi-theme.nsdi-app-feature .section-06 .section-bg{display:none}}@media all and (max-width: 1199px){.nsdi-theme.nsdi-app-feature .section-01{margin-bottom:200px}.nsdi-theme.nsdi-app-feature .section-01 .section-intro{-webkit-transform:translateY(0);transform:translateY(0);margin-top:60px}.nsdi-theme.nsdi-app-feature .section-02,.nsdi-theme.nsdi-app-feature .section-03,.nsdi-theme.nsdi-app-feature .section-04,.nsdi-theme.nsdi-app-feature .section-05,.nsdi-theme.nsdi-app-feature .section-06{margin-top:250px}.nsdi-theme.nsdi-app-feature .section-02{margin-bottom:200px}.nsdi-theme.nsdi-app-feature .section-02 .section-intro{margin-top:0px;padding:0px}.nsdi-theme.nsdi-app-feature .section-02 .section-intro .title,.nsdi-theme.nsdi-app-feature .section-02 .section-intro .content{margin-left:auto;margin-right:auto}.nsdi-theme.nsdi-app-feature .section-02 .section-intro .title h3,.nsdi-theme.nsdi-app-feature .section-02 .section-intro .title p,.nsdi-theme.nsdi-app-feature .section-02 .section-intro .content h3,.nsdi-theme.nsdi-app-feature .section-02 .section-intro .content p{text-align:center}.nsdi-theme.nsdi-app-feature .section-02 .grid-item{padding-right:10px;padding-left:10px}.nsdi-theme.nsdi-app-feature .section-02 .section-img{width:80vw;max-width:320px;margin:0 auto 60px}.nsdi-theme.nsdi-app-feature .section-03{margin-bottom:200px}.nsdi-theme.nsdi-app-feature .section-03 .grid-list{margin-left:0px;margin-right:0px}.nsdi-theme.nsdi-app-feature .section-04{margin-bottom:200px}.nsdi-theme.nsdi-app-feature .section-05{margin-bottom:200px}.nsdi-theme.nsdi-app-feature .section-05 .section-img{width:83%}.nsdi-theme.nsdi-app-feature .section-05 .section-intro{left:0}}@media all and (max-width: 991px){.nsdi-theme.nsdi-app-feature .section-intro{padding:45px 42px}.nsdi-theme.nsdi-app-feature .section-intro .content p{display:block}.nsdi-theme.nsdi-app-feature .section-intro .title h3,.nsdi-theme.nsdi-app-feature .section-intro .title h3 span{font-size:24px}.nsdi-theme.nsdi-app-feature .section-01{margin-bottom:200px}.nsdi-theme.nsdi-app-feature .section-01 .content p span.wrap-in-lg{display:inline}.nsdi-theme.nsdi-app-feature .section-02{margin-top:0px;margin-bottom:200px}.nsdi-theme.nsdi-app-feature .section-02 .section-intro{padding:0px;margin-top:0;left:0;-webkit-transform:translateY(0);transform:translateY(0)}.nsdi-theme.nsdi-app-feature .section-05 .section-intro{margin-top:0px}.nsdi-theme.nsdi-app-feature .section-05 .section-intro .title h3{text-align:center}.nsdi-theme.nsdi-app-feature .section-05 .section-intro .content p{text-align:center}.nsdi-theme.nsdi-app-feature .section-05 .grid-list{margin-left:0px;margin-right:0px}.nsdi-theme.nsdi-app-feature .section-05 .grid-item-wrap{padding:0 35px;margin-bottom:30px}.nsdi-theme.nsdi-app-feature .section-05 .grid-item p{font-size:18px}.nsdi-theme.nsdi-app-feature .section-05 .grid-item .icon-wrap{width:100px;height:100px;border:2px solid #dea56a}}@media all and (max-width: 768px){.nsdi-theme.nsdi-app-feature .section-intro .title h3,.nsdi-theme.nsdi-app-feature .section-intro .title h3 span{font-size:20px}.nsdi-theme.nsdi-app-feature .section-01 .section-bg{display:none}.nsdi-theme.nsdi-app-feature .section-01 .section-img{width:calc(100% + 30px);margin-left:-15px;position:relative;top:0px}.nsdi-theme.nsdi-app-feature .section-01 .section-intro{margin-left:0px;margin-top:60px}.nsdi-theme.nsdi-app-feature .section-01 .section-intro .title h3{text-align:center}.nsdi-theme.nsdi-app-feature .section-01 .section-intro .content p{text-align:center}.nsdi-theme.nsdi-app-feature .section-01 .section-intro .this-bg{background-color:#1a1a1a}.nsdi-theme.nsdi-app-feature .section-02 .section-img{width:100%}.nsdi-theme.nsdi-app-feature .section-05 .grid-item-wrap{padding:0 20px}.nsdi-theme.nsdi-app-feature .section-05 .grid-item .icon-wrap{width:80px;height:80px;border:1px solid #dea56a}.nsdi-theme.nsdi-app-feature .section-05 .section-intro .content p span{display:block;text-align:center;padding-right:0px}}@media all and (max-width: 576px){.nsdi-theme.nsdi-app-feature .section-02 .grid-item{display:block;width:100%}.nsdi-theme.nsdi-app-feature .section-02 .grid-content{max-width:100%}}@media all and (max-width: 480px){.nsdi-theme.nsdi-app-feature .section-05 .grid-item-wrap{display:block}}.nsdi-theme.nsdi-app-function .section-00{padding-top:160px;padding-bottom:calc( 192px - 38px)}.nsdi-theme.nsdi-app-function .section-00 .grid-item .icon-wrap{height:57px}.nsdi-theme.nsdi-app-function .section-00 .grid-item .icon-wrap img{width:auto;height:100%}.nsdi-theme.nsdi-app-function .section-00 .intro-box-wrap{text-align:center}.nsdi-theme.nsdi-app-function .section-00 .intro-box{padding:100px 65px 65px;margin:0px 12px 45px;background-color:#1a1a1a;text-align:center;width:calc(100% - 24px);max-width:480px;display:inline-block;vertical-align:top;min-height:540px}.nsdi-theme.nsdi-app-function .section-00 .intro-box .icon{width:150px;height:150px;border-radius:50%;border:3px solid #dea56a;margin:0 auto;position:relative}.nsdi-theme.nsdi-app-function .section-00 .intro-box .icon img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:60px;height:auto}.nsdi-theme.nsdi-app-function .section-00 .intro-box h4{margin:33px 0px;font-size:30px;font-weight:bold;line-height:1.5;letter-spacing:2.6px}.nsdi-theme.nsdi-app-function .section-00 .intro-box p.intro{margin-top:6px;font-size:14px;font-weight:normal;line-height:1.93;letter-spacing:1.8px}@media all and (max-width: 480px){.nsdi-theme.nsdi-app-function .section-00 .grid-item .icon-wrap{height:50px}}.safari .nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-04{background-attachment:initial}.nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-02{position:relative;z-index:5}.nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-03{background-image:none;margin:0;padding:150px 0px}.nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-04{margin-top:-430px;padding-top:542px;padding-bottom:50px;background-image:url(../images/real/c356277e444bba29a1b379a97576cffff_33905352_181121_0218.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;position:relative}.nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-04 .container{z-index:3;position:relative}.nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-04:after{content:"\A";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.8);display:block;z-index:2}.nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-04 .section-intro{margin-bottom:150px}@media all and (max-width: 768px){.nsdi-theme.nsdi-design-spec.nsdi-app-spec .section-04{background-attachment:scroll;background-attachment:initial}}.sitemap-wrap{background-image:url("../images/bg_menu-blur.jpg");background-size:cover;background-position:center center;width:100vw;min-height:calc(100vh - 230px);color:#fff;display:block;opacity:1;-webkit-transition:ease-out .5s, background-color .5s  ease;transition:ease-out .5s, background-color .5s  ease}.sitemap-wrap h1,.sitemap-wrap h2,.sitemap-wrap h3,.sitemap-wrap h4,.sitemap-wrap h5,.sitemap-wrap h6,.sitemap-wrap p,.sitemap-wrap a,.sitemap-wrap span,.sitemap-wrap li{font-family:'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial}.sitemap-wrap h1.main-title{position:relative;max-width:420px;margin-bottom:50px;font-size:0}.sitemap-wrap h1.main-title span.en{font-family:'Lato', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;text-transform:uppercase;font-size:60px;font-weight:bold;letter-spacing:2.4px;line-height:normal;margin-right:65px}.sitemap-wrap h1.main-title span.cn{font-size:18px;font-weight:normal;line-height:normal;letter-spacing:1.5px;position:absolute;bottom:10px;right:0}.sitemap-list{margin-top:-25px}.sitemap-list .link-main-list{margin-bottom:50px}.sitemap-list .column-wrap{-webkit-column-count:2;column-count:2}.sitemap-list a{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.sitemap-list h4{font-size:24px;font-weight:bold;line-height:normal;letter-spacing:2.7px;color:#ffffff;margin:25px 0}.sitemap-list h5{font-size:18px;font-weight:300;line-height:normal;letter-spacing:2px;color:#ffffff;margin-bottom:15px}.sitemap-list .link-sub-list ul{padding:5px 0 30px}.sitemap-list .link-sub-list li{font-size:14px;font-weight:300;line-height:1.14;letter-spacing:1.6px;color:#ffffff;margin-bottom:8px}.sitemap-list .link-sub-list li:before{content:'- '}.sitemap-container{padding:175px 0px 80px}.sitemap-container .main-title{-webkit-transition:.5s .3s ease-out, opacity .5s .3s ease;transition:.5s .3s ease-out, opacity .5s .3s ease;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}@media all and (max-width: 1199px){.sitemap-container{padding:180px 25px 80px}}@media all and (max-width: 768px){.sitemap-wrap h1.main-title span.en{font-size:40px;font-weight:normal}.sitemap-wrap h1.main-title span.cn{font-size:16px;letter-spacing:1.3px}}@media all and (max-width: 576px){.sitemap-container{padding:180px 25px 80px}.sitemap-list .column-wrap{-webkit-column-count:1;column-count:1}}@media all and (min-width: 1200px) and (max-width: 1599px){.sitemap-container .container{width:1170px}.sitemap-wrap h1.main-title span.en{font-size:48px;letter-spacing:2px}}@media all and (min-width: 1600px){.sitemap-container .container{width:1480px}}.search-results .results-container{padding:110px 45px}.search-results h1.main-title{font-size:1.8rem;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:2.7px;color:#dea56a}.search-results h1.main-title span{color:#fff;font-size:inherit;letter-spacing:inherit;line-height:inherit;padding:0 10px}.search-results .results-head{padding:40px 0;border-bottom:1px solid #fff}.search-results .results-list .item{border-bottom:1px solid #fff;padding:60px 0;position:relative;-webkit-transition:.3s ease;transition:.3s ease}.search-results .results-list .link{position:absolute;left:0;top:0;width:100%;height:100%}.search-results .results-list .tag{font-size:1.8rem;font-weight:normal;line-height:0.83;letter-spacing:2.6px;color:#dea56a;padding-bottom:7px;display:inline-block;padding-left:2.6px;margin-bottom:20px;border-bottom:1px solid #dea56a}.search-results .results-list h2.title{margin:10px 0;font-size:3rem;font-weight:600;line-height:normal;letter-spacing:3.3px;color:#ffffff}.search-results .results-list p.intro{font-size:1.4rem;font-weight:normal;line-height:2.36;letter-spacing:1.8px;color:#ffffff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.search-results .main-btn-pos{text-align:center;padding:90px 0 30px}@media all and (min-width: 1200px){.search-results .results-list p.intro{padding-right:6%}.search-results .results-list:hover .item{opacity:0.6}.search-results .results-list:hover .item:hover{opacity:1}}@media all and (max-width: 768px){.search-results h1.main-title{font-size:1.6rem}.search-results .results-list .tag{font-size:1.4rem}.search-results .results-list h2.title{font-size:2.4rem}}@media all and (max-width: 576px){.search-results .results-container{padding:110px 20px}}.loginpage .section-top-bg-container-mobile{background-image:url("../images/homepage_top/mobile/img_home-top--login.png")}.login-wrap{position:fixed;width:300px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;left:50%;z-index:999}.login-wrap h3{margin-bottom:30px}.login-wrap form{width:100%}.login-wrap input{font-size:16px}.login-wrap .main-btn-pos{margin-top:30px;text-align:center}.editor-section .container{width:100% !important}@media all and (max-width: 991px){.nsdi-works-page .section-edit-wrap{margin-left:-15px;margin-right:-15px}}.clients-pages .editor-section .nsdi-article-system{overflow:visible}.clients-pages .editor-section .nas-article{width:100%;padding:0}.clients-pages .editor-section img{width:auto;max-width:100%}.reveal-content-wrap{width:100%;position:relative;overflow:hidden}.reveal-content-wrap .reveal-content{width:100%;opacity:0;-webkit-transition:opacity 1s .5s;transition:opacity 1s .5s}.reveal-content-wrap .reveal-content img{width:100%}.reveal-content-wrap .reveal-content.active{opacity:1}.reveal{position:absolute}.reveal.reveal-l{width:0;height:100%;top:0;left:0}.reveal.reveal-r{width:0;height:100%;top:0;right:0}.reveal.reveal-t{width:100%;height:0;left:0;top:0}.reveal.reveal-b{width:100%;height:0;left:0;bottom:0}.reveal.gray{background-color:#353535}.revealAniR{-webkit-animation:revealAniR 1s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniR 1s cubic-bezier(0.19, 1, 0.22, 1)}.revealAniL{-webkit-animation:revealAniL 1s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniL 1s cubic-bezier(0.19, 1, 0.22, 1)}.revealAniT{-webkit-animation:revealAniT 1s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniT 1s cubic-bezier(0.19, 1, 0.22, 1)}.revealAniB{-webkit-animation:revealAniB 1s cubic-bezier(0.19, 1, 0.22, 1);animation:revealAniB 1s cubic-bezier(0.19, 1, 0.22, 1)}@-webkit-keyframes revealAniL{0%{width:0%;left:0%}50%{width:100%;left:0%}100%{width:0%;left:100%}}@keyframes revealAniL{0%{width:0%;left:0%}50%{width:100%;left:0%}100%{width:0%;left:100%}}@-webkit-keyframes revealAniR{0%{width:0%;right:0%}50%{width:100%;right:0%}100%{width:0%;right:100%}}@keyframes revealAniR{0%{width:0%;right:0%}50%{width:100%;right:0%}100%{width:0%;right:100%}}@-webkit-keyframes revealAniT{0%{height:0%;top:0%}50%{height:100%;top:0%}100%{height:0%;top:100%}}@keyframes revealAniT{0%{height:0%;top:0%}50%{height:100%;top:0%}100%{height:0%;top:100%}}@-webkit-keyframes revealAniB{0%{height:0%;bottom:0%}50%{height:100%;bottom:0%}100%{height:0%;bottom:100%}}@keyframes revealAniB{0%{height:0%;bottom:0%}50%{height:100%;bottom:0%}100%{height:0%;bottom:100%}}.ellip{display:block;height:100%}.ellip-line{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ellip,.ellip-line{position:relative;overflow:hidden;max-width:100%}
@charset "UTF-8";
footer {
  z-index: 1;
  width: 100%;
  background-color: #1a1a1a;
  padding: 56px 0px 71px 0px;
  color: #ffffff;
  position: relative;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: 1.5s -webkit-filter ease;
  -o-transition: 1.5s -o-filter ease;
  transition: 1.5s -webkit-filter ease;
  -o-transition: 1.5s filter ease;
  transition: 1.5s filter ease;
  transition: 1.5s filter ease, 1.5s -webkit-filter ease; }

.section-footer .intro-wrap {
  margin-bottom: 35px; }
  .section-footer .intro-wrap p, .section-footer .intro-wrap p span {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.8px;
    text-align: left; }
  .section-footer .intro-wrap p {
    padding-left: 56px;
    text-indent: -56px; }
    .section-footer .intro-wrap p span {
      margin-left: 20px; }

.section-footer .link-wrap .icon-link-wrap, .section-footer .link-wrap .text-link-wrap {
  display: inline-block;
  font-size: 0px; }

.section-footer .link-wrap .icon-link, .section-footer .link-wrap .text-link {
  font-size: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px; }
  .section-footer .link-wrap .icon-link a, .section-footer .link-wrap .text-link a {
    display: block;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; }

.section-footer .link-wrap .icon-link {
  width: 25px;
  height: 25px; }
  .section-footer .link-wrap .icon-link img {
    width: 100%;
    height: auto;
    max-height: 100%;
    vertical-align: bottom; }

.section-footer .link-wrap .text-link {
  padding-left: 20px;
  position: relative; }
  .section-footer .link-wrap .text-link:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.6);
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .section-footer .link-wrap .text-link.no1:before {
    display: none; }
  .section-footer .link-wrap .text-link a {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2.2px;
    text-align: right;
    color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; }
  .section-footer .link-wrap .text-link:hover a {
    color: #dea56a; }

.section-footer .sub-btn-pos, .section-footer p.copyright {
  text-align: right; }

.section-footer p.copyright {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.7px;
  color: #797979;
  margin-top: 26px; }

.section-footer .sub-btn-wrap {
  width: 250px;
  border: 1px solid #dea56a;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  display: inline-block; }
  .section-footer .sub-btn-wrap .sub-btn {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0px;
    vertical-align: middle; }
    .section-footer .sub-btn-wrap .sub-btn:focus {
      background-color: rgba(222, 165, 106, 0.1); }
    .section-footer .sub-btn-wrap .sub-btn a {
      padding: 18px 0;
      width: 100%;
      height: 100%;
      display: block;
      position: relative;
      text-align: center; }
      .section-footer .sub-btn-wrap .sub-btn a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        background-color: #dea56a;
        -webkit-transition: -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition: -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
      .section-footer .sub-btn-wrap .sub-btn a:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        background-color: rgba(222, 165, 106, 0.1);
        -webkit-transition: -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition: -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s; }
      .section-footer .sub-btn-wrap .sub-btn a span {
        position: relative;
        font-family: 'Open Sans', 'Noto Sans TC', "PingFang TC" ,"微軟正黑體",   "蘋果儷中黑",'sans-serif' , Arial;
        font-size: 14px;
        letter-spacing: 2.1px;
        color: #dea56a;
        left: 0px;
        padding: 0 38px;
        -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
        z-index: 1;
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 2.4px; }

@media all and (min-width: 1200px) {
  .section-footer .sub-btn-wrap .sub-btn:hover a:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s; }
  .section-footer .sub-btn-wrap .sub-btn:hover a:before {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center; }
  .section-footer .sub-btn-wrap .sub-btn:hover a span {
    color: #1a1a1a;
    left: 5px; }
  .section-footer .link-wrap .icon-link a:hover, .section-footer .link-wrap .text-link a:hover {
    opacity: 0.5;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    color: #fff; } }

@media all and (max-width: 991px) {
  .section-footer .intro-wrap p, .section-footer .intro-wrap p span {
    text-align: center; }
  .section-footer .link-wrap {
    text-align: center; }
    .section-footer .link-wrap .icon-link-wrap {
      margin-bottom: 15px; }
    .section-footer .link-wrap .icon-link-wrap, .section-footer .link-wrap .text-link-wrap {
      display: block;
      text-align: center; }
    .section-footer .link-wrap .icon-link {
      margin: 0px 12.5px; }
    .section-footer .link-wrap .text-link {
      margin-right: 20px; }
  .section-footer .sub-btn-pos {
    margin-top: 35px; }
  .section-footer .sub-btn-pos, .section-footer p.copyright {
    text-align: center; } }

@media all and (max-width: 480px) {
  .section-footer .sub-btn-wrap {
    margin: 0 auto; } }