@charset "UTF-8";

@import url("fonts/css/style.css");

@import url("css/plugins/animate.css");

@import url("css/plugins/bootstrap.css");

@import url("css/plugins/bootstrap-select.css");

/* -------------------------------------------

 *  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, table, caption, tbody, tfoot, thead, tr, th, td, 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, address, fieldset, legend {

  display: block; }



blockquote, q {

  quotes: none; }

  blockquote:before, blockquote:after, q:before, q:after {

    content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0;

  -webkit-backface-visibility: visible; }



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; }



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 {

  font-family: inherit;

  font-size: inherit;

  margin: 0;

  color: inherit; }



button, input {

  margin: 0;

  padding: 0;

  border: none;

  outline: none;

  border-radius: 0;

  line-height: 1;

  color: inherit; }



button, select {

  text-transform: none; }



button, input[type="button"], input[type="reset"], input[type="submit"] {

  -webkit-appearance: button;

  -moz-appearance: none;

  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;

  -moz-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, fieldset, legend {

  margin: 0;

  padding: 0; }



*, *:focus {

  outline: 0; }



*, *::before, *::after, *:before, *:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

  padding: 0; }



/* -------------------------------------------

 *  basic

 * ------------------------------------------ */

html, body {

  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%; }



body {

  background-color: #ffffff;

  overflow: visible;

  color: #000000;

  font-family: "Source Sans Pro", "Helvetica", "Arial", "Heiti TC", "Microsoft JhengHei", sans-serif;

  font-size: 16px;

  line-height: 1.5;

  -webkit-backface-visibility: hidden;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }

  .safari body {

    -webkit-text-size-adjust: none; }

  body.body-fixed {

    overflow: hidden; }



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; }



.max-sm-size .for-desktop,

.min-sm-size .for-mobile {

  display: none !important; }



/* -------------------------------------------

 *  plugins

 * ------------------------------------------ */

.wow {

  visibility: hidden; }

  .msie .wow {

    visibility: visible; }



.imgFill {

  -moz-transition: opacity 1s ease-in-out;

  -o-transition: opacity 1s ease-in-out;

  -webkit-transition: opacity 1s ease-in-out;

  transition: opacity 1s ease-in-out; }



.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; }



.slick-item {

  display: block !important; }



/* -------------------------------------------

 *  font

 * ------------------------------------------ */

.t-bold {

  font-weight: 700; }



.group-title {

  text-align: center; }

  .group-title .en {

    color: #1D2089;

    font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 0.05em; }

  .group-title .zh {

    font-size: 30px;

    letter-spacing: 0.05em; }

  .max-md-size .group-title .en {

    font-size: 35px; }

  .max-md-size .group-title .zh {

    font-size: 25px; }

  .max-xs-size .group-title .en {

    font-size: 25px; }

  .max-xs-size .group-title .zh {

    font-size: 18px; }



/* -------------------------------------------

 *  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; }



.simple-select {

  position: relative; }

  .simple-select select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 100%;

    opacity: 0;

    cursor: pointer; }

  .simple-select label {

    display: block; }

    .simple-select label::after {

      content: "";

      display: inline-block;

      vertical-align: 3px;

      margin-left: 15px;

      border-left: 3px solid transparent;

      border-right: 3px solid transparent;

      border-top: 5px solid #000000; }



/* ------------------------------------------

 *  images

 * ----------------------------------------- */

.pic img {

  display: block;

  width: 100%; }

.pic.pic-fill {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0; }



.hoverScale, .hoverScale a {

  display: block;

  overflow: hidden; }



.hoverScale .pic {

  overflow: hidden;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  -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 {

  -moz-transform: scale(1.05);

  -o-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -webkit-transform: scale(1.05);

  transform: scale(1.05); }



/* ------------------------------------------

 *  videos

 * ----------------------------------------- */

.video-player {

  position: relative; }

  .video-player video {

    display: block;

    width: 100%; }

  .video-player .video-player-controls {

    position: absolute;

    top: 0;

    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; }

    .video-player .video-player-controls .btn-play {

      width: 80px;

      height: 80px;

      border-width: 2px;

      font-size: 25px;

      -moz-transition-property: background-color, border-color;

      -o-transition-property: background-color, border-color;

      -webkit-transition-property: background-color, border-color;

      transition-property: background-color, border-color; }

      .video-player .video-player-controls .btn-play:hover {

        background-color: #53C3F1;

        border-color: #53C3F1; }

      .max-sm-size .video-player .video-player-controls .btn-play {

        width: 45px;

        height: 45px; }

      .video-player .video-player-controls .btn-play i {

        margin-left: 3px; }



.iframe-wrapper {

  position: relative;

  padding-bottom: 56.25%; }

  .iframe-wrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 100%;

    height: 100%;

    margin: 0 !important; }



/* ------------------------------------------

 *  buttons

 * ----------------------------------------- */

.btn-style {

  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;

  text-decoration: none !important;

  font-size: 16px;

  line-height: 1;

  -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;

  cursor: pointer; }

  .btn-style.fill-lightBlue {

    background-color: #53C3F1;

    color: #ffffff;

    -moz-transition-property: background-color;

    -o-transition-property: background-color;

    -webkit-transition-property: background-color;

    transition-property: background-color; }

    .min-md-size .btn-style.fill-lightBlue:hover {

      background-color: #1D2089; }

  .btn-style.border-white {

    border: 1px solid #ffffff;

    color: #ffffff; }

  .btn-style.border-black {

    border: 1px solid #000000;

    color: #000000; }

  .btn-style.rounded {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    min-width: 200px;

    height: 65px;

    padding: 0 50px;

    border-radius: 65px; }

    .max-sm-size .btn-style.rounded {

      min-width: 0;

      height: 55px;

      border-radius: 55px; }

  .btn-style.circle {

    width: 50px;

    height: 50px;

    border-radius: 50%; }



/* ------------------------------------------

 *  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 ul:not(.noneStyle), .editor-style ol:not(.noneStyle) {

  margin-left: 1.5em; }



.editor {

  font-size: 16px;

  line-height: 2; }

  .max-sm-size .editor {

    line-height: 1.75; }

  .editor section {

    margin: 3em 0; }

    .max-xs-size .editor section {

      margin: 1.5em 0; }

  .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {

    line-height: 1.3; }

  .editor h1 {

    font-size: 2.5em; }

    .max-xs-size .editor h1 {

      font-size: 1.75em; }

  .editor h2 {

    font-size: 2em; }

    .max-xs-size .editor h2 {

      font-size: 1.5em; }

  .editor h3 {

    font-size: 1.75em; }

    .max-xs-size .editor h3 {

      font-size: 1.25em; }

  .editor h4 {

    font-size: 1.5em; }

    .max-xs-size .editor h4 {

      font-size: 1.2em; }

  .editor h5 {

    font-size: 1.25em; }

    .max-xs-size .editor h5 {

      font-size: 1.15em; }

  .editor h6 {

    font-size: 1.1em; }

  .editor img {

    display: inline-block;

    vertical-align: top; }

  .max-md-size .editor table {

    width: 100% !important; }

    .max-md-size .editor table td {

      min-width: 5em !important; }



/* ------------------------------------------

 *  table

 * ----------------------------------------- */

.download-table {

  width: 100%; }

  .download-table td, .download-table th {

    white-space: nowrap;

    text-align: center;

    vertical-align: middle;

    letter-spacing: 0.05em;

    line-height: 1.5;

    border: 1px solid #E3E3E3; }

    .download-table td:first-child, .download-table th:first-child {

      border-left: none; }

    .download-table td:last-child, .download-table th:last-child {

      border-right: none; }

  .download-table thead th {

    padding: 20px 15px;

    font-weight: 700;

    background-color: #F9F9F9;

    border-top: 3px solid #000000;

    border-bottom: 1px solid #000000; }

    .download-table thead th:first-child {

      border-top-color: #53C3F1; }

    .max-xs-size .download-table thead th {

      padding: 20px 10px; }

  .download-table tbody td {

    padding: 15px; }

    .max-xs-size .download-table tbody td {

      padding: 15px 10px; }

    .download-table tbody td a, .download-table tbody td img {

      display: inline-block;

      vertical-align: top; }

    .download-table tbody td a {

      margin: 0 1em; }

      .max-sm-size .download-table tbody td a {

        display: block;

        margin: 0; }

      .download-table tbody td a.download-link {

        width: max-content;

        white-space: nowrap; }

  .download-table tbody tr:nth-child(even) td {

    background-color: #F9F9F9; }



/* -------------------------------------------

 *  keyframes

 * ------------------------------------------ */

@-webkit-keyframes jump {

  0% {

    -moz-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0); } }

@-moz-keyframes jump {

  0% {

    -moz-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0); } }

@-o-keyframes jump {

  0% {

    -moz-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0); } }

@-ms-keyframes jump {

  0% {

    -moz-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0); } }

@keyframes jump {

  0% {

    -moz-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0); } }

@-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; } }

/* ------------------------------------------

 *  preloader

 * ----------------------------------------- */

.preloader {

  position: fixed;

  z-index: 1001;

  top: 0;

  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;

  background-color: #1E1F1C;

  color: #ffffff; }

  .preloader .preloader-inner figure {

    position: relative;

    width: 150px;

    visibility: hidden; }

    .preloader .preloader-inner figure .block {

      position: absolute;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      -moz-transform: scale(2);

      -o-transform: scale(2);

      -ms-transform: scale(2);

      -webkit-transform: scale(2);

      transform: scale(2);

      -moz-transform-origin: right;

      -o-transform-origin: right;

      -ms-transform-origin: right;

      -webkit-transform-origin: right;

      transform-origin: right;

      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #1E1F1C);

      background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #1E1F1C);

      background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), #1E1F1C);

      background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), #1E1F1C);

      background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #1E1F1C);

      -webkit-animation-delay: 0.5s;

      -moz-animation-delay: 0.5s;

      -o-animation-delay: 0.5s;

      animation-delay: 0.5s;

      -webkit-animation-duration: 1s;

      -moz-animation-duration: 1s;

      -o-animation-duration: 1s;

      animation-duration: 1s; }

    .preloader .preloader-inner figure figcaption {

      margin-top: 10px;

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-size: 15px;

      text-align: center;

      visibility: hidden; }



/* -------------------------------------------

 *  layout

 * ------------------------------------------ */

.wp {

  min-width: 320px;

  overflow: hidden; }



.container {

  width: calc(100% - 100px);

  max-width: 1440px;

  margin: 0 auto; }

  .max-sm-size .container {

    width: calc(100% - 50px); }

  .container.small {

    max-width: 1200px; }

  .container.medium {

    max-width: 1265px; }

  .container.large {

    max-width: 1560px; }

  .container.extra-large {

    max-width: 1660px; }

  .container.full {

    max-width: 100%; }



/* ------------------------------------------

 *  pages

 * ----------------------------------------- */

.page-head .page-head-banner {

  height: calc(92.2vh - 255px);

  overflow: visible; }

  .max-lg-size .page-head .page-head-banner {

    height: calc(55vw - 100px); }

  .max-md-size .page-head .page-head-banner {

    height: calc(65vw - 100px); }

  .max-sm-size .page-head .page-head-banner {

    height: calc(85vw - 50px); }

  .page-head .page-head-banner .banner-pic {

    position: relative;

    height: 92.2vh; }

    .page-head .page-head-banner .banner-pic::before {

      content: "";

      position: absolute;

      left: 0;

      right: 0;

      bottom: 0;

      display: block;

      height: 255px;

      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), white);

      background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), white);

      background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.8), white);

      background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8), white);

      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), white); }

    .max-lg-size .page-head .page-head-banner .banner-pic {

      height: 55vw; }

      .max-lg-size .page-head .page-head-banner .banner-pic::before {

        height: 100px; }

    .max-md-size .page-head .page-head-banner .banner-pic {

      height: 65vw; }

    .max-sm-size .page-head .page-head-banner .banner-pic {

      height: 85vw; }

      .max-sm-size .page-head .page-head-banner .banner-pic::before {

        height: 50px; }

