/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
  overflow: visible;
}

audio, canvas, progress, video {
  display: inline-block;
}

progress, sub, sup {
  vertical-align: baseline;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

h1 {
  font-size: 2em;
  margin: .67em 0;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

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

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, select {
  text-transform: none;
}

[type=submit], [type=reset], button, html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}

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

p {
  margin: 0;
}

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

body {
  color: #685d57;
  font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
  background-color: #a79f92;
  font-size: 15px;
}

@media (min-width: 769px) {
  body {
    font-size: 16px;
  }
}

a {
  color: #685d57;
  text-decoration: none;
}

em {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1 {
  font-size: 2.25em;
}

@media (min-width: 960px) {
  h1 {
    font-size: 50px;
  }
}

h2 {
  font-size: 1.5em;
}

@media (min-width: 960px) {
  h2 {
    font-size: 30px;
  }
}

h3 {
  font-size: 1.125em;
}

@media (min-width: 960px) {
  h3 {
    font-size: 22px;
  }
}

h4 {
  font-size: 0.875em;
}

@media (min-width: 960px) {
  h4 {
    font-size: 16px;
  }
}

.overflow-container {
  overflow: hidden;
}

#status {
  top: 60px;
  left: 0;
  position: absolute;
  z-index: 1000000;
}

.loading-container {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: #fff;
  overflow: hidden;
}

.loading-section {
  top: 50%;
  left: 0;
  position: absolute;
  width: 100%;
}

.loading-section .loading-logo {
  top: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  height: 236.6px;
  margin: -161px auto 0;
  background: url("../img_web/HoSua_cross.gif") 50% 50% no-repeat;
  background-size: auto 100%;
  overflow: hidden;
}

@media (min-width: 769px) {
  .loading-section .loading-logo {
    width: 100%;
    height: 338px;
    margin: -230px auto 0;
    background-size: 500px 338px;
  }
}

.loading-section #loading {
  width: 0%;
  height: 1px;
  background-color: #ff665e;
}

.loading-txt {
  top: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  margin: 65px auto 0 auto;
  text-align: center;
  color: #ff665e;
}

@media (min-width: 769px) {
  .loading-txt {
    margin-top: 90px;
    font-size: 20px;
  }
}

#fp-nav, .fp-slidesNav {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

@media (min-width: 769px) {
  #fp-nav, .fp-slidesNav {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

#fp-nav.right {
  right: 1.5%;
  -webkit-transform: scale(0.6) translateY(-33%);
      -ms-transform: scale(0.6) translateY(-33%);
          transform: scale(0.6) translateY(-33%);
}

@media (min-width: 769px) {
  #fp-nav.right {
    -webkit-transform: scale(1) translateY(0%);
        -ms-transform: scale(1) translateY(0%);
            transform: scale(1) translateY(0%);
  }
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background-color: #fff;
}

.fp-controlArrow {
  display: none;
}

#fp-nav ul li:last-child {
  display: none;
}

#fp-nav ul li, .fp-slidesNav ul li {
  width: 12px;
  height: 12px;
  margin: 18px 0;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
}

#fp-right-nav {
  top: 50%;
  right: 5px;
  position: fixed;
  z-index: 100;
  margin-top: -69px;
  -webkit-transform: scale(0.6) translateY(0);
      -ms-transform: scale(0.6) translateY(0);
          transform: scale(0.6) translateY(0);
}

@media (min-width: 769px) {
  #fp-right-nav {
    right: 1.5%;
    -webkit-transform: scale(1) translateY(0%);
        -ms-transform: scale(1) translateY(0%);
            transform: scale(1) translateY(0%);
  }
}

#fp-right-nav ul li {
  width: 12px;
  height: 12px;
  margin: 18px 0;
}

#fp-right-nav ul li a {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-color: #fff;
}

#fp-right-nav ul li a.is-active {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.fp-slidesNav.bottom {
  bottom: 5%;
  left: 2%;
  width: auto;
  margin: 0 !important;
}

@media (min-width: 769px) {
  .fp-slidesNav.bottom {
    bottom: 9.8%;
    left: 12.1%;
  }
}

.fp-slidesNav.bottom ul li {
  width: 12px;
  height: 12px;
  margin: 0 7px;
}

.fp-slidesNav.bottom ul li:hover .active span {
  width: 12px;
  height: 12px;
  margin-top: -7.5px;
  margin-left: -7.5px;
}

.fp-slidesNav.bottom ul li a.active span {
  background-color: #fff;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.fp-slidesNav.bottom ul li a span {
  width: 12px;
  height: 12px;
  margin-top: -7.5px;
  margin-left: -7.5px;
  border: 1px solid #fff;
  background-color: transparent;
}

.app-download h2 {
  font-size: 17px;
  margin-bottom: 8px;
  font-weight: normal;
  text-align: center;
}

@media (min-width: 769px) {
  .app-download h2 {
    margin-bottom: 15px;
    color: #fff;
  }
}

