@charset "UTF-8";
/* Mixin 自訂函式 by Lu Ming Shan v20180301 */
/* 變數設定 */
/* 自訂共用樣式 by Lu Ming Shan v20180226 */
.mAuto {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.mpReset {
  margin: 0;
  padding: 0;
}

.ulReset {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*柵欄系統 v20190121*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.row .col {
  padding: 1.0416%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.row .col.half {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.row .col.half-five {
  width: 41.6666%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.row .col.half-four {
  width: 33.3333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.row .col.half-three {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.row .col.half-two {
  width: 16.6666%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media (max-width: 660px) {
  .row {
    display: block;
  }
  .row .col.half, .row .col.half-five, .row .col.half-four, .row .col.half-three, .row .col.half-two {
    width: auto;
  }
}

.row.keep-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.row.keep-flex .col.half {
  width: 50%;
}

.row.keep-flex .col.half-five {
  width: 41.6666%;
}

.row.keep-flex .col.half-four {
  width: 33.3333%;
}

.row.keep-flex .col.half-three {
  width: 25%;
}

.row.keep-flex .col.half-two {
  width: 16.6666%;
}

/* 顏色代號 */
/* BODY */
body {
  position: relative;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  overflow: auto;
  right: 0;
  background-color: #ffffff;
  background-image: url("../img/kanban.jpg");
  background-position: center 1px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

@media (max-width: 960px) {
  body {
    /* background-size: $kanban_w*0.6875 (700px*0.6875); */
  }
  body.showMenu {
    overflow: hidden;
    right: 260px;
  }
}

@media (max-width: 660px) {
  body {
    /* background-size: $kanban_w*0.5 (700px*0.5); */
  }
}

@media (max-width: 480px) {
  body {
    /* background-size: $kanban_w*0.333 (700px*0.333); */
  }
}

/*讀取效果*/
#loading, section.loading:before {
  content: '';
  position: fixed;
  z-index: 3;
  width: 56px;
  height: 56px;
  top: 50%;
  left: 50%;
  margin-top: -28px;
  margin-left: -28px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  background-image: url(data:image/gif;base64,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);
}

#loading-cover {
  position: fixed;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  z-index: 9;
}

#loading-cover div {
  position: relative;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #E5005A;
  -webkit-box-shadow: 0 0 12px #E5005A;
          box-shadow: 0 0 12px #E5005A;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  z-index: -1;
}

#loading-cover > div.done {
  width: 100%;
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
}

/*半透明黑色區塊*/
#blackOverlay {
  display: none;
  position: fixed;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMi8zMS8xNdOFLqwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAGElEQVQYlWNkYGBoYCACMBGjaFQh9RQCANyeAJRQ3dKnAAAAAElFTkSuQmCC);
}

/* 置中包覆 */
.wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.wrapper .error {
  padding-top: 50px;
  color: #ffffff;
  text-align: center;
}

/*頁頭*/
header {
  width: 100%;
  height: 60px;
  position: fixed;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

header div {
  height: 60px;
  text-align: right;
}

header div > a {
  display: inline-block;
  width: 70px;
  height: 60px;
  background-color: #F4F4F4;
  vertical-align: top;
  line-height: 60px;
  text-align: center;
  margin-right: 1px;
  font-size: 13px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

@media (max-width: 960px) {
  header div > a {
    width: 60px;
  }
}

header div > a:hover {
  text-decoration: none;
  background-color: #E9E9E9;
}

.showMenu header {
  left: -260px;
}

/*五福旅遊 Logo*/
#WUFU_Logo {
  width: 147px;
  height: 36px;
  margin: 0;
  background-image: url(../img/logo-white.svg);
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 11px;
}

@media (max-width: 960px) {
  #WUFU_Logo {
    left: 10px;
  }
}

#WUFU_Logo a {
  display: block;
  height: 100%;
  text-decoration: none;
}

/*主視覺*/
#kanban {
  padding-top: 220px;
  background-image: url(../img/KV.png);
  background-position: center 220px;
  background-repeat: no-repeat;
  background-size: 1497.6px 390px;
}

@media (max-width: 1440px) {
  #kanban {
    padding-top: 150px;
    background-position: center 180px;
    background-size: 1320px 343.75px;
  }
}

@media (max-width: 1024px) {
  #kanban {
    padding-top: 120px;
    background-position: center 180px;
    background-size: 1152px 300px;
  }
}

