@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Lato:400,700|Oswald:400,700|Permanent+Marker");
@import url("fonts/css/style.css");
@import url("fonts/iconmoon/style.css");
@import url("css/plugins/animate.css");
@import url("css/plugins/mCustomScrollbar.css");
@import url("css/plugins/bootstrap.css?t=45");
@import url("css/plugins/bootstrap-select.css");
@font-face {
  font-family: "icomoon";
  src: url("fonts/iconmoon/fonts/icomoon.eot?t=0720");
  src: url("fonts/iconmoon/fonts/icomoon.woff?t=0720") format("woff");
  src: url("fonts/iconmoon/fonts/icomoon.woff2?t=0720") format("woff");
  src: url("fonts/iconmoon/fonts/icomoon.ttf?t=0720") format("truetype");
  src: url("fonts/iconmoon/fonts/icomoon.svg?t=0720") format("svg");
  font-weight: normal;
  font-style: normal;
}
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: "lightcase";
  src: url("fonts/font/icomoon.eot");
  src: url("fonts/font/icomoon.eot#iefix") format("embedded-opentype"), url("fonts/font/icomoon.woff") format("woff"), url("fonts/font/icomoon.ttf") format("truetype"), url("fonts/font/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*=lightcase-icon-]:before {
  font-family: "lightcase", sans-serif;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
.lightcase-icon-play:before {
  content: "\e91d";
}

.lightcase-icon-pause:before {
  content: "";
}

.lightcase-icon-close:before {
  content: "\e91e";
}

.lightcase-icon-prev:before {
  content: "\e90b";
}

.lightcase-icon-next:before {
  content: "\e90c";
}

.lightcase-icon-spin:before {
  content: "";
}

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: none;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 55px 0 70px 0;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
  }
}

@media screen and (min-width: 641px) {
  html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
  }
}
@media screen and (min-width: 641px) {
  html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
    background-color: #333;
  }
}
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    padding: 15px;
  }
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important;
  }
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important;
  }
}
@media screen and (max-width: 640px) {
  html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
  html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75;
  }
}
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important;
}
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
@media screen and (min-width: 641px) {
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 640px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa;
  }
}
@media screen and (min-width: 641px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333;
  }
}

#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  #lightcase-case p.lightcase-error {
    padding: 30px 0;
  }
}
@media screen and (min-width: 641px) {
  #lightcase-case p.lightcase-error {
    padding: 0;
  }
}

.lightcase-open body {
  overflow: hidden;
}
.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%;
}

#lightcase-info {
  position: absolute;
  padding-top: 15px;
}
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
  text-overflow: ellipsis;
}
#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #000;
  }
}
#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa;
}
#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px;
  }
  html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static;
  }
}

#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  -moz-animation: lightcase-spin 0.5s infinite linear;
  -o-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear;
}
#lightcase-loading, #lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  -moz-transition: color, opacity, ease-in-out 0.25s;
  -o-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px;
}

a[class*=lightcase-icon-] {
  position: fixed;
  z-index: 9999;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer;
  background-color: red;
  border-radius: 50%;
}
a[class*=lightcase-icon-], a[class*=lightcase-icon-]:focus {
  text-decoration: none;
  color: rgb(255, 255, 255);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  -moz-transition: color, opacity, ease-in-out 0.25s;
  -o-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
a[class*=lightcase-icon-] > span {
  display: inline-block;
  text-indent: -9999px;
}
a[class*=lightcase-icon-]:hover {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 15px rgb(255, 255, 255);
}
.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
  color: #aaa;
  text-shadow: none;
}
a[class*=lightcase-icon-].lightcase-icon-close {
  position: fixed;
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none;
}
a[class*=lightcase-icon-].lightcase-icon-prev {
  left: 15px;
}
a[class*=lightcase-icon-].lightcase-icon-next {
  right: 15px;
}
a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
  a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
    opacity: 0;
  }
}
@media screen and (max-width: 640px) {
  a[class*=lightcase-icon-] {
    bottom: 15px;
    font-size: 16px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 641px) {
  a[class*=lightcase-icon-] {
    bottom: 50%;
    margin-bottom: -0.5em;
  }
  a[class*=lightcase-icon-]:hover, #lightcase-case:hover ~ a[class*=lightcase-icon-] {
    opacity: 1;
  }
}

#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #000;
}
@media screen and (max-width: 640px) {
  #lightcase-overlay {
    opacity: 1 !important;
  }
}

/* -------------------------------------------
 * *  reset
 * * ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

header, main, footer, article, aside, details, figcaption, figure, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: none;
}

table {
  font-family: inherit;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-backface-visibility: visible;
}

table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

a {
  color: inherit;
}

a, a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
  outline: 0;
  outline-offset: 0px;
}

a[role=button] {
  user-select: none;
}

b, strong {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

u {
  text-decoration: underline;
}

s, strike {
  text-decoration: line-through;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  outline: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.chrome img {
  image-rendering: -webkit-optimize-contrast;
}

div, button, input, select, textarea, a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
}

button, input, textarea {
  border: none;
  outline: none;
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  color: inherit;
}

button, select {
  text-transform: none;
}

button, input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
}

textarea {
  resize: none;
}

figure, address {
  margin: 0;
  padding: 0;
}

fieldset, legend {
  display: block;
  margin: 0;
  padding: 0;
}

* {
  outline: 0;
  -webkit-font-smoothing: antialiased;
  min-height: 0;
  min-width: 0;
}

*, *::before, *::after, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

input, button {
  border-radius: 0;
}

/* -------------------------------------------
 * *  basic
 * * ------------------------------------------ */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
}

html {
  height: 100%;
}
html.body-fixed, html.loading {
  overflow: hidden;
}

body {
  background-color: #000000;
  overflow: visible;
  font-family: "Lato", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft JhengHei", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.safari body {
  -webkit-text-size-adjust: none;
}

a {
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}
.invisible.wow {
  visibility: hidden !important;
}

@media screen and (max-width: 767px) {
  .for-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .for-mobile {
    display: none !important;
  }
}
/* -------------------------------------------
 * *  plugins
 * * ------------------------------------------ */
.wow {
  visibility: hidden;
}
.msie .wow {
  visibility: visible;
}