.app-download .app-list {
  text-align: center;
}

.app-download .app-list li {
  display: inline-block;
  margin: 0 3px;
}

@media (min-width: 769px) {
  .app-download .app-list li {
    margin: 0 12px 12px;
  }
}

.app-download .app-list li a {
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -9999px;
}

@media (min-width: 769px) {
  .app-download .app-list li a {
    width: 195px;
    height: 65px;
  }
}

.app-download .app-list li .android {
  background: url("../img_phone/App link_google_S.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (min-width: 769px) {
  .app-download .app-list li .android {
    background: url("../img_web/App link_google_L.png") 0 0 no-repeat;
  }
}

.app-download .app-list li .ios {
  background: url("../img_phone/App link_apple_S.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (min-width: 769px) {
  .app-download .app-list li .ios {
    background: url("../img_web/App link_apple_L.png") 0 0 no-repeat;
  }
}

.copyright .sns-list {
  margin-bottom: 10px;
}

@media (min-width: 769px) {
  .copyright .sns-list {
    margin-bottom: 16px;
  }
}

.copyright .sns-list a {
  width: 30px;
  height: 26px;
  display: inline-block;
  margin-right: 0px;
  font-size: 0;
  text-indent: -9999px;
}

@media (min-width: 769px) {
  .copyright .sns-list a {
    width: 44px;
    height: 40px;
    margin-right: 10px;
  }
}

.copyright .sns-list .fb {
  background: url("../img_web/FB link_White.png") 0 50% no-repeat;
  background-size: auto 100%;
}

.copyright .sns-list .ig {
  background: url("../img_web/IG link_White.png") 0 50% no-repeat;
  background-size: auto 100%;
}

.copyright .sns-list .mail {
  background: url("../img_web/Email link_White.png") 0 50% no-repeat;
  background-size: 100% auto;
}

.copyright .copy {
  color: #fff;
  font-size: 11px;
  line-height: 1.3;
}

@media (min-width: 769px) {
  .copyright .copy {
    font-size: 13px;
    line-height: 1.5;
  }
}

.lnb {
  top: 0;
  left: 0;
  position: fixed;
  width: 230px;
  height: 100%;
  z-index: 300;
  padding: 0 44px;
  background-color: #ff665e;
  transition: all .3s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

@media (min-width: 769px) {
  .lnb {
    display: none;
  }
}

.lnb.is-opened {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.lnb .logo {
  top: 3%;
  left: 10.7%;
  position: absolute;
  width: 95px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  background: url("../img_web/Logo_White_S.png") 0 0 no-repeat;
  background-size: cover;
}

.lnb .logo a {
  width: 100%;
  height: 100%;
  display: block;
}

.lnb .nav-list {
  margin-top: 90px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
}

.lnb .nav-list li {
  margin-bottom: 25px;
}

.lnb .nav-list li a {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}

.lnb .app-download h2 {
  color: #fff;
  text-align: left;
}

.lnb .app-download .app-list {
  text-align: left;
}

.lnb .app-download .app-list li:first-child {
  margin: 0;
}

.lnb .copyright {
  bottom: 4%;
  left: 40px;
  position: absolute;
}

.header {
  position: absolute;
  z-index: 200;
}

.header .logo {
  top: 3%;
  left: 6.7%;
  position: fixed;
  width: 96.9px;
  height: 40.8px;
  font-size: 0;
  text-indent: -9999px;
  opacity: 0;
}

@media (min-width: 769px) {
  .header .logo {
    top: 4%;
    left: 8.3%;
    position: fixed;
  }
}

.header .logo.logo-index {
  background: url("../img_web/Logo_White_L.png") 0 0 no-repeat;
  background-size: cover;
}

.header .logo.logo-index.pink {
  background: url("../img_web/Logo_Red_L.png") 0 0 no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .header .logo.logo-index {
    width: 198px;
    height: 83px;
    transition: all 0.6s ease-out;
  }
}

.header .logo.logo-index.is-active {
  opacity: 1;
}

@media (min-width: 769px) {
  .header .logo.logo-index.is-active {
    transition: all 1s ease-out;
    transition-delay: 0ms;
  }
}

.header .logo.logo-sub {
  background: url("../img_web/Logo_White_S.png") 0 0 no-repeat;
  background-size: cover;
  font-size: 0;
  text-indent: -9999px;
}

@media (min-width: 769px) {
  .header .logo.logo-sub {
    width: 170px;
    height: 72px;
  }
}

.header .logo.logo-sub.is-active {
  opacity: 1;
}

@media (min-width: 769px) {
  .header .logo.logo-sub.is-active {
    transition: all 1s ease-out;
    transition-delay: 1000ms;
  }
}

.header .logo a {
  width: 100%;
  height: 100%;
  display: block;
}

.header .menu-icon {
  top: 2.3%;
  right: 5%;
  position: fixed;
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}

@media (min-width: 769px) {
  .header .menu-icon {
    display: none;
  }
}

.header .menu-icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #FFF;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.header .menu-icon span, .header .menu-icon span:after, .header .menu-icon span:before {
  z-index: 2;
  transition: width 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s, -webkit-transform 0.5s;
}

.header .menu-icon span:after, .header .menu-icon span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #FFF;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.header .menu-icon span:after {
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px);
}

.header .menu-icon-arrow {
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.header .menu-icon-arrow, .header .menu-icon-arrow:after, .header .menu-icon-arrow:before {
  z-index: 2;
  transition: width 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s, -webkit-transform 0.5s;
}

.header .menu-icon-arrow.is-opened {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header .menu-icon-arrow.is-opened span:before {
  width: 50%;
  -webkit-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg);
}

.header .menu-icon-arrow.is-opened span:after {
  width: 50%;
  -webkit-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg);
}

.header .menu-icon-arrow span:after, .header .menu-icon-arrow span:before {
  right: 0;
  left: auto;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.header .menu {
  top: 5.5%;
  right: 8.3%;
  position: fixed;
  display: none;
}

@media (min-width: 769px) {
  .header .menu {
    display: block;
  }
}

.header .menu .nav-list li {
  display: inline-block;
  margin-left: 32px;
}

.header .menu .nav-list li:first-child {
  margin-left: 0;
}

.header .menu .nav-list li a {
  position: relative;
  padding: 0 4px;
  color: #fff;
  font-size: 19px;
}

.header .menu .nav-list li a:after {
  bottom: -5px;
  left: 50%;
  position: absolute;
  width: 0;
  height: 2px;
  content: '';
  display: block;
  margin-top: 5px;
  border-bottom: 2px solid #fff;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: all .2s;
}

.header .menu .nav-list li a.is-active:after {
  width: 100%;
  height: 2px;
}

.header .app-download {
  display: none;
}

@media (min-width: 1517px) {
  .header .app-download {
    display: block;
    bottom: 11.3%;
    left: 8.5%;
    position: fixed;
    margin-left: -40px;
  }
}

.header .app-download .app-list li {
  display: block;
  margin: 0;
}

.header .app-download .app-list li:first-child {
  margin-bottom: 16px;
}

.header .app-download .app-list li a {
  width: 40px;
  height: 40px;
  display: block;
  font-size: 0;
  text-indent: -9999px;
}

.header .app-download .app-list li a.android {
  background: url("../img_web/App link_google_S.png") 0 0 no-repeat;
}

.header .app-download .app-list li a.ios {
  background: url("../img_web/App link_apple_S.png") 0 0 no-repeat;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 9;
  display: block;
  width: 7px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 1;
  color: gray;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\f104";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "\f105";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 15px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px !important;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  background: transparent;
  display: block;
  height: 12px;
  width: 12px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  border-radius: 50%;
  border: 1px solid #ff665e;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li.slick-active button {
  background-color: #ff665e;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 20px;
}

@media (min-width: 769px) {
  .mCSB_inside > .mCSB_container {
    margin-right: 30px;
  }
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ff665e;
  background-color: rgba(255, 102, 94, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #ff665e;
  background-color: rgba(255, 102, 94, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #ff665e;
  background-color: rgba(255, 102, 94, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.hero-slide {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

@media (min-width: 769px) {
  .hero-slide {
    top: 0;
    left: 0;
    position: fixed;
  }
}

.hero-slide.is-leave {
  transition: all .6s ease-out;
}

.hero-slide > div, .hero-slide .slick-track {
  width: 100%;
  height: 100%;
}

.hero-slide .img1 {
  font-size: 0;
  text-indent: -9999px;
  background: url("../img_phone/P01_01.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .hero-slide .img1 {
    background: url("../img_web/P01_01.png") 50% 50% no-repeat;
    background-size: cover;
  }
}

.hero-slide .img2 {
  font-size: 0;
  text-indent: -9999px;
  background: url("../img_phone/P01_02.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .hero-slide .img2 {
    background: url("../img_web/P01_02.png") 50% 50% no-repeat;
    background-size: cover;
  }
}

.hero-slide .img3 {
  font-size: 0;
  text-indent: -9999px;
  background: url("../img_phone/P01_03.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .hero-slide .img3 {
    background: url("../img_web/P01_03.png") 50% 50% no-repeat;
    background-size: cover;
  }
}

.hero-slide .img4 {
  font-size: 0;
  text-indent: -9999px;
  background: url("../img_phone/P01_04.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .hero-slide .img4 {
    background: url("../img_web/P01_04.png") 50% 50% no-repeat;
    background-size: cover;
  }
}

.hero-slide .img5 {
  font-size: 0;
  text-indent: -9999px;
  background: url("../img_phone/P01_05.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  .hero-slide .img5 {
    background: url("../img_web/P01_05.png") 50% 50% no-repeat;
    background-size: cover;
  }
}

.ani-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}

@media (min-width: 769px) {
  .ani-box {
    display: block;
  }
}

.ani-box [class*="obj"] {
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 100;
}

.ani-box [class*="obj"] img {
  max-width: 100%;
}

.ani-box .bg {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

#section0 .hero-slide-dots {
  bottom: 5%;
  left: -1%;
  opacity: 1;
  -webkit-transform: scale(0.6) translateX(-20%);
      -ms-transform: scale(0.6) translateX(-20%);
          transform: scale(0.6) translateX(-20%);
  transition: all 0.2s;
}

@media (min-width: 769px) {
  #section0 .hero-slide-dots {
    bottom: 9.8%;
    left: 12.1%;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

#section0 .hero-slide-dots.is-leave {
  opacity: 0;
}

#section0 .hero-slide-dots li.slick-active button {
  background-color: transparent;
}

#section0 .hero-slide-dots li.slick-current button {
  background-color: #ff665e;
}

#section1 {
  position: relative;
}

#section1 .slide1 {
  background: url("../img_phone/P02_01.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section1 .slide1 {
    background: none;
  }
}

#section1 .slide2 {
  background: url("../img_phone/P02_02.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section1 .slide2 {
    background: none;
  }
}

#section1 .slide3 {
  background: url("../img_phone/P02_03.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section1 .slide3 {
    background: none;
  }
}