@media (max-width: 425px) {
  #kanban {
    padding-top: 100px;
    background-position: center 130px;
    background-size: 768px 200px;
  }
}

@media (max-width: 320px) {
  #kanban {
    background-size: 639.36px 166.5px;
  }
}

#kanban .wrapper {
  position: relative;
  max-width: 1920px;
  height: 500px;
}

@media (max-width: 1440px) {
  #kanban .wrapper {
    max-width: 1536px;
    height: 400px;
  }
}

@media (max-width: 1024px) {
  #kanban .wrapper {
    max-width: 1440px;
    height: 375px;
  }
}

@media (max-width: 425px) {
  #kanban .wrapper {
    max-width: 1152px;
    height: 300px;
  }
}

@media (max-width: 320px) {
  #kanban .wrapper {
    max-width: 960px;
    height: 250px;
  }
}

#kanban .wrapper .subText {
  position: absolute;
  top: 0px;
  left: calc(50% - 105px);
  text-align: center;
  font-size: 20px;
}

@media (max-width: 768px) {
  #kanban .wrapper .subText {
    left: calc(50% - 95px);
    font-size: 18px;
  }
}

#quickLink {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  z-index: 999;
}

#quickLink img {
  width: auto;
  height: 120px;
}

#quickLink:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent transparent white white;
  border-style: solid solid solid solid;
  border-width: 60px 60px;
  height: 0px;
  width: 0px;
  -webkit-box-shadow: -3px 3px 10px rgba(102, 79, 62, 0.9);
  box-shadow: -3px 3px 10px rgba(102, 79, 62, 0.9);
}

#quickLink > div {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  color: white;
  text-align: center;
  text-shadow: -3px 3px 10px rgba(102, 79, 62, 0.9);
}

#quickLink:hover {
  width: 122px;
  text-decoration: none;
}

#quickLink:hover img {
  width: auto;
  height: 122px;
}

#quickLink:hover:after {
  border-width: 61px 61px;
}

@media (max-width: 768px) {
  #quickLink {
    width: 70px;
  }
  #quickLink img {
    width: 70px;
    height: 70px;
  }
  #quickLink:after {
    border-width: 35px 35px;
  }
  #quickLink:hover {
    width: 70px;
  }
  #quickLink:hover img {
    width: 70px;
    height: 70px;
  }
  #quickLink:hover:after {
    border-width: 35px 35px;
  }
}

/*花動畫*/
#yeluobig {
  position: absolute;
  top: 29%;
  left: 30%;
  -webkit-animation: luo 8s infinite linear;
  animation: luo 8s infinite linear;
}

#yeluobig1 {
  position: absolute;
  top: -2%;
  left: 40%;
  -webkit-animation: luo 8s infinite 2s linear;
  animation: luo 8s infinite 2s linear;
}

#yeluobig2 {
  position: absolute;
  top: -2%;
  left: 50%;
  -webkit-animation: luo 8s infinite 4s linear;
  animation: luo 8s infinite 4s linear;
}

@-webkit-keyframes luo {
  0% {
    top: -1%;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  100% {
    top: 100%;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
}

@keyframes luo {
  0% {
    top: -1%;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  100% {
    top: 100%;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
}

/*社群按鈕*/
#social {
  display: block;
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  font-size: 0;
  letter-spacing: 5px;
}

@media (max-width: 960px) {
  #social {
    bottom: 13.75px;
  }
}

@media (max-width: 660px) {
  #social {
    bottom: 10px;
  }
}

@media (max-width: 480px) {
  #social {
    bottom: 0px;
  }
}

#social div, #social iframe {
  display: inline-block;
  vertical-align: baseline;
}

/*產品大分類*/
nav {
  position: relative;
  max-width: 1000px;
  margin: 20px auto 20px auto;
  border-radius: 40px;
  overflow: hidden;
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  -webkit-box-shadow: 3px 3px 20px rgba(102, 79, 62, 0.1);
  box-shadow: 3px 3px 20px rgba(102, 79, 62, 0.1);
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 960px) {
  nav {
    border-radius: 0px;
  }
}

@media (max-width: 768px) {
  nav {
    overflow-x: scroll;
  }
}

nav.fixed {
  position: fixed;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: 20px auto 0 auto;
}