.imgFill {
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-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 {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.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;
}

/* -------------------------------------------
 * *  display
 * * ------------------------------------------ */
.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

/* -------------------------------------------
 * *  font
 * * ------------------------------------------ */
.fontClear {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
}

.t-white {
  color: #ffffff;
}

.t-black {
  color: #000000;
}

.t-red {
  color: #FF0000;
}

.t-yellow {
  color: #F1FF00;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.t-center {
  text-align: center;
}

.t-justify {
  text-align: justify;
}

.t-bold {
  font-weight: 700;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f30 {
  font-size: 30px;
}

.fz-22 {
  font-size: 22px;
}

.fz-24 {
  font-size: 24px;
}

.fz-25 {
  font-size: 25px;
}

.fz-26 {
  font-size: 26px;
}

.fz-28 {
  font-size: 28px;
}

.fz-32 {
  font-size: 32px;
}

.fz-40 {
  font-size: 40px;
}

.fz-48 {
  font-size: 48px;
}

.fz-60 {
  font-size: 60px;
}

.ff-noot {
  font-family: "Noto Sans TC";
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-43 {
  line-height: 43px;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-900 {
  font-weight: 900;
}

/* -------------------------------------------
 * *  list style
 * * ------------------------------------------ */
ul.noneStyle, ol.noneStyle {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

dl.noneStyle {
  margin: 0;
}
dl.noneStyle dt, dl.noneStyle dd {
  margin: 0;
}

.check-list li {
  padding-left: 40px;
}
.check-list li + li {
  margin-top: 1em;
}
.check-list li::before {
  content: "\e90d";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: -40px;
  margin-right: 15px;
  background-color: #FF0000;
  border-radius: 50%;
  color: #ffffff;
  font-family: "icomoon";
  font-size: 15px;
  text-align: center;
  line-height: 25px;
}

/* ------------------------------------------
 * *  images
 * * -----------------------------------------*/
figure {
  margin: 0;
}

.pic img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.pic.pic-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hoverScale, .hoverScale a {
  display: block;
  overflow: hidden;
}

.hoverScale .pic {
  overflow: hidden;
}
.hoverScale .pic img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: scale(1.005);
  -o-transform: scale(1.005);
  -ms-transform: scale(1.005);
  -webkit-transform: scale(1.005);
  transform: scale(1.005);
  -moz-transition-property: opacity, transform;
  -o-transition-property: opacity, transform;
  -webkit-transition-property: opacity, transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 0.75s;
  -o-transition-duration: 0.75s;
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.hoverScale:hover .pic img {
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* ------------------------------------------
 * *  video / iframe
 * * -----------------------------------------*/
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* ------------------------------------------
 * *  buttons
 * * -----------------------------------------*/
.btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  text-align: center;
  line-height: normal;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.btn .btn-inner {
  position: relative;
  z-index: 2;
}
.btn.btn-circle {
  border-radius: 50%;
}
.btn.btn-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.btn.btn-para {
  overflow: visible;
}
.btn.btn-para::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.btn.fill-red:not(.btn-para) {
  color: #ffffff;
  background-color: #FF0000;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.btn.fill-red.btn-para .btn-inner {
  color: #ffffff;
}
.btn.fill-red.btn-para::before {
  background-color: #FF0000;
}
.btn.fill-red:hover:not(.btn-para) {
  background-color: #d70000;
}
.btn.fill-red:hover.btn-para::before {
  background-color: #d70000;
}
.btn.fill-black:not(.btn-para) {
  color: #ffffff;
  background-color: #000000;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.btn.fill-black.btn-para .btn-inner {
  color: #ffffff;
}
.btn.fill-black.btn-para::before {
  background-color: #000000;
}
.btn.fill-black:hover.btn-para::before {
  background-color: #FF0000;
}
.btn.fill-gray:not(.btn-para) {
  color: #ffffff;
  background-color: #626262;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.btn.fill-gray.btn-para .btn-inner {
  color: #ffffff;
}
.btn.fill-gray.btn-para::before {
  background-color: #626262;
}
.btn.fill-gray:hover:not(.btn-para) {
  background-color: #333333;
}
.btn.fill-gray:hover.btn-para::before {
  background-color: #333333;
}
.btn.fill-darkGray:not(.btn-para) {
  color: #ffffff;
  background-color: #24292F;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.btn.fill-darkGray.btn-para .btn-inner {
  color: #ffffff;
}
.btn.fill-darkGray.btn-para::before {
  background-color: #24292F;
}
.btn.fill-yellow:not(.btn-para) {
  color: #000;
  background-color: #FFFE1F;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.btn.fill-white:not(.btn-para) {
  color: #FF0000;
  background-color: #ffffff;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.btn.fill-white.btn-para .btn-inner {
  color: #FF0000;
}
.btn.fill-white.btn-para::before {
  background-color: #ffffff;
}

.barry-button {
  background-color: #000;
  border: none;
  color: #fff;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.barry-button:hover {
  background-color: red;
  color: #fff;
}
.barry-button.btn-para {
  background: none;
}
.barry-button.btn-para::before {
  background-color: #000;
}
.barry-button.btn-para:hover::before {
  background-color: red;
}

.arrow {
  position: relative;
  display: block;
  width: 40px;
  height: 2px;
  background-color: #ffffff;
}
.arrow:before {
  content: "";
  position: absolute;
  bottom: 1px;
  display: block;
  width: 2px;
  height: 20px;
  background-color: #ffffff;
  -moz-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.arrow.arrow-left:before {
  left: 0;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.arrow-right:before {
  right: 0;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* ------------------------------------------
 * *  select
 * * -----------------------------------------*/
.select-box {
  position: relative;
  display: block;
}
.select-box .select-toggle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 0.25em;
  cursor: pointer;
}
.select-box .select-toggle::after {
  content: "";
  display: block;
  border-top: 0.4em solid #ffffff;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
}
.select-box .select-toggle .select-toggle-inner {
  display: block;
}
.select-box .select-fade {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 768px) {
  .select-box .select-fade {
    display: none !important;
  }
}
.select-box .select-menu {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .select-box .select-menu {
    max-height: 250px;
  }
}
@media screen and (max-width: 767px) {
  .select-box .select-menu {
    position: fixed;
    z-index: 1000;
    top: calc(50% + 27.5px) !important;
    left: 25px;
    right: 25px;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.select-box .select-menu .mCSB_container {
  margin-right: 0;
}
.select-box .select-menu .mCSB_scrollTools {
  opacity: 1;
  width: 3px;
}
.select-box .select-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #FF0000;
  opacity: 1;
}
.select-box .select-menu .select-menu-inner {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .select-box .select-menu .select-menu-inner {
    padding-right: 3px;
  }
}
.select-box .select-menu .select-menu-inner li {
  padding: 10px 15px;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .select-box .select-menu .select-menu-inner li:hover {
    background-color: #FF0000;
  }
}
.select-box .select-menu .select-menu-inner li.selected {
  background-color: #d70000;
  pointer-events: none;
}

.bootstrap-select .dropdown-toggle {
  border: none;
  font-size: 18px;
}
.bootstrap-select .dropdown-toggle::before {
  display: none;
}
.bootstrap-select .dropdown-toggle::after {
  border-top-width: 0.4em;
  border-right-width: 0.35em;
  border-left-width: 0.35em;
}
.bootstrap-select .dropdown-toggle .filter-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  overflow: hidden;
}
.bootstrap-select.dropup .dropdown-toggle::after {
  border-top-width: 0;
  border-bottom-width: 0.4em;
}
.bootstrap-select > .dropdown-menu {
  z-index: 10;
  border: none;
  border-radius: 0;
  margin: 0;
  font-size: 18px;
  min-height: 0 !important;
  max-height: 250px !important;
}
.bootstrap-select > .dropdown-menu > .inner {
  min-height: 0 !important;
  max-height: 250px !important;
}
.bootstrap-select > .dropdown-menu > .inner .mCSB_container {
  margin-right: 0;
}
.bootstrap-select > .dropdown-menu > .inner .mCSB_container ul.dropdown-menu {
  padding-right: 4px;
}
.bootstrap-select > .dropdown-menu > .inner .mCSB_scrollTools {
  opacity: 1;
  width: 4px;
}
.bootstrap-select > .dropdown-menu > .inner ul.dropdown-menu {
  background: none;
  color: inherit;
  min-height: 0 !important;
}
.bootstrap-select > .dropdown-menu > .inner ul.dropdown-menu > li.disabled, .bootstrap-select > .dropdown-menu > .inner ul.dropdown-menu > li.dropdown-divider, .bootstrap-select > .dropdown-menu > .inner ul.dropdown-menu > li.dropdown-header {
  display: none;
}
.bootstrap-select > .dropdown-menu > .inner ul.dropdown-menu > li .dropdown-item {
  padding: 10px 15px;
  color: inherit;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.bootstrap-select > .dropdown-menu > .inner ul.dropdown-menu > li .dropdown-item:hover {
  background-color: #FF0000;
  color: #ffffff;
}
.bootstrap-select > .dropdown-menu > .inner ul.dropdown-menu > li .dropdown-item.active {
  background-color: #d70000;
  color: #ffffff;
}

/* ------------------------------------------
 * *  flexbox
 * * -----------------------------------------*/
.d-block {
  display: block !important;
}

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

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* ------------------------------------------
 * *  editor
 * * -----------------------------------------*/
.editor-style h1, .editor-style h2, .editor-style h3, .editor-style h4, .editor-style h5, .editor-style h6, .editor-style p, .editor-style img, .editor-style figure, .editor-style ul, .editor-style ol, .editor-style table, .editor-style video, .editor-style audio, .editor-style iframe {
  margin: 1rem 0;
}
.editor-style > *:first-child {
  margin-top: 0 !important;
}
.editor-style > *:last-child {
  margin-bottom: 0 !important;
}
.editor-style table th, .editor-style table td {
  padding-right: 1em;
}
.editor-style ul:not(.noneStyle) {
  list-style-type: disc;
  padding: 0 0 0 1.5em;
}
.editor-style .iframe-wrapper iframe {
  margin: 0;
}

.editor {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .editor {
    line-height: 1.75;
  }
}
.editor section {
  margin: 3em 0;
}
@media screen and (max-width: 479px) {
  .editor section {
    margin: 1.5em 0;
  }
}
.editor section > *:first-child {
  margin-top: 0 !important;
}
.editor section > *:last-child {
  margin-bottom: 0 !important;
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
  font-weight: 700;
  line-height: 1.3;
}
.editor h1 {
  font-size: 2.5em;
}
@media screen and (max-width: 479px) {
  .editor h1 {
    font-size: 1.75em;
  }
}
.editor h2 {
  font-size: 2em;
}
@media screen and (max-width: 479px) {
  .editor h2 {
    font-size: 1.5em;
  }
}
.editor h3 {
  font-size: 1.75em;
}
@media screen and (max-width: 479px) {
  .editor h3 {
    font-size: 1.25em;
  }
}
.editor h4 {
  font-size: 1.5em;
}
@media screen and (max-width: 479px) {
  .editor h4 {
    font-size: 1.2em;
  }
}
.editor h5 {
  font-size: 1.25em;
}
@media screen and (max-width: 479px) {
  .editor h5 {
    font-size: 1.15em;
  }
}
.editor h6 {
  font-size: 1.1em;
}
.editor ul:not(.noneStyle) {
  list-style-type: none;
}
.editor ul:not(.noneStyle) li::before {
  content: "\e91c";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  font-family: "icomoon";
  color: #FF0000;
}
.editor a:not(.btn) {
  color: #ED7448;
  text-decoration: underline;
}
.editor a:not(.btn):hover {
  color: #c55b35;
}

.share-buttons .a2a_kit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.share-buttons .a2a_kit > [class^=a2a] {
  display: block;
}
.share-buttons .a2a_kit > [class^=a2a] + [class^=a2a] {
  margin-left: 5px;
}
.share-buttons .a2a_kit > [class^=a2a] img {
  display: block;
  width: 40px;
}
.share-buttons .a2a_svg {
  display: none;
}
.share-buttons [class^=a2a_button] {
  font-size: 27px;
}
.share-buttons .a2a_dd {
  color: #FF0000;
}
.share-buttons .a2a_button_facebook {
  color: #3C5A99;
}
.share-buttons .a2a_button_line {
  color: #00b900;
}

/* -------------------------------------------
 * *  preloader
 * * ------------------------------------------ */
.preloader {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #151515;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.preloader > div {
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.preloader .preloader-bg {
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  background-size: cover;
}
.preloader .preloader-inner {
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.preloader .logo {
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 95.5px);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.preloader .logo img {
  display: block;
}
.preloader .progress {
  position: relative;
  width: 300px;
}
@media screen and (max-width: 479px) {
  .preloader .progress {
    width: 250px;
  }
}
.preloader .progress .progressbar-text {
  margin-top: 30px !important;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 14px;
  text-align: center;
}
.preloader.loaded .preloader-bg {
  opacity: 0.5;
}
.preloader.loaded .preloader-inner {
  opacity: 1;
}

/* ------------------------------------------
 * *  keyframes
 * * -----------------------------------------*/
@-webkit-keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loaderReveal {
  from {
    -moz-transform: scale(0.001);
    -o-transform: scale(0.001);
    -ms-transform: scale(0.001);
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes loaderReveal {
  from {
    -moz-transform: scale(0.001);
    -o-transform: scale(0.001);
    -ms-transform: scale(0.001);
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes loaderReveal {
  from {
    -moz-transform: scale(0.001);
    -o-transform: scale(0.001);
    -ms-transform: scale(0.001);
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes loaderReveal {
  from {
    -moz-transform: scale(0.001);
    -o-transform: scale(0.001);
    -ms-transform: scale(0.001);
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes loaderReveal {
  from {
    -moz-transform: scale(0.001);
    -o-transform: scale(0.001);
    -ms-transform: scale(0.001);
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes loaderSlide {
  to {
    -moz-transform: translateX(1.5em);
    -o-transform: translateX(1.5em);
    -ms-transform: translateX(1.5em);
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em);
  }
}
@-moz-keyframes loaderSlide {
  to {
    -moz-transform: translateX(1.5em);
    -o-transform: translateX(1.5em);
    -ms-transform: translateX(1.5em);
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em);
  }
}
@-o-keyframes loaderSlide {
  to {
    -moz-transform: translateX(1.5em);
    -o-transform: translateX(1.5em);
    -ms-transform: translateX(1.5em);
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em);
  }
}
@-ms-keyframes loaderSlide {
  to {
    -moz-transform: translateX(1.5em);
    -o-transform: translateX(1.5em);
    -ms-transform: translateX(1.5em);
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em);
  }
}
@keyframes loaderSlide {
  to {
    -moz-transform: translateX(1.5em);
    -o-transform: translateX(1.5em);
    -ms-transform: translateX(1.5em);
    -webkit-transform: translateX(1.5em);
    transform: translateX(1.5em);
  }
}
/* ------------------------------------------
 * *  layout
 * * -----------------------------------------*/
.wp.fading {
  opacity: 0;
  -moz-transition: opacity 0.75s ease-in-out;
  -o-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
}

.wrapper {
  width: 100%;
  min-width: 320px;
}

.container {
  width: calc(100% - 120px);
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1399px) {
  .container {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: calc(100% - 50px);
  }
}
.container.narrow {
  max-width: 1050px;
}
.container.larger {
  max-width: 1400px;
}
@media screen and (min-width: 1400px) {
  .container.wide {
    max-width: 1600px;
  }
}
.container.full {
  max-width: none;
}

#main {
  position: relative;
  z-index: 5;
  overflow: hidden;
}
#main.search-page {
  z-index: 16;
  overflow: visible;
}
@media screen and (max-width: 991px) {
  #main {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #main {
    padding-top: 55px;
  }
}

.banner {
  position: relative;
  z-index: 5;
}
.banner .banner-display {
  position: relative;
  display: table;
  width: 100%;
}
.banner .banner-display.select-box-fix {
  z-index: 5;
}
.banner .banner-display .pic {
  background-size: cover;
  background-position: center center;
}
.banner .banner-display .banner-display-inner {
  position: relative;
  z-index: 1;
  display: table-cell;
  vertical-align: middle;
  height: 625px;
  padding-top: 125px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .banner .banner-display .banner-display-inner {
    padding-top: 60px;
    height: 460px;
  }
}
@media screen and (max-width: 991px) {
  .banner .banner-display .banner-display-inner {
    padding-top: 0;
    height: 35vw;
  }
}
@media screen and (max-width: 767px) {
  .banner .banner-display .banner-display-inner {
    height: 50vw;
  }
}
.banner .banner-display .banner-display-inner .title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  .banner .banner-display .banner-display-inner .title {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .banner .banner-display .banner-display-inner .title {
    font-size: 25px;
  }
}
.banner .banner-nav {
  position: relative;
  z-index: 2;
  background: linear-gradient(to right, #30373E, #23282D);
}
@media screen and (max-width: 991px) {
  .banner .banner-nav .banner-nav-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 50px);
    padding: 15px 0;
  }
  .banner .banner-nav .banner-nav-inner::before {
    content: "單元";
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 2em;
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
  }
}
@media screen and (max-width: 479px) {
  .banner .banner-nav .banner-nav-inner {
    padding: 10px 0;
  }
  .banner .banner-nav .banner-nav-inner::before {
    font-size: 12px;
  }
}
.banner .banner-nav .banner-nav-inner .banner-nav-select {
  position: relative;
}
@media screen and (max-width: 991px) {
  .banner .banner-nav .banner-nav-inner .banner-nav-select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 992px) {
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-toggle {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-toggle {
    height: 40px;
    padding: 0 15px 0 20px;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-toggle::before {
    background-color: #41464A;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-toggle .btn-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-toggle .btn-inner::after {
    content: "";
    display: block;
    border-top: 8px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }
}
@media screen and (min-width: 992px) {
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu {
    display: block !important;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li a {
    position: relative;
    display: block;
    color: #ffffff;
    padding: 0 30px;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li a span {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    padding: 19px 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1139px) and (min-width: 992px) {
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li a span {
    max-width: 283px;
  }
}
@media screen and (min-width: 992px) {
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    -moz-transform: skew(-15deg, 0deg);
    -o-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li a:hover::before {
    background-color: #FF0000;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li.current a::before {
    top: -5px;
    bottom: -5px;
    background-color: #FF0000;
  }
}
@media screen and (max-width: 991px) {
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu {
    display: none;
    position: absolute;
    top: 40px;
    left: -5px;
    right: 5px;
    background-color: #41464A;
    color: #ffffff;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul {
    font-size: 16px;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li a {
    display: block;
    padding: 10px 15px;
  }
  .banner .banner-nav .banner-nav-inner .banner-nav-select .select-menu ul li.current a {
    background-color: #FF0000;
  }
}

.breadcrumb {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 1.15;
  color: #969696;
}
@media screen and (max-width: 991px) {
  .breadcrumb {
    font-size: 14px;
  }
}
@media screen and (max-width: 479px) {
  .breadcrumb {
    font-size: 12px;
  }
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li + li::before {
  content: "\e908";
  font-family: "icomoon";
  font-weight: normal;
  display: inline-block;
  width: 1em;
  vertical-align: -1px;
  margin-right: 3px;
}
.breadcrumb li a:hover {
  color: #FF0000;
}

.search-selects {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .search-selects > div + div {
    margin-left: 5px;
  }
}
@media screen and (max-width: 991px) {
  .search-selects > div + div {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1199px) {
  .search-selects {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  .search-selects {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 992px) {
  .search-selects .select-box {
    width: 255px;
  }
}
@media screen and (max-width: 991px) {
  .search-selects .select-box {
    width: 100%;
  }
}
.search-selects .select-box .select-toggle {
  position: relative;
  height: 55px;
  padding: 0 20px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .search-selects .select-box .select-toggle {
    height: 45px;
  }
}
.search-selects .select-box .select-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #ffffff;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
}
.search-selects .select-box .select-toggle::after {
  content: "\e906";
  position: relative;
  border: none;
  font-family: "icomoon";
  font-size: 1.5em;
  color: #FF0000;
}
.search-selects .select-box .select-toggle .select-toggle-inner {
  position: relative;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-selects .select-box .select-menu {
  background-color: #ffffff;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .search-selects .select-box .select-menu {
    left: -7px;
    right: 7px;
  }
}
@media screen and (max-width: 767px) {
  .search-selects .select-box .select-menu {
    -webkit-overflow-scrolling: auto;
  }
  .search-selects .select-box .select-menu::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .search-selects .select-box .select-menu::-webkit-scrollbar:vertical {
    width: 3px !important;
  }
  .search-selects .select-box .select-menu::-webkit-scrollbar-thumb {
    background-color: #FF0000;
  }
}
.search-selects .select-box .select-menu .select-menu-inner li {
  text-align: left;
}
.search-selects .select-box .select-menu .select-menu-inner li.selected {
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .search-selects .select-box .select-menu .select-menu-inner li:hover {
    color: #ffffff;
  }
}
.search-selects .select-box .dropdown.bootstrap-select {
  width: 100%;
}
.search-selects .select-box .dropdown.bootstrap-select .dropdown-toggle {
  height: 55px;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}
.search-selects .select-box .dropdown.bootstrap-select .dropdown-toggle::after, .search-selects .select-box .dropdown.bootstrap-select .dropdown-toggle .filter-option {
  -moz-transform: skew(15deg, 0deg);
  -o-transform: skew(15deg, 0deg);
  -ms-transform: skew(15deg, 0deg);
  -webkit-transform: skew(15deg, 0deg);
  transform: skew(15deg, 0deg);
}
.search-selects .select-box .dropdown.bootstrap-select .dropdown-toggle::after {
  content: "\e906";
  position: relative;
  border: none;
  font-family: "icomoon";
  font-size: 1.5em;
  color: red;
}
.search-selects .select-box .dropdown.bootstrap-select.dropup .dropdown-toggle::after {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.search-selects #branch .select-menu .select-menu-inner {
  display: none;
}
.search-selects .submit-button .btn {
  height: 55px;
  padding: 0 25px;
}
@media screen and (max-width: 991px) {
  .search-selects .submit-button .btn {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .search-selects .submit-button .btn {
    height: 45px;
  }
}

.primary {
  background-color: #ffffff;
  padding: 60px 0 95px;
}
@media screen and (max-width: 1199px) {
  .primary {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .primary {
    padding: 25px 0;
  }
}
.primary.no-bg {
  background: none;
}
@media screen and (min-width: 1200px) {
  .primary.no-banner {
    padding-top: 185px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .primary.no-banner {
    padding-top: 110px;
  }
}
.primary.no-padding {
  padding: 0;
}
.primary.no-padding .primary-head {
  padding: 60px 0;
}
@media screen and (min-width: 480px) {
  .primary.no-padding .primary-head .primary-head-inner {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1199px) {
  .primary.no-padding .primary-head {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .primary.no-padding .primary-head {
    padding: 25px 0;
  }
}
.primary.bottom-0 {
  padding-bottom: 0;
}
.primary .primary-head {
  position: relative;
  z-index: 2;
}
.primary .primary-head.bg-white {
  background-color: #ffffff;
}
.primary .primary-head .primary-head-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 480px) {
  .primary .primary-head .primary-head-inner {
    padding-bottom: 30px;
    border-bottom: 1px solid #FF0000;
  }
}
.primary .primary-head .primary-head-inner .breadcrumb + .title {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .primary .primary-head .primary-head-inner .breadcrumb + .title {
    margin-top: 20px;
  }
}
.primary .primary-head .primary-head-inner .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}
.primary .primary-head .primary-head-inner .title + .text {
  margin-top: 25px;
}
@media screen and (max-width: 1199px) {
  .primary .primary-head .primary-head-inner .title {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .primary .primary-head .primary-head-inner .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .primary .primary-head .primary-head-inner .title {
    font-size: 25px;
  }
  .primary .primary-head .primary-head-inner .title + .text {
    margin-top: 15px;
  }
}
.primary .primary-head .primary-head-inner .sublinks-wrapper {
  margin-top: 25px;
  width: 100%;
}
.primary .primary-head .primary-head-inner .sublinks-wrapper.sticky {
  position: fixed;
  z-index: 10;
  top: 55px;
  left: 0;
  right: 0;
  margin: 0;
}
.primary .primary-head .primary-head-inner .sublinks-wrapper.sticky .sublinks-toggle::before {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  left: 0;
  right: 0;
  border-left: none;
  border-right: none;
}
.primary .primary-head .primary-head-inner .sublinks-toggle {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 15px;
}
.primary .primary-head .primary-head-inner .sublinks-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  right: -7px;
  bottom: 0;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  display: block;
  background-color: #ffffff;
  border: 1px solid #D5D5D5;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.primary .primary-head .primary-head-inner .sublinks-toggle .sublinks-toggle-inner {
  position: relative;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.primary .primary-head .primary-head-inner .sublinks-toggle .sublinks-toggle-inner::after {
  content: "\e906";
  display: inline-block;
  font-family: "icomoon";
  color: #FF0000;
  margin-left: 0.5em;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.primary .primary-head .primary-head-inner .sublinks-toggle.active::before {
  background-color: #FF0000;
  border-color: #FF0000;
}
.primary .primary-head .primary-head-inner .sublinks-toggle.active .sublinks-toggle-inner {
  color: #ffffff;
}
.primary .primary-head .primary-head-inner .sublinks-toggle.active .sublinks-toggle-inner::after {
  color: #ffffff;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .primary .primary-head .primary-head-inner .sublinks-toggle {
    display: none;
  }
}
.primary .primary-head .primary-head-inner .text {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 479px) {
  .primary .primary-head .primary-head-inner .text {
    font-size: 15px;
  }
}
.primary .primary-head .primary-head-inner .text.sublinks li {
  display: inline-block;
  color: #AAAAAA;
  line-height: 1;
  font-weight: 700;
}
.primary .primary-head .primary-head-inner .text.sublinks li.current {
  color: #000000;
}
.primary .primary-head .primary-head-inner .text.sublinks li + li {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #D5D5D5;
}
.primary .primary-head .primary-head-inner .text.sublinks li a {
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
}
.primary .primary-head .primary-head-inner .text.sublinks li a:hover {
  color: #000000;
}
.primary .primary-head .primary-head-inner .text.sublinks.accordion {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .primary .primary-head .primary-head-inner .text.sublinks.accordion {
    margin-top: 25px;
  }
  .primary .primary-head .primary-head-inner .text.sublinks.accordion:not(.for-mobile) {
    display: block !important;
  }
}
@media screen and (max-width: 1199px) {
  .primary .primary-head .primary-head-inner .text.sublinks.accordion {
    font-size: 16px;
  }
}
.primary .primary-head .primary-head-inner .text.sublinks.accordion li {
  color: #000000;
}
.primary .primary-head .primary-head-inner .text.sublinks.accordion li.current {
  color: #FF0000;
}
.primary .primary-head .primary-head-inner .text.sublinks.accordion li a:hover {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .primary .primary-head .primary-head-inner .text.sublinks.accordion {
    display: none;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #D5D5D5;
    border-top: none;
    border-bottom: none;
  }
  .primary .primary-head .primary-head-inner .text.sublinks.accordion li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #D5D5D5;
  }
  .primary .primary-head .primary-head-inner .text.sublinks.accordion li.current {
    display: none;
  }
  .primary .primary-head .primary-head-inner .text.sublinks.accordion li + li {
    border-left: none;
    margin: 0;
  }
  .primary .primary-head .primary-head-inner .text.sublinks.accordion li a {
    display: block;
    padding: 15px;
  }
}
.primary .primary-head .primary-head-inner .date {
  margin-top: 25px;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 479px) {
  .primary .primary-head .primary-head-inner .date {
    margin-top: 15px;
    font-size: 16px;
  }
}
.primary .primary-head .primary-head-inner .date .label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 35px;
  padding: 0 15px;
  color: #ffffff;
}
@media screen and (max-width: 479px) {
  .primary .primary-head .primary-head-inner .date .label {
    height: 30px;
  }
}
.primary .primary-head .primary-head-inner .date .label + .label {
  margin-left: 2px;
}
.primary .primary-head .primary-head-inner .date .label + span {
  margin-left: 15px;
}
@media screen and (max-width: 479px) {
  .primary .primary-head .primary-head-inner .date .label + span {
    display: block;
    margin-top: 15px;
    margin-left: 0;
  }
}
.primary .primary-head .primary-head-inner .date .label::before {
  background-color: #ED7448;
}
.primary .primary-head .primary-head-inner .date .label:hover::before {
  background-color: #c55b35;
}
.primary .primary-head .primary-head-inner .search-selects {
  margin-top: 25px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .primary .primary-head .primary-head-inner .search-selects {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .primary .primary-head .primary-head-inner .search-selects > div + div {
    margin-top: 0;
    margin-left: 5px;
  }
  .primary .primary-head .primary-head-inner .search-selects .select-box {
    width: 255px;
  }
}
@media screen and (max-width: 767px) {
  .primary .primary-head .primary-head-inner .search-selects {
    width: 100%;
  }
}
.primary .primary-head .primary-head-inner .search-selects .select-box .select-toggle::before {
  border: 1px solid #E5E5E5;
}
.primary .primary-head .primary-head-inner + .primary-head-inner {
  border-bottom: none;
}
.primary .primary-head + .primary-main:not(.top-0) {
  margin-top: 65px;
}
@media screen and (max-width: 991px) {
  .primary .primary-head + .primary-main:not(.top-0) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .primary .primary-head + .primary-main:not(.top-0) {
    margin-top: 25px;
  }
}
@media screen and (max-width: 479px) {
  .primary .primary-head + .primary-main.top-0 {
    margin-top: 25px;
  }
}
.primary .primary-head.no-border .primary-head-inner {
  border-bottom: none;
}
@media screen and (min-width: 480px) {
  .primary .primary-head.bottom-0 .primary-head-inner {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 991px) {
  .primary .primary-main {
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}
.primary .primary-main .primary-main-full {
  position: relative;
}
@media screen and (min-width: 992px) {
  .primary .primary-main .primary-main-full .pic {
    background-size: auto 100% !important;
  }
  .primary .primary-main .primary-main-full .pic.fill-left {
    background-position: center left !important;
  }
  .primary .primary-main .primary-main-full .pic.fill-right {
    background-position: center right !important;
  }
  .primary .primary-main .primary-main-full .pic.fill-full {
    background-size: cover !important;
  }
}
.primary .primary-main .primary-main-full .container {
  position: relative;
  z-index: 1;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  #aerobic[data-page=aerobic-class] .primary .primary-head .primary-head-inner .text.sublinks.accordion:not(.for-mobile) {
    display: flex !important;
    flex-wrap: wrap;
  }
}
#aerobic[data-page=aerobic-class] .primary.no-padding .primary-head {
  padding: 60px 0 45px;
}
#aerobic[data-page=aerobic-class] .primary .primary-head .primary-head-inner .text.sublinks.accordion li {
  width: 16.6666666667%;
  margin: 0 0 15px;
  padding: 0;
  display: block;
}
@media screen and (max-width: 1024px) {
  #aerobic[data-page=aerobic-class] .primary .primary-head .primary-head-inner .text.sublinks.accordion li {
    width: 25%;
  }
  #aerobic[data-page=aerobic-class] .primary .primary-head .primary-head-inner .text.sublinks.accordion li:nth-child(4n+1) {
    border-left-color: transparent;
  }
  #aerobic[data-page=aerobic-class] .primary .primary-head .primary-head-inner .text.sublinks.accordion li:nth-child(6n+1) {
    border-left-color: #d5d5d5;
  }
}
@media screen and (max-width: 767px) {
  #aerobic[data-page=aerobic-class] .primary .primary-head .primary-head-inner .text.sublinks.accordion li {
    width: 100%;
  }
}
#aerobic[data-page=aerobic-class] .primary .primary-head .primary-head-inner .text.sublinks.accordion li:nth-child(6n+1) {
  border-left-color: transparent;
}

.form-style .fieldset.fieldset-info {
  font-size: 16px;
  color: #000000;
  line-height: 2;
}
@media screen and (max-width: 479px) {
  .form-style .fieldset.fieldset-info {
    font-size: 14px;
  }
}
.form-style .fieldset.fieldset-info .fieldset-info-section + .fieldset-info-section {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #DCDCDC;
}
@media screen and (max-width: 479px) {
  .form-style .fieldset.fieldset-info .fieldset-info-section + .fieldset-info-section {
    margin-top: 15px;
    padding-top: 15px;
  }
}
.form-style .fieldset.fieldset-info .checkbox {
  position: absolute;
  margin-top: 0.4em;
}
.form-style .fieldset.fieldset-info .checkbox input {
  display: none;
}
.form-style .fieldset.fieldset-info .checkbox input:checked + label::before {
  opacity: 1;
}
.form-style .fieldset.fieldset-info .checkbox label {
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #DCDCDC;
  border-radius: 3px;
  cursor: pointer;
}
.form-style .fieldset.fieldset-info .checkbox label::before {
  content: "\e90d";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: "icomoon";
  font-size: 18px;
  line-height: 1;
  color: #FF0000;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.form-style .fieldset.fieldset-info .checkbox + p {
  padding-left: 30px;
}
@media screen and (min-width: 992px) {
  .form-style .fieldset.fieldset-action {
    margin-top: 55px;
  }
}
.form-style .fieldset.fieldset-action .fieldset-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.form-style .fieldset.fieldset-action .fieldset-row .btn {
  width: 250px;
  height: 78px;
}
.form-style .fieldset.fieldset-action .fieldset-row .btn .btn-inner {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .form-style .fieldset.fieldset-action .fieldset-row .btn {
    height: 65px;
  }
}
@media screen and (max-width: 479px) {
  .form-style .fieldset.fieldset-action .fieldset-row .btn {
    width: auto;
    height: 40px;
    padding: 0 20px;
  }
  .form-style .fieldset.fieldset-action .fieldset-row .btn .btn-inner {
    font-size: 15px;
  }
}
.form-style .fieldset-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-style .fieldset-row + .fieldset-row {
  margin-top: 20px;
}
@media screen and (max-width: 479px) {
  .form-style .fieldset-row + .fieldset-row {
    margin-top: 15px;
  }
}
.form-style .fieldset-row .symbol {
  display: block;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 50px;
  color: #FF0000;
}
.form-style .fieldset-row .symbol:not(.required) {
  opacity: 0;
}
@media screen and (max-width: 479px) {
  .form-style .fieldset-row .symbol {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #ffffff;
    line-height: 1.15;
  }
}
.form-style .form-group {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  font-size: 16px;
  line-height: 1.15;
}
.form-style .form-group.for-textarea {
  height: auto;
}
@media screen and (max-width: 479px) {
  .form-style .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    font-size: 15px;
  }
}
.form-style .form-group .form-group-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: linear-gradient(to right, #30373E, #23282D);
  color: #ffffff;
  padding: 0 20px;
  overflow: hidden;
}
@media screen and (min-width: 480px) {
  .form-style .form-group .form-group-label {
    width: 175px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
@media screen and (max-width: 479px) {
  .form-style .form-group .form-group-label {
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.form-style .form-group .form-group-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #000000;
  border: 1px solid #24292F;
}
@media screen and (min-width: 480px) {
  .form-style .form-group .form-group-input {
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media screen and (max-width: 479px) {
  .form-style .form-group .form-group-input {
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 45px;
  }
}
.form-style .form-group .form-group-input .form-control {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
.form-style .form-group .form-group-input .bootstrap-select {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
.form-style .form-group .form-group-input .bootstrap-select .dropdown-toggle {
  height: 100%;
  padding: 0 20px;
  background: none;
  font-size: inherit;
}
.form-style .form-group .form-group-input .bootstrap-select .dropdown-toggle::after {
  display: block;
  content: "\e906";
  font-family: "icomoon";
  font-size: 18px;
  line-height: 1;
  border: none;
  color: #24292F;
}
.form-style .form-group .form-group-input .bootstrap-select .dropdown-toggle .filter-option {
  padding: 0 20px;
}
.form-style .form-group .form-group-input .bootstrap-select > .dropdown-menu {
  top: 45px !important;
  left: -1px !important;
  right: -1px !important;
  border: 1px solid #24292F;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  font-size: inherit;
}
@media screen and (max-width: 479px) {
  .form-style .form-group .form-group-input .bootstrap-select > .dropdown-menu {
    top: 35px !important;
  }
}
.form-style .form-group .form-group-input .bootstrap-select.dropup .dropdown-toggle::after {
  content: "\e905";
}
.form-style .form-group .form-group-input .bootstrap-select.dropup > .dropdown-menu {
  top: auto !important;
  bottom: 45px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 479px) {
  .form-style .form-group .form-group-input .bootstrap-select.dropup > .dropdown-menu {
    bottom: 40px !important;
  }
}
.form-style.was-validated .form-group .form-group-input .form-control:invalid, .form-style.was-validated .form-group .form-group-input .form-control.is-invalid {
  background-color: rgba(220, 53, 69, 0.25);
}
.form-style.was-validated .form-group .form-group-input .bootstrap-select .dropdown-toggle.is-invalid {
  background-color: rgba(220, 53, 69, 0.25);
}
.form-style.was-validated input[type=checkbox]:invalid + label {
  background-color: rgba(220, 53, 69, 0.25);
}

.form-submit {
  background-color: #ffffff;
}
.form-submit .form-submit-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
}
@media screen and (max-width: 991px) {
  .form-submit .form-submit-inner {
    min-height: calc(100vh - 60px);
  }
}
@media screen and (max-width: 767px) {
  .form-submit .form-submit-inner {
    min-height: calc(100vh - 55px);
  }
}
.form-submit .form-submit-inner .icon-box .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 135px;
  height: 135px;
  background-color: #F7F7F7;
  border-radius: 50%;
}
.form-submit .form-submit-inner .icon-box .icon img {
  display: block;
  width: 90px;
  margin-left: -10px;
}
@media screen and (max-width: 479px) {
  .form-submit .form-submit-inner .icon-box .icon {
    width: 120px;
    height: 120px;
  }
  .form-submit .form-submit-inner .icon-box .icon img {
    width: 75px;
  }
}
.form-submit .form-submit-inner .title-box {
  margin-top: 30px;
  text-align: center;
  line-height: 1.15;
  color: #000000;
}
@media screen and (max-width: 479px) {
  .form-submit .form-submit-inner .title-box {
    margin-top: 25px;
  }
}
.form-submit .form-submit-inner .title-box .title {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 479px) {
  .form-submit .form-submit-inner .title-box .title {
    font-size: 25px;
  }
}
.form-submit .form-submit-inner .title-box .text {
  margin-top: 15px;
  font-size: 16px;
}
.form-submit .form-submit-inner .button-box {
  margin-top: 55px;
}
@media screen and (max-width: 479px) {
  .form-submit .form-submit-inner .button-box {
    margin-top: 35px;
  }
}
.form-submit .form-submit-inner .button-box .btn {
  width: 190px;
  height: 55px;
}
.form-submit .form-submit-inner .button-box .btn .btn-inner {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 479px) {
  .form-submit .form-submit-inner .button-box .btn {
    width: auto;
    height: 45px;
    padding: 0 50px;
  }
  .form-submit .form-submit-inner .button-box .btn .btn-inner {
    font-size: 16px;
  }
}

.parallax-bg {
  position: fixed;
  z-index: -10;
  top: 0;
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 991px) {
  .parallax-bg {
    display: none;
  }
}

.testimonial-wrapper {
  background-color: #000000;
}
.testimonial-wrapper .testimonial-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.testimonial-wrapper .testimonial-list .testimonial-box {
  position: relative;
}
@media screen and (min-width: 768px) {
  .testimonial-wrapper .testimonial-list .testimonial-box {
    margin: 5px 5px 0 0;
  }
}
@media screen and (min-width: 1550px) {
  .testimonial-wrapper .testimonial-list .testimonial-box {
    width: calc(25% - 3.75px);
  }
  .testimonial-wrapper .testimonial-list .testimonial-box:nth-child(-n+4) {
    margin-top: 0;
  }
  .testimonial-wrapper .testimonial-list .testimonial-box:nth-child(4n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1549px) and (min-width: 768px) {
  .testimonial-wrapper .testimonial-list .testimonial-box {
    width: calc(50% - 2.5px);
  }
  .testimonial-wrapper .testimonial-list .testimonial-box:nth-child(-n+2) {
    margin-top: 0;
  }
  .testimonial-wrapper .testimonial-list .testimonial-box:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-wrapper .testimonial-list .testimonial-box {
    width: 100%;
  }
  .testimonial-wrapper .testimonial-list .testimonial-box + .testimonial-box {
    margin-top: 10px;
  }
}
.testimonial-wrapper .testimonial-list .testimonial-box:hover {
  z-index: 5;
}
.testimonial-wrapper .testimonial-list .testimonial-box a {
  position: relative;
  z-index: 1;
  display: block;
  padding-bottom: 75%;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
@media screen and (min-width: 992px) {
  .testimonial-wrapper .testimonial-list .testimonial-box a {
    opacity: 0.75;
  }
}
.testimonial-wrapper .testimonial-list .testimonial-box a > div, .testimonial-wrapper .testimonial-list .testimonial-box a::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.testimonial-wrapper .testimonial-list .testimonial-box a::before {
  z-index: 5;
  content: "";
  display: block;
  outline: 0 solid #FF0000;
  -moz-transition: outline-width 0.3s ease;
  -o-transition: outline-width 0.3s ease;
  -webkit-transition: outline-width 0.3s ease;
  transition: outline-width 0.3s ease;
}
.testimonial-wrapper .testimonial-list .testimonial-box a::after {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  z-index: 2;
  content: "\e91d";
  display: block;
  width: 80px;
  height: 80px;
  background-color: #FF0000;
  border-radius: 50%;
  font-family: "icomoon";
  font-size: 40px;
  text-align: center;
  line-height: 80px;
  color: #ffffff;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 991px) {
  .testimonial-wrapper .testimonial-list .testimonial-box a::before, .testimonial-wrapper .testimonial-list .testimonial-box a::after {
    display: none;
  }
}
.testimonial-wrapper .testimonial-list .testimonial-box a:hover {
  opacity: 1;
}
.testimonial-wrapper .testimonial-list .testimonial-box a:hover::before {
  outline-width: 10px;
}
.testimonial-wrapper .testimonial-list .testimonial-box a:hover::after {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.testimonial-wrapper .testimonial-list .testimonial-box a .pic {
  z-index: 1;
}
.testimonial-wrapper .testimonial-list .testimonial-box a .testimonial-box-inner {
  z-index: 2;
  top: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  padding: 0 25px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  color: #ffffff;
}
.testimonial-wrapper .testimonial-list .testimonial-box a .testimonial-box-inner .title {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .testimonial-wrapper .testimonial-list .testimonial-box a .testimonial-box-inner .title {
    font-size: 16px;
  }
}
.testimonial-wrapper .pagination .pagi-jump li a:hover {
  color: #000000;
}
.testimonial-wrapper .pagination .pagi-jump li.current a {
  color: #000000;
}

.testimonial-head {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 480px) {
  .testimonial-head {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-head {
    padding: 30px 0;
    font-size: 14px;
  }
}
@media screen and (max-width: 479px) {
  .testimonial-head {
    padding: 25px 0 0;
  }
}
.testimonial-head p + ul {
  margin-top: 1em;
}
.testimonial-head ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .testimonial-head ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .testimonial-head ul li + li::before {
    content: "/";
    display: inline-block;
    margin: 0 1em;
    color: #FF0000;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-head ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .testimonial-head ul li + li {
    margin-top: 1em;
  }
}

.testimonial-slideshow {
  padding: 80px 0;
  background-color: #000000;
}
@media screen and (max-width: 1399px) {
  .testimonial-slideshow {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .testimonial-slideshow {
    padding: 0;
  }
}
.testimonial-slideshow .slideshow-slider, .testimonial-slideshow .slideshow-slider .slick-item {
  display: block !important;
}
@media screen and (min-width: 1550px) {
  .testimonial-slideshow .slideshow-slider {
    padding: 0 10px;
  }
}
@media screen and (max-width: 479px) {
  .testimonial-slideshow .slideshow-slider {
    width: 100%;
  }
}
.testimonial-slideshow .slideshow-slider .slick-arrow {
  position: absolute;
  z-index: 5;
  color: #FF0000;
  font-size: 75px;
}
@media screen and (min-width: 1550px) {
  .testimonial-slideshow .slideshow-slider .slick-arrow {
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .testimonial-slideshow .slideshow-slider .slick-arrow.slick-prev {
    left: -100px;
  }
  .testimonial-slideshow .slideshow-slider .slick-arrow.slick-next {
    right: -100px;
  }
}
@media screen and (max-width: 1549px) {
  .testimonial-slideshow .slideshow-slider .slick-arrow {
    bottom: 0;
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
  .testimonial-slideshow .slideshow-slider .slick-arrow.slick-prev {
    left: calc(50% - 75px);
  }
  .testimonial-slideshow .slideshow-slider .slick-arrow.slick-next {
    right: calc(50% - 75px);
  }
}
@media screen and (max-width: 991px) {
  .testimonial-slideshow .slideshow-slider .slick-arrow {
    width: 25px;
    height: 25px;
    font-size: 25px;
  }
  .testimonial-slideshow .slideshow-slider .slick-arrow.slick-prev {
    left: calc(50% - 35px);
  }
  .testimonial-slideshow .slideshow-slider .slick-arrow.slick-next {
    right: calc(50% - 35px);
  }
}
@media screen and (max-width: 767px) {
  .testimonial-slideshow .slideshow-slider .slick-arrow {
    bottom: 12.5px;
  }
}
@media screen and (max-width: 1549px) {
  .testimonial-slideshow .slideshow-slider.slick-hasArrows {
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 991px) {
  .testimonial-slideshow .slideshow-slider.slick-hasArrows {
    padding-bottom: 50px;
  }
}

.testimonial-detail {
  padding: 75px 0;
}
@media screen and (max-width: 1399px) {
  .testimonial-detail {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .testimonial-detail {
    padding: 25px 0;
  }
}
.testimonial-detail .detail-content {
  max-width: 900px;
  margin: 0 auto;
}
.testimonial-detail .detail-content + .detail-share {
  margin-top: 60px;
}
@media screen and (max-width: 991px) {
  .testimonial-detail .detail-content + .detail-share {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .testimonial-detail .detail-content + .detail-share {
    margin-top: 25px;
  }
}

.vip-wrapper {
  position: relative;
  background-color: #000000;
}
@media screen and (max-width: 479px) {
  .vip-wrapper .vip-list {
    padding: 10px;
  }
}
.vip-wrapper .vip-list .vip-sizer, .vip-wrapper .vip-list .vip-box {
  width: calc(20% - 4px);
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .vip-wrapper .vip-list .vip-sizer, .vip-wrapper .vip-list .vip-box {
    width: calc(25% - 3.75px);
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .vip-wrapper .vip-list .vip-sizer, .vip-wrapper .vip-list .vip-box {
    width: calc(33.3333333333% - 3.3333333333px);
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .vip-wrapper .vip-list .vip-sizer, .vip-wrapper .vip-list .vip-box {
    width: calc(50% - 2.5px);
  }
}
@media screen and (max-width: 479px) {
  .vip-wrapper .vip-list .vip-sizer, .vip-wrapper .vip-list .vip-box {
    width: calc(100% - 20px);
  }
}
.vip-wrapper .vip-list .vip-box {
  position: relative;
  margin-bottom: 5px;
}
@media screen and (max-width: 479px) {
  .vip-wrapper .vip-list .vip-box {
    margin-bottom: 10px;
  }
}
.vip-wrapper .vip-list .vip-box:hover {
  z-index: 5;
}
.vip-wrapper .vip-list .vip-box a {
  position: relative;
  z-index: 1;
  display: block;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
@media screen and (min-width: 992px) {
  .vip-wrapper .vip-list .vip-box a {
    opacity: 0.75;
  }
}
.vip-wrapper .vip-list .vip-box a::before {
  position: absolute;
  content: "";
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  outline: 0 solid #FF0000;
  -moz-transition: outline-width 0.3s ease;
  -o-transition: outline-width 0.3s ease;
  -webkit-transition: outline-width 0.3s ease;
  transition: outline-width 0.3s ease;
}
@media screen and (max-width: 991px) {
  .vip-wrapper .vip-list .vip-box a::before {
    display: none;
  }
}
.vip-wrapper .vip-list .vip-box a:hover {
  opacity: 1;
}
.vip-wrapper .vip-list .vip-box a:hover::before {
  outline-width: 10px;
}
.vip-wrapper .vip-list .vip-box a .pic {
  position: relative;
  z-index: 1;
}
.vip-wrapper .vip-list .vip-box a .vip-box-inner {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  padding: 0 25px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  color: #ffffff;
}
.vip-wrapper .vip-list .vip-box a .vip-box-inner .title {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.vip-wrapper .vip-loading {
  display: none;
  padding: 100px 0;
  text-align: center;
  color: #ffffff;
  background-color: #000000;
}
@media screen and (max-width: 1549px) {
  .vip-wrapper .vip-loading {
    padding: 75px 0;
  }
}
@media screen and (max-width: 1399px) {
  .vip-wrapper .vip-loading {
    padding: 50px 0;
  }
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader {
  position: relative;
  font-size: 9px;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader > span {
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #FF0000;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(1), .vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(2) {
  left: 0;
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(3) {
  left: 1.5em;
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(4) {
  left: 3em;
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(1) {
  -webkit-animation-name: loaderReveal;
  -moz-animation-name: loaderReveal;
  -o-animation-name: loaderReveal;
  animation-name: loaderReveal;
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(2), .vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(3) {
  -webkit-animation-name: loaderSlide;
  -moz-animation-name: loaderSlide;
  -o-animation-name: loaderSlide;
  animation-name: loaderSlide;
}
.vip-wrapper .vip-loading .infinite-scroll-request .loader > span:nth-child(4) {
  -webkit-animation-name: loaderReveal;
  -moz-animation-name: loaderReveal;
  -o-animation-name: loaderReveal;
  animation-name: loaderReveal;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
}
.vip-wrapper .vip-loading .text {
  font-size: 16px;
  font-weight: 700;
}

.vip-detail .news-pic .slick-slider .slick-slide .slick-item {
  display: block !important;
}
.vip-detail .news-pic .slick-slider .slick-slide .slick-item img {
  display: block;
  width: 100%;
}
.vip-detail .news-pic .slick-slider .slick-arrow {
  position: absolute;
  z-index: 5;
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background-color: #FF0000;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .vip-detail .news-pic {
    overflow: hidden;
  }
  .vip-detail .news-pic .slick-slider {
    width: 74%;
    margin: 0 auto;
  }
  .vip-detail .news-pic .slick-slider .slick-list {
    overflow: visible;
  }
  .vip-detail .news-pic .slick-slider .slick-slide {
    position: relative;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transition-property: transform;
    transition-property: transform;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  .vip-detail .news-pic .slick-slider .slick-slide.slick-active {
    z-index: 5;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .vip-detail .news-pic .slick-slider .slick-slide .slick-item {
    display: block !important;
  }
  .vip-detail .news-pic .slick-slider .slick-slide .slick-item img {
    display: block;
    width: 100%;
  }
  .vip-detail .news-pic .slick-slider .slick-arrow {
    position: absolute;
    z-index: 5;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background-color: #FF0000;
    color: #ffffff;
  }
  .vip-detail .news-pic .slick-slider .slick-arrow.slick-prev {
    left: 9%;
  }
  .vip-detail .news-pic .slick-slider .slick-arrow.slick-next {
    right: 9%;
  }
}
@media screen and (max-width: 991px) {
  .vip-detail .news-pic .slick-slider .slick-arrow.slick-prev {
    left: -25px;
  }
  .vip-detail .news-pic .slick-slider .slick-arrow.slick-next {
    right: -25px;
  }
}
.vip-detail .trial-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding-right: 10px;
}
@media screen and (max-width: 479px) {
  .vip-detail .trial-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 10px;
  }
}
.vip-detail .trial-info .content {
  font-weight: 700;
  color: #FF0000;
  line-height: 1;
}
.vip-detail .trial-info .content .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 40px;
}
@media screen and (max-width: 991px) {
  .vip-detail .trial-info .content .title {
    font-size: 28px;
  }
}
.vip-detail .trial-info .content .text {
  margin-top: 10px;
  font-size: 16px;
}
@media screen and (max-width: 479px) {
  .vip-detail .trial-info .button {
    margin-top: 20px;
  }
}
.vip-detail .trial-info .button .btn {
  height: 60px;
  padding: 0 25px;
}
@media screen and (max-width: 479px) {
  .vip-detail .trial-info .button .btn {
    height: 45px;
    padding: 0 20px;
  }
}
.vip-detail .trial-info .button .btn .btn-inner {
  font-size: 18px;
  font-weight: 700;
}
.vip-detail #lightcase-info {
  width: 100%;
}
.vip-detail #lightcase-info #lightcase-caption {
  display: none !important;
}
.vip-detail #lightcase-info .vip-lightcase-foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  text-shadow: none;
}
.vip-detail #lightcase-info .vip-lightcase-foot .custom-close .btn {
  font-weight: 700;
  color: #FF0000;
}
.vip-detail #lightcase-info .vip-lightcase-foot .custom-close .btn i {
  margin-right: 5px;
  font-size: 1.15em;
}
.vip-detail + .lightcase-icon-close {
  display: none !important;
}

.trainers-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.trainers-list li {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .trainers-list li {
    margin: 80px 25px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .trainers-list li {
    width: calc(20% - 20px);
  }
  .trainers-list li:nth-child(-n+5) {
    margin-top: 0;
  }
  .trainers-list li:nth-child(5n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .trainers-list li {
    width: calc(33.3333333333% - 16.6666666667px);
  }
  .trainers-list li:nth-child(-n+3) {
    margin-top: 0;
  }
  .trainers-list li:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .trainers-list li {
    width: 100%;
  }
  .trainers-list li + li {
    margin-top: 25px;
  }
}
.trainers-list li .pic {
  position: relative;
}
.trainers-list li .pic a {
  display: block;
  padding-bottom: 145.84%;
  outline: 0 solid #FF0000;
  -moz-transition: outline-width 0.1s ease;
  -o-transition: outline-width 0.1s ease;
  -webkit-transition: outline-width 0.1s ease;
  transition: outline-width 0.1s ease;
}
.trainers-list li .pic a:hover {
  outline-width: 5px;
}
.trainers-list li .pic a .badge {
  position: absolute;
  right: -10px;
  bottom: 20px;
  padding: 10px;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.trainers-list li .text {
  margin-top: 15px;
  font-size: 16px;
  color: #4D4D4D;
}
.trainers-list li .text .name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #000000;
}
.trainers-list li .text .name .en {
  font-size: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  color: #FF0000;
  margin-right: 5px;
}

.trainers-detail {
  position: relative;
  padding: 120px 0;
  background-color: #000000;
}
@media screen and (max-width: 991px) {
  .trainers-detail {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .trainers-detail {
    padding: 25px 0;
  }
}
.trainers-detail .detail-inner {
  position: relative;
  max-width: 1140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  .trainers-detail .detail-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 992px) {
  .trainers-detail .detail-inner > div {
    max-height: 670px;
  }
}
.trainers-detail .detail-inner .detail-pic {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 992px) {
  .trainers-detail .detail-inner .detail-pic {
    max-width: 450px;
  }
}
.trainers-detail .detail-inner .detail-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
  padding: 30px;
  color: #000000;
  font-size: 16px;
  line-height: 2;
  border-top: 5px solid #FF0000;
}
.trainers-detail .detail-inner .detail-content .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}
.trainers-detail .detail-inner .detail-content .title .en {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #FF0000;
  margin-left: 10px;
}
.trainers-detail .detail-inner .detail-content section + section {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #EAEAEA;
}
.trainers-detail .detail-inner .detail-content ul {
  padding-left: 1.5em;
}
.trainers-detail .detail-inner .detail-content ul li::before {
  content: "\e91c";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  font-family: "icomoon";
  color: #FF0000;
}
.trainers-detail .detail-share {
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width: 479px) {
  .trainers-detail .detail-share {
    margin-top: 25px;
  }
}
.trainers-detail .detail-share .btn {
  height: 55px;
  padding: 0 40px;
  margin-left: 40px;
}
.trainers-detail .detail-share .btn .btn-inner {
  font-size: 16px;
  font-weight: 700;
}
.trainers-detail .detail-share .a2a_button_copy_link {
  color: #fff;
}

.scheduleParallax {
  position: fixed;
  top: -150px;
  left: 0;
  width: 100%;
}

.schedule-wrapper {
  position: relative;
  padding: 120px 0 200px;
}
@media screen and (max-width: 1399px) {
  .schedule-wrapper {
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .schedule-wrapper {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .schedule-wrapper {
    padding: 25px 0;
  }
}
.schedule-wrapper .schedule-inner {
  position: relative;
}
.schedule-wrapper .schedule-inner .schedule-head {
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .schedule-wrapper .schedule-inner .schedule-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media screen and (max-width: 991px) {
  .schedule-wrapper .schedule-inner .schedule-head {
    text-align: center;
  }
}
.schedule-wrapper .schedule-inner .schedule-head .head-title .title {
  font-size: 35px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-title .title {
    font-size: 25px;
  }
}
.schedule-wrapper .schedule-inner .schedule-head .head-title .sublinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-title .sublinks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .schedule-wrapper .schedule-inner .schedule-head .head-title .sublinks li.share-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
    border: none;
  }
}
.schedule-wrapper .schedule-inner .schedule-head .head-title .sublinks li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.schedule-wrapper .schedule-inner .schedule-head .head-title .sublinks li + li {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #676767;
}
.schedule-wrapper .schedule-inner .schedule-head .head-title .sublinks li a {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.schedule-wrapper .schedule-inner .schedule-head .head-title .sublinks li a:hover {
  opacity: 0.5;
}
@media screen and (max-width: 991px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-buttons {
    margin-top: 25px;
  }
}
.schedule-wrapper .schedule-inner .schedule-head .head-buttons ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-buttons ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-buttons ul {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li + li {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li {
    width: calc(50% - 5px);
  }
  .schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li:last-child {
    width: 100%;
    margin-bottom: 10px;
  }
}
.schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li.filter-toggle {
  position: relative;
}
.schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li.filter-toggle::after {
  content: "";
  position: absolute;
  left: calc(50% - 12px);
  bottom: -35px;
  border-bottom: 24px solid #ffffff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  display: none;
}
.schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li.filter-toggle.active::after {
  display: block;
}
.schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li .btn {
  height: 60px;
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li .btn {
    height: 50px;
    padding: 0 25px;
  }
}
.schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li .btn .btn-inner {
  font-size: 16px;
  font-weight: 700;
}
.schedule-wrapper .schedule-inner .schedule-head .head-buttons ul li .btn .btn-inner i {
  margin-right: 10px;
}
.schedule-wrapper .schedule-inner .schedule-filter {
  display: none;
  background-color: #ffffff;
  margin-top: 35px;
  padding: 40px 0;
}
.schedule-wrapper .schedule-inner .schedule-filter .schedule-filter-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .schedule-wrapper .schedule-inner .schedule-filter .schedule-filter-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (min-width: 1200px) {
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section {
    padding: 20px 45px;
    border-left: 1px solid #DEDEDE;
  }
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section:last-child {
    border-right: 1px solid #DEDEDE;
  }
}
@media screen and (max-width: 1199px) {
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section {
    padding: 20px 0;
    border-top: 1px solid #DEDEDE;
  }
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section:last-child {
    border-bottom: 1px solid #DEDEDE;
  }
}
@media screen and (min-width: 1200px) {
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section.for-search {
    max-width: 385px;
  }
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row {
  position: relative;
  font-size: 16px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row + .option-row {
  margin-top: 15px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row .option-title {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row .option-title {
    width: 250px;
  }
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row .option-select {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row .option-select {
    margin-top: 10px;
  }
  .schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-row .option-symbol {
    position: absolute;
    top: 3px;
    right: 0;
  }
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-title {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-title .en {
  display: inline-block;
  color: #FF0000;
  font-size: 16px;
  margin-left: 10px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select {
  width: 100%;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select > .dropdown-toggle {
  height: 45px;
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
  font-size: 16px;
  padding: 0 1em;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select > .dropdown-toggle::after {
  border-top-color: #FF0000;
  border-bottom-color: #FF0000;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select > .dropdown-menu {
  border: 1px solid #E5E5E5;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select > .dropdown-menu .dropdown-item.selected:not(:hover):not(.active) {
  background-color: #FAFAFA;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select > .dropdown-menu .dropdown-item.selected span.check-mark {
  top: 12px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select > .dropdown-menu .dropdown-item .color-label {
  display: inline-block;
  width: 25px;
  height: 10px;
  margin-right: 10px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select.dropup > .dropdown-menu {
  border-bottom: none;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-select .bootstrap-select:not(.dropup) > .dropdown-menu {
  border-top: none;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-symbol {
  color: #FF0000;
  margin-left: 1em;
  font-size: 16px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-search input[type=text] {
  display: block;
  background-color: #F2F2F2;
  width: 100%;
  height: 45px;
  padding: 0 15px;
  font-size: 16px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-search .btn {
  width: 150px;
  height: 50px;
  margin-top: 25px;
}
.schedule-wrapper .schedule-inner .schedule-filter .filter-section .option-search .btn .btn-inner {
  font-size: 16px;
  font-weight: 700;
}
.schedule-wrapper .schedule-inner .schedule-main {
  margin-top: 35px;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-main {
    overflow: visible;
    margin-top: 25px;
  }
}
.schedule-wrapper .schedule-inner .schedule-main span {
  display: none;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-inner {
    min-width: 1200px;
  }
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-head {
  color: #ffffff;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-head.sticky:not(.no-sticky) {
  position: fixed;
  z-index: 5;
  top: 55px;
}
@media screen and (min-width: 1400px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head.sticky:not(.no-sticky) {
    left: calc(50% - 650px);
    right: calc(50% - 650px);
  }
}
@media screen and (max-width: 1399px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head.sticky:not(.no-sticky) {
    left: 50px;
    right: 50px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head.sticky:not(.no-sticky) {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head.sticky:not(.no-sticky) {
    left: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head {
    background-color: rgba(255, 255, 255, 0.15);
  }
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head.sticky:not(.no-sticky) {
    background-color: rgba(0, 0, 0, 0.75);
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -25px;
    right: -25px;
    background-color: #000000;
  }
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head.no-sticky ul li.current button {
    background-color: #626262;
  }
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul {
    height: 55px;
  }
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul li + li {
  margin-left: 1px;
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul li button {
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul li button {
    display: block;
    width: 100%;
    background-color: #626262;
    font-size: 0;
    line-height: 1;
    padding: 15px 5px;
  }
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul li button::before {
    content: attr(data-short);
    font-size: 16px;
    text-transform: capitalize;
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-head ul li.current button {
    background-color: #FF0000;
  }
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 479px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column {
    width: calc(14.2857142857% - 8.5714285714px);
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column::before {
    content: attr(data-weekday);
    display: block;
    width: 100%;
    font-size: 25px;
    font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 15px;
  }
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column + .column {
    margin-top: 25px;
  }
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class {
  background-color: #ffffff;
  text-align: center;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class a {
  display: block;
}
@media screen and (min-width: 768px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class + .class {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-time, .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-room {
  height: 35px;
  font-size: 14px;
  line-height: 35px;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-time {
  position: relative;
  color: #ffffff;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-time span {
  position: absolute;
  bottom: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 15px;
  line-height: 1;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-time span.exclusive {
  right: 10px;
  background-color: #FFE408;
  color: #951010;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-time span.pay {
  left: 10px;
  background-color: #FF0000;
  color: #ffffff;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 150px;
  padding: 15px 10px;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content.accordion {
  height: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-name {
  line-height: 1.25;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-name > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-name .zh {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-name .en {
  font-size: 14px;
  color: #747474;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-img {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-img img {
  display: block;
  max-height: 100%;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-instructor {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-content .class-instructor span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border-radius: 50%;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body .column .class .class-room {
  background-color: #eeeeee;
  border-top: 1px solid #E3E3E3;
  font-weight: 700;
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body.schedule-all .column .class .class-time .time {
  background-color: rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 480px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body.schedule-all .column .class .class-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body.schedule-all .column .class .class-time > p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (max-width: 479px) {
  .schedule-wrapper .schedule-inner .schedule-main .schedule-main-body.schedule-all .column .class .class-time {
    height: auto;
  }
}
.schedule-wrapper .schedule-inner .schedule-main .schedule-main-body.schedule-all .column .class .class-content {
  height: auto;
}

#schedule-all {
  display: none;
}

.search-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .search-wrapper {
    height: 800px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1880px) {
  .search-wrapper {
    padding: 0 155px;
  }
}
@media screen and (max-width: 1879px) {
  .search-wrapper {
    padding: 0 60px;
  }
}
@media screen and (max-width: 1399px) {
  .search-wrapper {
    padding: 50px 0;
  }
}
@media screen and (max-width: 991px) {
  .search-wrapper {
    padding: 75px 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 479px) {
  .search-wrapper {
    padding: 50px 25px;
  }
}
.search-wrapper .search-inner {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .search-wrapper .search-inner {
    max-width: 640px;
  }
}
.search-wrapper .search-inner .info-box {
  color: #ffffff;
}
.search-wrapper .search-inner .info-box .head {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}
.search-wrapper .search-inner .info-box .head .en {
  display: block;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  text-transform: uppercase;
}
.search-wrapper .search-inner .info-box .head + .text {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .search-wrapper .search-inner .info-box .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .search-wrapper .search-inner .info-box .head .en {
    margin-left: 0.5em;
  }
}
@media screen and (max-width: 767px) {
  .search-wrapper .search-inner .info-box .head {
    font-size: 30px;
    text-align: center;
  }
  .search-wrapper .search-inner .info-box .head .en {
    margin-top: 5px;
  }
}
.search-wrapper .search-inner .info-box .text {
  font-size: 16px;
  line-height: 1.75;
}
.search-wrapper .search-inner .info-box .text * {
  margin: 0.5rem 0;
}
.search-wrapper .search-inner .info-box .text .highlight {
  display: inline-block;
  font-size: 25px;
  line-height: 1.15;
  background-color: rgba(255, 0, 0, 0.8);
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .search-wrapper .search-inner .info-box .text .highlight {
    font-size: 18px;
  }
}
.search-wrapper .search-inner .info-box + .search-box {
  margin-top: 40px;
}
@media screen and (max-width: 479px) {
  .search-wrapper .search-inner .info-box + .search-box {
    margin-top: 25px;
  }
}
.search-wrapper .search-inner .search-box p + .search-selects {
  margin-top: 15px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .search-wrapper .search-inner .search-box .search-selects {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .search-wrapper .search-inner .search-box .search-selects > div + div {
    margin-top: 0;
    margin-left: 5px;
  }
  .search-wrapper .search-inner .search-box .search-selects .select-box {
    width: 225px;
  }
}

.class-detail-wrapper {
  position: relative;
}
.class-detail-wrapper .class-detail-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 992px) {
  .class-detail-wrapper .class-detail-bg {
    height: 865px;
  }
}
@media screen and (max-width: 991px) {
  .class-detail-wrapper .class-detail-bg {
    padding-bottom: 65%;
  }
}
@media screen and (max-width: 767px) {
  .class-detail-wrapper .class-detail-bg {
    display: none;
  }
}
.class-detail-wrapper .class-detail-inner {
  position: relative;
}
@media screen and (min-width: 992px) {
  .class-detail-wrapper .class-detail-inner {
    min-height: 865px;
  }
}
@media screen and (max-width: 991px) {
  .class-detail-wrapper .class-detail-inner {
    min-height: 65vw;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-intro {
  padding: 70px 0;
}
@media screen and (max-width: 1199px) {
  .class-detail-wrapper .class-detail-inner .class-detail-intro {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .class-detail-wrapper .class-detail-inner .class-detail-intro {
    background-color: #000000;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-intro .editor {
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow {
    padding: 0 50px;
  }
}
@media screen and (max-width: 767px) {
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow {
    padding: 0;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-slide {
  -moz-transition: transform 0.5s ease 0.5s;
  -o-transition: transform 0.5s ease 0.5s;
  -webkit-transition: transform 0.5s ease 0.5s;
  transition: transform 0.5s ease 0.5s;
}
@media screen and (min-width: 1550px) {
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-slide:not(.slick-center) {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-slide:not(.slick-center) {
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-slide:not(.slick-center).slick-center-custom {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow {
  position: absolute;
  z-index: 2;
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
}
.class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow.slick-prev {
  left: calc(50% - 525px - 30px);
}
.class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow.slick-next {
  right: calc(50% - 525px - 30px);
}
@media screen and (max-width: 1199px) {
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow.slick-prev {
    left: -30px;
  }
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow.slick-next {
    right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow {
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
  }
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow.slick-prev {
    left: 0;
  }
  .class-detail-wrapper .class-detail-inner .class-detail-slideshow .slick-arrow.slick-next {
    right: 0;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-features {
  margin-top: 75px;
}
@media screen and (max-width: 991px) {
  .class-detail-wrapper .class-detail-inner .class-detail-features {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .class-detail-wrapper .class-detail-inner .class-detail-features {
    margin-top: 25px;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container section {
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  .class-detail-wrapper .class-detail-inner .class-detail-features .container section {
    width: calc(50% - 30px);
    margin-top: 50px;
  }
  .class-detail-wrapper .class-detail-inner .class-detail-features .container section:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .class-detail-wrapper .class-detail-inner .class-detail-features .container section + section {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .class-detail-wrapper .class-detail-inner .class-detail-features .container section + section {
    margin-top: 25px;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container section h5 {
  padding-bottom: 20px;
  border-bottom: 2px solid #E8E8E8;
  font-size: 20px;
  font-weight: 700;
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container section h5::before {
  content: "\e90d";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background-color: #FF0000;
  border-radius: 50%;
  font-family: "icomoon";
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  color: #ffffff;
}
@media screen and (max-width: 479px) {
  .class-detail-wrapper .class-detail-inner .class-detail-features .container section h5 {
    font-size: 18px;
    padding-bottom: 15px;
  }
  .class-detail-wrapper .class-detail-inner .class-detail-features .container section h5::before {
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container section ul {
  margin-top: 20px;
}
@media screen and (max-width: 479px) {
  .class-detail-wrapper .class-detail-inner .class-detail-features .container section ul {
    margin-top: 15px;
  }
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container section ul li + li {
  margin-top: 1em;
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container section ul li h6 {
  margin: 0;
  font-weight: 700;
}
.class-detail-wrapper .class-detail-inner .class-detail-features .container section ul li p {
  margin: 0;
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 75px 0;
}
@media screen and (max-width: 991px) {
  .pagination {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .pagination {
    padding: 25px 0;
  }
}
.pagination a {
  display: block;
  color: #FF0000;
}
.pagination .pagi-arrow {
  font-size: 20px;
}
.pagination .pagi-arrow.prev {
  margin-right: 25px;
}
.pagination .pagi-arrow.next {
  margin-left: 25px;
}
.pagination .pagi-jump {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination .pagi-jump li + li {
  margin-left: 10px;
}
.pagination .pagi-jump li a {
  width: 28px;
  height: 28px;
  border: 1px solid #FF0000;
  border-radius: 50%;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 25px;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.pagination .pagi-jump li a:hover {
  color: #ffffff;
  background-color: #FF0000;
}
.pagination .pagi-jump li.current a {
  color: #ffffff;
  background-color: #FF0000;
}

.adbar {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FF0000;
  color: #ffffff;
  overflow: hidden;
}
.adbar > div + div {
  margin-left: 55px;
}
@media screen and (max-width: 1199px) {
  .adbar > div + div {
    margin-left: 35px;
  }
}
@media screen and (max-width: 479px) {
  .adbar > div + div {
    margin-left: 15px;
  }
}
.adbar .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 54px;
  font-weight: 700;
  text-shadow: 7.5px 7.5px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .adbar .title {
    display: none;
  }
}
.adbar .text {
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .adbar .text {
    margin-left: 0 !important;
  }
}
.adbar .text p {
  line-height: 1;
}
.adbar .text p:first-child {
  font-size: 25px;
  letter-spacing: 0.05em;
}
.adbar .text p:first-child span {
  font-family: "Lato", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 42px;
}
@media screen and (max-width: 1199px) {
  .adbar .text p:first-child {
    font-size: 22px;
  }
  .adbar .text p:first-child span {
    font-size: 36px;
  }
}
@media screen and (max-width: 479px) {
  .adbar .text p:first-child {
    font-size: 17px;
  }
  .adbar .text p:first-child span {
    font-size: 28px;
  }
}
.adbar .text p:last-child {
  font-size: 18px;
  letter-spacing: 0.25em;
}
@media screen and (max-width: 1199px) {
  .adbar .text p:last-child {
    font-size: 16px;
  }
}
@media screen and (max-width: 479px) {
  .adbar .text p:last-child {
    font-size: 12px;
  }
}
.adbar .text p + p {
  margin-top: 0.35em;
}
.adbar .button .btn {
  width: 180px;
  height: 130px;
  font-size: 25px;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .adbar .button .btn {
    width: 150px;
    height: 95px;
  }
}
@media screen and (max-width: 479px) {
  .adbar .button .btn {
    width: 80px;
    height: 60px;
    font-size: 14px;
  }
}
.adbar .button .btn::before {
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.adbar .button .btn:hover::before {
  -webkit-box-shadow: 7.5px 0 7.5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 7.5px 0 7.5px rgba(0, 0, 0, 0.2);
  box-shadow: 7.5px 0 7.5px rgba(0, 0, 0, 0.2);
}
.adbar.adbar-blue {
  background-color: #093B8C;
}
.adbar.adbar-blue .button .btn .btn-inner {
  color: #093B8C;
}

/* ------------------------------------------
 * *  header
 * * -----------------------------------------*/
#header {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1199px) {
  #header {
    position: fixed;
  }
}
#header .inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 125px;
  background-color: #FF0000;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
@media screen and (max-width: 1199px) {
  #header .inner {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  #header .inner {
    height: 55px;
  }
}
#header .inner .logo {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 70px;
}
@media screen and (max-width: 1879px) and (min-width: 1550px) {
  #header .inner .logo {
    left: 25px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  #header .inner .logo {
    left: 25px;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .logo {
    left: 0;
  }
}
#header .inner .logo a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 320px;
  height: 140px;
  -moz-transition-property: width, height, padding;
  -o-transition-property: width, height, padding;
  -webkit-transition-property: width, height, padding;
  transition-property: width, height, padding;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
#header .inner .logo a::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-box-shadow: 10px -5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 10px -5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 10px -5px 10px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1199px) {
  #header .inner .logo a {
    width: 210px;
    height: 70px;
    padding: 0 20px;
  }
  #header .inner .logo a::before {
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }
}
@media screen and (max-width: 767px) {
  #header .inner .logo a {
    width: 150px;
    height: 60px;
  }
}
#header .inner .logo a img {
  position: relative;
  z-index: 1;
  display: block;
}
@media screen and (min-width: 1200px) {
  #header .inner .logo a img {
    margin-left: 10%;
  }
  .msie #header .inner .logo a img {
    margin-left: 5%;
    margin-right: -5%;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .logo a img {
    margin-left: -10%;
  }
  .msie #header .inner .logo a img {
    width: 100%;
  }
}
#header .inner .menu {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 45px;
  color: #ffffff;
}
@media screen and (max-width: 1879px) {
  #header .inner .menu {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1879px) and (max-width: 1549px) and (min-width: 1200px) {
  #header .inner .menu {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 479px) {
  #header .inner .menu {
    padding-right: 5px;
  }
}
@media screen and (min-width: 1200px) {
  #header .inner .menu .menu-wrapper {
    display: block !important;
    height: 100%;
  }
  #header .inner .menu .menu-wrapper .menu-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
  }
  .msie #header .inner .menu .menu-wrapper .menu-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #header .inner .menu .menu-wrapper .menu-inner > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .msie #header .inner .menu .menu-wrapper .menu-inner > div {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-wrapper {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100vh - 60px);
    overflow: auto;
    background-color: #24292F;
  }
  #header .inner .menu .menu-wrapper.show-menu {
    display: block;
  }
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
  #header .inner .menu .menu-wrapper {
    top: 55px;
    height: calc(100vh - 55px);
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-wrapper .menu-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow: visible;
  }
}
#header .inner .menu .menu-sub > div {
  font-size: 16px;
}
#header .inner .menu .menu-sub .links ul li, #header .inner .menu .menu-sub .lang ul li {
  display: inline-block;
}
#header .inner .menu .menu-sub .search .search-bar {
  position: relative;
}
#header .inner .menu .menu-sub .search .search-bar input[type=text] {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 175px;
  height: 35px;
  padding: 0 15px;
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-sub .search .search-bar input[type=text] {
    width: 100%;
  }
}
#header .inner .menu .menu-sub .search .search-bar button[type=submit] {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 15px;
  display: block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.5;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#header .inner .menu .menu-sub .search .search-bar button[type=submit] i {
  display: block;
}
#header .inner .menu .menu-sub .search .search-bar button[type=submit]:hover {
  opacity: 1;
}
#header .inner .menu .menu-sub .search .search-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(205, 0, 0, 0.8);
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
}
#header .inner .menu .menu-sub .lang ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#header .inner .menu .menu-sub .lang ul li {
  display: block;
}
#header .inner .menu .menu-sub .lang ul li:not(:last-child) {
  margin: 0 10px 0 0;
}
#header .inner .menu .menu-sub .lang ul li + li {
  position: relative;
  padding: 0 0 0 10px;
}
#header .inner .menu .menu-sub .lang ul li + li::before {
  background: rgba(255, 255, 255, 0.7);
  width: 1px;
  height: 19px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
#header .inner .menu .menu-sub .lang ul li a {
  opacity: 0.7;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#header .inner .menu .menu-sub .lang ul li a:hover {
  opacity: 1;
}
#header .inner .menu .menu-sub .lang ul li.current a {
  opacity: 1;
}
@media screen and (min-width: 1200px) {
  #header .inner .menu .menu-sub {
    margin-bottom: 10px;
  }
  .msie #header .inner .menu .menu-sub {
    margin-top: 10px;
    margin-bottom: 0;
  }
  #header .inner .menu .menu-sub > div + div {
    margin-left: 20px;
  }
  #header .inner .menu .menu-sub .links ul li + li {
    margin-left: 0.95em;
  }
  #header .inner .menu .menu-sub .links ul li a {
    display: block;
    opacity: 0.7;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  #header .inner .menu .menu-sub .links ul li a:hover {
    opacity: 1;
  }
  #header .inner .menu .menu-sub .links ul li a span {
    position: relative;
    z-index: 1;
  }
  #header .inner .menu .menu-sub .links ul li a span::before {
    top: -0.75em;
    left: -1.5em;
    content: attr(data-en);
    position: absolute;
    display: block;
    font-family: "Permanent Marker", cursive;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #fffe1f;
    -moz-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px 90px;
    background-color: #FF0000;
  }
  #header .inner .menu .menu-sub > div + div {
    margin-top: 15px;
  }
  #header .inner .menu .menu-sub .links ul, #header .inner .menu .menu-sub .lang ul {
    text-align: center;
  }
  #header .inner .menu .menu-sub .links ul li {
    display: inline-block;
  }
  #header .inner .menu .menu-sub .links ul li + li {
    margin-left: 35px;
  }
  #header .inner .menu .menu-sub .search {
    width: calc(100% - 30px);
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-main .menu-main-links > li.for-mobile {
    display: block !important;
  }
}
#header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links .btn {
  height: 60px;
  margin: 0 10px;
}
#header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links .btn .btn-inner {
  font-size: 18px;
  font-weight: 700;
}
#header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item .item-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.15;
  color: #FF0000;
}
#header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item .item-title::before {
  content: "\e91b";
  display: inline-block;
  width: 1em;
  font-family: "icomoon";
}
#header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item .item-text {
  margin-top: 5px;
  padding-left: 20px;
  font-size: 15px;
  color: #ffffff;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 3.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 1200px) {
  #header .inner .menu .menu-main .menu-main-social {
    display: none;
  }
  #header .inner .menu .menu-main .menu-main-links > li {
    display: inline-block;
  }
  #header .inner .menu .menu-main .menu-main-links > li:not(.has-dp) {
    position: relative;
  }
  #header .inner .menu .menu-main .menu-main-links > li:hover > a::before {
    background-color: #24292F;
  }
  #header .inner .menu .menu-main .menu-main-links > li:hover .accordion {
    display: block;
  }
  #header .inner .menu .menu-main .menu-main-links > li + li {
    margin-left: 35px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #header .inner .menu .menu-main .menu-main-links > li + li {
    margin-left: 25px;
  }
}
@media screen and (min-width: 1200px) {
  #header .inner .menu .menu-main .menu-main-links > li > a {
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
  }
  #header .inner .menu .menu-main .menu-main-links > li > a span {
    position: relative;
    z-index: 1;
  }
  #header .inner .menu .menu-main .menu-main-links > li > a span::before {
    top: -0.75em;
    left: -1.5em;
    content: attr(data-en);
    position: absolute;
    display: block;
    font-family: "Permanent Marker", cursive;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #FFFE1F;
    -moz-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
  }
  #header .inner .menu .menu-main .menu-main-links > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    bottom: 0;
    display: block;
    -moz-transform: skew(-15deg, 0deg);
    -o-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  #header .inner .menu .menu-main .menu-main-links > li > a:hover::before {
    background-color: #24292F;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #header .inner .menu .menu-main .menu-main-links > li > a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  #header .inner .menu .menu-main .menu-main-links > li .accordion-toggle {
    display: none !important;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion {
    display: none;
    position: absolute;
    left: -68px;
    right: -51px;
    background-color: #24292F;
    color: #ffffff;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
    -webkit-animation: fadeEffect 0.3s;
    -moz-animation: fadeEffect 0.3s;
    -o-animation: fadeEffect 0.3s;
    -ms-animation: fadeEffect 0.3s;
    animation: fadeEffect 0.3s;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion > ul > li > a {
    display: block;
    padding: 15px 10px;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion > ul > li > a span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion > ul > li > a:hover {
    background-color: #d70000;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown {
    display: none;
    left: 0;
    right: 0;
    padding: 65px 0 80px;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .pic {
    background-position: right !important;
    background-size: auto 100% !important;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .container {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links ul li + li {
    margin-top: 30px;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links ul li .btn {
    width: 250px;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content {
    margin-left: 85px;
    max-width: 975px;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .title-box .title {
    font-size: 20px;
    font-weight: 700;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .title-box + .grid-box {
    margin-top: 30px;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    -ms-grid-columns: calc(50% - 32.5px) calc(50% - 32.5px);
    grid-template-columns: calc(50% - 32.5px) calc(50% - 32.5px);
    grid-template-rows: repeat(4, auto);
    grid-column-gap: 65px;
    grid-row-gap: 30px;
  }
  .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item {
    margin-top: 30px;
    margin-left: 65px;
  }
  .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(1), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(5) {
    -ms-grid-row: 1;
    margin-top: 0;
  }
  .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(2), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(6) {
    -ms-grid-row: 2;
  }
  .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(3), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(7) {
    -ms-grid-row: 3;
  }
  .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(4), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(8) {
    -ms-grid-row: 4;
  }
  .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(1), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(2), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(3), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(4) {
    -ms-grid-column: 1;
    margin-left: 0;
  }
  .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(5), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(6), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(7), .msie #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content .grid-box .grid-item:nth-child(8) {
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-main {
    min-height: calc(100vh - 60px - 175px);
  }
  #header .inner .menu .menu-main .menu-main-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 0 15px;
  }
  #header .inner .menu .menu-main .menu-main-social li + li {
    margin-left: 15px;
  }
  #header .inner .menu .menu-main .menu-main-social li a {
    display: block;
    font-size: 30px;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
  #header .inner .menu .menu-main .menu-main-social li a {
    font-size: 25px;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-main .menu-main-social li a:hover {
    opacity: 0.6;
  }
  #header .inner .menu .menu-main .menu-main-social li img {
    display: block;
  }
  #header .inner .menu .menu-main .menu-main-social li.blog img {
    width: 80px;
  }
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
  #header .inner .menu .menu-main .menu-main-social li.blog img {
    width: 60px;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-main .menu-main-social li.fitzone img {
    width: 100px;
  }
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
  #header .inner .menu .menu-main .menu-main-social li.fitzone img {
    width: 80px;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .menu .menu-main .menu-main-links > li > a, #header .inner .menu .menu-main .menu-main-links > section > a {
    display: none;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion-toggle, #header .inner .menu .menu-main .menu-main-links > section .accordion-toggle {
    display: block;
    padding: 0 15px;
    border: none;
    background-color: #24292F;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion-toggle .accordion-toggle-inner, #header .inner .menu .menu-main .menu-main-links > section .accordion-toggle .accordion-toggle-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 5px;
    border-bottom: 1px solid #3D4044;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion-toggle .accordion-toggle-inner::after, #header .inner .menu .menu-main .menu-main-links > section .accordion-toggle .accordion-toggle-inner::after {
    content: "\e909";
    font-family: "icomoon";
    font-size: 16px;
    color: #FF0000;
    opacity: 0;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion-toggle.active .accordion-toggle-inner::after, #header .inner .menu .menu-main .menu-main-links > section .accordion-toggle.active .accordion-toggle-inner::after {
    opacity: 1;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion, #header .inner .menu .menu-main .menu-main-links > section .accordion {
    display: none;
    padding: 25px;
    background-color: #171E26;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion > ul > li, #header .inner .menu .menu-main .menu-main-links > section .accordion > ul > li {
    font-size: 18px;
    line-height: 1.15em;
    font-weight: 700;
    color: #cccccc;
  }
  #header .inner .menu .menu-main .menu-main-links > li .accordion > ul > li + li, #header .inner .menu .menu-main .menu-main-links > section .accordion > ul > li + li {
    margin-top: 1em;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .pic, #header .inner .menu .menu-main .menu-main-links > section .dpdown .pic {
    display: none;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .container, #header .inner .menu .menu-main .menu-main-links > section .dpdown .container {
    width: 100%;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links ul li.for-mobile, #header .inner .menu .menu-main .menu-main-links > section .dpdown .dpdown-links ul li.for-mobile {
    display: block !important;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links ul li .btn, #header .inner .menu .menu-main .menu-main-links > section .dpdown .dpdown-links ul li .btn {
    display: block;
    height: auto;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links ul li .btn .btn-inner, #header .inner .menu .menu-main .menu-main-links > section .dpdown .dpdown-links ul li .btn .btn-inner {
    font-size: 18px;
    line-height: 1.15em;
    font-weight: 700;
    color: #cccccc;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links ul li .btn::before, #header .inner .menu .menu-main .menu-main-links > section .dpdown .dpdown-links ul li .btn::before {
    display: none;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-links ul li + li, #header .inner .menu .menu-main .menu-main-links > section .dpdown .dpdown-links ul li + li {
    margin-top: 1em;
  }
  #header .inner .menu .menu-main .menu-main-links > li .dpdown .dpdown-content, #header .inner .menu .menu-main .menu-main-links > section .dpdown .dpdown-content {
    display: none;
  }
}
#header .inner .menu .menu-single .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 45px;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
#header .inner .menu .menu-single .btn + a {
  margin-left: 5px;
}
@media screen and (max-width: 479px) {
  #header .inner .menu .menu-single .btn + a {
    margin-left: 2.5px;
  }
}
@media screen and (min-width: 1200px) {
  #header .inner .menu .menu-single {
    display: none;
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  #header .inner .menu .menu-single {
    display: block;
  }
  #header .inner .menu .menu-single + a {
    margin-left: 0;
  }
}
#header .inner .social {
  position: relative;
  color: #ffffff;
  overflow: hidden;
}
@media screen and (min-width: 1880px) {
  #header .inner .social {
    width: 27.5%;
    padding-left: 50px;
  }
}
@media screen and (max-width: 1879px) and (min-width: 1550px) {
  #header .inner .social {
    width: 22.5%;
    padding-left: 35px;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1400px) {
  #header .inner .social {
    width: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  #header .inner .social {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  #header .inner .social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 35px;
  }
}
@media screen and (max-width: 767px) {
  #header .inner .social {
    padding: 0 15px;
    background: #24292F;
  }
}
#header .inner .social::before, #header .inner .social::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
}
@media screen and (max-width: 767px) {
  #header .inner .social::before, #header .inner .social::after {
    display: none;
  }
}
#header .inner .social::before {
  top: 0;
  background: linear-gradient(to right, #30373E, #23282D);
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
#header .inner .social::after {
  height: 2px;
  background-image: -webkit-linear-gradient(left, #FF0000, #24292F);
  background-image: -moz-linear-gradient(left, #FF0000, #24292F);
  background-image: -o-linear-gradient(left, #FF0000, #24292F);
  background-image: -ms-linear-gradient(left, #FF0000, #24292F);
  background-image: linear-gradient(to right, #FF0000, #24292F);
}
#header .inner .social ul {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 1879px) and (min-width: 1550px) {
  #header .inner .social ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  #header .inner .social ul {
    display: none;
  }
}
#header .inner .social ul li + li {
  margin-left: 20px;
}
@media screen and (max-width: 1879px) {
  #header .inner .social ul li + li {
    margin-left: 15px;
  }
}
@media screen and (max-width: 1799px) {
  #header .inner .social ul li + li {
    margin-left: 12px;
  }
}
#header .inner .social ul li a {
  display: block;
  font-size: 30px;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
@media screen and (max-width: 1879px) {
  #header .inner .social ul li a {
    font-size: 22px;
  }
}
@media screen and (max-width: 1799px) {
  #header .inner .social ul li a {
    font-size: 20px;
  }
}
#header .inner .social ul li a:hover {
  opacity: 0.6;
}
#header .inner .social ul li img {
  display: block;
}
#header .inner .social ul li.blog img {
  width: 80px;
}
@media screen and (max-width: 1879px) {
  #header .inner .social ul li.blog img {
    width: 60px;
  }
}
#header .inner .social ul li.fitzone img {
  width: 100px;
}
@media screen and (max-width: 1879px) {
  #header .inner .social ul li.fitzone img {
    width: 80px;
  }
}
#header .inner .social .menu-toggle {
  position: relative;
  width: 25px;
  padding: 8px 0;
  cursor: pointer;
}
#header .inner .social .menu-toggle span, #header .inner .social .menu-toggle::before, #header .inner .social .menu-toggle::after {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
#header .inner .social .menu-toggle span {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#header .inner .social .menu-toggle::before, #header .inner .social .menu-toggle::after {
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  transition-property: transform;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
#header .inner .social .menu-toggle::before {
  top: 0;
}
#header .inner .social .menu-toggle::after {
  bottom: 0;
}
@media screen and (min-width: 1200px) {
  #header .inner .social .menu-toggle {
    display: none;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  #header .inner .social .menu-toggle {
    margin-left: 25px;
  }
}
#header .inner .social .menu-toggle.active {
  padding: 10px 0;
}
#header .inner .social .menu-toggle.active span {
  opacity: 0;
}
#header .inner .social .menu-toggle.active::before, #header .inner .social .menu-toggle.active::after {
  width: 30px;
  height: 2px;
  margin-left: 2px;
}
#header .inner .social .menu-toggle.active::before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .inner .social .menu-toggle.active::after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (min-width: 1200px) {
  #header.sticky {
    position: fixed;
    top: -100px;
    margin-top: 100px;
    -moz-transition: margin 0.5s ease 0.35s;
    -o-transition: margin 0.5s ease 0.35s;
    -webkit-transition: margin 0.5s ease 0.35s;
    transition: margin 0.5s ease 0.35s;
  }
  #header.sticky .inner {
    height: 60px;
  }
  #header.sticky .inner .logo a {
    width: 210px;
    height: 70px;
    padding: 0 20px;
  }
  .msie #header.sticky .inner .logo a img {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1549px) and (min-width: 1400px) {
  #header.sticky .inner .menu {
    padding-right: 10px;
  }
}
@media screen and (min-width: 1200px) {
  #header.sticky .inner .menu .menu-wrapper .menu-inner .menu-sub {
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1549px) and (min-width: 1400px) {
  #header.sticky .inner .menu .menu-wrapper .menu-inner .menu-main {
    font-size: 16px;
  }
  #header.sticky .inner .menu .menu-wrapper .menu-inner .menu-main .menu-main-links > li + li {
    margin-left: 25px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #header.sticky .inner .menu .menu-wrapper .menu-inner .menu-main .menu-main-links > li + li {
    margin-left: 45px;
  }
}
@media screen and (min-width: 1200px) {
  #header.sticky .inner .social {
    padding-left: 35px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1549px) {
  #header.sticky .inner .social {
    width: 20%;
    padding-left: 25px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 1200px) {
  #header.sticky .inner .social ul li a {
    font-size: 25px;
  }
  #header.sticky .inner .social ul li.blog img {
    width: 60px;
  }
  #header.sticky .inner .social ul li.fitzone img {
    width: 80px;
  }
}

@media screen and (max-width: 820px) and (min-width: 768px) {
  html[lang=en] #header .inner .logo a {
    width: 160px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 400px) {
  html[lang=en] #header .inner .logo a {
    width: 120px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 320px) {
  html[lang=en] #header .inner .logo a {
    width: 100px;
    padding: 0 5px;
  }
}
@media screen and (max-width: 345px) and (min-width: 1px) {
  html[lang=en] #header .inner .menu {
    margin-right: -8px;
  }
}
@media screen and (max-width: 1199px) {
  html[lang=en] #header .inner .menu .menu-single {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 345px) and (min-width: 1px) {
  html[lang=en] #header .inner .menu .menu-single .btn {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 400px) {
  html[lang=en] #header .inner .menu .menu-single .btn {
    font-size: 12px;
  }
}
html[lang=en] #header .inner .menu .menu-single .btn:last-child {
  font-size: 12px;
}
html[lang=en] #header .inner .menu .menu-single .btn:last-child span {
  transform: scale(0.75);
}
@media screen and (max-width: 345px) and (min-width: 1px) {
  html[lang=en] #header .inner .menu .menu-single .btn + a {
    margin-left: -5px;
  }
}
@media screen and (max-width: 700px) {
  html[lang=en] #header .inner .menu .menu-sub {
    padding: 30px 15px 110px;
  }
}
@media screen and (max-width: 513px) {
  html[lang=en] #header .inner .menu .menu-sub {
    padding: 30px 15px 130px;
  }
}

/* ------------------------------------------
 * *  footer
 * * -----------------------------------------*/
#footer {
  position: relative;
  z-index: 5;
}
#footer .footer {
  position: relative;
  background-color: #000000;
  color: #ffffff;
}
@media screen and (max-width: 479px) {
  #footer .footer .inner {
    width: calc(100% - 30px);
  }
}
#footer .footer .inner .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1880px) {
  #footer .footer .inner .top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1550px) {
  #footer .footer .inner .top {
    padding: 60px 75px;
  }
}
@media screen and (max-width: 1879px) {
  #footer .footer .inner .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 1549px) {
  #footer .footer .inner .top {
    padding: 50px 0;
  }
}
@media screen and (max-width: 991px) {
  #footer .footer .inner .top {
    padding: 35px 0;
  }
}
@media screen and (max-width: 479px) {
  #footer .footer .inner .top {
    padding: 25px 0;
  }
}
#footer .footer .inner .top .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  #footer .footer .inner .top .links {
    display: none;
  }
}
#footer .footer .inner .top .links dl {
  line-height: 1.25em;
}
#footer .footer .inner .top .links dl + dl {
  margin-left: 35px;
}
#footer .footer .inner .top .links dl dt {
  font-size: 17px;
  margin-bottom: 15px;
}
#footer .footer .inner .top .links dl dt:last-child {
  margin-bottom: 0;
}
#footer .footer .inner .top .links dl dd {
  font-size: 16px;
  color: #969696;
}
#footer .footer .inner .top .links dl dd + dd {
  margin-top: 10px;
}
#footer .footer .inner .top .links dl dd a {
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
}
#footer .footer .inner .top .links dl dd a:hover {
  color: #ffffff;
}
@media screen and (max-width: 1879px) and (min-width: 1200px) {
  #footer .footer .inner .top .social {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1199px) {
  #footer .footer .inner .top .social {
    width: 100%;
  }
}
#footer .footer .inner .top .social .social-medias ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  #footer .footer .inner .top .social .social-medias ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#footer .footer .inner .top .social .social-medias ul li + li {
  margin-left: 15px;
}
#footer .footer .inner .top .social .social-medias ul li a {
  display: block;
  font-size: 25px;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#footer .footer .inner .top .social .social-medias ul li a:hover {
  opacity: 0.6;
}
#footer .footer .inner .top .social .social-medias ul li img {
  display: block;
}
#footer .footer .inner .top .social .social-medias ul li.blog img {
  width: 80px;
}
#footer .footer .inner .top .social .social-medias ul li.fitzone img {
  width: 100px;
}
@media screen and (max-width: 479px) {
  #footer .footer .inner .top .social .social-medias ul li.blog img {
    width: 60px;
  }
  #footer .footer .inner .top .social .social-medias ul li.fitzone img {
    width: 80px;
  }
}
#footer .footer .inner .top .social .social-apps {
  margin-top: 25px;
}
#footer .footer .inner .top .social .social-apps p {
  font-size: 18px;
  line-height: 1;
  color: #969696;
}
@media screen and (max-width: 1199px) {
  #footer .footer .inner .top .social .social-apps p {
    text-align: center;
  }
}
#footer .footer .inner .top .social .social-apps ul {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  #footer .footer .inner .top .social .social-apps ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#footer .footer .inner .top .social .social-apps ul li + li {
  margin-left: 10px;
}
#footer .footer .inner .top .social .social-apps ul li a, #footer .footer .inner .top .social .social-apps ul li img {
  display: block;
}
#footer .footer .inner .bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 0;
  border-top: 1px solid #505050;
}
@media screen and (max-width: 991px) {
  #footer .footer .inner .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#footer .footer .inner .bottom img {
  display: block;
  opacity: 0.6;
}
#footer .footer .inner .bottom p {
  font-size: 13px;
  opacity: 0.6;
}
#footer .footer .inner .bottom p a {
  color: #000000;
}
@media screen and (min-width: 768px) {
  #footer .footer .inner .bottom p {
    margin-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  #footer .footer .inner .bottom p {
    margin-top: 15px;
    text-align: center;
  }
  #footer .footer .inner .bottom p a {
    display: block;
    line-height: 0;
  }
}
@media screen and (max-width: 479px) {
  #footer .footer .inner .bottom p {
    font-size: 11px;
  }
}
#footer .footer .inner .bottom .extra-links {
  opacity: 0.6;
}
#footer .footer .inner .bottom .extra-links ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
}
@media screen and (min-width: 321px) {
  #footer .footer .inner .bottom .extra-links ul li {
    white-space: nowrap;
  }
}
#footer .footer .inner .bottom .extra-links ul li + li {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #ffffff;
}
@media screen and (min-width: 1200px) {
  #footer .footer .inner .bottom .extra-links {
    display: none;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  #footer .footer .inner .bottom .extra-links {
    margin-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  #footer .footer .inner .bottom .extra-links {
    margin-top: 20px;
  }
}