#section1 .slide {
  position: relative;
}

@media (min-width: 769px) {
  #section1 .slide {
    top: 0;
    left: 0;
    position: absolute;
  }
}

#section1 .slide h2 {
  font-size: 0;
  text-indent: -9999px;
}

#section1 .slide .tip-text {
  bottom: 2.2%;
  left: 0;
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

@media (min-width: 769px) {
  #section1 .slide .tip-text {
    display: none;
  }
}

@media (min-width: 769px) {
  #section1 .slide .tip {
    width: 17.3%;
    height: 14px;
    top: auto;
    bottom: 14%;
    margin-top: 18.1%;
    margin-left: -37.6%;
    background: url("../img_web/P02_Tip01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide .tip.is-active {
    opacity: 1;
    transition: all 0.6s ease-out;
    transition-delay: 2600ms;
  }
}

@media (min-width: 769px) {
  #section1 .slide1.active .bg {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    transition: all 1s;
  }
  #section1 .slide1.active .bg.is-active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    transition: all 0.8s ease-out;
    transition-delay: 0ms;
  }
  #section1 .slide1 .bg {
    background-color: #ff655d;
  }
  #section1 .slide1 .title {
    width: 58%;
    height: 899px;
    margin-top: -24.2%;
    margin-left: -17.8%;
    background: url("../img_web/P02_01_Title01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide1 .title.is-active {
    opacity: 1;
    transition: all 1.8s ease-out;
    transition-delay: 400ms;
  }
  #section1 .slide1 .text {
    width: 16%;
    height: 137px;
    margin-top: -0.8%;
    margin-left: -30.1%;
    background: url("../img_web/P02_01_Text01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide1 .text.is-active {
    opacity: 1;
    transition: all 0.6s ease-out;
    transition-delay: 2000ms;
  }
  #section1 .slide1 .phone1 {
    width: 15.8%;
    height: 580px;
    margin-top: -13%;
    margin-left: -2.7%;
    background: url("../img_web/P02_01_Phone01.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(-500%);
        -ms-transform: translateX(-500%);
            transform: translateX(-500%);
    transition: all 1s;
  }
  #section1 .slide1 .phone1.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1.3s ease-out;
    transition-delay: 700ms;
  }
  #section1 .slide1 .phone2 {
    width: 15.8%;
    height: 580px;
    margin-top: -13%;
    margin-left: 12.6%;
    background: url("../img_web/P02_01_Phone02.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(-500%);
        -ms-transform: translateX(-500%);
            transform: translateX(-500%);
    transition: all 1s;
  }
  #section1 .slide1 .phone2.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1.3s ease-out;
    transition-delay: 600ms;
  }
}