.page-head .page-head-main {

  position: relative;

  z-index: 5;

  padding: 35px 0; }

  .max-xs-size .page-head .page-head-main {

    padding: 25px 0; }

  .page-head .page-head-main .page-head-bread ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 15px;

    text-align: right;

    line-height: 1.5; }

    .page-head .page-head-main .page-head-bread ul li + li {

      margin-left: 1em; }

    .page-head .page-head-main .page-head-bread ul li::after {

      content: "/";

      display: inline-block;

      margin-left: 1em;

      opacity: 0.5; }

    .page-head .page-head-main .page-head-bread ul li:last-child::after {

      display: none; }

    .page-head .page-head-main .page-head-bread ul li a:hover {

      color: #1D2089; }

    .max-md-size .page-head .page-head-main .page-head-bread ul {

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      text-align: center; }

    .max-xs-size .page-head .page-head-main .page-head-bread ul {

      font-size: 13px; }

      .max-xs-size .page-head .page-head-main .page-head-bread ul li + li::before {

        margin: 0 0.5em; }

  .page-head .page-head-main .page-head-title {

    margin-top: 45px;

    text-align: center;

    line-height: 1.25; }

    .max-xl-size .page-head .page-head-main .page-head-title {

      margin-top: 25px; }

    .page-head .page-head-main .page-head-title .en {

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-size: 42px;

      font-weight: 700;

      letter-spacing: 0.05em;

      color: #1D2089; }

      .page-head .page-head-main .page-head-title .en + .zh {

        margin-top: 15px; }

    .page-head .page-head-main .page-head-title .zh {

      font-size: 30px; }

    .page-head .page-head-main .page-head-title .text {

      margin-top: 15px;

      font-size: 16px;

      line-height: 2;

      letter-spacing: 0.05em;

      max-width: 795px;

      margin-left: auto;

      margin-right: auto; }

      .page-head .page-head-main .page-head-title .text a {

        text-decoration: underline; }

        .page-head .page-head-main .page-head-title .text a:hover {

          color: #53C3F1; }

      .max-xs-size .page-head .page-head-main .page-head-title .text {

        line-height: 1.75; }

    .max-md-size .page-head .page-head-main .page-head-title {

      margin-top: 35px; }

      .max-md-size .page-head .page-head-main .page-head-title .en {

        font-size: 35px; }

        .max-md-size .page-head .page-head-main .page-head-title .en + .zh {

          margin-top: 10px; }

      .max-md-size .page-head .page-head-main .page-head-title .zh {

        font-size: 25px; }

    .max-xs-size .page-head .page-head-main .page-head-title {

      margin-top: 25px; }

      .max-xs-size .page-head .page-head-main .page-head-title .en {

        font-size: 28px; }

        .max-xs-size .page-head .page-head-main .page-head-title .en + .zh {

          margin-top: 5px; }

      .max-xs-size .page-head .page-head-main .page-head-title .zh {

        font-size: 20px; }

  .page-head .page-head-main .page-head-nav {

    position: relative;

    margin-top: 45px; }

    .min-lg-size .page-head .page-head-main .page-head-nav {

      min-height: 45px; }

    .max-xl-size .page-head .page-head-main .page-head-nav {

      margin-top: 35px; }

    .max-xs-size .page-head .page-head-main .page-head-nav {

      margin-top: 25px; }

    @media screen and (min-width: 768px) {

      .page-head .page-head-main .page-head-nav .nav-menu .nav-menu-toggle {

        display: none; }

      .page-head .page-head-main .page-head-nav .nav-menu 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;

        font-size: 16px;

        text-align: center; }

        .page-head .page-head-main .page-head-nav .nav-menu ul li + li {

          margin-left: 10px; }

        .page-head .page-head-main .page-head-nav .nav-menu ul li a {

          display: block;

          padding: 0 30px;

          border-radius: 45px;

          line-height: 45px;

          -moz-transition-property: background-color, color;

          -o-transition-property: background-color, color;

          -webkit-transition-property: background-color, color;

          transition-property: background-color, color; }

          .page-head .page-head-main .page-head-nav .nav-menu ul li a:hover {

            background-color: #53C3F1;

            color: #ffffff; }

        .page-head .page-head-main .page-head-nav .nav-menu ul li.current a {

          border: 1px solid #000000;

          pointer-events: none; }

        .max-md-size .page-head .page-head-main .page-head-nav .nav-menu ul li + li {

          margin-left: 5px; }

        .max-md-size .page-head .page-head-main .page-head-nav .nav-menu ul li a {

          padding: 0 15px;

          line-height: 35px;

          border-radius: 35px; } }

    @media screen and (max-width: 767px) {

      .page-head .page-head-main .page-head-nav .nav-menu .nav-menu-toggle {

        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;

        border: 1px solid #E4E4E4;

        padding: 15px 20px;

        -moz-transition-property: color, background-color, border-color;

        -o-transition-property: color, background-color, border-color;

        -webkit-transition-property: color, background-color, border-color;

        transition-property: color, background-color, border-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; }

        .max-xs-size .page-head .page-head-main .page-head-nav .nav-menu .nav-menu-toggle {

          padding: 10px 15px; }

        .page-head .page-head-main .page-head-nav .nav-menu .nav-menu-toggle::after {

          content: "";

          font-family: "icomoon" !important;

          speak: none;

          font-style: normal;

          font-weight: normal;

          font-variant: normal;

          text-transform: none;

          line-height: 1;

          -webkit-font-smoothing: antialiased;

          -moz-osx-font-smoothing: grayscale;

          display: block;

          font-size: 20px;

          -moz-transition: transform 0.3s ease;

          -o-transition: transform 0.3s ease;

          -webkit-transition: transform 0.3s ease;

          transition: transform 0.3s ease; }

        .page-head .page-head-main .page-head-nav .nav-menu .nav-menu-toggle.active::after {

          -moz-transform: rotate(180deg);

          -o-transform: rotate(180deg);

          -ms-transform: rotate(180deg);

          -webkit-transform: rotate(180deg);

          transform: rotate(180deg); }

      .page-head .page-head-main .page-head-nav .nav-menu ul {

        display: none;

        background-color: #1E1F1C;

        color: #ffffff;

        padding: 15px 0; }

        .max-xs-size .page-head .page-head-main .page-head-nav .nav-menu ul {

          padding: 10px 0; }

        .page-head .page-head-main .page-head-nav .nav-menu ul li a {

          display: block;

          padding: 15px 20px; }

          .max-xs-size .page-head .page-head-main .page-head-nav .nav-menu ul li a {

            padding: 10px 15px; }

        .page-head .page-head-main .page-head-nav .nav-menu ul li.current a {

          background-color: #53C3F1;

          font-weight: 700; } }

    .page-head .page-head-main .page-head-nav .nav-menu + .nav-filter:not(.side) {

      margin-top: 25px; }

    .page-head .page-head-main .page-head-nav .nav-filter {

      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; }

      .page-head .page-head-main .page-head-nav .nav-filter .nav-filter-title {

        padding-right: 15px;

        border-right: 1px solid #E3E3E3; }

      .page-head .page-head-main .page-head-nav .nav-filter .nav-filter-select {

        font-weight: 700; }

        .page-head .page-head-main .page-head-nav .nav-filter .nav-filter-select label {

          padding-left: 15px;

          font-weight: 700; }

      .min-lg-size .page-head .page-head-main .page-head-nav .nav-filter.side {

        position: absolute;

        top: 0;

        right: 0;

        height: 45px; }

      .max-lg-size .page-head .page-head-main .page-head-nav .nav-filter.side {

        margin-top: 25px; }

    .page-head .page-head-main .page-head-nav .nav-share {

      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;

      padding-top: 20px;

      font-size: 16px;

      text-align: center; }

      .page-head .page-head-main .page-head-nav .nav-share::before {

        content: "";

        position: absolute;

        top: 0;

        left: calc(50% - 25px);

        display: block;

        width: 50px;

        height: 1px;

        background-color: #D4D4D4; }

      .page-head .page-head-main .page-head-nav .nav-share .a2a_kit a {

        display: inline-block;

        float: none;

        margin: 0 0.5em; }

        .page-head .page-head-main .page-head-nav .nav-share .a2a_kit a:hover {

          color: #53C3F1; }

.min-lg-size .page-head.has-icons .page-head-banner {

  height: calc(92.2vh - 300px); }

  .min-lg-size .page-head.has-icons .page-head-banner .banner-pic::before {

    height: 300px; }

.min-xl-size .page-head.has-icons .page-head-main .page-head-title, .min-xl-size .page-head.has-icons .page-head-main .page-head-nav {

  margin-top: 25px; }

.max-xl-size.min-lg-size .page-head.has-icons .page-head-main .page-head-title {

  margin-top: 0; }

.max-xl-size.min-lg-size .page-head.has-icons .page-head-main .page-head-nav {

  margin-top: 25px; }



.page-head .article-title .date {

  margin-top: 1em;

  font-size: 16px;

  line-height: 1;

  color: #1D2089; }

.page-head .article-title + .page-head-nav {

  margin-top: 30px; }



.page-body .article-content .container, .page-body .article-foot .container {

  max-width: 900px; }

.page-body .article-content {

  padding-bottom: 55px; }

  .max-xs-size .page-body .article-content {

    padding-bottom: 25px; }

.page-body .article-foot {

  background-color: #F3F3F3;

  padding-bottom: 20px; }

  .page-body .article-foot a:hover {

    color: #53C3F1; }

  .page-body .article-foot .article-foot-share {

    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;

    font-size: 16px;

    line-height: 1;

    text-align: center; }

    .page-body .article-foot .article-foot-share .a2a_kit a {

      display: inline-block;

      float: none;

      margin: 0 0.5em; }

  .page-body .article-foot .article-foot-nav {

    position: relative;

    height: 145px;

    border-top: 1px solid #D4D4D4; }

    .max-sm-size .page-body .article-foot .article-foot-nav {

      height: 75px; }

    .page-body .article-foot .article-foot-nav > div {

      position: absolute;

      top: 0;

      bottom: 0;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex; }

    .page-body .article-foot .article-foot-nav .back {

      -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;

      left: calc(50% - 12px); }

      .page-body .article-foot .article-foot-nav .back::before, .page-body .article-foot .article-foot-nav .back::after {

        content: "";

        display: block;

        width: 1px;

        height: 35px;

        background-color: #D4D4D4; }

      .max-sm-size .page-body .article-foot .article-foot-nav .back {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center; }

        .max-sm-size .page-body .article-foot .article-foot-nav .back::before, .max-sm-size .page-body .article-foot .article-foot-nav .back::after {

          display: none; }

      .page-body .article-foot .article-foot-nav .back a {

        display: block;

        font-size: 24px;

        line-height: 1; }

    .page-body .article-foot .article-foot-nav .navigate {

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      max-width: 300px; }

      .page-body .article-foot .article-foot-nav .navigate a {

        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; }

        .max-sm-size .page-body .article-foot .article-foot-nav .navigate a {

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center; }

        .page-body .article-foot .article-foot-nav .navigate a .arrow {

          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;

          height: 50px;

          border: 1px solid #000000;

          border-radius: 50%;

          -moz-transition-property: color, background-color, border-color;

          -o-transition-property: color, background-color, border-color;

          -webkit-transition-property: color, background-color, border-color;

          transition-property: color, background-color, border-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; }

          .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .arrow {

            width: 35px;

            height: 35px; }

          .max-xs-size .page-body .article-foot .article-foot-nav .navigate a .arrow {

            width: 25px;

            height: 25px; }

        .page-body .article-foot .article-foot-nav .navigate a .text {

          width: calc(100% - 65px);

          font-size: 16px; }

          .page-body .article-foot .article-foot-nav .navigate a .text .date {

            margin-bottom: 5px;

            font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif; }

          .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .text {

            width: auto; }

            .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .text p {

              display: none; }

            .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .text::before {

              white-space: nowrap; }

          .max-xs-size .page-body .article-foot .article-foot-nav .navigate a .text::before {

            font-size: 15px; }

        .page-body .article-foot .article-foot-nav .navigate a:hover .arrow {

          color: #ffffff;

          background-color: #1D2089;

          border-color: #1D2089; }

        .page-body .article-foot .article-foot-nav .navigate a:hover .text {

          color: #1D2089; }

      .page-body .article-foot .article-foot-nav .navigate.prev {

        left: 0; }

        .page-body .article-foot .article-foot-nav .navigate.prev a {

          text-align: left; }

          .max-sm-size .page-body .article-foot .article-foot-nav .navigate.prev a .text::before {

            content: "上一篇";

            margin-left: 1em; }

      .page-body .article-foot .article-foot-nav .navigate.next {

        right: 0; }

        .page-body .article-foot .article-foot-nav .navigate.next a {

          -webkit-box-orient: horizontal;

          -webkit-box-direction: reverse;

          -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

          text-align: right; }

          .max-sm-size .page-body .article-foot .article-foot-nav .navigate.next a .text::before {

            content: "下一篇";

            margin-right: 1em; }



.faq-list li + li {

  margin-top: 10px; }

.faq-list li > div {

  padding: 30px 75px 30px 95px;

  line-height: 2; }

  .max-sm-size .faq-list li > div {

    padding: 15px 50px 15px 60px; }

.faq-list li .faq-q {

  position: relative;

  background-color: #F8F8F8;

  font-size: 16px;

  font-weight: 700;

  cursor: pointer;

  -moz-transition-property: color, background-color;

  -o-transition-property: color, background-color;

  -webkit-transition-property: color, background-color;

  transition-property: color, background-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; }

  .faq-list li .faq-q::before, .faq-list li .faq-q::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-list li .faq-q::before {

    content: "Q";

    display: inline-block;

    width: 50px;

    margin-left: -50px;

    font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

    font-size: 28px;

    font-weight: 700;

    line-height: 1;

    color: #1D2089;

    -moz-transition-property: color;

    -o-transition-property: color;

    -webkit-transition-property: color;

    transition-property: color; }

    .max-sm-size .faq-list li .faq-q::before {

      width: 35px;

      margin-left: -35px;

      font-size: 25px; }

  .faq-list li .faq-q::after {

    content: "";

    position: absolute;

    top: 35px;

    right: 30px;

    display: block;

    font-family: "icomoon" !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 25px;

    -moz-transition-property: color, transform;

    -o-transition-property: color, transform;

    -webkit-transition-property: color, transform;

    transition-property: color, transform; }

    .max-sm-size .faq-list li .faq-q::after {

      top: 20px;

      right: 15px; }

  .faq-list li .faq-q:hover, .faq-list li .faq-q.active {

    background-color: #1D2089;

    color: #ffffff; }

    .faq-list li .faq-q:hover::before, .faq-list li .faq-q:hover::after, .faq-list li .faq-q.active::before, .faq-list li .faq-q.active::after {

      color: #ffffff; }

  .faq-list li .faq-q.active::after {

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg); }

.faq-list li .faq-a {

  display: none;

  border: 1px solid #1D2089; }

  .max-xs-size .faq-list li .faq-a {

    padding: 15px 20px; }



.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;

  line-height: 1; }

  .pagination a:hover {

    color: #53C3F1; }

  .pagination .pagi-arrow {

    display: block;

    font-size: 22px; }

    .pagination .pagi-arrow i {

      display: block; }

  .pagination .pagi-jump {

    padding: 0 25px;

    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-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

    font-size: 16px;

    color: #808080; }

    .pagination .pagi-jump li + li {

      margin-left: 35px; }

      .max-sm-size .pagination .pagi-jump li + li {

        margin-left: 20px; }

    .pagination .pagi-jump li.current a {

      color: #000000; }



/* ------------------------------------------

 *  header

 * ----------------------------------------- */

#header {

  position: fixed;

  z-index: 1000;

  top: 0;

  left: 0;

  right: 0; }

  #header .overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);

    display: none; }

    .max-lg-size #header .overlay {

      display: none !important; }

  #header .navbar {

    position: relative;

    z-index: 5;

    height: 85px;

    background-color: #ffffff; }

    #header .navbar.hover {

      overflow: visible; }

    .max-sm-size #header .navbar {

      height: 65px; }

    #header .navbar .logo {

      position: absolute;

      z-index: 10;

      top: 0;

      left: 50px;

      bottom: 0;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center; }

      .max-lg-size #header .navbar .logo {

        left: 25px; }

      .max-sm-size #header .navbar .logo {

        left: 15px; }

      #header .navbar .logo a {

        display: block;

        width: 85px; }

        .max-sm-size #header .navbar .logo a {

          width: 65px; }

        #header .navbar .logo a img {

          display: block; }

    #header .navbar .menu-track {

      display: none; }

      @media screen and (max-width: 1199px) {

        #header .navbar .menu-track {

          position: fixed;

          z-index: 100;

          top: 85px;

          left: 0;

          right: 0;

          -moz-transform: translateX(100vw);

          -o-transform: translateX(100vw);

          -ms-transform: translateX(100vw);

          -webkit-transform: translateX(100vw);

          transform: translateX(100vw);

          -moz-transition: transform 0.5s ease;

          -o-transition: transform 0.5s ease;

          -webkit-transition: transform 0.5s ease;

          transition: transform 0.5s ease; }

          .max-sm-size #header .navbar .menu-track {

            top: 65px; }

          #header .navbar .menu-track .menu-track-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;

            height: 60px;

            background-color: #F3F3F3;

            border: none;

            text-align: center;

            padding: 0 25px;

            cursor: pointer; }

            #header .navbar .menu-track .menu-track-inner::before {

              content: "";

              display: block;

              font-family: "icomoon" !important;

              speak: none;

              font-style: normal;

              font-weight: normal;

              font-variant: normal;

              text-transform: none;

              line-height: 1;

              -webkit-font-smoothing: antialiased;

              -moz-osx-font-smoothing: grayscale;

              font-size: 1.25em; }

            #header .navbar .menu-track .menu-track-inner::after {

              content: "";

              display: block; }

            .max-xs-size #header .navbar .menu-track .menu-track-inner {

              padding: 0 20px; }

          #header .navbar .menu-track.active {

            -moz-transform: translateX(0);

            -o-transform: translateX(0);

            -ms-transform: translateX(0);

            -webkit-transform: translateX(0);

            transform: translateX(0); } }

    #header .navbar .menu .menu-inner .mainlinks .has-submenu .submenu-info {

      margin-top: 15px;

      text-align: left; }

      #header .navbar .menu .menu-inner .mainlinks .has-submenu .submenu-info .title {

        font-weight: 700;

        font-size: 18px;

        color: #1D2089; }

        #header .navbar .menu .menu-inner .mainlinks .has-submenu .submenu-info .title:lang(en) {

          font-size: 16px;

          line-height: 1.3; }

      #header .navbar .menu .menu-inner .mainlinks .has-submenu .submenu-info .text {

        margin-top: 5px;

        font-size: 16px; }

        #header .navbar .menu .menu-inner .mainlinks .has-submenu .submenu-info .text:lang(en) {

          font-size: 14px; }

    #header .navbar .menu .menu-inner .mainlinks .brands .category-content .category-slider {

      text-align: left; }

      #header .navbar .menu .menu-inner .mainlinks .brands .category-content .category-slider .brand-info {

        margin-top: 10px; }

        #header .navbar .menu .menu-inner .mainlinks .brands .category-content .category-slider .brand-info .title-box {

          font-weight: 700; }

          #header .navbar .menu .menu-inner .mainlinks .brands .category-content .category-slider .brand-info .title-box span {

            display: block; }

          #header .navbar .menu .menu-inner .mainlinks .brands .category-content .category-slider .brand-info .title-box .title {

            font-size: 20px; }

          #header .navbar .menu .menu-inner .mainlinks .brands .category-content .category-slider .brand-info .title-box .subtitle {

            font-size: 18px;

            color: #1D2089; }

        #header .navbar .menu .menu-inner .mainlinks .brands .category-content .category-slider .brand-info .text-box {

          margin-top: 15px;

          font-size: 16px; }

    @media screen and (min-width: 1200px) {

      #header .navbar .menu {

        position: relative; }

        .max-xl-size #header .navbar .menu .menu-inner {

          padding-right: 130px; }

        .max-xl2-size.min-xl-size #header .navbar .menu .menu-inner:lang(en) {

          padding-right: 250px; }

        .max-xl-size #header .navbar .menu .menu-inner:lang(en) {

          padding-right: 0; }

        #header .navbar .menu .menu-inner > *:not(.menu-inner-top) {

          display: none; }

        #header .navbar .menu .menu-inner .menu-inner-top .search {

          display: none; }

        #header .navbar .menu .menu-inner .mainlinks {

          display: -webkit-box;

          display: -webkit-flex;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center;

          height: 85px; }

          #header .navbar .menu .menu-inner .mainlinks > li {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center; }

            #header .navbar .menu .menu-inner .mainlinks > li.lang {

              display: none; }

            #header .navbar .menu .menu-inner .mainlinks > li:not(.lang) + li {

              margin-left: 5px; }

            #header .navbar .menu .menu-inner .mainlinks > li > .mainlink-title a {

              font-size: 17px;

              line-height: 1em;

              padding: 30px;

              color: #000000; }

              .max-xl-size #header .navbar .menu .menu-inner .mainlinks > li > .mainlink-title a {

                padding: 30px 15px; }

              #header .navbar .menu .menu-inner .mainlinks > li > .mainlink-title a:lang(en) {

                font-size: 16px;

                padding: 30px 15px; }

                .max-xl-size #header .navbar .menu .menu-inner .mainlinks > li > .mainlink-title a:lang(en) {

                  padding: 30px 10px; }

                .max-bg-size #header .navbar .menu .menu-inner .mainlinks > li > .mainlink-title a:lang(en) {

                  font-size: 15px; }

              #header .navbar .menu .menu-inner .mainlinks > li > .mainlink-title a:hover {

                font-weight: 700;

                color: #1D2089; }

            #header .navbar .menu .menu-inner .mainlinks > li.has-submenu {

              position: relative; }

              #header .navbar .menu .menu-inner .mainlinks > li.has-submenu::after {

                content: "";

                position: absolute;

                z-index: 2;

                bottom: -6px;

                left: calc(50% - 6px);

                display: block;

                width: 12px;

                height: 12px;

                background-color: #ffffff;

                border-top: 1px solid #E3E3E3;

                border-left: 1px solid #E3E3E3;

                -moz-transform: rotate(45deg);

                -o-transform: rotate(45deg);

                -ms-transform: rotate(45deg);

                -webkit-transform: rotate(45deg);

                transform: rotate(45deg);

                opacity: 0; }

              #header .navbar .menu .menu-inner .mainlinks > li.has-submenu .submenu-title {

                display: none !important; }

              #header .navbar .menu .menu-inner .mainlinks > li.has-submenu > ul {

                position: fixed;

                z-index: -1000;

                visibility: hidden;

                top: 85px;

                left: 0;

                right: 0;

                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;

                padding: 45px 0;

                background-color: #ffffff;

                border-top: 1px solid #E3E3E3;

                text-align: center; }

                #header .navbar .menu .menu-inner .mainlinks > li.has-submenu > ul > li {

                  display: inline-block;

                  vertical-align: top;

                  width: calc(100%/6 - 100px/6 - 200px/6); }

                  #header .navbar .menu .menu-inner .mainlinks > li.has-submenu > ul > li:not(.submenu-title) + li {

                    margin-left: 40px; }

                  .max-bg-size #header .navbar .menu .menu-inner .mainlinks > li.has-submenu > ul > li {

                    width: calc(100%/6 - 100px/6 - 100px/6); }

                    .max-bg-size #header .navbar .menu .menu-inner .mainlinks > li.has-submenu > ul > li:not(.submenu-title) + li {

                      margin-left: 20px; }

                  #header .navbar .menu .menu-inner .mainlinks > li.has-submenu > ul > li > a {

                    display: block;

                    -moz-transition-property: opacity;

                    -o-transition-property: opacity;

                    -webkit-transition-property: opacity;

                    transition-property: opacity; }

                    #header .navbar .menu .menu-inner .mainlinks > li.has-submenu > ul > li > a:hover {

                      opacity: 0.65; }

              #header .navbar .menu .menu-inner .mainlinks > li.has-submenu:hover::after {

                opacity: 1; }

              #header .navbar .menu .menu-inner .mainlinks > li.has-submenu:hover > .mainlink-title a {

                font-weight: 700;

                color: #1D2089; }

              #header .navbar .menu .menu-inner .mainlinks > li.has-submenu:hover > ul {

                visibility: visible;

                opacity: 1;

                z-index: 1; }

            #header .navbar .menu .menu-inner .mainlinks > li.current > .mainlink-title a {

              font-weight: 700;

              color: #1D2089; }

            #header .navbar .menu .menu-inner .mainlinks > li.brands::after {

              background-color: #F3F3F3; }

            #header .navbar .menu .menu-inner .mainlinks > li.brands > ul {

              padding: 0;

              background-color: #F3F3F3; }

              #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li {

                display: -webkit-inline-box;

                display: -webkit-inline-flex;

                display: -ms-inline-flexbox;

                display: inline-flex;

                -webkit-box-align: center;

                -ms-flex-align: center;

                align-items: center;

                width: auto !important;

                height: 60px; }

                #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li:not(.submenu-title) {

                  padding: 0 25px; }

                  #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li:not(.submenu-title) + li {

                    margin: 0 !important; }

                #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li > .mainlink-title a:hover {

                  font-weight: 700; }

                #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content {

                  position: absolute;

                  top: 60px;

                  left: 0;

                  right: 0;

                  display: -webkit-box;

                  display: -webkit-flex;

                  display: -ms-flexbox;

                  display: flex;

                  visibility: inherit;

                  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;

                  background-color: #ffffff;

                  border-top: 1px solid #E3E3E3; }

                  #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content > div {

                    position: relative;

                    min-height: 470px; }

                  #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-banner {

                    position: relative;

                    width: 680px;

                    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;

                    color: #ffffff; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-banner .title {

                      position: relative;

                      z-index: 1;

                      font-size: 25px;

                      line-height: 1; }

                      #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-banner .title::before {

                        content: attr(data-en);

                        display: block;

                        margin-bottom: 15px;

                        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

                        font-size: 35px;

                        font-weight: 700; }

                    .max-xl-size #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-banner {

                      display: none; }

                  #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider {

                    width: calc(100% - 680px);

                    padding: 55px 80px; }

                    .max-xl-size #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider {

                      width: 100%; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-dotted {

                      padding-bottom: 45px; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-list {

                      margin: 0 -40px; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-track {

                      min-width: 100%; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-slide {

                      margin: 0 40px; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-nav {

                      position: absolute;

                      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; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-arrow {

                      display: block;

                      font-size: 20px; }

                    #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-dots {

                      list-style-type: none;

                      font-size: 0;

                      text-align: center;

                      margin: 0 25px; }

                      #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-dots li {

                        display: inline-block; }

                        #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-dots li + li {

                          margin-left: 15px; }

                        #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-dots li button {

                          display: block;

                          width: 10px;

                          height: 10px;

                          border-radius: 50%;

                          background-color: #C3C3C3; }

                        #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li .category-content .category-slider .slick-dots li.slick-active button {

                          background-color: #53C3F1; }

                #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li.active > .category-title a {

                  font-weight: 700;

                  color: #1D2089; }

                #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li.active .category-content {

                  z-index: 100;

                  opacity: 1; }

                #header .navbar .menu .menu-inner .mainlinks > li.brands > ul > li.product-all .category-content .category-slider {

                  width: 100%; }

        #header .navbar .menu .menu-foot {

          display: none; } }

    @media screen and (max-width: 1200px) {

      #header .navbar .menu {

        position: fixed;

        top: 85px;

        left: 0;

        right: 0;

        bottom: 0;

        height: calc(100vh - 85px);

        overflow: auto;

        background-color: #ffffff;

        border-top: 1px solid #E9E9E9;

        -moz-transform: translateX(-100vw);

        -o-transform: translateX(-100vw);

        -ms-transform: translateX(-100vw);

        -webkit-transform: translateX(-100vw);

        transform: translateX(-100vw);

        -moz-transition: transform 0.5s ease;

        -o-transition: transform 0.5s ease;

        -webkit-transition: transform 0.5s ease;

        transition: transform 0.5s ease; }

        #header .navbar .menu.menu-opened {

          -moz-transform: translateX(0);

          -o-transform: translateX(0);

          -ms-transform: translateX(0);

          -webkit-transform: translateX(0);

          transform: translateX(0); }

          #header .navbar .menu.menu-opened + .menu-track {

            display: block; }

        .max-sm-size #header .navbar .menu {

          top: 65px;

          height: calc(100vh - 65px); }

        #header .navbar .menu .menu-inner {

          overflow: visible; }

          #header .navbar .menu .menu-inner .menu-inner-top {

            position: relative;

            overflow: hidden;

            padding: 25px;

            -moz-transition: height 0.5s ease;

            -o-transition: height 0.5s ease;

            -webkit-transition: height 0.5s ease;

            transition: height 0.5s ease; }

            .max-xs-size #header .navbar .menu .menu-inner .menu-inner-top {

              padding: 25px 20px; }

          #header .navbar .menu .menu-inner .search .search-bar {

            position: relative; }

            #header .navbar .menu .menu-inner .search .search-bar input[type="text"] {

              display: block;

              width: 100%;

              height: 50px;

              padding: 15px;

              background-color: #F3F3F3; }

            #header .navbar .menu .menu-inner .search .search-bar button {

              position: absolute;

              top: 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;

              width: 50px;

              height: 50px;

              background: none; }

          #header .navbar .menu .menu-inner .mainlinks {

            font-size: 17px; }

            #header .navbar .menu .menu-inner .mainlinks li {

              border-bottom: 1px solid #E3E3E3; }

              #header .navbar .menu .menu-inner .mainlinks li .mainlink-title {

                cursor: pointer; }

                #header .navbar .menu .menu-inner .mainlinks li .mainlink-title a {

                  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;

                  height: 60px;

                  padding: 0 10px;

                  line-height: 1; }

                  #header .navbar .menu .menu-inner .mainlinks li .mainlink-title a::after {

                    font-family: "icomoon" !important;

                    speak: none;

                    font-style: normal;

                    font-weight: normal;

                    font-variant: normal;

                    text-transform: none;

                    line-height: 1;

                    -webkit-font-smoothing: antialiased;

                    -moz-osx-font-smoothing: grayscale;

                    content: "";

                    display: block;

                    font-size: 1.25em; }

              #header .navbar .menu .menu-inner .mainlinks li.has-submenu > .mainlink-title > a {

                pointer-events: none; }

              #header .navbar .menu .menu-inner .mainlinks li .submenu {

                position: absolute;

                top: 0;

                left: 0;

                right: 0;

                background-color: #ffffff;

                -moz-transform: translateX(100vw);

                -o-transform: translateX(100vw);

                -ms-transform: translateX(100vw);

                -webkit-transform: translateX(100vw);

                transform: translateX(100vw);

                -moz-transition: transform 0.5s ease;

                -o-transition: transform 0.5s ease;

                -webkit-transition: transform 0.5s ease;

                transition: transform 0.5s ease;

                padding: 60px 25px 0; }

                .max-xs-size #header .navbar .menu .menu-inner .mainlinks li .submenu {

                  padding: 60px 20px 0; }

                #header .navbar .menu .menu-inner .mainlinks li .submenu > li:not(.submenu-title) {

                  padding: 20px 10px; }

                .min-xs-size #header .navbar .menu .menu-inner .mainlinks li .submenu .submenu-pic img {

                  width: auto;

                  max-width: 100%; }

              #header .navbar .menu .menu-inner .mainlinks li.lang span::before {

                font-family: "icomoon" !important;

                speak: none;

                font-style: normal;

                font-weight: normal;

                font-variant: normal;

                text-transform: none;

                line-height: 1;

                -webkit-font-smoothing: antialiased;

                -moz-osx-font-smoothing: grayscale;

                content: "";

                display: inline-block;

                margin-right: 5px; }

              #header .navbar .menu .menu-inner .mainlinks li.lang .submenu > li:not(.submenu-title) {

                padding: 0; }

              #header .navbar .menu .menu-inner .mainlinks li.brands > .submenu > li:not(.submenu-title) {

                padding: 0; }

                #header .navbar .menu .menu-inner .mainlinks li.brands > .submenu > li:not(.submenu-title) > .submenu li:not(.submenu-title) {

                  padding: 20px 10px; }

              #header .navbar .menu .menu-inner .mainlinks li.brands .category-content .category-banner {

                display: none; }

              .min-xs-size #header .navbar .menu .menu-inner .mainlinks li.brands .category-content .category-slider .brand-pic img {

                width: auto;

                max-width: 100%; }

              #header .navbar .menu .menu-inner .mainlinks li.active > .submenu {

                -moz-transform: translateX(0);

                -o-transform: translateX(0);

                -ms-transform: translateX(0);

                -webkit-transform: translateX(0);

                transform: translateX(0); }

        #header .navbar .menu .menu-foot {

          background-color: #1E1F1C;

          color: #ffffff; }

          #header .navbar .menu .menu-foot .menu-foot-download ul {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex; }

            #header .navbar .menu .menu-foot .menu-foot-download ul > li {

              -webkit-box-flex: 1;

              -ms-flex: 1;

              flex: 1; }

              #header .navbar .menu .menu-foot .menu-foot-download ul > li + li {

                border-left: 1px solid rgba(255, 255, 255, 0.08); }

            #header .navbar .menu .menu-foot .menu-foot-download ul > li a {

              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;

              text-align: center; }

              .max-sm-size #header .navbar .menu .menu-foot .menu-foot-download ul > li a {

                -webkit-box-orient: vertical;

                -webkit-box-direction: normal;

                -ms-flex-direction: column;

                flex-direction: column;

                padding: 25px 0; }

              #header .navbar .menu .menu-foot .menu-foot-download ul > li a .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: 60px;

                height: 60px;

                border: 2px solid #ffffff;

                border-radius: 50%;

                font-size: 27px; }

                .max-sm-size #header .navbar .menu .menu-foot .menu-foot-download ul > li a .icon {

                  width: 45px;

                  height: 45px;

                  font-size: 20px; }

              .min-sm-size #header .navbar .menu .menu-foot .menu-foot-download ul > li a .text {

                margin-left: 15px; }

              .max-sm-size #header .navbar .menu .menu-foot .menu-foot-download ul > li a .text {

                margin-top: 10px; }

              #header .navbar .menu .menu-foot .menu-foot-download ul > li a .text span {

                display: block; }

              #header .navbar .menu .menu-foot .menu-foot-download ul > li a .text .en {

                font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

                font-size: 20px;

                font-weight: 700; }

              #header .navbar .menu .menu-foot .menu-foot-download ul > li a .text .zh {

                font-size: 16px; }

              .max-sm-size #header .navbar .menu .menu-foot .menu-foot-download ul > li a .text .en {

                font-size: 16px; }

              .max-sm-size #header .navbar .menu .menu-foot .menu-foot-download ul > li a .text .zh {

                font-size: 15px; }

          #header .navbar .menu .menu-foot .menu-foot-info {

            border-top: 1px solid rgba(255, 255, 255, 0.08);

            padding: 50px 0; }

            .max-sm-size #header .navbar .menu .menu-foot .menu-foot-info {

              padding: 25px 0; }

            #header .navbar .menu .menu-foot .menu-foot-info .info {

              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;

              line-height: 1; }

              #header .navbar .menu .menu-foot .menu-foot-info .info > * + * {

                margin-top: 25px; }

              #header .navbar .menu .menu-foot .menu-foot-info .info .info-logo {

                width: 125px; }

                #header .navbar .menu .menu-foot .menu-foot-info .info .info-logo img {

                  display: block; }

              #header .navbar .menu .menu-foot .menu-foot-info .info .info-tel {

                font-size: 16px;

                letter-spacing: 0.05em; }

                #header .navbar .menu .menu-foot .menu-foot-info .info .info-tel li + li {

                  margin-top: 0.75rem; }

                #header .navbar .menu .menu-foot .menu-foot-info .info .info-tel li.t-large {

                  font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

                  font-size: 30px;

                  font-weight: 700; }

              #header .navbar .menu .menu-foot .menu-foot-info .info .info-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;

                font-size: 30px; }

                #header .navbar .menu .menu-foot .menu-foot-info .info .info-social li + li {

                  margin-left: 30px; }

                #header .navbar .menu .menu-foot .menu-foot-info .info .info-social li a {

                  -moz-transition-property: opacity;

                  -o-transition-property: opacity;

                  -webkit-transition-property: opacity;

                  transition-property: opacity; }

                  #header .navbar .menu .menu-foot .menu-foot-info .info .info-social li a:hover {

                    opacity: 0.7; }

            #header .navbar .menu .menu-foot .menu-foot-info .copyright {

              margin-top: 50px;

              color: #777777;

              line-height: 1;

              text-align: center; }

              .max-sm-size #header .navbar .menu .menu-foot .menu-foot-info .copyright {

                margin-top: 25px; }

              #header .navbar .menu .menu-foot .menu-foot-info .copyright p {

                font-size: 14px; }

                .max-sm-size #header .navbar .menu .menu-foot .menu-foot-info .copyright p {

                  line-height: 1.5; }

              #header .navbar .menu .menu-foot .menu-foot-info .copyright a:hover {

                color: #ffffff; }

              #header .navbar .menu .menu-foot .menu-foot-info .copyright ul {

                display: -webkit-box;

                display: -webkit-flex;

                display: -ms-flexbox;

                display: flex;

                font-size: 16px;

                -webkit-box-pack: center;

                -ms-flex-pack: center;

                justify-content: center;

                margin-top: 1em; }

                #header .navbar .menu .menu-foot .menu-foot-info .copyright ul li + li {

                  margin-left: 0.75em;

                  padding-left: 0.75em;

                  border-left: 1px solid #777777; }

                #header .navbar .menu .menu-foot .menu-foot-info .copyright ul li a {

                  display: block; } }

    #header .navbar .buttons {

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0; }

      #header .navbar .buttons ul {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex; }

        .min-lg-size #header .navbar .buttons ul {

          padding-right: 10px; }

        #header .navbar .buttons ul li .btn-style {

          min-width: 85px;

          height: 85px;

          padding: 0 20px;

          font-size: 16px;

          letter-spacing: 0.05em;

          color: #000000;

          cursor: default; }

          .max-xl-size.min-lg-size #header .navbar .buttons ul li .btn-style:lang(en):not(.menu-toggle), .max-xs-size #header .navbar .buttons ul li .btn-style:lang(en):not(.menu-toggle) {

            min-width: auto; }

            .max-xl-size.min-lg-size #header .navbar .buttons ul li .btn-style:lang(en):not(.menu-toggle) .txt, .max-xs-size #header .navbar .buttons ul li .btn-style:lang(en):not(.menu-toggle) .txt {

              display: none; }

          .max-xs-size #header .navbar .buttons ul li .btn-style:lang(en):not(.menu-toggle) {

            padding: 0 15px 0 0; }

          .min-lg-size #header .navbar .buttons ul li .btn-style {

            font-size: 15px;

            padding: 0 10px; }

          #header .navbar .buttons ul li .btn-style i {

            display: inline-block;

            vertical-align: -4px;

            margin-right: 7.5px;

            font-size: 1.4em; }

            #header .navbar .buttons ul li .btn-style i svg {

              display: block;

              width: 1em;

              height: 1em; }

          #header .navbar .buttons ul li .btn-style > button, #header .navbar .buttons ul li .btn-style a {

            cursor: pointer; }

            #header .navbar .buttons ul li .btn-style > button:hover, #header .navbar .buttons ul li .btn-style a:hover {

              color: #1D2089; }

          .max-xl-size.min-lg-size #header .navbar .buttons ul li .btn-style {

            padding: 0 10px; }

            .max-xl-size.min-lg-size #header .navbar .buttons ul li .btn-style:lang(en) {

              padding: 0 5px; }

          .max-sm-size #header .navbar .buttons ul li .btn-style {

            min-width: 65px;

            height: 65px; }

          .max-lg-size #header .navbar .buttons ul li .btn-style.lang-toggle {

            display: none; }

          .max-lg-size #header .navbar .buttons ul li .btn-style.search-toggle {

            display: none; }

          #header .navbar .buttons ul li .btn-style.menu-toggle {

            background-color: #53C3F1; }

            .min-lg-size #header .navbar .buttons ul li .btn-style.menu-toggle {

              display: none; }

            #header .navbar .buttons ul li .btn-style.menu-toggle .menu-toggle-inner span, #header .navbar .buttons ul li .btn-style.menu-toggle .menu-toggle-inner:before, #header .navbar .buttons ul li .btn-style.menu-toggle .menu-toggle-inner:after {

              display: block;

              width: 23px;

              height: 2px;

              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 .navbar .buttons ul li .btn-style.menu-toggle .menu-toggle-inner span {

              margin: 6px 0;

              -moz-transition-property: opacity;

              -o-transition-property: opacity;

              -webkit-transition-property: opacity;

              transition-property: opacity; }

            #header .navbar .buttons ul li .btn-style.menu-toggle .menu-toggle-inner:before, #header .navbar .buttons ul li .btn-style.menu-toggle .menu-toggle-inner:after {

              content: "";

              -moz-transition-property: transform;

              -o-transition-property: transform;

              -webkit-transition-property: transform;

              transition-property: transform;

              -moz-transform-origin: center left;

              -o-transform-origin: center left;

              -ms-transform-origin: center left;

              -webkit-transform-origin: center left;

              transform-origin: center left; }

            #header .navbar .buttons ul li .btn-style.menu-toggle.active .menu-toggle-inner {

              margin-left: 7px; }

              #header .navbar .buttons ul li .btn-style.menu-toggle.active .menu-toggle-inner span {

                opacity: 0; }

              #header .navbar .buttons ul li .btn-style.menu-toggle.active .menu-toggle-inner:before {

                -moz-transform: rotate(45deg);

                -o-transform: rotate(45deg);

                -ms-transform: rotate(45deg);

                -webkit-transform: rotate(45deg);

                transform: rotate(45deg);

                margin-top: -3px; }

              #header .navbar .buttons ul li .btn-style.menu-toggle.active .menu-toggle-inner:after {

                -moz-transform: rotate(-45deg);

                -o-transform: rotate(-45deg);

                -ms-transform: rotate(-45deg);

                -webkit-transform: rotate(-45deg);

                transform: rotate(-45deg);

                margin-bottom: -3px; }

  #header .lang-box, #header .search-box {

    display: none;

    padding: 40px 0;

    background-color: #ffffff;

    border-top: 1px solid #E3E3E3; }

  #header .lang-box .container {

    position: relative; }

  #header .lang-box 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;

    height: 25px; }

    #header .lang-box ul li + li {

      margin-left: 75px; }

    #header .lang-box ul li a {

      display: block; }

      #header .lang-box ul li a:hover {

        color: #1D2089; }

    #header .lang-box ul li.current {

      position: relative; }

      #header .lang-box ul li.current a {

        pointer-events: none; }

        #header .lang-box ul li.current a:after {

          content: "";

          position: absolute;

          left: 0;

          right: 0;

          bottom: -5px;

          display: block;

          height: 2px;

          background-color: #1D2089; }

  #header .lang-box .btn-close {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 25px; }

  #header .search-box .search-bar {

    position: relative; }

    #header .search-box .search-bar button, #header .search-box .search-bar input {

      display: block;

      line-height: 1; }

    #header .search-box .search-bar input[type="text"] {

      width: 100%;

      height: 35px;

      padding-left: 65px;

      font-size: 25px;

      letter-spacing: 0.05em; }

      #header .search-box .search-bar input[type="text"]::-webkit-input-placeholder {

        opacity: 0.5; }

      #header .search-box .search-bar input[type="text"]:-moz-placeholder {

        opacity: 0.5; }

      #header .search-box .search-bar input[type="text"]::-moz-placeholder {

        opacity: 0.5; }

      #header .search-box .search-bar input[type="text"]:-ms-input-placeholder {

        opacity: 0.5; }

    #header .search-box .search-bar .btn-style {

      position: absolute;

      width: 35px;

      height: 35px; }

      #header .search-box .search-bar .btn-style.btn-search {

        top: 0;

        left: 0;

        font-size: 35px; }

      #header .search-box .search-bar .btn-style.btn-close {

        top: 0;

        right: 0;

        font-size: 25px; }

      #header .search-box .search-bar .btn-style i {

        display: block; }



/* ------------------------------------------

 *  footer

 * ----------------------------------------- */

#footer .social-buttons {

  position: fixed;

  z-index: 100;

  right: 10px;

  bottom: 50px;

  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: 70px;

  background-color: rgba(29, 32, 137, 0.85);

  border-radius: 70px;

  color: #ffffff;

  text-align: center;

  line-height: 1;

  -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; }

  .max-bg-size #footer .social-buttons {

    bottom: 10px; }

  .max-md-size #footer .social-buttons {

    display: none; }

  #footer .social-buttons:hover {

    background-color: #1d2089; }

  #footer .social-buttons .links {

    padding: 30px 0 20px;

    font-size: 22px; }

    #footer .social-buttons .links li a {

      display: block;

      -moz-transition-property: opacity;

      -o-transition-property: opacity;

      -webkit-transition-property: opacity;

      transition-property: opacity; }

      #footer .social-buttons .links li a:hover {

        opacity: 0.7; }

    #footer .social-buttons .links li + li {

      margin-top: 20px; }

  #footer .social-buttons .toggle {

    width: 55px;

    padding: 15px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.1); }

    #footer .social-buttons .toggle .btn-style {

      margin: 0 auto;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      -moz-transition-property: opacity;

      -o-transition-property: opacity;

      -webkit-transition-property: opacity;

      transition-property: opacity; }

      #footer .social-buttons .toggle .btn-style .dots {

        width: 30px;

        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; }

        #footer .social-buttons .toggle .btn-style .dots span {

          display: block; }

          #footer .social-buttons .toggle .btn-style .dots span:before, #footer .social-buttons .toggle .btn-style .dots span:after {

            content: "";

            display: block;

            width: 6px;

            height: 6px;

            border-radius: 50%;

            background-color: #ffffff; }

          #footer .social-buttons .toggle .btn-style .dots span:after {

            margin-top: 15px; }

          #footer .social-buttons .toggle .btn-style .dots span:nth-child(2):after {

            display: none; }

      #footer .social-buttons .toggle .btn-style .text {

        margin-top: 10px;

        font-size: 15px; }

      #footer .social-buttons .toggle .btn-style:hover {

        opacity: 0.7; }

  #footer .social-buttons.closed {

    min-height: 70px; }

    #footer .social-buttons.closed .toggle {

      border-top: none; }

      #footer .social-buttons.closed .toggle .btn-style .dots span:after {

        display: none; }

#footer .footer-main {

  background-color: #1E1F1C;

  color: #ffffff; }

  #footer .footer-main .container {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex; }

    .max-lg-size #footer .footer-main .container {

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center; }

  #footer .footer-main .footer-main-top .info {

    -webkit-flex-shrink: 0;

    -moz-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 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-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 50px 70px 50px 0;

    text-align: center;

    line-height: 1; }

    #footer .footer-main .footer-main-top .info:lang(en) {

      max-width: 400px; }

      .min-xl-size #footer .footer-main .footer-main-top .info:lang(en) {

        padding: 50px 50px 50px 0; }

      .max-xl-size.min-lg-size #footer .footer-main .footer-main-top .info:lang(en) {

        max-width: 350px;

        padding: 50px 35px 50px 0; }

    .max-lg-size #footer .footer-main .footer-main-top .info {

      width: 100%;

      padding: 50px 0; }

    .max-sm-size #footer .footer-main .footer-main-top .info {

      padding: 25px 0; }

    #footer .footer-main .footer-main-top .info > * + * {

      margin-top: 25px; }

    #footer .footer-main .footer-main-top .info .info-logo {

      width: 125px; }

      #footer .footer-main .footer-main-top .info .info-logo img {

        display: block; }

    #footer .footer-main .footer-main-top .info .info-tel {

      font-size: 16px;

      letter-spacing: 0.05em; }

      #footer .footer-main .footer-main-top .info .info-tel:lang(en) {

        font-size: 14px;

        line-height: 1.25; }

      #footer .footer-main .footer-main-top .info .info-tel li + li {

        margin-top: 0.75rem; }

      #footer .footer-main .footer-main-top .info .info-tel li.t-large {

        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

        font-size: 30px;

        font-weight: 700; }

    #footer .footer-main .footer-main-top .info .info-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;

      font-size: 30px; }

      #footer .footer-main .footer-main-top .info .info-social li + li {

        margin-left: 30px; }

      #footer .footer-main .footer-main-top .info .info-social li a {

        -moz-transition-property: opacity;

        -o-transition-property: opacity;

        -webkit-transition-property: opacity;

        transition-property: opacity; }

        #footer .footer-main .footer-main-top .info .info-social li a:hover {

          opacity: 0.7; }

  #footer .footer-main .footer-main-top .links {

    -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;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-left: 1px solid rgba(255, 255, 255, 0.08);

    padding: 75px 0 75px 95px; }

    .max-xl-size #footer .footer-main .footer-main-top .links {

      padding: 75px 0 75px 50px; }

    .max-lg-size #footer .footer-main .footer-main-top .links {

      display: none; }

    #footer .footer-main .footer-main-top .links dl {

      font-size: 16px;

      line-height: 1;

      letter-spacing: 0.05em; }

      #footer .footer-main .footer-main-top .links dl dt {

        margin-bottom: 1.25em; }

      #footer .footer-main .footer-main-top .links dl dd {

        color: #777777; }

        #footer .footer-main .footer-main-top .links dl dd + dd {

          margin-top: 1em; }

        #footer .footer-main .footer-main-top .links dl dd a:hover {

          color: #ffffff; }

    #footer .footer-main .footer-main-top .links:lang(en) {

      padding: 50px 0 50px 50px; }

      .max-xl-size #footer .footer-main .footer-main-top .links:lang(en) {

        padding: 50px 0 50px 35px; }

      #footer .footer-main .footer-main-top .links:lang(en) dl {

        max-width: 150px;

        font-size: 14px;

        line-height: 1.25; }

        #footer .footer-main .footer-main-top .links:lang(en) dl + dl {

          margin-left: 25px; }

  #footer .footer-main .footer-main-bottom {

    padding: 30px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.08); }

    #footer .footer-main .footer-main-bottom .container {

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center; }

      .max-md-size #footer .footer-main .footer-main-bottom .container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column; }

    #footer .footer-main .footer-main-bottom .copyright {

      color: #777777;

      line-height: 1; }

      .min-md-size #footer .footer-main .footer-main-bottom .copyright {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex; }

      .max-md-size #footer .footer-main .footer-main-bottom .copyright {

        text-align: center; }

      #footer .footer-main .footer-main-bottom .copyright p {

        font-size: 14px; }

        .max-sm-size #footer .footer-main .footer-main-bottom .copyright p {

          line-height: 1.5; }

      #footer .footer-main .footer-main-bottom .copyright a:hover {

        color: #ffffff; }

      #footer .footer-main .footer-main-bottom .copyright ul {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        font-size: 16px; }

        #footer .footer-main .footer-main-bottom .copyright ul:lang(en) {

          font-size: 14px; }

        .min-md-size #footer .footer-main .footer-main-bottom .copyright ul {

          margin-left: 1em; }

        .max-md-size #footer .footer-main .footer-main-bottom .copyright ul {

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center;

          margin-top: 1em; }

        #footer .footer-main .footer-main-bottom .copyright ul li + li {

          margin-left: 0.75em;

          padding-left: 0.75em;

          border-left: 1px solid #777777; }

        #footer .footer-main .footer-main-bottom .copyright ul li a {

          display: block; }

    .max-md-size #footer .footer-main .footer-main-bottom .scroll {

      margin-top: 25px; }

    #footer .footer-main .footer-main-bottom .scroll .btn-style {

      font-size: 30px; }