.scrollTopContainer {
  padding-bottom: 70px;
}
.scrollTopContainer .scroll {
  z-index: 999;
  right: 25px;
  bottom: 80px;
  display: none;
}
@media screen and (min-width: 992px) {
  .scrollTopContainer .scroll {
    position: fixed;
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .scrollTopContainer .scroll {
    position: absolute;
  }
}
@media screen and (max-width: 479px) {
  .scrollTopContainer .scroll {
    padding-bottom: 25px;
  }
}
.scrollTopContainer .scroll .btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60px;
  height: 60px;
  line-height: 1;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.scrollTopContainer .scroll .btn i {
  display: block;
  margin-top: -0.25em;
  font-size: 25px;
}
.scrollTopContainer .scroll .btn span {
  display: block;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .scrollTopContainer .scroll .btn {
    width: 45px;
    height: 45px;
  }
  .scrollTopContainer .scroll .btn i {
    font-size: 18px;
  }
  .scrollTopContainer .scroll .btn span {
    font-size: 12px;
  }
}
@media screen and (max-width: 479px) {
  .scrollTopContainer .scroll .btn {
    margin: 0 auto;
  }
}

@media screen and (max-width: 320px) {
  html[lang=en] .scrollTopContainer {
    padding-bottom: 110px;
  }
}
@media screen and (max-width: 375px) {
  html[lang=en] .scrollTopContainer {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 480px) {
  html[lang=en] .scrollTopContainer {
    padding-bottom: 110px;
  }
}

/* ------------------------------------------
 * *  home
 * * -----------------------------------------*/
@media screen and (max-width: 991px) {
  .indexMain {
    padding: 0 !important;
  }
}

@media screen and (max-width: 991px) {
  .home-section.intro {
    height: calc(100vh - 60px);
  }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
  .home-section.intro {
    height: 200vw !important;
  }
}
@media screen and (max-width: 767px) {
  .home-section.intro {
    height: calc(100vh - 55px);
  }
}
.home-section.intro .slideshow {
  position: relative;
  width: 100%;
  height: calc(100vh - 60px);
}
@media screen and (max-width: 1199px) {
  .home-section.intro .slideshow {
    padding: 60px 0 0 0;
  }
}
@media screen and (min-width: 992px) {
  .home-section.intro .slideshow .slideshow {
    height: 100vh !important;
    padding: 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .home-section.intro .slideshow {
    height: 80%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .home-section.intro .slideshow {
    padding: 0;
    height: 70%;
  }
}
.home-section.intro .slideshow .slideshow-desktop {
  position: relative;
  z-index: 2;
  height: 100%;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-video video {
  display: block;
}
@media screen and (min-width: 1200px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-video video {
    min-width: 100%;
    min-height: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-video video {
    width: 100%;
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider {
  height: 100%;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box {
  position: absolute;
  transform: translateY(-50%);
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box .home-slick-text {
  width: calc(100% - 110px);
  margin: 0 auto;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box .home-slick-text.shadow .title-box .title {
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.8));
}
@media screen and (max-width: 991px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box .home-slick-text.shadow .title-box .title {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.6));
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box .home-slick-text.shadow .text-box {
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.8));
}
@media screen and (max-width: 991px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box .home-slick-text.shadow .text-box {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-current {
  position: relative;
  z-index: 10;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  text-align: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 479px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item {
    height: 100%;
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item picture {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 5;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item picture img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 540px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item picture img {
    padding: 35px 0 0 0;
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideo {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -10;
}
@media screen and (min-width: 992px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideo {
    width: 100vw !important;
    height: 100vh !important;
    position: relative !important;
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideo iframe,
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideo object,
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideo embed {
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 0 !important;
  z-index: 1;
  object-fit: cover;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideo object,
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideo embed {
  width: 100% !important;
  height: 100% !important;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .title-box {
  pointer-events: none;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .title-box .title .titletext {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.25;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .title-box + .text-box {
  margin-top: 25px;
}
@media screen and (max-width: 1199px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .title-box .title .titletext {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .title-box .title .titletext {
    font-size: 26px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .title-box + .text-box {
    margin-top: 15px;
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .text-box {
  font-size: 20px;
  line-height: 1.75;
  pointer-events: none;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .text-box + .button-box {
  margin: 60px auto 0 0;
}
@media screen and (max-width: 1199px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .text-box {
    font-size: 18px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .text-box + .button-box {
    margin: 40px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .text-box {
    font-size: 14px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .text-box + .button-box {
    margin: 25px 0 0 0;
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .button-box .btn {
  width: fit-content;
  width: -moz-fit-content;
  height: 45px;
  padding: 0 10px;
  min-width: 154px;
}
@media screen and (min-width: 992px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .button-box .btn {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .button-box .btn {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .button-box .btn {
    height: 35px;
    padding: 0 25px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .button-box .btn .btn-inner {
    font-size: 14px;
  }
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl {
  border: 1px solid #FFFFFF;
  border-radius: 999rem;
  opacity: 0.8;
  cursor: pointer;
  position: absolute;
  left: 20px;
  bottom: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  font-size: 14px;
  width: 28px;
  height: 28px;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl.volume {
  left: 60px;
  font-size: 17px;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl .icon-pause2,
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl .icon-volume-2 {
  display: none;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl.active .icon-play3,
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl.active .icon-volume-x {
  display: none;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl.active .icon-pause2,
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-item .homeVideoCtrl.active .icon-volume-2 {
  display: block;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-dots {
  pointer-events: none;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-dots li {
  pointer-events: auto;
}
.home-section.intro .slideshow .slideshow-desktop .slideshow-slider,
.home-section.intro .slideshow .slideshow-desktop .slick-list, .home-section.intro .slideshow .slideshow-desktop .slick-track,
.home-section.intro .slideshow .slideshow-desktop .slick-slide, .home-section.intro .slideshow .slideshow-desktop .slick-slide > div, .home-section.intro .slideshow .slideshow-desktop .slick-slide > div > li,
.home-section.intro .slideshow .slideshow-desktop .slick-item {
  height: 100%;
}
@media screen and (min-width: 992px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box .home-slick-text {
    width: calc(100% - 190px);
    left: 190px;
    text-align: left;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow {
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow .arrow {
    width: 100%;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow.slick-prev {
    left: 30px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow.slick-prev span {
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow.slick-prev:hover {
    left: 20px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow.slick-next {
    right: 30px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow.slick-next span {
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow.slick-next:hover {
    right: 20px;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .slideshow .slideshow-desktop {
    height: 100%;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider {
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-dots {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-dots {
    bottom: 25px;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-dots li + li {
    margin-left: 15px;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-dots li button {
    display: block;
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 0;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-dots li.slick-active button {
    background-color: #FF0000;
  }
}
.home-section.intro .adbar {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  -moz-transition: bottom 0.5s ease;
  -o-transition: bottom 0.5s ease;
  -webkit-transition: bottom 0.5s ease;
  transition: bottom 0.5s ease;
}
@media screen and (max-width: 991px) {
  .home-section.intro .adbar {
    display: none;
  }
}
.home-section.intro .adbar .title {
  font-size: 36px;
}
.home-section.intro .adbar .text p {
  display: inline-block;
}
.home-section.intro .adbar .text p:first-child span {
  font-size: 36px;
}
.home-section.intro .adbar .text p:last-child {
  font-size: 25px;
  letter-spacing: 0;
}
.home-section.intro .adbar .text p:last-child::before {
  content: "+";
  margin-right: 0.2em;
}
.home-section.intro .adbar .button .btn {
  width: 160px;
  height: 70px;
}
.home-section.intro .trial {
  position: relative;
  z-index: 2;
  overflow: visible;
}
@media screen and (min-width: 1200px) {
  .home-section.intro .trial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial {
    height: 20%;
  }
}
@media screen and (max-width: 767px) {
  .home-section.intro .trial {
    height: 30%;
  }
}
.home-section.intro .trial .trial-slideshow {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .home-section.intro .trial .trial-slideshow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (max-width: 1199px) {
  .home-section.intro .trial .trial-slideshow {
    display: none;
  }
}
.home-section.intro .trial .trial-slideshow .slideshow-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-arrow, .home-section.intro .trial .trial-slideshow .slideshow-slider .slick-dots {
  position: absolute;
  bottom: 30px;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-arrow {
  z-index: 5;
  width: 40px;
  height: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-arrow.slick-prev {
  left: 40px;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-arrow.slick-next {
  right: 40px;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-dots {
  z-index: 2;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style-type: none;
  font-size: 0;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-dots li + li {
  margin-left: 10px;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-dots li button {
  width: 13px;
  height: 13px;
  border: 2px solid #ffffff;
  border-radius: 50%;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-dots li.slick-active button {
  background-color: #ffffff;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-list, .home-section.intro .trial .trial-slideshow .slideshow-slider .slick-track,
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-slide, .home-section.intro .trial .trial-slideshow .slideshow-slider .slick-slide > div,
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-item {
  height: 100%;
}
.home-section.intro .trial .trial-slideshow .slideshow-slider .slick-item {
  position: relative;
  display: block !important;
}
.home-section.intro .trial .trial-search {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .home-section.intro .trial .trial-search {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search {
    height: 100%;
  }
}
.home-section.intro .trial .trial-search .trialSearchPic {
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
}
.home-section.intro .trial .trial-search .trial-search-inner {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 65px 90px;
}
@media screen and (max-width: 1549px) {
  .home-section.intro .trial .trial-search .trial-search-inner {
    padding: 55px;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner {
    height: 100%;
    padding: 25px;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form {
  width: calc(50% - 15px);
  color: #ffffff;
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form {
    width: 100%;
    text-align: center;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .title-box .title {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .title-box .title {
    font-size: 20px;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box {
  margin: 40px 0;
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box {
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 414px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box {
    margin: 5px 0 0 0;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs {
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs {
    width: calc(100% - 50px);
    margin: 0 20px 0 0;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row:not(:last-child) {
    margin: 0 20px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row:first-child {
    border-top: 2px solid rgba(255, 255, 255, 0.5);
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box {
  width: 100%;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box .select-toggle {
  height: 70px;
  background: none;
  color: #ffffff;
  padding: 0 1.5em 0 0;
  font-size: 17px;
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box .select-toggle {
    height: auto;
    padding: 5px 10px;
    font-size: 16px;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box .select-menu {
  background-color: rgba(0, 0, 0, 0.9);
  color: #ffffff;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box[id=city] .select-fade {
  display: none;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box[id=city] .select-menu {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  max-height: 250px !important;
}
@media screen and (max-width: 479px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box[id=city] .select-menu .select-menu-inner li {
    font-size: 16px;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box[id=branch] .select-fade {
  display: none;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box[id=branch] .select-menu {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  max-height: 250px !important;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box[id=branch] .select-menu .select-menu-inner {
  display: none;
}
@media screen and (max-width: 479px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-inputs .fieldset-row .select-box[id=branch] .select-menu .select-menu-inner li {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action {
    margin-top: 60px;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn {
  width: 100%;
  height: 60px;
}
@media screen and (min-width: 992px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn::before {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn .btn-inner {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn .btn-inner {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
  }
}
@media screen and (max-width: 991px) and (min-width: 992px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn {
    padding: 0 50px;
  }
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn::before {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn {
    height: auto;
    padding: 0;
  }
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .form-box .fieldset.fieldset-action .fieldset-row .btn .btn-inner {
    font-size: 18px;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-form .text-box {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-form .text-box {
    display: none;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 345px;
  height: 345px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-circle {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .trial .trial-search .trial-search-inner .search-circle {
    display: none;
  }
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 100px #FF0000;
  -moz-box-shadow: 0 0 100px #FF0000;
  box-shadow: 0 0 100px #FF0000;
  mix-blend-mode: screen;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 46px;
  line-height: 1;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle .text {
  margin-top: 15px;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle .text p {
  margin: 0;
  line-height: 1;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle .text p:first-child {
  font-size: 36px;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle .text p:first-child span {
  font-family: "Lato", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 50px;
}
.home-section.intro .trial .trial-search .trial-search-inner .search-circle .text p:last-child {
  margin-top: 25px;
  font-size: 20px;
}
.home-section.main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .home-section.main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.home-section.main .news {
  background-image: -webkit-linear-gradient(left, #BEBEBE, #F0F0F0, #BEBEBE);
  background-image: -moz-linear-gradient(left, #BEBEBE, #F0F0F0, #BEBEBE);
  background-image: -o-linear-gradient(left, #BEBEBE, #F0F0F0, #BEBEBE);
  background-image: -ms-linear-gradient(left, #BEBEBE, #F0F0F0, #BEBEBE);
  background-image: linear-gradient(to right, #BEBEBE, #F0F0F0, #BEBEBE);
  border: 2px solid #ffffff;
  border-left: none;
  border-right: none;
}
.home-section.main .news .news-inner {
  max-width: 1400px;
}
@media screen and (min-width: 992px) {
  .home-section.main .news .news-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 25px;
  }
}
@media screen and (max-width: 991px) {
  .home-section.main .news .news-inner {
    padding: 40px 0;
  }
}
.home-section.main .news .news-inner .btn {
  height: 40px;
  padding: 0 15px;
}
@media screen and (min-width: 992px) {
  .home-section.main .news .news-inner .news-slideshow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider {
    position: relative;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-arrow {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 53px;
    margin: 0 10px;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-arrow span {
    width: 20px;
    margin-top: 4px;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-arrow span::before {
    height: 10px;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-arrow.slick-prev {
    left: 0;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-arrow.slick-next {
    right: 0;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-list {
    margin: 0 15px;
    padding: 0 50px;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-slide {
    margin: 0 2px;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-slide > div > li {
    display: block !important;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-slide .btn .btn-inner {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-slide .btn:hover .btn-inner {
    color: #ffffff;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .slick-slide .btn:hover::before {
    background-color: #FF0000;
  }
}
@media screen and (max-width: 991px) {
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider li {
    display: none;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider li:nth-child(-n+3) {
    display: block;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider li + li {
    margin-top: 15px;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .btn {
    height: auto;
    padding: 15px;
  }
  .home-section.main .news .news-inner .news-slideshow .slideshow-slider .btn .btn-inner {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
  }
}
.home-section.main .news .news-inner .news-more .btn .btn-inner {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .home-section.main .news .news-inner .news-more {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 5px;
  }
}
@media screen and (max-width: 991px) {
  .home-section.main .news .news-inner .news-more {
    margin-top: 25px;
    text-align: center;
  }
  .home-section.main .news .news-inner .news-more .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 50px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .home-section.main .news .news-inner .news-more .btn {
    height: 50px;
  }
  .home-section.main .news .news-inner .news-more .btn .btn-inner {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .home-section.main .news .news-inner .news-more .btn {
    padding: 0 25px;
  }
  .home-section.main .news .news-inner .news-more .btn .btn-inner {
    font-size: 14px;
  }
}
.home-section.main .services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.home-section.main .services .service {
  overflow: hidden;
}
.home-section.main .services .service .service-inner {
  position: relative;
}
@media screen and (max-width: 991px) {
  .home-section.main .services .service .service-inner {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .home-section.main .services .service .service-inner {
    padding-bottom: 50px;
  }
}
.home-section.main .services .service .service-inner .container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1400px) {
  .home-section.main .services .service .service-inner .container {
    padding: 0 60px;
  }
}
@media screen and (min-width: 992px) and (orientation: landscape) {
  .home-section.main .services .service .service-inner .container {
    height: calc(100vh - 60px);
  }
}
@media screen and (min-width: 992px) and (orientation: portrait) {
  .home-section.main .services .service .service-inner .container {
    height: 55vw;
  }
}
@media screen and (max-width: 991px) {
  .home-section.main .services .service .service-inner .container::before {
    content: "";
    position: absolute;
    display: block;
    top: -25vw;
    left: -50px;
    right: -50px;
    height: 25vw;
  }
}
@media screen and (max-width: 767px) {
  .home-section.main .services .service .service-inner .container::before {
    left: -25px;
    right: -25px;
  }
}
.home-section.main .services .service .service-inner .container .content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .home-section.main .services .service .service-inner .container .content {
    max-width: 560px;
  }
}
@media screen and (max-width: 991px) {
  .home-section.main .services .service .service-inner .container .content {
    margin-top: -10vw;
  }
}
.home-section.main .services .service .service-inner .container .content .title-box {
  color: #FF0000;
  font-weight: 700;
  line-height: 1.15;
}
.home-section.main .services .service .service-inner .container .content .title-box span {
  display: block;
}
.home-section.main .services .service .service-inner .container .content .title-box .en {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 60px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .home-section.main .services .service .service-inner .container .content .title-box .en {
    font-size: 30px;
  }
}
.home-section.main .services .service .service-inner .container .content .title-box .zh {
  font-size: 30px;
  margin-top: 0.75em;
}
@media screen and (max-width: 767px) {
  .home-section.main .services .service .service-inner .container .content .title-box .zh {
    font-size: 25px;
    margin-top: 0.5em;
  }
}
.home-section.main .services .service .service-inner .container .content .text-box {
  max-width: 100%;
  margin-top: 55px;
  font-size: 16px;
  line-height: 2;
  text-align: justify;
}
@media screen and (max-width: 991px) {
  .home-section.main .services .service .service-inner .container .content .text-box {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .home-section.main .services .service .service-inner .container .content .text-box {
    margin-top: 25px;
    font-size: 12px;
  }
}
.home-section.main .services .service .service-inner .container .content .button-box {
  margin-top: 45px;
}
.home-section.main .services .service .service-inner .container .content .button-box .btn {
  height: 50px;
  padding: 0 50px;
}
@media screen and (max-width: 767px) {
  .home-section.main .services .service .service-inner .container .content .button-box {
    margin-top: 30px;
  }
  .home-section.main .services .service .service-inner .container .content .button-box .btn {
    height: 40px;
    padding: 0 25px;
  }
  .home-section.main .services .service .service-inner .container .content .button-box .btn .btn-inner {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .home-section.main .services .service:nth-child(odd) .service-inner .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .home-section.main .services .service:nth-child(even) .service-inner .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 991px) {
  .home-section.main .services .service:nth-child(odd) .service-inner {
    background-color: #0E4C96;
  }
  .home-section.main .services .service:nth-child(odd) .service-inner .container::before {
    background-image: -webkit-linear-gradient(top, rgba(14, 76, 150, 0), #0E4C96);
    background-image: -moz-linear-gradient(top, rgba(14, 76, 150, 0), #0E4C96);
    background-image: -o-linear-gradient(top, rgba(14, 76, 150, 0), #0E4C96);
    background-image: -ms-linear-gradient(top, rgba(14, 76, 150, 0), #0E4C96);
    background-image: linear-gradient(to bottom, rgba(14, 76, 150, 0), #0E4C96);
  }
  .home-section.main .services .service:nth-child(even) .service-inner {
    background-color: #FFB61F;
  }
  .home-section.main .services .service:nth-child(even) .service-inner .container::before {
    background-image: -webkit-linear-gradient(top, rgba(255, 182, 31, 0), #FFB61F);
    background-image: -moz-linear-gradient(top, rgba(255, 182, 31, 0), #FFB61F);
    background-image: -o-linear-gradient(top, rgba(255, 182, 31, 0), #FFB61F);
    background-image: -ms-linear-gradient(top, rgba(255, 182, 31, 0), #FFB61F);
    background-image: linear-gradient(to bottom, rgba(255, 182, 31, 0), #FFB61F);
  }
}

.html5-video-player .video-click-tracking, .html5-video-player .video-stream {
  width: 100% !important;
  left: 0 !important;
}

.html5-main-video {
  height: 100%;
  width: 100vw;
}

/* ------------------------------------------
 * *  trial
 * * -----------------------------------------*/
[data-page=trial-reservation] .primary-main {
  position: relative;
  z-index: 5;
}
[data-page=trial-reservation] #footer .adbar {
  display: none;
}

@media screen and (min-width: 1200px) {
  .trial-reservation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1550px) {
  .trial-reservation .reservation-profile {
    width: calc(50% - 35px);
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .trial-reservation .reservation-profile {
    width: 50%;
  }
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile {
    margin: 0 -25px;
  }
}
.trial-reservation .reservation-profile .info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .trial-reservation .reservation-profile .info {
    min-height: 450px;
  }
}
.trial-reservation .reservation-profile .info .info-pic {
  position: absolute;
  z-index: 1;
  left: -150px;
  bottom: 0;
}
@media screen and (max-width: 1879px) {
  .trial-reservation .reservation-profile .info .info-pic {
    left: -135px;
  }
}
@media screen and (max-width: 1549px) {
  .trial-reservation .reservation-profile .info .info-pic {
    left: -50px;
  }
}
@media screen and (max-width: 1199px) {
  .trial-reservation .reservation-profile .info .info-pic {
    left: -35px;
  }
}
@media screen and (max-width: 767px) {
  .trial-reservation .reservation-profile .info .info-pic {
    left: 25px;
    right: 0;
  }
}
.trial-reservation .reservation-profile .info .info-pic img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .trial-reservation .reservation-profile .info .info-pic img {
    width: calc(100% - 50px);
  }
}
.trial-reservation .reservation-profile .info .info-inner {
  position: relative;
}
.trial-reservation .reservation-profile .info .info-inner .title-box {
  text-align: right;
}
@media screen and (min-width: 1550px) {
  .trial-reservation .reservation-profile .info .info-inner .title-box {
    padding-right: 55px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .trial-reservation .reservation-profile .info .info-inner .title-box {
    padding-right: 55px;
  }
}
@media screen and (max-width: 767px) {
  .trial-reservation .reservation-profile .info .info-inner .title-box {
    text-align: center;
  }
}
.trial-reservation .reservation-profile .info .info-inner .title-box .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 78px;
  font-weight: 700;
  line-height: 0.8;
  color: #FF0000;
}
@media screen and (max-width: 1549px) {
  .trial-reservation .reservation-profile .info .info-inner .title-box .title {
    font-size: 72px;
  }
}
@media screen and (max-width: 991px) {
  .trial-reservation .reservation-profile .info .info-inner .title-box .title {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .trial-reservation .reservation-profile .info .info-inner .title-box .title {
    font-size: 48px;
  }
}
.trial-reservation .reservation-profile .info .info-inner .content-box {
  border: 15px solid #FF0000;
  color: #000000;
}
@media screen and (min-width: 1550px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box {
    padding: 35px 40px 35px 200px;
  }
}
@media screen and (max-width: 1549px) and (min-width: 992px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box {
    padding: 35px 40px 35px 300px;
  }
}
@media screen and (max-width: 991px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box {
    padding: 35px 25px 35px 310px;
  }
}
@media screen and (max-width: 767px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box {
    padding: 25px;
    padding-bottom: 100vw;
  }
}
.trial-reservation .reservation-profile .info .info-inner .content-box > * + * {
  margin-top: 15px;
}
.trial-reservation .reservation-profile .info .info-inner .content-box .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.16em;
  white-space: nowrap;
}
.trial-reservation .reservation-profile .info .info-inner .content-box .title span {
  font-size: 1.16em;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box .title {
    font-size: 25px;
  }
  .trial-reservation .reservation-profile .info .info-inner .content-box .title span {
    font-size: 1em;
  }
}
.trial-reservation .reservation-profile .info .info-inner .content-box .title::after {
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  height: 2px;
  margin-left: 20px;
  background-color: #FF0000;
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box .title::after {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box .title::after {
    margin-left: 15px;
  }
}
.trial-reservation .reservation-profile .info .info-inner .content-box .text {
  font-size: 16px;
  font-weight: 700;
  color: #4B4B4B;
  line-height: 1.5;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box .text {
    font-size: 14px;
  }
}
.trial-reservation .reservation-profile .info .info-inner .content-box .awards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box .awards {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .trial-reservation .reservation-profile .info .info-inner .content-box .awards li + li {
    margin-left: 15px;
  }
}
.trial-reservation .reservation-profile .info .info-inner .content-box .awards li img {
  display: block;
}
.trial-reservation .reservation-profile .slideshow {
  overflow: visible;
  width: 100%;
}
@media screen and (min-width: 1550px) {
  .trial-reservation .reservation-profile .slideshow .slideshow-slider {
    width: 715px;
    margin-left: -80px;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .trial-reservation .reservation-profile .slideshow .slideshow-slider {
    width: calc(100% + 15px);
    margin-left: -15px;
  }
}
@media screen and (max-width: 1199px) {
  .trial-reservation .reservation-profile .slideshow .slideshow-slider {
    width: 100%;
  }
}
.trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 50px;
  height: 50px;
  font-size: 20px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
.trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-arrow.slick-prev {
  left: -25px;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
.trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-arrow.slick-next {
  right: -25px;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-arrow.slick-next {
    right: 0;
  }
}
.trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-item .pic {
  position: relative;
}
.trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-item .pic figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  padding: 30px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-profile .slideshow .slideshow-slider .slick-item .pic figcaption {
    padding: 15px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .trial-reservation .reservation-form {
    width: calc(50% - 60px);
  }
}
@media screen and (max-width: 1199px) {
  .trial-reservation .reservation-form {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-form {
    margin-top: 25px;
  }
}
.trial-reservation .reservation-form .title-box {
  color: #000000;
}
.trial-reservation .reservation-form .title-box .title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-form .title-box .title {
    font-size: 25px;
  }
}
.trial-reservation .reservation-form .title-box .title + .text {
  margin-top: 10px;
}
.trial-reservation .reservation-form .title-box .text {
  font-size: 18px;
  line-height: 1.25;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-form .title-box .text {
    font-size: 14px;
  }
}
.trial-reservation .reservation-form .form-box {
  margin-top: 30px;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-form .form-box {
    margin-top: 20px;
  }
}
.trial-reservation .reservation-form .form-box .fieldset + .fieldset {
  margin-top: 35px;
}
@media screen and (max-width: 479px) {
  .trial-reservation .reservation-form .form-box .fieldset + .fieldset {
    margin-top: 25px;
  }
}

.features-section {
  padding-bottom: 65px;
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 991px) {
  .features-section {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 479px) {
  .features-section {
    padding-bottom: 25px;
  }
}
.features-section.no-border {
  border: none;
}
.features-section.info, .features-section.highlights {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .features-section.info, .features-section.highlights {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.features-section.info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1400px) {
  .features-section.info {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.features-section.info .text {
  font-size: 16px;
  line-height: 2;
}
@media screen and (min-width: 992px) {
  .features-section.info .text {
    width: 580px;
  }
}
@media screen and (max-width: 479px) {
  .features-section.info .text {
    line-height: 1.75;
  }
}
.features-section.info .awards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .features-section.info .awards {
    margin-left: 40px;
  }
}
@media screen and (max-width: 991px) {
  .features-section.info .awards {
    margin-top: 40px;
  }
}
@media screen and (max-width: 479px) {
  .features-section.info .awards {
    margin-top: 25px;
  }
}
.features-section.info .awards li + li {
  margin-left: 40px;
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .features-section.info .awards li + li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 479px) {
  .features-section.info .awards li + li {
    margin-left: 20px;
  }
}
.features-section.info .awards li img {
  display: block;
}
.features-section.highlights {
  padding-top: 65px;
  counter-reset: box;
}
@media screen and (max-width: 991px) {
  .features-section.highlights {
    padding-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .features-section.highlights {
    padding-top: 25px;
  }
}
.features-section.highlights .highlight-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 991px) {
  .features-section.highlights .highlight-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 479px) {
  .features-section.highlights .highlight-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .features-section.highlights .highlight-box + .highlight-box {
    margin-left: 30px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .features-section.highlights .highlight-box + .highlight-box {
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .features-section.highlights .highlight-box + .highlight-box {
    margin-top: 30px;
  }
}
.features-section.highlights .highlight-box .pic {
  position: relative;
  padding: 0 15px;
}
@media screen and (max-width: 991px) {
  .features-section.highlights .highlight-box .pic {
    width: 200px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.features-section.highlights .highlight-box .pic::before {
  counter-increment: box;
  content: counter(box);
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 32px;
  height: 32px;
  background-color: #FF0000;
  border-radius: 50%;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
  color: #ffffff;
}
.features-section.highlights .highlight-box .pic figure {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.features-section.highlights .highlight-box .pic figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: 50%;
  border: 4px solid #FF0000;
}
.features-section.highlights .highlight-box .title {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .features-section.highlights .highlight-box .title {
    padding: 0 20px;
    margin-top: 15px;
    text-align: center;
  }
}
@media screen and (max-width: 479px) {
  .features-section.highlights .highlight-box .title {
    margin-top: 15px;
    text-align: center;
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .features-section.highlights .highlight-box .title {
    margin-left: 25px;
  }
}
.features-section.slideshow {
  padding-bottom: 25px;
}
@media screen and (max-width: 479px) {
  .features-section.slideshow {
    margin: 0 -25px;
    padding-bottom: 0;
  }
}
.features-section.slideshow + p {
  padding: 20px 25px;
  font-size: 16px;
  line-height: 1;
}
@media screen and (max-width: 479px) {
  .features-section.slideshow + p {
    margin: 10px 0 -15px;
    padding: 0;
    font-size: 14px;
    text-align: center;
  }
}
.features-section.slideshow .section-inner {
  width: 100%;
  min-width: 0;
}
@media screen and (min-width: 992px) {
  .features-section.slideshow .section-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.features-section.slideshow .slideshow-content {
  background-color: #000000;
}
@media screen and (min-width: 992px) {
  .features-section.slideshow .slideshow-content {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 50px);
  }
  .features-section.slideshow .slideshow-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: #000000;
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg);
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
}
@media screen and (min-width: 1200px) {
  .features-section.slideshow .slideshow-content {
    padding-left: 90px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .features-section.slideshow .slideshow-content {
    padding-left: 50px;
  }
}
@media screen and (max-width: 991px) {
  .features-section.slideshow .slideshow-content {
    padding: 50px;
  }
}
@media screen and (max-width: 479px) {
  .features-section.slideshow .slideshow-content {
    padding: 35px 25px;
  }
}
.features-section.slideshow .slideshow-content .slideshow-content-inner {
  position: relative;
  color: #ffffff;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .features-section.slideshow .slideshow-content .slideshow-content-inner {
    text-align: center;
  }
}
.features-section.slideshow .slideshow-content .slideshow-content-inner .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 40px;
}
.features-section.slideshow .slideshow-content .slideshow-content-inner .title + .text {
  margin-top: 35px;
}
@media screen and (max-width: 1199px) {
  .features-section.slideshow .slideshow-content .slideshow-content-inner .title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .features-section.slideshow .slideshow-content .slideshow-content-inner .title {
    font-size: 30px;
  }
  .features-section.slideshow .slideshow-content .slideshow-content-inner .title + .text {
    margin-top: 25px;
  }
}
.features-section.slideshow .slideshow-content .slideshow-content-inner .text {
  font-size: 16px;
}
.features-section.slideshow .slideshow-content .slideshow-content-inner .text ul li + li {
  margin-top: 1em;
}
.features-section.slideshow .slideshow-content .slideshow-content-inner .text ul li span {
  margin-right: 0.5em;
}
@media screen and (min-width: 992px) {
  .features-section.slideshow .slideshow-wrapper {
    width: calc(50% + 50px);
    min-height: 500px;
  }
  .features-section.slideshow .slideshow-wrapper .slideshow-slider {
    height: 100%;
  }
}
.features-section.slideshow .slideshow-wrapper .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 50px;
  height: 50px;
  font-size: 20px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 479px) {
  .features-section.slideshow .slideshow-wrapper .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
.features-section.slideshow .slideshow-wrapper .slick-arrow.slick-prev {
  left: -25px;
}
@media screen and (min-width: 992px) {
  .features-section.slideshow .slideshow-wrapper .slick-arrow.slick-prev {
    left: 15px;
  }
}
@media screen and (max-width: 479px) {
  .features-section.slideshow .slideshow-wrapper .slick-arrow.slick-prev {
    left: 0;
  }
}
.features-section.slideshow .slideshow-wrapper .slick-arrow.slick-next {
  right: -25px;
}
@media screen and (max-width: 479px) {
  .features-section.slideshow .slideshow-wrapper .slick-arrow.slick-next {
    right: 0;
  }
}
.features-section.slideshow .slideshow-wrapper .slick-list, .features-section.slideshow .slideshow-wrapper .slick-track, .features-section.slideshow .slideshow-wrapper .slick-slide > div, .features-section.slideshow .slideshow-wrapper .slick-item {
  height: 100%;
}
.features-section.slideshow .slideshow-wrapper .slick-item {
  display: block !important;
}
.features-section.slideshow .slideshow-wrapper .slick-item .pic {
  position: relative;
  width: 100%;
  height: 100%;
}
.features-section.slideshow .slideshow-wrapper .slick-item .pic img {
  display: block !important;
  opacity: 0;
}
.features-section.slideshow .slideshow-wrapper .slick-item .pic figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .features-section.slideshow .slideshow-wrapper .slick-item .pic figcaption {
    padding-left: 110px;
  }
}
@media screen and (max-width: 991px) {
  .features-section.slideshow .slideshow-wrapper .slick-item .pic img {
    display: block !important;
    opacity: 0;
  }
}

.plan-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .plan-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .plan-wrapper .pic.narrow {
    width: 45%;
  }
  .plan-wrapper .pic.wide {
    width: 100%;
  }
  .plan-wrapper .pic.wide img {
    opacity: 0;
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .plan-wrapper .pic img {
    opacity: 0;
    display: block !important;
  }
}
.plan-wrapper .plan-content {
  background-color: #F5F5F5;
  padding: 50px;
}
@media screen and (max-width: 1399px) {
  .plan-wrapper .plan-content {
    padding: 35px;
  }
}
@media screen and (max-width: 479px) {
  .plan-wrapper .plan-content {
    padding: 25px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .plan-wrapper .plan-content {
    width: 55%;
  }
}
.plan-wrapper .plan-content .title-box {
  line-height: 1.25;
}
.plan-wrapper .plan-content .title-box .title {
  font-size: 25px;
  font-weight: 700;
}
.plan-wrapper .plan-content .title-box .title + .sub {
  margin-top: 10px;
}
@media screen and (max-width: 479px) {
  .plan-wrapper .plan-content .title-box .title {
    font-size: 22px;
  }
}
.plan-wrapper .plan-content .title-box .sub {
  font-size: 18px;
}
@media screen and (max-width: 479px) {
  .plan-wrapper .plan-content .title-box .sub {
    font-size: 16px;
  }
}
.plan-wrapper .plan-content .title-box + .text-box {
  margin-top: 40px;
}
@media screen and (max-width: 479px) {
  .plan-wrapper .plan-content .title-box + .text-box {
    margin-top: 25px;
  }
}
.plan-wrapper .plan-content .text-box {
  font-size: 16px;
}
.plan-wrapper .plan-content .text-box .check-list {
  font-weight: 700;
}
.plan-wrapper .plan-content .text-box .check-list + p {
  margin-top: 40px;
}
@media screen and (max-width: 479px) {
  .plan-wrapper .plan-content .text-box .check-list + p {
    margin-top: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .plan-wrapper.personal .pic.narrow {
    width: calc(27% - 27.5px);
  }
  .plan-wrapper.personal .pic.wide {
    width: 46%;
  }
  .plan-wrapper.personal .plan-content {
    width: calc(27% + 27.5px);
  }
}
@media screen and (min-width: 1200px) {
  .plan-wrapper.business {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.plan-wrapper.business .plan-content .title-box .sub {
  font-weight: 700;
  color: #FF0000;
}
.plan-wrapper.business .plan-content .title-box .text {
  margin-top: 10px;
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 479px) {
  .plan-wrapper.business .plan-content .title-box .text {
    line-height: 1.75;
  }
}
@media screen and (min-width: 1550px) {
  html:not(.msie) .plan-wrapper.business .plan-content .text-box .check-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto auto;
    grid-template-rows: repeat(5, auto);
    grid-column-gap: 50px;
    grid-row-gap: 1.25em;
  }
  html:not(.msie) .plan-wrapper.business .plan-content .text-box .check-list li + li {
    margin-top: 0;
  }
}
.plan-wrapper.business .plan-content .button-box {
  margin-top: 40px;
}
.plan-wrapper.business .plan-content .button-box ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 17px;
}
@media screen and (max-width: 767px) {
  .plan-wrapper.business .plan-content .button-box ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
  }
}
@media screen and (min-width: 1550px) {
  .plan-wrapper.business .plan-content .button-box ul li:first-child {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1549px) {
  .plan-wrapper.business .plan-content .button-box ul li:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}
.plan-wrapper.business .plan-content .button-box ul li + li {
  margin-left: 5px;
}
.plan-wrapper.business .plan-content .button-box ul li .btn {
  width: 170px;
  height: 55px;
}
.plan-wrapper.business .plan-content .button-box ul li .btn .btn-inner {
  font-weight: 700;
}
.plan-wrapper.business .plan-content .button-box ul li .btn .btn-inner i {
  display: inline-block;
  vertical-align: -4px;
  font-size: 1.5em;
  margin-right: 10px;
}
@media screen and (max-width: 479px) {
  .plan-wrapper.business .plan-content .button-box ul li .btn {
    width: auto;
    height: 45px;
    padding: 0 20px;
  }
  .plan-wrapper.business .plan-content .button-box ul li .btn .btn-inner i {
    margin-right: 5px;
  }
}
@media screen and (min-width: 1400px) {
  .plan-wrapper.business .plan-content {
    padding: 65px 50px 100px;
  }
}
@media screen and (min-width: 1200px) {
  .plan-wrapper.business .pic.narrow {
    width: 25.5%;
  }
  .plan-wrapper.business .pic.wide {
    width: 39%;
  }
  .plan-wrapper.business .plan-content {
    width: 35.5%;
  }
}

/* ------------------------------------------
 * *  about
 * * -----------------------------------------*/
.about-history {
  background-color: #071029;
}
@media screen and (max-width: 991px) {
  .about-history .pic {
    position: relative;
  }
  .about-history .pic::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: -webkit-linear-gradient(top, rgba(7, 16, 41, 0), rgb(7, 16, 41));
    background-image: -moz-linear-gradient(top, rgba(7, 16, 41, 0), rgb(7, 16, 41));
    background-image: -o-linear-gradient(top, rgba(7, 16, 41, 0), rgb(7, 16, 41));
    background-image: -ms-linear-gradient(top, rgba(7, 16, 41, 0), rgb(7, 16, 41));
    background-image: linear-gradient(to bottom, rgba(7, 16, 41, 0), rgb(7, 16, 41));
  }
}
.about-history .container {
  padding: 105px 0;
}
@media screen and (max-width: 1199px) {
  .about-history .container {
    padding: 75px 0;
  }
}
@media screen and (max-width: 1199px) {
  .about-history .container {
    padding: 50px 0;
  }
}
@media screen and (max-width: 991px) {
  .about-history .container {
    padding: 0 0 50px;
  }
}
@media screen and (max-width: 479px) {
  .about-history .container {
    padding: 0 0 25px;
  }
}
.about-history .container .editor {
  max-width: 910px;
}

.about-events {
  position: relative;
  width: calc(100% - 200px);
  max-width: 1680px;
  margin: 0 auto;
  padding-top: 80px;
}
@media screen and (max-width: 1199px) {
  .about-events {
    width: calc(100% - 100px);
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .about-events {
    width: calc(100% - 50px);
  }
}
.about-events::before, .about-events::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  background-color: #ffffff;
}
.about-events::before {
  left: 0;
}
.about-events::after {
  right: 0;
}
.about-events .about-events-arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: none;
}
.about-events .about-events-arrow .btn {
  height: 40px;
}
.about-events .about-events-arrow .btn .arrow, .about-events .about-events-arrow .btn .arrow::before {
  background-color: #DCDCDC;
}
.about-events .about-events-arrow .btn:hover .arrow, .about-events .about-events-arrow .btn:hover .arrow::before {
  background-color: #FF0000;
}
.about-events .about-events-arrow.arrow-prev {
  left: -50px;
}
.about-events .about-events-arrow.arrow-next {
  right: -50px;
}
.about-events.has-arrows .about-events-arrow {
  display: block;
}
.about-events .about-events-wrapper {
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .about-events .about-events-inner {
    padding: 0 40px;
    max-height: 900px;
    -webkit-column-width: calc(25vw - 160px);
    -moz-column-width: calc(25vw - 160px);
    column-width: calc(25vw - 160px);
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    -webkit-column-rule: 1px solid #DCDCDC;
    -moz-column-rule: 1px solid #DCDCDC;
    column-rule: 1px solid #DCDCDC;
    -moz-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
  }
}
.about-events .about-events-inner .event, .about-events .about-events-inner .pic {
  -webkit-break-inside: avoid-column;
  break-inside: avoid-column;
  overflow: hidden;
}
.about-events .about-events-inner .event + .event, .about-events .about-events-inner .pic + .event {
  margin-top: 25px;
}
.about-events .about-events-inner .event + .pic, .about-events .about-events-inner .pic + .pic {
  margin-top: 15px;
}
.about-events .about-events-inner .event .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 30px;
  line-height: 1;
}
.about-events .about-events-inner .event .title + .text {
  margin-top: 10px;
}
@media screen and (max-width: 479px) {
  .about-events .about-events-inner .event .title {
    font-size: 22px;
  }
}
.about-events .about-events-inner .event .text {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 479px) {
  .about-events .about-events-inner .event .text {
    line-height: 1.75;
  }
}
.about-events .about-events-inner .pic {
  font-size: 16px;
  text-align: center;
}
.about-events .about-events-inner .pic figcaption {
  margin-top: 15px;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .about-events .about-events-inner .pic {
    text-align: left;
  }
  .about-events .about-events-inner .pic img {
    width: auto;
  }
}

@media screen and (min-width: 1200px) {
  [data-page=about] .primary-main-full .container .editor h4 {
    font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
    font-size: 2.5em;
    margin: 0.75em 0;
  }
}

.about-intro {
  background-color: #000000;
}
@media screen and (max-width: 991px) {
  .about-intro .pic {
    position: relative;
  }
  .about-intro .pic::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  }
}
.about-intro .container {
  padding: 150px 0;
}
@media screen and (max-width: 1399px) {
  .about-intro .container {
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .about-intro .container {
    padding: 0 0 50px;
  }
}
@media screen and (min-width: 992px) {
  .about-intro .container .editor {
    max-width: 575px;
    float: right;
  }
}
@media screen and (max-width: 1199px) {
  .about-intro .pic-fill {
    margin-left: -25%;
  }
}

.about-location {
  background: linear-gradient(to right, #30373E, #23282D);
  overflow: hidden;
}
.about-location .pic.fill-left {
  mix-blend-mode: soft-light;
}
@media screen and (max-width: 991px) {
  .about-location .pic.fill-left {
    background-size: 100% auto !important;
    background-position: top center !important;
  }
}
.about-location .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 100px 0;
}
@media screen and (max-width: 1399px) {
  .about-location .container {
    padding: 75px 0;
  }
}
@media screen and (max-width: 1199px) {
  .about-location .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .about-location .container {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .about-location .container {
    padding: 25px 0;
  }
}
.about-location .container .map {
  position: relative;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 905px;
}
@media screen and (max-width: 1199px) {
  .about-location .container .map {
    margin-top: 75px;
  }
}
@media screen and (max-width: 991px) {
  .about-location .container .map {
    width: 100%;
    max-width: 905px;
  }
}
@media screen and (max-width: 767px) {
  .about-location .container .map {
    margin-top: 50px;
    width: 145%;
    margin-left: 25%;
  }
}
.about-location .container .map .map-floor img {
  display: block;
  width: 100%;
}
.about-location .container .map .map-pins {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.about-location .container .map .map-pins .pin {
  position: absolute;
}
.about-location .container .map .map-pins .pin .pin-img img {
  display: block;
  width: 145px;
  max-width: none;
}
.about-location .container .map .map-pins .pin .pin-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 145px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 35px;
  color: #ffffff;
}
.about-location .container .map .map-pins #taipei {
  top: -15px;
  left: 135px;
}
.about-location .container .map .map-pins #newtaipei {
  top: 105px;
  left: 265px;
}
.about-location .container .map .map-pins #taoyuan {
  top: 125px;
  left: 35px;
}
.about-location .container .map .map-pins #hsinchu {
  top: 225px;
  left: 180px;
}
.about-location .container .map .map-pins #miaoli {
  top: 275px;
  left: 65px;
}
.about-location .container .map .map-pins #taichung {
  top: 320px;
  left: 210px;
}
.about-location .container .map .map-pins #changhua {
  top: 370px;
  left: 235px;
}
.about-location .container .map .map-pins #nantou {
  top: 275px;
  left: 335px;
}
.about-location .container .map .map-pins #yunlin {
  top: 420px;
  left: 270px;
}
.about-location .container .map .map-pins #chiayi {
  top: 490px;
  left: 180px;
}
.about-location .container .map .map-pins #tainan {
  top: 515px;
  left: 320px;
}
.about-location .container .map .map-pins #kaohsiung {
  top: 460px;
  left: 355px;
}
.about-location .container .map .map-pins #pingtung {
  top: 485px;
  left: 560px;
}
.about-location .container .map .map-pins #taitung {
  top: 360px;
  left: 490px;
}
.about-location .container .map .map-pins #hualien {
  top: 215px;
  left: 385px;
}
.about-location .container .map .map-pins #yilan {
  top: 160px;
  left: 290px;
}
.about-location .container .map .map-pins #keelung {
  top: 45px;
  left: 225px;
}
@media screen and (min-width: 1550px) {
  .about-location .container {
    margin-left: 20%;
  }
  .about-location .container .editor {
    max-width: 500px;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .about-location .container .map, .about-location .container .editor {
    width: calc(50% - 25px);
  }
}

@media screen and (min-width: 992px) {
  .about-brands {
    background-image: -webkit-linear-gradient(left, #FAB429, #FFA200);
    background-image: -moz-linear-gradient(left, #FAB429, #FFA200);
    background-image: -o-linear-gradient(left, #FAB429, #FFA200);
    background-image: -ms-linear-gradient(left, #FAB429, #FFA200);
    background-image: linear-gradient(to right, #FAB429, #FFA200);
  }
}
@media screen and (max-width: 991px) {
  .about-brands {
    background-color: #FAB429;
  }
}
@media screen and (max-width: 991px) {
  .about-brands .pic {
    position: relative;
  }
  .about-brands .pic::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: -webkit-linear-gradient(top, rgba(250, 180, 41, 0), rgb(250, 180, 41));
    background-image: -moz-linear-gradient(top, rgba(250, 180, 41, 0), rgb(250, 180, 41));
    background-image: -o-linear-gradient(top, rgba(250, 180, 41, 0), rgb(250, 180, 41));
    background-image: -ms-linear-gradient(top, rgba(250, 180, 41, 0), rgb(250, 180, 41));
    background-image: linear-gradient(to bottom, rgba(250, 180, 41, 0), rgb(250, 180, 41));
  }
}
.about-brands .container {
  padding: 115px 0;
}
@media screen and (max-width: 1199px) {
  .about-brands .container {
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .about-brands .container {
    padding: 0 0 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .about-brands .container {
    padding: 0 0 25px 0;
  }
}
@media screen and (max-width: 991px) {
  .about-brands .container .editor .f20 {
    font-size: 16px;
  }
}
.about-brands .container .editor .tree ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .about-brands .container .editor .tree {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .about-brands .container .editor .tree {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .about-brands .container .editor .tree h4 {
    font-size: 3.125em;
    margin: 0.25em 0;
  }
}
@media screen and (min-width: 768px) {
  .about-brands .container .editor .tree ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
  }
  .about-brands .container .editor .tree ul li {
    position: relative;
    padding: 0 42.5px;
  }
  .about-brands .container .editor .tree ul li::before, .about-brands .container .editor .tree ul li::after {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
    background-color: #ffffff;
    width: 50%;
  }
  .about-brands .container .editor .tree ul li::before {
    left: 0;
  }
  .about-brands .container .editor .tree ul li::after {
    right: 0;
  }
  .about-brands .container .editor .tree ul li:first-child::before {
    display: none;
  }
  .about-brands .container .editor .tree ul li:last-child::after {
    display: none;
  }
  .about-brands .container .editor .tree ul li span {
    display: block;
  }
  .about-brands .container .editor .tree ul li span::before {
    content: "";
    display: block;
    width: 2px;
    height: 45px;
    background-color: #ffffff;
    margin: 0 auto 10px;
  }
  .about-brands .container .editor .tree ul li:nth-child(3) span::before {
    height: 90px;
    margin-top: -45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .about-brands .container .editor .tree ul {
    font-size: 20px;
  }
  .about-brands .container .editor .tree ul li {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .about-brands .container .editor .tree ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .about-brands .container .editor .tree ul li + li {
    margin-top: 10px;
  }
  .about-brands .container .editor .tree ul li br {
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 479px) {
  .about-brands .container .editor .tree ul {
    font-size: 20px;
  }
}

.about-brands-wrapper {
  padding: 80px 0;
}
@media screen and (max-width: 1199px) {
  .about-brands-wrapper {
    padding: 50px 0;
  }
}
@media screen and (max-width: 991px) {
  .about-brands-wrapper {
    padding: 0;
  }
}

.about-brands-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1560px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .about-brands-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about-brands-detail + .about-brands-detail {
  border-top: 1px solid #C8C8C8;
}
.about-brands-detail .brand-profile {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 80px 110px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .about-brands-detail .brand-profile {
    overflow: hidden;
  }
  .about-brands-detail .brand-profile:not(.has-slideshow) {
    max-width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .about-brands-detail .brand-profile + .brand-profile {
    border-left: 1px solid #C8C8C8;
  }
}
@media screen and (max-width: 1199px) {
  .about-brands-detail .brand-profile {
    padding: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .about-brands-detail .brand-profile {
    padding: 50px 25px;
  }
}
@media screen and (max-width: 991px) {
  .about-brands-detail .brand-profile {
    padding: 50px 0;
  }
  .about-brands-detail .brand-profile + .brand-profile {
    border-top: 1px solid #C8C8C8;
  }
}
@media screen and (max-width: 479px) {
  .about-brands-detail .brand-profile {
    padding: 25px 0;
  }
}
.about-brands-detail .brand-profile .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.15;
}
@media screen and (max-width: 1199px) {
  .about-brands-detail .brand-profile .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .about-brands-detail .brand-profile .title {
    font-size: 25px;
  }
}
.about-brands-detail .brand-profile .text {
  margin-top: 1em;
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 479px) {
  .about-brands-detail .brand-profile .text {
    line-height: 1.75;
  }
}
.about-brands-detail .brand-profile figure, .about-brands-detail .brand-profile .slideshow {
  max-width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 479px) {
  .about-brands-detail .brand-profile figure, .about-brands-detail .brand-profile .slideshow {
    margin-top: 25px;
  }
}
.about-brands-detail .brand-profile .slideshow {
  position: relative;
}
.about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-item {
  display: block !important;
}
.about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-item img {
  display: block;
  width: 100%;
}
.about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  width: 50px;
  height: 50px;
  font-size: 16px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-arrow.slick-prev {
  left: -25px;
}
.about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-arrow.slick-next {
  right: -25px;
}
@media screen and (min-width: 992px) {
  .about-brands-detail .brand-profile .slideshow {
    position: relative;
    overflow: hidden;
  }
  .about-brands-detail .brand-profile .slideshow::before, .about-brands-detail .brand-profile .slideshow::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    display: block;
    width: 3.5%;
    background-color: #ffffff;
  }
  .about-brands-detail .brand-profile .slideshow::before {
    left: 0;
  }
  .about-brands-detail .brand-profile .slideshow::after {
    right: 0;
  }
  .about-brands-detail .brand-profile .slideshow .slideshow-slider {
    position: relative;
    width: 62%;
    margin: 0 auto;
  }
  .about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-list {
    overflow: visible;
  }
  .about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-slide {
    position: relative;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transition-property: transform;
    transition-property: transform;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  .about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-slide.slick-active {
    z-index: 5;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-arrow.slick-prev {
    left: 9%;
  }
  .about-brands-detail .brand-profile .slideshow .slideshow-slider .slick-arrow.slick-next {
    right: 9%;
  }
}

/* -------------------------------------------
 * *  locations
 * * ------------------------------------------ */
#locations .info-list ul {
  font-size: 16px;
  line-height: 1.25;
}
#locations .info-list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#locations .info-list ul li + li {
  margin-top: 10px;
}
#locations .info-list ul li i {
  display: block;
  width: 1.25em;
  margin-right: 10px;
  font-size: 1.25em;
  text-align: center;
  color: #FF0000;
}
#locations .info-list ul li .google-map {
  display: block;
  margin-left: 10px;
}
@media screen and (min-width: 992px) {
  #locations .banner .banner-display .banner-display-inner .title {
    padding-bottom: 90px;
  }
}
#locations .banner .banner-search {
  z-index: 3;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  #locations .banner .banner-search {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 240px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  #locations .banner .banner-search {
    bottom: 200px;
  }
}
@media screen and (max-width: 991px) {
  #locations .banner .banner-search {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #locations .banner .banner-search > div + div {
    margin: 0;
  }
  #locations .banner .banner-search .select-box {
    width: calc(50% - 27.5px);
  }
  #locations .banner .banner-search .select-box .select-toggle {
    background-color: #ffffff;
  }
  #locations .banner .banner-search .select-box .select-toggle::before {
    display: none;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  #locations .banner .banner-search .select-box .select-menu {
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 991px) {
  #locations .banner .banner-search .select-box + .select-box {
    border-left: 1px solid #DEDEDE;
  }
  #locations .banner .banner-search .submit-button .btn {
    width: 55px;
    background-color: #FF0000;
  }
  #locations .banner .banner-search .submit-button .btn::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #locations .banner .banner-search {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
  #locations .banner .banner-search .select-box {
    width: calc(50% - 22.5px);
  }
  #locations .banner .banner-search .submit-button .btn {
    width: 45px;
  }
}
@media screen and (max-width: 479px) {
  #locations .banner .banner-search .select-box .select-toggle {
    font-size: 14px;
  }
}

.locations-wrapper {
  position: relative;
  background: linear-gradient(to right, #30373E, #23282D);
}
.locations-wrapper .locations-inner {
  position: relative;
  z-index: 1;
  max-width: 1250px;
  padding: 225px 0 100px;
}
@media screen and (min-width: 992px) {
  .locations-wrapper .locations-inner {
    min-height: 100vh;
  }
}
@media screen and (max-width: 1199px) {
  .locations-wrapper .locations-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 110px 0 50px;
  }
}
@media screen and (max-width: 991px) {
  .locations-wrapper .locations-inner {
    min-height: calc(100vh - 55px);
    padding: 50px 0;
  }
}
@media screen and (min-width: 1200px) {
  .locations-wrapper .locations-breadcrumb {
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.locations-wrapper .locations-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .locations-wrapper .locations-main {
    width: 100%;
    max-width: 550px;
    margin-top: 25px;
    padding: 0 25px;
  }
}
.locations-wrapper .locations-main .locations-map {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .locations-wrapper .locations-main .locations-map {
    display: none;
  }
}
.locations-wrapper .locations-main .locations-map .map-points {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.locations-wrapper .locations-main .locations-map .map-points ul > li {
  position: absolute;
}
.locations-wrapper .locations-main .locations-map .map-points ul > li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -105px;
  display: none;
  width: 105px;
  border-bottom: 4px dotted #FF0000;
  -webkit-animation: fadeEffect 0.5s;
  -moz-animation: fadeEffect 0.5s;
  -o-animation: fadeEffect 0.5s;
  -ms-animation: fadeEffect 0.5s;
  animation: fadeEffect 0.5s;
}
@media screen and (max-width: 1549px) {
  .locations-wrapper .locations-main .locations-map .map-points ul > li::before {
    left: -40px;
    width: 40px;
  }
}
@media screen and (max-width: 1399px) {
  .locations-wrapper .locations-main .locations-map .map-points ul > li::before {
    left: -15px;
    width: 15px;
  }
}
.locations-wrapper .locations-main .locations-map .map-points ul > li button {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 50%;
  background-color: #FF0000;
  cursor: pointer;
  overflow: visible;
}
.locations-wrapper .locations-main .locations-map .map-points ul > li button::before {
  content: "";
  position: absolute;
  display: block;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 50%;
  border: 2px solid #FF0000;
}
.locations-wrapper .locations-main .locations-map .map-points ul > li button::after {
  content: attr(data-city);
  position: absolute;
  top: -15px;
  left: -190px;
  display: none;
  width: 85px;
  line-height: 40px;
  border-radius: 40px;
  background-color: #FF0000;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  -webkit-animation: fadeEffect 0.5s;
  -moz-animation: fadeEffect 0.5s;
  -o-animation: fadeEffect 0.5s;
  -ms-animation: fadeEffect 0.5s;
  animation: fadeEffect 0.5s;
}
@media screen and (max-width: 1549px) {
  .locations-wrapper .locations-main .locations-map .map-points ul > li button::after {
    left: -125px;
  }
}
@media screen and (max-width: 1399px) {
  .locations-wrapper .locations-main .locations-map .map-points ul > li button::after {
    left: -100px;
  }
}
.locations-wrapper .locations-main .locations-map .map-points ul > li.active button {
  pointer-events: none;
}
.locations-wrapper .locations-main .locations-map .map-points ul > li.active::before, .locations-wrapper .locations-main .locations-map .map-points ul > li.active button::after {
  display: block;
}
.locations-wrapper .locations-main .locations-search {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (min-width: 1400px) {
  .locations-wrapper .locations-main .locations-search {
    margin-left: 75px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .locations-wrapper .locations-main .locations-search {
    margin-left: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .locations-wrapper .locations-main .locations-search .search-head {
    margin-top: 55px;
  }
}
.locations-wrapper .locations-main .locations-search .search-head .title-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 40px;
  line-height: 1.15;
}
@media screen and (max-width: 1199px) {
  .locations-wrapper .locations-main .locations-search .search-head .title-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .locations-wrapper .locations-main .locations-search .search-head .title-box {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .locations-wrapper .locations-main .locations-search .search-head .title-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 479px) {
  .locations-wrapper .locations-main .locations-search .search-head .title-box {
    font-size: 22px;
  }
}
.locations-wrapper .locations-main .locations-search .search-head .title-box .title {
  font-weight: 700;
  color: #ffffff;
}
.locations-wrapper .locations-main .locations-search .search-head .title-box .en {
  display: block;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-weight: 700;
  color: #FF0000;
  margin-left: 0.5em;
}
.locations-wrapper .locations-main .locations-search .search-head .title-box .text {
  width: 100%;
  margin-top: 10px;
  color: #ffffff;
  font-size: 18px;
}
.locations-wrapper .locations-main .locations-search .search-head .title-box .text span {
  display: inline-block;
  margin: 0 5px;
  color: #FF0000;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
}
.locations-wrapper .locations-main .locations-search .search-head .title-box + .search-selects {
  margin-top: 20px;
}
.locations-wrapper .locations-main .locations-search .search-result {
  margin-top: 50px;
  max-height: 575px;
  overflow: auto;
}
@media screen and (max-width: 1199px) {
  .locations-wrapper .locations-main .locations-search .search-result {
    display: none !important;
  }
}
.locations-wrapper .locations-main .locations-search .search-result .item {
  display: none;
  color: #ffffff;
  -webkit-animation: fadeEffect 0.5s;
  -moz-animation: fadeEffect 0.5s;
  -o-animation: fadeEffect 0.5s;
  -ms-animation: fadeEffect 0.5s;
  animation: fadeEffect 0.5s;
}
.locations-wrapper .locations-main .locations-search .search-result .item.active {
  display: block;
}
.locations-wrapper .locations-main .locations-search .search-result .item.active + .item {
  margin-top: 45px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-title .title {
  font-size: 25px;
  line-height: 1;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-title .special {
  display: block;
  height: 27px;
  margin-left: 15px;
  padding: 0 10px;
  border: 1px solid #FF0000;
  color: #FF0000;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-list {
  margin: 20px 0 30px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-list ul {
  font-size: 16px;
  line-height: 1.25;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-list ul li + li {
  margin-top: 10px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-list ul li i {
  display: block;
  width: 1.25em;
  margin-right: 10px;
  font-size: 1.25em;
  text-align: center;
  color: #FF0000;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-list ul li .google-map {
  display: block;
  margin-left: 10px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons {
  margin-left: 7px;
  margin-right: 7px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons ul {
  margin-bottom: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons ul li {
  margin-bottom: 10px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons ul li + li {
  margin-left: 5px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons ul li .btn {
  height: 45px;
  padding: 0 15px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons ul li .btn::before {
  background-color: rgba(255, 255, 255, 0.15);
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons ul li .btn .btn-inner {
  font-size: 16px;
}
.locations-wrapper .locations-main .locations-search .search-result .item .item-buttons ul li .btn:hover::before {
  background-color: #FF0000;
}

@media screen and (min-width: 480px) {
  .equipment-profile {
    margin-top: -20px;
  }
}
@media screen and (min-width: 768px) {
  .equipment-profile {
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 767px) {
  .equipment-profile {
    padding-bottom: 25px;
  }
}
.equipment-profile > div + div {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .equipment-profile > div + div {
    margin-top: 25px;
  }
}
.equipment-profile .equipment-profile-head {
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .equipment-profile .equipment-profile-head .f30 {
    font-size: 20px;
  }
}
.equipment-profile .equipment-profile-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 965px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .equipment-profile .equipment-profile-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.equipment-profile .equipment-profile-content > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .equipment-profile .equipment-profile-content > div + div {
    margin-left: 35px;
    padding-left: 35px;
    border-left: 1px solid #DEDEDE;
  }
}
@media screen and (max-width: 767px) {
  .equipment-profile .equipment-profile-content > div + div {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #DEDEDE;
  }
}
.equipment-profile .equipment-profile-content .facility-list ul {
  line-height: 1.75;
  padding-left: 1.5em;
}
.equipment-profile .equipment-profile-content .facility-list ul li::before {
  content: "\e91c";
  font-family: "icomoon";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}

.equipment-pic-wrapper {
  background-color: #000000;
}
.equipment-pic-wrapper .equipment-pic-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .equipment-pic-wrapper .equipment-pic-list {
    padding: 10px;
  }
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box {
  position: relative;
}
@media screen and (min-width: 768px) {
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box {
    margin: 5px 5px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box {
    width: calc(25% - 3.75px);
  }
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box:nth-child(-n+4) {
    margin-top: 0;
  }
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box:nth-child(4n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box {
    width: calc(50% - 2.5px);
  }
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box:nth-child(-n+2) {
    margin-top: 0;
  }
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box {
    width: 100%;
  }
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box + .equipment-pic-box {
    margin-top: 10px;
  }
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box:hover {
  z-index: 5;
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box.view .icon {
  position: absolute;
  top: calc(50% - 52.5px);
  left: calc(50% - 52.5px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.25);
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box.view .icon img {
  width: 73px;
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box a {
  position: relative;
  display: block;
  padding-bottom: 75%;
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box a .pic {
  opacity: 0.75;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box a::before {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  outline: 0 solid #FF0000;
  -moz-transition: outline-width 0.3s ease;
  -o-transition: outline-width 0.3s ease;
  -webkit-transition: outline-width 0.3s ease;
  transition: outline-width 0.3s ease;
}
@media screen and (max-width: 991px) {
  .equipment-pic-wrapper .equipment-pic-list .equipment-pic-box a::before {
    display: none;
  }
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box a:hover .pic {
  opacity: 1;
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box a:hover::before {
  outline-width: 10px;
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box:nth-child(-n+4) {
  margin-top: 0;
}
.equipment-pic-wrapper .equipment-pic-list .equipment-pic-box:nth-child(4n+0) {
  margin-right: 0;
}

.announcement-wrapper {
  padding: 70px 0 90px;
}
@media screen and (max-width: 991px) {
  .announcement-wrapper {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .announcement-wrapper {
    padding: 25px 0;
  }
}
.announcement-wrapper .announcement-inner {
  max-width: 850px;
}
@media screen and (max-width: 479px) {
  .announcement-wrapper .announcement-inner {
    width: 100%;
  }
}
.announcement-wrapper .announcement-inner .announcement-box {
  background-color: #ffffff;
  border-top: 5px solid #FF0000;
  padding: 25px;
}
.announcement-wrapper .announcement-inner .announcement-box .head {
  border-bottom: 1px solid #FF0000;
  padding-bottom: 15px;
}
.announcement-wrapper .announcement-inner .announcement-box .head .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 479px) {
  .announcement-wrapper .announcement-inner .announcement-box .head .title {
    font-size: 20px;
  }
}
.announcement-wrapper .announcement-inner .announcement-box .head .date {
  margin-top: 5px;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #FF0000;
}
.announcement-wrapper .announcement-inner .announcement-box .content {
  padding: 20px 15px 0;
  font-size: 16px;
}
@media screen and (max-width: 479px) {
  .announcement-wrapper .announcement-inner .announcement-box .content {
    padding: 20px 0 0;
    font-size: 14px;
  }
}
.announcement-wrapper .announcement-inner .announcement-box + .announcement-box {
  margin-top: 15px;
}
.announcement-wrapper .pagination {
  padding-bottom: 0 !important;
}

/* ------------------------------------------
 * *  news
 * * -----------------------------------------*/
.news-list .news-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .news-list .news-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .news-list .news-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.news-list .news-box .pic a {
  display: block;
}
@media screen and (min-width: 1200px) {
  .news-list .news-box .pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 480px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .news-list .news-box .pic {
    width: calc(50% - 50px);
  }
}
.news-list .news-box .content {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .news-list .news-box .content {
    width: calc(100% - 545px);
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .news-list .news-box .content {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .news-list .news-box .content {
    max-width: 480px;
    margin-top: 25px;
  }
}
.news-list .news-box .content .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  max-height: 2.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #FF0000;
}
.news-list .news-box .content .title .label {
  position: relative;
  display: inline-block;
  font-size: 18px;
}
.news-list .news-box .content .title .label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
@media screen and (max-width: 1199px) {
  .news-list .news-box .content .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .news-list .news-box .content .title {
    font-size: 20px;
  }
}
.news-list .news-box .content .date {
  margin-top: 10px;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 479px) {
  .news-list .news-box .content .date {
    font-size: 16px;
  }
}
.news-list .news-box .content .text {
  margin-top: 10px;
  font-size: 16px;
  line-height: 2;
  max-height: 6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 479px) {
  .news-list .news-box .content .text {
    font-size: 15px;
    line-height: 1.75;
    max-height: 5.25em;
  }
}
.news-list .news-box .content .button {
  margin-top: 40px;
}
@media screen and (max-width: 1199px) {
  .news-list .news-box .content .button {
    margin-top: 15px;
  }
}
.news-list .news-box .content .button .btn {
  width: 160px;
  height: 55px;
}
@media screen and (max-width: 991px) {
  .news-list .news-box .content .button .btn {
    margin: 0 auto;
  }
}
.news-list .news-box .content .button .btn .btn-inner {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .news-list .news-box .content .button .btn {
    width: 145px;
    height: 45px;
  }
  .news-list .news-box .content .button .btn .btn-inner {
    font-size: 16px;
  }
}
@media screen and (max-width: 479px) {
  .news-list .news-box .content .button .btn {
    width: 125px;
    height: 40px;
  }
  .news-list .news-box .content .button .btn .btn-inner {
    font-size: 15px;
  }
}
.news-list .news-box + .news-box {
  margin-top: 35px;
}
@media screen and (max-width: 991px) {
  .news-list .news-box + .news-box {
    margin-top: 50px;
  }
}
.news-list + .pagination {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .news-head .primary-head-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
  .news-head .primary-head-inner .breadcrumb {
    width: 100%;
  }
}

.news-body {
  max-width: 900px;
  margin: 0 auto;
}
.news-body > section + section {
  margin-top: 45px;
}
@media screen and (max-width: 479px) {
  .news-body > section + section {
    margin-top: 25px;
  }
}
.news-body .news-content {
  font-size: 18px;
}
@media screen and (max-width: 479px) {
  .news-body .news-content {
    font-size: 16px;
  }
}

.news-foot {
  border-top: 1px solid #FF0000;
  margin-top: 45px;
  padding-top: 45px;
}
@media screen and (max-width: 479px) {
  .news-foot {
    margin-top: 25px;
    padding-top: 25px;
  }
}
.news-foot > ul {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.news-foot > ul:not(.related) li.prev, .news-foot > ul:not(.related) li.next {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 55px;
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .news-foot > ul:not(.related) li.prev, .news-foot > ul:not(.related) li.next {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .news-foot > ul:not(.related) li.prev, .news-foot > ul:not(.related) li.next {
    height: 45px;
  }
}
.news-foot > ul:not(.related) li.prev a, .news-foot > ul:not(.related) li.next a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: calc(20em + 25px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-foot > ul:not(.related) li.prev a span, .news-foot > ul:not(.related) li.next a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .news-foot > ul:not(.related) li.prev a, .news-foot > ul:not(.related) li.next a {
    max-width: 10em;
  }
}
@media screen and (max-width: 767px) {
  .news-foot > ul:not(.related) li.prev a, .news-foot > ul:not(.related) li.next a {
    max-width: 7.5em;
  }
  .news-foot > ul:not(.related) li.prev a span, .news-foot > ul:not(.related) li.next a span {
    display: none;
  }
}
.news-foot > ul:not(.related) li.prev a::before, .news-foot > ul:not(.related) li.prev a::after, .news-foot > ul:not(.related) li.next a::before, .news-foot > ul:not(.related) li.next a::after {
  display: block;
  font-family: "icomoon";
  color: #FF0000;
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .news-foot > ul:not(.related) li.prev a::before, .news-foot > ul:not(.related) li.prev a::after, .news-foot > ul:not(.related) li.next a::before, .news-foot > ul:not(.related) li.next a::after {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .news-foot > ul:not(.related) li.prev a::before, .news-foot > ul:not(.related) li.prev a::after, .news-foot > ul:not(.related) li.next a::before, .news-foot > ul:not(.related) li.next a::after {
    font-size: 25px !important;
  }
}
.news-foot > ul:not(.related) li.prev {
  left: 0;
}
.news-foot > ul:not(.related) li.prev a::before {
  content: "\e90b";
  margin-right: 0.5em;
}
.news-foot > ul:not(.related) li.next {
  right: 0;
}
.news-foot > ul:not(.related) li.next a::after {
  content: "\e90c";
  margin-left: 0.5em;
}
.news-foot > ul:not(.related) li.back .btn {
  width: 170px;
  height: 55px;
}
.news-foot > ul:not(.related) li.back .btn .btn-inner {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .news-foot > ul:not(.related) li.back .btn {
    width: 125px;
  }
}
@media screen and (max-width: 767px) {
  .news-foot > ul:not(.related) li.back .btn {
    height: 45px;
  }
  .news-foot > ul:not(.related) li.back .btn .btn-inner {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .news-foot > ul.related {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.news-foot > ul.related + ul {
  margin-top: 50px;
}
@media screen and (max-width: 479px) {
  .news-foot > ul.related + ul {
    margin-top: 25px;
  }
}
@media screen and (min-width: 1400px) {
  .news-foot > ul.related > li {
    width: calc(33.3333333333% - 33.3333333333px);
    margin-right: 50px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .news-foot > ul.related > li {
    width: calc(33.3333333333% - 16.6666666667px);
    margin-right: 25px;
  }
}
@media screen and (max-width: 991px) {
  .news-foot > ul.related > li + li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #DBDBDB;
  }
}
.news-foot > ul.related > li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .news-foot > ul.related > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .news-foot > ul.related > li a .pic {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px;
    margin-left: 25px;
  }
  .news-foot > ul.related > li a .content {
    margin-top: 0;
  }
}
.news-foot > ul.related > li .content {
  margin-top: 25px;
}
.news-foot > ul.related > li .content .head ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
  font-size: 16px;
  line-height: 1;
}
.news-foot > ul.related > li .content .head ul .label + .label {
  margin-left: -2px;
}
.news-foot > ul.related > li .content .head ul .label + .date {
  margin-left: 10px;
}
.news-foot > ul.related > li .content .head ul .label a {
  position: relative;
  display: block;
  margin-left: 5px;
  padding: 5px 10px;
  color: #ffffff;
  text-align: center;
  overflow: visible;
}
.news-foot > ul.related > li .content .head ul .label a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #ED7448;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.news-foot > ul.related > li .content .head ul .label a span {
  position: relative;
  display: block;
}
.news-foot > ul.related > li .content .head ul .label a:hover::before {
  background-color: #c55b35;
}
.news-foot > ul.related > li .content .title a, .news-foot > ul.related > li .content .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-foot > ul.related > li .content .title {
  font-size: 22px;
  font-weight: 700;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.news-foot > ul.related > li .content .title a {
  display: block;
}
.news-foot > ul.related > li .content .title a:hover {
  color: #FF0000;
}
@media screen and (min-width: 768px) {
  .news-foot > ul.related > li .content .title {
    white-space: nowrap;
    line-height: 1;
  }
}
@media screen and (max-width: 479px) {
  .news-foot > ul.related > li .content .title {
    font-size: 20px;
  }
}
.news-foot > ul.related > li .content .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 10px;
  max-height: 3.5em;
  font-size: 16px;
  line-height: 1.75;
}

/* ------------------------------------------
 * *  aerobic
 * * -----------------------------------------*/
@media screen and (min-width: 1550px) {
  .aerobic-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .aerobic-wrapper > div {
    height: 830px;
  }
}
.aerobic-wrapper .aerobic-profile {
  position: relative;
}
@media screen and (min-width: 1550px) {
  .aerobic-wrapper .aerobic-profile {
    width: calc(100% - 530px);
  }
}
@media screen and (max-width: 1549px) and (min-width: 992px) {
  .aerobic-wrapper .aerobic-profile {
    height: 830px;
  }
}
@media screen and (max-width: 991px) {
  .aerobic-wrapper .aerobic-profile .pic {
    position: static;
  }
  .aerobic-wrapper .aerobic-profile .pic img {
    display: block !important;
  }
}
.aerobic-wrapper .aerobic-profile .profile-inner {
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .aerobic-wrapper .aerobic-profile .profile-inner {
    position: absolute;
    left: 75px;
    bottom: 75px;
    max-width: 595px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .aerobic-wrapper .aerobic-profile .profile-inner {
    left: 50px;
    bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .aerobic-wrapper .aerobic-profile .profile-inner {
    padding: 50px;
    background-color: #000000;
  }
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-profile .profile-inner {
    padding: 25px;
  }
}
.aerobic-wrapper .aerobic-profile .profile-inner .head {
  line-height: 1.25;
}
.aerobic-wrapper .aerobic-profile .profile-inner .head .title {
  font-size: 48px;
}
@media screen and (max-width: 991px) {
  .aerobic-wrapper .aerobic-profile .profile-inner .head .title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-profile .profile-inner .head .title {
    font-size: 25px;
  }
}
.aerobic-wrapper .aerobic-profile .profile-inner .head .en {
  display: block;
  margin-top: 20px;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 30px;
  color: #FF0000;
}
@media screen and (max-width: 991px) {
  .aerobic-wrapper .aerobic-profile .profile-inner .head .en {
    margin-top: 10px;
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-profile .profile-inner .head .en {
    font-size: 18px;
  }
}
.aerobic-wrapper .aerobic-profile .profile-inner .content {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  color: #ffffff;
}
.aerobic-wrapper .aerobic-profile .profile-inner .buttons {
  margin-top: 25px;
}
.aerobic-wrapper .aerobic-profile .profile-inner .buttons ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.aerobic-wrapper .aerobic-profile .profile-inner .buttons ul li + li {
  margin-left: 2px;
}
.aerobic-wrapper .aerobic-profile .profile-inner .buttons ul li .btn {
  width: 50px;
  height: 50px;
}
.aerobic-wrapper .aerobic-classes {
  background-color: #F7F7F7;
}
@media screen and (min-width: 1550px) {
  .aerobic-wrapper .aerobic-classes {
    width: 530px;
    overflow: auto;
    padding: 25px 0;
  }
}
.aerobic-wrapper .aerobic-classes .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.aerobic-wrapper .aerobic-classes .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
}
.aerobic-wrapper .aerobic-classes .class-box {
  position: relative;
  padding: 0 30px;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.aerobic-wrapper .aerobic-classes .class-box::after {
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  display: block;
  height: 1px;
  background-color: #E3E3E3;
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-classes .class-box {
    padding: 0 25px;
  }
  .aerobic-wrapper .aerobic-classes .class-box::after {
    left: 25px;
    right: 25px;
  }
}
.aerobic-wrapper .aerobic-classes .class-box .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 0;
  line-height: 1.25;
  cursor: pointer;
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-classes .class-box .head {
    padding: 20px 0;
  }
}
.aerobic-wrapper .aerobic-classes .class-box .head .title {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-classes .class-box .head .title {
    font-size: 16px;
  }
}
.aerobic-wrapper .aerobic-classes .class-box .head .en {
  display: block;
  font-size: 14px;
  color: #767676;
}
.aerobic-wrapper .aerobic-classes .class-box .head::after {
  content: "\e916";
  display: block;
  font-family: "icomoon";
  color: #FF0000;
}
.aerobic-wrapper .aerobic-classes .class-box .content {
  display: none;
}
.aerobic-wrapper .aerobic-classes .class-box .content .content-intro {
  font-size: 16px;
  line-height: 1.5;
}
.aerobic-wrapper .aerobic-classes .class-box .content .content-related {
  padding: 30px 0;
  font-size: 18px;
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related {
    padding: 25px 0;
    font-size: 16px;
  }
}
.aerobic-wrapper .aerobic-classes .class-box .content .content-related ul {
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1550px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1549px) and (min-width: 480px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul {
    margin-top: 0;
  }
}
@media screen and (min-width: 1550px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li {
    width: calc(50% - 7.5px);
    margin-top: 25px;
  }
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li {
    width: calc(50% - 7.5px);
    margin-top: 25px;
  }
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 1549px) and (min-width: 480px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li {
    max-width: 200px;
    margin-top: 25px;
    margin-right: 15px;
  }
}
.aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li .caption {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 479px) {
  .aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li .caption {
    font-size: 14px;
  }
}
.aerobic-wrapper .aerobic-classes .class-box .content .content-related ul li .caption::before {
  content: "\e90c";
  font-family: "icomoon";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background-color: #FF0000;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
}
.aerobic-wrapper .aerobic-classes .class-box.active {
  background-color: #ffffff;
}
.aerobic-wrapper .aerobic-classes .class-box.active .head::after {
  content: "\e917";
}

#aerobic.wp #footer {
  background: #000000;
}

/* ------------------------------------------
 * *  trainer
 * * -----------------------------------------*/
@media screen and (max-width: 479px) {
  [data-page=trainer-training] .primary .primary-head + .primary-main {
    margin-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .trainer-training .pic {
    position: relative;
  }
  .trainer-training .pic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  }
}
.trainer-training .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1500px;
}
@media screen and (min-width: 1200px) {
  .trainer-training .container {
    height: 595px;
  }
  .trainer-training .container .editor {
    width: 525px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .trainer-training .container {
    min-height: 35vw;
    padding: 50px 0;
  }
  .trainer-training .container .editor {
    width: 400px;
  }
}
@media screen and (max-width: 991px) {
  .trainer-training .container {
    padding: 0 0 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .trainer-training .container {
    padding: 0 0 25px 0;
  }
}
.trainer-training .container .editor {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
}
.trainer-training .container .editor .head .en {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 1;
  text-transform: uppercase;
  color: #FF0000;
}
@media screen and (min-width: 1550px) {
  .trainer-training .container .editor .head .en {
    white-space: nowrap;
  }
}
@media screen and (max-width: 991px) {
  .trainer-training .container .editor .head .en {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .trainer-training .container .editor .head .en {
    font-size: 28px;
  }
}
.trainer-training .container .editor .head .title {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .trainer-training .container .editor .head .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .trainer-training .container .editor .head .title {
    font-size: 20px;
  }
}
.trainer-training .container .editor .button {
  margin-top: 35px;
}
.trainer-training .container .editor .button .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 55px;
  padding: 0 45px;
}
@media screen and (max-width: 991px) {
  .trainer-training .container .editor .button {
    margin-top: 25px;
    text-align: center;
  }
  .trainer-training .container .editor .button .btn {
    height: 40px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1549px) and (min-width: 992px) {
  .trainer-training:nth-child(odd) .pic {
    background-position: left 20% center !important;
  }
}
.trainer-training:nth-child(odd) .container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 1549px) and (min-width: 992px) {
  .trainer-training:nth-child(even) .pic {
    background-position: right 20% center !important;
  }
}
.trainer-training:nth-child(even) .container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.trainer-features {
  position: relative;
  padding: 125px 0;
  background-color: #000000;
}
@media screen and (max-width: 1399px) {
  .trainer-features {
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .trainer-features {
    padding: 50px 0;
  }
}
@media screen and (max-width: 991px) {
  .trainer-features .pic {
    background-size: 100% auto !important;
    background-position: top center !important;
  }
}
.trainer-features .trainer-features-inner {
  position: relative;
}
.trainer-features .trainer-features-inner ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.trainer-features .trainer-features-inner ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 1400px) {
  .trainer-features .trainer-features-inner ul li {
    width: calc(25% - 56.25px);
    margin: 75px 75px 0 0;
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .trainer-features .trainer-features-inner ul li {
    width: calc(25% - 37.5px);
  }
}
@media screen and (max-width: 1399px) and (min-width: 480px) {
  .trainer-features .trainer-features-inner ul li {
    margin: 50px 50px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .trainer-features .trainer-features-inner ul li:nth-child(-n+4) {
    margin-top: 0;
  }
  .trainer-features .trainer-features-inner ul li:nth-child(4n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .trainer-features .trainer-features-inner ul li {
    width: calc(50% - 25px);
  }
  .trainer-features .trainer-features-inner ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .trainer-features .trainer-features-inner ul li:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 479px) {
  .trainer-features .trainer-features-inner ul li {
    width: 100%;
  }
  .trainer-features .trainer-features-inner ul li + li {
    margin-top: 50px;
  }
}
.trainer-features .trainer-features-inner ul li .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(255, 0, 0, 0.8);
}
.trainer-features .trainer-features-inner ul li .icon img {
  display: block;
  max-width: 50px;
}
@media screen and (max-width: 991px) {
  .trainer-features .trainer-features-inner ul li .icon {
    width: 75px;
    height: 75px;
  }
  .trainer-features .trainer-features-inner ul li .icon img {
    max-width: 40px;
  }
}
.trainer-features .trainer-features-inner ul li .title {
  margin: 20px 0;
  font-size: 30px;
  line-height: 1.25;
}
@media screen and (max-width: 991px) {
  .trainer-features .trainer-features-inner ul li .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .trainer-features .trainer-features-inner ul li .title {
    font-size: 20px;
    margin: 15px 0;
  }
}
.trainer-features .trainer-features-inner ul li .title::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #FF0000;
  margin: 15px auto 0;
}
.trainer-features .trainer-features-inner ul li .text {
  font-size: 16px;
  line-height: 1.5;
}

.equipments-list .equipment-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .equipments-list .equipment-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .equipments-list .equipment-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.equipments-list .equipment-box .pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 580px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .equipments-list .equipment-box .pic {
    width: calc(50% - 50px);
  }
}
@media screen and (max-width: 991px) {
  .equipments-list .equipment-box .pic {
    margin-top: 25px;
  }
}
.equipments-list .equipment-box .content {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .equipments-list .equipment-box .content {
    width: calc(100% - 645px);
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .equipments-list .equipment-box .content {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .equipments-list .equipment-box .content {
    max-width: 580px;
  }
}
.equipments-list .equipment-box .content .logo img {
  display: block;
}
.equipments-list .equipment-box .content .logo + section, .equipments-list .equipment-box .content section + section {
  margin-top: 25px;
}
.equipments-list .equipment-box .content section {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 479px) {
  .equipments-list .equipment-box .content section {
    line-height: 1.75;
  }
}
.equipments-list .equipment-box .content section h5 {
  margin: 0;
  padding-left: 10px;
  border-left: 4px solid #FF0000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}
.equipments-list .equipment-box .content section h5 + p {
  margin-top: 0.5em;
}
@media screen and (max-width: 479px) {
  .equipments-list .equipment-box .content section h5 {
    font-size: 18px;
  }
}
.equipments-list .equipment-box + .equipment-box {
  margin-top: 70px;
}
@media screen and (max-width: 991px) {
  .equipments-list .equipment-box + .equipment-box {
    margin-top: 50px;
  }
}

/* ------------------------------------------
 * *  training
 * * -----------------------------------------*/
@media screen and (max-width: 479px) {
  [data-page=training-myzone] .primary .primary-head + .primary-main {
    margin-top: 0;
  }
}

@media screen and (min-width: 1200px) {
  .training-myzone {
    padding: 105px 0;
  }
}
.training-myzone .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.training-myzone .container .editor h4 {
  font-size: 40px;
  line-height: 1.15;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .training-myzone .container .editor h4 {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .training-myzone .container .editor h4 {
    font-size: 25px;
  }
}
.training-myzone .container .editor h5 {
  font-size: 25px;
  line-height: 1.15;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .training-myzone .container .editor h5 {
    font-size: 20px;
  }
}
@media screen and (max-width: 479px) {
  .training-myzone .container .editor h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 480px) {
  .training-myzone .container .editor h5 small {
    font-size: 20px;
  }
}
.training-myzone .container .editor h5 + p {
  margin-top: 5px;
}
.training-myzone .container .editor section {
  margin: 30px 0;
}
@media screen and (max-width: 479px) {
  .training-myzone .container .editor section {
    margin: 25px 0;
  }
}

@media screen and (min-width: 1200px) {
  #myzone01 .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  #myzone01 {
    padding: 0;
  }
  #myzone01 .pic {
    bottom: auto;
    background: none !important;
  }
  #myzone01 .pic img {
    display: block !important;
  }
  #myzone01 .pic::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  }
  #myzone01 .container {
    display: block;
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  #myzone01 .container {
    padding: 25px 0;
  }
}
@media screen and (min-width: 1200px) {
  #myzone01 .circles {
    position: absolute;
    top: -25px;
    left: calc(0px - 50vw + 800px + 160px);
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  #myzone01 .circles {
    left: 0;
  }
}
#myzone01 .circles ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  #myzone01 .circles ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#myzone01 .circles ul li .circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
}
#myzone01 .circles ul li + li {
  margin-left: 20px;
}
#myzone01 .circles ul li:nth-child(odd) .circle {
  background-color: rgba(255, 0, 0, 0.8);
}
#myzone01 .circles ul li:nth-child(even) .circle {
  background-color: rgba(255, 140, 0, 0.8);
}
#myzone01 .circles ul li span {
  font-size: 0.85em;
}
#myzone01 .circles ul li .icon {
  display: block;
  font-size: 35px;
}
@media screen and (min-width: 1200px) {
  #myzone01 .video {
    width: calc(100% - 800px);
    margin-top: 75px;
  }
}
@media screen and (max-width: 1199px) {
  #myzone01 .video {
    margin: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  #myzone01 .video {
    margin: 25px 0;
  }
}
@media screen and (min-width: 1200px) {
  #myzone01 .editor {
    max-width: 745px;
  }
}
@media screen and (max-width: 1199px) {
  #myzone01 .editor {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  #myzone01 .editor {
    margin-top: 25px;
  }
}
#myzone01 .editor .head {
  position: relative;
}
#myzone01 .editor .head img {
  display: block;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #myzone01 .editor .head img {
    position: absolute;
    top: -35px;
    right: 55px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  #myzone01 .editor .head {
    text-align: center;
  }
  #myzone01 .editor .head img {
    display: inline-block;
    margin-top: 15px;
  }
}

@media screen and (max-width: 1199px) {
  #myzone02 .pic {
    background-size: 100% auto !important;
    background-position: top center !important;
  }
}
#myzone02 .container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  #myzone02 .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  #myzone02 .container {
    padding: 25px 0;
  }
}
@media screen and (min-width: 1200px) {
  #myzone02 .editor {
    max-width: 615px;
    margin-left: 50px;
  }
  #myzone02 .editor h5 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1199px) {
  #myzone02 .editor {
    width: 100%;
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  #myzone02 .editor {
    margin-top: 25px;
  }
}
#myzone02 .myzone-interface {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#myzone02 .myzone-interface > div + div {
  margin-top: 45px;
}
@media screen and (max-width: 479px) {
  #myzone02 .myzone-interface > div + div {
    margin-top: 25px;
  }
}
#myzone02 .myzone-interface .interface-colors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #ffffff;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  #myzone02 .myzone-interface .interface-colors .pic + p {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  #myzone02 .myzone-interface .interface-colors {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  #myzone02 .myzone-interface .interface-colors .pic + p {
    margin-top: 25px;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  #myzone03 {
    padding: 105px 0;
  }
}
@media screen and (max-width: 991px) {
  #myzone03 .pic {
    position: relative;
  }
  #myzone03 .pic::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  }
  #myzone03 .container {
    display: block;
    padding: 0 0 50px;
  }
}
@media screen and (max-width: 479px) {
  #myzone03 .container {
    padding: 0 0 25px;
  }
}
#myzone03 .editor {
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  #myzone03 .editor {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  #myzone03 .editor {
    text-align: center;
  }
}
#myzone03 .editor .button {
  margin-top: 35px;
}
@media screen and (max-width: 479px) {
  #myzone03 .editor .button {
    margin-top: 25px;
  }
}
#myzone03 .editor .button .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 55px;
  padding: 0 45px;
}
@media screen and (max-width: 767px) {
  #myzone03 .editor .button .btn {
    height: 45px;
  }
}

.blog-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.blog-wrapper .entry .entry-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-wrapper .entry .pic {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.blog-wrapper .entry .content .head ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
  font-size: 16px;
  line-height: 1;
}
.blog-wrapper .entry .content .head ul .label + .label {
  margin-left: 2px;
}
.blog-wrapper .entry .content .head ul .label + .date {
  margin-left: 1em;
}
.blog-wrapper .entry .content .head ul .label a {
  position: relative;
  display: block;
  padding: 5px 10px;
  color: #ffffff;
  text-align: center;
}
.blog-wrapper .entry .content .head ul .label a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #ED7448;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.blog-wrapper .entry .content .head ul .label a span {
  position: relative;
  display: block;
}
.blog-wrapper .entry .content .head ul .label a:hover::before {
  background-color: #c55b35;
}
.blog-wrapper .entry .content .head .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
.blog-wrapper .entry .content .head .title a:hover {
  color: #FF0000;
}
@media screen and (max-width: 479px) {
  .blog-wrapper .entry .content .head {
    font-size: 20px;
  }
}
.blog-wrapper .entry .content .head + .text {
  margin-top: 15px;
}
.blog-wrapper .entry .content .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  max-height: 7em;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.75;
}
.blog-wrapper .blog-first {
  width: 100%;
  margin-bottom: 55px;
}
@media screen and (max-width: 991px) {
  .blog-wrapper .blog-first {
    display: none;
  }
}
.blog-wrapper .blog-first .entry .entry-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-wrapper .blog-first .entry .content {
  width: calc(100% - 850px);
}
.blog-wrapper .blog-first .entry .content .head .title {
  font-size: 35px;
}
.blog-wrapper .blog-first .entry .content .button {
  margin-top: 35px;
}
.blog-wrapper .blog-first .entry .content .button .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 55px;
  padding: 0 40px;
}
.blog-wrapper .blog-first .entry .content .button .btn .btn-inner {
  font-size: 16px;
}
@media screen and (max-width: 1399px) {
  .blog-wrapper .blog-first .entry .pic {
    width: 50%;
  }
  .blog-wrapper .blog-first .entry .content {
    width: calc(50% - 25px);
  }
}
@media screen and (min-width: 1200px) {
  .blog-wrapper .blog-entries {
    width: calc(100% - 490px);
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .blog-wrapper .blog-entries {
    width: calc(100% - 325px);
  }
}
@media screen and (min-width: 992px) {
  .blog-wrapper .blog-entries {
    margin-top: -40px;
  }
}
@media screen and (max-width: 991px) {
  .blog-wrapper .blog-entries {
    width: 100%;
  }
}
.blog-wrapper .blog-entries .entry {
  border-bottom: 1px solid #DBDBDB;
}
.blog-wrapper .blog-entries .entry .entry-inner {
  padding: 40px 0;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
@media screen and (min-width: 992px) {
  .blog-wrapper .blog-entries .entry .entry-inner:hover {
    background-color: #FAFAFA;
  }
}
@media screen and (max-width: 479px) {
  .blog-wrapper .blog-entries .entry .entry-inner {
    padding: 25px 0;
  }
}
@media screen and (min-width: 992px) {
  .blog-wrapper .blog-entries .entry:first-child {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .blog-wrapper .blog-entries .entry:first-child a {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .blog-wrapper .blog-entries .entry .entry-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.blog-wrapper .blog-entries .entry .pic {
  width: 280px;
}
@media screen and (min-width: 768px) {
  .blog-wrapper .blog-entries .entry .pic {
    margin-left: 25px;
  }
}
@media screen and (max-width: 767px) {
  .blog-wrapper .blog-entries .entry .pic {
    width: 100%;
    margin-bottom: 25px;
  }
}
.blog-wrapper .blog-entries .entry .content {
  max-width: 510px;
}
.blog-wrapper .blog-entries .pagination {
  padding-bottom: 0;
}
.blog-wrapper .blog-trending {
  background-color: #F5F5F5;
  border-top: 4px solid #FF0000;
  padding: 25px;
}
@media screen and (min-width: 1200px) {
  .blog-wrapper .blog-trending {
    width: 450px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .blog-wrapper .blog-trending {
    width: 300px;
  }
}
@media screen and (max-width: 991px) {
  .blog-wrapper .blog-trending {
    display: none;
  }
}
.blog-wrapper .blog-trending .title {
  font-size: 20px;
}
.blog-wrapper .blog-trending ul {
  margin-top: 10px;
}
.blog-wrapper .blog-trending ul li + li {
  margin-top: 5px;
}
.blog-wrapper .blog-trending ul li a {
  display: block;
  background-color: #ffffff;
  padding: 20px;
  font-size: 18px;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
}
@media screen and (max-width: 1199px) {
  .blog-wrapper .blog-trending ul li a {
    font-size: 16px;
  }
}
.blog-wrapper .blog-trending ul li a:hover {
  background-color: #FF0000;
  color: #ffffff;
}

/* ------------------------------------------
 * *  contact
 * * -----------------------------------------*/
.contact-head {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .contact-head {
    text-align: center;
  }
}
@media screen and (max-width: 479px) {
  .contact-head {
    margin-bottom: 25px;
  }
}
.contact-head .title {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .contact-head .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .contact-head .title {
    font-size: 20px;
  }
}
.contact-head .text {
  margin-top: 15px;
  font-size: 16px;
}

.contact-foot {
  margin-top: 45px;
  font-size: 16px;
  text-align: center;
}
.contact-foot ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .contact-foot ul li {
    width: calc(33.3333333333% - 6.6666666667px);
    margin-right: 10px;
  }
  .contact-foot ul li:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .contact-foot ul {
    display: block;
  }
  .contact-foot ul li + li {
    margin-top: 15px;
  }
}

.contact-list {
  margin-top: -45px;
}
@media screen and (max-width: 479px) {
  .contact-list {
    margin-top: -25px;
  }
}
.contact-list .grid-item, .contact-list .grid-sizer {
  width: calc(33.3333333333% - 6.6666666667px);
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .contact-list .grid-item, .contact-list .grid-sizer {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 767px) {
  .contact-list .grid-item, .contact-list .grid-sizer {
    width: 100%;
  }
}
.contact-list .grid-item {
  margin-top: 45px;
}
@media screen and (min-width: 992px) {
  .contact-list .grid-item {
    float: left;
  }
}
@media screen and (max-width: 479px) {
  .contact-list .grid-item {
    margin-top: 25px;
  }
}
.contact-list .gutter-sizer {
  width: 10px;
}
.contact-list .contact-table {
  width: 100%;
}
.contact-list .contact-table th, .contact-list .contact-table td {
  padding: 15px 20px;
  vertical-align: middle;
  text-align: left;
  line-height: 1;
}
@media screen and (max-width: 479px) {
  .contact-list .contact-table th, .contact-list .contact-table td {
    padding: 15px;
  }
}
.contact-list .contact-table th {
  background-color: #FF0000;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
.contact-list .contact-table td {
  font-size: 18px;
  border-bottom: 1px dashed #CBCBCB;
}
.contact-list .contact-table td:first-child {
  width: 220px;
  background-color: #F6F8F9;
  font-weight: 700;
}
.contact-list .contact-table td span {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
  color: #FF0000;
}
@media screen and (max-width: 479px) {
  .contact-list .contact-table td {
    font-size: 16px;
  }
  .contact-list .contact-table td:first-child {
    width: 120px;
  }
  .contact-list .contact-table td span {
    display: block;
    margin-top: 5px;
    margin-left: 0;
    font-size: 14px;
  }
}

[data-page=contact-form] .contact-head, [data-page=contact-form] .fieldset-row {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form .fieldset.fieldset-inputs .form-group.for-textarea .form-group-label {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px;
}
.contact-form .fieldset.fieldset-inputs .form-group.for-textarea .form-control {
  padding: 20px;
}
.contact-form .fieldset.fieldset-info {
  margin-top: 35px;
  padding-top: 20px;
  border-top: 1px solid #DCDCDC;
}
.contact-form .fieldset.fieldset-action .fieldset-row .btn {
  width: 180px;
  height: 55px;
}

.contact-shop-table {
  width: 100%;
}
.contact-shop-table + .contact-shop-table {
  margin-top: 80px;
}
@media screen and (max-width: 991px) {
  .contact-shop-table + .contact-shop-table {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .contact-shop-table + .contact-shop-table {
    margin-top: 25px;
  }
}
.contact-shop-table th, .contact-shop-table td {
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .contact-shop-table th:nth-child(2), .contact-shop-table th:nth-child(3), .contact-shop-table td:nth-child(2), .contact-shop-table td:nth-child(3) {
    text-align: center;
  }
}
.contact-shop-table thead {
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
}
.contact-shop-table thead th {
  height: 50px;
  white-space: nowrap;
}
.contact-shop-table thead tr:nth-child(1) {
  font-size: 20px;
  text-align: center;
}
.contact-shop-table thead tr:nth-child(1) th {
  background-color: #212121;
}
.contact-shop-table thead tr:nth-child(2) {
  font-size: 16px;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .contact-shop-table thead tr:nth-child(2) {
    display: none;
  }
}
.contact-shop-table thead tr:nth-child(2) th {
  background-color: #4D4D4D;
}
.contact-shop-table thead tr:nth-child(2) th span {
  display: block;
  padding: 0 20px;
}
.contact-shop-table thead tr:nth-child(2) th + th span {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.contact-shop-table tbody {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contact-shop-table tbody tr .mobile-toggle {
    display: none;
  }
  .contact-shop-table tbody tr:nth-child(even) td {
    background-color: #F7F7F7;
  }
}
@media screen and (max-width: 991px) {
  .contact-shop-table tbody tr {
    display: block;
    margin-top: 15px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .contact-shop-table tbody tr:nth-child(even) td::before {
    background-color: #353535;
  }
}
@media screen and (max-width: 767px) {
  .contact-shop-table tbody tr {
    position: relative;
    padding-bottom: 40px;
  }
  .contact-shop-table tbody tr .mobile-toggle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    background-color: #353535;
    color: #ffffff;
  }
  .contact-shop-table tbody tr .mobile-toggle::before {
    content: "點擊展開";
  }
  .contact-shop-table tbody tr .mobile-toggle::after {
    content: "\e906";
    font-family: "icomoon";
    margin-left: 5px;
  }
  .contact-shop-table tbody tr .mobile-toggle.active::before {
    content: "點擊收起";
  }
  .contact-shop-table tbody tr .mobile-toggle.active::after {
    content: "\e905";
  }
}
@media screen and (min-width: 992px) {
  .contact-shop-table tbody td {
    padding: 15px 20px;
  }
  .contact-shop-table tbody td:nth-child(1) {
    width: 17%;
  }
  .contact-shop-table tbody td:nth-child(2) {
    width: 9%;
  }
  .contact-shop-table tbody td:nth-child(3) {
    width: 15%;
  }
  .contact-shop-table tbody td:nth-child(4) {
    width: 27%;
  }
  .contact-shop-table tbody td:nth-child(5) {
    width: 32%;
  }
  .contact-shop-table tbody td:nth-child(2), .contact-shop-table tbody td:nth-child(3) {
    font-weight: 700;
  }
}
@media screen and (max-width: 991px) {
  .contact-shop-table tbody td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .contact-shop-table tbody td::before {
    content: attr(data-title);
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    padding: 10px 15px;
    background-color: #4D4D4D;
    color: #ffffff;
    font-weight: 700;
  }
  .contact-shop-table tbody td > div {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .contact-shop-table tbody td {
    display: none;
    background-color: #F7F7F7;
  }
  .contact-shop-table tbody td:nth-child(1), .contact-shop-table tbody td:nth-child(2), .contact-shop-table tbody td.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 992px) {
  [data-page=contact-faq] .primary .primary-head .primary-head-inner .text.sublinks.accordion {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .faq-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.faq-wrapper .faq-menu {
  width: 175px;
}
.faq-wrapper .faq-menu ul {
  font-size: 18px;
  line-height: 1.25;
}
.faq-wrapper .faq-menu ul li.current {
  font-weight: 700;
}
.faq-wrapper .faq-menu ul li + li {
  margin-top: 1em;
}
.faq-wrapper .faq-menu ul li a:hover {
  color: #FF0000;
}
@media screen and (max-width: 991px) {
  .faq-wrapper .faq-menu {
    display: none;
  }
}
@media screen and (min-width: 1400px) {
  .faq-wrapper .faq-list, .faq-wrapper .faq-detail {
    width: calc(100% - 225px);
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .faq-wrapper .faq-list, .faq-wrapper .faq-detail {
    width: calc(100% - 200px);
  }
}
.faq-wrapper .faq-list .title {
  padding-bottom: 20px;
  border-bottom: 2px solid #FF0000;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 991px) {
  .faq-wrapper .faq-list .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .faq-wrapper .faq-list .title {
    font-size: 20px;
    padding-bottom: 15px;
  }
}
.faq-wrapper .faq-list ul li {
  border-bottom: 1px solid #E5E5E5;
}
.faq-wrapper .faq-list ul li a {
  position: relative;
  display: block;
  padding: 10px 25px;
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
@media screen and (max-width: 991px) {
  .faq-wrapper .faq-list ul li a {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .faq-wrapper .faq-list ul li a {
    font-size: 16px;
  }
}
.faq-wrapper .faq-list ul li a::before, .faq-wrapper .faq-list ul li a::after {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.faq-wrapper .faq-list ul li a::before {
  content: "Q";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 25px;
  border-radius: 50%;
  background-color: #F2F2F2;
  color: #5F5F5F;
  text-align: center;
  line-height: 40px;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
@media screen and (max-width: 767px) {
  .faq-wrapper .faq-list ul li a::before {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
  }
}
.faq-wrapper .faq-list ul li a::after {
  content: "\e90c";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  font-family: "icomoon";
  font-size: 14px;
  color: #B2B2B2;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.faq-wrapper .faq-list ul li a:hover {
  background-color: #F7F7F7;
}
.faq-wrapper .faq-list ul li a:hover::before {
  background-color: #FF0000;
  color: #ffffff;
}
.faq-wrapper .faq-list ul li a:hover::after {
  opacity: 1;
}
.faq-wrapper .faq-detail .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 991px) {
  .faq-wrapper .faq-detail .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 479px) {
  .faq-wrapper .faq-detail .title {
    font-size: 18px;
  }
}
.faq-wrapper .faq-detail .title::before {
  content: "Q";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: #FF0000;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}
@media screen and (max-width: 767px) {
  .faq-wrapper .faq-detail .title::before {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
  }
}
.faq-wrapper .faq-detail .content {
  margin-top: 20px;
  background-color: #F7F7F7;
  padding: 35px 60px;
  font-size: 18px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .faq-wrapper .faq-detail .content {
    padding: 25px;
    font-size: 16px;
  }
}
.faq-wrapper .faq-detail .button {
  margin-top: 45px;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .faq-wrapper .faq-detail .button {
    margin-top: 25px;
  }
}
.faq-wrapper .faq-detail .button .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 55px;
  padding: 0 40px;
}
.faq-wrapper .faq-detail .button .btn .btn-inner {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .faq-wrapper .faq-detail .button {
    height: 45px;
    padding: 0 25px;
  }
  .faq-wrapper .faq-detail .button .btn-inner {
    font-size: 16px;
  }
}

/* -------------------------------------------
 * *  recruit
 * * ------------------------------------------ */
#recruit #main {
  background-color: #ffffff;
}

.recruit-banner {
  z-index: 0;
}
.recruit-banner .banner-display .banner-display-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 900px;
  padding-top: 125px;
}
@media screen and (max-width: 991px) {
  .recruit-banner .banner-display .banner-display-inner {
    height: auto;
  }
}
.recruit-banner .banner-display .banner-display-inner .breadcrumb {
  margin-top: 40px;
  color: #7C7C7C;
}
@media screen and (max-width: 767px) {
  .recruit-banner .banner-display .banner-display-inner .breadcrumb {
    margin-top: 25px;
  }
}
.recruit-banner .banner-display .banner-display-inner .title {
  margin: 1em 0;
  color: #000000;
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1199px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li + li {
    margin-left: 30px;
  }
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  border-radius: 5%;
  background-color: #ffffff;
  text-align: center;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 1200px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a {
    width: 215px;
    height: 215px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a {
    width: calc(25vw - 25px - 30px);
    height: calc(25vw - 25px - 30px);
  }
}
@media screen and (max-width: 991px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a {
    width: calc(25vw - 25px - 11.25px);
    height: calc(25vw - 25px - 11.25px);
  }
}
@media screen and (max-width: 767px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a {
    width: calc(25vw - 12.5px - 3.75px);
    height: calc(25vw - 12.5px - 3.75px);
    padding: 5px;
  }
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon {
  position: relative;
  width: 80px;
  height: 80px;
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon::before, .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon img {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #F08D8D;
  border-radius: 50%;
  opacity: 0.15;
  -moz-transition-property: background-color, opacity;
  -o-transition-property: background-color, opacity;
  -webkit-transition-property: background-color, opacity;
  transition-property: background-color, opacity;
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon img {
  display: block;
  margin: 0 auto;
  height: 80px;
  opacity: 0.5;
  -moz-transition-property: filter, opacity;
  -o-transition-property: filter, opacity;
  -webkit-transition-property: filter, opacity;
  transition-property: filter, opacity;
}
@media screen and (max-width: 991px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon {
    width: 40px;
    height: 40px;
  }
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon img {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a .icon {
    display: none;
  }
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a p {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a p {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a p {
    margin-top: 0;
  }
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a p::after {
  content: "\e906";
  display: block;
  margin: 10px auto 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #DBDBDB;
  font-family: "icomoon";
  font-weight: normal;
  color: #7C7C7C;
  text-align: center;
  line-height: 28px;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
@media screen and (max-width: 767px) {
  .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a p::after {
    display: none;
  }
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li.current a, .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a:hover {
  background-color: #FF0000;
  color: #ffffff;
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li.current a .icon::before, .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a:hover .icon::before {
  background-color: #ffffff;
  opacity: 0.25;
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li.current a .icon img, .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a:hover .icon img {
  -webkit-filter: invert(100%);
  -ms-filter: invert(100%);
  filter: invert(100%);
  opacity: 1;
}
.recruit-banner .banner-display .banner-display-inner .recruit-sublinks li.current a p::after, .recruit-banner .banner-display .banner-display-inner .recruit-sublinks li a:hover p::after {
  color: #FF0000;
  background-color: #ffffff;
  border-color: #ffffff;
}

.recruit-primary {
  position: relative;
  padding-top: 0;
}
@media screen and (min-width: 1200px) {
  .recruit-primary {
    margin-top: -125px;
  }
}
@media screen and (max-width: 991px) {
  .recruit-primary .primary-head {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .recruit-primary .primary-head {
    margin-top: 35px;
  }
}
@media screen and (min-width: 480px) {
  .recruit-primary .primary-head .primary-head-inner {
    padding-bottom: 0;
  }
}
.recruit-primary .primary-head .primary-head-inner .text {
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .recruit-primary .primary-head .primary-head-inner .text.f18 {
    font-size: 18px;
  }
}
.recruit-primary .primary-main + .primary-head {
  margin-top: 100px;
}
@media screen and (max-width: 1199px) {
  .recruit-primary .primary-main + .primary-head {
    margin-top: 75px;
  }
}
@media screen and (max-width: 991px) {
  .recruit-primary .primary-main + .primary-head {
    margin-top: 50px;
  }
}

.recruit-welfare {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .recruit-welfare li {
    max-width: 17.5%;
  }
}
@media screen and (min-width: 768px) {
  .recruit-welfare li {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.recruit-welfare li dl {
  padding-left: 30px;
}
.recruit-welfare li dl dt {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 15px;
}
.recruit-welfare li dl dt::before {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  margin-left: -30px;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .recruit-welfare li dl dt {
    font-size: 18px;
  }
  .recruit-welfare li dl dt::before {
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
  }
}
.recruit-welfare li dl dd {
  padding-left: 1.5em;
  font-size: 18px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .recruit-welfare li dl dd {
    font-size: 16px;
  }
}
.recruit-welfare li dl dd::before {
  content: "\e91c";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  font-family: "icomoon";
}
@media screen and (min-width: 1200px) {
  .recruit-welfare li + li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #E0E0E0;
  }
}
@media screen and (max-width: 1199px) {
  .recruit-welfare {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .recruit-welfare li {
    padding-left: 30px;
    padding-right: 30px;
    border-top: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .recruit-welfare li {
    width: calc(33.3333333333% - 30px);
  }
  .recruit-welfare li:nth-child(-n+3) {
    border-top: none;
  }
  .recruit-welfare li:nth-child(3n-5) {
    padding-left: 0;
  }
  .recruit-welfare li:nth-child(3n+0) {
    padding-right: 0;
    border-right: none;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .recruit-welfare li {
    width: calc(50% - 15px);
  }
  .recruit-welfare li:nth-child(-n+2) {
    border-top: none;
  }
  .recruit-welfare li:nth-child(odd) {
    padding-left: 0;
  }
  .recruit-welfare li:nth-child(even) {
    padding-right: 0;
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .recruit-welfare li {
    width: 100%;
  }
  .recruit-welfare li + li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #E0E0E0;
  }
}

.recruit-env {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .recruit-env li {
    width: calc(33.3333333333% - 26.6666666667px);
    margin: 55px 40px 0 0;
  }
  .recruit-env li:nth-child(-n+3) {
    margin-top: 0;
  }
  .recruit-env li:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .recruit-env li {
    width: calc(50% - 12.5px);
    margin: 50px 25px 0 0;
  }
  .recruit-env li:nth-child(-n+2) {
    margin-top: 0;
  }
  .recruit-env li:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .recruit-env li {
    width: 100%;
  }
  .recruit-env li + li {
    margin-top: 25px;
  }
}
.recruit-env li figure figcaption {
  margin-top: 0.75em;
  font-size: 16px;
}

@media screen and (min-width: 1200px) {
  .recruit-staff {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.recruit-staff li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .recruit-staff li {
    width: calc(50% - 50px);
    margin-top: 85px;
  }
  .recruit-staff li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .recruit-staff li + li {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-staff li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .recruit-staff li:first-child {
    padding-top: 15px;
  }
}
.recruit-staff li .pic {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 245px;
}
@media screen and (max-width: 1399px) {
  .recruit-staff li .pic {
    width: 200px;
  }
}
@media screen and (max-width: 991px) {
  .recruit-staff li .pic {
    width: 150px;
  }
}
.recruit-staff li .pic::before, .recruit-staff li .pic::after, .recruit-staff li .pic img {
  border-radius: 50%;
}
.recruit-staff li .pic img {
  position: relative;
  z-index: 1;
}
.recruit-staff li .pic::before, .recruit-staff li .pic::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #FF0000;
}
.recruit-staff li .pic::before {
  top: -15px;
  left: -15px;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  opacity: 0.25;
}
.recruit-staff li .pic::after {
  left: -25px;
  bottom: 0;
  width: 63%;
  height: 63%;
  opacity: 0.7;
}
.recruit-staff li .info {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (min-width: 992px) {
  .recruit-staff li .info {
    margin-left: 30px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .recruit-staff li .info {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-staff li .info {
    margin-top: 25px;
  }
}
.recruit-staff li .info .info-head .name span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.recruit-staff li .info .info-head .name span + span {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .recruit-staff li .info .info-head .name span + span {
    margin-left: 5px;
  }
}
.recruit-staff li .info .info-head .name span.zh, .recruit-staff li .info .info-head .name span.en {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .recruit-staff li .info .info-head .name span.zh, .recruit-staff li .info .info-head .name span.en {
    font-size: 20px;
  }
}
.recruit-staff li .info .info-head .name span.zh {
  font-weight: 700;
}
.recruit-staff li .info .info-head .name span.en {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  color: #FF0000;
}
.recruit-staff li .info .info-head .name span.post {
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 30px;
  border: 1px solid #C6C6C6;
}
.recruit-staff li .info .info-head p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1;
  color: #909090;
}
.recruit-staff li .info .info-text {
  margin-top: 15px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .contact-shop-table.recruit-table tbody tr {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .contact-shop-table.recruit-table tbody td {
    text-align: left;
  }
  .contact-shop-table.recruit-table tbody td:nth-child(1) {
    width: 25%;
    font-weight: 700;
  }
  .contact-shop-table.recruit-table tbody td:nth-child(2) {
    width: 50%;
  }
  .contact-shop-table.recruit-table tbody td:nth-child(3) {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .contact-shop-table.recruit-table tbody td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.recruit-job {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0 50px 135px;
  border-bottom: 1px solid #E3E3E3;
}
@media screen and (max-width: 1399px) {
  .recruit-job {
    padding: 50px 0;
  }
}
@media screen and (max-width: 991px) {
  .recruit-job {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .recruit-job:first-child {
    padding-top: 0;
  }
}
@media screen and (max-width: 479px) {
  .recruit-job {
    padding: 25px 0;
  }
}
.recruit-job .job-profile {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
.recruit-job .job-profile .pic {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 479px) {
  .recruit-job .job-profile .pic {
    width: 200px;
    height: 200px;
  }
}
.recruit-job .job-profile .captions {
  position: absolute;
  right: 175px;
  bottom: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 479px) {
  .recruit-job .job-profile .captions {
    right: 125px;
  }
}
.recruit-job .job-profile .captions li {
  background-color: #FF0000;
  padding: 0 20px;
  border-radius: 40px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .recruit-job .job-profile .captions li {
    font-size: 14px;
    line-height: 30px;
    border-radius: 30px;
    padding: 0 15px;
  }
}
.recruit-job .job-profile .captions li + li {
  margin-top: 10px;
}
@media screen and (min-width: 992px) {
  .recruit-job .job-info {
    margin-left: 45px;
  }
}
@media screen and (min-width: 768px) {
  .recruit-job .job-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .recruit-job .job-info .job-info-content + .job-info-content {
    margin-left: 25px;
  }
}
@media screen and (max-width: 991px) {
  .recruit-job .job-info {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-job .job-info {
    width: 100%;
    margin-top: 25px;
  }
  .recruit-job .job-info .job-info-content + .job-info-content {
    margin-top: 25px;
  }
}
.recruit-job .job-info .job-info-content:first-child {
  width: 335px;
}
.recruit-job .job-info .job-info-content .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .recruit-job .job-info .job-info-content .title {
    font-size: 20px;
  }
}
.recruit-job .job-info .job-info-content ul {
  margin-top: 20px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .recruit-job .job-info .job-info-content ul {
    font-size: 16px;
  }
}
.recruit-job .job-info .job-info-content ul:not(.check-list) {
  list-style-type: none;
  padding: 0 0 0 1.5em;
  line-height: 1.75;
}
.recruit-job .job-info .job-info-content ul:not(.check-list) li::before {
  content: "\e91c";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  font-family: "icomoon";
}
.recruit-job .job-info .job-info-content ul.check-list {
  line-height: 1.5;
}
.recruit-job .job-info .job-info-content ul.check-list li + li {
  margin-top: 0.5em;
}

.recruit-agencies {
  margin-top: 70px;
}
@media screen and (max-width: 1399px) {
  .recruit-agencies {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .recruit-agencies {
    margin-top: 25px;
  }
}
.recruit-agencies ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .recruit-agencies ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 479px) {
  .recruit-agencies ul {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
@media screen and (min-width: 992px) {
  .recruit-agencies ul li + li {
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .recruit-agencies ul li + li {
    margin-top: 15px;
  }
}
@media screen and (max-width: 479px) {
  .recruit-agencies ul li + li {
    margin-top: 5px;
  }
}
.recruit-agencies ul li .btn {
  width: 280px;
  height: 100px;
}
@media screen and (max-width: 479px) {
  .recruit-agencies ul li .btn {
    width: 100%;
    height: 75px;
  }
}
.recruit-agencies ul li .btn::before {
  border: 1px solid #DBDBDB;
}
.recruit-agencies ul li .btn:hover::before {
  background-color: #F5F5F5;
}

/* -------------------------------------------
 * *  terms
 * * ------------------------------------------ */
.terms-content section + section {
  padding-top: 3em;
  border-top: 1px solid #DCDCDC;
}
@media screen and (max-width: 479px) {
  .terms-content section + section {
    padding-top: 1.5em;
  }
}
.terms-content ul:not(.noneStyle) li::before {
  color: inherit;
}

/* -------------------------------------------
 * *  sitemap
 * * ------------------------------------------ */
@media screen and (min-width: 768px) {
  .sitemap-wrapper {
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px;
  }
}
@media screen and (min-width: 1400px) {
  .sitemap-wrapper {
    -webkit-column-width: 403.3333333333px;
    -moz-column-width: 403.3333333333px;
    column-width: 403.3333333333px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .sitemap-wrapper {
    -webkit-column-width: calc(33.3333333333vw - 33.3333333333px - 30px);
    -moz-column-width: calc(33.3333333333vw - 33.3333333333px - 30px);
    column-width: calc(33.3333333333vw - 33.3333333333px - 30px);
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .sitemap-wrapper {
    -webkit-column-width: calc(50vw - 50px - 22.5px);
    -moz-column-width: calc(50vw - 50px - 22.5px);
    column-width: calc(50vw - 50px - 22.5px);
  }
}
.sitemap-wrapper .sitemap-box {
  -webkit-break-inside: avoid-column;
  break-inside: avoid-column;
}
.sitemap-wrapper .sitemap-box + .sitemap-box {
  margin-top: 45px;
}
@media screen and (max-width: 479px) {
  .sitemap-wrapper .sitemap-box + .sitemap-box {
    margin-top: 25px;
  }
}
.sitemap-wrapper .sitemap-box .title {
  padding: 15px 20px;
  background-color: #F2F2F2;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.sitemap-wrapper .sitemap-box .title::before {
  content: "\e90c";
  display: inline-block;
  vertical-align: 4px;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #FF0000;
  font-family: "icomoon";
  font-size: 8px;
  text-align: center;
  line-height: 17px;
  color: #ffffff;
}
.sitemap-wrapper .sitemap-box > ul {
  margin-top: 20px;
  padding-left: 50px;
  font-size: 16px;
  line-height: 1.25;
}
@media screen and (max-width: 479px) {
  .sitemap-wrapper .sitemap-box > ul {
    padding-left: 20px;
  }
}
.sitemap-wrapper .sitemap-box > ul li + li {
  margin-top: 0.75em;
}
.sitemap-wrapper .sitemap-box > ul li a:hover {
  color: #FF0000;
}
.sitemap-wrapper .sitemap-box > ul > li > ul {
  margin-top: 0.75em;
  margin-left: 0.5em;
  padding-left: 1.5em;
}
.sitemap-wrapper .sitemap-box > ul > li > ul li::before {
  content: "\e91c";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  font-family: "icomoon";
}

/* ------------------------------------------
 * *  search
 * * -----------------------------------------*/
@media screen and (min-width: 992px) {
  .search-banner .banner-display .banner-display-inner {
    height: 355px;
  }
}
.search-banner .banner-searchbar {
  background-color: #EBEBEB;
}
@media screen and (min-width: 768px) {
  .search-banner .banner-searchbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .search-banner .banner-searchbar {
    height: 135px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .search-banner .banner-searchbar {
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  .search-banner .banner-searchbar {
    padding: 25px;
  }
}
@media screen and (max-width: 479px) {
  .search-banner .banner-searchbar {
    padding: 15px 25px;
  }
}
.search-banner .banner-searchbar .searchbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.search-banner .banner-searchbar .searchbar .input-wrapper {
  position: relative;
}
.search-banner .banner-searchbar .searchbar .input-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #ffffff;
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
}
.search-banner .banner-searchbar .searchbar .input-wrapper input {
  position: relative;
  display: block;
  width: 425px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .search-banner .banner-searchbar .searchbar .input-wrapper {
    width: calc(100% - 20px);
  }
  .search-banner .banner-searchbar .searchbar .input-wrapper input {
    width: 100%;
  }
}
.search-banner .banner-searchbar .searchbar .btn {
  margin-left: 5px;
}
.search-banner .banner-searchbar .searchbar .input-wrapper input, .search-banner .banner-searchbar .searchbar .btn {
  height: 55px;
  padding: 0 25px;
}
@media screen and (max-width: 767px) {
  .search-banner .banner-searchbar .searchbar .input-wrapper input, .search-banner .banner-searchbar .searchbar .btn {
    height: 45px;
    padding: 0 20px;
  }
}

.search-status {
  font-size: 16px;
  line-height: 1;
}
.search-status + .search-result {
  margin-top: 15px;
}

.search-result .adbar {
  margin: 25px 0;
}
.search-result .search-result-block {
  font-size: 16px;
}
.search-result .search-result-block a {
  display: block;
  padding: 30px 25px 15px;
  border-bottom: 1px solid #CCCCCC;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
@media screen and (max-width: 767px) {
  .search-result .search-result-block a {
    padding-top: 15px;
  }
}
.search-result .search-result-block a:hover {
  background-color: #F5F5F5;
}
.search-result .search-result-block a:hover .search-result-path ul {
  padding-left: 25px;
}
.search-result .search-result-block a .search-result-path {
  color: #FF0000;
  font-weight: 700;
}
.search-result .search-result-block a .search-result-path ul {
  -moz-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
.search-result .search-result-block a .search-result-path ul::before {
  content: "\e90c";
  font-family: "icomoon";
  display: inline-block;
  vertical-align: 2px;
  width: 17px;
  height: 17px;
  margin-left: -25px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #FF0000;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  color: #ffffff;
}
.search-result .search-result-block a .search-result-path ul li {
  display: inline-block;
}
.search-result .search-result-block a .search-result-path ul li::after {
  content: "/";
  display: inline-block;
  margin: 0 5px;
}
.search-result .search-result-block a .search-result-path ul li:last-child::after {
  display: none;
}
.search-result .search-result-block a .search-result-path + .search-result-content {
  margin-top: 15px;
}
.search-result .search-result-block a .search-result-content {
  line-height: 2;
}
.search-result + .pagination {
  padding-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .search-result + .pagination {
    padding-top: 95px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .search-result + .pagination {
    padding-top: 50px;
  }
}

/* ------------------------------------------
 * *  landing pages
 * * -----------------------------------------*/
#landingpage #header .inner {
  background: none;
}
#landingpage #header .inner .logo {
  left: 0 !important;
}
@media screen and (min-width: 1200px) {
  #landingpage #header .inner .logo {
    background-color: #ffffff;
  }
}
#landingpage #footer .footer .inner .top {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#landingpage #footer .footer .inner .top .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#landingpage #footer .footer .inner .top .social .social-apps {
  margin-top: 0;
  margin-left: 35px;
}
#landingpage #footer .footer .inner .top .social .social-apps ul {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #landingpage #footer .footer .inner .top .social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #landingpage #footer .footer .inner .top .social .social-apps {
    margin-top: 25px;
    margin-left: 0;
  }
}
#landingpage #main {
  padding-top: 0 !important;
}
#landingpage .container {
  max-width: 1495px;
}

.landing-section {
  position: relative;
}
.landing-section .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.landing-section .section-inner {
  position: relative;
  z-index: 1;
}

.landing-section.banner {
  position: relative;
  height: 100vh;
}
.landing-section.banner.banner-default .section-bg .banner-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.landing-section.banner.banner-default .section-bg .banner-slider .slick-item {
  width: 100%;
  height: 100vh;
}
.landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow {
  position: absolute;
  z-index: 5;
  color: #ffffff;
  font-size: 65px;
  line-height: 1;
}
.landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow span {
  display: block;
  width: 48px;
  height: 48px;
  border: 3px solid #ffffff;
}
.landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-prev span {
  border-right: none;
  border-bottom: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-next span {
  border-left: none;
  border-bottom: none;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 992px) {
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow {
    top: calc(50% - 32.5px);
  }
}
@media screen and (min-width: 1200px) {
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-prev {
    left: 75px;
  }
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-next {
    right: 75px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow span {
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-prev {
    left: 25px;
  }
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-next {
    right: 25px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow {
    bottom: 50px;
  }
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-prev {
    left: calc(50% - 35px);
  }
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow.slick-next {
    right: calc(50% - 35px);
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow span {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow {
    bottom: 25px;
  }
  .landing-section.banner.banner-default .section-bg .banner-slider .slick-arrow span {
    width: 15px;
    height: 15px;
  }
}
.landing-section.banner.banner-default .section-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
}
.landing-section.banner.banner-default .section-inner .banner-content {
  color: #ffffff;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-head {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  line-height: 1.25;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .zh {
  font-size: 50px;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .en {
  margin-top: 20px;
  font-size: 42px;
  text-transform: uppercase;
  color: #FF0000;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .text {
  margin-top: 35px;
  font-size: 20px;
  line-height: 2;
  text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1549px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .zh {
    font-size: 42px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .en {
    font-size: 30px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .text {
    margin-top: 25px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .zh {
    font-size: 35px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .en {
    margin-top: 10px;
    font-size: 25px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .text br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .text {
    font-size: 16px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .zh {
    font-size: 25px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .title .en {
    font-size: 18px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-head .text {
    line-height: 1.5;
  }
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info {
  margin-top: 85px;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li {
  min-width: 365px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li + li {
  margin-left: 55px;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 115px;
  height: 115px;
  background-color: rgba(255, 0, 0, 0.7);
  border-radius: 50%;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .icon img {
  display: block;
  width: 50px;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li a.icon {
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li a.icon:hover {
  background-color: rgb(255, 0, 0);
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info {
  margin-left: 25px;
  line-height: 1;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info .title {
  font-size: 22px;
  font-weight: 700;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info .text {
  margin-top: 10px;
  font-size: 18px;
}
@media screen and (max-width: 1549px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info {
    margin-top: 50px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li {
    min-width: 0;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li + li {
    margin-left: 35px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .icon {
    width: 95px;
    height: 95px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info .title {
    font-size: 20px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info .text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .icon {
    width: 65px;
    height: 65px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .icon img {
    width: 30px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info {
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li {
    width: 100%;
    max-width: 365px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li + li {
    margin-top: 45px;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info {
    margin-top: 25px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .icon {
    width: 50px;
    height: 50px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .icon img {
    width: 25px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li + li {
    margin-top: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info .title {
    font-size: 18px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li .info .text {
    margin-top: 5px;
    font-size: 15px;
  }
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-info ul li + li {
    margin-top: 15px;
  }
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 85px;
}
.landing-section.banner.banner-default .section-inner .banner-content .banner-content-button .btn {
  width: 200px;
  height: 60px;
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-button .btn {
    width: 150px;
    height: 50px;
    font-size: 16px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-button .btn {
    height: 40px;
  }
}
@media screen and (max-width: 1549px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-button {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-default .section-inner .banner-content .banner-content-button {
    margin-top: 25px;
  }
}

@media screen and (min-width: 480px) {
  .landing-form .form-row.inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
  }
}
.landing-form .form-row.inputs .form-group {
  position: relative;
}
@media screen and (min-width: 480px) {
  .landing-form .form-row.inputs .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 5px;
  }
}
@media screen and (max-width: 479px) {
  .landing-form .form-row.inputs .form-group + .form-group {
    margin-top: 5px;
  }
}
.landing-form .form-row.inputs .form-group .form-control, .landing-form .form-row.inputs .form-group .form-label {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.landing-form .form-row.inputs .form-group .form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 0 15px;
  border: none;
  background-color: #ffffff;
  color: #000000;
  font-size: 16px;
  -moz-transition-property: padding;
  -o-transition-property: padding;
  -webkit-transition-property: padding;
  transition-property: padding;
}
.landing-form .form-row.inputs .form-group .form-control::-webkit-input-placeholder {
  color: #000000;
}

.landing-form .form-row.inputs .form-group .form-control:-moz-placeholder {
  color: #000000;
}

.landing-form .form-row.inputs .form-group .form-control::-moz-placeholder {
  color: #000000;
}

.landing-form .form-row.inputs .form-group .form-control:-ms-input-placeholder {
  color: #000000;
}

.landing-form .form-row.inputs .form-group .form-control.active {
  padding: 27px 15px 12px 15px;
}
.landing-form .form-row.inputs .form-group > .bootstrap-select {
  width: 100%;
}
.landing-form .form-row.inputs .form-group > .bootstrap-select > .dropdown-toggle {
  background-color: #ffffff;
  height: 55px;
}
.landing-form .form-row.inputs .form-group > .bootstrap-select > .dropdown-toggle::after {
  content: "\e906";
  font-family: "icomoon";
  font-size: 1.15em;
  color: #646464;
  border: none;
}
.landing-form .form-row.inputs .form-group > .bootstrap-select > .dropdown-toggle.active > .filter-option {
  padding: 27px 15px 12px 15px;
}
.landing-form .form-row.inputs .form-group > .bootstrap-select > .dropdown-toggle > .filter-option {
  padding: 0 15px;
  font-size: 16px;
  -moz-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
.landing-form .form-row.inputs .form-group > .bootstrap-select > .dropdown-menu {
  padding: 0;
  border: 1px solid #c4c4c4;
}
.landing-form .form-row.inputs .form-group > .bootstrap-select.dropup > .dropdown-toggle::after {
  content: "\e905";
}
.landing-form .form-row.inputs .form-group .form-label {
  position: absolute;
  z-index: 5;
  display: block;
  top: 15px;
  left: 15px;
  opacity: 0;
  font-size: 12px;
  line-height: 1;
  color: #000000;
  -moz-transition-property: opacity, margin;
  -o-transition-property: opacity, margin;
  -webkit-transition-property: opacity, margin;
  transition-property: opacity, margin;
}
.landing-form .form-row.inputs .form-group .form-label.active {
  margin-top: -5px;
  opacity: 1;
}
.landing-form .form-row.inputs + .form-row.inputs {
  margin-top: 10px;
}
@media screen and (max-width: 479px) {
  .landing-form .form-row.inputs + .form-row.inputs {
    margin-top: 5px;
  }
}
.landing-form .form-row.agreement {
  margin-top: 25px;
  padding-left: 25px;
  font-size: 16px;
}
.landing-form .form-row.agreement .form-group input[type=checkbox] {
  display: none;
}
.landing-form .form-row.agreement .form-group input[type=checkbox]:checked + label::before {
  opacity: 1;
}
.landing-form .form-row.agreement .form-group label {
  position: relative;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 25%;
  margin-top: 3px;
  margin-left: -25px;
  background-color: #ffffff;
  border: 1px solid #C4C4C4;
  cursor: pointer;
}
.landing-form .form-row.agreement .form-group label::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "\e90d";
  font-family: "icomoon";
  line-height: 1;
  color: #FF0000;
  opacity: 0;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.landing-form .form-row.agreement .form-group p {
  font-size: 16px;
}
.landing-form .form-row.agreement .text {
  margin-top: 20px;
}
.landing-form .form-row.submit {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 479px) {
  .landing-form .form-row.submit {
    margin-top: 25px;
  }
}
.landing-form .form-row.submit .btn {
  width: 200px;
  height: 60px;
}
.landing-form .form-row.submit .btn .btn-inner {
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .landing-form .form-row.submit .btn {
    width: 150px;
    height: 50px;
    font-size: 16px;
  }
}
@media screen and (max-width: 479px) {
  .landing-form .form-row.submit .btn {
    height: 40px;
  }
}
.landing-form.was-validated .form-row.inputs .form-group .form-control:invalid {
  background-color: #f6ccd0;
}
.landing-form.was-validated .form-row.inputs .form-group .bootstrap-select .dropdown-toggle.is-invalid {
  background-color: #f6ccd0;
}
.landing-form.was-validated .form-row.agreement .form-group input[type=checkbox]:invalid + label {
  background-color: #f6ccd0;
}
.landing-form.was-validated .form-row input.hidden:invalid + .form-group-checks .checkbox-option label::before {
  background-color: #f6ccd0 !important;
}

/* ------------------------------------------
 * *  landing page 01
 * * -----------------------------------------*/
[data-page=landingpage01] {
  background-color: #F0F0F0;
}

.landing-section.banner.banner-alt .section-bg {
  left: 20%;
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-alt .section-bg {
    top: 60vh;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-alt .section-bg {
    top: 40vh;
  }
}
.landing-section.banner.banner-alt .section-inner {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .landing-section.banner.banner-alt .section-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 125px;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-slider {
  position: relative;
}
.landing-section.banner.banner-alt .section-inner .banner-slider ul li {
  opacity: 0;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.landing-section.banner.banner-alt .section-inner .banner-slider ul li.active {
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .landing-section.banner.banner-alt .section-inner .banner-slider {
    width: 68.75%;
    height: 100%;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-alt .section-inner .banner-slider {
    height: 60vh;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-alt .section-inner .banner-slider {
    height: 40vh;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-main {
  padding: 0 65px;
}
@media screen and (min-width: 992px) {
  .landing-section.banner.banner-alt .section-inner .banner-main {
    width: 31.25%;
  }
}
@media screen and (max-width: 1399px) {
  .landing-section.banner.banner-alt .section-inner .banner-main {
    padding: 0 50px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-alt .section-inner .banner-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40vh;
    padding: 50px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-alt .section-inner .banner-main {
    height: 60vh;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-alt .section-inner .banner-main {
    padding: 25px;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .head .title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.25;
  color: #FF0000;
}
@media screen and (max-width: 1399px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .head .title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .head .title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .head .title {
    font-size: 28px;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .head p {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 36px;
  text-transform: uppercase;
  color: #ffffff;
}
@media screen and (max-width: 1399px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .head p {
    font-size: 28px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .head p {
    font-size: 20px;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .content {
  margin-top: 25px;
  font-size: 18px;
  line-height: 2;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .content {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-text .content {
    margin-top: 10px;
    line-height: 1.75;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control {
  margin-top: 30px;
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control {
    margin-top: 15px;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul li + li {
  margin-left: 10px;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul li button {
  position: relative;
  display: block;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul li button svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 52px;
  height: 52px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul li button svg circle {
  display: block;
  stroke-dasharray: 155;
  stroke-dashoffset: 155;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul li button span {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  color: #ffffff;
  -moz-transition: border-color, 0.5s ease;
  -o-transition: border-color, 0.5s ease;
  -webkit-transition: border-color, 0.5s ease;
  transition: border-color, 0.5s ease;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul li.active button svg {
  opacity: 1;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul li.active button span {
  border-color: #8a8a8a;
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-page {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    -ms-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
  }
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button {
  margin-top: 30px;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button .btn {
  width: 200px;
  height: 60px;
}
.landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button .btn .btn-inner {
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button {
    margin-top: 20px;
  }
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button .btn {
    width: 150px;
    heigth: 50px;
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button .btn {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button {
    margin-top: 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.banner.banner-alt .section-inner .banner-main .banner-main-control .control-button .btn {
    height: 40px;
  }
}
.landing-section.banner.banner-alt .banner-scroll {
  position: absolute;
  z-index: 5;
  top: calc(100vh - 125px - 45px);
  left: 0;
  right: 0;
}
@media screen and (max-width: 991px) {
  .landing-section.banner.banner-alt .banner-scroll {
    display: none;
  }
}
.landing-section.banner.banner-alt .banner-scroll p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
}
.landing-section.banner.banner-alt .banner-scroll p::before {
  content: "";
  display: block;
  width: 1px;
  height: 90px;
  margin-bottom: 15px;
  background-color: #ffffff;
}

.landing-section.features .section-bg {
  background-size: 100% auto !important;
  background-position: top right !important;
}
.landing-section.features .section-inner {
  padding: 120px 0 185px;
}
@media screen and (max-width: 1399px) {
  .landing-section.features .section-inner {
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.features .section-inner {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner {
    padding: 25px 0;
  }
}
.landing-section.features .section-inner .features-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .landing-section.features .section-inner .features-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .landing-section.features .section-inner .features-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.features .section-inner .features-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .landing-section.features .section-inner .features-info .features-info-video {
    width: 660px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .landing-section.features .section-inner .features-info .features-info-video {
    width: 500px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.features .section-inner .features-info .features-info-video {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner .features-info .features-info-video {
    margin-top: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .landing-section.features .section-inner .features-info .features-info-content {
    max-width: 485px;
    margin-left: 165px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .landing-section.features .section-inner .features-info .features-info-content {
    width: calc(100% - 700px);
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .landing-section.features .section-inner .features-info .features-info-content {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 991px) {
  .landing-section.features .section-inner .features-info .features-info-content {
    text-align: center;
  }
}
.landing-section.features .section-inner .features-info .features-info-content .title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner .features-info .features-info-content .title {
    font-size: 28px;
  }
}
.landing-section.features .section-inner .features-info .features-info-content .title span {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  color: #FF0000;
}
.landing-section.features .section-inner .features-info .features-info-content .text {
  margin-top: 25px;
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 1199px) {
  .landing-section.features .section-inner .features-info .features-info-content .text {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.features .section-inner .features-info .features-info-content .text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner .features-info .features-info-content .text {
    margin-top: 10px;
    line-height: 1.75;
  }
}
.landing-section.features .section-inner .features-info .features-info-content .button {
  margin-top: 35px;
}
@media screen and (max-width: 991px) {
  .landing-section.features .section-inner .features-info .features-info-content .button {
    margin-top: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner .features-info .features-info-content .button {
    margin-top: 20px;
  }
}
.landing-section.features .section-inner .features-info .features-info-content .button .btn {
  width: 200px;
  height: 60px;
}
.landing-section.features .section-inner .features-info .features-info-content .button .btn .btn-inner {
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .landing-section.features .section-inner .features-info .features-info-content .button .btn {
    width: 150px;
    height: 50px;
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.features .section-inner .features-info .features-info-content .button .btn {
    margin: 0 auto;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner .features-info .features-info-content .button .btn {
    height: 40px;
  }
}
.landing-section.features .section-inner .features-gallery {
  margin-top: 90px;
}
@media screen and (max-width: 1399px) {
  .landing-section.features .section-inner .features-gallery {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner .features-gallery {
    margin-top: 25px;
  }
}
.landing-section.features .section-inner .features-gallery ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  .landing-section.features .section-inner .features-gallery ul li {
    margin: 25px 25px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .landing-section.features .section-inner .features-gallery ul li {
    width: calc(33.3333333333% - 16.6666666667px);
  }
  .landing-section.features .section-inner .features-gallery ul li:nth-child(-n+3) {
    margin-top: 0;
  }
  .landing-section.features .section-inner .features-gallery ul li:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .landing-section.features .section-inner .features-gallery ul li {
    width: calc(50% - 12.5px);
  }
  .landing-section.features .section-inner .features-gallery ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .landing-section.features .section-inner .features-gallery ul li:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.features .section-inner .features-gallery ul li {
    width: 100%;
  }
  .landing-section.features .section-inner .features-gallery ul li + li {
    margin-top: 25px;
  }
}

.landing-section.form01 .section-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 145px 0 85px;
}
@media screen and (max-width: 991px) {
  .landing-section.form01 .section-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form01 .section-inner {
    padding: 25px 0;
  }
}
@media screen and (min-width: 992px) {
  .landing-section.form01 .section-inner .form-pic {
    position: absolute;
    left: 60px;
    bottom: 0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .landing-section.form01 .section-inner .form-pic {
    left: -95px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.form01 .section-inner .form-pic {
    position: absolute;
    top: 25px;
    right: 0;
    width: 265px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form01 .section-inner .form-pic {
    top: 25px;
    right: -45px;
    width: 200px;
  }
}
.landing-section.form01 .section-inner .form-content {
  width: 100%;
  max-width: 715px;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  .landing-section.form01 .section-inner .form-content .form-content-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 415px;
    height: 320px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form01 .section-inner .form-content .form-content-head {
    max-width: 215px;
    height: 255px;
    padding-bottom: 0;
  }
}
.landing-section.form01 .section-inner .form-content .form-content-head .title {
  color: #FF0000;
  font-size: 36px;
}
@media screen and (max-width: 991px) {
  .landing-section.form01 .section-inner .form-content .form-content-head .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form01 .section-inner .form-content .form-content-head .title {
    font-size: 25px;
  }
}
.landing-section.form01 .section-inner .form-content .form-content-head .sub {
  font-size: 30px;
}
@media screen and (max-width: 991px) {
  .landing-section.form01 .section-inner .form-content .form-content-head .sub {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form01 .section-inner .form-content .form-content-head .sub {
    font-size: 20px;
  }
}
.landing-section.form01 .section-inner .form-content .form-content-head .title, .landing-section.form01 .section-inner .form-content .form-content-head .sub {
  font-weight: 700;
}
.landing-section.form01 .section-inner .form-content .form-content-head p {
  margin-top: 5px;
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .landing-section.form01 .section-inner .form-content .form-content-head p {
    font-size: 16px;
  }
}
.landing-section.form01 .section-inner .form-content .form-content-head + .form-content-main {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #676767;
}

/* ------------------------------------------
 * *  landing page 02
 * * -----------------------------------------*/
[data-page=landingpage02] {
  background-color: #FFFFFF;
}

.landing-section.profile {
  padding: 95px 0 155px;
}
@media screen and (max-width: 1399px) {
  .landing-section.profile {
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.profile {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.profile {
    padding: 25px 0;
  }
}
.landing-section.profile .profile-head {
  text-align: center;
}
.landing-section.profile .profile-head .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
.landing-section.profile .profile-head .title::after {
  content: "";
  display: block;
  margin: 20px auto 0;
  width: 45px;
  height: 3px;
  background-color: #FF0000;
}
.landing-section.profile .profile-head .title + p {
  margin-top: 20px;
}
.landing-section.profile .profile-head p {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 991px) {
  .landing-section.profile .profile-head .title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.profile .profile-head .title {
    font-size: 25px;
  }
  .landing-section.profile .profile-head p {
    font-size: 16px;
  }
}
.landing-section.profile .profile-content {
  margin-top: 45px;
}
@media screen and (max-width: 479px) {
  .landing-section.profile .profile-content {
    margin-top: 25px;
  }
}
.landing-section.profile .profile-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.landing-section.profile .profile-content ul li figure img {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}
.landing-section.profile .profile-content ul li figure figcaption {
  margin-top: 35px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
}
@media screen and (min-width: 1200px) {
  .landing-section.profile .profile-content ul li {
    width: calc(16.6666666667% - 37.5px);
  }
  .landing-section.profile .profile-content ul li + li {
    margin-left: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.profile .profile-content ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .landing-section.profile .profile-content ul li {
    width: calc(33.3333333333% - 30px);
    margin: 45px 45px 0 0;
  }
  .landing-section.profile .profile-content ul li:nth-child(-n+3) {
    margin-top: 0;
  }
  .landing-section.profile .profile-content ul li:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.profile .profile-content ul li {
    width: calc(50% - 12.5px);
    margin: 50px 25px 0 0;
  }
  .landing-section.profile .profile-content ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .landing-section.profile .profile-content ul li:nth-child(2n+0) {
    margin-right: 0;
  }
  .landing-section.profile .profile-content ul li figure figcaption {
    margin-top: 15px;
    font-size: 16px;
  }
}

.landing-section.equipments ul .equip-item {
  position: relative;
  float: left;
  overflow: hidden;
}
.landing-section.equipments ul .equip-item .pic {
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.landing-section.equipments ul .equip-item .pic img {
  display: block !important;
  opacity: 0;
}
.landing-section.equipments ul .equip-item p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 20px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .landing-section.equipments ul .equip-item p {
    font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.equipments ul .equip-item p {
    font-size: 16px;
    padding-bottom: 15px;
  }
}
.landing-section.equipments ul .equip-item .iframe-preview {
  z-index: 1;
  cursor: pointer;
}
.landing-section.equipments ul .equip-item .iframe-preview::before {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  content: "\e91d";
  font-family: "icomoon";
  font-size: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: #ffffff;
  background-color: rgba(255, 0, 0, 0.8);
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 1199px) {
  .landing-section.equipments ul .equip-item .iframe-preview::before {
    top: calc(50% - 37.5px);
    left: calc(50% - 37.5px);
    width: 75px;
    height: 75px;
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.equipments ul .equip-item .iframe-preview::before {
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
.landing-section.equipments ul .equip-item .iframe-preview:hover::before {
  background-color: rgb(255, 0, 0);
}
@media screen and (max-width: 991px) {
  .landing-section.equipments ul .equip-item .iframe-preview {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .landing-section.equipments ul .equip-item .iframe-wrapper {
    padding-bottom: 52.08%;
  }
}
.landing-section.equipments ul .equip-item .iframe-wrapper iframe {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
}
.landing-section.equipments ul .equip-item, .landing-section.equipments ul .equip-sizer {
  width: 33.3333333333%;
}
.landing-section.equipments ul .equip-item.one-third, .landing-section.equipments ul .equip-sizer.one-third {
  width: 33.3333333333%;
}
.landing-section.equipments ul .equip-item.two-third, .landing-section.equipments ul .equip-sizer.two-third {
  width: 66.6666666667%;
}
.landing-section.equipments ul .equip-item.half, .landing-section.equipments ul .equip-sizer.half {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .landing-section.equipments ul .equip-item.half, .landing-section.equipments ul .equip-item.two-third, .landing-section.equipments ul .equip-sizer.half, .landing-section.equipments ul .equip-sizer.two-third {
    width: 100%;
  }
  .landing-section.equipments ul .equip-item.two-third, .landing-section.equipments ul .equip-sizer.two-third {
    margin-top: 0 !important;
  }
  .landing-section.equipments ul .equip-item.one-third, .landing-section.equipments ul .equip-sizer.one-third {
    width: 50%;
  }
  .landing-section.equipments ul .equip-item.one-third.tall, .landing-section.equipments ul .equip-sizer.one-third.tall {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.equipments ul .equip-item.one-third, .landing-section.equipments ul .equip-sizer.one-third {
    width: 100%;
  }
}

.landing-section.form02 .section-inner {
  padding: 180px 0 125px;
}
@media screen and (max-width: 991px) {
  .landing-section.form02 .section-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form02 .section-inner {
    padding: 25px 0;
  }
}
.landing-section.form02 .section-inner .form-pic {
  position: absolute;
}
.landing-section.form02 .section-inner .form-pic .text {
  position: absolute;
  text-align: right;
  font-weight: 700;
}
.landing-section.form02 .section-inner .form-pic .text .en {
  color: #FF0000;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 60px;
  text-transform: uppercase;
}
.landing-section.form02 .section-inner .form-pic .text .zh {
  color: #ffffff;
  font-size: 36px;
}
@media screen and (min-width: 992px) {
  .landing-section.form02 .section-inner .form-pic {
    bottom: 0;
  }
  .landing-section.form02 .section-inner .form-pic .text {
    bottom: 100px;
  }
  .landing-section.form02 .section-inner .form-pic .text p {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1880px) {
  .landing-section.form02 .section-inner .form-pic {
    right: 25px;
  }
  .landing-section.form02 .section-inner .form-pic .text {
    right: -175px;
  }
}
@media screen and (max-width: 1879px) and (min-width: 1200px) {
  .landing-section.form02 .section-inner .form-pic {
    right: 0;
  }
  .landing-section.form02 .section-inner .form-pic .text {
    right: 0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .landing-section.form02 .section-inner .form-pic {
    right: -150px;
  }
  .landing-section.form02 .section-inner .form-pic .text {
    right: 150px;
  }
  .landing-section.form02 .section-inner .form-pic .text .en {
    font-size: 35px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.form02 .section-inner .form-pic {
    top: 25px;
    left: 0;
    right: 0;
  }
  .landing-section.form02 .section-inner .form-pic .pic {
    width: 300px;
    float: right;
  }
  .landing-section.form02 .section-inner .form-pic .text {
    top: 50px;
    left: 0;
    text-align: left;
  }
  .landing-section.form02 .section-inner .form-pic .text .en {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.form02 .section-inner .form-pic .text {
    top: 145px;
  }
  .landing-section.form02 .section-inner .form-pic .text .en {
    font-size: 20px;
  }
  .landing-section.form02 .section-inner .form-pic .text .zh {
    font-size: 24px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form02 .section-inner .form-pic {
    top: 25px;
    left: auto;
    right: -45px;
    width: 200px;
  }
  .landing-section.form02 .section-inner .form-pic .pic {
    width: 100%;
  }
  .landing-section.form02 .section-inner .form-pic .text {
    top: 0;
    left: calc(30px - 100%);
  }
}
.landing-section.form02 .section-inner .form-content {
  width: 100%;
  max-width: 715px;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  .landing-section.form02 .section-inner .form-content .form-content-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 400px;
    height: 335px;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form02 .section-inner .form-content .form-content-head {
    max-width: 215px;
    height: 255px;
    padding-bottom: 15px;
  }
}
.landing-section.form02 .section-inner .form-content .form-content-head .title {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .landing-section.form02 .section-inner .form-content .form-content-head .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form02 .section-inner .form-content .form-content-head .title {
    font-size: 17px;
  }
}
.landing-section.form02 .section-inner .form-content .form-content-head p {
  margin-top: 5px;
  font-size: 18px;
}
.landing-section.form02 .section-inner .form-content .form-content-head p span {
  display: inline-block;
  vertical-align: 2px;
  background-color: #CE0100;
  font-size: 16px;
  margin: 0 0.5em;
  padding: 2px 10px;
}
@media screen and (max-width: 991px) {
  .landing-section.form02 .section-inner .form-content .form-content-head p {
    font-size: 16px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form02 .section-inner .form-content .form-content-head p span {
    margin: 0.25em 0;
    margin-right: 100%;
    white-space: nowrap;
  }
}
.landing-section.form02 .section-inner .form-content .form-content-head + .form-content-main {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #676767;
}
@media screen and (max-width: 479px) {
  .landing-section.form02 .section-inner .form-content .form-content-head + .form-content-main {
    margin-top: 0;
  }
}

/* ------------------------------------------
 * *  landing page 03
 * * -----------------------------------------*/
.landing-section .styled-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 700;
  line-height: 1;
}
.landing-section .styled-title .en {
  margin: 10px 0;
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 62px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .landing-section .styled-title .en {
    font-size: 54px;
  }
}
.landing-section .styled-title .zh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .landing-section .styled-title .zh {
    font-size: 20px;
  }
}
.landing-section .styled-title .zh::after {
  content: "";
  display: block;
  width: 160px;
  height: 2px;
  background-color: #ffffff;
  margin-left: 10px;
}
.landing-section .styled-title .zh:not(.title) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.landing-section .styled-title .zh:not(.title)::after {
  margin-left: 0;
  margin-right: 10px;
}

@media screen and (max-width: 991px) {
  .landing-section.trainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.landing-section.trainer .section-pic {
  position: relative;
}
.landing-section.trainer .section-pic::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 100px;
  background-image: -webkit-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.landing-section.trainer .section-inner {
  padding: 180px 0;
}
@media screen and (max-width: 1549px) {
  .landing-section.trainer .section-inner {
    padding: 125px 0;
  }
}
@media screen and (max-width: 1399px) {
  .landing-section.trainer .section-inner {
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.trainer .section-inner {
    padding: 50px 0 0;
  }
}
.landing-section.trainer .section-inner .trainer-content {
  width: 100%;
  max-width: 735px;
  color: #ffffff;
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features {
  margin-top: 40px;
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item {
  position: relative;
  margin: 30px 30px 0 0;
}
@media screen and (min-width: 768px) {
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item {
    width: calc(25% - 22.5px);
  }
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item:nth-child(-n+4) {
    margin-top: 0;
  }
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item:nth-child(4n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item {
    width: calc(33.3333333333% - 20px);
  }
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item:nth-child(-n+3) {
    margin-top: 0;
  }
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item {
    width: calc(50% - 15px);
  }
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item:nth-child(-n+2) {
    margin-top: 0;
  }
  .landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item:nth-child(2n+0) {
    margin-right: 0;
  }
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item .features-item-bg {
  padding-bottom: 100%;
  border-radius: 50%;
  opacity: 0.7;
  font-size: 0;
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item .features-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item .features-item-inner .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 70px;
  height: 70px;
  margin-top: -15px;
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item .features-item-inner .icon img {
  display: block;
}
.landing-section.trainer .section-inner .trainer-content .trainer-content-features ul .features-item .features-item-inner .title {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.landing-section.courses {
  background-color: #DEDEDE;
}
.landing-section.courses .section-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .landing-section.courses .section-inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 1550px) {
  .landing-section.courses .section-inner {
    min-height: 1100px;
    padding: 155px 0 70px;
  }
}
@media screen and (max-width: 1549px) {
  .landing-section.courses .section-inner {
    padding: 75px 0 0;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .landing-section.courses .section-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.courses .section-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.courses .section-inner {
    padding: 50px 0 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.courses .section-inner {
    padding: 25px 0 0;
  }
}
.landing-section.courses .section-inner.container {
  max-width: 1680px !important;
}
.landing-section.courses .courses-title {
  position: absolute;
  z-index: 2;
  color: #FF0000;
}
@media screen and (min-width: 1200px) {
  .landing-section.courses .courses-title {
    top: 100px;
    left: 0;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .landing-section.courses .courses-title {
    top: 75px;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.courses .courses-title {
    left: 0;
    bottom: 100px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.courses .courses-title {
    bottom: 75px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.courses .courses-title {
    bottom: 50px;
  }
}
.landing-section.courses .courses-title .zh::after {
  background-color: #FF0000;
}
@media screen and (min-width: 1200px) {
  .landing-section.courses .courses-pic {
    max-width: calc(100% - 765px);
  }
}
@media screen and (min-width: 1550px) {
  .landing-section.courses .courses-pic {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .landing-section.courses .courses-pic {
    padding-top: 150px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .landing-section.courses .courses-pic {
    width: 40%;
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.courses .courses-pic {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.courses .courses-pic {
    margin-top: 25px;
  }
}
.landing-section.courses .courses-pic .pic {
  position: relative;
}
.landing-section.courses .courses-pic .pic img {
  position: relative;
  z-index: 1;
  width: auto !important;
}
@media screen and (min-width: 1880px) {
  .landing-section.courses .courses-pic .pic img {
    margin-left: 75px;
  }
}
@media screen and (max-width: 1879px) and (min-width: 1550px) {
  .landing-section.courses .courses-pic .pic img {
    width: 80% !important;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .landing-section.courses .courses-pic .pic img {
    width: calc(100% - 25px) !important;
  }
}
@media screen and (min-width: 1200px) {
  .landing-section.courses .courses-list {
    width: 765px;
  }
}
@media screen and (max-width: 1549px) and (min-width: 1200px) {
  .landing-section.courses .courses-list {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .landing-section.courses .courses-list {
    width: 60%;
  }
}
.landing-section.courses .courses-list .courses-list-head .title {
  font-size: 35px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .landing-section.courses .courses-list .courses-list-head .title {
    font-size: 25px;
  }
}
.landing-section.courses .courses-list .courses-list-slider {
  margin-top: 30px;
}
.landing-section.courses .courses-list .courses-list-slider:not(.slick-dotted) {
  padding-bottom: 70px;
}
@media screen and (max-width: 479px) {
  .landing-section.courses .courses-list .courses-list-slider {
    margin-top: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide + .courses-list-slide {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li {
    width: calc(50% - 15px);
    margin: 30px 30px 0 0;
  }
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li + li {
    margin-top: 15px;
  }
}
.landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .pic {
  position: relative;
  z-index: 1;
}
.landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .iframe-preview {
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .iframe-preview {
    display: none;
  }
}
.landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .iframe-preview::before {
  position: absolute;
  top: calc(50% - 37.5px);
  left: calc(50% - 37.5px);
  content: "\e91d";
  font-family: "icomoon";
  font-size: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  color: #ffffff;
  background-color: rgba(255, 0, 0, 0.8);
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .iframe-preview::before {
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
.landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .iframe-preview:hover::before {
  background-color: rgb(255, 0, 0);
}
@media screen and (min-width: 992px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .iframe-wrapper {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .iframe-wrapper {
    padding-bottom: 76.08%;
  }
}
.landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li .caption {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (min-width: 480px) {
  .landing-section.courses .courses-list .courses-list-slider .courses-list-slide ul li:nth-child(even) .caption {
    text-align: right;
  }
}
.landing-section.courses .courses-list .courses-list-slider .slick-dots {
  margin-top: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style-type: none;
}
.landing-section.courses .courses-list .courses-list-slider .slick-dots li button {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 0;
}
.landing-section.courses .courses-list .courses-list-slider .slick-dots li.slick-active button {
  width: 24px;
  height: 24px;
  border: 5px solid #FF0000;
}
.landing-section.courses .courses-list .courses-list-slider .slick-dots li + li {
  margin-left: 15px;
}

.landing-section.form03 {
  background-color: #181E25;
}
@media screen and (max-width: 991px) {
  .landing-section.form03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.form03 .section-bg {
    background-size: 100% auto !important;
    background-position: bottom center !important;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.form03 .section-bg {
    position: static;
    height: 100vw;
    margin-top: -25%;
  }
}
.landing-section.form03 .section-inner {
  padding: 145px 0 40px;
}
@media screen and (max-width: 1399px) {
  .landing-section.form03 .section-inner {
    padding: 75px 0 40px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.form03 .section-inner {
    padding: 50px 0;
  }
}
.landing-section.form03 .section-inner .form-content {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  color: #ffffff;
}
.landing-section.form03 .section-inner .form-content .form-content-head .title {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .landing-section.form03 .section-inner .form-content .form-content-head .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form03 .section-inner .form-content .form-content-head .title {
    font-size: 20px;
  }
}
.landing-section.form03 .section-inner .form-content .form-content-head p {
  margin-top: 5px;
  font-size: 18px;
}
.landing-section.form03 .section-inner .form-content .form-content-head p span {
  display: inline-block;
  vertical-align: 2px;
  background-color: #CE0100;
  font-size: 16px;
  margin: 0 0.5em;
  padding: 2px 10px;
}
@media screen and (max-width: 991px) {
  .landing-section.form03 .section-inner .form-content .form-content-head p {
    font-size: 16px;
  }
}
.landing-section.form03 .section-inner .form-content .form-content-head + .form-content-main {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #676767;
}
.landing-section.form03 .section-inner .form-content .form-content-main {
  padding-top: 0 !important;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset {
  padding: 40px 0;
}
@media screen and (max-width: 479px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset {
    padding: 25px 0;
  }
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row {
  min-height: 50px;
}
@media screen and (min-width: 480px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row + .form-row {
    margin-top: 10px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row + .form-row {
    margin-top: 20px;
  }
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-label {
  display: block;
  padding: 0 15px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-label {
    width: 195px;
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-label {
    width: 150px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-label {
    padding: 0;
    font-size: 16px;
  }
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline {
    width: calc(100% - 195px);
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .form-group + .form-group {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .form-group {
    width: 100%;
  }
  .landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .form-group + .form-group {
    margin-top: 10px;
  }
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .form-control,
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select > .dropdown-toggle {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  background-color: #ffffff;
  border-radius: 5px;
  font-size: 16px;
  color: #000000;
  overflow: hidden;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select {
  width: 100%;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select > .dropdown-toggle {
  position: relative;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select > .dropdown-toggle::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  background-color: #FF0000;
  border: none !important;
  color: #ffffff;
  font-family: "icomoon";
  content: "\e90a";
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select.dropup > .dropdown-toggle::after {
  content: "\e909";
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select.show:not(.dropup) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select.show:not(.dropup) > .dropdown-menu {
  padding: 0;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select.show.dropup > .dropdown-toggle {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .bootstrap-select.show.dropup > .dropdown-menu {
  padding: 0;
  overflow: hidden;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .checkbox-option {
  margin: 0.5em 1.25em 0.5em 0;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .checkbox-option input[type=checkbox] {
  display: none;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .checkbox-option input[type=checkbox]:checked + label::before {
  color: #FF0000;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .checkbox-option label {
  cursor: pointer;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.main .form-row .form-inline .checkbox-option label::before {
  content: "\e90d";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 7.5px;
  border-radius: 25%;
  background-color: #ffffff;
  color: transparent;
  border: 1px solid #C4C4C4;
  font-family: "icomoon";
  line-height: 16px;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.action {
  padding-bottom: 0 !important;
  border-top: 1px solid #676767;
}
.landing-section.form03 .section-inner .form-content .form-content-main .form-fieldset.action .form-row.agreement {
  margin-top: 0;
}
.landing-section.form03 .landing-form.was-validated .form-fieldset.main .form-row .form-inline .form-control:invalid {
  background-color: #f6ccd0;
}
.landing-section.form03 .landing-form.was-validated .form-fieldset.main .form-row .form-inline .bootstrap-select > .dropdown-toggle.is-invalid {
  background-color: #f6ccd0;
}

/* ------------------------------------------
 * *  landing page 04
 * * -----------------------------------------*/
.landing-section.aerobic {
  background-color: #ffffff;
}
.landing-section.aerobic .section-inner {
  padding: 55px 0 115px;
  max-width: 1600px !important;
}
@media screen and (max-width: 1399px) {
  .landing-section.aerobic .section-inner {
    padding: 55px 0 75px;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.aerobic .section-inner {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.aerobic .section-inner {
    padding: 25px 0;
  }
}
.landing-section.aerobic .section-inner .aerobic-head {
  margin: 0 auto;
  max-width: 1300px;
  text-align: center;
}
.landing-section.aerobic .section-inner .aerobic-head .title {
  font-size: 40px;
  font-weight: 700;
}
.landing-section.aerobic .section-inner .aerobic-head .title + .text {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #FF0000;
}
.landing-section.aerobic .section-inner .aerobic-head .text {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 991px) {
  .landing-section.aerobic .section-inner .aerobic-head .title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.aerobic .section-inner .aerobic-head .title {
    font-size: 25px;
  }
  .landing-section.aerobic .section-inner .aerobic-head .title + .text {
    margin-top: 15px;
    padding-top: 15px;
  }
  .landing-section.aerobic .section-inner .aerobic-head .text {
    font-size: 16px;
  }
}
.landing-section.aerobic .section-inner .aerobic-content {
  margin-top: 65px;
}
@media screen and (max-width: 1399px) {
  .landing-section.aerobic .section-inner .aerobic-content {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.aerobic .section-inner .aerobic-content {
    margin-top: 25px;
  }
}
.landing-section.aerobic .section-inner .aerobic-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  .landing-section.aerobic .section-inner .aerobic-content ul li {
    margin: 20px 20px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .landing-section.aerobic .section-inner .aerobic-content ul li {
    width: calc(25% - 15px);
  }
  .landing-section.aerobic .section-inner .aerobic-content ul li:nth-child(-n+4) {
    margin-top: 0;
  }
  .landing-section.aerobic .section-inner .aerobic-content ul li:nth-child(4n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .landing-section.aerobic .section-inner .aerobic-content ul li {
    width: calc(33.3333333333% - 13.3333333333px);
  }
  .landing-section.aerobic .section-inner .aerobic-content ul li:nth-child(-n+3) {
    margin-top: 0;
  }
  .landing-section.aerobic .section-inner .aerobic-content ul li:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 480px) {
  .landing-section.aerobic .section-inner .aerobic-content ul li {
    width: calc(50% - 10px);
  }
  .landing-section.aerobic .section-inner .aerobic-content ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .landing-section.aerobic .section-inner .aerobic-content ul li:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.aerobic .section-inner .aerobic-content ul li {
    width: 100%;
  }
  .landing-section.aerobic .section-inner .aerobic-content ul li + li {
    margin-top: 20px;
  }
}
.landing-section.aerobic .section-inner .aerobic-content ul li a {
  position: relative;
  display: block;
}
.landing-section.aerobic .section-inner .aerobic-content ul li .caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 75px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0 30px;
}
.landing-section.aerobic .section-inner .aerobic-content ul li .caption .zh {
  font-size: 18px;
  color: #ffffff;
}
.landing-section.aerobic .section-inner .aerobic-content ul li .caption .en {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-size: 16px;
  color: #FF0000;
  text-transform: capitalize;
}

.landing-section.curriculum {
  background-color: #0F0F0F;
}
.landing-section.curriculum .section-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .landing-section.curriculum .section-inner {
    padding: 90px 0 120px;
    max-width: 1590px !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.curriculum .section-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.curriculum .section-inner {
    padding: 25px 0;
  }
}
@media screen and (min-width: 992px) {
  .landing-section.curriculum .section-inner .curriculum-schedule {
    position: absolute;
    top: 90px;
    left: 0;
    width: 550px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .landing-section.curriculum .section-inner .curriculum-schedule {
    opacity: 0.5;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.curriculum .section-inner .curriculum-schedule {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.curriculum .section-inner .curriculum-schedule {
    margin-top: 25px;
  }
}
.landing-section.curriculum .section-inner .curriculum-info {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .landing-section.curriculum .section-inner .curriculum-info {
    width: calc(100% - 450px);
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .landing-section.curriculum .section-inner .curriculum-info {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 1199px) {
  .landing-section.curriculum .section-inner .curriculum-info {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .landing-section.curriculum .section-inner .curriculum-info {
    min-height: 1000px;
    padding-top: 70px;
  }
}
.landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box {
  position: relative;
}
.landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content {
  position: relative;
  z-index: 1;
  color: #ffffff;
}
.landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .en {
  font-family: "Oswald", "Helvetica", "Lucida Grande", "Arial", "Heiti TC", "Microsoft Jhenghei", sans-serif;
  font-weight: 700;
  font-size: 77px;
  text-transform: uppercase;
  line-height: 1;
}
.landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .zh {
  margin-top: 25px;
  font-size: 36px;
  line-height: 1;
}
.landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .text {
  margin-top: 15px;
  font-size: 18px;
  line-height: 2;
}
@media screen and (min-width: 992px) {
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 415px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box > div {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box + .curriculum-info-box {
    margin-top: 75px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-pic {
    position: absolute;
    top: 0;
    width: 680px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .en {
    white-space: nowrap;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .text {
    max-width: 380px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box:nth-child(odd) .info-box-pic {
    left: 0;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box:nth-child(even) .info-box-content {
    margin-left: 170px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box:nth-child(even) .info-box-pic {
    right: 0;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box + .curriculum-info-box {
    margin-top: 50px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .en {
    font-size: 50px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-pic {
    margin-top: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .en {
    font-size: 35px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .zh {
    font-size: 25px;
  }
  .landing-section.curriculum .section-inner .curriculum-info .curriculum-info-box .info-box-content .text {
    font-size: 16px;
    line-height: 1.75;
  }
}

.landing-section.form04 {
  background-color: #F0F0F0;
}
@media screen and (max-width: 1199px) {
  .landing-section.form04 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.landing-section.form04 .section-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 100px 0 75px;
}
@media screen and (max-width: 1199px) {
  .landing-section.form04 .section-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 75px 0;
  }
}
@media screen and (max-width: 991px) {
  .landing-section.form04 .section-inner {
    padding: 50px 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form04 .section-inner {
    padding: 25px 0;
  }
}
.landing-section.form04 .section-inner .form-content {
  max-width: 715px;
}
.landing-section.form04 .section-inner .form-content .form-content-head .title {
  font-size: 30px;
}
@media screen and (max-width: 991px) {
  .landing-section.form04 .section-inner .form-content .form-content-head .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form04 .section-inner .form-content .form-content-head .title {
    font-size: 20px;
  }
}
.landing-section.form04 .section-inner .form-content .form-content-head .title, .landing-section.form04 .section-inner .form-content .form-content-head .sub {
  font-weight: 700;
}
.landing-section.form04 .section-inner .form-content .form-content-head p {
  margin-top: 5px;
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .landing-section.form04 .section-inner .form-content .form-content-head p {
    font-size: 16px;
  }
}
.landing-section.form04 .section-inner .form-content .form-content-head + .form-content-main {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #AAAAAA;
}
.landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group p {
  margin: 10px 0;
  font-size: 16px;
}
.landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
  background-color: #ffffff;
}
.landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option {
  margin-top: 0.5em;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option {
    width: 25%;
  }
  .landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
  .landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option {
    width: 50%;
  }
  .landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 479px) {
  .landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option {
    width: 100%;
  }
  .landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option:first-child {
    margin-top: 0;
  }
}
.landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option input[type=checkbox] {
  display: none;
}
.landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option input[type=checkbox]:checked + label::before {
  color: #FF0000;
}
.landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option label {
  cursor: pointer;
  line-height: 1;
}
.landing-section.form04 .section-inner .form-content .form-content-main .form-row .form-group .form-group-checks .checkbox-option label::before {
  content: "\e90d";
  display: inline-block;
  vertical-align: -1px;
  width: 18px;
  height: 18px;
  margin-right: 7.5px;
  border-radius: 25%;
  background-color: #ffffff;
  color: transparent;
  border: 1px solid #C4C4C4;
  font-family: "icomoon";
  line-height: 16px;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

/*20220105新增 修正私人教練頁面bug*/
.wp[data-page=trainer-search] #main.search-page {
  z-index: 16;
}

/*20220316新增 修正縣市選單張開後的bug*/
.wp[data-page=aerobic-schedule-list] #main {
  z-index: 16;
}

.wp[data-page=locations-equipment] #main,
.wp[data-page=locations-trainers] #main,
.wp[data-page=locations-schedule] #main,
.wp[data-page=locations-instructors] #main,
.wp[data-page=locations-news] #main {
  z-index: 20;
  overflow: visible;
}

.wp[data-page=locations-equipment] #main .primary,
.wp[data-page=locations-trainers] #main .primary,
.wp[data-page=locations-schedule] #main .primary,
.wp[data-page=locations-instructors] #main .primary,
.wp[data-page=locations-news] #main .primary {
  z-index: 0 !important;
}

/*20220412 新增app畫面*/
@keyframes appVideoBtnCircleAni {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  15% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0.9;
  }
  30% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes appVideoBtnCircleLineAni {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  45% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 0;
  }
  80% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes appVideoBtnCircleLineAni2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  55% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  75% {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 0;
  }
  95% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes appVideoBtnCircleLineAni3 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  85% {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 0;
  }
  95% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.appImgMb, .appImgMb-sm {
  display: none;
}

@media screen and (max-width: 991px) {
  .appImgMb {
    display: block;
  }
  .appImgMb ~ .appImgpc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .appImgMb-sm {
    display: block;
  }
  .appImgMb-sm ~ .appImgpc {
    display: none;
  }
}
#header .inner .menu .menu-sub .links {
  display: flex;
}
#header .inner .menu .menu-sub .links > a.spec {
  display: block;
  padding: 0px 20px;
  position: relative;
  color: #ff0000;
  margin-right: 25px;
  transition: all 0.4s;
}
#header .inner .menu .menu-sub .links > a.spec:hover {
  opacity: 0.7;
}
#header .inner .menu .menu-sub .links > a.spec::before {
  content: "";
  width: 100%;
  height: calc(100% + 10px);
  background: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewX(-10deg);
}
#header .inner .menu .menu-sub .links > a.spec span {
  position: relative;
}

.appSection01 {
  padding-top: 125px;
}
@media screen and (max-width: 1199px) {
  .appSection01 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 991px) {
  .appSection01 {
    padding-top: 0;
  }
}
.appSection01 .topArticle {
  padding-top: 133px;
  padding-bottom: 280px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .appSection01 .topArticle {
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .appSection01 .topArticle::before {
    content: "";
    width: 100%;
    height: 150px;
    background: linear-gradient(to top, rgb(50, 39, 27) 5%, rgba(50, 39, 27, 0));
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .topArticle {
    padding-top: 71px;
  }
}
.appSection01 .topArticle .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top center;
}
@media screen and (max-width: 991px) {
  .appSection01 .topArticle .bgImg {
    z-index: -1;
  }
}
.appSection01 .topArticle .topContent {
  position: relative;
}
.appSection01 .topArticle .topContent::before {
  content: "";
  width: 1000px;
  height: 245px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  filter: blur(100px);
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 991px) {
  .appSection01 .topArticle .topContent::before {
    display: none;
  }
}
.appSection01 .topArticle .title {
  margin-bottom: 18px;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .appSection01 .topArticle .title {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .appSection01 .topArticle .title {
    margin-bottom: 10px;
    font-size: 35px;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .topArticle .title {
    margin-bottom: 8px;
    font-size: 26px;
    line-height: 26px;
  }
}
.appSection01 .topArticle .title .titleImg {
  width: 381px;
}
@media screen and (max-width: 991px) {
  .appSection01 .topArticle .title .titleImg {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .appSection01 .topArticle .title .titleImg {
    width: 250px;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .topArticle .title .titleImg {
    width: 160px;
    position: relative;
    top: 1px;
  }
}
.appSection01 .topArticle .titleImgTotal {
  width: 720px;
}
.appSection01 .topArticle .slogen {
  margin-bottom: 47px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .appSection01 .topArticle .slogen {
    font-size: 24px;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .topArticle .slogen {
    margin-bottom: 35px;
    font-size: 20px;
  }
}
.appSection01 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.appSection01 .bottomLink {
  margin-top: -380px;
  padding-top: 99px;
  padding-bottom: 111px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink {
    margin-top: 0px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .bottomLink {
    padding-top: 4px;
    padding-bottom: 36px;
  }
}
.appSection01 .bottomLink .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top center;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .bgImg {
    z-index: 0;
  }
}
.appSection01 .bottomLink .title {
  margin-bottom: 4px;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .title {
    font-size: 32px;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .bottomLink .title {
    margin-bottom: 3px;
    font-size: 30px;
  }
}
.appSection01 .bottomLink .slogen {
  margin-bottom: 27px;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .slogen {
    font-size: 20px;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .bottomLink .slogen {
    margin-bottom: 18px;
    font-size: 16px;
  }
}
.appSection01 .bottomLink .links {
  width: 100%;
}
.appSection01 .bottomLink .links ul {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links ul {
    flex-direction: column;
  }
}
.appSection01 .bottomLink .links ul li {
  width: 50%;
  padding: 0 53px;
}
@media screen and (max-width: 1399px) {
  .appSection01 .bottomLink .links ul li {
    padding: 0 25px;
  }
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links ul li {
    width: 100%;
    padding: 0;
  }
}
.appSection01 .bottomLink .links ul li:not(:first-child) {
  position: relative;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links ul li:not(:first-child) {
    padding-top: 23px;
  }
}
.appSection01 .bottomLink .links ul li:not(:first-child)::before {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links ul li:not(:first-child)::before {
    width: 100%;
    height: 1px;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
    background: none;
  }
}
.appSection01 .bottomLink .links ul li:nth-child(2) .item {
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links ul li:nth-child(2) .item {
    align-items: center;
  }
}
.appSection01 .bottomLink .links ul li:nth-child(2) .linkTop::before {
  background: red;
}
.appSection01 .bottomLink .links .item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links .item {
    align-items: center;
  }
}
.appSection01 .bottomLink .links .itemTitle {
  width: 90px;
  height: 90px;
  padding: 15px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links .itemTitle {
    display: flex;
  }
}
.appSection01 .bottomLink .links .pclinks {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links .pclinks {
    display: none;
  }
}
.appSection01 .bottomLink .links .linkTop {
  position: relative;
  margin-bottom: 33px;
  transition: all 0.4s;
}
.appSection01 .bottomLink .links .linkTop:hover {
  opacity: 0.6;
}
.appSection01 .bottomLink .links .linkTop::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 20px 10px 20px 10px;
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewX(-10deg);
}
@media screen and (max-width: 1199px) {
  .appSection01 .bottomLink .links .linkTop::before {
    border-radius: 15px 5px 15px 5px;
  }
}
.appSection01 .bottomLink .links .linkTop a {
  min-width: 235px;
  height: 80px;
  padding: 0 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .appSection01 .bottomLink .links .linkTop a {
    min-width: 215px;
    height: 70px;
    padding: 0 30px;
    font-size: 22px;
  }
}
.appSection01 .bottomLink .links .qrCode {
  margin-bottom: 25px;
}
@media screen and (max-width: 1199px) {
  .appSection01 .bottomLink .links .linkWhite {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links .linkWhite {
    margin-bottom: 19px;
    font-size: 18px;
  }
}
.appSection01 .bottomLink .links .linkWhite a {
  display: flex;
  align-items: center;
  transition: all 0.4s;
}
.appSection01 .bottomLink .links .linkWhite a:hover {
  opacity: 0.7;
}
.appSection01 .bottomLink .links .linkWhite a:hover i {
  left: 5px;
}
.appSection01 .bottomLink .links .linkWhite i {
  width: 24px;
  margin-right: 13px;
  font-size: 22px;
  display: block;
  position: relative;
  left: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 1199px) {
  .appSection01 .bottomLink .links .linkWhite i {
    width: 18px;
    font-size: 16px;
  }
}
.appSection01 .bottomLink .links .linkBottom {
  position: relative;
  margin-bottom: 28px;
  display: none;
}
@media screen and (max-width: 991px) {
  .appSection01 .bottomLink .links .linkBottom {
    display: block;
  }
}
.appSection01 .bottomLink .links .linkBottom::before, .appSection01 .bottomLink .links .linkBottom::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px 5px 10px 5px;
  background: #EA0006;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewX(-10deg);
}
.appSection01 .bottomLink .links .linkBottom::before {
  background: #610002;
  top: 3px;
  left: calc(50% + 3px);
}
.appSection01 .bottomLink .links .linkBottom a {
  min-width: 220px;
  height: 60px;
  padding: 0 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.appSection01 .bottomLink .links .linkBottom a i {
  width: 24px;
  margin-right: 14px;
  display: block;
}
.appSection01 #downloadLink {
  position: relative;
  top: -120px;
}
@media screen and (max-width: 991px) {
  .appSection01 #downloadLink {
    position: relative;
    top: -100px;
  }
}

.appSection02 {
  padding-top: 168px;
  padding-bottom: 161px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .appSection02 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 991px) {
  .appSection02 {
    padding-top: 70%;
  }
}
@media screen and (max-width: 575px) {
  .appSection02 {
    padding-top: 72%;
    padding-bottom: 33px;
  }
}
.appSection02 .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top center;
}
.appSection02 .container {
  max-width: 1410px;
  position: relative;
}
.appSection02 .section2Box {
  max-width: 600px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .appSection02 .section2Box {
    width: 500px;
  }
}
@media screen and (max-width: 991px) {
  .appSection02 .section2Box {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .appSection02 .section2Box {
    max-width: 100%;
  }
}
.appSection02 .title {
  margin-bottom: 3px;
}
@media screen and (max-width: 1199px) {
  .appSection02 .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .appSection02 .title {
    max-width: 200px;
    margin: 0 auto 9px;
    font-size: 25px;
    line-height: 32px;
  }
}
.appSection02 .slogen {
  margin-bottom: 47px;
}
@media screen and (max-width: 1199px) {
  .appSection02 .slogen {
    font-size: 24px;
  }
}
@media screen and (max-width: 575px) {
  .appSection02 .slogen {
    margin-bottom: 27px;
    font-size: 20px;
  }
}
.appSection02 .contentList ul {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .appSection02 .contentList ul {
    margin: 0 -8px;
  }
}
.appSection02 .contentList ul li {
  margin-bottom: 10px;
  padding: 0 15px;
}
@media screen and (max-width: 1199px) {
  .appSection02 .contentList ul li {
    padding: 0 8px;
  }
}
@media screen and (max-width: 575px) {
  .appSection02 .contentList ul li {
    margin-bottom: 15px;
  }
}
.appSection02 .contentList .item {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: solid 6px #F1FF00;
  background: rgba(241, 255, 0, 0.47);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .appSection02 .contentList .item {
    width: 150px;
    height: 150px;
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .appSection02 .contentList .item {
    width: 130px;
    height: 130px;
    border: solid 5px #F1FF00;
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  html[lang=en] .appSection02 .section2Box .title {
    max-width: calc(100% - 40px);
  }
}
html[lang=en] .appSection02 .section2Box .contentList {
  font-size: 18px;
}
@media screen and (max-width: 1199px) {
  html[lang=en] .appSection02 .section2Box .contentList {
    font-size: 15px;
  }
}
html[lang=en] .appSection02 .section2Box .contentList .item {
  padding: 0 11px;
}
@media screen and (max-width: 1199px) {
  html[lang=en] .appSection02 .section2Box .contentList .item {
    font-size: 15px;
  }
}
@media screen and (max-width: 575px) {
  html[lang=en] .appSection02 .section2Box .contentList .item {
    font-size: 13px;
  }
}

.appSection03 {
  padding-top: 115px;
  padding-bottom: 85px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .appSection03 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 575px) {
  .appSection03 {
    padding-top: 43px;
    padding-bottom: 40px;
  }
}
.appSection03 .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top center;
}
.appSection03 .container {
  max-width: 1410px;
  position: relative;
}
.appSection03 .section3Box {
  max-width: 580px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.appSection03 .title {
  display: none;
}
.appSection03 .slogen {
  margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
  .appSection03 .slogen {
    font-size: 26px;
  }
}
@media screen and (max-width: 575px) {
  .appSection03 .slogen {
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 32px;
  }
}
.appSection03 .videoBtn:hover .circleLine1 {
  animation: appVideoBtnCircleLineAni 2s linear 0s infinite normal;
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn:hover .circleLine1 {
    animation: none;
  }
}
.appSection03 .videoBtn:hover .circleLine2 {
  animation: appVideoBtnCircleLineAni2 2s linear 0s infinite normal;
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn:hover .circleLine2 {
    animation: none;
  }
}
.appSection03 .videoBtn:hover .circleLine3 {
  animation: appVideoBtnCircleLineAni3 2s linear 0s infinite normal;
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn:hover .circleLine3 {
    animation: none;
  }
}
.appSection03 .videoBtn:hover .text {
  opacity: 1;
}
.appSection03 .videoBtn .icon {
  width: 150px;
  height: 150px;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn .icon {
    width: 100px;
    height: 100px;
    margin-bottom: -4px;
  }
}
.appSection03 .videoBtn .circleBlock {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: appVideoBtnCircleAni 2s linear 0s infinite normal;
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn .circleBlock {
    width: 57px;
    height: 57px;
  }
}
.appSection03 .videoBtn .circleLine1, .appSection03 .videoBtn .circleLine2, .appSection03 .videoBtn .circleLine3 {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
}
.appSection03 .videoBtn .circleLine1 {
  width: 110px;
  height: 110px;
  border: solid 2px rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn .circleLine1 {
    width: 73px;
    height: 73px;
  }
}
.appSection03 .videoBtn .circleLine2 {
  width: 130px;
  height: 130px;
  border: solid 2px rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn .circleLine2 {
    width: 88px;
    height: 88px;
  }
}
.appSection03 .videoBtn .circleLine3 {
  width: 150px;
  height: 150px;
  border: solid 2px rgba(255, 255, 255, 0.08);
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn .circleLine3 {
    width: 100px;
    height: 100px;
  }
}
.appSection03 .videoBtn .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 0 14px 21px;
  border-color: transparent transparent transparent #FF0000;
  position: relative;
  left: 2px;
  transition: all 0.4s;
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn .triangle {
    border-width: 9px 0 9px 14px;
  }
}
.appSection03 .videoBtn .text {
  opacity: 0.6;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .appSection03 .videoBtn .text {
    font-size: 20px;
  }
}
@media screen and (max-width: 575px) {
  .appSection03 .videoBtn .text {
    font-size: 16px;
  }
}

.appSection04 {
  padding-top: 102px;
  padding-bottom: 106px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .appSection04 {
    padding-top: 200px;
    background: #1A0000;
  }
}
@media screen and (max-width: 767px) {
  .appSection04 {
    padding-top: 150px;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 {
    padding-top: 120px;
  }
}
@media screen and (max-width: 449px) {
  .appSection04 {
    padding-top: 83px;
    padding-bottom: 58px;
  }
}
.appSection04 .appSection04Img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 991px) {
  .appSection04 .appSection04Img {
    height: auto;
  }
}
@media screen and (max-width: 991px) {
  .appSection04 .appSection04Img::after {
    content: "";
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, rgb(26, 0, 0), rgba(26, 0, 0, 0));
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.appSection04 .bgImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.appSection04 .container {
  max-width: 1520px;
  position: relative;
}
.appSection04 .section4Box {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .appSection04 .section4Box {
    flex-direction: column;
  }
}
@media screen and (max-width: 1499px) {
  .appSection04 .section4Box .leftImages {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .appSection04 .section4Box .leftImages {
    width: 55%;
  }
}
@media screen and (max-width: 991px) {
  .appSection04 .section4Box .leftImages {
    width: 100%;
    margin-bottom: 38px;
  }
}
.appSection04 .section4Box .leftImages .topPhone {
  width: 724px;
  margin-bottom: 31px;
}
@media screen and (max-width: 1499px) {
  .appSection04 .section4Box .leftImages .topPhone {
    width: 85%;
  }
}
@media screen and (max-width: 991px) {
  .appSection04 .section4Box .leftImages .topPhone {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .leftImages .topPhone {
    max-width: 310px;
    margin-bottom: 13px;
  }
}
.appSection04 .section4Box .leftImages .bottom {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .appSection04 .section4Box .leftImages .bottom {
    flex-direction: column;
  }
}
.appSection04 .section4Box .leftImages .leftChart {
  width: 580px;
  margin-right: 43px;
}
@media screen and (max-width: 1499px) {
  .appSection04 .section4Box .leftImages .leftChart {
    width: calc(100% - 180px);
    margin-right: 20px;
  }
}
@media screen and (max-width: 991px) {
  .appSection04 .section4Box .leftImages .leftChart {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .leftImages .leftChart {
    max-width: 320px;
    margin-bottom: 9px;
  }
}
.appSection04 .section4Box .leftImages .rightText {
  margin-bottom: 45px;
}
@media screen and (max-width: 1499px) {
  .appSection04 .section4Box .leftImages .rightText {
    width: 160px;
  }
}
@media screen and (max-width: 991px) {
  .appSection04 .section4Box .leftImages .rightText {
    margin-bottom: 0px;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .leftImages .rightText {
    line-height: 24px;
  }
}
.appSection04 .section4Box .rightArticle {
  max-width: 550px;
  margin-top: 3px;
  margin-right: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1499px) {
  .appSection04 .section4Box .rightArticle {
    width: 45%;
    margin-right: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .appSection04 .section4Box .rightArticle {
    width: 40%;
  }
}
@media screen and (max-width: 991px) {
  .appSection04 .section4Box .rightArticle {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .rightArticle {
    padding: 0 24px;
  }
}
.appSection04 .section4Box .rightArticle .title {
  margin-bottom: 4px;
}
@media screen and (max-width: 1199px) {
  .appSection04 .section4Box .rightArticle .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .rightArticle .title {
    margin-bottom: 3px;
    font-size: 25px;
  }
}
.appSection04 .section4Box .rightArticle .slogen {
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .appSection04 .section4Box .rightArticle .slogen {
    font-size: 24px;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .rightArticle .slogen {
    margin-bottom: 23px;
    font-size: 20px;
  }
}
.appSection04 .section4Box .rightArticle .contentList {
  margin-bottom: 48px;
}
@media screen and (max-width: 1199px) {
  .appSection04 .section4Box .rightArticle .contentList {
    font-size: 20px;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .rightArticle .contentList {
    margin-bottom: 26px;
    font-size: 18px;
  }
}
.appSection04 .section4Box .rightArticle .contentList ul li + li {
  margin-top: 12px;
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .rightArticle .contentList ul li + li {
    margin-top: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .appSection04 .section4Box .rightArticle .note {
    font-size: 20px;
  }
}
@media screen and (max-width: 575px) {
  .appSection04 .section4Box .rightArticle .note {
    font-size: 18px;
  }
}

@media screen and (max-width: 1199px) {
  html[lang=en] .appSection04 .section4Box .leftImages .rightText {
    width: 100%;
  }
}

.appSection05, .appSection06 {
  padding-top: 97px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .appSection05, .appSection06 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .appSection05, .appSection06 {
    padding-top: 70%;
  }
}
@media screen and (max-width: 575px) {
  .appSection05, .appSection06 {
    padding-top: 60.2%;
  }
}

.appSection05 .appSectionSliderImg, .appSection06 .appSectionSliderImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .appSection06 {
    background: #1B0F08;
  }
}
@media screen and (max-width: 991px) {
  .appSection06 .appSectionSliderImg {
    height: auto;
  }
}
@media screen and (max-width: 991px) {
  .appSection06 .appSectionSliderImg::after {
    content: "";
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgb(27, 15, 8), rgba(27, 15, 8, 0));
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.appSection05 .bgImg, .appSection06 .bgImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.appSection05 .bgImg {
  object-position: 25% top;
}

.appSection05 .container, .appSection06 .container {
  position: relative;
}

.appSection05 .sectionSliderBox, .appSection06 .sectionSliderBox {
  max-width: 1170px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.appSection05 .sectionSliderBox .title, .appSection06 .sectionSliderBox .title {
  margin-bottom: 65px;
}
@media screen and (max-width: 1199px) {
  .appSection05 .sectionSliderBox .title, .appSection06 .sectionSliderBox .title {
    font-size: 36px;
  }
}
@media screen and (max-width: 991px) {
  .appSection05 .sectionSliderBox .title, .appSection06 .sectionSliderBox .title {
    margin-bottom: 40px;
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .appSection05 .sectionSliderBox .title, .appSection06 .sectionSliderBox .title {
    margin-bottom: 18px;
    font-size: 25px;
    line-height: 32px;
  }
}

.appSection05 .sectionSliderBox .slider, .appSection06 .sectionSliderBox .slider {
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .appSection05 .sectionSliderBox .slider, .appSection06 .sectionSliderBox .slider {
    max-width: 920px;
  }
}
@media screen and (max-width: 991px) {
  .appSection05 .sectionSliderBox .slider, .appSection06 .sectionSliderBox .slider {
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .appSection05 .sectionSliderBox .slider, .appSection06 .sectionSliderBox .slider {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .appSection05 .sectionSliderBox .slider .slick-list, .appSection06 .sectionSliderBox .slider .slick-list {
    padding: 0px 25% !important;
  }
}
@media screen and (max-width: 575px) {
  .appSection05 .sectionSliderBox .slider .slick-list, .appSection06 .sectionSliderBox .slider .slick-list {
    padding: 0px 20% !important;
  }
}
@media screen and (max-width: 449px) {
  .appSection05 .sectionSliderBox .slider .slick-list, .appSection06 .sectionSliderBox .slider .slick-list {
    padding: 0px 10% !important;
  }
}

.appSection05 .sectionSliderBox .slider .slick-track, .appSection06 .sectionSliderBox .slider .slick-track {
  display: flex;
}

.appSection05 .sectionSliderBox .slider .slick-slide, .appSection06 .sectionSliderBox .slider .slick-slide {
  display: block;
  height: auto;
}

.appSection05 .sectionSliderBox .slider .slick-slide > div, .appSection06 .sectionSliderBox .slider .slick-slide > div {
  height: 100%;
}

.appSection05 .sectionSliderBox .slickItem, .appSection06 .sectionSliderBox .slickItem {
  height: 100%;
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .appSection05 .sectionSliderBox .slickItem, .appSection06 .sectionSliderBox .slickItem {
    padding: 0 10px;
  }
}
@media screen and (max-width: 575px) {
  .appSection05 .sectionSliderBox .slickItem, .appSection06 .sectionSliderBox .slickItem {
    padding: 0 6px;
  }
}

.appSection05 .sectionSliderBox .slickItem .itemTitle, .appSection06 .sectionSliderBox .slickItem .itemTitle {
  margin-bottom: 3px;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .appSection05 .sectionSliderBox .slickItem .itemTitle, .appSection06 .sectionSliderBox .slickItem .itemTitle {
    font-size: 26px;
  }
}
@media screen and (max-width: 991px) {
  .appSection05 .sectionSliderBox .slickItem .itemTitle, .appSection06 .sectionSliderBox .slickItem .itemTitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .appSection05 .sectionSliderBox .slickItem .itemTitle, .appSection06 .sectionSliderBox .slickItem .itemTitle {
    margin-bottom: 7px;
    font-size: 20px;
  }
}

.appSection05 .sectionSliderBox .slickItem .itemTitle::before, .appSection06 .sectionSliderBox .slickItem .itemTitle::before {
  content: "\e90d";
  width: 2em;
  height: 2em;
  margin-right: 0.6em;
  border-radius: 50%;
  font-size: 0.5em;
  font-family: "icomoon";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0.5em;
  flex-shrink: 0;
}

.appSection05 .sectionSliderBox .slick-slide:nth-child(3n+1) .slickItem .itemTitle::before {
  background: #4082FA;
}
.appSection05 .sectionSliderBox .slick-slide:nth-child(3n+2) .slickItem .itemTitle::before {
  background: #F85E49;
}
.appSection05 .sectionSliderBox .slick-slide:nth-child(3n+3) .slickItem .itemTitle::before {
  background: #4BCC7E;
}

.appSection06 .sectionSliderBox .slick-slide:nth-child(3n+1) .slickItem .itemTitle::before {
  background: #AA4CFB;
}
.appSection06 .sectionSliderBox .slick-slide:nth-child(3n+2) .slickItem .itemTitle::before {
  background: #FF0000;
}
.appSection06 .sectionSliderBox .slick-slide:nth-child(3n+3) .slickItem .itemTitle::before {
  background: #FFA300;
}

.appSection05 .sectionSliderBox .slickItem .itemContent, .appSection06 .sectionSliderBox .slickItem .itemContent {
  margin-bottom: auto;
}
@media screen and (max-width: 1199px) {
  .appSection05 .sectionSliderBox .slickItem .itemContent, .appSection06 .sectionSliderBox .slickItem .itemContent {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .appSection05 .sectionSliderBox .slickItem .itemContent, .appSection06 .sectionSliderBox .slickItem .itemContent {
    font-size: 16px;
  }
}

.appSection05 .sectionSliderBox .slickItem .itemImg, .appSection06 .sectionSliderBox .slickItem .itemImg {
  width: 290px;
  margin-top: 41px;
}
@media screen and (max-width: 1199px) {
  .appSection05 .sectionSliderBox .slickItem .itemImg, .appSection06 .sectionSliderBox .slickItem .itemImg {
    width: 250px;
  }
}
@media screen and (max-width: 991px) {
  .appSection05 .sectionSliderBox .slickItem .itemImg, .appSection06 .sectionSliderBox .slickItem .itemImg {
    width: 220px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .appSection05 .sectionSliderBox .slickItem .itemImg, .appSection06 .sectionSliderBox .slickItem .itemImg {
    margin-top: 14px;
    width: 100%;
  }
}

.appSection05 .sectionSliderBox .slickItem .itemImg img, .appSection06 .sectionSliderBox .slickItem .itemImg img {
  margin: 0 auto;
  filter: drop-shadow(0px 0px 50px rgba(79, 66, 57, 0.5));
}

html[lang=en] .appSection05 .sectionSliderBox .slickItem .itemTitle,
html[lang=en] .appSection06 .sectionSliderBox .slickItem .itemTitle {
  font-size: 28px;
}
@media screen and (max-width: 1199px) {
  html[lang=en] .appSection05 .sectionSliderBox .slickItem .itemTitle,
  html[lang=en] .appSection06 .sectionSliderBox .slickItem .itemTitle {
    font-size: 26px;
  }
}

.appSection07 {
  padding-top: 136px;
  padding-bottom: 158px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .appSection07 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .appSection07 {
    padding-bottom: 45.7%;
  }
}
@media screen and (max-width: 575px) {
  .appSection07 {
    padding-top: 61px;
  }
}
.appSection07 .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top center;
}
@media screen and (max-width: 1499px) {
  .appSection07 .bgImg {
    object-position: 20% top;
  }
}
@media screen and (max-width: 991px) {
  .appSection07 .bgImg {
    object-position: 30% top;
  }
}
@media screen and (max-width: 767px) {
  .appSection07 .bgImg {
    object-position: center 70%;
  }
}
.appSection07 .container {
  max-width: 1340px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .appSection07 .section7Box {
    width: 380px;
  }
}
@media screen and (max-width: 767px) {
  .appSection07 .section7Box {
    width: 100%;
  }
}
.appSection07 .section7Box .topTitle {
  max-width: 470px;
  margin-bottom: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .appSection07 .section7Box .topTitle {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .appSection07 .section7Box .topTitle {
    margin-bottom: 19px;
  }
}
.appSection07 .section7Box .topTitle .title {
  margin-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .appSection07 .section7Box .topTitle .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .appSection07 .section7Box .topTitle .title {
    margin-bottom: 7px;
    font-size: 25px;
  }
}
.appSection07 .section7Box .topTitle .title.titleTotalImg {
  width: 100%;
  max-width: 480px;
}
@media screen and (max-width: 991px) {
  .appSection07 .section7Box .topTitle .slogen {
    font-size: 22px;
  }
}
@media screen and (max-width: 575px) {
  .appSection07 .section7Box .topTitle .slogen {
    font-size: 20px;
  }
}
.appSection07 .links ul li {
  position: relative;
}
.appSection07 .links ul li:not(:last-child) {
  margin-bottom: 68px;
}
@media screen and (max-width: 991px) {
  .appSection07 .links ul li:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .appSection07 .links ul li:not(:last-child) {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 991px) {
  .appSection07 .links ul li:not(:first-child) {
    padding-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .appSection07 .links ul li:not(:first-child) {
    padding-top: 27px;
  }
}
@media screen and (max-width: 991px) {
  .appSection07 .links ul li:not(:first-child)::before {
    content: "";
    width: 320px;
    height: 1px;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
    background: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 575px) {
  .appSection07 .links ul li:not(:first-child)::before {
    width: 295px;
  }
}
.appSection07 .links ul li:nth-child(2) .linkTop::before {
  background: red;
}
.appSection07 .links .item {
  display: flex;
}
@media screen and (max-width: 991px) {
  .appSection07 .links .item {
    flex-direction: column;
    align-items: center;
  }
}
.appSection07 .links .itemTitle {
  width: 90px;
  height: 90px;
  margin-bottom: 13px;
  padding: 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
@media screen and (max-width: 991px) {
  .appSection07 .links .itemTitle {
    display: flex;
  }
}
.appSection07 .links .qrCode {
  margin-right: 30px;
}
@media screen and (max-width: 991px) {
  .appSection07 .links .qrCode {
    display: none;
  }
}
.appSection07 .links .pclinks {
  padding-bottom: 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.appSection07 .links .linkTop {
  width: fit-content;
  position: relative;
  display: inline-block;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .appSection07 .links .linkTop {
    display: none;
  }
}
.appSection07 .links .linkTop:hover {
  opacity: 0.6;
}
.appSection07 .links .linkTop::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 20px 10px 20px 10px;
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewX(-10deg);
}
.appSection07 .links .linkTop a {
  width: 215px;
  height: 70px;
  padding: 0 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .appSection07 .links .linkWhite {
    margin-bottom: 19px;
    font-size: 18px;
  }
}
.appSection07 .links .linkWhite a {
  display: flex;
  align-items: center;
  transition: all 0.4s;
}
.appSection07 .links .linkWhite a:hover {
  opacity: 0.7;
}
.appSection07 .links .linkWhite a:hover i {
  left: 5px;
}
.appSection07 .links .linkWhite i {
  width: 24px;
  margin-right: 13px;
  font-size: 22px;
  display: block;
  position: relative;
  left: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .appSection07 .links .linkWhite i {
    width: 18px;
    font-size: 16px;
  }
}
.appSection07 .links .linkBottom {
  position: relative;
  display: none;
}
@media screen and (max-width: 991px) {
  .appSection07 .links .linkBottom {
    display: block;
  }
}
.appSection07 .links .linkBottom::before, .appSection07 .links .linkBottom::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px 5px 10px 5px;
  background: #EA0006;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewX(-10deg);
}
.appSection07 .links .linkBottom::before {
  background: #610002;
  top: 3px;
  left: calc(50% + 3px);
}
.appSection07 .links .linkBottom a {
  min-width: 220px;
  height: 60px;
  padding: 0 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.appSection07 .links .linkBottom a i {
  width: 24px;
  margin-right: 14px;
  display: block;
}

html[lang=en] .appSection07 .links .itemTitle {
  font-size: 15px;
}
html[lang=en] .appSection07 .links .linkTop {
  font-size: 18px;
}
html[lang=en] .appSection07 .links .linkTop a {
  padding: 0 12px;
}

@media screen and (max-width: 991px) {
  .appSection01 .container, .appSection02 .container, .appSection03 .container, .appSection04 .container, .appSection05 .container, .appSection06 .container, .appSection07 .container {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .appSection01 .container, .appSection02 .container, .appSection03 .container, .appSection04 .container, .appSection05 .container, .appSection06 .container, .appSection07 .container {
    max-width: 540px;
  }
}
@media screen and (max-width: 575px) {
  .appSection01 .container, .appSection02 .container, .appSection03 .container, .appSection04 .container, .appSection05 .container, .appSection06 .container, .appSection07 .container {
    max-width: calc(100% - 50px);
  }
}

.appVideoModal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.appVideoModal.showModal {
  z-index: 20;
  opacity: 1;
}
.appVideoModal .modalBg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s;
}
.appVideoModal:not(.showModal) {
  background: rgba(0, 0, 0, 0);
}
.appVideoModal .modalClose {
  position: absolute;
  top: 70px;
  right: 30px;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}
.appVideoModal .modalClose:hover {
  color: rgb(255, 255, 255);
}
.appVideoModal .modalContent {
  width: calc(100% - 50px);
  max-width: 1000px;
  height: 75vh;
  background: #000;
  position: relative;
  top: 0;
  opacity: 1;
  transition: all 0.4s;
}
@media screen and (max-width: 480px) {
  .appVideoModal .modalContent {
    height: 66vh;
  }
}
.appVideoModal .modalContent iframe {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}
.appVideoModal:not(.showModal) .modalContent {
  top: 10px;
  opacity: 0;
}
.appVideoModal:not(.showModal) .modalContent iframe, .appVideoModal:not(.showModal) .modalContent video {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .home-section.intro .slideshow {
    height: calc(70% + 55px);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .home-section.intro .slideshow {
    height: calc(80% + 55px);
  }
}
@media screen and (min-width: 992px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box {
    top: calc(50% + 60px);
  }
}
@media screen and (max-width: 991px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .home-slick-text-box {
    top: calc(50% + 50px);
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 992px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow {
    top: calc(50% + 62.5px);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .home-section.intro .slideshow .slideshow-desktop .slideshow-slider .slick-arrow {
    top: calc(50% + 30px);
  }
}

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