@media (min-width: 769px) {
  #section1 .slide2 .bg {
    background-color: #4e7798;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    transition: all 1s;
  }
  #section1 .slide2 .bg.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 0.8s ease-out;
    transition-delay: 0ms;
  }
  #section1 .slide2 .title {
    width: 62%;
    height: 594px;
    margin-top: -18.8%;
    margin-left: -28.2%;
    background: url("../img_web/P02_02_Title01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide2 .title.is-active {
    opacity: 1;
    transition: all 1.8s ease-out;
    transition-delay: 400ms;
  }
  #section1 .slide2 .thumb1 {
    width: 17.9%;
    height: 339px;
    margin-top: -8.98%;
    margin-left: -6.5%;
    background: url("../img_web/P02_02_Thumb01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide2 .thumb1.is-active {
    opacity: 1;
    transition: all 1s ease-out;
    transition-delay: 2100ms;
  }
  #section1 .slide2 .thumb2 {
    width: 17.9%;
    height: 339px;
    margin-top: -8.98%;
    margin-left: -25.55%;
    background: url("../img_web/P02_02_Thumb02.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide2 .thumb2.is-active {
    opacity: 1;
    transition: all 1s ease-out;
    transition-delay: 2700ms;
  }
  #section1 .slide2 .text {
    width: 15%;
    height: 250px;
    margin-top: -5.4%;
    margin-left: -42.1%;
    background: url("../img_web/P02_02_Text01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide2 .text.is-active {
    opacity: 1;
    transition: all 0.6s ease-out;
    transition-delay: 3400ms;
  }
  #section1 .slide2 .tip.is-active {
    transition-delay: 4000ms;
  }
  #section1 .slide2 .phone1 {
    width: 15.8%;
    height: 580px;
    margin-top: -13%;
    margin-left: 12.3%;
    background: url("../img_web/P02_02_Phone01.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(-600%);
        -ms-transform: translateX(-600%);
            transform: translateX(-600%);
    transition: all 1s;
  }
  #section1 .slide2 .phone1.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1.3s ease-out;
    transition-delay: 700ms;
  }
  #section1 .slide2 .phone2 {
    width: 15.8%;
    height: 580px;
    margin-top: -13%;
    margin-left: 26.8%;
    background: url("../img_web/P02_02_Phone02.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(-600%);
        -ms-transform: translateX(-600%);
            transform: translateX(-600%);
    transition: all 1s;
  }
  #section1 .slide2 .phone2.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1.3s ease-out;
    transition-delay: 600ms;
  }
}