@media (max-width: 960px) {
  nav.fixed {
    margin: 0px auto 0 auto;
  }
}

nav #areaList {
  margin: 0;
  padding: 5px 0px;
  list-style-type: none;
}

nav #areaList li {
  display: none;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

nav #areaList li:first-child {
  display: block;
}

nav a {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  margin-bottom: 5px;
  min-width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", "sans-serif";
  font-size: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ff7e7e;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  cursor: pointer;
}

nav a:hover {
  border: 1px solid #ff7e7e;
  color: #ff7e7e;
  text-decoration: none;
}

nav a.active, nav a:active {
  background-image: none;
  background-color: #ff7e7e;
  border: 1px solid #ff7e7e;
  color: #ffffff;
  text-decoration: none;
}

/*產品內容*/
.fixed + main {
  margin-top: 90px;
  padding-top: 0px;
}

.fixed + main .error {
  padding-top: 0;
}

@media (max-width: 960px) {
  .fixed + main {
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  .fixed + main {
    margin-top: 20px;
  }
}

main {
  position: relative;
  overflow: hidden;
  min-height: 400px;
  padding-bottom: 40px;
}

@media (max-width: 960px) {
  main {
    padding-bottom: 20px;
  }
}

@media (max-width: 480px) {
  main {
    padding-bottom: 10px;
  }
}

@media (max-width: 960px) {
  main .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}

main section a {
  width: 100%;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2.083%;
  padding-bottom: 2.083%;
  padding-left: 2.083%;
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  display: table;
  font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", "sans-serif";
  border-radius: 18px;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0px 2px 4px rgba(102, 79, 62, 0.5);
  box-shadow: 0px 2px 4px rgba(102, 79, 62, 0.5);
}

@media (max-width: 960px) {
  main section a {
    padding-top: 3.125%;
    padding-bottom: 3.125%;
    padding-left: 3.125%;
  }
}

@media (max-width: 660px) {
  main section a {
    padding-left: 0%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

main section a p {
  margin: 0;
}

main section a div {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main section a .productInfo {
  width: 60%;
  padding-right: 2%;
  font-size: 18px;
  line-height: 25px;
}

@media (max-width: 960px) {
  main section a .productInfo {
    width: 53.125%;
  }
}

@media (max-width: 660px) {
  main section a .productInfo {
    display: block;
    width: auto;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.lt-ie9 main section a .productInfo {
  padding-right: 20px;
}

main section a .productInfo .area {
  height: 30px;
  border-radius: 12px;
  margin-bottom: 9px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(rgba(240, 240, 240, 0)));
  background-image: linear-gradient(to right, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
}

.lt-ie9 main section a .productInfo .area {
  background-color: #F4F4F4;
}

main section a .productInfo .area span {
  display: inline-block;
  vertical-align: top;
  padding: 3px 10px;
  background-color: #999;
  color: #FFF;
  font-size: 15px;
  line-height: 24px;
  border-radius: 3px;
}

@media (max-width: 660px) {
  main section a .productInfo .area span {
    display: block;
    text-align: center;
  }
}

main section a .productInfo .title {
  color: #333;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}

main section a .productInfo .event {
  color: #D90000;
}

main section a .departureDay, main section a .productPrice {
  text-align: center;
  vertical-align: middle;
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 960px) {
  main section a .departureDay, main section a .productPrice {
    width: 21.875%;
  }
}

@media (max-width: 660px) {
  main section a .departureDay, main section a .productPrice {
    display: block;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
  }
}

main section a .departureDay small, main section a .productPrice small {
  font-family: "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", "sans-serif";
  display: block;
  color: #333;
  text-align: left;
  line-height: 120%;
}

main section a .departureDay > span, main section a .productPrice > span {
  display: inline-block;
}

main section a .departureDay {
  text-align: left;
}

@media (max-width: 660px) {
  main section a .departureDay {
    font-family: "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "HeiTi TC", "sans-serif";
  }
  main section a .departureDay small {
    display: inline-block;
    line-height: 25px;
    font-size: 16px;
  }
  main section a .departureDay small:after {
    content: '：';
  }
}

main section a .departureDay > span {
  color: #333;
  font-size: 15px;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 4.8em;
  line-height: 1.2em;
}

@media (max-width: 660px) {
  main section a .departureDay > span {
    font-size: 16px;
    display: inline;
  }
}

@media (max-width: 660px) {
  main section a .productPrice {
    margin-top: 9px;
    height: 60px;
    line-height: 60px;
    background-color: #F0F0F0;
  }
  main section a .productPrice small {
    display: none;
  }
}

main section a .productPrice span {
  color: #D90000;
  font-size: 12px;
}

main section a .productPrice span strong {
  display: inline-block;
  vertical-align: middle;
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 32px;
  line-height: 1.2;
  margin-left: 0.1em;
  margin-right: 0.1em;
}

main section a:hover {
  -webkit-box-shadow: 0px 6px 16px rgba(102, 79, 62, 0.7);
  box-shadow: 0px 6px 16px rgba(102, 79, 62, 0.5);
  text-decoration: none;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

main section:nth-child(1) a .area span {
  background-color: #2098DB;
}

main section:nth-child(2) a .area span {
  background-color: #2EA29A;
}

main section:nth-child(3) a .area span {
  background-color: #558657;
}

main section:nth-child(4) a .area span {
  background-color: #F5AE00;
}

main section:nth-child(5) a .area span {
  background-color: #E76C00;
}

main section:nth-child(6) a .area span {
  background-color: #DF000A;
}

main section:nth-child(7) a .area span {
  background-color: #DC167A;
}

main section:nth-child(8) a .area span {
  background-color: #2098DB;
}

main section:nth-child(9) a .area span {
  background-color: #2EA29A;
}

main section:nth-child(10) a .area span {
  background-color: #558657;
}

main section:nth-child(11) a .area span {
  background-color: #F5AE00;
}

main section:nth-child(12) a .area span {
  background-color: #E76C00;
}

main section:nth-child(13) a .area span {
  background-color: #DF000A;
}

main section:nth-child(14) a .area span {
  background-color: #DC167A;
}

main section:nth-child(15) a .area span {
  background-color: #2098DB;
}

main section:nth-child(16) a .area span {
  background-color: #2EA29A;
}

main section:nth-child(17) a .area span {
  background-color: #558657;
}

main section:nth-child(18) a .area span {
  background-color: #F5AE00;
}

main section:nth-child(19) a .area span {
  background-color: #E76C00;
}

main section:nth-child(20) a .area span {
  background-color: #DF000A;
}

main section:nth-child(21) a .area span {
  background-color: #DC167A;
}

/*捲動至上方*/
#scrollUp {
  display: none;
  position: fixed;
  z-index: 2;
  bottom: -50px;
  right: 20px;
  width: 100px;
  height: 102px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  background-position: -890px 0px;
  background-image: url(../img/sprite.png);
}

@media (max-width: 960px) {
  #scrollUp {
    width: 100px;
    height: 0px;
    background-image: none;
    bottom: 20px;
    right: 10px;
    z-index: 4;
  }
}

#scrollUp:before {
  content: 'GO TOP';
  position: absolute;
  width: 90%;
  margin-left: 5%;
  height: 24px;
  line-height: 24px;
  top: -30px;
  border-radius: 12px;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  border: 1px solid #545D6A;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#5a6471), to(#707b8b));
  background-image: linear-gradient(to top, #5a6471 0%, #707b8b 100%);
  opacity: 0.75;
}

@media (max-width: 960px) {
  #scrollUp:before {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
  }
}

#scrollUp:hover {
  bottom: -40px;
}

@media (max-width: 960px) {
  #scrollUp:hover {
    bottom: 65px;
  }
}

#scrollUp.active {
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: toUP;
  animation-name: toUP;
}

@-webkit-keyframes toUP {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-900px);
  }
}

@keyframes toUP {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-900px);
            transform: translateY(-900px);
  }
}

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

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

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

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

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

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

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

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

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

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

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  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 {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  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;
  /* auto-expanded scrollbar */
}

.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;
  /* auto-expanded scrollbar */
}

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

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.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;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 960px) {
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    pointer-events: none;
  }
}

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

/* scrollbar position: outside */
.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;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px;
  margin-bottom: 3px;
}

.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;
  /* auto-expanded scrollbar */
  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;
  /* auto-expanded scrollbar */
  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;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.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 {
  /* RTL direction/left-side scrollbar */
  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;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

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

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-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;
  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;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

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

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  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:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

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

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

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

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

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

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

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

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.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:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.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:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

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