/* ------------------------------------------

 *  home

 * ----------------------------------------- */

.home-section {

  padding: 85px 0;

  background-color: #ffffff; }

  .max-md-size .home-section {

    padding: 50px 0; }

  .home-section .head {

    text-align: center; }

    .home-section .head .title {

      margin: 0;

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-weight: 700;

      font-size: 45px;

      line-height: 1.1;

      letter-spacing: 0.05em;

      text-transform: capitalize;

      color: #1D2089; }

      .max-sm-size .home-section .head .title {

        font-size: 35px; }

    .home-section .head .sub {

      display: block;

      margin-top: 0.5em;

      font-size: 30px; }

      .max-sm-size .home-section .head .sub {

        margin-top: 0.35em;

        font-size: 25px; }

    .home-section .head + .content {

      margin-top: 35px; }

      .max-sm-size .home-section .head + .content {

        margin-top: 25px; }



.home-banner {

  position: relative;

  padding: 0 !important; }

  .home-banner .slider .slick-slide {

    position: relative;

    height: 100vh; }

  .home-banner .slider .slick-item {

    padding-top: 85px; }

    .max-sm-size .home-banner .slider .slick-item {

      padding-top: 65px; }

    .home-banner .slider .slick-item .text-box {

      position: relative;

      margin-top: 17.5vh;

      color: #fff; }

      .max-xl2-size.min-md-size .home-banner .slider .slick-item .text-box {

        padding: 0 100px; }

      .max-md-size .home-banner .slider .slick-item .text-box {

        position: absolute;

        top: 50%;

        left: 50px;

        margin: 0;

        -moz-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%); }

      .max-sm-size .home-banner .slider .slick-item .text-box {

        left: 25px; }

      .home-banner .slider .slick-item .text-box span {

        display: block; }

        .home-banner .slider .slick-item .text-box span.title {

          font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

          font-size: 80px;

          font-weight: 700;

          line-height: 1.1em;

          letter-spacing: 0.025em; }

          .max-lg-size .home-banner .slider .slick-item .text-box span.title {

            font-size: 55px; }

          .max-sm-size .home-banner .slider .slick-item .text-box span.title {

            font-size: 42px; }

          .home-banner .slider .slick-item .text-box span.title + .sub {

            margin-top: 25px; }

            .max-sm-size .home-banner .slider .slick-item .text-box span.title + .sub {

              margin-top: 15px; }

        .home-banner .slider .slick-item .text-box span.sub {

          font-size: 25px;

          line-height: 1.1em;

          letter-spacing: 0.05em; }

          .max-sm-size .home-banner .slider .slick-item .text-box span.sub {

            font-size: 18px; }

          .home-banner .slider .slick-item .text-box span.sub:before, .home-banner .slider .slick-item .text-box span.sub:after {

            content: "";

            display: inline-block;

            width: 30px;

            height: 1px;

            background-color: #fff;

            vertical-align: 0.4em; }

          .home-banner .slider .slick-item .text-box span.sub:before {

            margin-right: 1em; }

          .home-banner .slider .slick-item .text-box span.sub:after {

            margin-left: 1em; }

  .home-banner .slider .slick-arrow {

    position: absolute;

    z-index: 5;

    top: calc(50% + 25px);

    font-size: 18px;

    -moz-transition: box-shadow 0.3s ease-in-out;

    -o-transition: box-shadow 0.3s ease-in-out;

    -webkit-transition: box-shadow 0.3s ease-in-out;

    transition: box-shadow 0.3s ease-in-out; }

    .home-banner .slider .slick-arrow:hover {

      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

    .min-xl2-size .home-banner .slider .slick-arrow.slick-prev {

      left: calc(50% - 720px - 90px); }

    .min-xl2-size .home-banner .slider .slick-arrow.slick-next {

      right: calc(50% - 720px - 90px); }

    .max-xl2-size .home-banner .slider .slick-arrow.slick-prev {

      left: 50px; }

    .max-xl2-size .home-banner .slider .slick-arrow.slick-next {

      right: 50px; }

    .max-md-size .home-banner .slider .slick-arrow {

      top: auto;

      bottom: 50px; }

      .max-md-size .home-banner .slider .slick-arrow.slick-prev {

        left: calc(50% - 55px); }

      .max-md-size .home-banner .slider .slick-arrow.slick-next {

        right: calc(50% - 55px); }

  .home-banner .scroll-down {

    position: absolute;

    z-index: 5;

    left: 0;

    right: 0;

    bottom: 35px;

    -webkit-animation: jump 0.6s ease-in infinite alternate;

    -moz-animation: jump 0.6s ease-in infinite alternate;

    -o-animation: jump 0.6s ease-in infinite alternate;

    -ms-animation: jump 0.6s ease-in infinite alternate;

    animation: jump 0.6s ease-in infinite alternate; }

    .max-md-size .home-banner .scroll-down {

      display: none; }

    .home-banner .scroll-down button {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      margin: 0 auto;

      color: #fff; }

      .home-banner .scroll-down button span {

        display: block;

        font-size: 13px;

        letter-spacing: 0.05em;

        text-transform: uppercase; }

      .home-banner .scroll-down button img {

        display: block;

        margin-top: 15px; }



.home-news .head .sub {

  font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

  font-size: 30px; }

  .max-md-size .home-news .head .sub {

    font-size: 25px; }

  .max-xs-size .home-news .head .sub {

    font-size: 20px; }

.max-xl2-size.min-md-size .home-news .content {

  padding: 0 90px; }

.home-news .slider {

  position: relative; }

  .min-sm-size .home-news .slider .slick-list {

    margin: 0 -15px; }

  .min-sm-size .home-news .slider .slick-slide {

    margin: 0 15px; }

  .home-news .slider .slick-arrow {

    position: absolute;

    z-index: 5;

    top: calc(50% - 25px);

    font-size: 18px;

    -moz-transition-property: background-color, border-color, color;

    -o-transition-property: background-color, border-color, color;

    -webkit-transition-property: background-color, border-color, color;

    transition-property: background-color, border-color, color; }

    .min-md-size .home-news .slider .slick-arrow:hover {

      background-color: #53C3F1;

      border-color: #53C3F1;

      color: #ffffff; }

    .home-news .slider .slick-arrow.slick-prev {

      left: -90px; }

    .home-news .slider .slick-arrow.slick-next {

      right: -90px; }

  .home-news .slider .slick-dots {

    margin-top: 50px;

    list-style-type: none;

    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: 0; }

    .max-sm-size .home-news .slider .slick-dots {

      margin-top: 25px; }

    .home-news .slider .slick-dots li + li {

      margin-left: 15px; }

    .home-news .slider .slick-dots li button {

      display: block;

      width: 10px;

      height: 10px;

      border-radius: 50%;

      background-color: #E9E9E9; }

    .home-news .slider .slick-dots li.slick-active button {

      background-color: #53C3F1; }

.home-news .button {

  margin-top: 80px;

  text-align: center; }

  .max-md-size .home-news .button {

    margin-top: 50px; }

  .max-sm-size .home-news .button {

    margin-top: 25px; }



.home-about {

  position: relative; }

  .min-xl-size .home-about {

    padding: 150px 0; }

  .max-xl-size.min-sm-size .home-about {

    padding: 100px 0; }

  .max-sm-size .home-about {

    padding-top: 0;

    border-bottom: 1px solid #E9E9E9; }

  .home-about .pic {

    background-attachment: fixed; }

    .max-sm-size .home-about .pic {

      position: static; }

      .max-sm-size .home-about .pic img {

        display: block !important; }

  .home-about .container {

    position: relative;

    z-index: 1;

    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; }

    .max-sm-size .home-about .container {

      margin-top: 25px; }

    .min-sm-size .home-about .container .home-about-inner {

      color: #ffffff; }

      .min-sm-size .home-about .container .home-about-inner .head {

        text-align: left; }

        .min-sm-size .home-about .container .home-about-inner .head .title {

          color: inherit; }

    .min-lg-size .home-about .container .home-about-inner {

      max-width: 540px; }

    .max-xl2-size.min-lg-size .home-about .container .home-about-inner {

      margin-right: 100px; }

    .home-about .container .home-about-inner .content .editor + .button {

      margin-top: 40px; }

      .max-sm-size .home-about .container .home-about-inner .content .editor + .button {

        margin-top: 25px; }

    .max-sm-size .home-about .container .home-about-inner .content .button {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center; }



.min-lg-size .home-brands .brands {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex; }

.max-xl-size.min-lg-size .home-brands .brands {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start; }

.home-brands .brands .slick-track {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex; }

  .home-brands .brands .slick-track .slick-slide {

    height: inherit !important; }

    .home-brands .brands .slick-track .slick-slide > div {

      height: 100%; }

    .home-brands .brands .slick-track .slick-slide .slick-item {

      height: 100%; }

      .home-brands .brands .slick-track .slick-slide .slick-item figure {

        height: 100%; }

.home-brands .brands .brands-pics {

  position: relative; }

  .min-lg-size .home-brands .brands .brands-pics {

    width: 55%; }

  .home-brands .brands .brands-pics .pic-slider {

    width: 100%; }

    .max-sm-size .home-brands .brands .brands-pics .pic-slider {

      width: calc(100% + 50px);

      margin-left: -25px;

      margin-right: -25px; }

    .home-brands .brands .brands-pics .pic-slider .slick-item figure img {

      display: block !important;

      opacity: 0; }

  .min-sm-size .home-brands .brands .brands-pics .product-slider {

    position: absolute;

    width: 300px; }

  .min-xl-size .home-brands .brands .brands-pics .product-slider {

    bottom: 100px; }

  .max-xl-size.min-bg-size .home-brands .brands .brands-pics .product-slider {

    bottom: 65px; }

  .max-bg-size.min-lg-size .home-brands .brands .brands-pics .product-slider {

    bottom: 0; }

  .min-lg-size .home-brands .brands .brands-pics .product-slider {

    right: -80px; }

  .max-lg-size.min-sm-size .home-brands .brands .brands-pics .product-slider {

    left: calc(50% - 150px);

    bottom: -50px; }

  .max-sm-size .home-brands .brands .brands-pics .product-slider {

    width: 150px;

    margin: -100px auto 0; }

  .home-brands .brands .brands-pics .product-slider .slick-item figure {

    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; }

    .home-brands .brands .brands-pics .product-slider .slick-item figure img {

      display: block; }

.home-brands .brands .brands-info {

  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; }

  .min-lg-size .home-brands .brands .brands-info {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    width: 45%; }

  .min-bg-size .home-brands .brands .brands-info {

    padding: 0 0 135px 135px; }

  .max-bg-size.min-lg-size .home-brands .brands .brands-info {

    padding: 0 0 0 100px; }

  .max-lg-size .home-brands .brands .brands-info {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 50px; }

  .max-sm-size .home-brands .brands .brands-info {

    margin-top: 10px; }

  .home-brands .brands .brands-info .info-slider {

    width: 100%; }

    .max-md-size .home-brands .brands .brands-info .info-slider .slick-slide {

      height: 100% !important; }

      .max-md-size .home-brands .brands .brands-info .info-slider .slick-slide > div {

        height: auto; }

      .max-md-size .home-brands .brands .brands-info .info-slider .slick-slide .slick-item {

        height: auto; }

    .home-brands .brands .brands-info .info-slider .slick-item-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: end;

      -ms-flex-align: end;

      align-items: flex-end; }

      .max-lg-size .home-brands .brands .brands-info .info-slider .slick-item-inner {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; }

      .home-brands .brands .brands-info .info-slider .slick-item-inner .logo img {

        display: block;

        max-height: 125px; }

        .max-sm-size .home-brands .brands .brands-info .info-slider .slick-item-inner .logo img {

          width: 100px; }

      .home-brands .brands .brands-info .info-slider .slick-item-inner .title {

        margin: 20px 0;

        font-size: 35px;

        line-height: 1.15; }

        .max-xl-size .home-brands .brands .brands-info .info-slider .slick-item-inner .title {

          margin: 15px 0; }

        .max-bg-size .home-brands .brands .brands-info .info-slider .slick-item-inner .title {

          font-size: 30px; }

        .max-sm-size .home-brands .brands .brands-info .info-slider .slick-item-inner .title {

          font-size: 25px; }

      .home-brands .brands .brands-info .info-slider .slick-item-inner .text {

        margin: 0;

        font-size: 16px;

        line-height: 1.75; }

        .max-lg-size .home-brands .brands .brands-info .info-slider .slick-item-inner .text {

          text-align: center; }

  .home-brands .brands .brands-info .info-arrows {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-top: 20px; }

    .max-xl-size .home-brands .brands .brands-info .info-arrows {

      margin-top: 15px; }

    .home-brands .brands .brands-info .info-arrows li + li {

      margin-left: 7.5px; }

    .home-brands .brands .brands-info .info-arrows li .btn-style {

      font-size: 18px;

      -moz-transition-property: background-color, border-color, color;

      -o-transition-property: background-color, border-color, color;

      -webkit-transition-property: background-color, border-color, color;

      transition-property: background-color, border-color, color; }

      .min-md-size .home-brands .brands .brands-info .info-arrows li .btn-style:hover {

        background-color: #53C3F1;

        border-color: #53C3F1;

        color: #ffffff; }

.min-lg-size .home-brands .video {

  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-align: start;

  -ms-flex-align: start;

  align-items: flex-start; }

.max-lg-size .home-brands .video {

  margin-top: 50px; }

.max-sm-size .home-brands .video {

  margin-top: 25px; }

.min-lg-size .home-brands .video .video-info {

  width: 50%; }

.min-xl-size .home-brands .video .video-info {

  padding: 85px 50px 50px; }

.max-xl-size.min-bg-size .home-brands .video .video-info {

  padding: 50px 50px 50px 0; }

.max-bg-size.min-lg-size .home-brands .video .video-info {

  padding: 75px 50px 50px 0; }

.max-lg-size .home-brands .video .video-info {

  margin-top: 25px; }

.home-brands .video .video-info .title {

  position: relative;

  font-size: 35px;

  line-height: 1.3; }

  .max-bg-size .home-brands .video .video-info .title {

    font-size: 30px; }

  .max-sm-size .home-brands .video .video-info .title {

    font-size: 25px; }

  .home-brands .video .video-info .title:before {

    content: "“";

    position: absolute;

    top: -50px;

    left: -50px;

    display: block;

    height: 55px;

    overflow: hidden;

    color: #1D2089;

    font-family: serif;

    font-size: 120px;

    line-height: 1; }

    .max-xl-size .home-brands .video .video-info .title:before {

      top: -65px;

      left: 0; }

    .max-lg-size .home-brands .video .video-info .title:before {

      position: static;

      display: block;

      margin-bottom: 20px; }

    .max-sm-size .home-brands .video .video-info .title:before {

      text-align: center; }

.home-brands .video .video-info .text {

  margin: 20px 0;

  font-size: 16px;

  line-height: 1.75; }

  .max-sm-size .home-brands .video .video-info .text {

    margin: 15px 0; }

.min-bg-size .home-brands .video .video-wrapper {

  margin-top: -85px; }

.min-lg-size .home-brands .video .video-wrapper {

  width: 50%; }

.max-lg-size .home-brands .video .video-wrapper {

  width: 100%; }



.home-links {

  padding: 0 !important; }

  .home-links .links-quicklink ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex; }

    .max-md-size .home-links .links-quicklink ul {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column; }

    .home-links .links-quicklink ul li {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1; }

      .home-links .links-quicklink ul li a {

        position: relative;

        padding-bottom: 70%; }

        .max-md-size.min-xs-size .home-links .links-quicklink ul li a {

          padding-bottom: 35%; }

        .home-links .links-quicklink ul li a .head {

          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;

          padding: 25px;

          color: #ffffff; }

          .home-links .links-quicklink ul li a .head .title {

            color: #ffffff;

            font-size: 40px; }

          .home-links .links-quicklink ul li a .head .sub {

            font-size: 18px;

            max-width: 260px; }

            .max-sm-size .home-links .links-quicklink ul li a .head .sub {

              font-size: 18px; }

  .home-links .links-download {

    background-color: #ffffff;

    padding: 40px 0; }

    .home-links .links-download 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; }

      .max-md-size .home-links .links-download ul {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column; }

      .min-md-size .home-links .links-download ul li + li {

        margin-left: 130px; }

      .max-md-size .home-links .links-download ul li + li {

        margin-top: 50px; }

      .home-links .links-download ul li a {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; }

        .home-links .links-download ul li a .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: 58px;

          height: 58px;

          border: 2px solid #000000;

          border-radius: 50%;

          -moz-transition-property: background-color, border-color, color;

          -o-transition-property: background-color, border-color, color;

          -webkit-transition-property: background-color, border-color, color;

          transition-property: background-color, border-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; }

          .home-links .links-download ul li a .icon i {

            display: block;

            font-size: 27px; }

        .home-links .links-download ul li a .text {

          margin-left: 10px; }

          .home-links .links-download ul li a .text span {

            display: block; }

            .home-links .links-download ul li a .text span.en {

              font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

              font-size: 20px;

              font-weight: 700; }

            .home-links .links-download ul li a .text span.zh {

              font-size: 16px; }

        .home-links .links-download ul li a:hover .icon {

          background-color: #1D2089;

          border-color: #1D2089;

          color: #ffffff; }



/* ------------------------------------------

 *  news

 * ----------------------------------------- */

.min-lg-size [data-page="news"] .page-head .page-head-main .page-head-nav {

  padding: 0 150px; }

[data-page="news"] .page-body {

  padding-bottom: 90px; }

  .max-md-size [data-page="news"] .page-body {

    padding-bottom: 50px; }

  .max-xs-size [data-page="news"] .page-body {

    padding-bottom: 25px; }



.news-list ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

.min-lg-size .news-list .news-box {

  width: calc(100%/3 - 20px);

  margin: 70px 30px 0 0; }

  .min-lg-size .news-list .news-box:nth-child(-n+3) {

    margin-top: 0; }

  .min-lg-size .news-list .news-box:nth-child(3n+0) {

    margin-right: 0; }

.max-lg-size.min-sm-size .news-list .news-box {

  width: calc(50% - 15px);

  margin: 50px 30px 0 0; }

  .max-lg-size.min-sm-size .news-list .news-box:nth-child(-n+2) {

    margin-top: 0; }

  .max-lg-size.min-sm-size .news-list .news-box:nth-child(2n+0) {

    margin-right: 0; }

.max-sm-size .news-list .news-box {

  width: 100%; }

  .max-sm-size .news-list .news-box + .news-box {

    margin-top: 50px; }

.max-xs-size .news-list .news-box + .news-box {

  margin-top: 35px; }

.news-list + .pagination {

  margin-top: 115px; }

  .max-lg-size .news-list + .pagination {

    margin-top: 75px; }

  .max-md-size .news-list + .pagination {

    margin-top: 50px; }

  .max-xs-szie .news-list + .pagination {

    margin-top: 25px; }



.news-box .pic {

  padding-bottom: calc(32500%/460); }

.news-box .title-box {

  margin-top: 25px; }

  .news-box .title-box .title {

    margin: 0;

    height: 2.6em;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -o-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    font-size: 25px;

    line-height: 1.3; }

    .max-sm-size .news-box .title-box .title {

      font-size: 22px; }

    .news-box .title-box .title a {

      -moz-transition-property: opacity;

      -o-transition-property: opacity;

      -webkit-transition-property: opacity;

      transition-property: opacity; }

      .news-box .title-box .title a:hover {

        opacity: 0.7; }

  .news-box .title-box .date {

    display: block;

    margin-top: 15px;

    font-size: 15px;

    line-height: 1;

    color: #1D2089; }

    .max-sm-size .news-box .title-box .date {

      margin-top: 10px; }

.news-box .text-box {

  margin-top: 25px;

  height: 7em;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  -o-text-overflow: ellipsis;

  -ms-text-overflow: ellipsis;

  text-overflow: ellipsis;

  font-size: 16px;

  line-height: 1.75; }

  .max-sm-size .news-box .text-box {

    margin-top: 15px;

    height: 3em;

    -webkit-line-clamp: 2;

    line-height: 1.5; }



/* -------------------------------------------

 *  about

 * ------------------------------------------ */

.about-mission {

  padding: 110px 0 190px; }

  .max-bg-size .about-mission {

    padding: 40px 0 75px; }

  .max-md-size .about-mission {

    padding: 0 0 50px; }

  .max-xs-size .about-mission {

    padding: 0 0 25px; }

  .min-md-size .about-mission .container {

    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; }

  .min-md-size .about-mission .container:lang(en) {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start; }

  .about-mission .container .pic {

    position: relative; }

    .about-mission .container .pic .min-xl-size {

      width: calc(100% - 660px); }

    .max-xl-size.min-bg-size .about-mission .container .pic {

      width: calc(100% - 600px); }

    .max-bg-size.min-lg-size .about-mission .container .pic {

      width: calc(100% - 550px); }

    .max-lg-size.min-md-size .about-mission .container .pic {

      width: 50%; }

    .about-mission .container .pic img {

      position: relative;

      z-index: 1; }

    .about-mission .container .pic::before {

      content: "";

      position: absolute;

      top: -80px;

      left: 40%;

      right: -45px;

      bottom: -60px;

      display: block;

      background-image: url("images/static/about/about01/pattern.png"); }

      .max-bg-size .about-mission .container .pic::before {

        display: none; }

  .min-lg-size .about-mission .container .content {

    width: 505px; }

  .max-lg-size.min-md-size .about-mission .container .content {

    width: calc(50% - 25px); }

  .max-md-size .about-mission .container .content {

    margin-top: 50px; }

  .max-xs-size .about-mission .container .content {

    margin-top: 25px; }

  .about-mission .container .content:lang(zh-Hant) {

    text-align: justify; }

  .about-mission .container .content .title {

    font-size: 30px;

    line-height: 1; }

    .max-lg-size .about-mission .container .content .title {

      font-size: 25px; }

    .max-xs-size .about-mission .container .content .title {

      font-size: 22px; }

  .about-mission .container .content .subtitle {

    margin: 1em 0;

    font-size: 30px;

    font-weight: 700;

    line-height: 1.3; }

    .max-lg-size .about-mission .container .content .subtitle {

      font-size: 20px;

      line-height: 1.75; }

      .max-lg-size .about-mission .container .content .subtitle:lang(en) {

        line-height: 1.3; }

    .max-xs-size .about-mission .container .content .subtitle {

      font-size: 18px; }

  .about-mission .container .content .text {

    font-size: 16px;

    line-height: 2; }

    .about-mission .container .content .text:lang(en) {

      line-height: 1.75; }

    .max-xs-size .about-mission .container .content .text {

      line-height: 1.75; }

      .max-xs-size .about-mission .container .content .text:lang(en) {

        line-height: 1.5; }



.about-core {

  padding: 95px 0;

  background-size: cover;

  background-attachment: fixed;

  background-position: center; }

  .max-lg-size .about-core {

    padding: 75px 0; }

  .max-md-size .about-core {

    padding: 50px 0; }

  .max-xs-size .about-core {

    padding: 25px 0; }

  .about-core .container {

    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-core .container .head {

      text-align: center; }

      .about-core .container .head .title {

        font-size: 30px;

        line-height: 1; }

        .max-lg-size .about-core .container .head .title {

          font-size: 25px; }

        .max-xs-size .about-core .container .head .title {

          font-size: 22px; }

      .about-core .container .head .text {

        margin-top: 1em;

        font-size: 16px; }

    .about-core .container .content {

      position: relative;

      margin-top: 50px; }

      @media screen and (min-width: 992px) {

        .about-core .container .content .core-pentagon {

          width: 850px;

          height: 850px;

          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; }

          .max-lg-size .about-core .container .content .core-pentagon {

            width: 800px;

            height: 800px; }

          .about-core .container .content .core-pentagon .core-pentagon-inner {

            position: relative;

            width: 245px; }

            .max-lg-size .about-core .container .content .core-pentagon .core-pentagon-inner {

              width: 200px; }

          .about-core .container .content .core-pentagon .core-pentagon-star span {

            position: absolute;

            top: -250px;

            left: 121px;

            display: block;

            width: 3px;

            height: 377.5px;

            background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #1D2089 65%);

            background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #1D2089 65%);

            background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #1D2089 65%);

            background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #1D2089 65%);

            background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #1D2089 65%);

            -moz-transform-origin: bottom center;

            -o-transform-origin: bottom center;

            -ms-transform-origin: bottom center;

            -webkit-transform-origin: bottom center;

            transform-origin: bottom center; }

            .about-core .container .content .core-pentagon .core-pentagon-star span:nth-child(1) {

              -moz-transform: rotate(-36deg);

              -o-transform: rotate(-36deg);

              -ms-transform: rotate(-36deg);

              -webkit-transform: rotate(-36deg);

              transform: rotate(-36deg); }

            .about-core .container .content .core-pentagon .core-pentagon-star span:nth-child(2) {

              -moz-transform: rotate(36deg);

              -o-transform: rotate(36deg);

              -ms-transform: rotate(36deg);

              -webkit-transform: rotate(36deg);

              transform: rotate(36deg); }

            .about-core .container .content .core-pentagon .core-pentagon-star span:nth-child(3) {

              -moz-transform: rotate(108deg);

              -o-transform: rotate(108deg);

              -ms-transform: rotate(108deg);

              -webkit-transform: rotate(108deg);

              transform: rotate(108deg); }

            .about-core .container .content .core-pentagon .core-pentagon-star span:nth-child(4) {

              -moz-transform: rotate(180deg);

              -o-transform: rotate(180deg);

              -ms-transform: rotate(180deg);

              -webkit-transform: rotate(180deg);

              transform: rotate(180deg); }

            .about-core .container .content .core-pentagon .core-pentagon-star span:nth-child(5) {

              -moz-transform: rotate(-108deg);

              -o-transform: rotate(-108deg);

              -ms-transform: rotate(-108deg);

              -webkit-transform: rotate(-108deg);

              transform: rotate(-108deg); }

            .max-lg-size .about-core .container .content .core-pentagon .core-pentagon-star span {

              left: 98.5px;

              height: 355px; }

          .about-core .container .content .core-pentagon .core-pentagon-center {

            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: 245px;

            height: 245px;

            border-radius: 50%;

            color: #ffffff;

            text-align: center;

            background-image: -webkit-linear-gradient(top, #4146D6, #1D2089);

            background-image: -moz-linear-gradient(top, #4146D6, #1D2089);

            background-image: -o-linear-gradient(top, #4146D6, #1D2089);

            background-image: -ms-linear-gradient(top, #4146D6, #1D2089);

            background-image: linear-gradient(to bottom, #4146D6, #1D2089); }

            .about-core .container .content .core-pentagon .core-pentagon-center::before {

              content: "";

              position: absolute;

              top: 0;

              left: 0;

              right: 0;

              bottom: 0;

              border-radius: 50%;

              -moz-transform: scale(1.67);

              -o-transform: scale(1.67);

              -ms-transform: scale(1.67);

              -webkit-transform: scale(1.67);

              transform: scale(1.67);

              background-color: #1D2089;

              opacity: 0.13; }

            .max-lg-size .about-core .container .content .core-pentagon .core-pentagon-center {

              width: 200px;

              height: 200px; }

              .max-lg-size .about-core .container .content .core-pentagon .core-pentagon-center::before {

                -moz-transform: scale(1.5);

                -o-transform: scale(1.5);

                -ms-transform: scale(1.5);

                -webkit-transform: scale(1.5);

                transform: scale(1.5); }

            .about-core .container .content .core-pentagon .core-pentagon-center .center-inner {

              position: relative; }

              .about-core .container .content .core-pentagon .core-pentagon-center .center-inner img {

                display: block;

                width: 125px; }

              .about-core .container .content .core-pentagon .core-pentagon-center .center-inner p {

                margin-top: 1em;

                font-size: 18px;

                letter-spacing: 0.05em; }

              .max-lg-size .about-core .container .content .core-pentagon .core-pentagon-center .center-inner img {

                width: 110px; }

              .max-lg-size .about-core .container .content .core-pentagon .core-pentagon-center .center-inner p {

                font-size: 16px; } }

      @media screen and (max-width: 991px) {

        .about-core .container .content .core-pentagon {

          display: none; } }

      @media screen and (min-width: 992px) {

        .about-core .container .content .core-list .core-item {

          position: absolute;

          width: 300px; }

          .about-core .container .content .core-list .core-item:nth-child(1) {

            top: 0;

            left: calc(50% - 150px);

            text-align: center; }

          .about-core .container .content .core-list .core-item:nth-child(2), .about-core .container .content .core-list .core-item:nth-child(3) {

            text-align: left; }

          .about-core .container .content .core-list .core-item:nth-child(2), .about-core .container .content .core-list .core-item:nth-child(5) {

            top: 240px; }

          .about-core .container .content .core-list .core-item:nth-child(2) {

            right: -125px; }

          .about-core .container .content .core-list .core-item:nth-child(3), .about-core .container .content .core-list .core-item:nth-child(4) {

            bottom: 25px; }

          .about-core .container .content .core-list .core-item:nth-child(3) {

            right: 0; }

          .about-core .container .content .core-list .core-item:nth-child(4), .about-core .container .content .core-list .core-item:nth-child(5) {

            text-align: right; }

          .about-core .container .content .core-list .core-item:nth-child(5) {

            left: -125px; }

          .max-lg-size .about-core .container .content .core-list .core-item:nth-child(2) {

            right: -75px; }

          .max-lg-size .about-core .container .content .core-list .core-item:nth-child(5) {

            left: -75px; } }

      @media screen and (max-width: 991px) {

        .about-core .container .content .core-list .core-item {

          text-align: center;

          max-width: 350px;

          margin-left: auto;

          margin-right: auto; }

          .about-core .container .content .core-list .core-item + .core-item {

            margin-top: 50px; }

            .max-xs-size .about-core .container .content .core-list .core-item + .core-item {

              margin-top: 25px; } }

      .about-core .container .content .core-list .core-item .icon img {

        display: inline-block; }

      .about-core .container .content .core-list .core-item .title {

        margin-top: 0.3em;

        font-size: 25px;

        font-weight: 700;

        color: #1D2089;

        line-height: 1; }

        .about-core .container .content .core-list .core-item .title:lang(en) {

          margin-top: 0.5em;

          font-size: 22px; }

        .max-xs-size .about-core .container .content .core-list .core-item .title {

          font-size: 20px; }

      .about-core .container .content .core-list .core-item .text {

        margin-top: 1em;

        font-size: 16px;

        line-height: 2; }

        .min-md-size .about-core .container .content .core-list .core-item .text {

          height: 6em; }

        .max-xs-size .about-core .container .content .core-list .core-item .text {

          line-height: 1.75; }

        .about-core .container .content .core-list .core-item .text:lang(en) {

          line-height: 1.5; }

          .max-lg-size.min-md-size .about-core .container .content .core-list .core-item .text:lang(en) {

            font-size: 15px; }



.about-management {

  padding-bottom: 100px; }

  .max-bg-size .about-management {

    padding-bottom: 75px; }

  .max-md-size .about-management {

    padding-bottom: 50px; }

  .max-xs-size .about-management {

    padding-bottom: 25px; }

  .about-management .management-list {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start; }

  .about-management + .about-management {

    padding-top: 45px;

    border-top: 1px solid #E3E3E3; }

    .max-xs-size .about-management + .about-management {

      padding-top: 25px; }

  .about-management .management-box .pic {

    position: relative;

    background-size: cover;

    background-position: center center; }

    .about-management .management-box .pic img {

      -moz-transition: opacity 0.5s ease;

      -o-transition: opacity 0.5s ease;

      -webkit-transition: opacity 0.5s ease;

      transition: opacity 0.5s ease; }

    .about-management .management-box .pic .label {

      content: attr(data-label);

      position: absolute;

      left: -12px;

      bottom: -19px;

      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;

      min-height: 40px;

      padding: 5px 30px;

      background-color: #ffffff;

      border: 2px solid #000000;

      text-align: center;

      line-height: 1.3; }

      .max-xs-size .about-management .management-box .pic .label {

        bottom: -15px;

        font-size: 15px;

        padding: 0 15px;

        line-height: 30px; }

  .about-management .management-box .content {

    margin-top: 45px; }

    .about-management .management-box .content .name {

      color: #1D2089;

      font-size: 25px;

      font-weight: 700;

      line-height: 1; }

      .max-xs-size .about-management .management-box .content .name {

        font-size: 20px; }

    .about-management .management-box .content .intro {

      margin-top: 15px;

      font-size: 16px;

      line-height: 2; }

  .about-management .management-box:hover .pic img {

    opacity: 0; }

  .about-management.top {

    margin-top: 15px; }

    .about-management.top .management-list {

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between; }

      .min-xl-size .about-management.top .management-list {

        padding: 0 5px; }

    .min-xl-size .about-management.top .management-box {

      width: calc(50% - 125px/2); }

    .max-xl-size.min-lg-size .about-management.top .management-box {

      width: calc(50% - 75px/2); }

    .max-lg-size.min-md-size .about-management.top .management-box {

      width: calc(50% - 25px); }

    .max-md-size .about-management.top .management-box {

      width: 100%; }

      .max-md-size .about-management.top .management-box + .management-box {

        margin-top: 50px; }

    .min-md-size .about-management.top .management-box:nth-child(2) {

      margin-top: 55px; }

  .about-management:not(.top) .title {

    font-size: 30px;

    text-align: center;

    line-height: 1; }

    .max-xs-size .about-management:not(.top) .title {

      font-size: 25px; }

    .about-management:not(.top) .title + .management-list {

      margin-top: 70px; }

      .max-md-size .about-management:not(.top) .title + .management-list {

        margin-top: 50px; }

      .max-xs-size .about-management:not(.top) .title + .management-list {

        margin-top: 25px; }

  .min-xl-size .about-management:not(.top) .management-list {

    padding: 0 15px; }

  .min-xl-size .about-management:not(.top) .management-box {

    width: calc(25% - 255px/4);

    margin: 65px 85px 0 0; }

  .max-xl-size.min-lg-size .about-management:not(.top) .management-box {

    width: calc(25% - 150px/4);

    margin: 65px 50px 0 0; }

  .max-lg-size.min-sm-size .about-management:not(.top) .management-box {

    margin: 50px 50px 0 0; }

  .max-lg-size.min-md-size .about-management:not(.top) .management-box {

    width: calc(100%/3 - 100px/3); }

  .max-md-size.min-sm-size .about-management:not(.top) .management-box {

    width: calc(50% - 25px); }

  .max-sm-size .about-management:not(.top) .management-box {

    width: 100%; }

    .max-sm-size .about-management:not(.top) .management-box + .management-box {

      margin-top: 50px; }

  .min-lg-size .about-management:not(.top) .management-box:nth-child(-n+4) {

    margin-top: 0; }

  .min-lg-size .about-management:not(.top) .management-box:nth-child(4n+0) {

    margin-right: 0; }

  .max-lg-size.min-md-size .about-management:not(.top) .management-box:nth-child(-n+3) {

    margin-top: 0; }

  .max-lg-size.min-md-size .about-management:not(.top) .management-box:nth-child(3n+0) {

    margin-right: 0; }

  .max-md-size.min-sm-size .about-management:not(.top) .management-box:nth-child(-n+2) {

    margin-top: 0; }

  .max-md-size.min-sm-size .about-management:not(.top) .management-box:nth-child(2n+0) {

    margin-right: 0; }



.max-sm-size [data-page="about03"] .page-head-nav {

  display: none; }



.about-history {

  max-width: 1145px;

  padding-bottom: 80px; }

  .max-md-size .about-history {

    padding-bottom: 50px; }

  .max-xs-size .about-history {

    padding-bottom: 25px; }

  .about-history .history-box {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex; }

    .max-sm-size .about-history .history-box {

      -webkit-box-orient: vertical;

      -webkit-box-direction: reverse;

      -ms-flex-direction: column-reverse;

      flex-direction: column-reverse;

      padding-left: 25px;

      border-left: 2px solid #53C3F1; }

    .about-history .history-box > div {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1; }

      .min-sm-size .about-history .history-box > div {

        max-width: 50%; }

    .min-sm-size .about-history .history-box .pic {

      padding-right: 50px; }

    .max-md-size.min-sm-size .about-history .history-box .pic {

      padding-right: 25px; }

    .max-sm-size .about-history .history-box .pic {

      margin-top: 15px; }

    .about-history .history-box .pic .slider .slick-arrow {

      position: absolute;

      bottom: -30px;

      font-size: 24px; }

      .about-history .history-box .pic .slider .slick-arrow.slick-prev {

        right: 40px; }

      .about-history .history-box .pic .slider .slick-arrow.slick-next {

        right: 0; }

    .about-history .history-box .pic .slider.has-arrows + .caption {

      padding-right: 65px; }

    .about-history .history-box .pic .caption {

      margin-top: 5px;

      font-size: 16px; }

      .max-xs-size .about-history .history-box .pic .caption {

        font-size: 15px; }

    .min-sm-size .about-history .history-box .content {

      padding-left: 40px;

      border-left: 2px solid #53C3F1; }

    .max-md-size.min-sm-size .about-history .history-box .content {

      padding-left: 25px; }

    .about-history .history-box .content .title {

      position: relative;

      font-size: 22px;

      color: #53C3F1;

      line-height: 0.8;

      letter-spacing: 0.05em; }

      .about-history .history-box .content .title::before {

        content: "";

        position: absolute;

        top: 0;

        left: -46px;

        display: block;

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background-color: #53C3F1; }

      .about-history .history-box .content .title span {

        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

        font-size: 25px;

        font-weight: 700; }

      .max-md-size .about-history .history-box .content .title {

        font-size: 20px; }

        .max-md-size .about-history .history-box .content .title::before {

          left: -31px; }

        .max-md-size .about-history .history-box .content .title span {

          font-size: 22px; }

      .max-xs-size .about-history .history-box .content .title {

        font-size: 18px; }

        .max-xs-size .about-history .history-box .content .title::before {

          left: -31px; }

        .max-xs-size .about-history .history-box .content .title span {

          font-size: 18px; }

    .about-history .history-box .content ul {

      margin-top: 10px;

      padding-left: 1em;

      font-size: 18px;

      line-height: 2; }

      .max-md-size .about-history .history-box .content ul {

        font-size: 16px; }

      .max-xs-size .about-history .history-box .content ul {

        line-height: 1.75; }

      .about-history .history-box .content ul li::before {

        content: "-";

        display: inline-block;

        vertical-align: 2px;

        width: 1em;

        margin-left: -1em; }

    .min-sm-size .about-history .history-box.anchor {

      margin-top: -85px;

      padding-top: 85px; }

    .about-history .history-box.anchor .content .title::before {

      box-shadow: 0 0 0 10px rgba(83, 193, 241, 0.3); }

    .min-sm-size .about-history .history-box + .history-box > div {

      padding-top: 50px; }

    .max-sm-size .about-history .history-box + .history-box {

      padding-top: 40px; }

    .max-xs-size .about-history .history-box + .history-box {

      padding-top: 25px; }



/* -------------------------------------------

 *  products

 * ------------------------------------------ */

@media screen and (min-width: 992px) {

  .page-head .page-head-main .products-category-nav .nav-menu ul 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-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 0;

    padding: 0;

    opacity: 0.5;

    -moz-transition-property: opacity, color;

    -o-transition-property: opacity, color;

    -webkit-transition-property: opacity, color;

    transition-property: opacity, color; }

    .page-head .page-head-main .products-category-nav .nav-menu ul li a .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: 90px;

      height: 90px;

      border: 1px solid #000000;

      border-radius: 50%;

      -moz-transition-property: background-color, border-color, filter;

      -o-transition-property: background-color, border-color, filter;

      -webkit-transition-property: background-color, border-color, filter;

      transition-property: background-color, border-color, filter;

      -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; }

      .page-head .page-head-main .products-category-nav .nav-menu ul li a .icon img {

        display: block; }

    .page-head .page-head-main .products-category-nav .nav-menu ul li a .title {

      display: block;

      margin-top: 1em;

      line-height: 1; }

    .page-head .page-head-main .products-category-nav .nav-menu ul li a:hover {

      background: none;

      color: inherit;

      opacity: 1;

      color: #53C3F1; }

      .page-head .page-head-main .products-category-nav .nav-menu ul li a:hover .icon {

        background-color: #53C3F1;

        border-color: #53C3F1; }

        .page-head .page-head-main .products-category-nav .nav-menu ul li a:hover .icon img {

          -webkit-filter: invert(100%);

          -ms-filter: invert(100%);

          filter: invert(100%); }

  .page-head .page-head-main .products-category-nav .nav-menu ul li + li {

    margin-left: 45px; }

    .max-lg-size .page-head .page-head-main .products-category-nav .nav-menu ul li + li {

      margin-left: 25px; }

  .page-head .page-head-main .products-category-nav .nav-menu ul li.current a {

    border: none;

    opacity: 1; }

    .page-head .page-head-main .products-category-nav .nav-menu ul li.current a .icon {

      border-width: 2px; }

    .page-head .page-head-main .products-category-nav .nav-menu ul li.current a .title {

      font-weight: 700; } }

@media screen and (max-width: 991px) {

  .page-head .page-head-main .products-category-nav .nav-menu ul li a .icon {

    display: none; } }



.brands-list {

  position: relative;

  padding-bottom: 130px;

  background-color: #F3F3F3; }

  .max-bg-size .brands-list {

    padding-bottom: 75px; }

  .max-md-size .brands-list {

    padding-bottom: 50px; }

  .min-md-size .brands-list {

    margin-top: 90px; }

  .brands-list::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    display: block;

    height: 60px;

    background-color: #ffffff; }

  .brands-list .container {

    position: relative;

    max-width: 1375px; }

  .brands-list .brand-box + .brand-box {

    margin-top: 165px; }

    .max-bg-size .brands-list .brand-box + .brand-box {

      margin-top: 105px; }

    .max-md-size .brands-list .brand-box + .brand-box {

      margin-top: 50px; }

    .max-xs-size .brands-list .brand-box + .brand-box {

      margin-top: 25px; }

  .min-md-size .brands-list .brand-box {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex; }

    .min-md-size .brands-list .brand-box > div {

      width: calc(50% + 25px); }

  .brands-list .brand-box .pic-container a, .brands-list .brand-box .pic-container .pic {

    height: 100%; }

  .brands-list .brand-box .pic-container img {

    display: block !important;

    opacity: 0; }

  .min-md-size .brands-list .brand-box .pic-container {

    -moz-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -webkit-transform: translateY(-60px);

    transform: translateY(-60px);

    -moz-transition: transform 0.3s ease;

    -o-transition: transform 0.3s ease;

    -webkit-transition: transform 0.3s ease;

    transition: transform 0.3s ease; }

  .brands-list .brand-box .content {

    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;

    position: relative;

    z-index: 1;

    background-color: #ffffff;

    padding: 40px 0;

    -webkit-box-shadow: 0 0 40px rgba(215, 215, 215, 0.5);

    -moz-box-shadow: 0 0 40px rgba(215, 215, 215, 0.5);

    box-shadow: 0 0 40px rgba(215, 215, 215, 0.5); }

    .max-sm-size .brands-list .brand-box .content {

      padding: 35px 25px; }

    .max-xs-size .brands-list .brand-box .content {

      padding: 25px; }

    .brands-list .brand-box .content .content-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;

      max-width: 400px;

      margin: 0 auto;

      text-align: center; }

      .brands-list .brand-box .content .content-inner figure img {

        display: block; }

      .brands-list .brand-box .content .content-inner .logo {

        max-width: 50%; }

      .brands-list .brand-box .content .content-inner .title {

        margin-top: 20px;

        font-size: 30px;

        line-height: 1.25; }

        .max-sm-size .brands-list .brand-box .content .content-inner .title {

          font-size: 25px; }

        .max-xs-size .brands-list .brand-box .content .content-inner .title {

          font-size: 22px; }

      .brands-list .brand-box .content .content-inner .text {

        margin-top: 15px;

        font-size: 16px;

        line-height: 2; }

        .max-xs-size .brands-list .brand-box .content .content-inner .text {

          line-height: 1.75;

          margin-top: 10px; }

      .brands-list .brand-box .content .content-inner .product {

        margin-top: 25px; }

      .brands-list .brand-box .content .content-inner .button {

        margin-top: 25px; }

  .min-md-size .brands-list .brand-box:nth-child(odd) > div + div {

    margin-left: -50px; }

  .min-md-size .brands-list .brand-box:nth-child(even) {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse; }

    .min-md-size .brands-list .brand-box:nth-child(even) > div + div {

      margin-right: -50px; }



.pdlist ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

  .min-xs-size .pdlist ul {

    padding: 0 10px; }

  .pdlist ul .pdlist-item {

    position: relative;

    margin-top: 50px;

    padding: 0 20px;

    text-align: center; }

    .max-xs-size .pdlist ul .pdlist-item {

      margin-top: 35px; }

    .pdlist ul .pdlist-item .product-hover {

      position: absolute;

      z-index: 2;

      top: calc(50% - 45px);

      left: calc(50% - 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;

      width: 90px;

      height: 90px;

      border-radius: 50%;

      background-color: #53C3F1;

      font-size: 16px;

      line-height: 1;

      text-align: center;

      color: #ffffff;

      opacity: 0;

      cursor: pointer;

      -moz-transition: opacity 0.3s ease;

      -o-transition: opacity 0.3s ease;

      -webkit-transition: opacity 0.3s ease;

      transition: opacity 0.3s ease; }

      .pdlist ul .pdlist-item .product-hover i {

        display: block;

        margin: -0.25em 0 0.25em;

        font-size: 1.5em; }

      .pdlist ul .pdlist-item .product-hover:hover {

        opacity: 1; }

        .pdlist ul .pdlist-item .product-hover:hover + a .product-pic, .pdlist ul .pdlist-item .product-hover:hover + a .product-info {

          opacity: 0.4; }

    .pdlist ul .pdlist-item a {

      position: relative;

      display: block; }

      .pdlist ul .pdlist-item a > div {

        -moz-transition: opacity 0.3s ease;

        -o-transition: opacity 0.3s ease;

        -webkit-transition: opacity 0.3s ease;

        transition: opacity 0.3s ease; }

      .pdlist ul .pdlist-item a .product-pic {

        position: relative;

        padding-bottom: 100%; }

        .pdlist ul .pdlist-item a .product-pic .product-pic-inner {

          position: absolute;

          top: 0;

          left: 0;

          right: 0;

          bottom: 0;

          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: center;

          -ms-flex-pack: center;

          justify-content: center;

          padding: 25px; }

          .pdlist ul .pdlist-item a .product-pic .product-pic-inner img {

            display: block;

            max-width: 100%;

            max-height: 100%; }

      .pdlist ul .pdlist-item a .product-info {

        margin-top: 30px;

        font-size: 16px;

        letter-spacing: 0.05em;

        line-height: 1.75; }

        .pdlist ul .pdlist-item a .product-info:lang(en) {

          line-height: 1.5; }

        .pdlist ul .pdlist-item a .product-info .product-info-name .brand {

          font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

          color: #808080; }

        .pdlist ul .pdlist-item a .product-info .product-info-name .name {

          font-weight: 700; }

          .pdlist ul .pdlist-item a .product-info .product-info-name .name:lang(en) {

            margin-top: 10px; }

        .pdlist ul .pdlist-item a .product-info .product-info-summary {

          display: none; }

        .pdlist ul .pdlist-item a .product-info .product-info-detail:lang(en) {

          margin-top: 10px; }

        .pdlist ul .pdlist-item a .product-info .product-info-detail .price {

          font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif; }

        .pdlist ul .pdlist-item a .product-info .product-info-detail .size {

          display: none; }

        .min-md-size .pdlist ul .pdlist-item a .product-info {

          padding: 0 20px; }

        .max-sm-size .pdlist ul .pdlist-item a .product-info {

          margin-top: 15px;

          line-height: 1.5; }

          .max-sm-size .pdlist ul .pdlist-item a .product-info .product-info-name .brand {

            font-size: 0.85em; }

            .max-sm-size .pdlist ul .pdlist-item a .product-info .product-info-name .brand + .name {

              margin-top: 10px; }

.pdlist + .pagination {

  margin-top: 55px;

  padding: 30px 0;

  border-top: 1px solid #E3E3E3; }

  .max-xs-size .pdlist + .pagination {

    margin-top: 35px;

    padding: 20px 0; }



.brand-head .page-head-banner {

  position: relative;

  /*.max-xs-size &

   * height: calc(100vw + 15px) */ }

  .min-lg-size .brand-head .page-head-banner {

    height: calc(100vh - 120px); }

  .max-lg-size.min-md-size .brand-head .page-head-banner {

    height: calc(100vh - 90px); }

  .max-lg-size .brand-head .page-head-banner {

    height: calc(50vw + 85px - 100px); }

  .max-sm-size .brand-head .page-head-banner {

    height: calc(50vw + 65px - 50px); }

  .brand-head .page-head-banner .banner-content {

    position: relative;

    z-index: 1;

    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: 100%;

    padding-top: 85px;

    color: #ffffff; }

    .max-sm-size .brand-head .page-head-banner .banner-content {

      padding-top: 65px; }

    .brand-head .page-head-banner .banner-content .title {

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-size: 45px;

      font-weight: 700; }

      .max-md-size .brand-head .page-head-banner .banner-content .title {

        font-size: 35px; }

      .max-xs-size .brand-head .page-head-banner .banner-content .title {

        font-size: 25px; }

    .brand-head .page-head-banner .banner-content .back {

      position: absolute;

      top: 135px;

      left: 0; }

      .brand-head .page-head-banner .banner-content .back a {

        display: block;

        font-size: 16px; }

        .brand-head .page-head-banner .banner-content .back a .icon {

          display: -webkit-inline-box;

          display: -webkit-inline-flex;

          display: -ms-inline-flexbox;

          display: inline-flex;

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          width: 55px;

          height: 55px;

          vertical-align: middle;

          margin-right: 1em;

          border: 1px solid #ffffff;

          border-radius: 50%; }

      .max-md-size .brand-head .page-head-banner .banner-content .back {

        top: 100px; }

        .max-md-size .brand-head .page-head-banner .banner-content .back a .icon {

          width: 35px;

          height: 35px;

          margin-right: 0.5em; }

      .max-xs-size .brand-head .page-head-banner .banner-content .back {

        top: 80px; }

        .max-xs-size .brand-head .page-head-banner .banner-content .back a {

          font-size: 14px; }

          .max-xs-size .brand-head .page-head-banner .banner-content .back a .icon {

            width: auto;

            height: auto;

            border: none;

            border-radius: 0;

            vertical-align: -2px;

            margin-right: 0;

            font-size: 16px; }

  .brand-head .page-head-banner .banner-pic {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    /*.max-xs-size &

     * height: calc(100vw + 65px) */ }

    .min-md-size .brand-head .page-head-banner .banner-pic {

      height: 100vh; }

    .min-lg-size .brand-head .page-head-banner .banner-pic::before {

      height: 120px; }

    .max-lg-size.min-md-size .brand-head .page-head-banner .banner-pic::before {

      height: 90px; }

    .max-md-size .brand-head .page-head-banner .banner-pic {

      margin-top: 85px;

      height: 50vw; }

    .max-sm-size .brand-head .page-head-banner .banner-pic {

      margin-top: 65px;

      height: 50vw; }

  .brand-head .page-head-banner .banner-share {

    position: absolute;

    z-index: 2;

    top: 85px;

    left: 0;

    right: 0;

    padding-top: 50px;

    text-align: center; }

    .max-sm-size .brand-head .page-head-banner .banner-share {

      top: 65px;

      padding-top: 25px; }

    .brand-head .page-head-banner .banner-share .banner-share-toggle {

      cursor: pointer;

      display: block;

      width: 30px;

      font-size: 25px;

      -moz-transition: color 0.3s ease;

      -o-transition: color 0.3s ease;

      -webkit-transition: color 0.3s ease;

      transition: color 0.3s ease; }

      .brand-head .page-head-banner .banner-share .banner-share-toggle:hover {

        color: #53C3F1; }

    .brand-head .page-head-banner .banner-share .a2a_kit {

      display: none;

      margin-top: 15px; }

      .brand-head .page-head-banner .banner-share .a2a_kit a {

        display: block;

        float: none;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        background-color: #9D9D9D;

        color: #ffffff;

        font-size: 12px;

        line-height: 30px;

        -moz-transition-property: background-color;

        -o-transition-property: background-color;

        -webkit-transition-property: background-color;

        transition-property: background-color; }

        .brand-head .page-head-banner .banner-share .a2a_kit a:hover {

          background-color: #53C3F1; }

        .brand-head .page-head-banner .banner-share .a2a_kit a + a {

          margin-top: 10px; }

  .brand-head .page-head-banner .banner-slideshow {

    position: relative;

    z-index: 1;

    padding-top: 85px; }

    .max-lg-size .brand-head .page-head-banner .banner-slideshow {

      padding-bottom: 50px; }

    .max-sm-size .brand-head .page-head-banner .banner-slideshow {

      padding-top: 65px;

      padding-bottom: 100px; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-head {

      position: relative;

      height: 230px;

      padding-top: 85px;

      text-align: center; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-head::before {

        content: "";

        position: absolute;

        top: 0;

        left: calc(50% - 0.5px);

        display: block;

        width: 1px;

        height: 75px;

        background-color: #E3E3E3; }

      .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-head {

        height: 200px;

        padding-top: 55px; }

        .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-head::before {

          height: 45px; }

      .max-lg-size .brand-head .page-head-banner .banner-slideshow .slideshow-head {

        height: auto; }

      .max-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-head {

        padding-top: 55px; }

        .max-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-head::before {

          height: 45px; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-head .brand {

        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

        font-size: 20px;

        letter-spacing: 0.05em; }

        .max-sm-size .brand-head .page-head-banner .banner-slideshow .slideshow-head .brand {

          font-size: 18px; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-head .name {

        margin-top: 10px;

        font-size: 35px;

        font-weight: 700;

        line-height: 1.25;

        letter-spacing: 0.05em; }

        .max-sm-size .brand-head .page-head-banner .banner-slideshow .slideshow-head .name {

          font-size: 25px; }

        .max-xs-size .brand-head .page-head-banner .banner-slideshow .slideshow-head .name {

          font-size: 22px; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-head .size {

        margin-top: 10px;

        font-size: 18px;

        letter-spacing: 0.05em; }

        .brand-head .page-head-banner .banner-slideshow .slideshow-head .size::before {

          content: "";

          display: block;

          width: 17px;

          height: 1px;

          margin: 0 auto 15px;

          background-color: #9D9D9D; }

        .max-xs-size .brand-head .page-head-banner .banner-slideshow .slideshow-head .size {

          font-size: 16px; }

    .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-carousel {

      padding: 40px 0;

      height: calc(100vh - 230px - 85px); }

    .max-bg-size.min-lg-size .brand-head .page-head-banner .banner-slideshow .slideshow-carousel {

      padding: 25px 0;

      height: calc(100vh - 200px - 85px); }

    .max-lg-size.min-xs-size .brand-head .page-head-banner .banner-slideshow .slideshow-carousel {

      padding-top: 40px; }

    .max-xs-size .brand-head .page-head-banner .banner-slideshow .slideshow-carousel {

      padding-top: 25px; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-carousel .slick-slider, .brand-head .page-head-banner .banner-slideshow .slideshow-carousel .slick-list, .brand-head .page-head-banner .banner-slideshow .slideshow-carousel .slick-track, .brand-head .page-head-banner .banner-slideshow .slideshow-carousel .slick-slide, .brand-head .page-head-banner .banner-slideshow .slideshow-carousel .slick-slide > div, .brand-head .page-head-banner .banner-slideshow .slideshow-carousel .slick-item {

      height: 100%; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-carousel .slick-item img {

      display: block;

      max-height: 100%;

      margin: 0 auto; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-track {

      float: right; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-slide {

      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; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-slide:hover, .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-slide.slick-current {

        opacity: 1; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-item {

      margin: 0 5px; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-item .pic {

        width: 60px;

        height: 60px;

        border-radius: 50%;

        overflow: hidden;

        cursor: pointer; }

        .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-item .pic img {

          display: block;

          width: 100%; }

    .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails {

      width: 350px; }

    .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails {

      width: 275px; }

      .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails .slick-item .pic {

        width: 45px;

        height: 45px; }

    .min-lg-size .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails {

      position: absolute;

      right: 50px;

      bottom: 160px; }

    .max-lg-size .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails {

      margin: 50px auto 0; }

    .max-sm-size .brand-head .page-head-banner .banner-slideshow .slideshow-thumbnails {

      margin-top: 25px; }

    .min-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow {

      position: absolute;

      z-index: 5;

      top: calc(50% - 25px); }

    .max-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows {

      margin-top: 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; }

      .max-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow + .arrow {

        margin-left: 15px; }

        .max-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow + .arrow a::before {

          padding-left: 15px;

          border-left: 1px solid #000000;

            border-left-line-height: 1; }

          .max-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow + .arrow a::before .product {

            margin-top: 7.5px;

            line-height: 1.25;

            letter-spacing: 0.05em; }

        .max-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow + .arrow:hover .btn-style {

          background-color: #53C3F1;

          border-color: #53C3F1;

          color: #ffffff; }

    .max-sm-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows {

      margin-top: 25px; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      height: 70px;

      overflow: hidden; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .btn-style {

        -moz-transition-property: color, background-color, border-color;

        -o-transition-property: color, background-color, border-color;

        -webkit-transition-property: color, background-color, border-color;

        transition-property: color, background-color, border-color; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .info {

        display: none;

        padding-top: 25px; }

        .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .info .pic {

          width: 70px; }

        .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .info .content {

          max-width: 160px;

          margin-left: 15px;

          font-size: 16px; }

          .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .info .content .category {

            font-size: 15px;

            font-weight: 700; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a:hover {

        overflow: visible; }

        .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a:hover::before {

          opacity: 1;

          -moz-transition: opacity 0.3s ease;

          -o-transition: opacity 0.3s ease;

          -webkit-transition: opacity 0.3s ease;

          transition: opacity 0.3s ease; }

        .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a:hover .info {

          display: -webkit-box;

          display: -webkit-flex;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          -webkit-animation: fadeEffect 0.5s ease;

          -moz-animation: fadeEffect 0.5s ease;

          -o-animation: fadeEffect 0.5s ease;

          -ms-animation: fadeEffect 0.5s ease;

          animation: fadeEffect 0.5s ease; }

    .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a {

      position: relative; }

      .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a::before {

        content: attr(data-title);

        position: absolute;

        top: -10px;

        opacity: 0;

        font-size: 14px; }

    .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .info {

      -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; }

      .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .info .pic + .content {

        margin-top: 15px; }

    .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a::before {

      content: attr(data-title);

      display: block;

      font-size: 16px;

      line-height: 1; }

    .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .info {

      display: none; }

    .max-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .btn-style {

      width: 40px;

      height: 40px; }

    .max-xs-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow a .btn-style {

      width: 25px;

      height: 25px; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-prev a {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

      flex-direction: row-reverse; }

      .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-prev a .btn-style {

        margin-right: 15px; }

    .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-prev a::before {

      left: 150px; }

    .min-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-prev {

      left: 0; }

    .max-xs-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-prev a .btn-style {

      margin-right: 10px; }

    .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-next a .btn-style {

      margin-left: 15px; }

    .min-bg-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-next a::before {

      left: 85px; }

    .min-md-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-next {

      right: 0; }

    .max-xs-size .brand-head .page-head-banner .banner-slideshow .slideshow-arrows .arrow.arrow-next a .btn-style {

      margin-left: 10px; }

.brand-head.has-slideshow .page-head-banner {

  background-color: #F3F3F3; }

  .brand-head.has-slideshow .page-head-banner::before, .brand-head.has-slideshow .page-head-banner::after {

    position: absolute;

    left: 0;

    right: 0;

    display: block; }

  .brand-head.has-slideshow .page-head-banner::before {

    content: "";

    top: 50%;

    bottom: 0;

    background-image: linear-gradient(to right bottom, #F3F3F3 50%, #EBEBEB 50%); }

.min-lg-size .brand-head.has-slideshow .page-head-banner {

  height: 100vh;

  margin-bottom: -120px; }

  .min-lg-size .brand-head.has-slideshow .page-head-banner::before {

    bottom: 120px; }

  .min-lg-size .brand-head.has-slideshow .page-head-banner::after {

    content: "";

    z-index: 0;

    bottom: 0;

    height: 120px;

    background-color: #ffffff; }

.min-lg-size .brand-head.has-slideshow .page-head-main .page-head-bread ul {

  float: right;

  max-width: 500px; }

.max-lg-size .brand-head.has-slideshow .page-head-banner {

  height: auto; }

.min-lg-size .brand-head .page-head-main {

  height: 120px; }

.max-lg-size.min-md-size .brand-head .page-head-main {

  height: 90px; }

.max-md-size.min-sm-size .brand-head .page-head-main {

  height: 75px; }

.max-sm-size .brand-head .page-head-main {

  margin-top: -75px;

  padding-top: 0; }

.max-xs-size .brand-head .page-head-main {

  margin-top: -25px; }

.brand-head .page-head-main .page-head-logo {

  position: relative; }

  .brand-head .page-head-main .page-head-logo .logo {

    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; }

    .min-sm-size .brand-head .page-head-main .page-head-logo .logo {

      position: absolute;

      left: 0; }

    .min-lg-size .brand-head .page-head-main .page-head-logo .logo {

      top: -155px;

      width: 240px;

      height: 240px;

      padding: 25px; }

    .max-lg-size .brand-head .page-head-main .page-head-logo .logo {

      padding: 15px; }

    .max-lg-size.min-md-size .brand-head .page-head-main .page-head-logo .logo {

      top: -125px;

      width: 180px;

      height: 180px; }

    .max-md-size.min-sm-size .brand-head .page-head-main .page-head-logo .logo {

      top: -110px; }

    .max-md-size .brand-head .page-head-main .page-head-logo .logo {

      width: 150px;

      height: 150px; }

    .max-sm-size .brand-head .page-head-main .page-head-logo .logo {

      margin: 0 auto; }

    .max-xs-size .brand-head .page-head-main .page-head-logo .logo {

      width: 100px;

      height: 100px; }

    .brand-head .page-head-main .page-head-logo .logo img {

      display: block; }

.min-lg-size .brand-head .page-head-main .page-head-bread {

  padding-left: 265px; }

.max-lg-size.min-md-size .brand-head .page-head-main .page-head-bread {

  padding-left: 205px; }

.max-md-size.min-sm-size .brand-head .page-head-main .page-head-bread {

  padding-left: 175px; }

  .max-md-size.min-sm-size .brand-head .page-head-main .page-head-bread ul {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end; }

.max-sm-size .brand-head .page-head-main .page-head-bread {

  margin-top: 25px; }



.brand-intro {

  padding-bottom: 100px; }

  .max-bg-size .brand-intro {

    padding-bottom: 75px; }

  .max-md-size .brand-intro {

    padding-bottom: 50px; }

  .max-xs-size .brand-intro {

    padding-bottom: 25px; }

  .brand-intro .brand-intro-section + .brand-intro-section {

    margin-top: 90px; }

    .max-bg-size .brand-intro .brand-intro-section + .brand-intro-section {

      margin-top: 75px; }

    .max-md-size .brand-intro .brand-intro-section + .brand-intro-section {

      margin-top: 50px; }

    .max-xs-size .brand-intro .brand-intro-section + .brand-intro-section {

      margin-top: 25px; }

  .brand-intro .brand-intro-section .section-content .editor h3 {

    letter-spacing: 0.05em; }

    .max-md-size .brand-intro .brand-intro-section .section-content .editor h3 {

      font-size: 1.75em !important; }

    .max-xs-size .brand-intro .brand-intro-section .section-content .editor h3 {

      font-size: 1.25em !important; }

  .brand-intro .brand-intro-section.top .section-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: end;

    -ms-flex-pack: end;

    justify-content: flex-end; }

  .brand-intro .brand-intro-section.top .section-pic img {

    display: block !important;

    opacity: 0; }

  .min-lg-size .brand-intro .brand-intro-section.top {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; }

    .min-lg-size .brand-intro .brand-intro-section.top .section-content .editor {

      text-align: right; }

  .min-xl-size .brand-intro .brand-intro-section.top .section-content {

    width: calc(100% - 1120px); }

  .min-xl-size .brand-intro .brand-intro-section.top .section-pic {

    width: 1075px; }

  .max-xl-size.min-sm-size .brand-intro .brand-intro-section.top {

    margin-top: 25px; }

  .max-xl-size.min-lg-size .brand-intro .brand-intro-section.top .section-content {

    width: calc(40% - 50px); }

  .max-xl-size.min-lg-size .brand-intro .brand-intro-section.top .section-pic {

    width: 60%; }

  .max-lg-size .brand-intro .brand-intro-section.top .section-pic {

    margin-top: 25px; }

  .max-lg-size.min-md-size .brand-intro .brand-intro-section.top .section-content {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end; }

    .max-lg-size.min-md-size .brand-intro .brand-intro-section.top .section-content .editor {

      width: calc(50% - 25px); }

    .max-lg-size.min-md-size .brand-intro .brand-intro-section.top .section-content .pic {

      width: 50%; }

  .max-md-size .brand-intro .brand-intro-section.top .section-content .editor {

    text-align: center; }

  .max-md-size .brand-intro .brand-intro-section.top .section-content .pic {

    margin-top: 25px; }

  .brand-intro .brand-intro-section.main .section-content .editor {

    text-align: center; }

  .brand-intro .brand-intro-section.main .section-content .editor + .iframe-wrapper, .brand-intro .brand-intro-section.main .section-content .editor + .pic {

    margin-top: 80px; }

    .max-md-size .brand-intro .brand-intro-section.main .section-content .editor + .iframe-wrapper, .max-md-size .brand-intro .brand-intro-section.main .section-content .editor + .pic {

      margin-top: 50px; }

    .max-xs-size .brand-intro .brand-intro-section.main .section-content .editor + .iframe-wrapper, .max-xs-size .brand-intro .brand-intro-section.main .section-content .editor + .pic {

      margin-top: 25px; }



.brand-products {

  background-color: #F3F3F3; }

  .brand-products .brand-products-head {

    padding: 70px 0 50px; }

    .max-md-size .brand-products .brand-products-head {

      padding: 50px 0; }

    .max-xs-size .brand-products .brand-products-head {

      padding: 25px 0; }

  .brand-products .brand-products-content {

    border-top: 1px solid #E3E3E3; }

    .min-md-size .brand-products .brand-products-content .container {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between; }

    .brand-products .brand-products-content .brand-product-filter {

      font-size: 16px;

      letter-spacing: 0.05em; }

      .min-lg-size .brand-products .brand-products-content .brand-product-filter {

        width: 300px; }

      .max-lg-size.min-md-size .brand-products .brand-products-content .brand-product-filter {

        width: 250px; }

      .min-md-size .brand-products .brand-products-content .brand-product-filter {

        padding-bottom: 50px; }

      .brand-products .brand-products-content .brand-product-filter button, .brand-products .brand-products-content .brand-product-filter [class^="icon-"] {

        display: block; }

      .brand-products .brand-products-content .brand-product-filter button {

        -moz-transition: color 0.3s ease;

        -o-transition: color 0.3s ease;

        -webkit-transition: color 0.3s ease;

        transition: color 0.3s ease; }

        .brand-products .brand-products-content .brand-product-filter button:hover {

          color: #53C3F1; }

      .brand-products .brand-products-content .brand-product-filter .filter-head,

      .brand-products .brand-products-content .brand-product-filter .filter-search input,

      .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-toggle,

      .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-toggle {

        height: 55px;

        padding: 0 10px; }

      .brand-products .brand-products-content .brand-product-filter .filter-head,

      .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-toggle,

      .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-toggle {

        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; }

      .brand-products .brand-products-content .brand-product-filter .filter-search {

        position: relative; }

        .brand-products .brand-products-content .brand-product-filter .filter-search input {

          width: 100%;

          background: none; }

        .brand-products .brand-products-content .brand-product-filter .filter-search button {

          position: absolute;

          top: calc(55px/2 - 8px);

          right: 10px;

          width: 16px;

          height: 16px; }

        .brand-products .brand-products-content .brand-product-filter .filter-search + .filter-head {

          border-top: 2px solid #E3E3E3; }

      .brand-products .brand-products-content .brand-product-filter .filter-head p [class^="icon-"] {

        display: inline-block;

        margin-right: 10px; }

      .brand-products .brand-products-content .brand-product-filter .filter-options {

        border-top: 2px solid #000000;

        border-bottom: 2px solid #000000; }

        .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-toggle {

          font-weight: 700; }

          .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-toggle::after {

            content: "";

            display: block;

            font-family: "icomoon" !important;

            speak: none;

            font-style: normal;

            font-weight: normal;

            font-variant: normal;

            text-transform: none;

            line-height: 1;

            -webkit-font-smoothing: antialiased;

            -moz-osx-font-smoothing: grayscale;

            font-size: 1.5em;

            -moz-transition: transform 0.3s ease;

            -o-transition: transform 0.3s ease;

            -webkit-transition: transform 0.3s ease;

            transition: transform 0.3s ease; }

          .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-toggle.active::after {

            -moz-transform: rotate(180deg);

            -o-transform: rotate(180deg);

            -ms-transform: rotate(180deg);

            -webkit-transform: rotate(180deg);

            transform: rotate(180deg); }

          .min-md-size .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-toggle {

            display: none; }

        .min-md-size .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-list {

          display: block !important; }

        .max-md-size .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-list {

          display: none; }

        .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box {

          border-top: 2px solid #000000; }

          .min-md-size .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box:first-child {

            border-top: none; }

          .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-toggle {

            cursor: pointer;

            border-bottom: 1px solid #E3E3E3; }

            .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-toggle::after {

              content: "";

              display: block;

              border-bottom: 5px solid #000000;

              border-left: 3px solid transparent;

              border-right: 3px solid transparent;

              -moz-transition: transform 0.3s ease;

              -o-transition: transform 0.3s ease;

              -webkit-transition: transform 0.3s ease;

              transition: transform 0.3s ease; }

          .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-checks {

            padding: 20px 25px; }

            .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-checks input {

              display: none; }

              .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-checks input:checked + label::before {

                background-color: #000000; }

            .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-checks label {

              cursor: pointer; }

              .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-checks label::before {

                content: "";

                display: inline-block;

                vertical-align: 1.5px;

                width: 10px;

                height: 10px;

                margin-right: 10px;

                border: 1px solid #000000;

                -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; }

            .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box .option-checks ul li + li {

              margin-top: 15px; }

          .brand-products .brand-products-content .brand-product-filter .filter-options .filter-options-box.closed .option-toggle::after {

            -moz-transform: rotate(180deg);

            -o-transform: rotate(180deg);

            -ms-transform: rotate(180deg);

            -webkit-transform: rotate(180deg);

            transform: rotate(180deg); }

    .min-lg-size .brand-products .brand-products-content .brand-product-list {

      width: calc(100% - 365px); }

    .max-lg-size.min-md-size .brand-products .brand-products-content .brand-product-list {

      width: calc(100% - 300px); }

    .brand-products .brand-products-content .brand-product-list .product-list-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;

      height: 55px; }

      .brand-products .brand-products-content .brand-product-list .product-list-head .head-items {

        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

        font-size: 15px;

        letter-spacing: 0.05em; }

    .min-xl-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li {

      width: 25%; }

      .min-xl-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li:nth-child(-n+4) {

        margin-top: 0; }

    .max-xl-size.min-lg-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li {

      width: calc(100%/3); }

      .max-xl-size.min-lg-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li:nth-child(-n+3) {

        margin-top: 0; }

    .max-lg-size.min-xs-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li {

      width: 50%; }

      .max-lg-size.min-xs-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li:nth-child(-n+2) {

        margin-top: 0; }

    .max-xs-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li {

      width: 100%; }

      .max-xs-size .brand-products .brand-products-content .brand-product-list .product-list-main .pdlist ul li:first-child {

        margin-top: 0; }



.product-overlay, .product-popup {

  position: fixed;

  display: none; }



.product-overlay {

  z-index: 1000;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.5); }



.product-popup {

  z-index: 1001;

  top: 50%;

  background-color: #ffffff;

  -moz-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%); }

  .min-md-size .product-popup {

    left: calc(50% - 410px);

    width: 820px;

    padding: 75px 75px 75px 15px; }

  .max-md-size .product-popup {

    left: 0;

    right: 0; }

  .max-md-size.min-sm-size .product-popup {

    padding: 50px 50px 50px 15px; }

  .max-sm-size .product-popup {

    padding: 25px; }

  .product-popup .popup-close {

    position: absolute;

    top: 0;

    right: 0; }

    .product-popup .popup-close .btn-style {

      width: 65px;

      height: 65px;

      font-size: 22px; }

      .product-popup .popup-close .btn-style i {

        display: block; }

  .product-popup .popup-share {

    position: absolute;

    top: 25px;

    left: 25px;

    text-align: center; }

    .product-popup .popup-share .popup-share-toggle {

      width: 30px;

      font-size: 25px;

      color: #5D5D5D;

      -moz-transition: color 0.3s ease;

      -o-transition: color 0.3s ease;

      -webkit-transition: color 0.3s ease;

      transition: color 0.3s ease; }

      .product-popup .popup-share .popup-share-toggle:hover {

        color: #53C3F1; }

    .product-popup .popup-share .a2a_kit {

      display: none;

      margin-top: 15px; }

      .product-popup .popup-share .a2a_kit a {

        display: block;

        float: none;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        background-color: #9D9D9D;

        color: #ffffff;

        font-size: 12px;

        line-height: 30px;

        -moz-transition-property: background-color;

        -o-transition-property: background-color;

        -webkit-transition-property: background-color;

        transition-property: background-color; }

        .product-popup .popup-share .a2a_kit a:hover {

          background-color: #53C3F1; }

        .product-popup .popup-share .a2a_kit a + a {

          margin-top: 10px; }

  .min-sm-size .product-popup .popup-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: start;

    -ms-flex-align: start;

    align-items: flex-start; }

  .product-popup .popup-inner .popup-inner-pic {

    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: 400px;

    height: 400px; }

    .product-popup .popup-inner .popup-inner-pic img {

      display: block;

      max-height: 100%; }

    .max-sm-size .product-popup .popup-inner .popup-inner-pic {

      width: 250px;

      height: 250px;

      margin: 0 auto; }

    .max-xs-size .product-popup .popup-inner .popup-inner-pic {

      width: 150px;

      height: 150px; }

  .min-sm-size .product-popup .popup-inner .popup-inner-content {

    width: calc(100% - 420px); }

  .product-popup .popup-inner .popup-inner-content .product-info {

    letter-spacing: 0.05em; }

    .product-popup .popup-inner .popup-inner-content .product-info .product-info-name .brand {

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-size: 16px; }

    .product-popup .popup-inner .popup-inner-content .product-info .product-info-name .name {

      margin-top: 5px;

      font-size: 28px;

      font-weight: 700;

      line-height: 1.25; }

    .product-popup .popup-inner .popup-inner-content .product-info .product-info-summary {

      margin-top: 10px;

      font-size: 16px;

      line-height: 1.75;

      color: #5D5D5D;

      max-height: 10.5em;

      overflow: hidden;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      -webkit-line-clamp: 6;

      text-overflow: ellipsis; }

    .product-popup .popup-inner .popup-inner-content .product-info .product-info-detail {

      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;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap;

      margin-top: 15px;

      padding-top: 10px;

      border-top: 1px solid #E3E3E3;

      line-height: 1.5; }

      .product-popup .popup-inner .popup-inner-content .product-info .product-info-detail .price {

        margin-top: 5px;

        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

        font-size: 22px;

        font-weight: 700; }

      .product-popup .popup-inner .popup-inner-content .product-info .product-info-detail .size {

        margin-top: 5px;

        font-size: 16px; }

    .max-sm-size .product-popup .popup-inner .popup-inner-content .product-info {

      margin-top: 25px; }

      .max-sm-size .product-popup .popup-inner .popup-inner-content .product-info .product-info-name .name {

        font-size: 20px; }

    .max-xs-size .product-popup .popup-inner .popup-inner-content .product-info .product-info-summary {

      font-size: 14px; }

  .product-popup .popup-inner .popup-inner-content .product-link {

    margin-top: 30px; }

    .product-popup .popup-inner .popup-inner-content .product-link .product-link-button .btn-style {

      width: 220px;

      -moz-transition-property: color, background-color, border-color;

      -o-transition-property: color, background-color, border-color;

      -webkit-transition-property: color, background-color, border-color;

      transition-property: color, background-color, border-color; }

      .product-popup .popup-inner .popup-inner-content .product-link .product-link-button .btn-style:hover {

        background-color: #53C3F1;

        border-color: #53C3F1;

        color: #ffffff; }

    .product-popup .popup-inner .popup-inner-content .product-link .product-link-detail {

      margin-top: 30px;

      font-size: 16px;

      line-height: 1; }

      .product-popup .popup-inner .popup-inner-content .product-link .product-link-detail a {

        display: inline-block;

        text-decoration: underline; }

        .product-popup .popup-inner .popup-inner-content .product-link .product-link-detail a:hover {

          color: #53C3F1; }

    .max-sm-size .product-popup .popup-inner .popup-inner-content .product-link {

      margin-top: 25px; }

      .max-sm-size .product-popup .popup-inner .popup-inner-content .product-link .product-link-detail {

        margin-top: 25px; }

    .max-xs-size .product-popup .popup-inner .popup-inner-content .product-link .product-link-button .btn-style {

      width: 100%;

      height: 45px; }



.product-detail {

  padding: 75px 0 120px; }

  .max-bg-size .product-detail {

    padding: 75px 0; }

  .max-md-size .product-detail {

    padding: 50px 0; }

  .max-sm-size .product-detail {

    padding: 0 0 50px; }

  .max-xs-size .product-detail {

    padding: 0 0 25px; }

  .product-detail .product-detail-head {

    text-align: center; }

    .product-detail .product-detail-head .summary {

      font-size: 35px;

      line-height: 1.25; }

      .max-md-size .product-detail .product-detail-head .summary {

        font-size: 28px; }

      .max-xs-size .product-detail .product-detail-head .summary {

        font-size: 22px; }

    .product-detail .product-detail-head .price {

      margin-top: 10px;

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-size: 30px;

      font-weight: 700;

      line-height: 1; }

      .max-md-size .product-detail .product-detail-head .price {

        font-size: 25px; }

      .max-xs-size .product-detail .product-detail-head .price {

        font-size: 18px; }

    .product-detail .product-detail-head .button {

      margin-top: 30px; }

      .max-xs-size .product-detail .product-detail-head .button {

        margin-top: 20px; }

      .product-detail .product-detail-head .button .btn-style {

        -moz-transition-property: background-color, border-color, color;

        -o-transition-property: background-color, border-color, color;

        -webkit-transition-property: background-color, border-color, color;

        transition-property: background-color, border-color, color; }

        .product-detail .product-detail-head .button .btn-style:hover {

          background-color: #53C3F1;

          border-color: #53C3F1;

          color: #ffffff; }

  .product-detail .product-detail-tabs {

    margin-top: 80px; }

    .max-md-size .product-detail .product-detail-tabs {

      margin-top: 50px; }

    .max-xs-size .product-detail .product-detail-tabs {

      margin-top: 25px; }

    @media screen and (min-width: 768px) {

      .product-detail .product-detail-tabs .tabs-nav .tabs-nav-toggle {

        display: none; }

      .product-detail .product-detail-tabs .tabs-nav .tabs-nav-menu {

        display: block !important; }

      .product-detail .product-detail-tabs .tabs-nav ul {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex; }

        .product-detail .product-detail-tabs .tabs-nav ul li {

          -webkit-box-flex: 1;

          -ms-flex: 1;

          flex: 1;

          border-top: 1px solid #E3E3E3;

          border-bottom: 2px solid #000000; }

          .product-detail .product-detail-tabs .tabs-nav ul li:first-child {

            border-left: 1px solid #E3E3E3; }

          .product-detail .product-detail-tabs .tabs-nav ul li:last-child {

            border-right: 1px solid #E3E3E3; }

          .product-detail .product-detail-tabs .tabs-nav ul li 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;

            height: 55px;

            font-size: 16px;

            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; }

            .product-detail .product-detail-tabs .tabs-nav ul li a:hover {

              background-color: #53C3F1;

              color: #ffffff; }

          .product-detail .product-detail-tabs .tabs-nav ul li + li a::before {

            content: "";

            position: absolute;

            top: calc(50% - 0.5em);

            left: -0.5px;

            display: block;

            width: 1px;

            height: 1em;

            background-color: #E3E3E3; }

          .product-detail .product-detail-tabs .tabs-nav ul li.active {

            border: 2px solid #000000;

            border-bottom: none; }

            .product-detail .product-detail-tabs .tabs-nav ul li.active a {

              pointer-events: none; }

              .product-detail .product-detail-tabs .tabs-nav ul li.active a::before {

                opacity: 0; }

            .product-detail .product-detail-tabs .tabs-nav ul li.active + li a::before {

              opacity: 0; } }

    @media screen and (max-width: 767px) {

      .product-detail .product-detail-tabs .tabs-nav {

        font-size: 16px;

        line-height: 1; }

        .product-detail .product-detail-tabs .tabs-nav .tabs-nav-toggle {

          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: 15px;

          color: #ffffff;

          background-color: #1E1F1C; }

          .product-detail .product-detail-tabs .tabs-nav .tabs-nav-toggle::after {

            content: "";

            display: block;

            font-family: "icomoon" !important;

            speak: none;

            font-style: normal;

            font-weight: normal;

            font-variant: normal;

            text-transform: none;

            line-height: 1;

            -webkit-font-smoothing: antialiased;

            -moz-osx-font-smoothing: grayscale;

            font-size: 25px;

            line-height: 16px;

            -moz-transition: transform 0.3s ease;

            -o-transition: transform 0.3s ease;

            -webkit-transition: transform 0.3s ease;

            transition: transform 0.3s ease; }

          .product-detail .product-detail-tabs .tabs-nav .tabs-nav-toggle.menu-opened::after {

            -moz-transform: rotate(180deg);

            -o-transform: rotate(180deg);

            -ms-transform: rotate(180deg);

            -webkit-transform: rotate(180deg);

            transform: rotate(180deg); }

        .product-detail .product-detail-tabs .tabs-nav .tabs-nav-menu {

          display: none;

          border: 1px solid #E3E3E3;

          border-top: none; }

          .product-detail .product-detail-tabs .tabs-nav .tabs-nav-menu ul {

            padding: 0 15px; }

            .product-detail .product-detail-tabs .tabs-nav .tabs-nav-menu ul li + li {

              border-top: 1px solid #E3E3E3; }

            .product-detail .product-detail-tabs .tabs-nav .tabs-nav-menu ul li a {

              display: block;

              padding: 15px 0; }

            .product-detail .product-detail-tabs .tabs-nav .tabs-nav-menu ul li.active a {

              font-weight: 700; } }

    .product-detail .product-detail-tabs .tabs-wrapper {

      margin-top: 70px; }

      .max-md-size .product-detail .product-detail-tabs .tabs-wrapper {

        margin-top: 50px; }

      .max-xs-size .product-detail .product-detail-tabs .tabs-wrapper {

        margin-top: 25px; }

      .product-detail .product-detail-tabs .tabs-wrapper .tab-content {

        display: none;

        -webkit-animation: fadeEffect 1s;

        -moz-animation: fadeEffect 1s;

        -o-animation: fadeEffect 1s;

        -ms-animation: fadeEffect 1s;

        animation: fadeEffect 1s; }

        .product-detail .product-detail-tabs .tabs-wrapper .tab-content.active {

          display: block; }

        .product-detail .product-detail-tabs .tabs-wrapper .tab-content .tab-content-inner {

          max-width: 1200px;

          margin: 0 auto;

          line-height: 2; }

          .product-detail .product-detail-tabs .tabs-wrapper .tab-content .tab-content-inner:lang(en) {

            line-height: 1.75; }

          .max-md-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .tab-content-inner table {

            width: 100% !important; }

            .max-md-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .tab-content-inner table td {

              min-width: 5em !important; }

        .product-detail .product-detail-tabs .tabs-wrapper .tab-content .editor {

          max-width: 1100px;

          margin: 0 auto; }

        .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-head {

          text-align: center;

          line-height: 1.25; }

          .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-head .name {

            font-size: 28px;

            font-weight: 700; }

            .max-xs-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-head .name {

              font-size: 22px; }

          .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-head .brand {

            margin-top: 10px;

            font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

            font-size: 20px; }

            .max-xs-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-head .brand {

              font-size: 16px; }

        .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content {

          margin-top: 45px; }

          .max-xs-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content {

            margin-top: 25px; }

          .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content table {

            width: 100%;

            font-size: 16px;

            line-height: 2; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content table:lang(en) {

              line-height: 1.75; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content table td {

              padding: 10px 45px;

              border-bottom: 1px solid #E3E3E3; }

              .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content table td:first-child {

                width: 20%; }

              .max-md-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content table td {

                padding: 10px 20px; }

                .max-md-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content table td:first-child {

                  width: 25%; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-spec-content table tr:first-child td {

              border-top: 1px solid #E3E3E3; }

        .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head {

          position: relative;

          text-align: center; }

          .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .title {

            font-size: 28px;

            line-height: 1.25; }

          .min-md-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button {

            position: absolute;

            right: 0;

            bottom: 0; }

          .max-md-size .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button {

            margin-top: 25px; }

          .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button a {

            display: -webkit-inline-box;

            display: -webkit-inline-flex;

            display: -ms-inline-flexbox;

            display: inline-flex;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center;

            height: 1em; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button a i, .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button a span {

              display: block;

              -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; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button a i {

              width: 40px;

              height: 40px;

              font-size: 20px;

              line-height: 40px;

              background-color: #000000;

              border-radius: 50%;

              color: #ffffff;

              -moz-transition-property: background-color;

              -o-transition-property: background-color;

              -webkit-transition-property: background-color;

              transition-property: background-color; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button a span {

              margin-left: 10px;

              font-size: 16px;

              font-weight: 700;

              line-height: 1em;

              -moz-transition-property: color;

              -o-transition-property: color;

              -webkit-transition-property: color;

              transition-property: color; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button a:hover i {

              background-color: #53C3F1; }

            .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-head .button a:hover span {

              color: #53C3F1; }

        .product-detail .product-detail-tabs .tabs-wrapper .tab-content .product-faq-content {

          margin-top: 35px; }



.product-related {

  padding: 75px 0 90px;

  background-color: #F3F3F3; }

  .max-md-size .product-related {

    padding: 50px 0; }

  .max-xs-size .product-related {

    padding: 25px 0; }

  .product-related .product-related-content {

    margin-top: 25px; }

    .max-xs-size .product-related .product-related-content {

      margin-top: 10px; }

    .product-related .product-related-content .pdlist ul {

      margin: 0 auto;

      padding: 0;

      width: 100%;

      max-width: 1275px; }

      .product-related .product-related-content .pdlist ul .slick-list {

        width: 100%; }

      .max-bg-size.min-xs-size .product-related .product-related-content .pdlist ul {

        padding: 0 75px; }

      .max-xs-size .product-related .product-related-content .pdlist ul.has-arrows {

        padding-bottom: 50px; }

      .product-related .product-related-content .pdlist ul .pdlist-item {

        margin-top: 0; }

    .product-related .product-related-content .slick-arrow {

      position: absolute;

      z-index: 5;

      top: calc(50% - 25px);

      -moz-transition-property: color, background-color, border-color;

      -o-transition-property: color, background-color, border-color;

      -webkit-transition-property: color, background-color, border-color;

      transition-property: color, background-color, border-color; }

      .product-related .product-related-content .slick-arrow.slick-prev {

        left: -192.5px; }

      .product-related .product-related-content .slick-arrow.slick-next {

        right: -192.5px; }

      .max-xl2-size .product-related .product-related-content .slick-arrow.slick-prev {

        left: -50px; }

      .max-xl2-size .product-related .product-related-content .slick-arrow.slick-next {

        right: -50px; }

      .max-bg-size .product-related .product-related-content .slick-arrow.slick-prev {

        left: 0; }

      .max-bg-size .product-related .product-related-content .slick-arrow.slick-next {

        right: 0; }

      .max-xs-size .product-related .product-related-content .slick-arrow {

        top: auto;

        bottom: 0;

        width: 35px;

        height: 35px; }

        .max-xs-size .product-related .product-related-content .slick-arrow.slick-prev {

          left: calc(50% - 45px); }

        .max-xs-size .product-related .product-related-content .slick-arrow.slick-next {

          right: calc(50% - 45px); }

      .product-related .product-related-content .slick-arrow:hover {

        background-color: #53C3F1;

        border-color: #53C3F1;

        color: #ffffff; }



.product-search {

  background-color: #F3F3F3;

  padding-top: 85px; }

  .max-xs-size .product-search {

    padding-top: 65px; }

  .product-search .product-search-head {

    padding: 70px 0;

    text-align: center; }

    .product-search .product-search-head .title {

      font-size: 30px; }

    .product-search .product-search-head .items {

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-size: 15px; }

    .max-md-size .product-search .product-search-head {

      padding: 50px 0; }

      .max-md-size .product-search .product-search-head .title {

        font-size: 25px; }

    .max-xs-size .product-search .product-search-head {

      padding: 25px 0; }

      .max-xs-size .product-search .product-search-head .title {

        font-size: 20px; }

  .min-xl2-size .product-search .product-search-main .pdlist ul li {

    width: 20%; }

    .min-xl2-size .product-search .product-search-main .pdlist ul li:nth-child(-n+5) {

      margin-top: 0; }

  .max-xl2-size.min-lg-size .product-search .product-search-main .pdlist ul li {

    width: 25%; }

    .max-xl2-size.min-lg-size .product-search .product-search-main .pdlist ul li:nth-child(-n+4) {

      margin-top: 0; }

  .max-lg-size.min-md-size .product-search .product-search-main .pdlist ul li {

    width: calc(100%/3); }

    .max-lg-size.min-md-size .product-search .product-search-main .pdlist ul li:nth-child(-n+3) {

      margin-top: 0; }

  .max-md-size.min-xs-size .product-search .product-search-main .pdlist ul li {

    width: 50%; }

    .max-md-size.min-xs-size .product-search .product-search-main .pdlist ul li:nth-child(-n+2) {

      margin-top: 0; }

  .max-xs-size .product-search .product-search-main .pdlist ul li {

    width: 100%; }

    .max-xs-size .product-search .product-search-main .pdlist ul li:first-child {

      margin-top: 0; }



/* ------------------------------------------

 *  responsibility

 * ----------------------------------------- */

.responsibility-section .styled-head {

  text-align: center; }

  .responsibility-section .styled-head .sub {

    font-size: 18px;

    line-height: 1.25;

    letter-spacing: 0.05em; }

    .max-xs-size .responsibility-section .styled-head .sub {

      font-size: 16px; }

    .responsibility-section .styled-head .sub::before, .responsibility-section .styled-head .sub::after {

      content: "";

      display: inline-block;

      vertical-align: 0.35em;

      width: 15px;

      height: 1px;

      background-color: #959595; }

      .max-xs-size .responsibility-section .styled-head .sub::before, .max-xs-size .responsibility-section .styled-head .sub::after {

        display: none; }

    .responsibility-section .styled-head .sub::before {

      margin-right: 15px; }

    .responsibility-section .styled-head .sub::after {

      margin-left: 15px; }

  .responsibility-section .styled-head .title {

    margin-top: 15px;

    font-size: 32px;

    line-height: 1.5;

    letter-spacing: 0.05em; }

    .max-md-size .responsibility-section .styled-head .title {

      margin-top: 10px;

      font-size: 25px; }

    .max-xs-size .responsibility-section .styled-head .title {

      font-size: 20px; }

.min-lg-size .responsibility-section.intro .pic {

  margin-bottom: -175px; }

.responsibility-section.intro .desc {

  text-align: center; }

  .min-lg-size .responsibility-section.intro .desc {

    position: relative;

    margin: 0 auto;

    max-width: 910px;

    padding: 75px 90px;

    background-color: #ffffff; }

  .max-lg-size .responsibility-section.intro .desc {

    padding: 50px 0; }

  .max-xs-size .responsibility-section.intro .desc {

    padding: 25px 0; }

  .responsibility-section.intro .desc .desc-head {

    margin: 0 auto;

    max-width: 540px; }

  .responsibility-section.intro .desc .desc-content {

    margin-top: 25px;

    font-size: 16px;

    letter-spacing: 0.05em;

    line-height: 2; }

    .max-xs-size .responsibility-section.intro .desc .desc-content {

      margin-top: 15px;

      line-height: 1.75; }

.responsibility-section.goals {

  counter-reset: item; }

  .responsibility-section.goals .goal-item {

    position: relative; }

    .responsibility-section.goals .goal-item + .goal-item {

      margin-top: 105px; }

      .max-lg-size .responsibility-section.goals .goal-item + .goal-item {

        margin-top: 50px; }

      .max-xs-size .responsibility-section.goals .goal-item + .goal-item {

        margin-top: 0; }

    .min-lg-size .responsibility-section.goals .goal-item::before {

      content: "";

      position: absolute;

      top: 0;

      bottom: 0;

      display: block;

      background-color: #F3F3F3; }

    .responsibility-section.goals .goal-item .goal-item-inner {

      position: relative;

      z-index: 1;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex; }

      .responsibility-section.goals .goal-item .goal-item-inner:lang(zh-Hant) {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; }

      .responsibility-section.goals .goal-item .goal-item-inner:lang(en) {

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start; }

      .max-xs-size .responsibility-section.goals .goal-item .goal-item-inner {

        width: 100%; }

      .responsibility-section.goals .goal-item .goal-item-inner .pic {

        -webkit-flex-shrink: 0;

        -moz-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;

        padding: 60px 0; }

      .responsibility-section.goals .goal-item .goal-item-inner .desc {

        -webkit-box-flex: 1;

        -webkit-flex-grow: 1;

        -moz-flex-grow: 1;

        -ms-flex-positive: 1;

        flex-grow: 1; }

        .min-xl-size .responsibility-section.goals .goal-item .goal-item-inner .desc {

          padding: 135px 0 75px; }

        .max-xl-size.min-lg-size .responsibility-section.goals .goal-item .goal-item-inner .desc {

          padding: 50px 0; }

        .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head .title {

          font-size: 25px;

          line-height: 1.5;

          letter-spacing: 0.05em; }

          .max-xs-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head .title {

            font-size: 20px; }

        .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::before {

          display: block;

          margin-bottom: 10px;

          counter-increment: item;

          content: counter(item,decimal-leading-zero) ".";

          font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

          font-size: 50px;

          font-weight: 700;

          line-height: 1; }

          .max-sm-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::before {

            font-size: 35px; }

        .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::after {

          content: "";

          display: block;

          width: 25px;

          height: 1px;

          margin-top: 25px;

          background-color: #000000; }

          .max-xs-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::after {

            margin-top: 15px; }

        .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-content {

          margin-top: 25px;

          font-size: 16px;

          line-height: 2;

          letter-spacing: 0.05em; }

          .max-xs-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-content {

            margin-top: 15px; }

        .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects {

          margin-top: 35px; }

          .max-sm-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects {

            margin-top: 25px; }

          .min-md-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            margin: -15px; }

          .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center; }

            .min-md-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li {

              margin: 15px; }

              .min-md-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li:lang(zh-Hant) {

                max-width: 37.5%; }

            .max-md-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li + li {

              margin-top: 20px; }

            .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon {

              -webkit-flex-shrink: 0;

              -moz-flex-shrink: 0;

              -ms-flex-negative: 0;

              flex-shrink: 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: 80px;

              height: 80px;

              border: 1px solid #000000;

              border-radius: 50%; }

              .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon img {

                display: block;

                width: 50px; }

              .max-md-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon {

                width: 65px;

                height: 65px; }

                .max-md-size .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon img {

                  width: 40px; }

            .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li p {

              margin-left: 10px;

              font-size: 16px;

              line-height: 1.5; }

    .responsibility-section.goals .goal-item:nth-child(odd)::before {

      left: 20%;

      right: 0; }

    .min-xl-size .responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .pic {

      width: 825px; }

    .max-xl-size.min-lg-size .responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .pic {

      width: 50%; }

    .min-xl2-size .responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .desc {

      margin-left: 85px;

      padding-right: 125px; }

    .max-xl2-size.min-lg-size .responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .desc {

      margin-left: 50px; }

    .responsibility-section.goals .goal-item:nth-child(even)::before {

      left: 0;

      right: 20%; }

    .responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

      flex-direction: row-reverse; }

      .min-xl-size .responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .pic {

        width: 695px; }

      .max-xl-size.min-lg-size .responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .pic {

        width: 40%; }

      .min-xl2-size .responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .desc {

        margin-right: 105px;

        padding-left: 105px; }

      .max-xl2-size.min-lg-size .responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .desc {

        margin-right: 50px; }

    .responsibility-section.goals .goal-item.alt::before {

      top: 65px;

      right: 12.5%; }

      .max-xl-size .responsibility-section.goals .goal-item.alt::before {

        top: 50px; }

    .responsibility-section.goals .goal-item.alt .goal-item-inner {

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start; }

      .responsibility-section.goals .goal-item.alt .goal-item-inner .pic {

        padding-top: 0; }

        .min-xl-size .responsibility-section.goals .goal-item.alt .goal-item-inner .pic {

          padding-bottom: 80px; }

      .min-xl-size .responsibility-section.goals .goal-item.alt .goal-item-inner .desc {

        padding-top: 170px; }

      .max-xl-size.min-lg-size .responsibility-section.goals .goal-item.alt .goal-item-inner .desc {

        padding-top: 100px; }

    .max-lg-size .responsibility-section.goals .goal-item .goal-item-inner {

      -webkit-box-orient: vertical;

      -webkit-box-direction: reverse;

      -ms-flex-direction: column-reverse;

      flex-direction: column-reverse; }

      .max-lg-size .responsibility-section.goals .goal-item .goal-item-inner .pic {

        width: 100%;

        padding: 0; }

      .max-lg-size .responsibility-section.goals .goal-item .goal-item-inner .desc {

        padding: 50px;

        background-color: #F3F3F3; }

    .max-sm-size .responsibility-section.goals .goal-item .goal-item-inner .desc {

      padding: 25px; }

.responsibility-section.download .section-inner {

  padding: 90px 0 140px; }

  .max-bg-size .responsibility-section.download .section-inner {

    padding: 75px 0; }

  .max-md-size .responsibility-section.download .section-inner {

    padding: 50px 0; }

  .max-xs-size .responsibility-section.download .section-inner {

    padding: 25px 0; }

  .responsibility-section.download .section-inner .download-content {

    margin-top: 65px; }

    .max-md-size .responsibility-section.download .section-inner .download-content {

      margin-top: 50px; }

    .max-xs-size .responsibility-section.download .section-inner .download-content {

      margin-top: 25px; }

    .responsibility-section.download .section-inner .download-content .slick-slider {

      padding: 0 155px; }

      .max-xl-size .responsibility-section.download .section-inner .download-content .slick-slider {

        padding: 0 75px; }

      .max-sm-size .responsibility-section.download .section-inner .download-content .slick-slider {

        padding: 0; }

        .max-sm-size .responsibility-section.download .section-inner .download-content .slick-slider.has-arrows {

          padding-bottom: 50px; }

    .responsibility-section.download .section-inner .download-content .slick-arrow {

      position: absolute;

      z-index: 5;

      -moz-transition-property: color, background-color, border-color;

      -o-transition-property: color, background-color, border-color;

      -webkit-transition-property: color, background-color, border-color;

      transition-property: color, background-color, border-color; }

      .min-sm-size .responsibility-section.download .section-inner .download-content .slick-arrow {

        top: calc(50% - 25px); }

        .min-sm-size .responsibility-section.download .section-inner .download-content .slick-arrow.slick-prev {

          left: 0; }

        .min-sm-size .responsibility-section.download .section-inner .download-content .slick-arrow.slick-next {

          right: 0; }

      .max-sm-size .responsibility-section.download .section-inner .download-content .slick-arrow {

        width: 35px;

        height: 35px;

        bottom: 0; }

        .max-sm-size .responsibility-section.download .section-inner .download-content .slick-arrow.slick-prev {

          left: calc(50% - 40px); }

        .max-sm-size .responsibility-section.download .section-inner .download-content .slick-arrow.slick-next {

          right: calc(50% - 40px); }

      .responsibility-section.download .section-inner .download-content .slick-arrow:hover {

        color: #ffffff;

        background-color: #53C3F1;

        border-color: #53C3F1; }

    .responsibility-section.download .section-inner .download-content .slick-slide {

      padding: 0 37.5px; }

      .max-bg-size .responsibility-section.download .section-inner .download-content .slick-slide {

        padding: 0 25px; }

      .max-xs-size .responsibility-section.download .section-inner .download-content .slick-slide {

        padding: 0 10px; }

      .responsibility-section.download .section-inner .download-content .slick-slide a {

        display: block;

        -moz-transition-property: opacity;

        -o-transition-property: opacity;

        -webkit-transition-property: opacity;

        transition-property: opacity; }

        .responsibility-section.download .section-inner .download-content .slick-slide a:hover {

          opacity: 0.7; }

      .responsibility-section.download .section-inner .download-content .slick-slide .caption {

        margin-top: 15px;

        font-size: 16px;

        text-align: center; }

.responsibility-section.team .section-inner .team-head, .responsibility-section.report .section-inner .report-head {

  text-align: center; }

  .responsibility-section.team .section-inner .team-head .title, .responsibility-section.report .section-inner .report-head .title {

    font-size: 32px;

    line-height: 1.25; }

    .max-sm-size .responsibility-section.team .section-inner .team-head .title, .max-sm-size .responsibility-section.report .section-inner .report-head .title {

      font-size: 25px; }

    .max-xs-size .responsibility-section.team .section-inner .team-head .title, .max-xs-size .responsibility-section.report .section-inner .report-head .title {

      font-size: 22px; }

  .responsibility-section.team .section-inner .team-head + div, .responsibility-section.report .section-inner .report-head + div {

    margin-top: 45px; }

    .max-xs-size .responsibility-section.team .section-inner .team-head + div, .max-xs-size .responsibility-section.report .section-inner .report-head + div {

      margin-top: 25px; }

.responsibility-section.team .section-inner {

  padding: 85px 50px 105px;

  background-color: #F3F3F3; }

  .max-bg-size .responsibility-section.team .section-inner {

    padding: 75px 50px; }

  .max-lg-size .responsibility-section.team .section-inner {

    width: 100%; }

  .max-md-size .responsibility-section.team .section-inner {

    padding: 50px; }

  .max-sm-size .responsibility-section.team .section-inner {

    padding: 50px 25px; }

  .max-xs-size .responsibility-section.team .section-inner {

    padding: 25px; }

  .responsibility-section.team .section-inner .team-content .dendrogram {

    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; }

    .responsibility-section.team .section-inner .team-content .dendrogram .nametag .nametag-inner {

      width: 175px;

      padding: 12.5px 15px 10px;

      border-radius: 7.5px;

      border-bottom-style: solid;

      border-bottom-width: 4px;

      color: #ffffff;

      font-size: 16px;

      text-align: center;

      line-height: 1; }

      .responsibility-section.team .section-inner .team-content .dendrogram .nametag .nametag-inner .name {

        margin-top: 7.5px;

        font-weight: 700; }

    .responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner {

      min-height: calc(100% - 40px);

      background-color: #ffffff;

      padding: 25px 15px;

      border: 2px solid #53C3F1;

      border-bottom-width: 4px;

      border-radius: 10px;

      font-size: 16px;

      font-weight: 700;

      color: #53C3F1; }

      .max-xs-size .responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner {

        padding: 15px; }

      .responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner ul {

        list-style-type: none;

        padding-left: 1em; }

        .responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner ul li::before {

          content: "-";

          display: inline-block;

          width: 1em;

          margin-left: -1em; }

        .responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner ul li + li {

          margin-top: 0.75em; }

    .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1)::after, .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3)::before {

      content: "";

      display: block;

      margin: 0 auto;

      width: 1px;

      height: 65px;

      background-color: #53C3F1; }

      .max-sm-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1)::after, .max-sm-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3)::before {

        height: 45px; }

      .max-xs-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1)::after, .max-xs-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3)::before {

        height: 25px; }

    .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1) .nametag .nametag-inner {

      background-color: #333333;

      border-bottom-color: #000000; }

    .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      border-right: 1px solid #53C3F1; }

      .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag .nametag-inner {

        background-color: #1D2089;

        border-bottom-color: #101149; }

      .min-sm-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag {

        margin-left: -220px; }

      .min-xs-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag::after {

        content: "";

        display: block;

        width: 45px;

        height: 1px;

        background-color: #53C3F1; }

      .max-sm-size.min-xs-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag {

        margin-left: -200px; }

        .max-sm-size.min-xs-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag::after {

          width: 25px; }

    .max-bg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) {

      width: 100%; }

    .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > 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;

      overflow: hidden; }

      .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul::before {

        content: "";

        position: absolute;

        top: 0;

        left: 75px;

        right: 75px;

        display: block;

        height: 1px;

        background-color: #53C3F1; }

      .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > 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; }

        .min-bg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li + li {

          margin-left: 35px; }

        .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li {

          -webkit-box-orient: horizontal;

          -webkit-box-direction: normal;

          -ms-flex-direction: row;

          flex-direction: row;

          position: relative; }

          .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li + li {

            margin-top: 25px; }

          .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li::before {

            content: "";

            position: absolute;

            top: -25px;

            left: calc(50% - 0.5px);

            display: block;

            width: 1px;

            height: 25px;

            background-color: #53C3F1; }

      .max-bg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between; }

      .max-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul::before {

        left: 65px;

        right: 65px; }

      .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column; }

        .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul::before {

          display: none; }

    .min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag::before, .min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile::before {

      content: "";

      display: block;

      margin: 0 auto;

      width: 1px;

      height: 40px;

      background-color: #53C3F1; }

    .min-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner, .min-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .profile-inner, .min-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .nametag-inner, .min-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      width: 150px; }

    .max-lg-size.min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner, .max-lg-size.min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .profile-inner, .max-lg-size.min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .nametag-inner, .max-lg-size.min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      width: 130px; }

    .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner, .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .profile-inner, .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .nametag-inner, .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      border-radius: 0; }

    .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner {

      background-color: #53C3F1;

      border-bottom-color: #129BD3; }

    .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag {

      -webkit-flex-shrink: 0;

      -moz-flex-shrink: 0;

      -ms-flex-negative: 0;

      flex-shrink: 0; }

      .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner {

        width: 150px;

        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: 100%;

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px; }

    .max-xs-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner {

      width: 100px; }

    .min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      height: 200px; }

    .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile {

      -webkit-box-flex: 1;

      -webkit-flex-grow: 1;

      -moz-flex-grow: 1;

      -ms-flex-positive: 1;

      flex-grow: 1; }

      .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

        border-left: none;

        border-top-right-radius: 5px;

        border-bottom-right-radius: 5px; }

.responsibility-section.report .section-inner {

  padding: 115px 0 140px; }

  .max-bg-size .responsibility-section.report .section-inner {

    padding: 75px 0; }

  .max-md-size .responsibility-section.report .section-inner {

    padding: 50px 0; }

  .max-xs-size .responsibility-section.report .section-inner {

    padding: 25px 0; }

  .responsibility-section.report .section-inner .report-content .download-table td:first-child, .responsibility-section.report .section-inner .report-content .download-table td:last-child, .responsibility-section.report .section-inner .report-content .download-table th:first-child, .responsibility-section.report .section-inner .report-content .download-table th:last-child {

    width: 25%; }



/* ------------------------------------------

 *  stakeholders

 * ----------------------------------------- */

.min-sm-size .stakeholders-section.relationship .section-inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center; }

.min-lg-size .stakeholders-section.relationship .section-inner {

  padding: 85px 0 25px; }

.stakeholders-section.relationship .relationship-circle {

  position: relative; }

  .stakeholders-section.relationship .relationship-circle .circle-floor img {

    display: block; }

  .stakeholders-section.relationship .relationship-circle .circle-main .circle-title {

    position: absolute;

    top: 50%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    line-height: 1; }

    .max-sm-size .stakeholders-section.relationship .relationship-circle .circle-main .circle-title {

      top: calc(50vw - 25px); }

    .stakeholders-section.relationship .relationship-circle .circle-main .circle-title > p + p {

      margin-top: 10px; }

    .stakeholders-section.relationship .relationship-circle .circle-main .circle-title .en {

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      font-size: 30px;

      font-weight: 700;

      color: #419CBE; }

      .max-xs-size .stakeholders-section.relationship .relationship-circle .circle-main .circle-title .en {

        font-size: 20px; }

    .stakeholders-section.relationship .relationship-circle .circle-main .circle-title .zh {

      font-size: 28px; }

      .max-xs-size .stakeholders-section.relationship .relationship-circle .circle-main .circle-title .zh {

        font-size: 22px; }

  @media screen and (min-width: 768px) {

    .stakeholders-section.relationship .relationship-circle {

      width: 600px;

      height: 600px; }

      .max-lg-size .stakeholders-section.relationship .relationship-circle {

        -moz-transform: scale(0.8);

        -o-transform: scale(0.8);

        -ms-transform: scale(0.8);

        -webkit-transform: scale(0.8);

        transform: scale(0.8); }

      .stakeholders-section.relationship .relationship-circle .circle-floor ul {

        display: none; }

      .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li {

        position: absolute;

        width: 80px;

        text-align: center; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:lang(en) {

          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; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .icon {

          display: inline-block;

          vertical-align: top; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .icon img {

            display: block; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .title {

          margin-top: 10px;

          font-size: 20px;

          font-weight: 700;

          line-height: 1;

          color: #ffffff; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .title:lang(en) {

            font-size: 17px; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add {

          position: absolute;

          display: -webkit-box;

          display: -webkit-flex;

          display: -ms-flexbox;

          display: flex; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add span {

            display: block; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .text {

            font-size: 20px;

            line-height: 1; }

            .max-md-size .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .text {

              width: 100px; }

            .min-md-size .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .text:lang(zh-Hant) {

              white-space: nowrap; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .text:lang(en) {

              font-size: 16px;

              width: 10em; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .line {

            position: relative;

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center;

            width: 45px;

            height: 1px;

            background-color: #E3E3E3; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .line::before, .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .line::after {

              content: "";

              display: block;

              background-color: #E3E3E3; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .line::before {

              width: 6px;

              height: 6px;

              border-radius: 50%; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li .add .line::after {

              position: absolute;

              height: 1px; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(1) {

          top: 40px;

          left: calc(50% - 40px); }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(1) .add {

            -webkit-box-align: start;

            -ms-flex-align: start;

            align-items: flex-start;

            top: -90px;

            left: 75px; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(1) .add .text {

              margin-left: 10px; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(1) .add .line {

              -webkit-box-orient: horizontal;

              -webkit-box-direction: reverse;

              -ms-flex-direction: row-reverse;

              flex-direction: row-reverse;

              width: 25px;

              margin-top: 9px; }

              .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(1) .add .line::after {

                top: 0px;

                right: 100%;

                width: 50px;

                -moz-transform-origin: top right;

                -o-transform-origin: top right;

                -ms-transform-origin: top right;

                -webkit-transform-origin: top right;

                transform-origin: top right;

                -moz-transform: rotate(300deg);

                -o-transform: rotate(300deg);

                -ms-transform: rotate(300deg);

                -webkit-transform: rotate(300deg);

                transform: rotate(300deg); }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(2), .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(5) {

          bottom: 325px; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(2) .add, .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(5) .add {

            bottom: 20px;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(2) {

          right: 40px; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(2) .add {

            left: calc(100% + 28px); }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(2) .add .text {

              margin-left: 10px; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(2) .add .line {

              -webkit-box-orient: horizontal;

              -webkit-box-direction: reverse;

              -ms-flex-direction: row-reverse;

              flex-direction: row-reverse; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(5) {

          left: 40px; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(5) .add {

            right: calc(100% + 33px);

            -webkit-box-orient: horizontal;

            -webkit-box-direction: reverse;

            -ms-flex-direction: row-reverse;

            flex-direction: row-reverse; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(5) .add .text {

              margin-right: 10px; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3), .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) {

          bottom: 80px; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) .add, .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) .add {

            bottom: -80px;

            -webkit-box-align: end;

            -ms-flex-align: end;

            align-items: flex-end; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) .add .line, .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) .add .line {

              width: 25px;

              margin-bottom: 10px; }

              .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) .add .line::after, .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) .add .line::after {

                width: 50px;

                bottom: 0; }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) {

          right: 125px; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) .add {

            left: calc(100% + 3px); }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) .add .text {

              margin-left: 10px; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) .add .line {

              -webkit-box-orient: horizontal;

              -webkit-box-direction: reverse;

              -ms-flex-direction: row-reverse;

              flex-direction: row-reverse; }

              .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(3) .add .line::after {

                right: 25px;

                -moz-transform-origin: center right;

                -o-transform-origin: center right;

                -ms-transform-origin: center right;

                -webkit-transform-origin: center right;

                transform-origin: center right;

                -moz-transform: rotate(60deg);

                -o-transform: rotate(60deg);

                -ms-transform: rotate(60deg);

                -webkit-transform: rotate(60deg);

                transform: rotate(60deg); }

        .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) {

          left: 125px; }

          .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) .add {

            right: calc(100% + 9px);

            -webkit-box-orient: horizontal;

            -webkit-box-direction: reverse;

            -ms-flex-direction: row-reverse;

            flex-direction: row-reverse; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) .add .text {

              margin-right: 10px; }

            .stakeholders-section.relationship .relationship-circle .circle-main .circle-items li:nth-child(4) .add .line::after {

              left: 25px;

              -moz-transform-origin: center left;

              -o-transform-origin: center left;

              -ms-transform-origin: center left;

              -webkit-transform-origin: center left;

              transform-origin: center left;

              -moz-transform: rotate(-60deg);

              -o-transform: rotate(-60deg);

              -ms-transform: rotate(-60deg);

              -webkit-transform: rotate(-60deg);

              transform: rotate(-60deg); } }

  @media screen and (max-width: 767px) {

    .stakeholders-section.relationship .relationship-circle .circle-floor {

      position: relative; }

      .stakeholders-section.relationship .relationship-circle .circle-floor ul li {

        position: absolute;

        color: #ffffff;

        font-size: 18px;

        font-weight: 700;

        line-height: 1; }

        .stakeholders-section.relationship .relationship-circle .circle-floor ul li:nth-child(1) {

          top: 10%;

          left: 50%;

          transform: translateX(-50%); }

        .stakeholders-section.relationship .relationship-circle .circle-floor ul li:nth-child(2) {

          top: 40%;

          right: 10%; }

        .stakeholders-section.relationship .relationship-circle .circle-floor ul li:nth-child(3) {

          bottom: 17.5%;

          right: 20%; }

        .stakeholders-section.relationship .relationship-circle .circle-floor ul li:nth-child(4) {

          bottom: 17.5%;

          left: 20%; }

        .stakeholders-section.relationship .relationship-circle .circle-floor ul li:nth-child(5) {

          top: 40%;

          left: 10%; }

    .stakeholders-section.relationship .relationship-circle .circle-main .circle-items {

      display: none; } }

.stakeholders-section.profiles {

  counter-reset: circle-items; }

  .stakeholders-section.profiles .section-inner {

    padding: 100px 0; }

    .max-bg-size .stakeholders-section.profiles .section-inner {

      padding: 70px 0; }

    .max-md-size .stakeholders-section.profiles .section-inner {

      padding: 50px 0; }

    .max-xs-size .stakeholders-section.profiles .section-inner {

      padding: 25px 0; }

  .stakeholders-section.profiles .profile:nth-child(1) .profile-head {

    background-color: #419CBE; }

  .stakeholders-section.profiles .profile:nth-child(2) .profile-head {

    background-color: #48C6C5; }

  .stakeholders-section.profiles .profile:nth-child(3) .profile-head {

    background-color: #88CD43; }

  .stakeholders-section.profiles .profile:nth-child(4) .profile-head {

    background-color: #66C6EE; }

  .stakeholders-section.profiles .profile:nth-child(5) .profile-head {

    background-color: #3ED288; }

  .stakeholders-section.profiles .profile:nth-child(6) .profile-head {

    background-color: #53C3F1; }

  .min-sm-size .stakeholders-section.profiles .profile .profile-head {

    display: none; }

  .max-sm-size .stakeholders-section.profiles .profile .profile-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-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 50px;

    border-radius: 10px;

    color: #ffffff;

    margin-bottom: 5px; }

    .max-sm-size .stakeholders-section.profiles .profile .profile-head .title {

      margin-top: 15px;

      font-size: 20px;

      font-weight: 700;

      line-height: 1; }

      .max-sm-size .stakeholders-section.profiles .profile .profile-head .title::before {

        content: counter(circle-items,decimal-leading-zero) ".";

        counter-increment: circle-items; }

    .max-sm-size .stakeholders-section.profiles .profile .profile-head .add {

      margin-top: 10px;

      font-size: 18px; }

  .stakeholders-section.profiles .profile .profile-inner {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-color: #F3F3F3;

    padding: 90px 75px; }

    .max-xl-size .stakeholders-section.profiles .profile .profile-inner {

      padding: 75px 50px; }

    .max-md-size .stakeholders-section.profiles .profile .profile-inner {

      padding: 50px;

      -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; }

    .max-xs-size .stakeholders-section.profiles .profile .profile-inner {

      padding: 25px; }

  .stakeholders-section.profiles .profile + .profile {

    margin-top: 1px; }

    .max-sm-size .stakeholders-section.profiles .profile + .profile {

      margin-top: 15px; }

  .stakeholders-section.profiles .profile .profile-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: 200px;

    height: 200px;

    background-color: #ffffff;

    border-radius: 50%; }

    .stakeholders-section.profiles .profile .profile-icon img {

      display: block; }

    .max-xl-size .stakeholders-section.profiles .profile .profile-icon {

      width: 150px;

      height: 150px; }

  .min-xl-size .stakeholders-section.profiles .profile .profile-txt {

    width: calc(100% - 250px); }

  .max-xl-size.min-md-size .stakeholders-section.profiles .profile .profile-txt {

    width: calc(100% - 200px); }

  .max-md-size .stakeholders-section.profiles .profile .profile-txt {

    width: 100%;

    margin-top: 50px; }

  .stakeholders-section.profiles .profile .profile-txt .title {

    margin-bottom: 25px;

    font-size: 22px;

    line-height: 1.25;

    border-bottom: 3px solid #000; }

    .stakeholders-section.profiles .profile .profile-txt .title .title-txt {

      position: relative;

      display: inline-block;

      padding-bottom: 25px; }

      .stakeholders-section.profiles .profile .profile-txt .title .title-txt::after {

        content: "";

        position: absolute;

        left: 0;

        bottom: -3px;

        display: block;

        width: 100%;

        height: 3px;

        background-color: #53C3F1; }

    .max-xs-size .stakeholders-section.profiles .profile .profile-txt .title {

      font-size: 20px;

      margin-bottom: 20px; }

      .max-xs-size .stakeholders-section.profiles .profile .profile-txt .title .title-txt {

        padding-bottom: 20px; }

  .min-lg-size .stakeholders-section.profiles .profile .profile-txt {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-left: -25px;

    margin-right: -25px; }

    .min-lg-size .stakeholders-section.profiles .profile .profile-txt > div {

      margin-left: 25px;

      margin-right: 25px; }

  .min-xl-size .stakeholders-section.profiles .profile .profile-txt > div {

    width: calc(100%/3); }

  .max-xl-size.min-lg-size .stakeholders-section.profiles .profile .profile-txt {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    .max-xl-size.min-lg-size .stakeholders-section.profiles .profile .profile-txt > div {

      width: calc(50% - 50px); }

      .max-xl-size.min-lg-size .stakeholders-section.profiles .profile .profile-txt > div:first-child {

        width: 100%;

        margin-bottom: 50px; }

  .max-lg-size .stakeholders-section.profiles .profile .profile-txt > div + div {

    margin-top: 50px; }

  .stakeholders-section.profiles .profile .profile-txt .editor-style {

    font-size: 16px;

    line-height: 2;

    letter-spacing: 0.05em; }

    .max-xs-size .stakeholders-section.profiles .profile .profile-txt .editor-style {

      line-height: 1.75; }

    .stakeholders-section.profiles .profile .profile-txt .editor-style:lang(zh-hant) ol, .stakeholders-section.profiles .profile .profile-txt .editor-style:lang(zh-hans) ol {

      counter-reset: list;

      margin-left: 0;

      padding-left: 2em; }

      .stakeholders-section.profiles .profile .profile-txt .editor-style:lang(zh-hant) ol li, .stakeholders-section.profiles .profile .profile-txt .editor-style:lang(zh-hans) ol li {

        list-style: none;

        counter-increment: list; }

        .stakeholders-section.profiles .profile .profile-txt .editor-style:lang(zh-hant) ol li::before, .stakeholders-section.profiles .profile .profile-txt .editor-style:lang(zh-hans) ol li::before {

          display: inline-block;

          width: 2em;

          margin-left: -2em;

          content: "(" counter(list,cjk-ideographic) ") "; }

  .stakeholders-section.profiles .profile .profile-section > div + div {

    margin-top: 20px; }

    .max-xs-size .stakeholders-section.profiles .profile .profile-section > div + div {

      margin-top: 15px; }

  .stakeholders-section.profiles .profile .profile-section .download ul {

    margin-top: -15px; }

    .stakeholders-section.profiles .profile .profile-section .download ul li {

      display: inline-block;

      vertical-align: top;

      margin: 15px 30px 0 0; }

      .stakeholders-section.profiles .profile .profile-section .download ul li a {

        display: block;

        -moz-transition-property: color;

        -o-transition-property: color;

        -webkit-transition-property: color;

        transition-property: color; }

        .stakeholders-section.profiles .profile .profile-section .download ul li a:hover {

          color: #1D2089; }

      .stakeholders-section.profiles .profile .profile-section .download ul li img {

        display: inline-block;

        vertical-align: top;

        margin-right: 10px; }

  .min-bg-size .stakeholders-section.profiles .profile .profile-info {

    width: 435px; }

  .max-bg-size .stakeholders-section.profiles .profile .profile-info {

    width: 375px; }

  .max-lg-size .stakeholders-section.profiles .profile .profile-info {

    width: 100%;

    margin-top: 50px; }

  .max-xs-size .stakeholders-section.profiles .profile .profile-info {

    margin-top: 25px; }

  .stakeholders-section.profiles .profile .profile-info table {

    width: 100%;

    font-size: 15px;

    letter-spacing: 0.05em;

    line-height: 1.5; }

    .stakeholders-section.profiles .profile .profile-info table a {

      -moz-transition-property: color;

      -o-transition-property: color;

      -webkit-transition-property: color;

      transition-property: color; }

      .stakeholders-section.profiles .profile .profile-info table a:hover {

        color: #1D2089; }

    .stakeholders-section.profiles .profile .profile-info table tr td:first-child {

      font-weight: 700; }

    .min-xs-size .stakeholders-section.profiles .profile .profile-info table tr td {

      padding: 10px;

      border-bottom: 1px solid #E3E3E3; }

      .min-xs-size .stakeholders-section.profiles .profile .profile-info table tr td:first-child {

        width: 100px; }

    .max-xs-size .stakeholders-section.profiles .profile .profile-info table tr, .max-xs-size .stakeholders-section.profiles .profile .profile-info table td {

      display: block; }

    .max-xs-size .stakeholders-section.profiles .profile .profile-info table tr {

      border-bottom: 1px solid #E3E3E3;

      padding: 10px 0; }

      .max-xs-size .stakeholders-section.profiles .profile .profile-info table tr:first-child {

        padding-top: 5px; }



/* ------------------------------------------

 *  investor

 * ----------------------------------------- */

#investors .page-body {

  padding-bottom: 90px; }

  .max-md-size #investors .page-body {

    padding-bottom: 50px; }

  .max-xs-size #investors .page-body {

    padding-bottom: 25px; }

  #investors .page-body.bottom-0 {

    padding-bottom: 0; }

#investors .pagination {

  margin-top: 90px; }

  .max-lg-size #investors .pagination {

    margin-top: 75px; }

  .max-md-size #investors .pagination {

    margin-top: 50px; }

  .max-xs-szie #investors .pagination {

    margin-top: 25px; }



.investors-team .investors-team-main {

  padding: 25px 0 90px; }

  .max-bg-size .investors-team .investors-team-main {

    padding: 25px 0 75px; }

  .max-md-size .investors-team .investors-team-main {

    padding: 25px 0 50px; }

  .max-xs-size .investors-team .investors-team-main {

    padding: 25px 0; }

.investors-team .dendrogram {

  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; }

  .investors-team .dendrogram .nametag {

    position: relative; }

    .investors-team .dendrogram .nametag .nametag-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;

      width: 125px;

      height: 69px;

      padding: 0 10px;

      border-bottom-width: 4px;

      border-bottom-style: solid;

      border-radius: 7.5px;

      font-size: 16px;

      text-align: center;

      color: #ffffff; }

    .investors-team .dendrogram .nametag.dark .nametag-inner {

      background-color: #333333;

      border-bottom-color: #000000; }

    .investors-team .dendrogram .nametag.dark-blue .nametag-inner {

      background-color: #1D2089;

      border-bottom-color: #101149; }

    .investors-team .dendrogram .nametag.light-blue .nametag-inner {

      background-color: #53C3F1;

      border-bottom-color: #129BD2; }

    .investors-team .dendrogram .nametag.white .nametag-inner {

      background-color: #ffffff;

      border: 2px solid #53C3F1;

      border-bottom-width: 4px;

      font-weight: 700;

      color: #53C3F1; }

    .investors-team .dendrogram .nametag.auto-height .nametag-inner {

      width: 175px !important;

      height: auto !important;

      padding: 20px 10px;

      line-height: 2; }

  .investors-team .dendrogram > li {

    position: relative; }

    .investors-team .dendrogram > li ul.side {

      position: absolute;

      top: 35px;

      left: 100%;

      padding-left: 80px;

      -moz-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -webkit-transform: translateY(-50%);

      transform: translateY(-50%); }

      .investors-team .dendrogram > li ul.side > li + li {

        margin-top: 10px; }

      .investors-team .dendrogram > li ul.side::before, .investors-team .dendrogram > li ul.side::after {

        content: "";

        position: absolute;

        display: block;

        background-color: #53C3F1; }

      .investors-team .dendrogram > li ul.side::before {

        top: calc(50% - 0.5px);

        left: 0;

        width: 80px;

        height: 1px; }

      .investors-team .dendrogram > li ul.side::after {

        top: 34.5px;

        bottom: 34.5px;

        left: 80px;

        display: block;

        width: 1px; }

      .investors-team .dendrogram > li ul.side .nametag {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; }

        .investors-team .dendrogram > li ul.side .nametag::before {

          content: "";

          display: block;

          width: 40px;

          height: 1px;

          background-color: #53C3F1; }

  @media screen and (min-width: 992px) {

    .investors-team .dendrogram .nametag.line-before::before, .investors-team .dendrogram .nametag.line-after::after {

      content: "";

      display: block;

      width: 1px;

      height: 35px;

      margin: 0 auto;

      background-color: #53C3F1; }

    .investors-team .dendrogram .nametag.line-before-short::before, .investors-team .dendrogram .nametag.line-after-short::after {

      height: 10px; }

    .investors-team .dendrogram .nametag.line-before-long::before, .investors-team .dendrogram .nametag.line-after-long::after {

      height: 150px; }

    .max-bg-size .investors-team .dendrogram > li ul .nametag .nametag-inner {

      width: 105px; }

    .investors-team .dendrogram > li ul.sub {

      position: relative;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center; }

      .investors-team .dendrogram > li ul.sub::before {

        content: "";

        position: absolute;

        top: 0;

        left: 62.5px;

        right: 62.5px;

        display: block;

        height: 1px;

        background-color: #53C3F1; }

        .max-bg-size .investors-team .dendrogram > li ul.sub::before {

          left: 52.5px;

          right: 52.5px; }

      .investors-team .dendrogram > li ul.sub > 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; }

        .investors-team .dendrogram > li ul.sub > li + li {

          margin-left: 30px; }

          .max-xl-size .investors-team .dendrogram > li ul.sub > li + li {

            margin-left: 10px; }

    .investors-team .dendrogram > li > ul.sub::before {

      right: 87.5px !important; }

    .investors-team .dendrogram > li > ul.sub ul.sub {

      margin: 0 -176px; }

      .max-xl-size .investors-team .dendrogram > li > ul.sub ul.sub {

        margin: 0 -163px; }

      .max-bg-size .investors-team .dendrogram > li > ul.sub ul.sub {

        margin: 0 -200px; }

      .investors-team .dendrogram > li > ul.sub ul.sub > li + li {

        margin-left: 20px; }

        .max-xl-size .investors-team .dendrogram > li > ul.sub ul.sub > li + li {

          margin-left: 10px; }

    .max-lg-size .investors-team .dendrogram > li > ul.sub .line-before-long {

      margin: 0 -50px; } }

  @media screen and (max-width: 991px) {

    .investors-team .dendrogram {

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start; }

      .min-xs-size .investors-team .dendrogram li {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; }

      .investors-team .dendrogram li .side {

        margin-right: -175px; }

      .investors-team .dendrogram > li > .nametag::after {

        content: "";

        display: block;

        width: 1px;

        height: 35px;

        margin: 0 auto;

        background-color: #53C3F1; }

      .investors-team .dendrogram > li > ul.side {

        padding-left: 25px; }

        .investors-team .dendrogram > li > ul.side::before {

          width: 25px; }

        .investors-team .dendrogram > li > ul.side::after {

          left: 25px; }

      .investors-team .dendrogram > li ul.sub {

        position: relative; }

        .investors-team .dendrogram > li ul.sub::before {

          content: "";

          position: absolute;

          display: block;

          width: 1px;

          background-color: #53C3F1; }

        .investors-team .dendrogram > li ul.sub > li + li {

          margin-top: 10px; }

        .investors-team .dendrogram > li ul.sub > li .nametag {

          display: -webkit-box;

          display: -webkit-flex;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center; }

          .investors-team .dendrogram > li ul.sub > li .nametag::before {

            content: "";

            display: block;

            width: 25px;

            height: 1px;

            background-color: #53C3F1; }

          .investors-team .dendrogram > li ul.sub > li .nametag.line-before-short::before {

            width: 10px; }

      .investors-team .dendrogram > li > ul.sub {

        padding-left: 62px; }

        .investors-team .dendrogram > li > ul.sub::before {

          top: 0;

          bottom: 86.5px; }

        .min-sm-size .investors-team .dendrogram > li > ul.sub ul.sub::before {

          top: 34.5px;

          bottom: 34.5px; }

        .min-xs-size .investors-team .dendrogram > li > ul.sub ul.sub {

          padding-left: 25px; }

          .min-xs-size .investors-team .dendrogram > li > ul.sub ul.sub::after {

            content: "";

            position: absolute;

            top: calc(50% - 0.5px);

            left: 0;

            display: block;

            width: 25px;

            height: 1px;

            background-color: #53C3F1; }

      .max-sm-size .investors-team .dendrogram .nametag .nametag-inner {

        width: 100px;

        height: 60px;

        padding: 0 5px; }

      .max-sm-size .investors-team .dendrogram .nametag.auto-height .nametag-inner {

        padding: 10px 5px; }

      .max-sm-size .investors-team .dendrogram > li > ul.sub {

        padding-left: 49.5px; }

        .max-sm-size .investors-team .dendrogram > li > ul.sub::before {

          bottom: 77px; }

        .max-sm-size .investors-team .dendrogram > li > ul.sub ul.sub::before {

          top: 30px;

          bottom: 30px; }

      .max-sm-size .investors-team .dendrogram > li > ul.side {

        top: 30px; }

        .max-sm-size .investors-team .dendrogram > li > ul.side::after {

          top: 30px;

          bottom: 30px; }

      .max-xs-size .investors-team .dendrogram > li > .nametag .nametag-inner {

        width: 125px; }

      .max-xs-size .investors-team .dendrogram > li > .nametag::after {

        margin: 0 0 0 10px;

        height: 20px; }

      .max-xs-size .investors-team .dendrogram > li > ul.side .nametag::before {

        width: 15px; }

      .max-xs-size .investors-team .dendrogram > li > ul.sub {

        padding-left: 10px; }

        .max-xs-size .investors-team .dendrogram > li > ul.sub > 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: start;

          -ms-flex-align: start;

          align-items: flex-start; }

          .max-xs-size .investors-team .dendrogram > li > ul.sub > li > .nametag .nametag-inner {

            width: 125px; }

          .max-xs-size .investors-team .dendrogram > li > ul.sub > li > .nametag:not(:first-child) {

            -webkit-box-orient: vertical;

            -webkit-box-direction: normal;

            -ms-flex-direction: column;

            flex-direction: column;

            padding-left: 25px; }

            .max-xs-size .investors-team .dendrogram > li > ul.sub > li > .nametag:not(:first-child)::before {

              width: 1px;

              height: 20px;

              margin: 0 auto; }

          .max-xs-size .investors-team .dendrogram > li > ul.sub > li > .nametag.line-before-short::before {

            height: 10px; }

        .max-xs-size .investors-team .dendrogram > li > ul.sub ul.sub {

          padding: 10px 0 0 35px; }

          .max-xs-size .investors-team .dendrogram > li > ul.sub ul.sub::before {

            content: "";

            position: absolute;

            top: 0;

            display: block;

            width: 1px;

            background-color: #53C3F1; }

          .max-xs-size .investors-team .dendrogram > li > ul.sub ul.sub > li {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center; }

          .max-xs-size .investors-team .dendrogram > li > ul.sub ul.sub .nametag .nametag-inner {

            font-size: 15px; } }

.investors-team .investors-team-download {

  background-color: #F3F3F3; }

  .investors-team .investors-team-download .container {

    padding: 35px 0;

    text-align: center; }

    .max-xs-size .investors-team .investors-team-download .container {

      padding: 25px 0; }

    .investors-team .investors-team-download .container a {

      display: inline-block;

      vertical-align: top;

      line-height: 1; }

      .investors-team .investors-team-download .container a img {

        display: inline-block;

        margin-right: 10px;

        vertical-align: -7px; }

      .investors-team .investors-team-download .container a:hover {

        color: #1D2089; }



.investors-section {

  line-height: 2; }

  .investors-section + .investors-section {

    margin-top: 95px; }

    .max-lg-size .investors-section + .investors-section {

      margin-top: 75px; }

    .max-md-size .investors-section + .investors-section {

      margin-top: 50px; }

    .max-xs-szie .investors-section + .investors-section {

      margin-top: 25px; }

  .min-xs-size .investors-section:first-child {

    margin-top: 25px; }

  .investors-section .title {

    font-size: 30px;

    text-align: center; }

    .max-sm-size .investors-section .title {

      font-size: 25px;

      line-height: 1.25; }

    .max-xs-size .investors-section .title {

      font-size: 22px; }

  .investors-section .subtitle {

    font-size: 18px;

    font-weight: 700; }

    .investors-section .subtitle img {

      display: inline-block;

      vertical-align: middle;

      margin-right: 10px; }

  .investors-section.stock .title + .table-wrapper {

    margin-top: 15px; }

  .investors-section.stock .stock-price {

    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; }

    .max-sm-size .investors-section.stock .stock-price {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column; }

    .investors-section.stock .stock-price .pic {

      width: 293px;

      border-radius: 50%;

      overflow: hidden; }

      .max-sm-size .investors-section.stock .stock-price .pic {

        width: 250px; }

      .max-xs-size .investors-section.stock .stock-price .pic {

        width: 200px; }

    .min-sm-size .investors-section.stock .stock-price .content {

      margin-left: 40px; }

    .max-sm-size .investors-section.stock .stock-price .content {

      margin-top: 25px;

      text-align: center; }

    .investors-section.stock .stock-price .content .tt {

      font-size: 20px;

      font-weight: 700; }

    .investors-section.stock .stock-price .content .price {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: end;

      -ms-flex-align: end;

      align-items: flex-end;

      font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

      color: #1D2089; }

      .investors-section.stock .stock-price .content .price .num {

        font-size: 65px;

        font-weight: 700;

        line-height: 1; }

      .investors-section.stock .stock-price .content .price .fluctuation {

        margin-left: 15px;

        font-size: 16px;

        line-height: 1; }

        .investors-section.stock .stock-price .content .price .fluctuation::before {

          display: block;

          margin-bottom: 10px;

          font-family: "icomoon" !important;

          speak: none;

          font-style: normal;

          font-weight: normal;

          font-variant: normal;

          text-transform: none;

          line-height: 1;

          -webkit-font-smoothing: antialiased;

          -moz-osx-font-smoothing: grayscale; }

        .investors-section.stock .stock-price .content .price .fluctuation.up {

          color: red; }

          .investors-section.stock .stock-price .content .price .fluctuation.up::before {

            content: ""; }

        .investors-section.stock .stock-price .content .price .fluctuation.down {

          color: green; }

          .investors-section.stock .stock-price .content .price .fluctuation.down::before {

            content: ""; }

      .max-sm-size .investors-section.stock .stock-price .content .price {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center; }

        .max-sm-size .investors-section.stock .stock-price .content .price .num {

          font-size: 48px; }

    .investors-section.stock .stock-price .content .text {

      margin-top: 10px;

      line-height: 2; }

    .investors-section.stock .stock-price .content .button {

      margin-top: 25px; }

      .max-xs-size .investors-section.stock .stock-price .content .button {

        margin-top: 15px; }

    .investors-section.stock .stock-price + .title {

      margin-top: 95px; }

      .max-bg-size .investors-section.stock .stock-price + .title {

        margin-top: 75px; }

      .max-md-size .investors-section.stock .stock-price + .title {

        margin-top: 50px; }

      .max-xs-size .investors-section.stock .stock-price + .title {

        margin-top: 25px; }

  .investors-section.contact {

    position: relative;

    background-color: #e6e8e7; }

    .investors-section.contact .section-bg {

      position: absolute;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      background-position: center left !important;

      background-size: auto 100% !important; }

      .max-xl2-size .investors-section.contact .section-bg {

        left: -15%; }

      .max-bg-size .investors-section.contact .section-bg {

        left: -20%; }

    .max-lg-size .investors-section.contact .section-pic {

      margin-top: -200px; }

    .max-sm-size .investors-section.contact .section-pic {

      margin-top: -50px; }

    .investors-section.contact .section-wrapper {

      position: relative;

      z-index: 1;

      padding: 90px 0 115px; }

      .min-lg-size .investors-section.contact .section-wrapper {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end; }

      .max-bg-size .investors-section.contact .section-wrapper {

        padding: 75px 0; }

      .max-md-size .investors-section.contact .section-wrapper {

        padding: 50px 0; }

      .max-xs-size .investors-section.contact .section-wrapper {

        padding: 25px 0; }

      .investors-section.contact .section-wrapper .section-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; }

        .min-lg-size .investors-section.contact .section-wrapper .section-inner {

          max-width: 750px; }

        .investors-section.contact .section-wrapper .section-inner .content {

          margin-top: 50px; }

          .min-sm-size .investors-section.contact .section-wrapper .section-inner .content {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex; }

          .max-xs-size .investors-section.contact .section-wrapper .section-inner .content {

            margin-top: 25px; }

          .investors-section.contact .section-wrapper .section-inner .content .column {

            font-size: 16px; }

            .min-sm-size .investors-section.contact .section-wrapper .section-inner .content .column + .column {

              border-left: 1px solid #C4C4C4;

              margin-left: 50px;

              padding-left: 50px; }

            .max-sm-size .investors-section.contact .section-wrapper .section-inner .content .column + .column {

              margin-top: 25px;

              padding-top: 25px;

              border-top: 1px solid #C4C4C4; }

            .min-sm-size .investors-section.contact .section-wrapper .section-inner .content .column .contact-info + .contact-info {

              margin-top: 30px; }

            .max-sm-size .investors-section.contact .section-wrapper .section-inner .content .column .contact-info + .contact-info {

              margin-top: 25px;

              padding-top: 25px;

              border-top: 1px solid #C4C4C4; }

            .investors-section.contact .section-wrapper .section-inner .content .column .contact-info .tt {

              line-height: 1; }

            .investors-section.contact .section-wrapper .section-inner .content .column .contact-info .name {

              margin-top: 15px;

              font-size: 25px;

              font-weight: 700;

              line-height: 1; }

              .investors-section.contact .section-wrapper .section-inner .content .column .contact-info .name span {

                display: inline-block;

                vertical-align: text-bottom;

                font-size: 16px;

                margin-left: 10px; }

              .max-xs-size .investors-section.contact .section-wrapper .section-inner .content .column .contact-info .name {

                font-size: 20px; }

            .investors-section.contact .section-wrapper .section-inner .content .column .contact-info ul {

              margin-top: 15px;

              line-height: 1.5; }

              .investors-section.contact .section-wrapper .section-inner .content .column .contact-info ul li + li {

                margin-top: 5px; }



p + .table-wrapper {

  margin-top: 15px; }



.table-wrapper {

  overflow-y: hidden;

  overflow-x: auto; }

  .table-wrapper + .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: 90px; }

    .max-md-size .table-wrapper + .button {

      margin-top: 50px; }

    .max-xs-size .table-wrapper + .button {

      margin-top: 25px; }



.download-table th, .download-table td {

  min-width: 100px; }

.download-table.has-rowspan tbody tr:nth-child(even) td {

  background-color: initial; }

.download-table.has-rowspan tbody tr.fill td {

  background-color: #F9F9F9; }



.announcement-table td:nth-child(1), .announcement-table td:nth-child(3) {

  width: 15%; }

.announcement-table td:nth-child(2) {

  width: 70%;

  text-align: left; }

  .min-lg-size .announcement-table td:nth-child(2) {

    padding-left: 60px;

    padding-right: 60px; }



.year-table th, .year-table td {

  min-width: unset; }

  .year-table th:nth-child(1), .year-table th:nth-child(3), .year-table td:nth-child(1), .year-table td:nth-child(3) {

    width: 25%; }

  .year-table th:nth-child(2), .year-table td:nth-child(2) {

    width: 50%; }

  .max-sm-size .year-table th:nth-child(1), .max-sm-size .year-table th:nth-child(3), .max-sm-size .year-table td:nth-child(1), .max-sm-size .year-table td:nth-child(3) {

    width: 20%; }

  .max-sm-size .year-table th:nth-child(2), .max-sm-size .year-table td:nth-child(2) {

    width: 60%; }



.shareholder-table th, .shareholder-table td {

  width: 75%; }

  .shareholder-table th:first-child, .shareholder-table td:first-child {

    width: 25%; }



.finance-table th, .finance-table td {

  width: 23%; }

  .finance-table th:first-child, .finance-table td:first-child {

    width: 8%; }

.finance-table tbody td a.download-link {

  max-width: 180px;

  white-space: normal; }



.system-table td {

  padding: 30px 45px;

  line-height: 2;

  letter-spacing: 0.05em;

  border-top: 2px solid #000000; }

  .max-md-size .system-table td {

    padding: 15px 25px; }

  .max-sm-size .system-table td {

    padding: 10px; }

  .system-table td:first-child {

    width: 25%;

    border-top: 3px solid #53C3F1;

    font-weight: 700;

    text-align: center; }

  .system-table td ol {

    list-style-type: none;

    margin: 0;

    padding-left: 2em; }

    .system-table td ol .list-number {

      display: inline-block;

      width: 2em;

      margin-left: -2em; }

    .system-table td ol li {

      margin: 0.5em 0; }

.system-table tr:last-child td {

  border-bottom: 1px solid #E3E3E3; }

.max-xs-size .system-table tr, .max-xs-size .system-table td {

  display: block;

  width: 100%; }



.stock-table th, .stock-table td {

  width: 20%; }



/* ------------------------------------------

 *  contact

 * ----------------------------------------- */

.page-head-map {

  width: 100% !important;

  margin-top: 60px; }

  .max-sm-size .page-head-map {

    margin-top: 30px; }

  .max-xs-size .page-head-map {

    margin-top: 15px; }

  .page-head-map .pic img {

    width: auto !important;

    margin: 0 auto; }



.contact-wrapper {

  padding-bottom: 85px; }

  .max-bg-size .contact-wrapper {

    padding-bottom: 75px; }

  .max-md-size .contact-wrapper {

    padding-bottom: 50px; }

  .max-xs-size .contact-wrapper {

    padding-bottom: 25px; }

  .contact-wrapper .contact-section + .contact-section {

    margin-top: 40px; }

  .contact-wrapper .contact-section .title {

    margin-top: -85px;

    padding-top: 85px;

    margin-bottom: 20px;

    font-size: 30px;

    line-height: 1.25;

    letter-spacing: 0.05em;

    color: #1D2089; }

    .max-sm-size .contact-wrapper .contact-section .title {

      font-size: 25px; }

    .max-xs-size .contact-wrapper .contact-section .title {

      font-size: 22px; }

  .contact-wrapper .contact-section .contact-box {

    margin-top: -85px;

    padding-top: 85px;

    margin-bottom: 30px; }

    .contact-wrapper .contact-section .contact-box:last-child {

      margin-bottom: 0; }

    .contact-wrapper .contact-section .contact-box .contact-box-inner {

      border: 1px solid #E3E3E3;

      padding: 35px 55px 45px; }

      .max-md-size .contact-wrapper .contact-section .contact-box .contact-box-inner {

        padding: 25px 35px; }

      .max-sm-size .contact-wrapper .contact-section .contact-box .contact-box-inner {

        padding: 15px 25px; }

      .max-xs-size .contact-wrapper .contact-section .contact-box .contact-box-inner {

        padding: 15px 20px; }

    .contact-wrapper .contact-section .contact-box .contact-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;

      cursor: pointer; }

      .contact-wrapper .contact-section .contact-box .contact-box-head .name {

        font-size: 25px;

        line-height: 1.25; }

        .max-sm-size .contact-wrapper .contact-section .contact-box .contact-box-head .name {

          font-size: 22px; }

        .max-xs-size .contact-wrapper .contact-section .contact-box .contact-box-head .name {

          font-size: 18px; }

      .contact-wrapper .contact-section .contact-box .contact-box-head .toggle {

        display: block;

        text-align: center;

        line-height: 1; }

        .contact-wrapper .contact-section .contact-box .contact-box-head .toggle::after {

          display: block;

          margin-bottom: -7.5px;

          font-family: "icomoon" !important;

          speak: none;

          font-style: normal;

          font-weight: normal;

          font-variant: normal;

          text-transform: none;

          line-height: 1;

          -webkit-font-smoothing: antialiased;

          -moz-osx-font-smoothing: grayscale;

          font-size: 25px;

          content: "";

          -moz-transition: transform 0.3s ease;

          -o-transition: transform 0.3s ease;

          -webkit-transition: transform 0.3s ease;

          transition: transform 0.3s ease; }

      .contact-wrapper .contact-section .contact-box .contact-box-head + .contact-box-content {

        margin-top: 15px;

        padding-top: 25px;

        border-top: 1px solid #E3E3E3; }

        .max-sm-size .contact-wrapper .contact-section .contact-box .contact-box-head + .contact-box-content {

          padding-top: 15px; }

    .contact-wrapper .contact-section .contact-box .contact-box-content .content-info {

      font-size: 16px;

      line-height: 2.5; }

      .contact-wrapper .contact-section .contact-box .contact-box-content .content-info [class^="icon-"] {

        display: inline-block;

        color: #1D2089; }

      .contact-wrapper .contact-section .contact-box .contact-box-content .content-info ul li {

        display: inline-block;

        vertical-align: top;

        margin-right: 15px; }

        .contact-wrapper .contact-section .contact-box .contact-box-content .content-info ul li.tt {

          margin-right: 0; }

      .contact-wrapper .contact-section .contact-box .contact-box-content .content-info + .content-map {

        margin-top: 20px; }

      .max-xs-size .contact-wrapper .contact-section .contact-box .contact-box-content .content-info {

        line-height: 2; }

    .contact-wrapper .contact-section .contact-box .contact-box-content .content-map {

      display: none; }

      .min-md-size .contact-wrapper .contact-section .contact-box .contact-box-content .content-map .iframe-wrapper {

        padding-bottom: 35%; }

    .contact-wrapper .contact-section .contact-box.opened .contact-box-head .toggle::after {

      -moz-transform: rotate(180deg);

      -o-transform: rotate(180deg);

      -ms-transform: rotate(180deg);

      -webkit-transform: rotate(180deg);

      transform: rotate(180deg); }



.min-xl-size [data-page="contact02"] .page-head.has-icons .page-head-main .page-head-title {

  margin-top: -10px; }



.faq-wrapper {

  padding: 25px 0 145px; }

  .max-bg-size .faq-wrapper {

    padding: 25px 0 75px; }

  .max-md-size .faq-wrapper {

    padding: 25px 0 50px; }

  .max-xs-size .faq-wrapper {

    padding: 0 0 25px; }

  .faq-wrapper .faq-section + .faq-section {

    margin-top: 40px; }

  .faq-wrapper .faq-section .title {

    font-size: 25px;

    line-height: 1; }

    .faq-wrapper .faq-section .title + .faq-list {

      margin-top: 10px; }

    .max-xs-size .faq-wrapper .faq-section .title {

      font-size: 20px; }



.oem-section {

  position: relative; }

  .oem-section .section-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0; }

  .oem-section .section-inner {

    position: relative;

    z-index: 1; }

  .oem-section.intro {

    z-index: 1; }

    .oem-section.intro .section-inner {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex; }

      .min-lg-size .oem-section.intro .section-inner {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start; }

      .max-lg-size .oem-section.intro .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-bottom: 50px; }

      .max-xs-size .oem-section.intro .section-inner {

        padding-bottom: 25px; }

      .oem-section.intro .section-inner .intro-content {

        font-size: 16px;

        line-height: 2;

        letter-spacing: 0.05em; }

        .oem-section.intro .section-inner .intro-content .title {

          font-size: 30px;

          line-height: 1.5; }

          .max-md-size .oem-section.intro .section-inner .intro-content .title {

            font-size: 25px; }

          .max-xs-size .oem-section.intro .section-inner .intro-content .title {

            font-size: 20px; }

        .min-bg-size .oem-section.intro .section-inner .intro-content {

          padding: 50px 90px 50px 15px; }

        .max-bg-size.min-lg-size .oem-section.intro .section-inner .intro-content {

          padding: 50px 50px 50px 0; }

      .oem-section.intro .section-inner .intro-pic {

        -webkit-flex-shrink: 0;

        -moz-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0; }

        .oem-section.intro .section-inner .intro-pic img {

          display: block; }

        .min-lg-size .oem-section.intro .section-inner .intro-pic {

          margin-bottom: -35px; }

        .max-lg-size .oem-section.intro .section-inner .intro-pic {

          margin-top: 35px; }

        .max-xs-size .oem-section.intro .section-inner .intro-pic {

          margin-top: 25px; }

  .oem-section.fields .section-bg {

    background-attachment: fixed !important; }

  .oem-section.fields .section-inner {

    position: relative;

    z-index: 1;

    padding: 125px 0 105px;

    color: #ffffff;

    text-align: center; }

    .max-bg-size .oem-section.fields .section-inner {

      padding: 75px 0; }

    .max-md-size .oem-section.fields .section-inner {

      padding: 50px 0; }

    .max-xs-size .oem-section.fields .section-inner {

      padding: 25px 0; }

    .oem-section.fields .section-inner .fields-head .title {

      font-size: 30px;

      line-height: 1; }

      .max-md-size .oem-section.fields .section-inner .fields-head .title {

        font-size: 25px; }

      .max-xs-size .oem-section.fields .section-inner .fields-head .title {

        font-size: 20px; }

    .oem-section.fields .section-inner .fields-head .text {

      margin-top: 30px;

      line-height: 2; }

      .max-xs-size .oem-section.fields .section-inner .fields-head .text {

        margin-top: 15px; }

    .oem-section.fields .section-inner .fields-categories {

      margin-top: 50px; }

      .max-xs-size .oem-section.fields .section-inner .fields-categories {

        margin-top: 25px; }

      .oem-section.fields .section-inner .fields-categories ul {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex; }

        .oem-section.fields .section-inner .fields-categories 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; }

          .oem-section.fields .section-inner .fields-categories 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: 75px;

            height: 75px; }

            .oem-section.fields .section-inner .fields-categories ul li .icon img {

              display: block;

              max-width: 100%;

              max-height: 100%; }

          .oem-section.fields .section-inner .fields-categories ul li .title {

            margin-top: 15px;

            font-size: 18px;

            line-height: 1;

            letter-spacing: 0.05em; }

        .min-lg-size .oem-section.fields .section-inner .fields-categories ul {

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center; }

          .min-lg-size .oem-section.fields .section-inner .fields-categories ul li + li {

            margin-left: 70px; }

        .max-lg-size .oem-section.fields .section-inner .fields-categories ul {

          -webkit-box-pack: justify;

          -ms-flex-pack: justify;

          justify-content: space-between; }

        .max-md-size .oem-section.fields .section-inner .fields-categories ul li .icon {

          width: 50px;

          height: 50px; }

        .max-md-size .oem-section.fields .section-inner .fields-categories ul li .title {

          font-size: 16px; }

        .max-sm-size .oem-section.fields .section-inner .fields-categories ul {

          -ms-flex-wrap: wrap;

          flex-wrap: wrap;

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center; }

        .max-sm-size.min-xs-size .oem-section.fields .section-inner .fields-categories ul {

          margin: -20px -10px; }

          .max-sm-size.min-xs-size .oem-section.fields .section-inner .fields-categories ul li {

            margin: 20px 10px; }

        .max-xs-size .oem-section.fields .section-inner .fields-categories ul li {

          width: calc(100%/3 - 10px);

          margin: 30px 15px 0 0; }

          .max-xs-size .oem-section.fields .section-inner .fields-categories ul li:nth-child(-n+3) {

            margin-top: 0; }

          .max-xs-size .oem-section.fields .section-inner .fields-categories ul li:nth-child(3n+0) {

            margin-right: 0; }

          .max-xs-size .oem-section.fields .section-inner .fields-categories ul li .title {

            font-size: 15px; }

    .oem-section.fields .section-inner .fields-contact {

      margin-top: 45px; }

      .max-xs-size .oem-section.fields .section-inner .fields-contact {

        margin-top: 25px; }

      .oem-section.fields .section-inner .fields-contact::before {

        content: "";

        display: block;

        width: 30px;

        height: 1px;

        background-color: #ffffff;

        margin: 0 auto 45px; }

        .max-xs-size .oem-section.fields .section-inner .fields-contact::before {

          margin-bottom: 25px; }

      .oem-section.fields .section-inner .fields-contact .title {

        font-size: 20px;

        font-weight: 700;

        line-height: 1; }

      .oem-section.fields .section-inner .fields-contact ul {

        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; }

        .max-md-size .oem-section.fields .section-inner .fields-contact ul {

          margin-top: 25px; }

        .max-xs-size .oem-section.fields .section-inner .fields-contact ul {

          -webkit-box-pack: justify;

          -ms-flex-pack: justify;

          justify-content: space-between; }

        .min-sm-size .oem-section.fields .section-inner .fields-contact ul li + li {

          margin-left: 30px; }

        .oem-section.fields .section-inner .fields-contact ul 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-align: center;

          -ms-flex-align: center;

          align-items: center;

          -moz-transition-property: opacity;

          -o-transition-property: opacity;

          -webkit-transition-property: opacity;

          transition-property: opacity; }

          .oem-section.fields .section-inner .fields-contact ul li a:hover {

            opacity: 0.7; }

        .oem-section.fields .section-inner .fields-contact ul li .icon img {

          display: block; }

        .max-xs-size .oem-section.fields .section-inner .fields-contact ul li .icon {

          max-width: 55px; }

        .oem-section.fields .section-inner .fields-contact ul li p {

          margin-top: 10px;

          font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

          font-size: 16px;

          line-height: 1; }

          .max-xs-size .oem-section.fields .section-inner .fields-contact ul li p {

            font-size: 12px; }

  .oem-section.principles .section-inner {

    padding: 80px 0; }

    .max-bg-size .oem-section.principles .section-inner {

      padding: 75px 0; }

    .max-md-size .oem-section.principles .section-inner {

      padding: 50px 0; }

    .max-xs-size .oem-section.principles .section-inner {

      padding: 25px 0; }

    .oem-section.principles .section-inner .principles-head {

      text-align: center; }

      .oem-section.principles .section-inner .principles-head .title {

        font-size: 30px; }

        .max-md-size .oem-section.principles .section-inner .principles-head .title {

          font-size: 25px; }

    .oem-section.principles .section-inner .principles-content {

      margin-top: 50px;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex; }

      .min-xl-size .oem-section.principles .section-inner .principles-content {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center; }

      .max-xl-size.min-md-size .oem-section.principles .section-inner .principles-content {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between; }

      .max-md-size .oem-section.principles .section-inner .principles-content {

        -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; }

      .max-xs-size .oem-section.principles .section-inner .principles-content {

        margin-top: 25px; }

      .oem-section.principles .section-inner .principles-content .principles-item .item-pic {

        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: 355px;

        height: 355px;

        overflow: hidden;

        border-radius: 50%; }

        .oem-section.principles .section-inner .principles-content .principles-item .item-pic .item-pic-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: 130px;

          height: 130px;

          border-radius: 50%; }

          .oem-section.principles .section-inner .principles-content .principles-item .item-pic .item-pic-icon img {

            display: block !important; }

      .oem-section.principles .section-inner .principles-content .principles-item .item-head, .oem-section.principles .section-inner .principles-content .principles-item .item-detail {

        width: 300px;

        margin-left: auto;

        margin-right: auto; }

      .oem-section.principles .section-inner .principles-content .principles-item .item-head {

        margin-top: 25px; }

        .oem-section.principles .section-inner .principles-content .principles-item .item-head .title {

          font-size: 25px;

          font-weight: 700;

          line-height: 1;

          text-align: center; }

          .max-sm-size .oem-section.principles .section-inner .principles-content .principles-item .item-head .title {

            font-size: 20px; }

          .max-xs-size .oem-section.principles .section-inner .principles-content .principles-item .item-head .title {

            font-size: 18px; }

        .oem-section.principles .section-inner .principles-content .principles-item .item-head p {

          margin-top: 15px;

          font-size: 16px;

          line-height: 2; }

      .oem-section.principles .section-inner .principles-content .principles-item .item-detail {

        margin-top: 15px;

        padding-top: 15px;

        border-top: 1px solid #E3E3E3;

        font-size: 16px;

        line-height: 2; }

        .oem-section.principles .section-inner .principles-content .principles-item .item-detail ul {

          padding-left: 1.25em; }

          .oem-section.principles .section-inner .principles-content .principles-item .item-detail ul li::before {

            font-family: "icomoon" !important;

            speak: none;

            font-style: normal;

            font-weight: normal;

            font-variant: normal;

            text-transform: none;

            line-height: 1;

            -webkit-font-smoothing: antialiased;

            -moz-osx-font-smoothing: grayscale;

            content: "";

            display: inline-block;

            width: 1.25em;

            margin-left: -1.25em; }

      .oem-section.principles .section-inner .principles-content .principles-item:nth-child(1) .item-pic .item-pic-icon {

        background-color: rgba(84, 195, 240, 0.75); }

      .oem-section.principles .section-inner .principles-content .principles-item:nth-child(1) .item-detail ul li::before {

        color: #89CD44; }

      .oem-section.principles .section-inner .principles-content .principles-item:nth-child(2) .item-pic .item-pic-icon {

        background-color: rgba(66, 156, 190, 0.75); }

      .oem-section.principles .section-inner .principles-content .principles-item:nth-child(2) .item-detail ul li::before {

        color: #429CBE; }

      .oem-section.principles .section-inner .principles-content .principles-item:nth-child(3) .item-pic .item-pic-icon {

        background-color: rgba(72, 198, 197, 0.75); }

      .oem-section.principles .section-inner .principles-content .principles-item:nth-child(3) .item-detail ul li::before {

        color: #48C6C5; }

      .min-xl-size .oem-section.principles .section-inner .principles-content .principles-item + .principles-item {

        margin-left: 120px; }

      .max-lg-size.min-md-size .oem-section.principles .section-inner .principles-content .principles-item .item-pic, .max-sm-size .oem-section.principles .section-inner .principles-content .principles-item .item-pic {

        width: 250px;

        height: 250px; }

        .max-lg-size.min-md-size .oem-section.principles .section-inner .principles-content .principles-item .item-pic .item-pic-icon, .max-sm-size .oem-section.principles .section-inner .principles-content .principles-item .item-pic .item-pic-icon {

          width: 100px;

          height: 100px; }

          .max-lg-size.min-md-size .oem-section.principles .section-inner .principles-content .principles-item .item-pic .item-pic-icon img, .max-sm-size .oem-section.principles .section-inner .principles-content .principles-item .item-pic .item-pic-icon img {

            max-width: 50px;

            max-height: 50px; }

      .max-lg-size.min-md-size .oem-section.principles .section-inner .principles-content .principles-item .item-head, .max-lg-size.min-md-size .oem-section.principles .section-inner .principles-content .principles-item .item-detail, .max-sm-size .oem-section.principles .section-inner .principles-content .principles-item .item-head, .max-sm-size .oem-section.principles .section-inner .principles-content .principles-item .item-detail {

        width: 250px; }

      .max-md-size .oem-section.principles .section-inner .principles-content .principles-item + .principles-item {

        margin-top: 50px; }

  .oem-section.process .section-inner {

    padding: 160px 0 145px; }

    .max-md-size .oem-section.process .section-inner {

      padding: 50px 0; }

    .max-xs-size .oem-section.process .section-inner {

      padding: 25px 0; }

    .oem-section.process .section-inner .process-wrapper {

      position: relative;

      margin: 0 auto; }

    .oem-section.process .section-inner .process-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-align: center;

      -ms-flex-align: center;

      align-items: center;

      color: #1D2089;

      text-align: center;

      font-weight: 700;

      line-height: 1.25; }

      .oem-section.process .section-inner .process-head .logo {

        margin-bottom: 15px; }

        .oem-section.process .section-inner .process-head .logo img {

          display: block; }

      .oem-section.process .section-inner .process-head .zh {

        font-size: 45px; }

        .max-md-size .oem-section.process .section-inner .process-head .zh {

          font-size: 30px; }

        .max-xs-size .oem-section.process .section-inner .process-head .zh {

          font-size: 25px; }

      .oem-section.process .section-inner .process-head .en {

        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

        font-size: 22px; }

        .oem-section.process .section-inner .process-head .en::before {

          content: "";

          display: block;

          width: 315px;

          height: 2px;

          background-color: #1D2089;

          margin: 15px auto; }

        .max-xs-size .oem-section.process .section-inner .process-head .en {

          font-size: 18px; }

    .oem-section.process .section-inner .process-circle img {

      display: block; }

    .oem-section.process .section-inner .process-list .process-list-item {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center; }

      .oem-section.process .section-inner .process-list .process-list-item .icon {

        -webkit-flex-shrink: 0;

        -moz-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0; }

        .oem-section.process .section-inner .process-list .process-list-item .icon img {

          display: block; }

      .oem-section.process .section-inner .process-list .process-list-item .desc {

        margin-left: 10px;

        line-height: 1.5; }

        .oem-section.process .section-inner .process-list .process-list-item .desc .title {

          font-size: 20px;

          font-weight: 700; }

          .oem-section.process .section-inner .process-list .process-list-item .desc .title:lang(en) {

            font-size: 16px;

            line-height: 1.25; }

        .oem-section.process .section-inner .process-list .process-list-item .desc p {

          margin-top: 5px;

          font-size: 16px; }

          .oem-section.process .section-inner .process-list .process-list-item .desc p:lang(en) {

            font-size: 12px; }

    @media screen and (min-width: 992px) {

      .oem-section.process .section-inner .process-wrapper {

        width: 732px; }

        .max-lg-size .oem-section.process .section-inner .process-wrapper:lang(en) {

          -moz-transform: scale(0.9);

          -o-transform: scale(0.9);

          -ms-transform: scale(0.9);

          -webkit-transform: scale(0.9);

          transform: scale(0.9); }

      .oem-section.process .section-inner .process-head {

        position: absolute;

        top: 50%;

        left: 50%;

        -moz-transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%); }

      .oem-section.process .section-inner .process-list .process-list-item {

        position: absolute;

        width: 200px; }

        .oem-section.process .section-inner .process-list .process-list-item:lang(en) {

          width: 250px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(1) {

          top: -30px;

          left: calc(50% - 100px); }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(1):lang(en) {

            top: -40px;

            left: calc(50% - 115px); }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(2) {

          top: 45px;

          right: -35px; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(2):lang(en) {

            top: 60px;

            right: -95px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(3) {

          top: 240px;

          right: -130px; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(3):lang(en) {

            top: 250px;

            right: -180px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(4) {

          top: 435px;

          right: -130px; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(4):lang(en) {

            top: 440px;

            right: -165px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(5) {

          top: 595px;

          right: 0; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(5):lang(en) {

            top: 605px;

            right: -10px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(6) {

          bottom: -30px;

          left: calc(50% - 100px); }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(7) {

          top: 585px;

          left: -25px; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(7):lang(en) {

            left: -60px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(8) {

          top: 435px;

          left: -130px; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(8):lang(en) {

            top: 420px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(9) {

          top: 240px;

          left: -130px; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(9):lang(en) {

            top: 250px;

            left: -165px; }

        .oem-section.process .section-inner .process-list .process-list-item:nth-child(10) {

          top: 45px;

          left: -35px; }

          .oem-section.process .section-inner .process-list .process-list-item:nth-child(10):lang(en) {

            top: 75px; } }

    @media screen and (max-width: 991px) {

      .oem-section.process .section-inner .process-circle {

        display: none; }

      .oem-section.process .section-inner .process-list {

        margin-top: 50px;

        counter-reset: items; }

        .min-sm-size .oem-section.process .section-inner .process-list {

          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; }

        .max-xs-size .oem-section.process .section-inner .process-list {

          margin-top: 25px; }

        .min-sm-size .oem-section.process .section-inner .process-list .process-list-item {

          width: 300px;

          margin: 50px 50px 0 0; }

          .min-sm-size .oem-section.process .section-inner .process-list .process-list-item:nth-child(-n+2) {

            margin-top: 0; }

          .min-sm-size .oem-section.process .section-inner .process-list .process-list-item:nth-child(2n+0) {

            margin-right: 0; }

        .max-sm-size .oem-section.process .section-inner .process-list .process-list-item + .process-list-item {

          margin-top: 50px; }

        .max-xs-size .oem-section.process .section-inner .process-list .process-list-item + .process-list-item {

          margin-top: 25px; }

        .oem-section.process .section-inner .process-list .process-list-item .icon {

          width: 75px;

          margin-right: 15px; }

          .oem-section.process .section-inner .process-list .process-list-item .icon img {

            margin: 0 auto; }

        .oem-section.process .section-inner .process-list .process-list-item .desc .title::before {

          display: inline-block;

          margin-right: 10px;

          counter-increment: items;

          content: counter(items,decimal-leading-zero) ".";

          font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

          font-weight: 700;

          color: #1D2089; } }



.agent-section {

  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;

  padding: 25px 0 160px; }

  .max-bg-size .agent-section {

    padding: 25px 0 75px; }

  .max-lg-size .agent-section {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column; }

  .max-md-size .agent-section {

    padding: 25px 0 50px; }

  .max-xs-size .agent-section {

    padding: 0 0 25px; }

  .agent-section .content {

    position: relative;

    z-index: 1;

    font-size: 16px;

    line-height: 2;

    letter-spacing: 0.05em; }

    .min-xl-size .agent-section .content {

      padding: 110px 85px 150px 0;

      background-color: #ffffff; }

    .max-xl-size.min-lg-size .agent-section .content {

      padding: 50px 50px 50px 0; }

    .max-sm-size .agent-section .content {

      text-align: center; }

    .max-xs-size .agent-section .content {

      line-height: 1.75; }

    .agent-section .content .title {

      font-size: 30px;

      line-height: 1.5; }

      .max-sm-size .agent-section .content .title {

        font-size: 25px; }

      .max-xs-size .agent-section .content .title {

        font-size: 22px; }

    .agent-section .content .button {

      margin-top: 35px; }

      .max-sm-size .agent-section .content .button {

        margin-top: 25px; }

        .max-sm-size .agent-section .content .button .btn-style {

          margin: 0 auto; }

  .agent-section .pic {

    position: relative;

    -webkit-flex-shrink: 0;

    -moz-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0; }

    .min-xl-size .agent-section .pic {

      width: 1000px;

      margin-left: -85px; }

    .max-xl-size.min-lg-size .agent-section .pic {

      width: 65%; }

    .max-lg-size .agent-section .pic {

      margin-top: 50px; }

    .max-xs-size .agent-section .pic {

      margin-top: 25px; }

    .agent-section .pic .caption {

      font-size: 20px;

      line-height: 1.75;

      text-align: center;

      color: #5F5F5F; }

      .min-sm-size .agent-section .pic .caption {

        position: absolute;

        top: 110px;

        left: 85px;

        right: 0; }

      .max-xl-size .agent-section .pic .caption {

        top: 50px;

        left: 0; }

      .max-md-size .agent-section .pic .caption {

        font-size: 18px; }

      .max-sm-size .agent-section .pic .caption {

        margin-bottom: 25px; }

        .max-sm-size .agent-section .pic .caption br {

          display: none; }

      .max-xs-size .agent-section .pic .caption {

        font-size: 16px; }

      .agent-section .pic .caption span {

        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;

        color: #1D2089;

        font-family: serif;

        font-size: 60px;

        line-height: 1;

        margin-bottom: -20px; }

        .agent-section .pic .caption span::before, .agent-section .pic .caption span::after {

          content: "";

          display: block;

          width: 50px;

          height: 1px;

          margin-top: -25px;

          background-color: #C5C5C5; }

        .agent-section .pic .caption span::before {

          margin-right: 20px; }

        .agent-section .pic .caption span::after {

          margin-left: 20px; }



.min-lg-size .recruit-section.intro .intro-main {

  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; }

.min-xl-size .recruit-section.intro .intro-main {

  padding: 115px 0 180px; }

.max-xl-size .recruit-section.intro .intro-main {

  padding: 50px 0 75px; }

.max-md-size .recruit-section.intro .intro-main {

  padding: 0 0 50px; }

.max-xs-size .recruit-section.intro .intro-main {

  padding: 0 0 25px; }

.recruit-section.intro .intro-main .content {

  font-size: 16px;

  line-height: 2;

  letter-spacing: 0.05em; }

  .min-xl-size .recruit-section.intro .intro-main .content {

    width: calc(100% - 965px); }

  .max-xl-size.min-lg-size .recruit-section.intro .intro-main .content {

    width: calc(50% - 50px); }

  .min-lg-size .recruit-section.intro .intro-main .content {

    padding-top: 45px; }

  .recruit-section.intro .intro-main .content .title {

    font-size: 30px;

    line-height: 1.5; }

    .max-md-size .recruit-section.intro .intro-main .content .title {

      font-size: 25px; }

    .max-xs-size .recruit-section.intro .intro-main .content .title {

      font-size: 20px; }

.recruit-section.intro .intro-main .pic {

  -webkit-flex-shrink: 0;

  -moz-flex-shrink: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  position: relative; }

  .min-xl-size .recruit-section.intro .intro-main .pic {

    width: 825px; }

  .max-xl-size.min-lg-size .recruit-section.intro .intro-main .pic {

    width: 50%; }

  .min-lg-size .recruit-section.intro .intro-main .pic::before {

    content: "";

    position: absolute;

    top: -55px;

    left: -55px;

    right: 37.5%;

    bottom: -40px;

    display: block;

    background-image: url("images/static/contact/contact05/intro-pic-pattern.png"); }

  .max-lg-size .recruit-section.intro .intro-main .pic {

    margin-top: 50px; }

  .max-xs-size .recruit-section.intro .intro-main .pic {

    margin-top: 25px; }

  .recruit-section.intro .intro-main .pic img {

    position: relative;

    z-index: 1; }

.min-sm-size .recruit-section.intro .intro-gallery ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex; }

  .min-sm-size .recruit-section.intro .intro-gallery ul li {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1; }

.recruit-section.welfare .section-inner {

  padding: 105px 0 90px; }

  .max-bg-size .recruit-section.welfare .section-inner {

    padding: 75px 0; }

  .max-md-size .recruit-section.welfare .section-inner {

    padding: 50px 0; }

  .max-xs-size .recruit-section.welfare .section-inner {

    padding: 25px 0; }

.recruit-section.welfare .welfare-head {

  text-align: center; }

  .recruit-section.welfare .welfare-head .title {

    font-size: 30px; }

    .max-md-size .recruit-section.welfare .welfare-head .title {

      font-size: 25px; }

    .max-xs-size .recruit-section.welfare .welfare-head .title {

      font-size: 20px; }

  .recruit-section.welfare .welfare-head .text {

    font-size: 16px;

    margin-top: 15px; }

.recruit-section.welfare .welfare-content {

  margin-top: 85px; }

  .max-md-size .recruit-section.welfare .welfare-content {

    margin-top: 50px; }

  .min-md-size .recruit-section.welfare .welfare-content ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center; }

  .recruit-section.welfare .welfare-content ul li .item-icon img {

    display: block; }

  .recruit-section.welfare .welfare-content ul li .item-detail {

    font-size: 16px;

    letter-spacing: 0.05em;

    line-height: 2; }

    .recruit-section.welfare .welfare-content ul li .item-detail:lang(en) {

      font-size: 14px;

      line-height: 1.75; }

    .recruit-section.welfare .welfare-content ul li .item-detail .title {

      margin-bottom: 10px;

      font-size: 20px;

      font-weight: 700;

      line-height: 1.5;

      color: #1D2089; }

      .recruit-section.welfare .welfare-content ul li .item-detail .title:lang(en) {

        font-size: 18px; }

  .min-md-size .recruit-section.welfare .welfare-content ul li {

    width: 245px; }

    .min-md-size .recruit-section.welfare .welfare-content ul li + li {

      margin-left: 60px; }

  .min-md-size .recruit-section.welfare .welfare-content ul li .item-icon img, .max-xs-size .recruit-section.welfare .welfare-content ul li .item-icon img {

    margin: 0 auto; }

  .min-md-size .recruit-section.welfare .welfare-content ul li .item-detail, .max-xs-size .recruit-section.welfare .welfare-content ul li .item-detail {

    margin-top: 25px;

    padding-top: 25px;

    border-top: 1px solid #E3E3E3; }

  .max-md-size .recruit-section.welfare .welfare-content ul li + li {

    margin-top: 50px; }

  .max-md-size.min-xs-size .recruit-section.welfare .welfare-content ul li {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex; }

    .max-md-size.min-xs-size .recruit-section.welfare .welfare-content ul li .item-icon {

      -webkit-flex-shrink: 0;

      -moz-flex-shrink: 0;

      -ms-flex-negative: 0;

      flex-shrink: 0;

      width: 90px;

      height: 90px; }

    .max-md-size.min-xs-size .recruit-section.welfare .welfare-content ul li .item-detail {

      -webkit-box-flex: 1;

      -webkit-flex-grow: 1;

      -moz-flex-grow: 1;

      -ms-flex-positive: 1;

      flex-grow: 1;

      margin-left: 25px;

      padding-left: 25px;

      border-left: 1px solid #E3E3E3; }

.recruit-section.jobs {

  position: relative;

  background-color: #F3F3F3; }

  .recruit-section.jobs .section-inner {

    position: relative;

    z-index: 1; }

    .min-lg-size .recruit-section.jobs .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;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      height: 550px; }

    .max-lg-size .recruit-section.jobs .section-inner {

      padding-top: 75px; }

    .max-md-size .recruit-section.jobs .section-inner {

      padding-top: 50px; }

    .max-xs-size .recruit-section.jobs .section-inner {

      padding-top: 25px; }

    .min-xl-size .recruit-section.jobs .section-inner .content:lang(en) {

      width: 50%; }

    .max-xl-size.min-lg-size .recruit-section.jobs .section-inner .content:lang(en) {

      width: 30%; }

    .max-lg-size .recruit-section.jobs .section-inner .content {

      text-align: center; }

    .recruit-section.jobs .section-inner .content .title {

      font-size: 35px;

      letter-spacing: 0.05em; }

      .recruit-section.jobs .section-inner .content .title:lang(en) {

        line-height: 1.25; }

        .max-xl-size .recruit-section.jobs .section-inner .content .title:lang(en) {

          font-size: 30px; }

      .max-md-size .recruit-section.jobs .section-inner .content .title {

        font-size: 25px; }

      .max-xs-size .recruit-section.jobs .section-inner .content .title {

        font-size: 20px; }

    .recruit-section.jobs .section-inner .content .text {

      margin-top: 25px;

      font-size: 20px;

      letter-spacing: 0.05em;

      line-height: 1.5; }

      .max-xl-size.min-lg-size .recruit-section.jobs .section-inner .content .text:lang(en) {

        font-size: 16px; }

      .max-md-size .recruit-section.jobs .section-inner .content .text {

        font-size: 18px; }

      .max-sm-size .recruit-section.jobs .section-inner .content .text {

        font-size: 16px;

        margin-top: 15px; }

      .max-xs-size .recruit-section.jobs .section-inner .content .text br {

        display: none; }

    .recruit-section.jobs .section-inner .content .button {

      margin-top: 30px; }

      .max-xs-size .recruit-section.jobs .section-inner .content .button {

        margin-top: 20px; }

      .recruit-section.jobs .section-inner .content .button .btn-style {

        -moz-transition-property: color, background-color, border-color;

        -o-transition-property: color, background-color, border-color;

        -webkit-transition-property: color, background-color, border-color;

        transition-property: color, background-color, border-color; }

        .recruit-section.jobs .section-inner .content .button .btn-style:hover {

          color: #ffffff;

          background-color: #53C3F1;

          border-color: #53C3F1; }

  .recruit-section.jobs .section-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-size: auto 100% !important;

    background-position: center left !important; }



.contact-head {

  position: relative;

  font-size: 16px;

  text-align: center;

  line-height: 2; }

  .contact-head + .contact-form {

    margin-top: 30px; }



.contact-form {

  padding: 20px 0 120px; }

  .max-bg-size .contact-form {

    padding: 0 0 75px; }

  .max-md-size .contact-form {

    padding: 0 0 50px; }

  .max-xs-size .contact-form {

    padding: 0 0 25px; }

  .contact-form .form {

    display: none; }

  .contact-form .form-row {

    margin-bottom: 1px; }

    .min-md-size .contact-form .form-row {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex; }

    .contact-form .form-row .form-group {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      background-color: #F3F3F3;

      font-size: 16px; }

      .min-md-size .contact-form .form-row .form-group + .form-group {

        margin-left: 1px; }

      .max-md-size .contact-form .form-row .form-group + .form-group {

        margin-top: 1px; }

      .contact-form .form-row .form-group .form-label {

        -webkit-flex-shrink: 0;

        -moz-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        width: 135px;

        height: 70px;

        padding-left: 30px;

        font-weight: 700; }

        .max-sm-size .contact-form .form-row .form-group .form-label {

          width: 120px;

          height: 55px;

          padding-left: 20px; }

        .max-xs-size .contact-form .form-row .form-group .form-label {

          width: 100px; }

      .contact-form .form-row .form-group .form-control {

        -webkit-box-flex: 1;

        -webkit-flex-grow: 1;

        -moz-flex-grow: 1;

        -ms-flex-positive: 1;

        flex-grow: 1; }

        .contact-form .form-row .form-group .form-control input::-webkit-input-placeholder, .contact-form .form-row .form-group .form-control textarea::-webkit-input-placeholder {

          color: inherit;

          opacity: 0.5; }

        .contact-form .form-row .form-group .form-control input:-moz-placeholder, .contact-form .form-row .form-group .form-control textarea:-moz-placeholder {

          color: inherit;

          opacity: 0.5; }

        .contact-form .form-row .form-group .form-control input::-moz-placeholder, .contact-form .form-row .form-group .form-control textarea::-moz-placeholder {

          color: inherit;

          opacity: 0.5; }

        .contact-form .form-row .form-group .form-control input:-ms-input-placeholder, .contact-form .form-row .form-group .form-control textarea:-ms-input-placeholder {

          color: inherit;

          opacity: 0.5; }

        .contact-form .form-row .form-group .form-control input {

          display: block;

          width: 100%;

          height: 70px;

          padding: 0 30px;

          background: none; }

          .max-sm-size .contact-form .form-row .form-group .form-control input {

            height: 55px;

            padding: 0 20px; }

        .contact-form .form-row .form-group .form-control textarea {

          display: block;

          width: 100%;

          padding: 25px 30px;

          background: none;

          border: none; }

          .max-sm-size .contact-form .form-row .form-group .form-control textarea {

            padding: 15px 20px; }

        .contact-form .form-row .form-group .form-control .bootstrap-select {

          width: 100%; }

          .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-toggle {

            display: block;

            width: 100%;

            font-size: 16px;

            color: #000000;

            padding: 0;

            background: none;

            border: none; }

            .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-toggle::before, .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-toggle::after {

              display: none; }

            .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-toggle .filter-option {

              position: static;

              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;

              height: 70px;

              padding: 0 30px; }

              .max-sm-size .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-toggle .filter-option {

                height: 55px;

                padding: 0 20px; }

              .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-toggle .filter-option::after {

                content: "";

                display: block;

                border-top: 5px solid #000000;

                border-left: 3px solid transparent;

                border-right: 3px solid transparent; }

              .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-toggle .filter-option .filter-option-inner {

                padding: 0; }

          .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-menu {

            margin: 0;

            background-color: #1E1F1C;

            border: none;

            border-radius: 0; }

            .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-menu ul.dropdown-menu {

              background-color: #1E1F1C; }

            .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-menu .dropdown-item {

              color: #ffffff; }

              .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-menu .dropdown-item.active, .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-menu .dropdown-item:active, .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-menu .dropdown-item:hover, .contact-form .form-row .form-group .form-control .bootstrap-select > .dropdown-menu .dropdown-item:focus {

                background-color: #53C3F1; }

      .contact-form .form-row .form-group .form-code {

        -webkit-flex-shrink: 0;

        -moz-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;

        height: 70px;

        padding: 0 15px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; }

        .max-sm-size .contact-form .form-row .form-group .form-code {

          height: 55px;

          padding: 0 10px; }

        .contact-form .form-row .form-group .form-code button, .contact-form .form-row .form-group .form-code img {

          display: block; }

        .contact-form .form-row .form-group .form-code button {

          margin-right: 15px;

          -moz-transition: transform 0.3s ease;

          -o-transition: transform 0.3s ease;

          -webkit-transition: transform 0.3s ease;

          transition: transform 0.3s ease; }

          .max-sm-size .contact-form .form-row .form-group .form-code button {

            margin-right: 10px; }

          .contact-form .form-row .form-group .form-code button:hover {

            -moz-transform: rotate(360deg);

            -o-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

            -webkit-transform: rotate(360deg);

            transform: rotate(360deg); }

  .contact-form .was-validated .form-row .form-group.error {

    color: #ff1919;

    background-color: #ffebeb; }

  .contact-form .form-submit {

    margin-top: 50px;

    text-align: center; }

    .max-xs-size .contact-form .form-submit {

      margin-top: 25px; }



.contact-sent {

  position: relative;

  padding: 25px 0 95px; }

  .contact-sent .contact-sent-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;

    margin-top: 60px;

    background-color: #F3F3F3; }

  .contact-sent .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: 180px;

    height: 180px;

    margin: -60px auto 0;

    background-color: #F3F3F3;

    border: 10px solid #ffffff;

    border-radius: 50%; }

  .contact-sent .content {

    max-width: 685px;

    margin: 0 auto;

    padding: 55px 0 70px;

    text-align: center;

    letter-spacing: 0.05em; }

    .contact-sent .content .title {

      font-size: 25px; }

    .contact-sent .content .text {

      margin-top: 15px;

      line-height: 2; }

    .contact-sent .content .btn-style {

      margin-top: 45px; }



/* ------------------------------------------

 *  sitemap

 * ----------------------------------------- */

.sitemap-wrapper {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 25px 0 80px; }

  .max-bg-size .sitemap-wrapper {

    padding: 0 0 75px; }

  .max-md-size .sitemap-wrapper {

    padding: 0 0 50px; }

  .max-xs-size .sitemap-wrapper {

    padding: 0 0 25px; }

  .min-md-size .sitemap-wrapper .sitemap-box {

    width: calc(25% - 195px/4);

    margin: 65px 65px 0 0; }

    .min-md-size .sitemap-wrapper .sitemap-box:nth-child(-n+4) {

      margin-top: 0; }

    .min-md-size .sitemap-wrapper .sitemap-box:nth-child(4n+0) {

      margin-right: 0; }

  .max-md-size.min-sm-size .sitemap-wrapper .sitemap-box {

    width: calc(100%/3 - 100px/3);

    margin: 50px 50px 0 0; }

    .max-md-size.min-sm-size .sitemap-wrapper .sitemap-box:nth-child(-n+3) {

      margin-top: 0; }

    .max-md-size.min-sm-size .sitemap-wrapper .sitemap-box:nth-child(3n+0) {

      margin-right: 0; }

  .max-sm-size.min-xs-size .sitemap-wrapper .sitemap-box {

    width: calc(50% - 25px);

    margin: 50px 50px 0 0; }

    .max-sm-size.min-xs-size .sitemap-wrapper .sitemap-box:nth-child(-n+2) {

      margin-top: 0; }

    .max-sm-size.min-xs-size .sitemap-wrapper .sitemap-box:nth-child(2n+0) {

      margin-right: 0; }

  .max-xs-size .sitemap-wrapper .sitemap-box {

    width: 100%; }

    .max-xs-size .sitemap-wrapper .sitemap-box + .sitemap-box {

      margin-top: 50px; }

  .sitemap-wrapper .sitemap-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;

    margin: 0 auto;

    width: 65px;

    height: 65px; }

    .sitemap-wrapper .sitemap-box .icon img {

      display: block; }

  .sitemap-wrapper .sitemap-box .content {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #D4D4D4;

    text-align: center; }

    .sitemap-wrapper .sitemap-box .content .title {

      font-size: 20px;

      font-weight: 700px;

      color: #1D2089;

      letter-spacing: 0.05em; }

    .sitemap-wrapper .sitemap-box .content ul {

      margin-top: 20px;

      font-size: 16px;

      line-height: 1.25; }

      .sitemap-wrapper .sitemap-box .content ul li + li {

        margin-top: 15px; }

      .sitemap-wrapper .sitemap-box .content ul a:hover {

        color: #53C3F1; }

    .max-xs-size .sitemap-wrapper .sitemap-box .content {

      margin-top: 15px; }

      .max-xs-size .sitemap-wrapper .sitemap-box .content .title {

        font-size: 18px; }

      .max-xs-size .sitemap-wrapper .sitemap-box .content ul {

        margin-top: 15px; }



/* ------------------------------------------

 *  terms

 * ----------------------------------------- */

.terms-wrapper {

  position: relative;

  padding: 25px 35px 105px;

  counter-reset: seciton; }

  .max-bg-size .terms-wrapper {

    padding: 0 0 75px; }

  .max-md-size .terms-wrapper {

    padding: 0 0 50px; }

  .max-xs-size .terms-wrapper {

    padding: 0 0 25px; }

  .terms-wrapper .terms-section {

    font-size: 16px;

    line-height: 2;

    letter-spacing: 0.05em;

    counter-increment: section; }

    .max-xs-size .terms-wrapper .terms-section {

      line-height: 1.75; }

    .terms-wrapper .terms-section .title {

      font-size: 22px;

      line-height: 1.25;

      padding-bottom: 15px;

      margin-bottom: 35px;

      border-bottom: 1px solid #D4D4D4; }

      .terms-wrapper .terms-section .title::before {

        content: counter(section,decimal-leading-zero);

        font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

        font-size: 25px;

        font-weight: 700;

        color: #1D2089;

        margin-right: 0.5em; }

      .max-sm-size .terms-wrapper .terms-section .title {

        font-size: 20px; }

        .max-sm-size .terms-wrapper .terms-section .title::before {

          font-size: 22px; }

      .max-xs-size .terms-wrapper .terms-section .title {

        font-size: 18px;

        margin-bottom: 15px; }

        .max-xs-size .terms-wrapper .terms-section .title::before {

          font-size: 20px; }

    .terms-wrapper .terms-section + .terms-section {

      margin-top: 75px; }

      .max-md-size .terms-wrapper .terms-section + .terms-section {

        margin-top: 50px; }

      .max-xs-size .terms-wrapper .terms-section + .terms-section {

        margin-top: 25px; }



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