@media (min-width: 769px) {
  #section1 .slide3 .bg {
    background-color: #00a083;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    transition: all 1s;
  }
  #section1 .slide3 .bg.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 0.8s ease-out;
    transition-delay: 0ms;
  }
  #section1 .slide3 .bg.is-leave {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  #section1 .slide3 .title {
    width: 62%;
    height: 594px;
    margin-top: -18.7%;
    margin-left: -33.75%;
    background: url("../img_web/P02_03_Title01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide3 .title.is-active {
    opacity: 1;
    transition: all 1.8s ease-out;
    transition-delay: 400ms;
  }
  #section1 .slide3 .thumb1 {
    width: 17.9%;
    height: 339px;
    margin-top: -8.98%;
    margin-left: -11.35%;
    background: url("../img_web/P02_03_Thumb01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide3 .thumb1.is-active {
    opacity: 1;
    transition: all 1s ease-out;
    transition-delay: 2100ms;
  }
  #section1 .slide3 .thumb2 {
    width: 17.9%;
    height: 339px;
    margin-top: -8.98%;
    margin-left: 7.65%;
    background: url("../img_web/P02_03_Thumb02.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide3 .thumb2.is-active {
    opacity: 1;
    transition: all 1s ease-out;
    transition-delay: 2700ms;
  }
  #section1 .slide3 .text {
    width: 15%;
    height: 293px;
    margin-top: -5.25%;
    margin-left: 27.1%;
    background: url("../img_web/P02_03_Text01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section1 .slide3 .text.is-active {
    opacity: 1;
    transition: all 0.6s ease-out;
    transition-delay: 3400ms;
  }
  #section1 .slide3 .tip.is-active {
    transition-delay: 4000ms;
  }
  #section1 .slide3 .phone1 {
    width: 15.8%;
    height: 580px;
    margin-top: -13%;
    margin-left: -39.8%;
    background: url("../img_web/P02_03_Phone01.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(600%);
        -ms-transform: translateX(600%);
            transform: translateX(600%);
    transition: all 1s;
  }
  #section1 .slide3 .phone1.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1.3s ease-out;
    transition-delay: 600ms;
  }
  #section1 .slide3 .phone2 {
    width: 15.8%;
    height: 580px;
    margin-top: -13%;
    margin-left: -25.5%;
    background: url("../img_web/P02_03_Phone02.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(600%);
        -ms-transform: translateX(600%);
            transform: translateX(600%);
    transition: all 1s;
  }
  #section1 .slide3 .phone2.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1.3s ease-out;
    transition-delay: 700ms;
  }
}

#section2 h2 {
  font-size: 0;
  text-indent: -9999px;
}

@media (min-width: 769px) {
  #section2 {
    background-color: #fdb811;
  }
  #section2 .bg {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 45.2%;
    height: 869px;
    margin-top: -21.7%;
    margin-left: -7.4%;
    background: url("../img_web/P02_04_Bg01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section2 .bg.is-active {
    opacity: 1;
    transition: all 1.8s ease-out;
    transition-delay: 0ms;
  }
  #section2 .text1 {
    width: 21.9%;
    height: 342px;
    margin-top: -8.3%;
    margin-left: -30.8%;
    background: url("../img_web/P02_04_Text01.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section2 .text1.is-active {
    opacity: 1;
    transition: all 0.6s ease-out;
    transition-delay: 1400ms;
  }
  #section2 .text2 {
    width: 26.5%;
    height: 45px;
    margin-top: 16%;
    margin-left: -35.8%;
    background: url("../img_web/P02_04_Text02.png") 0 0 no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: all 1s;
  }
  #section2 .text2.is-active {
    opacity: 1;
    transition: all 0.8s ease-out;
    transition-delay: 2000ms;
  }
  #section2 .obj1 {
    width: 45.7%;
    height: 800px;
    margin-top: -19.4%;
    margin-left: -7.8%;
    background: url("../img_web/P02_04_Obj01.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(300%);
        -ms-transform: translateX(300%);
            transform: translateX(300%);
    transition: all 1s;
  }
  #section2 .obj1.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1s ease-out;
    transition-delay: 200ms;
  }
  #section2 .obj2 {
    width: 30.5%;
    height: 185px;
    margin-top: 3.9%;
    margin-left: -50.3%;
    background: url("../img_web/P02_04_Obj02.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-transform: translateX(-300%);
        -ms-transform: translateX(-300%);
            transform: translateX(-300%);
    transition: all 1s;
  }
  #section2 .obj2.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    transition: all 1s ease-out;
    transition-delay: 300ms;
  }
}

#section2 .sct2-slide {
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  #section2 .sct2-slide {
    display: none;
  }
}

#section2 .sct2-slide > div, #section2 .sct2-slide .slick-track {
  width: 100%;
  height: 100%;
}

#section2 .sct2-slide .img1 {
  background: url("../img_phone/P02_04_01.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section2 .sct2-slide .img1 {
    background: none;
  }
}

#section2 .sct2-slide .img2 {
  background: url("../img_phone/P02_04_02.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section2 .sct2-slide .img2 {
    background: none;
  }
}

#section2 .sct2-slide .img3 {
  background: url("../img_phone/P02_04_03.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section2 .sct2-slide .img3 {
    background: none;
  }
}

#section2 .sct2-slide .img4 {
  background: url("../img_phone/P02_04_04.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section2 .sct2-slide .img4 {
    background: none;
  }
}

#section2 .sct2-slide .img5 {
  background: url("../img_phone/P02_04_05.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section2 .sct2-slide .img5 {
    background: none;
  }
}

#section2 .sct2-slide .slick-dots {
  bottom: 5%;
  left: 3%;
  width: auto;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

@media (min-width: 769px) {
  #section2 .sct2-slide .slick-dots {
    bottom: 9.8%;
    left: 14.2%;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

#section2 .sct2-slide .slick-dots li.slick-active button {
  background-color: #fff;
}

#section2 .sct2-slide .slick-dots li button {
  border: 1px solid #fff;
}

#section3 {
  background-color: #a79f92;
}

#section3 img {
  max-width: 100%;
}

#section3 .slide-header {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  margin: 1em 1.5em;
}

#section3 .slide-header:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 769px) {
  #section3 .slide-header {
    margin: 120px auto 20px;
  }
}

#section3 .title {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}

@media (min-width: 769px) {
  #section3 .title {
    font-size: 45px;
  }
}

#section3 .dots-bg {
  height: 38px;
  margin: 0 1.5em;
  background-color: #fff;
}

@media (min-width: 769px) {
  #section3 .dots-bg {
    display: none;
  }
}

#section3 .contents-wrap {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  height: calc(100% - 120px);
  margin: 0 1.5em;
  padding: 0 0.3em 0 1em;
  background-color: #fff;
  overflow-y: auto;
}

#section3 .contents-wrap:after {
  content: " ";
  display: block;
  clear: both;
}

#section3 .contents-wrap:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 769px) {
  #section3 .contents-wrap {
    height: calc(96% - 228px);
    margin: 0 auto 35px;
    padding: 35px 15px;
  }
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents {
    padding: 0 35px;
  }
}

#section3 .contents-wrap .contents img {
  max-width: 100%;
}

#section3 .contents-wrap .contents ol {
  margin-left: 19px;
}

#section3 .contents-wrap .contents ol li {
  line-height: 1.7;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents ol li {
    font-size: 19px;
  }
}

#section3 .contents-wrap .contents ol.ls1 {
  list-style: none;
  margin-left: 14px;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents ol.ls1 {
    margin-left: 19px;
  }
}

#section3 .contents-wrap .contents ol.ls1 > li {
  margin-bottom: 0;
  margin-left: 23px;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents ol.ls1 > li {
    margin-left: 28px;
  }
}

#section3 .contents-wrap .contents ol.ls1 > li.li-n {
  margin-left: 0;
}

#section3 .contents-wrap .contents ol.ls1 > li:before {
  content: attr(data-t);
  display: inline-block;
  width: 25px;
  margin-left: -25px;
  text-align: center;
}

#section3 .contents-wrap .contents ol.ls1 > li ol {
  list-style-type: lower-latin;
  margin-left: 12px;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents ol.ls1 > li ol {
    margin-left: 19px;
  }
}

#section3 .contents-wrap .contents ol.ls1 > li ol li {
  margin-left: 7px;
}

#section3 .contents-wrap .contents ol.ls2 {
  list-style-type: decimal;
}

#section3 .contents-wrap .contents ol.ls2 li {
  margin-bottom: 10px;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents ol.ls2 li {
    margin-bottom: 19px;
  }
}

#section3 .contents-wrap .contents ol.ls3 {
  list-style: none;
  margin-left: 0;
}

#section3 .contents-wrap .contents ol.ls3 > li {
  margin-bottom: 0;
  margin-left: 30px;
}

#section3 .contents-wrap .contents ol.ls3 > li:before {
  content: attr(data-t);
  display: inline-block;
  width: 30px;
  margin-left: -30px;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents ol.ls3 > li:before {
    width: 35px;
    margin-left: -35px;
  }
}

#section3 .contents-wrap .contents p {
  line-height: 1.7;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents p {
    font-size: 19px;
  }
}

#section3 .contents-wrap .contents .tip {
  margin-top: 15px;
  padding-top: 15px;
  line-height: 1.6;
  border-top: 1px solid #685d58;
}

@media (min-width: 769px) {
  #section3 .contents-wrap .contents .tip {
    margin-top: 25px;
    padding-top: 25px;
  }
}

#section3 .timeline {
  margin-bottom: 20px;
}

@media (min-width: 769px) {
  #section3 .timeline {
    margin-bottom: 40px;
  }
}

@media (min-width: 769px) {
  #section3 .timeline.mobile {
    display: none;
  }
}

#section3 .timeline.pc {
  display: none;
}

@media (min-width: 769px) {
  #section3 .timeline.pc {
    display: block;
  }
}

#section3 .float-right {
  display: none;
}

@media (min-width: 769px) {
  #section3 .float-right {
    display: block;
    float: right;
    margin-top: 20px;
  }
}

#section3 .slide3 .slide-header {
  margin-top: 3em;
}

@media (min-width: 769px) {
  #section3 .slide3 .slide-header {
    margin-top: 140px;
  }
}

#section3 .slide-image {
  height: 36%;
  line-height: 0;
  background: url("../img_phone/P03_03_02.jpg") 50% 50% no-repeat;
  background-size: cover;
}

@media (min-width: 769px) {
  #section3 .slide-image {
    height: 40%;
    background: url("../img_web/P03_03_02.png") 50% 50% no-repeat;
    background-size: cover;
  }
}

#section3 .slide-image .slide-title {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#section3 .slide-image .slide-title:after {
  content: " ";
  display: block;
  clear: both;
}

#section3 .slide-image .slide-title .title {
  top: 2.2em;
  left: 1.5em;
  position: absolute;
}

@media (min-width: 769px) {
  #section3 .slide-image .slide-title .title {
    top: 165px;
    left: 0;
    position: absolute;
  }
}

#section3 .slide-image .mobile {
  display: block;
  max-width: 113%;
}

@media (min-width: 769px) {
  #section3 .slide-image .mobile {
    display: none;
  }
}

#section3 .qna-container {
  height: 64%;
  margin: 0 1.5em;
  background-color: #fff;
}

@media (min-width: 769px) {
  #section3 .qna-container {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 60%;
    margin: 0 auto;
  }
  #section3 .qna-container:after {
    content: " ";
    display: block;
    clear: both;
  }
}

#section3 .qna-container .qna-contents {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 100%;
}

#section3 .qna-container .qna-contents:after {
  content: " ";
  display: block;
  clear: both;
}

#section3 .qna-container .qna-contents h3 {
  padding: 10px 0;
  color: #ff665e;
  border-bottom: 1px solid #685d58;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents h3 {
    padding: 11px 0;
    border-bottom: 2px solid #685d58;
  }
}

#section3 .qna-container .qna-contents .qna-btns {
  top: 8px;
  right: 10px;
  position: absolute;
  width: 51px;
  height: 25px;
  background: url("../img_web/P03_03_03_01.png") 0 0 no-repeat;
  background-size: 100% auto;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents .qna-btns {
    top: 6px;
    right: 0;
    position: absolute;
    width: 88.35px;
    height: 43.7px;
  }
}

#section3 .qna-container .qna-contents .qna-btns a {
  width: 50%;
  height: 100%;
  display: block;
  float: left;
}

#section3 .qna-container .qna-contents .qna-btns a.prev:hover {
  background: url("../img_web/P03_03_03_03.png") 0 0 no-repeat;
  background-size: auto 100%;
}

#section3 .qna-container .qna-contents .qna-btns a.next:hover {
  background: url("../img_web/P03_03_03_02.png") 100% 0 no-repeat;
  background-size: auto 100%;
}

#section3 .qna-container .qna-contents .qna-list {
  height: 100%;
}

#section3 .qna-container .qna-contents .qna-list li {
  display: none;
  width: 100%;
  height: 100%;
}

#section3 .qna-container .qna-contents .qna-list li:first-child {
  display: table;
}

#section3 .qna-container .qna-contents .qna-list li h3 {
  padding-left: 0.7em;
  padding-right: 0.7em;
  font-size: 20px;
  font-weight: normal;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents .qna-list li h3 {
    font-size: 30px;
  }
}

#section3 .qna-container .qna-contents dl {
  height: calc(100% - 15px);
  margin: 0;
  padding: 1em 0.3em 1.1em 1em;
  overflow-y: auto;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents dl {
    height: calc(100% - 50px);
    padding: 20px 0 35px 20px;
  }
}

#section3 .qna-container .qna-contents dl dt, #section3 .qna-container .qna-contents dl dd {
  margin: 0;
  padding-left: 26px;
  line-height: 1.4;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents dl dt, #section3 .qna-container .qna-contents dl dd {
    font-size: 19px;
    padding-left: 35px;
  }
}

#section3 .qna-container .qna-contents dl dt:before, #section3 .qna-container .qna-contents dl dd:before {
  content: attr(data-t);
  display: inline-block;
  margin-left: -24px;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents dl dt:before, #section3 .qna-container .qna-contents dl dd:before {
    margin-left: -30px;
  }
}

#section3 .qna-container .qna-contents dl dt .inner, #section3 .qna-container .qna-contents dl dd .inner {
  margin-left: 18px;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents dl dt .inner, #section3 .qna-container .qna-contents dl dd .inner {
    margin-left: 22px;
  }
}

#section3 .qna-container .qna-contents dl dt {
  color: #ff665e;
}

#section3 .qna-container .qna-contents dl dd {
  margin-bottom: 20px;
}

@media (min-width: 769px) {
  #section3 .qna-container .qna-contents dl dd {
    margin-bottom: 30px;
  }
}

#section3 .fp-slidesNav.bottom {
  top: 76px;
  bottom: auto;
  left: auto;
  right: auto;
  width: 100%;
  -webkit-transform: translateX(13.2%) scale(0.6);
      -ms-transform: translateX(13.2%) scale(0.6);
          transform: translateX(13.2%) scale(0.6);
}

@media (min-width: 769px) {
  #section3 .fp-slidesNav.bottom {
    top: 170px;
    -webkit-transform: translateX(0%) scale(1);
        -ms-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1);
  }
}

#section3 .fp-slidesNav.bottom ul {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  padding: 0 3px;
}

#section3 .fp-slidesNav.bottom ul:after {
  content: " ";
  display: block;
  clear: both;
}

#section3 .fp-slidesNav.bottom ul li a.active span {
  background-color: #ff665e;
}

#section3 .fp-slidesNav.bottom ul li a span {
  border: 1px solid #ff665e;
}

#section4 {
  padding: 0 1.5em;
  background-color: #ff665e;
}

@media (min-width: 769px) {
  #section4 {
    padding: 0 1em;
  }
}

#section4 .footer {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 0;
  color: #fff;
}

#section4 .footer:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 769px) {
  #section4 .footer {
    padding: 50px 0;
  }
}

#section4 .footer h2, #section4 .footer p, #section4 .footer a {
  color: #fff;
}

#section4 .footer h2 {
  font-size: 18px;
  font-weight: normal;
}

@media (min-width: 769px) {
  #section4 .footer h2 {
    font-size: 28.05px;
  }
}

#section4 .footer p {
  font-size: 12px;
}

@media (min-width: 769px) {
  #section4 .footer p {
    font-size: 20.4px;
  }
}

#section4 .footer .company {
  width: 70.33898%;
  float: left;
  margin-right: 1.69492%;
}

@media (min-width: 769px) {
  #section4 .footer .company {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
}

#section4 .footer .company h2 {
  margin-bottom: 5px;
}

@media (min-width: 769px) {
  #section4 .footer .company h2 {
    margin-bottom: 12px;
  }
}

#section4 .footer .company p {
  line-height: 1.4;
}

@media (min-width: 769px) {
  #section4 .footer .company p {
    line-height: 1.3;
  }
}

#section4 .footer .app-download {
  width: 27.9661%;
  float: right;
  margin-right: 0;
}

@media (min-width: 769px) {
  #section4 .footer .app-download {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
}

#section4 .footer .copyright {
  width: 32.20339%;
  float: right;
  margin-right: 0;
  display: none;
}

@media (min-width: 769px) {
  #section4 .footer .copyright {
    display: block;
    padding-left: 2%;
  }
}

@media (min-width: 960px) {
  #section4 .footer .copyright {
    padding-left: 6%;
  }
}

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