@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Anton|Lato:300,400,700|Prompt:300,400,500,600,700|PT+Sans:400,700");
@import url("fonts/css/style.css");
@import url("plugins/jquery-ui.css");
@import url("plugins/animate.css");
@import url("plugins/mCustomScrollbar.css");
@import url("plugins/bootstrap.css");
@import url("plugins/bootstrap-select.css");
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; }

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

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

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

button, input, select, textarea {
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal;
  outline: 0;
  border-radius: 0; }

button, select {
  text-transform: none; }

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

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

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

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

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

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

textarea {
  resize: none; }

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

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

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  min-height: 100% !important;
  font-size: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-text-size-adjust: 100%; }

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

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

input, button {
  border-radius: 0; }

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

body {
  overflow-x: hidden;
  font-family: "Source Sans Pro", "Heiti TC", "Microsoft JhengHei";
  font-size: 18px;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden; }
  .max-sm-size body {
    font-size: 15px;
    line-height: 1.5em; }
  .safari body {
    -webkit-text-size-adjust: none; }

.wp {
  min-width: 320px;
  overflow: hidden; }

.wow {
  visibility: hidden; }
  .msie .wow {
    visibility: visible; }

button, a {
  outline: none !important; }

a, a:active {
  cursor: pointer;
  text-decoration: none; }

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

a.link, .editor a {
  color: #555555; }

.scrollbar, .scrollbarX {
  -webkit-overflow-scrolling: touch; }

.scrollbarX {
  overflow-x: auto; }

.jqimgFill, .wp {
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s; }

table {
  -webkit-backface-visibility: visible; }

.table {
  width: 100%;
  border-collapse: collapse; }

.msie .table {
  table-layout: fixed; }

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

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  line-height: normal; }

.title {
  line-height: 1em; }
  .title.main-title {
    font-size: 40px;
    letter-spacing: 0.02em; }
    .max-bg-size .title.main-title {
      font-size: 35px; }
    .max-sm-size .title.main-title {
      font-size: 24px; }
      .align-block{max-width:65%;margin:0 auto;display:block;}
      .max-bg-size .align-block{max-width:100%;}

.f14 {
  font-size: 14px; }
.f15 {
  font-size: 15px; }
  .max-sm-size .f15 {
    font-size: 14px; }

.f16 {
  font-size: 16px; }
  .max-sm-size .f16 {
    font-size: 15px; }

.f18 {
  font-size: 17px; }
  .max-sm-size .f18 {
    font-size: 15px; }

.f20 {
  font-size: 20px; }
  .max-sm-size .f20 {
    font-size: 16px; }

.f22 {
  font-size: 22px; }
  .max-sm-size .f22 {
    font-size: 18px; }

.f24 {
  font-size: 24px; }
  .max-sm-size .f24 {
    font-size: 20px; }

.f25 {
  font-size: 25px; }
  .max-sm-size .f25 {
    font-size: 20px; }

.f30 {
  font-size: 30px; }
  .max-sm-size .f30 {
    font-size: 22px; }

.f32 {
  font-size: 32px; }
  .max-sm-size .f32 {
    font-size: 22px; }

.f35 {
  font-size: 35px; }
  .max-sm-size .f35 {
    font-size: 24px; }

.f40 {
  font-size: 40px; }
  .max-sm-size .f40 {
    font-size: 28px; }

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

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

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

.t-justify:lang(zh-TW) {
  text-align: justify !important; }

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

.t-italic {
  font-style: italic; }

.lh-a {
  line-height: 1em; }

.lh-b {
  line-height: 1.5em; }

.lh-c {
  line-height: 1.6em; }

.lh-d {
  line-height: 2em; }

.t-white {
  color: #fff; }

.t-black {
  color: #000; }

.t-lightBlue {
  color: #4286C5; }

.t-darkBlue {
  color: #17283A; }

.t-muddyGold {
  color: #BA9250; }

/* ------------------------------------------
 *  list style
 * ----------------------------------------- */
ul.noneStyle {
  margin: 0;
  padding: 0; }
  ul.noneStyle > li {
    list-style: none; }

dl, dt, dd {
  margin: 0; }

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

img {
  max-width: 100%;
  height: auto;
  border: 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; }

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

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

.hoverScale .pic {
  -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-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
.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); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ------------------------------------------
 *  buttons
 * ----------------------------------------- */
.btn {
  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;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 1em;
  text-align: center;
  background: none;
  border: none;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .btn.btn-circle {
    width: 55px;
    height: 55px;
    border-radius: 50%; }
    .max-sm-size .btn.btn-circle {
      width: 40px;
      height: 40px; }
  .btn.btn-rect {
    padding: 0 25px;
    height: 55px; }
    .max-sm-size .btn.btn-rect {
      padding: 0 15px;
      height: 40px; }
    .btn.btn-rect.fix-width {
      width: 195px; }
      .max-sm-size .btn.btn-rect.fix-width {
        width: 140px; }
  .btn.fill {
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color; }
    .btn.fill.fill-gold {
      color: #fff;
      background-color: #9C7D40; }
      .btn.fill.fill-gold svg {
        fill: #fff; }
      .btn.fill.fill-gold:hover {
        background-color: #BA9250; }
    .btn.fill.fill-white {
      color: #000;
      background-color: #fff; }
      .btn.fill.fill-white:hover {
        color: #fff;
        background-color: #BA9250; }
    .btn.fill.fill-darkBlue {
      color: #fff;
      background-color: #17283A; }
      .btn.fill.fill-darkBlue svg {
        fill: #fff; }
      .btn.fill.fill-darkBlue:hover {
        background-color: #4286C5; }
  .btn.border {
    border-width: 1px;
    border-style: solid;
    -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; }
    .btn.border.border-white {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.3); }
      .btn.border.border-white:hover {
        background-color: #BA9250;
        border-color: #BA9250; }

/* ------------------------------------------
 *  editor
 * ----------------------------------------- */
.editor-style p {
  margin: 0; }
.editor-style img {
  display: block; }
.editor-style * + p, .editor-style * + img, .editor-style * + figure, .editor-style * + ul, .editor-style * + ol, .editor-style * + iframe, .editor-style * + table, .editor-style * + .video-box {
  margin-top: 1em; }
  .max-sm-size .editor-style * + p, .max-sm-size .editor-style * + img, .max-sm-size .editor-style * + figure, .max-sm-size .editor-style * + ul, .max-sm-size .editor-style * + ol, .max-sm-size .editor-style * + iframe, .max-sm-size .editor-style * + table, .max-sm-size .editor-style * + .video-box {
    margin-top: 0.75em; }
.editor-style ul:not(.noneStyle) {
  list-style-type: radio;
  margin: 0;
  padding: 0 0 1.5em;
  line-height: 1em; }
  .editor-style ul:not(.noneStyle) li + li {
    margin-top: 0.75em; }
    .max-sm-size .editor-style ul:not(.noneStyle) li + li {
      margin-top: 0.5em; }
.editor-style ul.pic-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .min-sm-size .editor-style ul.pic-list li {
    width: calc(50% - 5px/2);
    margin: 5px 5px 0 0; }
    .min-sm-size .editor-style ul.pic-list li:nth-child(-n+2) {
      margin-top: 0; }
    .min-sm-size .editor-style ul.pic-list li:nth-child(2n+0) {
      margin-right: 0; }
  .max-sm-size .editor-style ul.pic-list li {
    width: 100%; }
    .max-sm-size .editor-style ul.pic-list li + li {
      margin-top: 5px; }

/* ------------------------------------------
 *  video
 * ----------------------------------------- */
.video-box {
  position: relative; }
  .video-box video {
    display: block; }
  .video-box.for-iframe {
    padding-bottom: 56.25%; }
    .video-box.for-iframe iframe {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .video-box .video-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-box .video-controls .btn-play {
      width: 65px;
      height: 65px;
      background-color: #fff;
      border-radius: 50%;
      font-size: 12px;
      -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-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
      .max-sm-size .video-box .video-controls .btn-play {
        width: 45px;
        height: 45px; }
      .video-box .video-controls .btn-play i {
        margin-left: 3px; }
      .video-box .video-controls .btn-play:hover {
        background-color: #BA9250;
        color: #fff; }
    .ios .video-box .video-controls, .safari .video-box .video-controls, .max-md-size .video-box .video-controls {
      display: none; }

/* ------------------------------------------
 *  form
 * ----------------------------------------- */
input, select, button, textarea {
  font-family: inherit; }

textarea {
  resize: none; }

::-webkit-input-placeholder {
  color: #999; }
:-moz-placeholder {
  color: #999; }
::-moz-placeholder {
  color: #999; }
:-ms-input-placeholder {
  color: #999; }
.form-control {
  color: inherit;
  font-size: inherit;
  border: 1px solid #C5C5C5;
  outline: none;
  background: none;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-transition-property: border-color, box-shadow, background-color;
  -o-transition-property: border-color, box-shadow, background-color;
  -webkit-transition-property: border-color, box-shadow, background-color;
  transition-property: border-color, box-shadow, background-color;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .form-control:focus {
    outline: 0;
    border-color: #C19C59 !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 155, 89, 0.25);
    -moz-box-shadow: 0 0 0 0.2rem rgba(193, 155, 89, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(193, 155, 89, 0.25); }

.form .form-fieldset {
  max-width: 850px;
  margin: 0 auto;
  padding-left: 35px;
  padding-right: 35px; }
  .form .form-fieldset .form-legend {
    margin-bottom: 40px;
    letter-spacing: 0.05em; }
    .max-sm-size .form .form-fieldset .form-legend {
      margin-bottom: 25px; }
.min-md-size .form .form-row {
  margin-left: -10px;
  margin-right: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.form .form-row + .form-row {
  margin-top: 40px; }
  .max-sm-size .form .form-row + .form-row {
    margin-top: 25px; }
.form .form-row .form-group {
  position: relative; }
  .min-md-size .form .form-row .form-group {
    margin: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .max-md-size .form .form-row .form-group + .form-group {
    margin-top: 25px; }
  .form .form-row .form-group .form-label {
    position: absolute;
    z-index: 2;
    top: -12.5px;
    left: 15px;
    display: inline-block;
    height: 25px;
    padding: 0 10px;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 25px;
    background-color: #fff; }
    .form .form-row .form-group .form-label span {
      display: inline-block;
      margin-left: 5px; }
  .form .form-row .form-group .form-control {
    display: block;
    width: 100%;
    height: 70px;
    font-size: 18px;
    letter-spacing: 0.05em;
    border-color: #D2D2D2;
    border-radius: 0;
    outline: none;
    background: #fff;
    padding: 0 20px; }
    .max-sm-size .form .form-row .form-group .form-control {
      height: 55px;
      padding: 0 15px;
      font-size: 16px; }
    .form .form-row .form-group .form-control:hover {
      background: #fff !important; }
  .form .form-row .form-group textarea.form-control {
    padding: 20px;
    height: auto !important; }
    .max-sm-size .form .form-row .form-group textarea.form-control {
      padding: 15px; }
  .form .form-row .form-group .bootstrap-select {
    width: 100%; }
    .form .form-row .form-group .bootstrap-select > .dropdown-toggle .filter-option {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .form .form-row .form-group .bootstrap-select > .dropdown-toggle::after {
      border-top-width: 0.25em;
      border-right-width: 0.15em;
      border-left-width: 0.15em; }
    .form .form-row .form-group .bootstrap-select > .dropdown-menu {
      margin: -1px 0 0;
      border: 1px solid #C5C5C5;
      border-radius: 0; }
      .form .form-row .form-group .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .disabled {
        display: none; }
      .form .form-row .form-group .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none; }
        .form .form-row .form-group .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item:hover {
          background-color: #f5f5f5; }
        .form .form-row .form-group .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item:focus, .form .form-row .form-group .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item.active, .form .form-row .form-group .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item:active {
          color: #ffffff;
          background-color: #BA9250; }
  .form .form-row .form-group .form-icon {
    position: absolute;
    top: calc(50% - 10px);
    right: 20px; }
    .form .form-row .form-group .form-icon i {
      display: block;
      width: 20px;
      height: 20px;
      font-size: 20px; }
  .form .form-row .form-group .code {
    position: absolute;
    display: block;
    width: auto;
    max-height: calc(100% - 20px);
    top: 10px;
    right: 10px;
    bottom: 10px; }
.form .form-submit {
  margin-top: 50px; }
  .max-sm-size .form .form-submit {
    margin-top: 25px; }

/* ------------------------------------------
 *  others
 * ----------------------------------------- */
.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; }

.ui-datepicker {
  z-index: 2 !important; }

/* ------------------------------------------
 *  layout
 * ----------------------------------------- */
.main {
  display: block; }

.primary {
  background-color: #fff; }
  .primary.bg-gray {
    background-color: #F1F1F1; }

.container {
  width: calc(100vw - 120px);
  max-width: 1550px;
  margin: 0 auto; }
  .container.full {
    max-width: none; }
  .max-bg-size .container {
    width: calc(100vw - 100px); }
  .max-sm-size .container {
    width: calc(100vw - 50px); }
  .container.relative {
    width: calc(100% - 120px); }
    .max-bg-size .container.relative {
      width: calc(100% - 100px); }
    .max-sm-size .container.relative {
      width: calc(100% - 50px); }

.banner {
  position: relative; }
  .banner .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
    .banner .container .inner {
      color: #fff; }
      .banner .container .inner .title-box {
        font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif; }
        .banner .container .inner .title-box .title, .banner .container .inner .title-box .sub {
          letter-spacing: 0.05em; }
        .banner .container .inner .title-box .title {
          text-transform: uppercase;
          font-size: 85px;
          font-weight: 500;
          -webkit-animation-delay: 0.5s;
          -moz-animation-delay: 0.5s;
          -o-animation-delay: 0.5s;
          animation-delay: 0.5s; }
          .max-xl-size .banner .container .inner .title-box .title {
            font-size: 60px; }
          .max-sm-size .banner .container .inner .title-box .title {
            font-size: 30px; }
        .banner .container .inner .title-box .sub {
          margin-top: 25px;
          font-size: 55px;
          font-weight: 700;
          -webkit-animation-delay: 0.6s;
          -moz-animation-delay: 0.6s;
          -o-animation-delay: 0.6s;
          animation-delay: 0.6s; }
          .max-xl-size .banner .container .inner .title-box .sub {
            font-size: 36px; }
          .max-sm-size .banner .container .inner .title-box .sub {
            margin-top: 10px;
            font-size: 24px; }
      .banner .container .inner .text-box {
        font-size: 18px;
        -webkit-animation-delay: 0.75s;
        -moz-animation-delay: 0.75s;
        -o-animation-delay: 0.75s;
        animation-delay: 0.75s; }
        .max-sm-size .banner .container .inner .text-box {
          display: none; }
    .banner .container .subnav {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 99;
      -moz-transition: transform 0.5s ease-in-out;
      -o-transition: transform 0.5s ease-in-out;
      -webkit-transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out; }
      .min-sm-size .banner .container .subnav .subnav-toggle {
        display: none; }
      .banner .container .subnav .subnav-toggle .btn {
        width: 100%;
        height: 40px;
        padding: 0 15px;
        background-color: rgba(22, 41, 57, 0.5);
        font-size: 14px;
        color: #fff;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -moz-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        -webkit-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out; }
        .banner .container .subnav .subnav-toggle .btn:after {
          font-family: "icomoon" !important;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: block;
          content: ""; }
      .min-sm-size .banner .container .subnav ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-color: rgba(22, 41, 57, 0.5);
        overflow: hidden;
        -moz-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        -webkit-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out; }
        .min-sm-size .banner .container .subnav ul li {
          position: relative;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .min-sm-size .banner .container .subnav ul li:before {
            content: "";
            position: absolute;
            left: calc(50% - 5px);
            bottom: 0;
            display: block;
            width: 10px;
            height: 10px;
            opacity: 0;
            border-bottom: 6px solid #fff;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            -moz-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out; }
          .min-sm-size .banner .container .subnav ul li + li {
            border-left: 1px solid rgba(255, 255, 255, 0.15); }
          .min-sm-size .banner .container .subnav 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;
            height: 60px;
            color: #fff;
            font-size: 16px;
            -moz-transition-property: background-color;
            -o-transition-property: background-color;
            -webkit-transition-property: background-color;
            transition-property: background-color;
            padding:0 5px 0 8px;line-height:1.3em;
          }
            .min-sm-size .banner .container .subnav ul li a:hover {
              background-color: rgba(67, 134, 197, 0.5); }
          .min-sm-size .banner .container .subnav ul li.current:before {
            opacity: 1; }
          .min-sm-size .banner .container .subnav ul li.current a {
            background-color: #4286C5;
            pointer-events: none; }
      .max-sm-size .banner .container .subnav ul {
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        z-index: 5;
        background-color: #17283A; }
        .max-sm-size .banner .container .subnav ul li a {
          display: block;
          padding: 15px;
          font-size: 15px;
          line-height: 1em;
          color: #fff; }
        .max-sm-size .banner .container .subnav ul li.current a {
          background-color: #4286C5;
          pointer-events: none; }
      .banner .container .subnav.sticky {
        position: fixed;
        bottom: auto;
        z-index: 99; }
        .min-sm-size .banner .container .subnav.sticky {
          top: -60px;
          -moz-transform: translateY(140px);
          -o-transform: translateY(140px);
          -ms-transform: translateY(140px);
          -webkit-transform: translateY(140px);
          transform: translateY(140px); }
          .min-sm-size .banner .container .subnav.sticky ul {
            background-color: #162939; }
        .min-sm-size.msie .banner .container .subnav.sticky, .min-sm-size.safari .banner .container .subnav.sticky, .min-sm-size.edge .banner .container .subnav.sticky {
          top: 80px;
          -moz-transform: translateY(0);
          -o-transform: translateY(0);
          -ms-transform: translateY(0);
          -webkit-transform: translateY(0);
          transform: translateY(0); }
        .max-sm-size .banner .container .subnav.sticky {
          top: 55px; }
          .max-sm-size .banner .container .subnav.sticky .subnav-toggle .btn {
            background-color: #162939; }
          .max-sm-size .banner .container .subnav.sticky ul {
            background-color: rgba(22, 41, 57, 0.9); }
  .banner.default {
    height: calc(7500vw/192); }
    .max-md-size.min-xs-size .banner.default {
      height: 50vw; }
    .banner.default .container {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .banner.default .container .inner {
        text-align: center; }
        .banner.default .container .inner .title-box .title {
          line-height: 0.75em; }
        .banner.default .container .inner .text-box {
          margin-top: 20px;
          letter-spacing: 0.1em; }
    .max-xs-size .banner.default {
      height: 100vw; }
  .banner.fullscreen {
    height: 100vh; }
    .banner.fullscreen .container {
      padding-top: 140px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .max-lg-size .banner.fullscreen .container {
        -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: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
      .max-sm-size .banner.fullscreen .container {
        padding-top: 0; }
      .min-lg-size .banner.fullscreen .container .inner {
        max-width: calc(50% + 50px); }
      .banner.fullscreen .container .inner .title-box .title {
        line-height: 0.95em; }
      .min-xl-size .banner.fullscreen .container .inner .title-box .sub {
        font-size: 50px; }
      .banner.fullscreen .container .inner .text-box {
        margin-top: 30px;
        letter-spacing: 0.05em; }
      .banner.fullscreen .container .button-box {
        margin-top: 25px; }
        .min-lg-size .banner.fullscreen .container .button-box {
          display: none; }
        .max-sm-size .banner.fullscreen .container .button-box {
          margin-top: 20px; }
        .banner.fullscreen .container .button-box .btn {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          font-size: 14px;
          letter-spacing: 1px;
          text-transform: uppercase; }
      .banner.fullscreen .container .video-box {
        width: 675px;
        max-width: calc(50% - 100px); }
        .banner.fullscreen .container .video-box.for-iframe {
          padding-bottom: 0; }
          .banner.fullscreen .container .video-box.for-iframe::before {
            content: "";
            display: block;
            padding-bottom: 56.25%; }
        .max-lg-size .banner.fullscreen .container .video-box {
          display: none; }
    .max-sm-size .banner.fullscreen {
      height: 100vw; }

.composition {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .max-md-size .composition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .composition .text-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .composition .pic-container {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }

ul.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;
  margin-top: 100px; }
  .max-xl2-size ul.pagination {
    margin-top: 75px; }
  .max-xl-size ul.pagination {
    margin-top: 50px; }
  .max-sm-size ul.pagination {
    margin-top: 25px; }
  .min-sm-size ul.pagination li + li {
    margin-left: 5px; }
  ul.pagination 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;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 0.75em;
    -moz-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color; }
    .max-sm-size ul.pagination li a {
      width: 35px;
      height: 35px; }
    ul.pagination li a:hover {
      color: #fff;
      background-color: #BA9250; }
  ul.pagination li.num {
    font-size: 16px; }
    .max-sm-size ul.pagination li.num {
      font-size: 12px; }
    ul.pagination li.num.current a {
      pointer-events: none;
      background-color: #F1F1F1; }
  ul.pagination li.jump {
    font-size: 22px; }
    .max-sm-size ul.pagination li.jump {
      font-size: 16px; }

.article-head {
  padding-bottom: 25px;
  border-bottom: 1px solid #D4D4D4; }
  .article-head .date {
    display: block; }
  .article-head .date, .article-head .title {
    letter-spacing: 0.05em; }
  .article-head .title {
    margin-top: 15px; }

.article-main {
  margin-top: 25px;
  color: #7B7B7B;
  letter-spacing: 0.05em; }

.article-foot {
  margin-top: 55px; }
  .max-xl-size .article-foot {
    margin-top: 50px; }
  .max-sm-size .article-foot {
    margin-top: 25px; }
  .article-foot .share-box {
    line-height: 1;
    margin-bottom: 50px; }
    .max-sm-size .article-foot .share-box {
      margin-bottom: 25px; }
    .article-foot .share-box .share-label {
      display: block;
      margin-right: 10px; }
    .article-foot .share-box a {
      display: block;
      font-size: 22px; }
  .article-foot .navigate-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 65px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); }
    .max-xl-size .article-foot .navigate-box {
      margin-top: 50px; }
    .max-sm-size .article-foot .navigate-box {
      margin-top: 25px; }
    .article-foot .navigate-box li {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      max-width: 50%; }
      .article-foot .navigate-box li + li:before {
        content: "";
        position: absolute;
        top: 30px;
        left: 0;
        bottom: 30px;
        display: block;
        width: 1px;
        background-color: #D4D4D4; }
        .max-bg-size .article-foot .navigate-box li + li:before {
          top: 15px;
          bottom: 15px; }
      .article-foot .navigate-box li 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;
        padding: 35px 55px;
        -moz-transition-property: background-color;
        -o-transition-property: background-color;
        -webkit-transition-property: background-color;
        transition-property: background-color; }
        .max-xl-size .article-foot .navigate-box li a {
          padding: 35px; }
        .max-md-size .article-foot .navigate-box li a {
          padding: 25px; }
        .article-foot .navigate-box li a:hover {
          background-color: #fafafa; }
        .article-foot .navigate-box li a .pic {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 100px;
          height: 100px;
          overflow: hidden;
          border-radius: 50%; }
          .max-md-size .article-foot .navigate-box li a .pic {
            display: none; }
        .article-foot .navigate-box li a .text {
          width: calc(100% - 125px); }
          .max-md-size .article-foot .navigate-box li a .text {
            width: 100%; }
          .article-foot .navigate-box li a .text span {
            display: block;
            letter-spacing: 0.05em; }
            .article-foot .navigate-box li a .text span.sub {
              display: block;
              color: #787878;
              font-size: 15px; }
              .max-sm-size .article-foot .navigate-box li a .text span.sub {
                text-align: center; }
            .article-foot .navigate-box li a .text span.title {
              margin-top: 10px;
              height: 3em;
              overflow: hidden; }
              .max-sm-size .article-foot .navigate-box li a .text span.title {
                display: none; }
      .article-foot .navigate-box li.next a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }

/* ------------------------------------------
 *  fullpage
 * ----------------------------------------- */
html.fp-enabled, .fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -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); }
  .fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent; }
  .fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff; }

.fp-scrollable {
  overflow: hidden;
  position: relative; }

.fp-scroller {
  overflow: hidden; }

.iScrollIndicator {
  border: 0 !important; }

.fp-notransition {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none; }

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -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); }
  .max-sm-size #fp-nav {
    display: none; }
  #fp-nav.right {
    right: 85px; }
    .max-bg-size #fp-nav.right {
      right: 50px; }
    .max-lg-size #fp-nav.right {
      right: 15px; }
  #fp-nav.left {
    left: 85px; }
    .max-bg-size #fp-nav.left {
      left: 50px; }
    .max-lg-size #fp-nav.left {
      left: 15px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -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);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important; }
  .fp-slidesNav.bottom {
    bottom: 17px; }
  .fp-slidesNav.top {
    top: 17px; }
  .fp-slidesNav ul li {
    display: inline-block; }

#fp-nav ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0; }
  #fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative; }
    #fp-nav ul li a, .fp-slidesNav ul li a {
      display: block;
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      cursor: pointer;
      text-decoration: none; }
      #fp-nav ul li a span, .fp-slidesNav ul li a span {
        border-radius: 50%;
        position: absolute;
        z-index: 1;
        height: 6px;
        width: 6px;
        border: 0;
        background: #fff;
        left: 50%;
        top: 50%;
        margin: -2px 0 0 -2px;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
      #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
        border-radius: 100%;
        background-color: #9C7D40; }
    #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
      border-radius: 100%;
      background-color: #9C7D40; }

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important; }

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important; }

/* ------------------------------------------
 *  slick
 * ----------------------------------------- */
/* Slider */
.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 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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; }

/* Slider */
.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  z-index: 10;
  display: block;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
      opacity: 0.75; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before, .slick-next:before {
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 1;
    -moz-transition: opacity, ease-in-out, 0.3s;
    -o-transition: opacity, ease-in-out, 0.3s;
    -webkit-transition: opacity, ease-in-out, 0.3s;
    transition: opacity, ease-in-out, 0.3s; }

.slick-prev {
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: 0; }
  [dir="rtl"] .slick-next {
    left: 0;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-dotted.slick-slider {
  padding-bottom: 50px; }
  .max-md-size .slick-dotted.slick-slider {
    padding-bottom: 35px; }

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 2px;
    cursor: pointer;
    border-radius: 50%; }
    .slick-dots li.slick-active {
      border: 1px solid #4286C5; }
    .slick-dots li button {
      border: 0;
      background-color: #D2D2D2;
      border-radius: 50%;
      display: block;
      height: 10px;
      width: 10px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
    .slick-dots li.slick-active button {
      background-color: #4286C5; }

/* ------------------------------------------
 *  parallax
 * ----------------------------------------- */
.parallax-mirror {
  opacity: 0;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

/* ------------------------------------------
 *  bootstrap form
 * ----------------------------------------- */
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8); }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545 !important; }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated {
  display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

/* ------------------------------------------
 *  keyframes
 * ----------------------------------------- */
@-webkit-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@-moz-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@-o-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@-ms-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@-webkit-keyframes jump {
  0% {
    margin-top: -10px; }
  100% {
    margin-top: 0; } }
@-moz-keyframes jump {
  0% {
    margin-top: -10px; }
  100% {
    margin-top: 0; } }
@-o-keyframes jump {
  0% {
    margin-top: -10px; }
  100% {
    margin-top: 0; } }
@-ms-keyframes jump {
  0% {
    margin-top: -10px; }
  100% {
    margin-top: 0; } }
@keyframes jump {
  0% {
    margin-top: -10px; }
  100% {
    margin-top: 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; } }
/* ------------------------------------------
 *  navbar
 * ----------------------------------------- */
.body-fixed {
  overflow-y: hidden !important; }

#header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out; }
  #header.on-scroll {
    background-color: #fff; }
    #header.on-scroll .navbar {
      height: 80px; }
      .max-sm-size #header.on-scroll .navbar {
        width: calc(100% - 30px);
        height: 55px; }
      #header.on-scroll .navbar .menu-toggle .lang li {
        color: #000; }
        #header.on-scroll .navbar .menu-toggle .lang li + li {
          border-left-color: rgba(0, 0, 0, 0.5); }
      #header.on-scroll .navbar .menu-toggle a span.bar {
        background-color: #000; }
      #header.on-scroll .navbar .menu-toggle a span:not(.bar) {
        color: #000; }
  #header.menu-opened {
    z-index: 1001; }
    .min-md-size #header.menu-opened .navbar .navbar-logo {
      opacity: 0;
      -moz-transition: opacity 0.1s ease-in-out;
      -o-transition: opacity 0.1s ease-in-out;
      -webkit-transition: opacity 0.1s ease-in-out;
      transition: opacity 0.1s ease-in-out; }
    #header.menu-opened .navbar .menu-toggle a span.bar {
      width: 0;
      -moz-transition-delay: 0;
      -o-transition-delay: 0;
      -webkit-transition-delay: 0;
      transition-delay: 0; }
    #header.menu-opened .menu .close-toggle {
      z-index: 1001; }
      #header.menu-opened .menu .close-toggle a {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1; }
    #header.menu-opened .menu .menu-inner .mainlinks .col {
      opacity: 1;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }
      #header.menu-opened .menu .menu-inner .mainlinks .col:nth-of-type(1) a .text-box {
        -moz-transition-delay: 0.35s;
        -o-transition-delay: 0.35s;
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s; }
      #header.menu-opened .menu .menu-inner .mainlinks .col:nth-of-type(2) {
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s; }
        #header.menu-opened .menu .menu-inner .mainlinks .col:nth-of-type(2) a .text-box {
          -moz-transition-delay: 0.4s;
          -o-transition-delay: 0.4s;
          -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
      #header.menu-opened .menu .menu-inner .mainlinks .col:nth-of-type(3) {
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
        #header.menu-opened .menu .menu-inner .mainlinks .col:nth-of-type(3) a .text-box {
          -moz-transition-delay: 0.45s;
          -o-transition-delay: 0.45s;
          -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s; }
      #header.menu-opened .menu .menu-inner .mainlinks .col a .text-box {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0); }
  #header .navbar {
    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: 140px;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    -webkit-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out; }
    .max-sm-size #header .navbar {
      height: 90px; }
    #header .navbar .navbar-logo {
      -moz-transition: opacity 1s 0.5s ease;
      -o-transition: opacity 1s 0.5s ease;
      -webkit-transition: opacity 1s 0.5s ease;
      transition: opacity 1s 0.5s ease; }
      #header .navbar .navbar-logo .logo {
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1;
        opacity: 0;
        width: 120px;
        -moz-transition-property: opacity, z-index, width;
        -o-transition-property: opacity, z-index, width;
        -webkit-transition-property: opacity, z-index, width;
        transition-property: opacity, z-index, width;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out; }
        .max-sm-size #header .navbar .navbar-logo .logo {
          width: 100px; }
        #header .navbar .navbar-logo .logo a, #header .navbar .navbar-logo .logo img {
          display: block; }
        #header .navbar .navbar-logo .logo.active {
          opacity: 1;
          z-index: 1; }
        #header .navbar .navbar-logo .logo.default {
          width: 150px; }
          .max-sm-size #header .navbar .navbar-logo .logo.default {
            width: 105px; }
    #header .navbar .menu-toggle {
      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-toggle .lang {
        margin-right: 25px; }
        .max-xs-size #header .navbar .menu-toggle .lang {
          margin-right: 15px; }
        #header .navbar .menu-toggle .lang li {
          display: inline-block;
          font-size: 16px;
          line-height: 1;
          color: #ffffff; }
          .max-xs-size #header .navbar .menu-toggle .lang li {
            font-size: 14px; }
          #header .navbar .menu-toggle .lang li + li {
            margin-left: 0.5em;
            padding-left: 0.75em;
            border-left: 1px solid rgba(255, 255, 255, 0.5); }
          #header .navbar .menu-toggle .lang li a {
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }
            #header .navbar .menu-toggle .lang li a:hover {
              opacity: 0.5; }
      #header .navbar .menu-toggle a {
        width: 40px; }
        .max-sm-size #header .navbar .menu-toggle a {
          width: 30px; }
        #header .navbar .menu-toggle a span {
          display: block;
          width: 100%;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
          -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }
          #header .navbar .menu-toggle a span + span {
            margin-top: 6px; }
          #header .navbar .menu-toggle a span:not(.bar) {
            font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
            top: 14px;
            font-size: 14px;
            text-align: center;
            text-transform: uppercase;
            line-height: 1em;
            color: #fff;
            -moz-transition-property: color;
            -o-transition-property: color;
            -webkit-transition-property: color;
            transition-property: color; }
            .max-sm-size #header .navbar .menu-toggle a span:not(.bar) {
              display: none; }
          #header .navbar .menu-toggle a span.bar {
            height: 2px;
            background-color: #fff;
            -moz-transition-property: width, background-color;
            -o-transition-property: width, background-color;
            -webkit-transition-property: width, background-color;
            transition-property: width, background-color; }
            #header .navbar .menu-toggle a span.bar:nth-of-type(1) {
              -moz-transition-delay: 0.4s;
              -o-transition-delay: 0.4s;
              -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s; }
            #header .navbar .menu-toggle a span.bar:nth-of-type(2) {
              -moz-transition-delay: 0.5s;
              -o-transition-delay: 0.5s;
              -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s; }
      #header .navbar .menu-toggle.dark .lang li {
        color: #000; }
      #header .navbar .menu-toggle.dark a span.bar {
        background-color: #000; }
      #header .navbar .menu-toggle.dark a span:not(.bar) {
        color: #000; }
  #header .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: #17283A; }
  #header .menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100; }
    #header .menu .close-toggle {
      position: fixed;
      top: 42.5px;
      right: 60px;
      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: 55px;
      height: 55px;
      z-index: -1; }
      .max-bg-size #header .menu .close-toggle {
        right: 50px; }
      .max-sm-size #header .menu .close-toggle {
        top: 25px;
        right: 25px;
        width: 40px;
        height: 40px; }
      #header .menu .close-toggle a {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: #fff;
        border-radius: 50%;
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: center;
        -o-transform-origin: center;
        -ms-transform-origin: center;
        -webkit-transform-origin: center;
        transform-origin: center;
        -moz-transition-property: transform, opacity;
        -o-transition-property: transform, opacity;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out; }
        #header .menu .close-toggle a:after {
          content: "";
          display: block;
          visibility: hidden;
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          pointer-events: none;
          border: 4px solid rgba(255, 255, 255, 0.75);
          border-radius: 50%;
          -webkit-animation-duration: 1.2s;
          -moz-animation-duration: 1.2s;
          -o-animation-duration: 1.2s;
          animation-duration: 1.2s;
          -webkit-animation-name: closeToggleBorder;
          -moz-animation-name: closeToggleBorder;
          -o-animation-name: closeToggleBorder;
          animation-name: closeToggleBorder;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -moz-transition: visibility 0.3s ease-in-out;
          -o-transition: visibility 0.3s ease-in-out;
          -webkit-transition: visibility 0.3s ease-in-out;
          transition: visibility 0.3s ease-in-out; }
          .max-md-size #header .menu .close-toggle a:after {
            display: none; }
        #header .menu .close-toggle a:hover:after {
          visibility: visible; }
        #header .menu .close-toggle a [class^="icon-"] {
          font-size: 25px;
          color: #000; }
    #header .menu .menu-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      counter-reset: section; }
      .max-md-size #header .menu .menu-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 140px; }
      .max-sm-size #header .menu .menu-inner {
        padding-top: 90px; }
      #header .menu .menu-inner .aside {
        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;
        padding: 55px 0; }
        .min-md-size #header .menu .menu-inner .aside {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          max-width: 25%; }
        .max-md-size #header .menu .menu-inner .aside {
          position: relative;
          padding: 50px; }
        .min-sm-size #header .menu .menu-inner .aside {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
        .max-sm-size #header .menu .menu-inner .aside {
          height: 175px;
          padding: 25px; }
        #header .menu .menu-inner .aside a:not(.btn) {
          display: block;
          color: #fff; }
        .max-md-size #header .menu .menu-inner .aside .aside-head {
          position: fixed;
          top: 0;
          left: 50px;
          height: 140px;
          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 #header .menu .menu-inner .aside .aside-head {
          left: 25px;
          height: 90px; }
        #header .menu .menu-inner .aside .aside-head .menu-logo {
          width: 150px; }
          .max-sm-size #header .menu .menu-inner .aside .aside-head .menu-logo {
            width: 105px; }
          #header .menu .menu-inner .aside .aside-head .menu-logo img {
            display: block; }
        .max-md-size #header .menu .menu-inner .aside .aside-body {
          -webkit-box-flex: 3;
          -ms-flex: 3;
          flex: 3; }
        #header .menu .menu-inner .aside .aside-body .links {
          font-size: 32px;
          line-height: 1em; }
          .min-md-size #header .menu .menu-inner .aside .aside-body .links {
            text-align: center; }
            .min-md-size #header .menu .menu-inner .aside .aside-body .links li + li {
              margin-top: 1.5em; }
          .max-md-size #header .menu .menu-inner .aside .aside-body .links {
            font-size: 24px;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
          .max-sm-size #header .menu .menu-inner .aside .aside-body .links {
            font-size: 20px; }
          #header .menu .menu-inner .aside .aside-body .links li a {
            position: relative; }
            #header .menu .menu-inner .aside .aside-body .links li a:after {
              content: "";
              position: absolute;
              left: 0;
              bottom: -10px;
              display: block;
              width: 0;
              height: 2px;
              background-color: #fff;
              -moz-transition: width 0.3s ease-in-out;
              -o-transition: width 0.3s ease-in-out;
              -webkit-transition: width 0.3s ease-in-out;
              transition: width 0.3s ease-in-out; }
            .min-md-size #header .menu .menu-inner .aside .aside-body .links li a:hover:after {
              width: 100%; }
        .min-xl-size #header .menu .menu-inner .aside .aside-foot {
          margin-bottom: 135px; }
        .max-xl-size.min-md-size #header .menu .menu-inner .aside .aside-foot {
          margin-bottom: 75px; }
        #header .menu .menu-inner .aside .aside-foot ul {
          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 #header .menu .menu-inner .aside .aside-foot ul {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .min-md-size #header .menu .menu-inner .aside .aside-foot ul + ul {
              margin-top: 50px; }
          #header .menu .menu-inner .aside .aside-foot ul.social {
            font-size: 18px; }
            #header .menu .menu-inner .aside .aside-foot ul.social li + li {
              margin-left: 15px; }
            .max-md-size #header .menu .menu-inner .aside .aside-foot ul.social {
              position: absolute;
              top: 50px;
              right: 50px; }
            .max-sm-size #header .menu .menu-inner .aside .aside-foot ul.social {
              top: 25px;
              right: 25px; }
              .max-sm-size #header .menu .menu-inner .aside .aside-foot ul.social .btn {
                width: 40px;
                height: 40px;
                font-size: 14px; }
      #header .menu .menu-inner .mainlinks {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .min-md-size #header .menu .menu-inner .mainlinks {
          max-width: 75%; }
        .max-md-size #header .menu .menu-inner .mainlinks {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
        .min-sm-size #header .menu .menu-inner .mainlinks {
          -webkit-box-flex: 4;
          -ms-flex: 4;
          flex: 4; }
        .max-sm-size #header .menu .menu-inner .mainlinks {
          height: calc(100% - 175px); }
        #header .menu .menu-inner .mainlinks .col {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          opacity: 0;
          -moz-transform: translateY(-100%);
          -o-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
          -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-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
          -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }
          .min-md-size #header .menu .menu-inner .mainlinks .col {
            max-width: calc(100%/3); }
          .max-md-size #header .menu .menu-inner .mainlinks .col {
            max-height: calc(100%/3); }
          #header .menu .menu-inner .mainlinks .col:nth-of-type(1) {
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -webkit-transition-delay: 0s;
            transition-delay: 0s; }
            #header .menu .menu-inner .mainlinks .col:nth-of-type(1) a .text-box {
              -moz-transition-delay: 0s;
              -o-transition-delay: 0s;
              -webkit-transition-delay: 0s;
              transition-delay: 0s; }
          #header .menu .menu-inner .mainlinks .col:nth-of-type(2) {
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -webkit-transition-delay: 0s;
            transition-delay: 0s; }
            #header .menu .menu-inner .mainlinks .col:nth-of-type(2) a .text-box {
              -moz-transition-delay: 0s;
              -o-transition-delay: 0s;
              -webkit-transition-delay: 0s;
              transition-delay: 0s; }
          #header .menu .menu-inner .mainlinks .col:nth-of-type(3) {
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -webkit-transition-delay: 0s;
            transition-delay: 0s; }
            #header .menu .menu-inner .mainlinks .col:nth-of-type(3) a .text-box {
              -moz-transition-delay: 0s;
              -o-transition-delay: 0s;
              -webkit-transition-delay: 0s;
              transition-delay: 0s; }
          #header .menu .menu-inner .mainlinks .col a {
            position: relative;
            display: block;
            height: 100%;
            padding: 55px 75px;
            color: #fff; }
            #header .menu .menu-inner .mainlinks .col a:before {
              position: absolute;
              z-index: 1;
              display: block; }
              .min-md-size #header .menu .menu-inner .mainlinks .col a:before {
                counter-increment: section;
                content: counter(section,decimal-leading-zero);
                top: 55px;
                left: 75px;
                font-family: "Anton", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
                font-size: 100px;
                line-height: 1em;
                color: rgba(255, 255, 255, 0.05); }
              .max-md-size #header .menu .menu-inner .mainlinks .col a:before {
                content: "";
                top: 0;
                left: 0;
                right: 0;
                height: 1px;
                background-color: rgba(255, 255, 255, 0.1); }
            .max-xl-size #header .menu .menu-inner .mainlinks .col a {
              padding: 55px; }
            .max-xl-size.min-bg-size #header .menu .menu-inner .mainlinks .col a:before {
              left: 55px; }
            .max-bg-size #header .menu .menu-inner .mainlinks .col a {
              padding: 25px; }
            .max-bg-size.min-md-size #header .menu .menu-inner .mainlinks .col 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;
              text-align: center; }
              .max-bg-size.min-md-size #header .menu .menu-inner .mainlinks .col a:before {
                top: 25px;
                left: 25px;
                right: 25px; }
            .max-sm-size #header .menu .menu-inner .mainlinks .col a {
              padding: 20px 25px; }
              @media screen and (max-height: 640px) {
                .max-sm-size #header .menu .menu-inner .mainlinks .col a {
                  padding: 15px 25px; } }
              .max-sm-size #header .menu .menu-inner .mainlinks .col a:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;
                background-color: rgba(0, 0, 0, 0.25); }
            #header .menu .menu-inner .mainlinks .col a .text-box {
              position: relative;
              opacity: 0;
              -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              -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-timing-function: ease-in-out;
              -o-transition-timing-function: ease-in-out;
              -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
              .min-bg-size #header .menu .menu-inner .mainlinks .col a .text-box {
                margin-top: 225px; }
              #header .menu .menu-inner .mainlinks .col a .text-box span {
                display: block; }
                #header .menu .menu-inner .mainlinks .col a .text-box span.title {
                  font-size: 32px; }
                  #header .menu .menu-inner .mainlinks .col a .text-box span.title:lang(en) {
                    font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif; }
                  .max-md-size #header .menu .menu-inner .mainlinks .col a .text-box span.title {
                    font-size: 24px; }
                  .max-sm-size #header .menu .menu-inner .mainlinks .col a .text-box span.title {
                    font-size: 20px; }
                #header .menu .menu-inner .mainlinks .col a .text-box span.sub {
                  margin-top: 15px;
                  font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
                  font-size: 28px;
                  font-weight: 300;
                  line-height: 1.25em;
                  letter-spacing: 0.5px; }
                  #header .menu .menu-inner .mainlinks .col a .text-box span.sub:lang(en) {
                    display: none; }
                  .min-bg-size #header .menu .menu-inner .mainlinks .col a .text-box span.sub {
                    max-width: 75%; }
                  .max-bg-size #header .menu .menu-inner .mainlinks .col a .text-box span.sub {
                    font-size: 24px; }
                  .max-md-size #header .menu .menu-inner .mainlinks .col a .text-box span.sub {
                    font-size: 18px; }
                  .max-sm-size #header .menu .menu-inner .mainlinks .col a .text-box span.sub {
                    margin-top: 10px;
                    font-size: 16px; }
                    @media screen and (max-height: 640px) {
                      .max-sm-size #header .menu .menu-inner .mainlinks .col a .text-box span.sub {
                        font-size: 13px; } }

/* ------------------------------------------
 *  footer
 * ----------------------------------------- */
#footer {
  position: relative;
  color: #8C8C8C;
  background-color: #041123; }
  #footer a {
    color: #8C8C8C; }
    #footer a:hover {
      color: #fff; }
  #footer .top {
    padding: 60px 0 35px; }
    .max-sm-size #footer .top {
      display: none; }
    #footer .top .logo {
      width: 150px; }
    #footer .top .links {
      margin-top: 30px; }
      #footer .top .links li + li {
        margin-left: 45px; }
  #footer .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 14px; }
    .max-sm-size #footer .bottom {
      -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: 15px 0;
      border-top: none; }
    #footer .bottom a {
      display: inline-block; }
    #footer .bottom .left a {
      margin-left: 25px; }
      .max-sm-size #footer .bottom .left a {
        display: none; }

/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
[class*='lightcase-icon-']:before {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em; }

/* Codes */
.lightcase-icon-play:before {
  content: '\e906'; }

.lightcase-icon-pause:before {
  content: '\e907'; }

.lightcase-icon-close:before {
  content: '\e902'; }

.lightcase-icon-prev:before {
  content: '\e908'; }

.lightcase-icon-next:before {
  content: '\e909'; }

.lightcase-icon-spin:before {
  content: '\e90a'; }

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

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

html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important; }
@media screen and (max-width: 480px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important; } }
@media screen and (min-width: 481px) {
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 480px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa; } }
@media screen and (min-width: 481px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333; } }

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

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

#lightcase-info {
  background-color: #fff;
  display: block !important;
  opacity: 1 !important;
  padding: 35px 50px; }
  #lightcase-info #lightcase-title,
  #lightcase-info #lightcase-caption {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: normal;
    text-overflow: ellipsis;
    letter-spacing: 0.05em; }
  #lightcase-info #lightcase-title {
    font-weight: 700;
    font-size: 22px;
    color: #4286C5; }
    @media screen and (max-width: 480px) {
      #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        color: #fff; } }
  #lightcase-info #lightcase-caption {
    margin-top: 5px;
    clear: both;
    font-size: 18px;
    color: #000; }
    @media screen and (max-width: 480px) {
      #lightcase-info #lightcase-caption {
        color: #fff;
        font-size: 16px;
        margin-top: 15px; } }
  #lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa; }
  @media screen and (max-width: 480px) {
    #lightcase-info {
      background: none; }
      .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px; }
      html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static; } }

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

@-webkit-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@-moz-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@-o-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@-ms-keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
@keyframes closeToggleBorder {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  80% {
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    transform: scale(1.6); } }
a[class*='lightcase-icon-'] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer; }
  a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s; }
  a[class*='lightcase-icon-'] > span {
    display: inline-block;
    text-indent: -9999px; }
  a[class*='lightcase-icon-']:hover {
    color: #fff;
    text-shadow: 0 0 15px #fff; }
  .lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
    color: #aaa;
    text-shadow: none; }
  a[class*='lightcase-icon-'].lightcase-icon-close {
    position: fixed;
    top: auto;
    right: calc(50% - 55px/2);
    bottom: 60px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 25px;
    line-height: 55px;
    color: #000;
    background-color: #fff;
    margin: 0;
    opacity: 0;
    outline: none;
    text-shadow: none; }
    .max-xl-size a[class*='lightcase-icon-'].lightcase-icon-close {
      bottom: 25px;
      width: 40px;
      height: 40px;
      line-height: 40px; }
    a[class*='lightcase-icon-'].lightcase-icon-close:after {
      content: '';
      display: block;
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
      border: 4px solid rgba(255, 255, 255, 0.75);
      border-radius: 50%;
      -webkit-animation-duration: 1.2s;
      -moz-animation-duration: 1.2s;
      -o-animation-duration: 1.2s;
      animation-duration: 1.2s;
      -webkit-animation-name: closeToggleBorder;
      -moz-animation-name: closeToggleBorder;
      -o-animation-name: closeToggleBorder;
      animation-name: closeToggleBorder;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      -o-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -moz-transition: visibility 0.3s ease-in-out;
      -o-transition: visibility 0.3s ease-in-out;
      -webkit-transition: visibility 0.3s ease-in-out;
      transition: visibility 0.3s ease-in-out; }
      .max-md-size a[class*='lightcase-icon-'].lightcase-icon-close:after {
        display: none; }
    a[class*='lightcase-icon-'].lightcase-icon-close:hover {
      color: #000; }
    a[class*='lightcase-icon-'].lightcase-icon-close:hover:after {
      visibility: visible; }
  a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px; }
  a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px; }
  a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em; }
    @media screen and (min-width: 481px) {
      a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0; } }
  @media screen and (max-width: 480px) {
    a[class*='lightcase-icon-'] {
      bottom: 15px;
      font-size: 24px; } }
  @media screen and (min-width: 481px) {
    a[class*='lightcase-icon-'] {
      bottom: 50%;
      margin-bottom: -0.5em; }
      a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
        opacity: 1; } }

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

/* ------------------------------------------
 *  home
 * ----------------------------------------- */
.home-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #17283A;
  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; }
  .home-overlay .logo, .home-overlay .title {
    width: 150px;
    visibility: hidden; }
    .home-overlay .logo img, .home-overlay .title img {
      display: block; }
  .home-overlay .title {
    margin-top: 15px; }

.index-section {
  position: relative; }
  .index-section .section-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .index-section .animated {
    visibility: visible !important; }
  .index-section .title br {
    display: none; }
  .index-section.home-banner .banner-slider {
    width: 100vw;
    height: 100%;
    background-color: #17283A; }
    .index-section.home-banner .banner-slider .slider-item {
      position: relative;
      width: 100%;
      height: 100vh; }
      .index-section.home-banner .banner-slider .slider-item .container {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%; }
        .max-sm-size .index-section.home-banner .banner-slider .slider-item .container {
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          padding-bottom: 25vh; }
        .max-xs-size .index-section.home-banner .banner-slider .slider-item .container {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .index-section.home-banner .banner-slider .slider-item .container .title-box {
          color: #fff;
          overflow: hidden; }
          .index-section.home-banner .banner-slider .slider-item .container .title-box .title, .index-section.home-banner .banner-slider .slider-item .container .title-box .sub, .index-section.home-banner .banner-slider .slider-item .container .title-box .text {
            visibility: hidden;
            letter-spacing: 0.05em; }
          .index-section.home-banner .banner-slider .slider-item .container .title-box .title {
            font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
            font-size: 120px;
            font-weight: 500;
            line-height: 0.95em;
            text-transform: uppercase; }
            .max-xl-size .index-section.home-banner .banner-slider .slider-item .container .title-box .title {
              font-size: 85px; }
            .max-lg-size .index-section.home-banner .banner-slider .slider-item .container .title-box .title {
              font-size: 70px; }
            .max-sm-size .index-section.home-banner .banner-slider .slider-item .container .title-box .title {
              font-size: 50px; }
            .max-xs-size .index-section.home-banner .banner-slider .slider-item .container .title-box .title {
              display: none; }
          .index-section.home-banner .banner-slider .slider-item .container .title-box .sub, .index-section.home-banner .banner-slider .slider-item .container .title-box .text {
            margin-top: 15px; }
          .index-section.home-banner .banner-slider .slider-item .container .title-box .sub {
            font-weight: 700;
            font-size: 45px; }
            .max-bg-size .index-section.home-banner .banner-slider .slider-item .container .title-box .sub {
              font-size: 36px; }
            .max-lg-size .index-section.home-banner .banner-slider .slider-item .container .title-box .sub {
              font-size: 28px; }
            .max-sm-size .index-section.home-banner .banner-slider .slider-item .container .title-box .sub {
              margin-top: 10px;
              font-size: 18px;
              font-weight: 400; }
          .index-section.home-banner .banner-slider .slider-item .container .title-box .text {
            font-size: 20px; }
            .max-bg-size .index-section.home-banner .banner-slider .slider-item .container .title-box .text {
              font-size: 18px; }
            .max-lg-size .index-section.home-banner .banner-slider .slider-item .container .title-box .text {
              font-size: 16px; }
            .max-sm-size .index-section.home-banner .banner-slider .slider-item .container .title-box .text {
              display: none !important; }
        .index-section.home-banner .banner-slider .slider-item .container .button-box {
          margin-top: 30px;
          visibility: hidden; }
          .max-sm-size .index-section.home-banner .banner-slider .slider-item .container .button-box {
            margin-top: 20px; }
          .index-section.home-banner .banner-slider .slider-item .container .button-box .btn {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 14px;
            letter-spacing: 1px;
            text-transform: uppercase; }
  .index-section.home-banner .banner-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px; }
    .min-sm-size .index-section.home-banner .banner-foot .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
    .max-sm-size .index-section.home-banner .banner-foot .container .left {
      display: none; }
    .index-section.home-banner .banner-foot .container .left ul li + li {
      margin-left: 15px; }
    .index-section.home-banner .banner-foot .container .right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .index-section.home-banner .banner-foot .container .right .banner-arrows {
        margin-right: 65px; }
        .max-sm-size .index-section.home-banner .banner-foot .container .right .banner-arrows {
          margin: 0 auto; }
        .index-section.home-banner .banner-foot .container .right .banner-arrows li + li {
          margin-left: 45px; }
        .index-section.home-banner .banner-foot .container .right .banner-arrows li .btn {
          position: relative;
          width: 100px;
          padding-bottom: 10px;
          color: #fff;
          font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
          font-size: 14px;
          text-transform: uppercase;
          overflow: visible; }
          .index-section.home-banner .banner-foot .container .right .banner-arrows li .btn:before {
            content: "";
            position: absolute;
            bottom: 0;
            display: block;
            width: 100px;
            height: 1px;
            background-color: #fff;
            -moz-transition: width 0.3s ease-in-out;
            -o-transition: width 0.3s ease-in-out;
            -webkit-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out; }
          .min-md-size .index-section.home-banner .banner-foot .container .right .banner-arrows li .btn:hover:before {
            width: 120px; }
          .index-section.home-banner .banner-foot .container .right .banner-arrows li .btn svg {
            fill: #fff;
            position: absolute;
            bottom: -3px;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -moz-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; }
            .msie .index-section.home-banner .banner-foot .container .right .banner-arrows li .btn svg {
              bottom: -12px; }
        .index-section.home-banner .banner-foot .container .right .banner-arrows li.prev .btn {
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
          .index-section.home-banner .banner-foot .container .right .banner-arrows li.prev .btn:before {
            right: 0; }
          .index-section.home-banner .banner-foot .container .right .banner-arrows li.prev .btn svg {
            left: 0;
            -moz-transition-property: left;
            -o-transition-property: left;
            -webkit-transition-property: left;
            transition-property: left; }
          .min-md-size .index-section.home-banner .banner-foot .container .right .banner-arrows li.prev .btn:hover svg {
            left: -20px; }
        .index-section.home-banner .banner-foot .container .right .banner-arrows li.next .btn {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .index-section.home-banner .banner-foot .container .right .banner-arrows li.next .btn:before {
            left: 0; }
          .index-section.home-banner .banner-foot .container .right .banner-arrows li.next .btn svg {
            right: 0;
            -moz-transition-property: right;
            -o-transition-property: right;
            -webkit-transition-property: right;
            transition-property: right; }
          .min-md-size .index-section.home-banner .banner-foot .container .right .banner-arrows li.next .btn:hover svg {
            right: -20px; }
      .max-sm-size .index-section.home-banner .banner-foot .container .right .scroll-down {
        display: none; }
  .index-section.global .container {
    position: relative;
    height: 100%;
    z-index: 3;
    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 .index-section.global .container {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: auto;
      margin-top: 35%; }
    .min-bg-size .index-section.global .container .inner {
      max-width: calc(50% - 135px); }
    .max-bg-size.min-lg-size .index-section.global .container .inner {
      max-width: 50%; }
    .index-section.global .container .inner .title-box {
      color: #4286C5;
      letter-spacing: 0.05em; }
      .min-xl-size .index-section.global .container .inner .title-box {
        max-width: 95%; }
      .max-lg-size .index-section.global .container .inner .title-box {
        color: #fff; }
      .index-section.global .container .inner .title-box .sub {
        font-size: 18px;
        visibility: hidden; }
      .index-section.global .container .inner .title-box .title {
        margin-top: 25px;
        font-size: 45px;
        line-height: 1.1em;
        visibility: hidden; }
        .max-xl-size .index-section.global .container .inner .title-box .title {
          font-size: 38px; }
        .max-sm-size .index-section.global .container .inner .title-box .title {
          font-size: 25px;
          margin-top: 10px; }
    .index-section.global .container .inner .text-box {
      margin-top: 25px;
      letter-spacing: 0.05em;
      visibility: hidden; }
      .max-lg-size .index-section.global .container .inner .text-box {
        color: #fff; }
      .max-sm-size .index-section.global .container .inner .text-box {
        display: none !important; }
  .index-section.global .right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
    .min-lg-size .index-section.global .right *, .min-lg-size .index-section.global .right:before, .min-lg-size .index-section.global .right:after {
      display: none; }
    .min-lg-size .index-section.global .right .fix-bg {
      display: block; }
      .min-lg-size .index-section.global .right .fix-bg img {
        display: block;
        float: right;
        width: auto;
        height: 100vh; }
    .max-lg-size .index-section.global .right {
      left: 0; }
      .max-lg-size .index-section.global .right .pic {
        background-color: #4398df;
        background-blend-mode: multiply; }
      .max-lg-size .index-section.global .right:before, .max-lg-size .index-section.global .right:after, .max-lg-size .index-section.global .right svg {
        display: none !important; }
    .chrome .index-section.global .right *, .chrome .index-section.global .right:before, .chrome .index-section.global .right:after {
      display: block; }
    .chrome .index-section.global .right:before, .chrome .index-section.global .right:after {
      content: "";
      position: absolute;
      margin-top: -25%;
      mix-blend-mode: multiply;
      opacity: 0;
      -moz-transition-property: opacity, margin-top;
      -o-transition-property: opacity, margin-top;
      -webkit-transition-property: opacity, margin-top;
      transition-property: opacity, margin-top;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
    .chrome .index-section.global .right:before {
      z-index: 1;
      top: -150px;
      right: 0;
      -moz-transform-origin: left;
      -o-transform-origin: left;
      -ms-transform-origin: left;
      -webkit-transform-origin: left;
      transform-origin: left;
      -moz-transform: rotate(-123deg);
      -o-transform: rotate(-123deg);
      -ms-transform: rotate(-123deg);
      -webkit-transform: rotate(-123deg);
      transform: rotate(-123deg);
      width: 525px;
      height: 200vh;
      background: -webkit-linear-gradient(top, #318CDD, #C5DCF3);
      background: -moz-linear-gradient(top, #318CDD, #C5DCF3);
      background: -o-linear-gradient(top, #318CDD, #C5DCF3);
      background: -ms-linear-gradient(top, #318CDD, #C5DCF3);
      background: linear-gradient(to bottom, #318CDD, #C5DCF3);
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s; }
    .chrome .index-section.global .right:after {
      z-index: 2;
      top: -155px;
      right: 195px;
      -moz-transform-origin: right;
      -o-transform-origin: right;
      -ms-transform-origin: right;
      -webkit-transform-origin: right;
      transform-origin: right;
      -moz-transform: rotate(117deg);
      -o-transform: rotate(117deg);
      -ms-transform: rotate(117deg);
      -webkit-transform: rotate(117deg);
      transform: rotate(117deg);
      width: 400px;
      height: 100vh;
      background-color: #536479;
      -moz-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s; }
    .chrome .index-section.global .right.active:before, .chrome .index-section.global .right.active:after {
      opacity: 1;
      margin-top: 0; }
    .chrome .index-section.global .right .fix-bg {
      display: none; }
    .chrome.min-lg-size .index-section.global .right {
      width: 110vh;
      height: 100vh;
      max-width: calc(50vw + 100px);
      clip-path: url(#global-clipping); }
      .chrome.min-lg-size .index-section.global .right #global-clipping {
        display: block; }
  .max-lg-size.min-sm-size .index-section.investment .pic {
    background-position: left center !important; }
  .index-section.investment .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .min-xl-size .index-section.investment .container {
      padding-left: 20%; }
    .max-xl-size .index-section.investment .container {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .max-md-size .index-section.investment .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .max-md-size.min-sm-size .index-section.investment .container {
      padding-top: 70px; }
    .max-sm-size .index-section.investment .container {
      padding-top: 20%; }
    .index-section.investment .container .text-container {
      color: #fff; }
      .min-md-size .index-section.investment .container .text-container {
        width: 505px; }
      .index-section.investment .container .text-container .title-box .title {
        margin-top: -0.2em;
        font-size: 54px;
        line-height: 1.1em;
        letter-spacing: 0.02em;
        visibility: hidden; }
        .max-xl-size .index-section.investment .container .text-container .title-box .title {
          font-size: 42px; }
        .max-sm-size .index-section.investment .container .text-container .title-box .title {
          font-size: 28px; }
      .index-section.investment .container .text-container .text-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 35px;
        visibility: hidden; }
        .max-md-size .index-section.investment .container .text-container .text-box {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .max-sm-size .index-section.investment .container .text-container .text-box {
          display: none !important; }
        .min-md-size .index-section.investment .container .text-container .text-box ul {
          width: calc(50% - 35px/2); }
        .max-md-size .index-section.investment .container .text-container .text-box ul + ul {
          margin-left: 35px; }
        .index-section.investment .container .text-container .text-box ul li {
          font-size: 16px;
          line-height: 1em;
          letter-spacing: 0.05em; }
          .index-section.investment .container .text-container .text-box ul li:before {
            font-family: "icomoon" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            content: "";
            margin-right: 15px; }
          .index-section.investment .container .text-container .text-box ul li + li {
            margin-top: 15px; }
    .index-section.investment .container .chart-container {
      color: #fff; }
      .min-lg-size .index-section.investment .container .chart-container {
        width: 500px; }
      .max-lg-size.min-md-size .index-section.investment .container .chart-container {
        width: calc(100% - 550px); }
      .min-bg-size .index-section.investment .container .chart-container {
        margin-left: 95px; }
      .max-bg-size.min-md-size .index-section.investment .container .chart-container {
        margin-left: 50px; }
      .max-md-size .index-section.investment .container .chart-container {
        margin-top: 40px; }
      .max-sm-size .index-section.investment .container .chart-container {
        margin-top: 15px; }
      .index-section.investment .container .chart-container .title-box {
        visibility: hidden; }
        .index-section.investment .container .chart-container .title-box .title {
          font-size: 25px;
          letter-spacing: 0.02em;
          text-align: center; }
          .max-sm-size .index-section.investment .container .chart-container .title-box .title {
            font-size: 18px;
            text-align: left; }
      .index-section.investment .container .chart-container .content-box {
        margin-top: 20px; }
        .max-sm-size .index-section.investment .container .chart-container .content-box {
          margin-top: 10px; }
        .index-section.investment .container .chart-container .content-box canvas {
          max-width: 100%; }
        .index-section.investment .container .chart-container .content-box ul {
          margin-top: 20px;
          visibility: hidden; }
          .max-sm-size .index-section.investment .container .chart-container .content-box ul {
            margin-top: 10px; }
          .index-section.investment .container .chart-container .content-box ul li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 16px;
            line-height: 1em; }
            .max-sm-size .index-section.investment .container .chart-container .content-box ul li {
              font-size: 15px; }
            .index-section.investment .container .chart-container .content-box ul li:before {
              content: "";
              display: block;
              width: 1em;
              height: 1em;
              border-radius: 50%;
              margin-right: 5px;
              background-color: #BA9250; }
  .index-section.fascination .container {
    position: relative;
    height: 100%;
    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 .index-section.fascination .container {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: auto;
      margin-top: 45%; }
    .min-bg-size .index-section.fascination .container .inner {
      max-width: calc(50% - 135px); }
    .max-bg-size.min-lg-size .index-section.fascination .container .inner {
      max-width: 50%; }
    .index-section.fascination .container .inner .title-box {
      color: #fff;
      letter-spacing: 0.05em; }
      .index-section.fascination .container .inner .title-box .sub {
        font-size: 18px;
        visibility: hidden; }
      .index-section.fascination .container .inner .title-box .title {
        margin-top: 35px;
        font-size: 55px;
        line-height: 1.25em; }
        .index-section.fascination .container .inner .title-box .title div {
          visibility: hidden; }
        .max-xl-size .index-section.fascination .container .inner .title-box .title {
          font-size: 48px; }
        .max-sm-size .index-section.fascination .container .inner .title-box .title {
          font-size: 35px;
          margin-top: 25px; }
  .index-section.brands .section-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .index-section.brands .main-title {
    position: relative; }
    .index-section.brands .main-title .container {
      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: #fff;
      letter-spacing: 0.1em;
      padding-top: 70px;
      height: calc(100vh/3); }
      .max-md-size .index-section.brands .main-title .container {
        height: 25vh; }
      .max-sm-size .index-section.brands .main-title .container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .index-section.brands .main-title .container .title {
        font-size: 62px;
        visibility: hidden; }
        .max-xl-size .index-section.brands .main-title .container .title {
          font-size: 48px; }
        .max-sm-size .index-section.brands .main-title .container .title {
          font-size: 35px; }
  .index-section.brands .brands-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .min-md-size .index-section.brands .brands-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .max-md-size .index-section.brands .brands-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 75vh; }
    .index-section.brands .brands-list .list-item {
      visibility: hidden;
      position: relative; }
      .min-md-size .index-section.brands .brands-list .list-item {
        width: 50%;
        height: calc(100vh/3); }
        .min-md-size .index-section.brands .brands-list .list-item:nth-child(1), .min-md-size .index-section.brands .brands-list .list-item:nth-child(4) {
          background-color: rgba(255, 255, 255, 0.05); }
        .min-md-size .index-section.brands .brands-list .list-item:nth-child(2), .min-md-size .index-section.brands .brands-list .list-item:nth-child(3) {
          background-color: rgba(0, 0, 0, 0.05); }
        .min-md-size .index-section.brands .brands-list .list-item:hover .pic {
          opacity: 1; }
        .min-md-size .index-section.brands .brands-list .list-item:hover .text-container .button-box {
          height: 45px;
          margin-top: 25px; }
        .min-md-size .index-section.brands .brands-list .list-item .pic {
          opacity: 0;
          -moz-transition: opacity 0.5s ease-in-out;
          -o-transition: opacity 0.5s ease-in-out;
          -webkit-transition: opacity 0.5s ease-in-out;
          transition: opacity 0.5s ease-in-out; }
      .max-md-size .index-section.brands .brands-list .list-item {
        flex: 1;
        height: 25%; }
        .max-md-size .index-section.brands .brands-list .list-item:nth-child(2) {
          -webkit-animation-delay: 0.1s;
          -moz-animation-delay: 0.1s;
          -o-animation-delay: 0.1s;
          animation-delay: 0.1s; }
        .max-md-size .index-section.brands .brands-list .list-item:nth-child(3) {
          -webkit-animation-delay: 0.2s;
          -moz-animation-delay: 0.2s;
          -o-animation-delay: 0.2s;
          animation-delay: 0.2s; }
        .max-md-size .index-section.brands .brands-list .list-item:nth-child(4) {
          -webkit-animation-delay: 0.3s;
          -moz-animation-delay: 0.3s;
          -o-animation-delay: 0.3s;
          animation-delay: 0.3s; }
      .index-section.brands .brands-list .list-item .text-container {
        position: relative;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff; }
        .max-sm-size .index-section.brands .brands-list .list-item .text-container {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          padding: 25px; }
        .index-section.brands .brands-list .list-item .text-container .title-box {
          text-align: center; }
          .max-sm-size .index-section.brands .brands-list .list-item .text-container .title-box {
            text-align: left; }
          .index-section.brands .brands-list .list-item .text-container .title-box .title {
            font-size: 35px; }
            .max-lg-size .index-section.brands .brands-list .list-item .text-container .title-box .title {
              font-size: 28px; }
            .max-sm-size .index-section.brands .brands-list .list-item .text-container .title-box .title {
              font-size: 20px;
              font-weight: 400; }
          .index-section.brands .brands-list .list-item .text-container .title-box .text {
            margin: 20px auto 0 auto;line-height:1.6em;max-width:550px;
            font-size: 18px; }
            .max-lg-size .index-section.brands .brands-list .list-item .text-container .title-box .text {
              font-size: 16px; }
            .max-sm-size .index-section.brands .brands-list .list-item .text-container .title-box .text {
              display: none; }
        .index-section.brands .brands-list .list-item .text-container .button-box {
          overflow: hidden;
          height: 0;
          -moz-transition-property: margin-top, height;
          -o-transition-property: margin-top, height;
          -webkit-transition-property: margin-top, height;
          transition-property: margin-top, height;
          -moz-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
          -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }
          .max-sm-size .index-section.brands .brands-list .list-item .text-container .button-box {
            display: none; }
          .index-section.brands .brands-list .list-item .text-container .button-box .btn {
            width: 165px;
            height: 45px;
            font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
            font-size: 18px; }
  .index-section.awards .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .index-section.awards .container .title-box {
      color: #fff; }
      .index-section.awards .container .title-box .title, .index-section.awards .container .title-box .text {
        letter-spacing: 0.05em;
        visibility: hidden; }
      .index-section.awards .container .title-box .title {
        font-size: 62px;
        line-height: 1.25em; }
        .max-xl-size .index-section.awards .container .title-box .title {
          font-size: 48px; }
        .max-bg-size .index-section.awards .container .title-box .title {
          font-size: 35px; }
      .index-section.awards .container .title-box .text {
        margin-top: 25px; }
        .max-bg-size .index-section.awards .container .title-box .text {
          margin-top: 15px; }
        .max-sm-size .index-section.awards .container .title-box .text {
          display: none !important; }
    .index-section.awards .container .pic-box {
      position: relative;
      margin-top: 60px; }
      .max-bg-size .index-section.awards .container .pic-box {
        margin-top: 25px; }
      .max-lg-size .index-section.awards .container .pic-box {
        margin-top: 40px; }
      .index-section.awards .container .pic-box img {
        display: block; }
      .index-section.awards .container .pic-box .pic-awards, .index-section.awards .container .pic-box .pic-sparkle {
        visibility: hidden; }
      .max-sm-size .index-section.awards .container .pic-box .pic-awards {
        width: 240px; }
      .index-section.awards .container .pic-box .pic-sparkle {
        position: absolute;
        mix-blend-mode: screen;
        left: -55px;
        bottom: 45px;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s; }
        .edge .index-section.awards .container .pic-box .pic-sparkle, .msie .index-section.awards .container .pic-box .pic-sparkle {
          display: none !important; }
        .max-sm-size .index-section.awards .container .pic-box .pic-sparkle {
          width: 95px;
          left: -30px;
          bottom: 30px; }
  .index-section.awards #footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: none; }
    .index-section.awards #footer .top {
      display: none; }
    .index-section.awards #footer .bottom {
      width: 100%; }
      .max-sm-size .index-section.awards #footer .bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.1); }

/* ------------------------------------------
 *  core
 * ----------------------------------------- */
.min-lg-size #core .banner .container .inner .text-box {
  width: calc(100% - 150px); }
#core .primary {
  padding: 110px 0; }
  .max-xl2-size #core .primary {
    padding: 75px 0; }
  .max-xl-size #core .primary {
    padding: 50px 0; }
  .max-sm-size #core .primary {
    padding: 25px 0; }

.core-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; }
  .core-head + .core-main {
    margin-top: 80px; }
    .max-xl2-size .core-head + .core-main {
      margin-top: 75px; }
    .max-xl-size .core-head + .core-main {
      margin-top: 50px; }
    .max-sm-size .core-head + .core-main {
      margin-top: 25px; }

.core-main .check-list {
  line-height: 1.5em;
  letter-spacing: 0.05em; }
  .core-main .check-list li + *, .core-main .check-list dd + * {
    margin-top: 15px; }
    .max-sm-size .core-main .check-list li + *, .max-sm-size .core-main .check-list dd + * {
      margin-top: 10px; }
  .core-main .check-list li:before, .core-main .check-list dd:before {
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "";
    display: inline-block;
    width: 1.75em;
    margin-left: -1.75em;
    opacity: 0.5; }
.core-main ul.check-list {
  padding-left: 1.75em; }
.core-main dl.check-list dd {
  padding-left: 1.75em; }
.core-main.tabs .tab-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .min-sm-size .core-main.tabs .tab-nav ul {
    border: 1px solid #DDDDDD; }
  .core-main.tabs .tab-nav ul li {
    position: relative; }
    .min-sm-size .core-main.tabs .tab-nav ul li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .max-sm-size .core-main.tabs .tab-nav ul li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: hidden;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background-color: #4286C5;
      color: #fff;
      -moz-transition-property: color, background-color, width;
      -o-transition-property: color, background-color, width;
      -webkit-transition-property: color, background-color, width;
      transition-property: color, background-color, width;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
    .core-main.tabs .tab-nav ul li + li {
      border-left: 1px solid #DDDDDD; }
      .max-sm-size .core-main.tabs .tab-nav ul li + li {
        border-color: #fff; }
    .core-main.tabs .tab-nav ul li:before {
      content: "";
      position: absolute;
      display: block;
      left: -1px;
      right: -1px;
      bottom: -1px;
      height: 0;
      background-color: #4286C5;
      -moz-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      -webkit-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out; }
      .max-sm-size .core-main.tabs .tab-nav ul li:before {
        bottom: 0; }
    .core-main.tabs .tab-nav ul li.current {
      pointer-events: none; }
      .max-sm-size .core-main.tabs .tab-nav ul li.current {
        width: 100%;
        border: 1px solid #DDDDDD;
        border-bottom: none;
        background: none;
        color: #000; }
      .core-main.tabs .tab-nav ul li.current:before {
        height: 2px; }
    .core-main.tabs .tab-nav ul li a {
      font-size:16px;
      display: block;
      padding: 0 5px;
      line-height: 60px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      -moz-transition-property: background-color;
      -o-transition-property: background-color;
      -webkit-transition-property: background-color;
      transition-property: background-color; }
      .min-md-size .core-main.tabs .tab-nav ul li a:hover {
        background-color: rgba(0, 0, 0, 0.05); }
      .max-sm-size .core-main.tabs .tab-nav ul li a {
        line-height: 40px; }
.core-main.tabs .tab-content {
  display: none;
  margin-top: 95px; }
  .max-xl2-sze .core-main.tabs .tab-content {
    margin-top: 75px; }
  .max-xl-size .core-main.tabs .tab-content {
    margin-top: 50px; }
  .max-sm-size .core-main.tabs .tab-content {
    margin-top: 25px; }
  .core-main.tabs .tab-content .tab-section + .tab-section {
    margin-top: 95px; }
    .max-xl2-size .core-main.tabs .tab-content .tab-section + .tab-section {
      margin-top: 75px; }
    .max-xl-size .core-main.tabs .tab-content .tab-section + .tab-section {
      margin-top: 50px; }
    .max-sm-size .core-main.tabs .tab-content .tab-section + .tab-section {
      margin-top: 25px; }
.core-main.tabs .subtabs .subtab-nav {
  letter-spacing: 0.05em; }
  .core-main.tabs .subtabs .subtab-nav ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #DDDDDD; }
    .core-main.tabs .subtabs .subtab-nav ul li {
      position: relative; }
      .min-sm-size .core-main.tabs .subtabs .subtab-nav ul li {
        padding-bottom: 15px; }
      .min-sm-size .core-main.tabs .subtabs .subtab-nav ul li + li {
        margin-left: 100px; }
      .max-sm-size .core-main.tabs .subtabs .subtab-nav ul li + li {
        border-left: 1px solid #fff; }
      .max-sm-size .core-main.tabs .subtabs .subtab-nav ul li {
        width: 50px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #4286C5;
        color: #fff;
        -moz-transition-property: color, background-color, width;
        -o-transition-property: color, background-color, width;
        -webkit-transition-property: color, background-color, width;
        transition-property: color, background-color, width;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out; }
      .core-main.tabs .subtabs .subtab-nav ul li:before {
        content: "";
        position: absolute;
        display: block;
        left: -1px;
        right: -1px;
        bottom: -1px;
        height: 0;
        background-color: #4286C5;
        -moz-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        -webkit-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out; }
        .max-sm-size .core-main.tabs .subtabs .subtab-nav ul li:before {
          bottom: 0; }
      .core-main.tabs .subtabs .subtab-nav ul li.current {
        pointer-events: none; }
        .max-sm-size .core-main.tabs .subtabs .subtab-nav ul li.current {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          width: 100%;
          border: 1px solid #DDDDDD;
          border-bottom: none;
          background: none;
          color: #000; }
        .core-main.tabs .subtabs .subtab-nav ul li.current:before {
          height: 3px; }
      .core-main.tabs .subtabs .subtab-nav ul li a {
        display: block;
        padding: 0 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .max-sm-size .core-main.tabs .subtabs .subtab-nav ul li a {
          line-height: 40px; }
.core-main.tabs .subtabs .subtab-content {
  display: none;
  margin-top: 45px; }
  .max-sm-size .core-main.tabs .subtabs .subtab-content {
    margin-top: 25px; }

[data-page="core01"] .primary .container .core-head .canvas {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin-top: 55px; }
  [data-page="core01"] .primary .container .core-head .canvas:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 22.61%; }
  [data-page="core01"] .primary .container .core-head .canvas .svg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    [data-page="core01"] .primary .container .core-head .canvas .svg-wrapper svg {
      display: block; }
  .max-md-size [data-page="core01"] .primary .container .core-head .canvas {
    margin-top: 25px; }
  [data-page="core01"] .primary .container .core-head .canvas ul {
    margin-top: 15px;
    padding: 0 85px;
    font-size: 18px; }
    .max-md-size [data-page="core01"] .primary .container .core-head .canvas ul {
      margin-top: 10px;
      padding: 0 7.5%;
      font-size: 15px; }
    .max-sm-size [data-page="core01"] .primary .container .core-head .canvas ul {
      display: none; }
    [data-page="core01"] .primary .container .core-head .canvas ul li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 0 15px; }
      .max-md-size [data-page="core01"] .primary .container .core-head .canvas ul li {
        padding: 0; }
      [data-page="core01"] .primary .container .core-head .canvas ul li:first-child {
        padding: 0 20px 0 10px; }
        .max-md-size [data-page="core01"] .primary .container .core-head .canvas ul li:first-child {
          padding: 0 10px 0 0; }
      [data-page="core01"] .primary .container .core-head .canvas ul li:last-child {
        padding: 0 10px 0 20px; }
        .max-md-size [data-page="core01"] .primary .container .core-head .canvas ul li:last-child {
          padding: 0 0 0 10px; }
.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] {
  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-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .text-container {
  max-width: 640px;
  width: 50%; }
.min-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .text-container {
  padding-right: 75px; }
.max-xl-size.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .text-container {
  padding-right: 50px; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .text-container .check-list + .check-list {
  margin-top: 40px; }
  .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .text-container .check-list + .check-list {
    margin-top: 25px; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .text-container .check-list .title {
  font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
  font-size: 32px;
  margin-bottom: 15px; }
  .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .text-container .check-list .title {
    font-size: 20px;
    margin-bottom: 10px; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container {
  position: relative; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 94%; }
  .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    max-width: 700px; }
  .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container {
    margin-top: 25px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container .svg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container svg {
    display: block; }
    [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container svg text.title {
      font-size: 18px; }
    [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container svg text.text {
      font-size: 16px;
      fill: #fff; }
      .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="1"] .pic-container svg text.text {
        display: none; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .max-lg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition + .composition {
    margin-top: 25px; }
  .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .min-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(1) .text-container {
    padding-bottom: 110px; }
  .max-xl2-size.min-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(1) .text-container {
    padding-bottom: 75px; }
  .max-xl-size.min-lg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(1) .text-container {
    padding-bottom: 50px; }
  .max-lg-size.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(1) .text-container {
    padding-left: 25px; }
  .min-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(2) {
    margin-top: -110px; }
  .max-xl2-size.min-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(2) {
    margin-top: -75px; }
  .max-xl-size.min-lg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(2) {
    margin-top: -50px; }
  .min-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(2) .text-container {
    padding-top: 110px; }
  .max-xl2-size.min-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(2) .text-container {
    padding-top: 75px; }
  .max-xl-size.min-lg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(2) .text-container {
    padding-top: 50px; }
  .max-lg-size.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition:nth-child(2) .text-container {
    padding-right: 25px; }
  .min-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container {
    padding: 0 65px; }
  .max-xl2-size.min-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container {
    padding: 0 45px; }
  .max-xl-size.min-lg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container {
    padding: 0 20px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container .title {
    font-size: 40px;
    line-height: 1.1em;
    letter-spacing: 0.025em; }
    .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container .title {
      font-size: 38px; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container .title {
      font-size: 20px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container .text-box {
    margin-top: 25px;
    letter-spacing: 0.01em; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .text-container .text-box {
      margin-top: 15px; }
  .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .pic-container {
    width: 55%; }
  .max-lg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .pic-container {
    width: 45%; }
  .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .composition .pic-container {
    width: 100%;
    margin-top: 25px; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] {
  position: relative; }
  .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] {
    margin: 25px -25px -25px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0;
    color: #fff; }
    .max-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner {
      padding: 75px 0; }
    .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner {
      padding: 50px; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner {
      padding: 25px; }
    [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box {
      margin-top: 60px; }
      .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box {
        margin-top: 50px; }
      .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box {
        margin-top: 25px; }
      [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: 1px solid rgba(255, 255, 255, 0.2); }
        [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li {
          padding: 35px 15px;
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          border-right: 1px solid rgba(255, 255, 255, 0.2); }
          .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li {
            width: calc(100%/3); }
            .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li:nth-child(-n+3) {
              border-top: none; }
            .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li:nth-child(3n+0) {
              border-right: none; }
          .msie.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li {
            width: calc(100%/3 - 0.1px); }
          .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li {
            width: 50%; }
            .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li:nth-child(-n+2) {
              border-top: none; }
            .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li:nth-child(2n+0) {
              border-right: none; }
          [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li span {
            display: block;
            line-height: 1em; }
            [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li span.num {
              font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
              font-size: 50px; }
              .max-bg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li span.num {
                font-size: 42px; }
              .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li span.num {
                font-size: 35px; }
            [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li span.text {
              margin-top: 15px;
              letter-spacing: 0.05em; }
              .max-bg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li span.text {
                margin-top: 10px; }
              .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .inner .text-box .number-box li span.text {
                font-size: 15px; }
.min-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] {
  margin-bottom: 115px; }
.max-xl2-size.min-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] {
  margin-bottom: 25px; }
.min-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
.max-xl-size.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container {
  position: relative;
  z-index: 1;
  padding: 80px;
  margin-left: -215px;
  margin-bottom: -115px;
  background-color: #F6F7F9; }
  .max-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container {
    padding: 75px;
    margin-left: -100px;
    margin-bottom: -25px; }
  .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container {
    padding: 50px;
    margin: 0; }
  .max-xl-size.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-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-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container {
    padding: 0;
    background: none; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container .title {
    line-height: 1.25em; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container .text-box {
    margin-top: 35px;
    letter-spacing: 0.05em; }
    .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container .text-box {
      margin-top: 25px; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .text-container .text-box {
      margin-top: 15px; }
.max-xl-size.min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .pic-container {
  width: 50%; }
.max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .pic-container {
  margin-top: 25px; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .pic-container .pic {
  height: 100%; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="2"] .tab-section[data-tab-section="1"] .pic-container .pic img {
    display: block !important;
    opacity: 0; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .title-box .sub {
  margin-top: 25px; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition {
  margin-top: 65px; }
  .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition {
    margin-top: 50px; }
  .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition {
    margin-top: 25px; }
  .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container {
    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: #F6F7F9; }
    .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container {
      padding: 50px 50px 75px; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container {
      padding: 25px 25px 50px; }
    [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container dl {
      width: 100%;
      max-width: 400px; }
      [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container dl .title {
        font-size: 40px;
        margin-bottom: 20px; }
        .max-bg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container dl .title {
          font-size: 28px;
          margin-bottom: 15px; }
        .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container dl .title {
          font-size: 18px;
          margin-bottom: 5px; }
      [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .text-container dl dd {
        line-height: 1.35em;
        padding: 15px;
        border-bottom: 1px solid #D2D2D2; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .pic-container {
    position: relative; }
    .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .pic-container {
      width: 50%; }
    [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .pic-container .pic img {
      display: block !important;
      opacity: 0; }
    [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .pic-container .flag {
      position: absolute;
      top: calc(50% - 55px);
      right: -55px;
      width: 110px;
      height: 110px;
      border: 5px solid #fff;
      border-radius: 50%; }
      .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .composition .pic-container .flag {
        width: 80px;
        height: 80px;
        top: -40px;
        right: calc(50% - 40px); }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition {
  margin-top: 65px;
  padding: 0 155px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .max-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition {
    padding: 0 75px; }
  .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition {
    padding: 0;
    margin-top: 50px; }
  .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition {
    margin-top: 25px; }
  .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .text-container {
    padding-right: 50px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .text-container .title-box p + p {
    margin-top: 15px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .text-container .title-box .num {
    font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 100px;
    line-height: 0.85em;
    margin-right: 15px; }
    .max-bg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .text-container .title-box .num {
      font-size: 80px; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .text-container .title-box .num {
      font-size: 50px;
      margin-right: 5px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .text-container .text-box {
    margin-top: 25px;
    letter-spacing: 0.05em; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .text-container .text-box {
      margin-top: 15px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .pic-container {
    width: 100%;
    max-width: 450px; }
    .max-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .pic-container {
      margin-top: 50px; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .composition .pic-container {
      margin-top: 25px; }
[data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest {
  margin-top: 95px; }
  .max-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest {
    margin-top: 75px; }
  .max-xl-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest {
    margin-top: 50px; }
  .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest {
    margin-top: 25px; }
  [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container {
    position: relative;
    background-color: #fff;
    margin: -95px auto 0;
    padding: 90px 110px 0; }
    .min-bg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container {
      max-width: 1145px; }
    .max-xl2-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container {
      padding: 75px 75px 0; }
    .max-bg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container {
      padding: 50px 50px 0;
      margin-top: 0; }
    .max-lg-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container {
      padding-left: 0;
      padding-right: 0; }
    .max-sm-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container {
      padding-top: 25px; }
    [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container .text-box {
      border-top: 1px solid #000; }
      .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container .text-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .min-md-size [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container .text-box .check-list {
        /* -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; */
        width:100%;
        max-width: 100%;
      }
      [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container .text-box .check-list li {
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #D2D2D2; }
        [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container .text-box .check-list li:after {
          content: "";
          position: absolute;
          left: -1.75em;
          bottom: -1px;
          display: block;
          width: 1.75em;
          height: 1px;
          background-color: #D2D2D2; }
        [data-page="core01"] .primary .container .core-main .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .invest .text-container .text-box .check-list li + li {
          margin-top: 0; }
[data-page="core01"] #draw .st0 {
  fill: #152739; }
[data-page="core01"] #draw .st1 {
  fill: #407FB9; }
[data-page="core01"] #draw .st2 {
  fill: #172638; }
[data-page="core01"] #draw .st17 {
  fill: #384452; }
[data-page="core01"] #draw .st6, [data-page="core01"] #draw .st7, [data-page="core01"] #draw .st8, [data-page="core01"] #draw .st9, [data-page="core01"] #draw .st12, [data-page="core01"] #draw .st13, [data-page="core01"] #draw .st10, [data-page="core01"] #draw .st11, [data-page="core01"] #draw .st16 {
  fill: none; }
[data-page="core01"] #draw .st3 {
  font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
  font-weight: 500; }
[data-page="core01"] #draw .st4 {
  font-size: 20px;
  letter-spacing: 0.05em; }
[data-page="core01"] #draw .st14 {
  font-size: 16px; }
[data-page="core01"] #draw .st6, [data-page="core01"] #draw .st7, [data-page="core01"] #draw .st8, [data-page="core01"] #draw .st9, [data-page="core01"] #draw .st12, [data-page="core01"] #draw .st13 {
  stroke: #384452; }
[data-page="core01"] #draw .st10, [data-page="core01"] #draw .st11, [data-page="core01"] #draw .st16 {
  stroke: #417FB9; }
[data-page="core01"] #draw .st6, [data-page="core01"] #draw .st7, [data-page="core01"] #draw .st8, [data-page="core01"] #draw .st9, [data-page="core01"] #draw .st10, [data-page="core01"] #draw .st11, [data-page="core01"] #draw .st12, [data-page="core01"] #draw .st13, [data-page="core01"] #draw .st16 {
  stroke-width: 2; }
[data-page="core01"] #draw .st10, [data-page="core01"] #draw .st12 {
  stroke-linejoin: round; }
[data-page="core01"] #draw .st9 {
  stroke-linecap: round; }
[data-page="core01"] #draw .st6, [data-page="core01"] #draw .st7, [data-page="core01"] #draw .st13, [data-page="core01"] #draw .st16 {
  stroke-linecap: round;
  stroke-linejoin: round; }
[data-page="core01"] #trio .st0, [data-page="core01"] #trio .st1, [data-page="core01"] #trio .st2 {
  fill-rule: evenodd;
  clip-rule: evenodd; }
[data-page="core01"] #trio .st0, [data-page="core01"] #trio .st11 {
  fill: #407FB9; }
[data-page="core01"] #trio .st1, [data-page="core01"] #trio .st10 {
  fill: #987B3E; }
[data-page="core01"] #trio .st2, [data-page="core01"] #trio .st7 {
  fill: #142837; }
[data-page="core01"] #trio .st3 {
  fill: #F1F1F1; }
[data-page="core01"] #trio .st4 {
  fill: #FFFFFF; }
[data-page="core01"] #trio .st5 {
  font-size: 16px; }
[data-page="core01"] #trio .st8 {
  font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  font-size: 30px; }
[data-page="core01"] #trio .st12, [data-page="core01"] #trio .st13 {
  fill: none;
  stroke-width: 2.5;
  stroke-miterlimit: 1.415; }
[data-page="core01"] #trio .st12, [data-page="core01"] #trio .st13 {
  stroke: #384452; }
[data-page="core01"] #trio .st13 {
  stroke-linecap: round; }
[data-page="core01"] #trio .st14 {
  fill: #040000; }

[data-page="core02"] [data-primary="1"] .container {
  max-width: 1250px; }
.min-xl-size [data-page="core02"] [data-primary="1"] .composition {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
.max-xl-size [data-page="core02"] [data-primary="1"] .composition {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
[data-page="core02"] [data-primary="1"] .composition + .composition {
  margin-top: 90px; }
  .max-xl2-size [data-page="core02"] [data-primary="1"] .composition + .composition {
    margin-top: 75px; }
  .max-xl-size [data-page="core02"] [data-primary="1"] .composition + .composition {
    margin-top: 50px; }
  .max-sm-size [data-page="core02"] [data-primary="1"] .composition + .composition {
    margin-top: 25px; }
.min-md-size [data-page="core02"] [data-primary="1"] .composition:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
[data-page="core02"] [data-primary="1"] .composition:nth-child(odd) .text-container {
  padding-right: 0 !important; }
  .min-xl-size [data-page="core02"] [data-primary="1"] .composition:nth-child(odd) .text-container {
    margin-left: -100px; }
  .max-xl-size.min-md-size [data-page="core02"] [data-primary="1"] .composition:nth-child(odd) .text-container {
    padding: 0 0 0 50px; }
[data-page="core02"] [data-primary="1"] .composition:nth-child(even) .text-container {
  padding-left: 0 !important; }
  .min-xl-size [data-page="core02"] [data-primary="1"] .composition:nth-child(even) .text-container {
    padding-bottom: 0;
    margin-right: -115px; }
  .max-xl-size.min-md-size [data-page="core02"] [data-primary="1"] .composition:nth-child(even) .text-container {
    padding: 0 50px 0 0; }
[data-page="core02"] [data-primary="1"] .composition .text-container {
  position: relative;
  z-index: 1;
  background-color: #fff; }
  .min-xl-size [data-page="core02"] [data-primary="1"] .composition .text-container {
    margin-top: 160px;
    padding: 75px 65px; }
  [data-page="core02"] [data-primary="1"] .composition .text-container .text-box {
    margin-top: 30px;
    letter-spacing: 0.05em; }
    .max-xl-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box {
      margin-top: 25px; }
    [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table {
      border-top-style: hidden;
      border-bottom-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden; }
      .max-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table {
        margin-top: 25px; }
      [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table .num {
        font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
        font-size: 24px;display:flex;align-content: flex-end;justify-content: center;
      }
        [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table .num span {
          display:block;margin:20px 0 0 60px;
        }
        [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table .num sup {
          font-size: 14px;font-weight:normal;
          vertical-align: super;
          margin-left: 5px; }
          .min-bg-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table .num sup {
            display: block;
             width: 60px;white-space: nowrap; }
      .max-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr {
        display: block; }
        .max-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr + tr {
          margin-top: 15px;
          padding-top: 15px;
          border-top: 1px solid rgba(0, 0, 0, 0.3); }
      .min-bg-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr td {
        width: 50%; }
      .min-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr td {
        border: 1px solid rgba(0, 0, 0, 0.3); }
      .max-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr td {
        display: block; }
        .max-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr td + td {
          margin-top: 15px;
          padding-top: 15px;
          border-top: 1px solid rgba(0, 0, 0, 0.3); }
      .min-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr:first-child td {
        padding-bottom: 20px; }
      .min-sm-size [data-page="core02"] [data-primary="1"] .composition .text-container .text-box .table tr:last-child td {
        padding-top: 20px; }
.max-xl-size.min-lg-size [data-page="core02"] [data-primary="1"] .composition .pic-container {
  width: 55%; }
.max-lg-size.min-md-size [data-page="core02"] [data-primary="1"] .composition .pic-container {
  width: 45%; }
.max-md-size [data-page="core02"] [data-primary="1"] .composition .pic-container {
  margin-top: 50px; }
.max-sm-size [data-page="core02"] [data-primary="1"] .composition .pic-container {
  margin-top: 25px; }
[data-page="core02"] [data-primary="2"] {
  padding-top: 0 !important; }
  .max-sm-size [data-page="core02"] [data-primary="2"] {
    padding-bottom: 0 !important; }
  [data-page="core02"] [data-primary="2"] .core-head {
    padding: 80px 0 355px;
    background-color: #F1F1F1; }
    .max-xl2-size [data-page="core02"] [data-primary="2"] .core-head {
      padding: 75px 0 350px; }
    .max-xl-size [data-page="core02"] [data-primary="2"] .core-head {
      padding: 50px 0 200px; }
    .max-sm-size [data-page="core02"] [data-primary="2"] .core-head {
      padding: 25px 0; }
    [data-page="core02"] [data-primary="2"] .core-head .industry-list {
      margin-top: 60px; }
      .min-xl-size [data-page="core02"] [data-primary="2"] .core-head .industry-list {
        padding: 0 135px; }
      .max-xl-size [data-page="core02"] [data-primary="2"] .core-head .industry-list {
        margin-top: 50px; }
      .max-sm-size [data-page="core02"] [data-primary="2"] .core-head .industry-list {
        margin-top: 25px; }
      [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .min-md-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li {
          width: calc(100%/3 - 170px/3);
          margin: 70px 85px 0 0; }
          .min-md-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li:nth-child(-n+3) {
            margin-top: 0; }
          .min-md-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li:nth-child(3n+0) {
            margin-right: 0; }
        .max-md-size.min-sm-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li {
          width: calc(50% - 25px);
          margin: 50px 50px 0 0; }
          .max-md-size.min-sm-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li:nth-child(-n+2) {
            margin-top: 0; }
          .max-md-size.min-sm-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li:nth-child(2n+0) {
            margin-right: 0; }
        .max-sm-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li {
          width: 100%; }
          .max-sm-size [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li + li {
            margin-top: 25px; }
        [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li .icon {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 60px;
          overflow: hidden; }
          [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li .icon img {
            display: block;
            float: right; }
        [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li .text-box {
          margin-left: 15px; }
          [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li .text-box span {
            display: block;
            letter-spacing: 0.05em; }
            [data-page="core02"] [data-primary="2"] .core-head .industry-list ul li .text-box span.text {
              margin-top: 15px; }
  [data-page="core02"] [data-primary="2"] .core-main {
    margin-top: -275px; }
    .max-xl-size [data-page="core02"] [data-primary="2"] .core-main {
      margin-top: -150px; }
    .max-sm-size [data-page="core02"] [data-primary="2"] .core-main {
      margin-top: 0; }
      .max-sm-size [data-page="core02"] [data-primary="2"] .core-main .container {
        width: 100%; }
    [data-page="core02"] [data-primary="2"] .core-main .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .max-lg-size [data-page="core02"] [data-primary="2"] .core-main .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      [data-page="core02"] [data-primary="2"] .core-main .container .left, [data-page="core02"] [data-primary="2"] .core-main .container .right {
        position: relative;
        color: #fff; }
        .min-bg-size [data-page="core02"] [data-primary="2"] .core-main .container .left, .min-bg-size [data-page="core02"] [data-primary="2"] .core-main .container .right {
          min-height: 730px; }
        .min-lg-size [data-page="core02"] [data-primary="2"] .core-main .container .left, .min-lg-size [data-page="core02"] [data-primary="2"] .core-main .container .right {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          max-width: 50%; }
        [data-page="core02"] [data-primary="2"] .core-main .container .left .inner, [data-page="core02"] [data-primary="2"] .core-main .container .right .inner {
          width: 100%;
          height: 100%;
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .title, [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box, [data-page="core02"] [data-primary="2"] .core-main .container .right .inner .title, [data-page="core02"] [data-primary="2"] .core-main .container .right .inner .text-box {
            letter-spacing: 0.05em; }
      [data-page="core02"] [data-primary="2"] .core-main .container .left {
        background-color: #4286C5; }
        [data-page="core02"] [data-primary="2"] .core-main .container .left .inner {
          padding: 60px; }
          .max-bg-size [data-page="core02"] [data-primary="2"] .core-main .container .left .inner {
            padding: 50px; }
          .max-sm-size [data-page="core02"] [data-primary="2"] .core-main .container .left .inner {
            padding: 25px; }
          [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box {
            width: 100%;
            margin-top: 40px; }
            .max-sm-size [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box {
              margin-top: 25px; }
            [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box .table {
              border-top-style: hidden;
              border-bottom-style: hidden;
              border-left-style: hidden;
              border-right-style: hidden;
              font-family: "Lato", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif; }
              [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box .table th, [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box .table td {
                width: calc(100%/8);
                padding: 17.5px 0;
                border-left: 1px solid rgba(255, 255, 255, 0.35);
                border-right: 1px solid rgba(255, 255, 255, 0.35); }
              [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box .table th {
                background-color: rgba(255, 255, 255, 0.35); }
              [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box .table tbody tr:nth-child(even) td {
                background-color: rgba(255, 255, 255, 0.15); }
              [data-page="core02"] [data-primary="2"] .core-main .container .left .inner .text-box .table tfoot td {
                background-color: #fff;
                color: #000; }
      [data-page="core02"] [data-primary="2"] .core-main .container .right {
        padding: 25px; }
        [data-page="core02"] [data-primary="2"] .core-main .container .right .inner {
          border: 1px solid rgba(255, 255, 255, 0.3); }
          .max-lg-size [data-page="core02"] [data-primary="2"] .core-main .container .right .inner {
            padding: 75px; }
          .max-sm-size [data-page="core02"] [data-primary="2"] .core-main .container .right .inner {
            padding: 25px; }
          [data-page="core02"] [data-primary="2"] .core-main .container .right .inner .text-box {
            margin-top: 35px;
            max-width: 470px; }
            .max-sm-size [data-page="core02"] [data-primary="2"] .core-main .container .right .inner .text-box {
              margin-top: 25px; }
[data-page="core02"] [data-primary="3"] {
  position: relative; }
  .max-sm-size [data-page="core02"] [data-primary="3"] .pic:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(22, 41, 57, 0.75); }
  [data-page="core02"] [data-primary="3"] .container {
    position: relative;
    max-width: 670px;
    padding: 65px; }
    .min-sm-size [data-page="core02"] [data-primary="3"] .container {
      background-color: #fff; }
    .max-xl-size [data-page="core02"] [data-primary="3"] .container {
      padding: 50px; }
    .max-sm-size [data-page="core02"] [data-primary="3"] .container {
      padding: 25px 0;
      color: #fff; }
    [data-page="core02"] [data-primary="3"] .container .text-box {
      margin-top: 40px; }
      .min-sm-size [data-page="core02"] [data-primary="3"] .container .text-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .max-sm-size [data-page="core02"] [data-primary="3"] .container .text-box {
        margin-top: 25px; }
      .min-sm-size [data-page="core02"] [data-primary="3"] .container .text-box .check-list + .check-list {
        margin-left: 35px; }
      .max-sm-size [data-page="core02"] [data-primary="3"] .container .text-box .check-list + .check-list {
        margin-top: 10px; }

[data-page="core03"] .tab-content .tab-section {
  counter-reset: section; }
  [data-page="core03"] .tab-content .tab-section .composition .text-container .inner {
    position: relative;
    width: 100%;
    height: 100%; }
    [data-page="core03"] .tab-content .tab-section .composition .text-container .inner:before, [data-page="core03"] .tab-content .tab-section .composition .text-container .inner:after {
      content: "";
      position: absolute;
      display: block; }
      .max-bg-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner:before, .max-bg-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner:after {
        display: none; }
    [data-page="core03"] .tab-content .tab-section .composition .text-container .inner:before {
      top: -40px;
      background-image: url("images/static/core/core03/pattern.png"); }
    [data-page="core03"] .tab-content .tab-section .composition .text-container .inner:after {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box, [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .text-box {
      position: relative;
      z-index: 2; }
    [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub:before {
        counter-increment: section;
        content: counter(section,decimal-leading-zero);
        display: block;
        font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
        font-size: 80px;
        line-height: 0.85em; }
        .max-bg-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub:before {
          font-size: 60px; }
        .max-md-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub:before {
          font-size: 48px; }
        .max-sm-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub:before {
          font-size: 35px; }
      [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .min-sm-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub span {
          margin-top: 1em; }
        [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .sub span:before {
          content: "";
          display: block;
          width: 30px;
          height: 1px;
          background-color: #4286C5;
          margin: 0 15px; }
    [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .title {
      margin-top: 15px;
      line-height: 1.25em; }
      .min-bg-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .title {
        font-size: 40px; }
      .max-sm-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .title-box .title {
        margin-top: 5px; }
    [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .text-box {
      margin-top: 25px;
      letter-spacing: 0.05em; }
      .max-sm-size [data-page="core03"] .tab-content .tab-section .composition .text-container .inner .text-box {
        margin-top: 15px; }
  .min-md-size [data-page="core03"] .tab-content .tab-section .composition:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .min-md-size [data-page="core03"] .tab-content .tab-section .composition:nth-child(even) .text-container {
    text-align: right; }
    .min-md-size [data-page="core03"] .tab-content .tab-section .composition:nth-child(even) .text-container .title-box .sub {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .min-md-size [data-page="core03"] .tab-content .tab-section .composition:nth-child(even) .text-container .title-box .sub span {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  [data-page="core03"] .tab-content .tab-section .composition.full {
    margin-top: 120px;
    width: 100%; }
    .min-md-size [data-page="core03"] .tab-content .tab-section .composition.full {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      height: 55vw; }
    .max-xl-size [data-page="core03"] .tab-content .tab-section .composition.full {
      margin-top: 50px; }
    .max-sm-size [data-page="core03"] .tab-content .tab-section .composition.full {
      margin-top: 25px; }
    .min-md-size [data-page="core03"] .tab-content .tab-section .composition.full .text-container, .min-md-size [data-page="core03"] .tab-content .tab-section .composition.full .pic-container {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      max-width: 50%; }
    [data-page="core03"] .tab-content .tab-section .composition.full .text-container {
      padding: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #17283A; }
      .max-sm-size [data-page="core03"] .tab-content .tab-section .composition.full .text-container {
        padding: 25px; }
      [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner {
        max-width: 650px; }
        .min-bg-size [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner {
          margin-top: 50px;
          height: calc(55vw - 150px); }
        .max-bg-size.min-md-size [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner {
          height: calc(55vw - 100px); }
        [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner:before {
          top: -50px;
          right: 0;
          width: 130px;
          height: 130px; }
        [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner:after {
          right: 50px;
          background-color: #17283A; }
        [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .sub {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row; }
          [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .sub span {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row; }
        [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .toggles {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-top: 25px; }
          [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .toggles li {
            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; }
            [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .toggles li.active {
              opacity: 1; }
            [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .toggles li .btn {
              color: #ffffff;
              letter-spacing: 0.05em; }
              [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .toggles li .btn img {
                display: block;
                width: 30px;
                margin-right: 5px; }
            [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .toggles li + li {
              margin-left: 25px; }
        [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .title {
          margin-top: 25px;
          text-align: left; }
          .max-lg-size.min-md-size [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .title-box .title {
            font-size: 25px; }
        [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box {
          overflow: auto; }
          [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .mCSB_inside > .mCSB_container {
            margin-right: 15px; }
          [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .mCSB_scrollTools {
            width: 6px; }
            [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .mCSB_scrollTools .mCSB_draggerRail {
              background-color: rgba(0, 0, 0, 0.2); }
          [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .table th {
            border-bottom: 1px solid #fff;
            padding-bottom: 10px; }
          [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .table tbody tr {
            display: none; }
            [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .table tbody tr.active {
              display: table-row;
              -webkit-animation: fadeEffect 0.5s;
              -moz-animation: fadeEffect 0.5s;
              -o-animation: fadeEffect 0.5s;
              -ms-animation: fadeEffect 0.5s;
              animation: fadeEffect 0.5s; }
          [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .table tbody td {
            padding: 7.5px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
            .min-sm-size [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .table tbody td {
              min-width: 175px; }
            .max-sm-size [data-page="core03"] .tab-content .tab-section .composition.full .text-container .inner .text-box .table tbody td {
              min-width: 100px; }
    [data-page="core03"] .tab-content .tab-section .composition.full .pic-container .pic {
      width: 100.1%; }
  [data-page="core03"] .tab-content .tab-section .composition .pic-container .pic {
    height: 100%; }
    [data-page="core03"] .tab-content .tab-section .composition .pic-container .pic img {
      display: block !important;
      opacity: 0; }
  .max-bg-size [data-page="core03"] .tab-content .tab-section .container .composition {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .max-bg-size [data-page="core03"] .tab-content .tab-section .container .composition + .composition {
    margin-top: 50px; }
  .max-sm-size [data-page="core03"] .tab-content .tab-section .container .composition + .composition {
    margin-top: 25px; }
  [data-page="core03"] .tab-content .tab-section .container .composition .text-container {
    position: relative;
    z-index: 1; }
    .max-bg-size [data-page="core03"] .tab-content .tab-section .container .composition .text-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .min-xl-size [data-page="core03"] .tab-content .tab-section .container .composition .text-container .inner {
      padding: 85px 85px 0; }
    .max-xl-size.min-bg-size [data-page="core03"] .tab-content .tab-section .container .composition .text-container .inner {
      padding: 50px; }
    .max-bg-size [data-page="core03"] .tab-content .tab-section .container .composition .text-container .inner {
      height: auto; }
    [data-page="core03"] .tab-content .tab-section .container .composition .text-container .inner:before {
      width: 70%;
      height: 60%; }
    [data-page="core03"] .tab-content .tab-section .container .composition .text-container .inner:after {
      background-color: #fff; }
  .max-xl-size.min-bg-size [data-page="core03"] .tab-content .tab-section .container .composition .pic-container {
    width: 60%; }
  .max-bg-size.min-md-size [data-page="core03"] .tab-content .tab-section .container .composition .pic-container {
    width: 55%; }
  .max-md-size [data-page="core03"] .tab-content .tab-section .container .composition .pic-container {
    margin-top: 25px; }
  .max-sm-size [data-page="core03"] .tab-content .tab-section .container .composition .pic-container {
    margin-top: 15px; }
  .max-xl-size.min-bg-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(odd) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .min-xl-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(odd):not(:first-child) {
    margin-top: 120px; }
  .max-xl-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(odd):not(:first-child) {
    margin-top: 50px; }
  .min-bg-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(odd) .text-container {
    margin-left: -115px;
    margin-bottom: -40px; }
  .min-xl-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(odd) .text-container {
    padding-top: 130px; }
  .max-bg-size.min-md-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(odd) .text-container {
    margin-left: 50px; }
  [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(odd) .text-container .inner:before {
    left: -40px; }
  .min-xl-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(even) {
    margin-top: 205px; }
  .max-xl-size.min-bg-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(even) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 135px; }
  .min-bg-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(even) .text-container {
    margin-top: -40px;
    margin-right: -115px; }
  .min-xl-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(even) .text-container {
    padding-bottom: 130px; }
  .max-bg-size.min-md-size [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(even) .text-container {
    margin-right: 50px; }
  [data-page="core03"] .tab-content .tab-section .container .composition:nth-child(even) .text-container .inner:before {
    right: -40px; }
[data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] {
  margin-top: 95px; }
  .max-xl2-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] {
    margin-top: 75px; }
  .max-xl-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] {
    margin-top: 50px; }
  .max-sm-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] {
    margin-top: 25px; }
  [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box {
    margin-top: 50px; }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box {
      margin-top: 25px; }
    [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content {
      position: relative; }
      [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box {
        overflow: hidden;
        border-radius: 7.5px; }
        .min-bg-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box {
          position: absolute;
          right: 25px;
          bottom: 25px;
          width: 390px; }
        .max-bg-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box {
          margin-top: 50px; }
        .max-sm-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box {
          margin-top: 25px; }
        [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul {
          padding: 20px; }
          [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
            [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li + li {
              margin-top: 20px; }
            [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li .icon {
              max-width: 40px;
              margin-right: 15px; }
              [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li .icon img, [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li .icon svg {
                display: block; }
              [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li .icon img {
                width: 40px; }
            /* [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li .content .title, [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li .content .text {
              letter-spacing: 0.05em; } */
            [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul li .content .text {
              margin-top: 7.5px; }
          [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul.top {
            background-color: #4286C5; }
            [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul.top li {
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
            [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul.top .width-set{
              max-width:calc(100% - 55px);
            }
          [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul.bottom {
            padding-top: 25px;
            padding-bottom: 25px;
            background-color: #fff; }
            .max-bg-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul.bottom {
              background-color: #fafafa; }
            [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="2"] .text-box .subtab-content .info-box ul.bottom li {
              -webkit-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start; }
[data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] {
  margin-top: 95px; }
  .max-xl2-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] {
    margin-top: 75px; }
  .max-xl-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] {
    margin-top: 50px; }
  .max-sm-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] {
    margin-top: 25px; }
  [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .title-box .text {
    margin-top: 30px;
    letter-spacing: 0.05em; }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .title-box .text {
      margin-top: 15px; }
  [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .text-box {
    margin-top: 45px; }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="1"] .tab-section[data-tab-section="3"] .text-box {
      margin-top: 25px; }
[data-page="core03"] .tab-content[data-tab="2"] {
  margin-bottom: -110px; }
  .max-xl2-size [data-page="core03"] .tab-content[data-tab="2"] {
    margin-bottom: -75px; }
  .max-xl-size [data-page="core03"] .tab-content[data-tab="2"] {
    margin-bottom: -50px; }
  .max-sm-size [data-page="core03"] .tab-content[data-tab="2"] {
    margin-bottom: -25px; }
  [data-page="core03"] .tab-content[data-tab="2"] .tab-section {
    position: relative; }
    .min-xl2-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section + .tab-section {
      margin-top: 125px; }
    [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] {
      padding: 135px 0; }
      .max-xl2-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] {
        padding: 75px 0; }
      .max-xl-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] {
        padding: 50px 0; }
      .max-sm-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] {
        padding: 25px 0; }
      [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container {
        position: relative; }
        [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner {
          max-width: 685px; }
          .min-xl-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner {
            margin-left: 115px; }
          .max-sm-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .title {
            text-align: center;
            line-height: 1.5em; }
          [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list {
            margin-top: 35px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
            .max-sm-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list {
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
            [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list li {
              position: relative;
              -webkit-flex-shrink: 0;
              -moz-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              width: 20%;
              border-radius: 50%; }
              .max-sm-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list li {
                width: calc(100%/3); }
              [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list li:before {
                content: "";
                display: block;
                width: 100%;
                padding-bottom: 100%; }
              [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list li:nth-child(odd) {
                background-color: rgba(67, 134, 197, 0.95); }
              [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list li:nth-child(even) {
                background-color: rgba(186, 145, 79, 0.95); }
              .min-sm-size [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list li + li {
                margin-left: -4%; }
              [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .title-box .bank-list li .item-inner {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center; }
                .en-bank{font-size:14px;line-height:1.5em;font-weight:400;}
          [data-page="core03"] .tab-content[data-tab="2"] .tab-section[data-tab-section="2"] .container .inner .text-box {
            margin-top: 35px;
            letter-spacing: 0.05em; }
[data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container {
  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-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container {
    width: 510px; }
  [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container .title {
    line-height: 1.25; }
  [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container .text-box {
    margin-top: 30px;
    letter-spacing: 0.05em; }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container .text-box {
      margin-top: 15px; }
  .min-xl-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container + .pic-container {
    margin-left: 125px; }
  .max-xl-size.min-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container + .pic-container {
    margin-left: 75px; }
  .max-bg-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container + .pic-container {
    margin-left: 50px; }
  .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container + .pic-container {
    margin-top: 50px; }
  .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container + .pic-container {
    margin-top: 25px; }
  .max-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .text-container, .max-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container .pic-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="1"] .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.min-xl2-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] {
  margin-top: 65px; }
.max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] {
  margin-bottom: -25px; }
  .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .container {
    width: 100%; }
[data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box {
  position: relative; }
  [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner {
    position: relative; }
    .min-xl-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner {
      height: 750px; }
    .max-xl-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner {
      height: 45vw; }
    .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner {
      padding: 75px 0; }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner {
      padding: 50px 0; }
    [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list {
      margin-top: 35px; }
      .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list {
        width: 100%;
        max-width: 500px;
        padding: 0 25px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list {
        margin-top: 25px; }
      [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li {
        position: relative;
        width: 195px;
        letter-spacing: 0.05em; }
        .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li {
          width: 50%; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:before, [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:after {
          content: "";
          display: block; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:before {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border: 1px solid #DBDBDB;
          opacity: 0.8;
          border-radius: 50%; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:after {
          padding-bottom: 100%; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li .border {
          position: absolute;
          top: 0;
          left: 0;
          width: 50%;
          height: 50%;
          overflow: hidden;
          -moz-transform-origin: right bottom;
          -o-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom; }
          [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li .border:before {
            content: "";
            display: block;
            border-radius: 50%;
            width: 200%;
            height: 200%;
            border-width: 3px;
            border-style: solid;
            border-radius: 50%; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li .content {
          position: absolute;
          top: 17.5px;
          left: 17.5px;
          right: 17.5px;
          bottom: 17.5px;
          border-radius: 50%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding:0 10px;
          line-height:1.5em;
        }
          .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li .content {
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            padding:0;
          }
          [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li .content .num {
            display: block;
            margin-bottom: 10px;
            font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
            font-size: 35px;
            line-height: 1em; }
            .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li .content .num {
              font-size: 28px; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:nth-child(odd) .border:before {
          border-color: #17283A; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:nth-child(odd) .content {
          background-color: #17283A; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:nth-child(even) .border:before {
          border-color: #BA9250; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:nth-child(even) .content {
          background-color: #BA9250; }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:nth-child(2) .border {
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:nth-child(3) .border {
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
        [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .title-box .inner .year-list li:nth-child(4) .border {
          display: none; }
[data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box {
  position: relative;
  padding: 65px 45px;
  background-color: #F5F7F9; }
  .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box {
    padding: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box {
    padding: 25px; }
  [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box:before {
    content: "";
    position: absolute;
    top: -140px;
    left: 0;
    right: 0;
    display: block;
    border-top: 140px solid transparent;
    border-left: 775px solid #F5F7F9;
    border-right: 775px solid #F5F7F9; }
    .max-xl-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box:before {
      top: -75px;
      border-top-width: 75px;
      border-left-width: calc(50vw - 50px);
      border-right-width: calc(50vw - 50px); }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box:before {
      top: -50px;
      border-top-width: 50px;
      border-left-width: 50vw;
      border-right-width: 50vw; }
  [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list {
      margin-top: 50px; }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list {
      margin-top: 25px; }
    .min-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li {
      padding: 45px 35px; }
    .min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li {
      width: 50%;
      border-top: 1px solid #D2D2D2;
      border-right: 1px solid #D2D2D2; }
    .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li {
      width: 100%; }
      .max-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li + li {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #D2D2D2; }
    [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(-n+2) {
      border-top: 0; }
      .max-bg-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(-n+2) {
        padding-bottom: 35px; }
    .max-bg-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-last-child(-n+2) {
      padding-top: 35px; }
    .min-xl-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(odd) {
      padding-right: 120px; }
    .max-xl-size.min-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(odd) {
      padding-right: 100px; }
    .max-xl-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(odd) {
      padding-left: 0; }
    .max-bg-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(odd) {
      padding-right: 35px; }
    [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(even) {
      border-right: none; }
      .min-xl-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(even) {
        padding-left: 120px; }
      .max-xl-size.min-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(even) {
        padding-left: 100px; }
      .max-xl-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(even) {
        padding-right: 0; }
      .max-bg-size.min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li:nth-child(even) {
        padding-left: 35px; }
    [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li figure {
      width: 80px;
      height: 80px; }
      [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li figure img {
        display: block; }
    [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li .title {
      margin: 25px 0;
      line-height: 1.25em; }
      .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li .title {
        margin: 15px 0; }
    [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li .title, [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .invest-list li .text {
      letter-spacing: 0.05em; }
  [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    height: 300px;
    background-color: #4286C5;
    border: 20px solid #C0D5E9;
    border-radius: 50%; }
    .min-md-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .circle {
      position: absolute;
      left: calc(50% - 150px);
    }
    .max-bg-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .circle {
      top: -100px;
      margin-top: 0 !important; }
    .max-sm-size [data-page="core03"] .tab-content[data-tab="3"] .tab-section[data-tab-section="2"] .text-box .circle {
      width: 225px;
      height: 225px;
      padding:0 15px;
      border-width: 10px; }

.max-md-size [data-page="core04"] .info-list li + li:before {
  content: "";
  display: block;
  width: 0;
  height: 100px;
  margin: 25px auto;
  border-left: 2px dashed #aaa; }
.max-sm-size [data-page="core04"] .info-list li + li:before {
  height: 50px;
  margin: 15px auto; }
[data-page="core04"] .info-list li .date {
  text-align: center; }
  .min-md-size [data-page="core04"] .info-list li .date {
    padding: 15px 0; }
  [data-page="core04"] .info-list li .date span {
    display: block;
    letter-spacing: 0.05em;
    line-height: 1em; }
    [data-page="core04"] .info-list li .date span.day {
      font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 50px; }
      .max-sm-size [data-page="core04"] .info-list li .date span.day {
        font-size: 35px; }
      [data-page="core04"] .info-list li .date span.day:after {
        content: "."; }
    [data-page="core04"] .info-list li .date span.month {
      margin-top: 10px; }
      .max-sm-size [data-page="core04"] .info-list li .date span.month {
        margin-top: 5px; }
.min-xl-size [data-page="core04"] .info-list li .composition {
  padding: 0 105px; }
.max-md-size [data-page="core04"] .info-list li .composition {
  margin-top: 25px; }
.max-sm-size [data-page="core04"] .info-list li .composition {
  margin-top: 15px; }
.min-md-size [data-page="core04"] .info-list li .composition .text-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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(50% + 1px);
  border: 2px dashed #aaa;
  border-top: none;
  border-bottom: none; }
[data-page="core04"] .info-list li .composition .text-container .title, [data-page="core04"] .info-list li .composition .text-container .text-box {
  letter-spacing: 0.05em; }
[data-page="core04"] .info-list li .composition .text-container .title {
  line-height: 1.25em; }
[data-page="core04"] .info-list li .composition .text-container .text-box {
  margin-top: 25px; }
  .max-sm-size [data-page="core04"] .info-list li .composition .text-container .text-box {
    margin-top: 15px; }
.min-md-size [data-page="core04"] .info-list li .composition .pic-container {
  width: calc(50% - 1px);
  padding-top: 25px;
  padding-bottom: 25px; }
.max-md-size [data-page="core04"] .info-list li .composition .pic-container {
  margin-top: 25px; }
.max-sm-size [data-page="core04"] .info-list li .composition .pic-container {
  margin-top: 15px; }
[data-page="core04"] .info-list li .composition .pic-container .pic {
  height: 100%; }
  [data-page="core04"] .info-list li .composition .pic-container .pic img {
    display: block !important;
    opacity: 0; }
.min-md-size [data-page="core04"] .info-list li:nth-child(odd) .composition {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .min-md-size [data-page="core04"] .info-list li:nth-child(odd) .composition .text-container {
    padding-left: 65px;
    border-right: none; }
  .min-md-size [data-page="core04"] .info-list li:nth-child(odd) .composition .pic-container {
    padding-right: 65px; }
.min-md-size [data-page="core04"] .info-list li:nth-child(even) .composition .text-container {
  padding-right: 65px;
  border-left: none; }
.min-md-size [data-page="core04"] .info-list li:nth-child(even) .composition .pic-container {
  padding-left: 65px; }

[data-page="core05"] .tab-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  [data-page="core05"] .tab-section .map {
    position: relative; }
    [data-page="core05"] .tab-section .map .pic img {
      max-width: 100%; }
    [data-page="core05"] .tab-section .map ul {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -moz-transform-origin: top left;
      -o-transform-origin: top left;
      -ms-transform-origin: top left;
      -webkit-transform-origin: top left;
      transform-origin: top left; }
      [data-page="core05"] .tab-section .map ul li {
        position: absolute;
        visibility: hidden; }
      .max-sm-size [data-page="core05"] .tab-section .map ul.circles {
        display: none; }
      [data-page="core05"] .tab-section .map ul.circles li {
        border: 1px solid rgba(100, 153, 210, 0.55);
        background-color: rgba(100, 153, 210, 0.2);
        border-radius: 50%; }
      .max-sm-size [data-page="core05"] .tab-section .map ul.pins {
        position: static;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        counter-reset: section;
        margin-top: 25px; }
      .max-sm-size [data-page="core05"] .tab-section .map ul.pins li {
        position: static;
        font-size: 16px;
        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 [data-page="core05"] .tab-section .map ul.pins li + li {
          margin-top: 15px; }
        .max-sm-size [data-page="core05"] .tab-section .map ul.pins li:before {
          counter-increment: section;
          content: counter(section);
          display: block;
          margin-right: 10px;
          width: 25px;
          height: 25px;
          border-radius: 50%;
          font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
          font-size: 14px;
          text-align: center;
          line-height: 25px;
          color: #fff;
          background-color: #BA9250; }
      [data-page="core05"] .tab-section .map ul.pins li a {
        display: block; }
        .min-sm-size [data-page="core05"] .tab-section .map ul.pins li a {
          width: 40px; }
        .max-sm-size [data-page="core05"] .tab-section .map ul.pins li a:after {
          content: attr(data-lc-title);
          letter-spacing: 0.05em; }
        [data-page="core05"] .tab-section .map ul.pins li a img {
          display: block; }
          .max-sm-size [data-page="core05"] .tab-section .map ul.pins li a img {
            display: none; }
[data-page="core05"] [data-tab="1"] .map {
  overflow: hidden; }

[data-page="core06"] .video-slick {
  padding: 0 65px;
  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 [data-page="core06"] .video-slick {
    padding: 0; }
  [data-page="core06"] .video-slick .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    [data-page="core06"] .video-slick .slick-track .slick-slide .slick-item {
      display: block !important; }
  @media screen and (min-width: 1550px) {
    [data-page="core06"] .video-slick .slick-track .slick-slide {
      position: relative; }
      [data-page="core06"] .video-slick .slick-track .slick-slide .slick-item .video-box {
        z-index: 1;
        -moz-transition-property: width;
        -o-transition-property: width;
        -webkit-transition-property: width;
        transition-property: width;
        -moz-transition-duration: 0.75s;
        -o-transition-duration: 0.75s;
        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear; }
      [data-page="core06"] .video-slick .slick-track .slick-slide:not(.slick-active) .slick-item .video-box {
        width: 390px; }
      [data-page="core06"] .video-slick .slick-track .slick-slide.slick-active:not(.slick-center) {
        z-index: 2;
        margin: 0 -310px; }
        [data-page="core06"] .video-slick .slick-track .slick-slide.slick-active:not(.slick-center) .slick-item .video-box {
          width: 525px; }
      [data-page="core06"] .video-slick .slick-track .slick-slide:not(.slick-center):before {
        content: "";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        bottom: 0;
        -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2); }
      [data-page="core06"] .video-slick .slick-track .slick-slide.slick-center {
        z-index: 5;
        margin: 0 -125px; }
        [data-page="core06"] .video-slick .slick-track .slick-slide.slick-center .slick-item .video-box {
          width: 1080px; } }
  @media screen and (max-width: 1549px) {
    .min-md-size [data-page="core06"] .video-slick .slick-track {
      margin: -40px 0; }
      .min-md-size [data-page="core06"] .video-slick .slick-track .slick-slide {
        padding: 100px 0; }
        .min-md-size [data-page="core06"] .video-slick .slick-track .slick-slide .video-box {
          -moz-transition: margin 0.3s linear;
          -o-transition: margin 0.3s linear;
          -webkit-transition: margin 0.3s linear;
          transition: margin 0.3s linear; }
        .min-md-size [data-page="core06"] .video-slick .slick-track .slick-slide.slick-current {
          position: relative;
          z-index: 5; }
          .min-md-size [data-page="core06"] .video-slick .slick-track .slick-slide.slick-current .video-box {
            margin: -100px; } }
[data-page="core06"] .video-caption {
  position: relative;
  width: 100%;
  margin-top: 45px;
  padding: 0 175px; }
  .min-md-size [data-page="core06"] .video-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .max-xl2-size [data-page="core06"] .video-caption {
    padding: 0 75px; }
  .max-xl-size [data-page="core06"] .video-caption {
    padding: 0 50px; }
  .max-bg-size [data-page="core06"] .video-caption {
    padding: 0; }
  .max-md-size [data-page="core06"] .video-caption {
    padding-top: 75px; }
  .max-sm-size [data-page="core06"] .video-caption {
    margin-top: 25px;
    padding-top: 50px; }
  [data-page="core06"] .video-caption li .btn {
    position: relative;
    width: 100px;
    padding-bottom: 10px;
    font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 14px;
    text-transform: uppercase; }
    [data-page="core06"] .video-caption li .btn:before {
      content: "";
      position: absolute;
      bottom: 0;
      display: block;
      width: 100px;
      height: 1px;
      background-color: #000;
      -moz-transition: width 0.3s ease-in-out;
      -o-transition: width 0.3s ease-in-out;
      -webkit-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out; }
    .min-md-size [data-page="core06"] .video-caption li .btn:hover:before {
      width: 120px; }
    [data-page="core06"] .video-caption li .btn svg {
      fill: #000;
      position: absolute;
      bottom: -3px;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
  .max-md-size [data-page="core06"] .video-caption li.prev, .max-md-size [data-page="core06"] .video-caption li.next {
    position: absolute;
    top: 0; }
  [data-page="core06"] .video-caption li.prev .btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    [data-page="core06"] .video-caption li.prev .btn:before {
      right: 0; }
    [data-page="core06"] .video-caption li.prev .btn svg {
      left: 0;
      -moz-transition-property: left;
      -o-transition-property: left;
      -webkit-transition-property: left;
      transition-property: left; }
    .min-md-size [data-page="core06"] .video-caption li.prev .btn:hover svg {
      left: -20px; }
  .max-md-size [data-page="core06"] .video-caption li.prev {
    left: 0; }
  [data-page="core06"] .video-caption li.next .btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    [data-page="core06"] .video-caption li.next .btn:before {
      left: 0; }
    [data-page="core06"] .video-caption li.next .btn svg {
      right: 0;
      -moz-transition-property: right;
      -o-transition-property: right;
      -webkit-transition-property: right;
      transition-property: right; }
    .min-md-size [data-page="core06"] .video-caption li.next .btn:hover svg {
      right: -20px; }
  .max-md-size [data-page="core06"] .video-caption li.next {
    right: 0; }
  [data-page="core06"] .video-caption li.text-box {
    padding: 0 85px; }
    .max-xl2-size [data-page="core06"] .video-caption li.text-box {
      padding: 0 75px; }
    .max-xl-size [data-page="core06"] .video-caption li.text-box {
      padding: 0 50px; }
    .max-md-size [data-page="core06"] .video-caption li.text-box {
      padding: 0; }
    [data-page="core06"] .video-caption li.text-box .title, [data-page="core06"] .video-caption li.text-box .text {
      letter-spacing: 0.05em; }
    [data-page="core06"] .video-caption li.text-box .text {
      margin-top: 25px; }
      .max-sm-size [data-page="core06"] .video-caption li.text-box .text {
        margin-top: 15px; }

/* ------------------------------------------
 *  brands
 * ----------------------------------------- */
[data-page="brands"] #footer {
  display: none; }

.brands-index {
  position: relative;
  width: 100vw;
  height: 100vh;
  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; }
  .brands-index .pic-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000; }
    .brands-index .pic-container .pic {
      opacity: 0;
      -moz-transition: opacity 1s ease-in-out, transform 5s ease-in-out 0.25s;
      -o-transition: opacity 1s ease-in-out, transform 5s ease-in-out 0.25s;
      -webkit-transition: opacity 1s ease-in-out, transform 5s ease-in-out 0.25s;
      transition: opacity 1s ease-in-out, transform 5s ease-in-out 0.25s; }
      .brands-index .pic-container .pic.current {
        opacity: 1;
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
  .brands-index .inner {
    position: relative;
    z-index: 1000;
    width: 100vh;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vw;
    mix-blend-mode: screen; }
    .brands-index .inner > div {
      padding: 120px; }
      @media screen and (max-width: 1879px) {
        .brands-index .inner > div {
          padding: 75px; } }
      @media screen and (max-width: 767px) {
        .brands-index .inner > div {
          padding: 25px; } }
      .brands-index .inner > div.circle {
        position: absolute;
        width: 100%;
        height: 100%; }
        .brands-index .inner > div.circle .points {
          position: absolute;
          top: 120px;
          left: 120px;
          right: 120px;
          bottom: 120px; }
          @media screen and (max-width: 1879px) {
            .brands-index .inner > div.circle .points {
              top: 75px;
              left: 75px;
              right: 75px;
              bottom: 75px; } }
          @media screen and (max-width: 767px) {
            .brands-index .inner > div.circle .points {
              top: 25px;
              left: 25px;
              right: 25px;
              bottom: 25px; } }
          .brands-index .inner > div.circle .points li {
            position: absolute;
            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;
            cursor: pointer; }
            .brands-index .inner > div.circle .points li span {
              display: block; }
              .brands-index .inner > div.circle .points li span.title {
                font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
                color: rgba(255, 255, 255, 0.5);
                font-size: 15px;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                -moz-transition: color 0.3s ease-in-out;
                -o-transition: color 0.3s ease-in-out;
                -webkit-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out; }
                .max-sm-size .brands-index .inner > div.circle .points li span.title {
                  display: none; }
              .brands-index .inner > div.circle .points li span.point {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-flex-shrink: 0;
                -moz-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                border: 2px solid rgba(255, 255, 255, 0.5);
                background-color: #000;
                -moz-transition: border-color 0.3s ease-in-out;
                -o-transition: border-color 0.3s ease-in-out;
                -webkit-transition: border-color 0.3s ease-in-out;
                transition: border-color 0.3s ease-in-out; }
                .edge .brands-index .inner > div.circle .points li span.point, .msie .brands-index .inner > div.circle .points li span.point {
                  background: none; }
                .brands-index .inner > div.circle .points li span.point:before {
                  content: "";
                  opacity: 0;
                  display: block;
                  width: 7px;
                  height: 7px;
                  border-radius: 50%;
                  background-color: #fff;
                  -moz-transition: opacity 0.3s ease-in-out;
                  -o-transition: opacity 0.3s ease-in-out;
                  -webkit-transition: opacity 0.3s ease-in-out;
                  transition: opacity 0.3s ease-in-out; }
            .brands-index .inner > div.circle .points li.active span.point {
              border-color: #fff; }
            .brands-index .inner > div.circle .points li.current span.title {
              color: #fff; }
            .brands-index .inner > div.circle .points li.current span.point:before {
              opacity: 1; }
            .brands-index .inner > div.circle .points li.top, .brands-index .inner > div.circle .points li.bottom {
              left: 50%;
              -moz-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
            .brands-index .inner > div.circle .points li.top {
              bottom: calc(100% - 7.5px);
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column; }
              .brands-index .inner > div.circle .points li.top span.title {
                margin-bottom: 7px; }
            .brands-index .inner > div.circle .points li.bottom {
              top: calc(100% - 7.5px);
              -webkit-box-orient: vertical;
              -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
              .brands-index .inner > div.circle .points li.bottom span.title {
                margin-top: 7px; }
            .brands-index .inner > div.circle .points li.right, .brands-index .inner > div.circle .points li.left {
              top: 50%;
              -moz-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
            .brands-index .inner > div.circle .points li.right {
              left: calc(100% - 7.5px);
              -webkit-box-orient: horizontal;
              -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
              .msie.min-sm-size .brands-index .inner > div.circle .points li.right {
                left: calc(100% + 43.5px); }
              .msie.max-sm-size .brands-index .inner > div.circle .points li.right {
                left: calc(100% + 2.5px); }
              .brands-index .inner > div.circle .points li.right span.title {
                margin-left: 7px; }
            .brands-index .inner > div.circle .points li.left {
              right: calc(100% - 7.5px);
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -ms-flex-direction: row;
              flex-direction: row; }
              .msie.min-sm-size .brands-index .inner > div.circle .points li.left {
                right: calc(100% + 45px); }
              .msie.max-sm-size .brands-index .inner > div.circle .points li.left {
                right: calc(100% + 4px); }
              .brands-index .inner > div.circle .points li.left span.title {
                margin-right: 7px; }
        .brands-index .inner > div.circle svg {
          width: 100%;
          height: 100%;
          stroke: #fff;
          stroke-width: 2px;
          fill: none;
          overflow: visible; }
          .msie .brands-index .inner > div.circle svg {
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
          .brands-index .inner > div.circle svg circle {
            -moz-transform-origin: center;
            -o-transform-origin: center;
            -ms-transform-origin: center;
            -webkit-transform-origin: center;
            transform-origin: center;
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
            .brands-index .inner > div.circle svg circle.route {
              stroke-opacity: 0.3; }
      .brands-index .inner > div.text-container {
        display: none;
        -webkit-animation: fadeEffect 1s;
        -moz-animation: fadeEffect 1s;
        -o-animation: fadeEffect 1s;
        -ms-animation: fadeEffect 1s;
        animation: fadeEffect 1s; }
        .brands-index .inner > div.text-container.current {
          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: 100%;
          height: 100%; }
        .brands-index .inner > div.text-container .title-box {
          margin-top: 55px;
          color: #fff;
          text-align: center; }
          .max-sm-size .brands-index .inner > div.text-container .title-box {
            margin-top: 40px; }
          .brands-index .inner > div.text-container .title-box .title {
            font-size: 55px;
            letter-spacing: 0.05em; }
            .max-xl2-size .brands-index .inner > div.text-container .title-box .title {
              font-size: 48px; }
            .max-sm-size .brands-index .inner > div.text-container .title-box .title {
              font-size: 30px; }
            .brands-index .inner > div.text-container .title-box .title:before, .brands-index .inner > div.text-container .title-box .title:lang(en) {
              display: block;
              font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
              font-size: 85px;
              font-weight: 500;
              text-transform: uppercase;
              line-height: 0.75em;
              margin-left: 0.05em;
              letter-spacing: 0.05em; }
              .max-xl2-size .brands-index .inner > div.text-container .title-box .title:before, .max-xl2-size .brands-index .inner > div.text-container .title-box .title:lang(en) {
                font-size: 64px; }
              .max-sm-size .brands-index .inner > div.text-container .title-box .title:before, .max-sm-size .brands-index .inner > div.text-container .title-box .title:lang(en) {
                font-size: 35px; }
            .brands-index .inner > div.text-container .title-box .title:before {
              content: attr(data-sub);
              margin-bottom: 25px; }
            .brands-index .inner > div.text-container .title-box .title:lang(en):before {
              display: none; }
          .brands-index .inner > div.text-container .title-box .text {
            margin-top: 25px;
            font-size: 20px; }
            .max-sm-size .brands-index .inner > div.text-container .title-box .text {
              display: none; }
        .brands-index .inner > div.text-container .button-box {
          position: relative;
          z-index: 1000;
          margin-top: 30px; }
          .max-sm-size .brands-index .inner > div.text-container .button-box {
            margin-top: 20px; }
          .brands-index .inner > div.text-container .button-box .btn {
            font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
            text-transform: uppercase;
            font-size: 14px; }

.brand-section {
  position: relative;
  background-color: #fff; }
  .brand-section .section-title .title {
    line-height: 1.25em; }
  .brand-section .section-title .sub {
    line-height: 1.25em;
    letter-spacing: 0.05em; }
    .brand-section .section-title .sub + .title {
      margin-top: 15px; }
      .max-sm-size .brand-section .section-title .sub + .title {
        margin-top: 5px; }
  .brand-section .section-bg {
    position: absolute;
    background-color: #f1f1f1; }
    .max-sm-size .brand-section .section-bg {
      display: none; }
  .brand-section .container {
    position: relative;
    z-index: 1; }

.min-md-size .brand-foot ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.min-md-size .brand-foot ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .min-md-size .brand-foot ul li:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .min-md-size .brand-foot ul li:nth-child(2) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .min-md-size .brand-foot ul li:nth-child(3) {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s; }
.brand-foot ul li a {
  position: relative; }
  .brand-foot ul li a .pic img {
    display: block !important;
    opacity: 0; }
  .brand-foot ul li a .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px;
    color: #fff;
    text-align: center; }
    .max-sm-size .brand-foot ul li a .inner {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .brand-foot ul li a .inner .title {
      font-size: 35px;
      font-weight: 700; }
      .max-sm-size .brand-foot ul li a .inner .title {
        font-size: 20px;
        font-weight: 400; }
    .brand-foot ul li a .inner .text {
      font-size: 18px;
      line-height: 1.4em;
      margin-top: 15px; }
      .max-sm-size .brand-foot ul li a .inner .text {
        display: none; }
  .brand-foot ul li a:not(:hover) .pic {
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01); }

.max-lg-size [data-page="brand01"] .brand-section[data-section="1"] {
  padding: 50px 0; }
.max-sm-size [data-page="brand01"] .brand-section[data-section="1"] {
  padding: 25px 0; }
[data-page="brand01"] .brand-section[data-section="1"] .composition {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .max-lg-size [data-page="brand01"] .brand-section[data-section="1"] .composition {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .max-md-size [data-page="brand01"] .brand-section[data-section="1"] .composition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .max-xl-size.min-md-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container {
    width: 60%; }
  .max-md-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container {
    margin-top: 50px; }
  .max-sm-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container {
    margin-top: 25px; }
  [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .max-lg-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul {
      height: 100%;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
    .max-lg-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .min-xl-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul li:nth-child(1) {
      margin-top: -60px; }
    .max-xl-size.min-lg-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul li:nth-child(1) {
      margin-top: -5%; }
    .min-xl-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul li:nth-child(2) {
      margin: 135px 0 -95px -105px; }
    .max-xl-size.min-lg-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul li:nth-child(2) {
      margin: 10% 0 -6% -10px; }
    [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul li .pic img {
      display: block !important;
      opacity: 0; }
    .max-lg-size [data-page="brand01"] .brand-section[data-section="1"] .composition .pic-container ul li .pic {
      height: 100%; }
  [data-page="brand01"] .brand-section[data-section="1"] .composition .text-container {
    padding-left: 85px; }
    .max-xl-size [data-page="brand01"] .brand-section[data-section="1"] .composition .text-container {
      padding-left: 50px; }
    .max-md-size [data-page="brand01"] .brand-section[data-section="1"] .composition .text-container {
      padding-left: 0; }
    [data-page="brand01"] .brand-section[data-section="1"] .composition .text-container .text-box {
      margin-top: 15px;
      margin-bottom: -0.45em;
      letter-spacing: 0.05em; }
[data-page="brand01"] .brand-section[data-section="2"] {
  padding: 240px 0; }
  .max-xl-size [data-page="brand01"] .brand-section[data-section="2"] {
    padding: 100px 0; }
  .max-lg-size [data-page="brand01"] .brand-section[data-section="2"] {
    padding: 50px 0; }
  .max-sm-size [data-page="brand01"] .brand-section[data-section="2"] {
    padding: 25px 0; }
  [data-page="brand01"] .brand-section[data-section="2"] .section-bg {
    top: 0;
    left: 0;
    right: calc(50% - 540px);
    bottom: 0; }
    .max-lg-size [data-page="brand01"] .brand-section[data-section="2"] .section-bg {
      right: 250px; }
    .max-md-size [data-page="brand01"] .brand-section[data-section="2"] .section-bg {
      display: block;
      right: 0; }
  [data-page="brand01"] .brand-section[data-section="2"] .composition {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .max-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
    .min-xl2-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container {
      padding: 0 75px 0 35px; }
    .max-xl2-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container {
      padding-right: 50px; }
    .max-md-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container {
      padding-right: 0; }
    [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .top {
      max-width: 615px; }
      [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .top .text-box {
        margin-top: 15px;
        letter-spacing: 0.05em; }
    [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 50px; }
      .max-bg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom {
        margin-top: 50px; }
      .max-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom {
        margin-top: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      .max-sm-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom {
        margin-top: 5px; }
      .max-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 0; }
      .min-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul + ul {
        border-left: 1px solid rgba(0, 0, 0, 0.1); }
      .min-xl-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul + ul {
        margin-left: 40px;
        padding-left: 40px; }
      .max-xl-size.min-bg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul + ul {
        margin-left: 25px;
        padding-left: 25px; }
      .max-bg-size.min-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul + ul {
        margin-left: 20px;
        padding-left: 20px; }
      .max-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul + ul {
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
      [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul li {
        font-size: 18px;
        line-height: 1em;
        letter-spacing: 0.05em; }
        .max-bg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul li {
          font-size: 16px; }
        .max-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul li {
          margin: 10px 20px 10px 0; }
        .max-sm-size [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul li {
          margin: 7.5px 15px 7.5px 0; }
        [data-page="brand01"] .brand-section[data-section="2"] .composition .text-container .bottom ul li + li {
          margin-top: 20px; }
    .min-xl-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container {
      margin: -65px 0 -100px 0; }
    .max-xl-size.min-md-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container {
      width: 40%; }
    .max-md-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container {
      margin-top: 25px; }
    .max-sm-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container {
      margin-top: 15px; }
    .min-lg-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container .pic img, .max-sm-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container .pic img {
      display: block !important;
      opacity: 0; }
    .max-lg-size.min-md-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container .pic {
      height: 100%; }
    .max-md-size.min-sm-size [data-page="brand01"] .brand-section[data-section="2"] .composition .pic-container .pic {
      padding-bottom: 50%; }

[data-page="brand02"] .brand-section[data-section="1"] {
  padding: 110px 0;
  z-index: 2;
  background-color: transparent; }
  .max-xl-size [data-page="brand02"] .brand-section[data-section="1"] {
    padding: 75px 0; }
  .max-bg-size [data-page="brand02"] .brand-section[data-section="1"] {
    padding: 50px 0; }
  .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] {
    padding: 25px 0; }
  [data-page="brand02"] .brand-section[data-section="1"] .section-bg {
    top: 0;
    left: calc(50% + 190px);
    right: 0;
    bottom: 0; }
    .max-lg-size [data-page="brand02"] .brand-section[data-section="1"] .section-bg {
      display: none; }
  .min-xl-size [data-page="brand02"] .brand-section[data-section="1"] .composition {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .max-xl-size [data-page="brand02"] .brand-section[data-section="1"] .composition {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .min-lg-size [data-page="brand02"] .brand-section[data-section="1"] .composition {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .max-lg-size [data-page="brand02"] .brand-section[data-section="1"] .composition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container {
    position: relative;
    z-index: 1; }
    .min-xl-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container {
      padding: 0 95px; }
    .max-xl-size.min-lg-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container {
      padding: 0 50px 0 0; }
    [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .text-box {
      margin-top: 30px;
      letter-spacing: 0.05em; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .text-box {
        margin-top: 15px; }
    [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 50px; }
      .max-lg-size.min-md-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .min-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 25px;
        padding-top: 150px; }
      [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box ul li {
        letter-spacing: 0.05em; }
        .max-lg-size.min-md-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box ul li, .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box ul li {
          text-align: center; }
        [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box ul li .title {
          font-weight: 700; }
          [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box ul li .title + .text {
            margin-top: 0.5em; }
        [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box ul li + li {
          margin-top: 20px;
          padding-top: 20px;
          border-top: 1px solid #D2D2D2; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box ul:last-of-type {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #D2D2D2; }
      .max-lg-size.min-md-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box .icon {
        margin: 0 50px; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box .icon {
        position: absolute;
        top: 0;
        left: 0;
        right: 0; }
      [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box .icon img {
        display: block;
        width: 100%; }
        .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .text-container .items-box .icon img {
          width: 125px;
          margin: 0 auto; }
  .max-xl-size [data-page="brand02"] .brand-section[data-section="1"] .composition .pic-container {
    width: 50%; }
  .max-lg-size [data-page="brand02"] .brand-section[data-section="1"] .composition .pic-container {
    width: calc(100% + 100px);
    margin: 50px -50px -50px; }
  .max-sm-size [data-page="brand02"] .brand-section[data-section="1"] .composition .pic-container {
    width: calc(100% + 50px);
    margin: 25px -25px -25px; }
  .min-xl-size [data-page="brand02"] .brand-section[data-section="1"] .composition .pic-container .pic img, .max-lg-size [data-page="brand02"] .brand-section[data-section="1"] .composition .pic-container .pic img {
    display: block !important;
    opacity: 0; }
  .max-xl-size [data-page="brand02"] .brand-section[data-section="1"] .composition .pic-container .pic {
    height: 100%; }
  .max-lg-size [data-page="brand02"] .brand-section[data-section="1"] .composition .pic-container .pic {
    height: 100%; }
[data-page="brand02"] .brand-section[data-section="2"] {
  padding: 50px 0 135px; }
  .max-lg-size [data-page="brand02"] .brand-section[data-section="2"] {
    padding: 50px 0; }
  .max-sm-size [data-page="brand02"] .brand-section[data-section="2"] {
    padding: 25px 0; }
  .min-bg-size [data-page="brand02"] .brand-section[data-section="2"] .composition {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .min-md-size [data-page="brand02"] .brand-section[data-section="2"] .composition {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .max-md-size [data-page="brand02"] .brand-section[data-section="2"] .composition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .min-xl-size [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container {
    padding: 0 55px 0 95px; }
  .max-xl-size.min-md-size [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container {
    padding: 0 0 0 50px; }
  .max-md-size [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container {
    margin-top: 30px; }
  .max-xs-size [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container {
    margin-top: 25px; }
  [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container .text-box {
    margin-top: 30px;
    letter-spacing: 0.05em; }
    .max-xs-size [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container .text-box {
      margin-top: 15px; }
  [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container .text-foot {
    margin-top: 25px; }
    [data-page="brand02"] .brand-section[data-section="2"] .composition .text-container .text-foot img {
      display: block;
      margin-left: 15px; }
  .max-lg-size.min-xs-size [data-page="brand02"] .brand-section[data-section="2"] .composition .pic-container {
    width: 50%; }
.min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .composition {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .composition > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%; }
[data-page="brand02"] .brand-section[data-section="3"] .section-top .text-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: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner {
    width: 100%; }
    .min-xl-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner {
      max-width: 775px;
      padding: 120px 0; }
    .max-xl-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner {
      padding: 50px; }
    .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner {
      padding: 25px; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .title-box {
      color: #4286C5;
      font-weight: 700;
      line-height: 1; }
      [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .title-box .sub {
        font-size: 18px; }
        [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .title-box .sub + .title {
          margin-top: 10px; }
      [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .title-box .title {
        font-size: 50px; }
        .max-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .title-box .title {
          font-size: 35px; }
      [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .title-box + .text-box {
        margin-top: 30px; }
        .max-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .title-box + .text-box {
          margin-top: 20px; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .text-box {
      max-width: 610px;
      font-size: 18px;
      line-height: 2;
      letter-spacing: 0.05em; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-inner .text-box {
        font-size: 16px;
        line-height: 1.75; }
  [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-pics ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-top .text-container .text-container-pics ul > li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
[data-page="brand02"] .brand-section[data-section="3"] .section-main {
  padding: 115px 0; }
  .max-bg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main {
    padding: 75px 0; }
  .max-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main {
    padding: 50px 0; }
  .max-xs-size [data-page="brand02"] .brand-section[data-section="3"] .section-main {
    padding: 25px 0; }
  .min-lg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .max-lg-size.min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition:first-child .pic-container {
    padding-bottom: 40px; }
  .min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition:nth-child(odd) .text-container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding-right: 50px; }
  .min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition:nth-child(even) .text-container {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-left: 50px; }
  .max-lg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition + .composition {
    margin-top: 85px; }
    .max-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition + .composition {
      margin-top: 50px; }
  [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container {
    position: relative; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container .pic-award {
      position: absolute;
      right: calc(100% - 70px);
      bottom: -30px;
      width: 208px; }
      [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container .pic-award img {
        display: block; }
      .max-xl-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container .pic-award {
        right: auto;
        left: -15px; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container .pic-award {
        width: 150px; }
      .max-xs-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container .pic-award {
        width: 125px; }
    .min-xl-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container {
      width: 750px; }
    .max-xl-size.min-bg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container {
      width: calc(50% + 50px); }
    .max-bg-size.min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container {
      width: calc(50% + 25px); }
    .max-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .pic-container {
      margin-top: 25px; }
  [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .text-container-inner {
      width: 100%;
      max-width: 670px; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .title-box .sub {
      line-height: 1;
      letter-spacing: 0.05em;
      font-weight: 700;
      font-size: 22px;
      color: #4286C5; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .title-box .sub {
        font-size: 16px; }
      [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .title-box .sub + .title {
        margin-top: 10px; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .title-box .title {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.25;
      letter-spacing: normal; }
      .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .title-box .title {
        font-size: 22px; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .title-box + .text-box {
      margin-top: 15px; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .text-box {
      letter-spacing: normal; }
    [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box {
      position: relative;
      margin-top: 30px; }
      [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .title {
        position: relative;
        letter-spacing: 0.05em; }
      [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 30px;
        letter-spacing: 0.05em; }
        .min-lg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::before, .min-lg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::after, .max-md-size.min-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::before, .max-md-size.min-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::after {
          display: block; }
        .min-lg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::before, .max-md-size.min-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::before {
          content: url("images/static/brands/brand02/deco-left.png"); }
        .min-lg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::after, .max-md-size.min-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content::after {
          content: url("images/static/brands/brand02/deco-right.png"); }
        .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content {
          margin-top: 20px; }
        [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content .content-inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .min-lg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content .content-inner, .max-md-size.min-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content .content-inner {
            margin: 0 20px; }
          .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content .content-inner {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content dl{line-height:1.6em;}
        .min-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content dl + dl {
          border-left: 1px solid #DDDDDD; }
        .min-bg-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content dl + dl, .max-md-size.min-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content dl + dl {
          margin-left: 35px;
          padding-left: 35px; }
        .max-bg-size.min-md-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content dl + dl {
          margin-left: 20px;
          padding-left: 20px; }
        .max-sm-size [data-page="brand02"] .brand-section[data-section="3"] .section-main .composition .text-container .awards-box .content dl + dl {
          margin-top: 15px; }

[data-page="brand03"] .brand-section dl .title, [data-page="brand03"] .brand-section dl dd {
  letter-spacing: 0.05em; }
[data-page="brand03"] .brand-section dl .title {
  margin-bottom: 10px; }
[data-page="brand03"] .brand-section dl dd {
  line-height: 1.5em; }
  [data-page="brand03"] .brand-section dl dd + dd {
    margin-top: 5px; }
[data-page="brand03"] .brand-section[data-section="1"] {
  padding-bottom: 175px; }
  .max-xl-size [data-page="brand03"] .brand-section[data-section="1"] {
    padding-bottom: 75px; }
  .max-bg-size [data-page="brand03"] .brand-section[data-section="1"] {
    padding-bottom: 50px; }
  .max-md-size [data-page="brand03"] .brand-section[data-section="1"] {
    padding-bottom: 0; }
  [data-page="brand03"] .brand-section[data-section="1"] .section-bg {
    top: 0;
    bottom: 0;
    right: 0;
    left: calc(50% - 620px); }
    .max-xl-size [data-page="brand03"] .brand-section[data-section="1"] .section-bg {
      left: 60px; }
    .max-bg-size [data-page="brand03"] .brand-section[data-section="1"] .section-bg {
      left: 50px; }
    .max-md-size [data-page="brand03"] .brand-section[data-section="1"] .section-bg {
      display: none; }
  .min-md-size [data-page="brand03"] .brand-section[data-section="1"] .composition {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .min-xl-size [data-page="brand03"] .brand-section[data-section="1"] .composition {
    padding-left: 155px; }
  [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container {
    margin-top: 70px; }
    .min-xl-size [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container {
      padding: 0 110px; }
    .max-xl-size [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container {
      padding: 0 75px; }
    .max-bg-size [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container {
      padding: 0 50px;
      margin-top: 50px; }
    .max-md-size [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container {
      padding: 50px;
      background-color: #F1F1F1; }
    .max-sm-size [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container {
      padding: 25px;
      margin-top: 25px; }
    [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container .text-box {
      margin-top: 30px; }
      .max-sm-size [data-page="brand03"] .brand-section[data-section="1"] .composition .text-container .text-box {
        margin-top: 15px; }
  .max-xl-size.min-md-size [data-page="brand03"] .brand-section[data-section="1"] .composition .pic-container {
    width: 50%; }
  .min-bg-size [data-page="brand03"] .brand-section[data-section="1"] .composition .pic-container {
    margin-top: -70px; }
  .max-bg-size.min-md-size [data-page="brand03"] .brand-section[data-section="1"] .composition .pic-container {
    margin-top: -50px; }
.max-bg-size [data-page="brand03"] .brand-section[data-section="2"] {
  padding-top: 50px; }
.max-sm-size [data-page="brand03"] .brand-section[data-section="2"] {
  padding-top: 25px; }
.min-lg-size [data-page="brand03"] .brand-section[data-section="2"] .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
[data-page="brand03"] .brand-section[data-section="2"] .container .pic-container {
  position: relative;
  margin-top: -135px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .min-bg-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container, .max-lg-size.min-md-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .min-xl-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .max-xl-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container {
    margin-top: -75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .max-bg-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container {
    margin-top: 0; }
  [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .pic {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box {
    -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-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #17283A;
    padding: 50px 40px;
    color: #fff; }
    [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box .title {
      line-height: 1.25; }
    [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box .text {
      margin-top: 15px; }
    .min-sm-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box {
      width: 340px;
      height: 300px; }
    .min-xl-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box {
      margin-top: 55px;
      margin-left: -110px; }
    .max-xl-size.min-bg-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box {
      margin-left: -200px; }
    .max-bg-size.min-lg-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box, .max-md-size.min-sm-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box {
      position: absolute;
      right: 0;
      bottom: 0; }
    .max-lg-size.min-md-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box {
      margin-left: -50px; }
    .max-sm-size [data-page="brand03"] .brand-section[data-section="2"] .container .pic-container .text-box {
      padding: 25px; }
[data-page="brand03"] .brand-section[data-section="2"] .container .text-container {
  width: 100%;
  max-width: 650px;
  padding-top: 45px; }
  [data-page="brand03"] .brand-section[data-section="2"] .container .text-container .text-box {
    margin-top: 15px;
    letter-spacing: 0.05em; }
  .min-xl-size [data-page="brand03"] .brand-section[data-section="2"] .container .text-container {
    padding-left: 140px; }
  .max-xl-size.min-bg-size [data-page="brand03"] .brand-section[data-section="2"] .container .text-container {
    padding-left: 75px; }
  .max-bg-size [data-page="brand03"] .brand-section[data-section="2"] .container .text-container {
    padding-top: 0; }
  .max-bg-size.min-lg-size [data-page="brand03"] .brand-section[data-section="2"] .container .text-container {
    padding-left: 50px; }
  .max-lg-size [data-page="brand03"] .brand-section[data-section="2"] .container .text-container {
    margin-top: 50px;max-width:100%; }
  .max-sm-size [data-page="brand03"] .brand-section[data-section="2"] .container .text-container {
    margin-top: 25px; }
[data-page="brand03"] .brand-section[data-section="3"] {
  padding: 110px 0; }
  .max-xl-size [data-page="brand03"] .brand-section[data-section="3"] {
    padding: 75px 0; }
  .max-bg-size [data-page="brand03"] .brand-section[data-section="3"] {
    padding: 50px 0; }
  .max-sm-size [data-page="brand03"] .brand-section[data-section="3"] {
    padding: 25px 0; }
  [data-page="brand03"] .brand-section[data-section="3"] .container {
    background-color: #4286C5; }
    .min-lg-size [data-page="brand03"] .brand-section[data-section="3"] .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .max-xl-size.min-lg-size [data-page="brand03"] .brand-section[data-section="3"] .container > div {
      width: 50%; }
    [data-page="brand03"] .brand-section[data-section="3"] .container .text-container {
      padding: 80px 85px;
      color: #fff;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .max-xl-size [data-page="brand03"] .brand-section[data-section="3"] .container .text-container {
        padding: 50px; }
      .max-sm-size [data-page="brand03"] .brand-section[data-section="3"] .container .text-container {
        padding: 25px; }
      [data-page="brand03"] .brand-section[data-section="3"] .container .text-container .heading .title {
        font-size: 35px;
        letter-spacing: 0.05em; }
        .max-sm-size [data-page="brand03"] .brand-section[data-section="3"] .container .text-container .heading .title {
          font-size: 24px; }
      [data-page="brand03"] .brand-section[data-section="3"] .container .text-container .content {
        margin-top: 15px;
        letter-spacing: 0.05em; }
        .max-sm-size [data-page="brand03"] .brand-section[data-section="3"] .container .text-container .content {
          margin-top: 25px; }
    [data-page="brand03"] .brand-section[data-section="3"] .container .pic-container {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      [data-page="brand03"] .brand-section[data-section="3"] .container .pic-container .pic {
        height: 100%; }
        [data-page="brand03"] .brand-section[data-section="3"] .container .pic-container .pic img {
          display: block !important;
          opacity: 0; }
[data-page="brand03"] .brand-section[data-section="4"] {
  padding-bottom: 100px; }
  .max-bg-size [data-page="brand03"] .brand-section[data-section="4"] {
    padding-bottom: 75px; }
  .max-md-size [data-page="brand03"] .brand-section[data-section="4"] {
    padding-bottom: 50px; }
  .max-xs-size [data-page="brand03"] .brand-section[data-section="4"] {
    padding-bottom: 25px; }
  [data-page="brand03"] .brand-section[data-section="4"] .section-bg {
    top: 0;
    bottom: 350px;
    left: 0;
    right: calc(50% - 620px); }
    .max-xl-size [data-page="brand03"] .brand-section[data-section="4"] .section-bg {
      right: 60px; }
    .max-bg-size [data-page="brand03"] .brand-section[data-section="4"] .section-bg {
      right: 50px;
      bottom: 250px; }
    .max-md-size [data-page="brand03"] .brand-section[data-section="4"] .section-bg {
      display: none; }
  [data-page="brand03"] .brand-section[data-section="4"] .text-container {
    width: 100%;
    padding: 100px 80px 90px; }
    .min-xl-size [data-page="brand03"] .brand-section[data-section="4"] .text-container {
      max-width: 1150px; }
    .max-xl-size [data-page="brand03"] .brand-section[data-section="4"] .text-container {
      padding: 75px 75px 75px 0; }
    .max-bg-size [data-page="brand03"] .brand-section[data-section="4"] .text-container {
      padding: 50px 50px 50px 0; }
    .max-md-size [data-page="brand03"] .brand-section[data-section="4"] .text-container {
      padding: 50px;
      background-color: #F1F1F1; }
    .max-sm-size [data-page="brand03"] .brand-section[data-section="4"] .text-container {
      padding: 25px; }
    [data-page="brand03"] .brand-section[data-section="4"] .text-container .text-box {
      margin-top: 20px;
      letter-spacing: 0.05em; }
  .max-md-size [data-page="brand03"] .brand-section[data-section="4"] .pic-container ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  [data-page="brand03"] .brand-section[data-section="4"] .pic-container ul > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
[data-page="brand03"] .brand-section[data-section="5"] {
  padding-bottom: 100px; }
  .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] {
    padding-bottom: 75px; }
  .max-md-size [data-page="brand03"] .brand-section[data-section="5"] {
    padding-bottom: 50px; }
  .max-xs-size [data-page="brand03"] .brand-section[data-section="5"] {
    padding-bottom: 25px; }
  [data-page="brand03"] .brand-section[data-section="5"] .section-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .min-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-top .text-container {
      padding-left: 65px; }
    [data-page="brand03"] .brand-section[data-section="5"] .section-top .text-container .text-box {
      margin-top: 20px;
      letter-spacing: 0.05em; }
    .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-top .pic-container {
      margin-top: 50px; }
    .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-top .pic-container {
      margin-top: 25px; }
    [data-page="brand03"] .brand-section[data-section="5"] .section-top .pic-container ul {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .min-bg-size [data-page="brand03"] .brand-section[data-section="5"] .section-top .pic-container ul > li {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      .min-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-top .pic-container ul > li + li {
        margin-top: 55px;
        margin-left: -30px; }
      .max-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-top .pic-container ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
  [data-page="brand03"] .brand-section[data-section="5"] .section-main {
    margin-top: 115px; }
    .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-main {
      margin-top: 75px; }
    [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head {
      position: relative;
      padding-left: 15px;
      font-size: 32px;
      line-height: 1.3;
      letter-spacing: 0.05em; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head::before {
        content: "";
        position: absolute;
        top: 23px;
        left: -90px;
        display: block;
        width: 90px;
        height: 1px;
        background-color: #B1B1B1; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head .sub {
        max-width: 415px;
        font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
        font-weight: 600; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head .sub + .title {
          margin-top: 10px; max-width: 515px;}
          .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head .sub,
          .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head .sub + .title {
          max-width: 615px;}
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head .text {
        margin-top: 15px;
        font-size: 16px; }
      .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head {
        font-size: 28px; }
      .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head {
        font-size: 25px; }
        .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head::before {
          top: 15px; }
        .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-head .sub {
          font-size: 20px; }
    [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-content ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-content ul li .caption {
        margin-top: 15px;max-width:385px;
        font-size: 18px; }
        .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-content ul li .caption {
          font-size: 16px; padding-right:15px;}
        .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group .group-item .group-item-content ul li .caption {
        max-width:none;padding-right:0;}
    [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item {
      max-width: 1255px; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item + .group-item {
        margin-top: 80px; }
        .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item + .group-item {
          margin-top: 75px; }
        .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item + .group-item {
          margin-top: 50px; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content {
        width: 100%; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content ul {
          -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-bg-size.min-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content ul > li + li {
            margin-left: 50px; }
          .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
            .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content ul > li {
              width: 100%; }
              .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content ul > li + li {
                margin-top: 25px; }
      .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item:nth-child(odd) {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item:nth-child(odd) .group-item-content ul li:nth-child(1) {
            margin-top: 70px; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item:nth-child(odd) .group-item-content ul li:nth-child(2) {
            margin-top: -15px; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item:nth-child(even) {
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item:nth-child(even) .group-item-content ul li:nth-child(1) {
            margin-top: -15px; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item:nth-child(even) .group-item-content ul li:nth-child(2) {
            margin-top: 70px; }
      .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content {
        margin-top: 50px; }
      .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style01 .group-item .group-item-content {
        margin-top: 25px; }
    [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 {
      position: relative;
      margin-top: 100px; }
      .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 {
        margin-top: 75px; }
      .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 {
        margin-top: 50px; }
      .max-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 {
        margin-top: 25px; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item {
        position: relative; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item + .group-item {
          margin-top: 100px; }
          .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item + .group-item {
            margin-top: 75px; }
          .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item + .group-item {
            margin-top: 50px; }
          .max-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item + .group-item {
            margin-top: 25px; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-bg {
          position: absolute;
          top: 0;
          bottom: 140px;
          background-color: #F1F1F1; }
          .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-bg {
            display: none; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-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; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-head-wrapper {
          padding: 60px 120px; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-head-wrapper .group-item-head {
            margin-left: 90px; }
          .max-lg-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-head-wrapper {
            padding: 50px 0; }
          .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-head-wrapper {
            padding: 50px;
            background-color: #F1F1F1; }
            .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-head-wrapper .group-item-head {
              padding-left: 0; }
              .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-head-wrapper .group-item-head::before {
                display: none; }
          .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-head-wrapper {
            padding: 25px; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item:nth-child(odd) .group-item-inner {
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item:nth-child(odd) .group-item-bg {
          left: calc(50% - 620px);
          right: 0; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item:nth-child(even) .group-item-inner {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item:nth-child(even) .group-item-bg {
          right: calc(50% - 620px);
          left: 0; }
        .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-content ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style02 .group-item .group-item-content ul > li + li {
            margin-top: 25px; }
    [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 {
      margin-top: 100px; }
      .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 {
        margin-top: 75px; }
      .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 {
        margin-top: 50px; }
      .max-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 {
        margin-top: 25px; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-head-wrapper {
        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-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-head-wrapper::before, .min-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-head-wrapper::after {
          content: "";
          display: block;
          width: 90px;
          height: 1px;
          background-color: #B1B1B1; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-head-wrapper .group-item-head {
          padding: 0;
          text-align: center; }
          [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-head-wrapper .group-item-head::before {
            display: none; }
          .min-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-head-wrapper .group-item-head {
            margin: 0 20px; }
      [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content {
        margin-top: 85px; }
        .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content {
          margin-top: 75px; }
        .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content {
          margin-top: 50px; }
        .max-xs-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content {
          margin-top: 25px; }
        .max-xl-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition + .composition {
          margin-top: 25px; }
        .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition + .composition {
          margin-top: 50px; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box {
          font-weight: 700; }
          [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .sub, [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .title {
            letter-spacing: 0.05em; }
          [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .sub {
            font-size: 22px; }
            [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .sub + .title {
              margin-top: 10px; }
          [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .title {
            font-size: 32px; }
          .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .sub {
            font-size: 20px; }
          .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .title {
            font-size: 28px; }
          .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .sub {
            font-size: 18px; }
          .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .title-box .title {
            font-size: 25px; }
        [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .text-box {
          margin-top: 15px;
          font-size: 18px;
          letter-spacing: 0.05em;
          line-height: 1.75; }
          .max-sm-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .text-box {
            font-size: 16px; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .pic-container {
          max-width: calc(50% + 50px); }
        .max-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .pic-container {
          margin-top: 25px; }
        .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
            .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition .text-container .text-container-inner {
              width: 100%;
              max-width: 665px; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition:nth-child(odd) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row; }
            .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition:nth-child(odd) .text-container {
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              padding-right: 50px; }
          .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition:nth-child(even) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
            .min-md-size [data-page="brand03"] .brand-section[data-section="5"] .section-main .section-group.group-style03 .group-item .group-item-content .composition:nth-child(even) .text-container {
              -webkit-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end;
              padding-left: 50px; }

[data-page="brand04"] .brand-section .title-box .title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em; }
  .max-sm-size [data-page="brand04"] .brand-section .title-box .title {
    font-size: 24px;
    text-align: center;
    letter-spacing: 0; }
  [data-page="brand04"] .brand-section .title-box .title:before {
    display: block;
    margin-bottom: 10px;
    content: attr(data-sub);
    font-weight: 400;
    font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 30px;
    line-height: 1em; }
    .max-lg-size [data-page="brand04"] .brand-section .title-box .title:before {
      font-size: 24px; }
    .max-sm-size [data-page="brand04"] .brand-section .title-box .title:before {
      font-size: 16px;
      margin-bottom: 5px; }
[data-page="brand04"] .brand-section .check-list {
  padding-left: 1.75em; }
  [data-page="brand04"] .brand-section .check-list li {
    font-size: 18px;
    line-height: 1em;
    letter-spacing: 0.05em; }
    .max-bg-size [data-page="brand04"] .brand-section .check-list li {
      font-size: 16px; }
    [data-page="brand04"] .brand-section .check-list li:before {
      font-family: "icomoon" !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      content: "";
      display: inline-block;
      width: 1.75em;
      margin-left: -1.75em;
      opacity: 0.5; }
    [data-page="brand04"] .brand-section .check-list li + li {
      margin-top: 20px; }
      .max-sm-size [data-page="brand04"] .brand-section .check-list li + li {
        margin-top: 15px; }
[data-page="brand04"] .brand-section[data-section="1"] {
  padding-bottom: 110px; }
  .max-xl-size [data-page="brand04"] .brand-section[data-section="1"] {
    padding-bottom: 75px; }
  .max-lg-size [data-page="brand04"] .brand-section[data-section="1"] {
    padding-bottom: 50px; }
  .max-sm-size [data-page="brand04"] .brand-section[data-section="1"] {
    padding-bottom: 0; }
  [data-page="brand04"] .brand-section[data-section="1"] .section-bg {
    top: 0;
    left: 0;
    right: calc(50% - 195px);
    bottom: 0; }
  [data-page="brand04"] .brand-section[data-section="1"] .composition {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .max-lg-size [data-page="brand04"] .brand-section[data-section="1"] .composition {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .max-sm-size [data-page="brand04"] .brand-section[data-section="1"] .composition {
      width: 100%; }
    .max-xl-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container {
      width: 75%; }
    .max-lg-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container {
      width: 100%; }
    [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .max-md-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
      [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .min-lg-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li:nth-child(1) {
          margin-top: -2.15%; }
        .min-lg-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li:nth-child(2) {
          margin-top: -9%; }
        .max-md-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li {
          -webkit-animation-delay: 0s !important;
          -moz-animation-delay: 0s !important;
          -o-animation-delay: 0s !important;
          animation-delay: 0s !important; }
        [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .pic {
          position: relative; }
          [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .pic:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4));
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4));
            background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4));
            background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.4)); }
            .max-md-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .pic:before {
              background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65));
              background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65));
              background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65));
              background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65));
              background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65)); }
          .min-md-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .pic img {
            display: block !important;
            opacity: 0; }
          .max-md-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .pic {
            padding-bottom: 30%; }
          .max-sm-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .pic {
            padding-bottom: 50%; }
        [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .title {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          padding: 35px 45px;
          font-size: 35px;
          font-weight: 700;
          letter-spacing: 0.05em;
          color: #fff; }
          .max-xl-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .title {
            padding: 25px;
            font-size: 28px; }
          .max-sm-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .title {
            font-size: 24px; }
          [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .title:before {
            content: attr(data-sub);
            display: block;
            margin-bottom: 15px;
            font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: 0.05em;
            line-height: 1em; }
            .max-xl-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .title:before {
              margin-bottom: 10px;
              font-size: 16px; }
            .max-sm-size [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .title:before {
              font-size: 15px; }
          [data-page="brand04"] .brand-section[data-section="1"] .composition .pic-container ul li .title:lang(en):before {
            display: none; }
    [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container {
      padding-left: 45px; }
      .max-bg-size [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container {
        padding-left: 30px; }
      .max-lg-size [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container {
        padding: 50px 0; }
      .max-sm-size [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container {
        padding: 25px; }
      [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container .text-box {
        margin-top: 15px;
        margin-bottom: -0.45em;
        letter-spacing: 0.01em;
        line-height:1.4em;
      }

        [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container .title {
          line-height: 1em; }
          @media(max-width:1250px){
            [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container .text-box {
              margin-bottom: -1.45em;
            }
          }
          @media(max-width:785px){
            [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container .text-box {
              margin-bottom: -0.45em;
            }
          }
            [data-page="brand04"] .brand-section[data-section="1"] .composition .text-container .title {
              font-size:32px;}

[data-page="brand04"] .brand-section[data-section="2"] {
  padding: 90px 0; }
  .max-xl-size [data-page="brand04"] .brand-section[data-section="2"] {
    padding: 75px 0; }
  .max-bg-size [data-page="brand04"] .brand-section[data-section="2"] {
    padding: 50px 0; }
  .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] {
    padding: 25px 0; }
  [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box {
    margin-top: 45px; }
    .max-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box {
      margin-top: 30px; }
    .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box {
      margin-top: 15px; }
    [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .max-lg-size.min-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li {
        margin: 10px; }
      .min-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li + li {
        margin-left: 60px; }
      [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li figure {
        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; }
        [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li figure img {
          display: block;
          max-width: 80px; }
          .max-md-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li figure img {
            max-width: 60px; }
        [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li figure figcaption {
          text-align: center;
          max-width:180px;
          margin-top: 10px;
          font-size: 18px;
          line-height: 1.4em;
          letter-spacing: 0.02em; }
          .max-md-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li figure figcaption {
            font-size: 16px; }
          .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .top .icons-box ul li figure figcaption {
            font-size: 14px; }
  .min-xl-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom {
    margin-top: 90px;
    padding: 0 75px; }
  .max-xl-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom {
    margin-top: 75px; }
  .max-bg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom {
    margin-top: 50px; }
  .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eee; }
  [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .max-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail + .service-detail {
      margin-top: 50px; }
    .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail + .service-detail {
      margin-top: 25px; }
    .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(1) {
      z-index: 1; }
      .min-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(1) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
      [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(1) .text-container {
        padding-right: 90px; }
        .max-xl-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(1) .text-container {
          padding-right: 75px; }
        .max-bg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(1) .text-container {
          padding-right: 50px; }
        .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(1) .text-container {
          padding-right: 0; }
        .min-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(1) .text-container .title-box {
          margin-top: 20px; }
    .min-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .min-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) {
      margin-top: -17%; }
    [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) .text-container {
      padding-left: 90px; }
      .min-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) .text-container {
        padding-top: 17%; }
      .max-xl-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) .text-container {
        padding-left: 75px; }
      .max-bg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) .text-container {
        padding-left: 50px; }
      .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) .text-container {
        padding-left: 0; }
      .min-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail:nth-child(2) .text-container .title-box {
        margin-top: 45px; }
    [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container .text-box {
        margin-top: 35px; }
        .min-md-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container .text-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .max-bg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container .text-box {
          margin-top: 35px; }
        .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container .text-box {
          margin-top: 25px; }
        .min-md-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container .text-box .check-list + .check-list {
          margin-left: 25px; }
        .max-md-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container .text-box .check-list + .check-list {
          margin-top: 25px; }
        .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .text-container .text-box .check-list + .check-list {
          margin-top: 15px; }
    [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .pic {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      .min-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .pic img, .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .pic img {
        display: block !important;
        opacity: 0; }
      .max-xl-size.min-lg-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .pic {
        width: calc(50% + 10px); }
      .max-lg-size.min-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .pic {
        width: 40%; }
      .max-sm-size [data-page="brand04"] .brand-section[data-section="2"] .container .bottom .service-detail .pic {
        margin-top: 25px;
        -webkit-animation-delay: 0s !important;
        -moz-animation-delay: 0s !important;
        -o-animation-delay: 0s !important;
        animation-delay: 0s !important; }
.min-sm-size [data-page="brand04"] .brand-section[data-section="3"] {
  padding-bottom: 50px; }
.max-sm-size [data-page="brand04"] .brand-section[data-section="3"] .container {
  width: 100%; }
[data-page="brand04"] .brand-section[data-section="3"] .container .top {
  position: relative;
  width: 100%;
  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-bottom: 75px; }
  .min-lg-size [data-page="brand04"] .brand-section[data-section="3"] .container .top {
    height: 435px; }
  .max-lg-size [data-page="brand04"] .brand-section[data-section="3"] .container .top {
    height: calc(25vw - 25px);
    padding-bottom: 25px; }
  .max-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .top {
    padding-bottom: 0; }
  .max-sm-size [data-page="brand04"] .brand-section[data-section="3"] .container .top {
    height: calc(50vw - 50px); }
  [data-page="brand04"] .brand-section[data-section="3"] .container .top .section-title {
    position: relative; }
    [data-page="brand04"] .brand-section[data-section="3"] .container .top .section-title .title {
      text-align: center; }
[data-page="brand04"] .brand-section[data-section="3"] .container .bottom {
  position: relative;
  z-index: 1;
  margin-top: -75px; }
  .min-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom {
    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; }
  .max-lg-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom {
    margin-top: -25px; }
  .max-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom {
    margin-top: 50px; }
  .max-sm-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom {
    margin-top: 0;
    padding: 25px; }
  [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container {
    padding: 50px 50px;
    background-color: #fff; }
    .max-bg-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container {
      padding: 35px; }
    .max-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container {
      padding: 0; }
    .min-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container + .text-container {
      margin-left: 25px; }
    .max-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container + .text-container {
      margin-top: 50px; }
    [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .title-box {
      margin-bottom: 25px;
      padding-bottom: 25px;
      border-bottom: 1px solid #000; }
      .min-lg-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .title-box {
        min-width: 430px; }
        .min-lg-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container:nth-of-type(1) .title-box {
          max-width: 650px; }
          .min-lg-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container:nth-of-type(2) .title-box {
            max-width: 430px; }
      .max-sm-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .title-box {
        margin-bottom: 15px;
        padding-bottom: 15px; }
      [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .title-box .title {
        text-align: center; }
        .max-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .title-box .title {
          text-align: left; }
    [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .text-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .max-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .text-box {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .max-md-size [data-page="brand04"] .brand-section[data-section="3"] .container .bottom .text-container .text-box .check-list + .check-list {
          margin-left: 25px; }

/* ------------------------------------------
 *  surpass
 * ----------------------------------------- */
.min-lg-size #surpass .banner .container .inner {
  max-width: calc(50% - 100px); }
#surpass .primary {
  overflow: hidden; }

.surpass-section {
  margin-top: -140px;
  padding-top: 140px; }
  .max-sm-size .surpass-section {
    margin-top: -95px;
    padding-top: 95px; }
  .surpass-section a svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
    color: #987C3F;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    .surpass-section a svg text {
      font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 14px;
      fill: #fff;
      dominant-baseline: middle;
      text-anchor: middle; }
  .surpass-section a:hover svg {
    color: #BA9250; }
  .surpass-section.appearance .top {
    padding: 95px 0 115px;
    background-color: #fff; }
    .max-bg-size .surpass-section.appearance .top {
      padding: 75px 0; }
    .max-md-size .surpass-section.appearance .top {
      padding: 50px 0; }
    .max-sm-size .surpass-section.appearance .top {
      padding: 25px 0; }
    .surpass-section.appearance .top .container .content-box {
      margin-top: 80px; }
      .min-lg-size .surpass-section.appearance .top .container .content-box {
        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: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
      .max-lg-size .surpass-section.appearance .top .container .content-box {
        margin-top: 50px; }
      .max-sm-size .surpass-section.appearance .top .container .content-box {
        margin-top: 25px; }
      .surpass-section.appearance .top .container .content-box .left {
        position: relative; }
        .min-lg-size .surpass-section.appearance .top .container .content-box .left {
          width: calc(50% - 65px); }
        .max-lg-size .surpass-section.appearance .top .container .content-box .left .pic.pic-fill {
          position: relative;
          background: none !important; }
        .max-lg-size .surpass-section.appearance .top .container .content-box .left .pic img {
          display: block !important; }
      .min-lg-size .surpass-section.appearance .top .container .content-box .right {
        width: 50%; }
      .max-lg-size .surpass-section.appearance .top .container .content-box .right {
        margin-top: 50px; }
      .max-sm-size .surpass-section.appearance .top .container .content-box .right {
        margin-top: 25px; }
      .surpass-section.appearance .top .container .content-box .right ul li + li {
        margin-top: 45px; }
        .max-sm-size .surpass-section.appearance .top .container .content-box .right ul li + li {
          margin-top: 30px; }
      .surpass-section.appearance .top .container .content-box .right ul li .text {
        margin-top: 20px;
        letter-spacing: 0.05em; }
        .max-sm-size .surpass-section.appearance .top .container .content-box .right ul li .text {
          margin-top: 15px; }
  .surpass-section.appearance .bottom {
    position: relative; }
    .surpass-section.appearance .bottom .left {
      background-color: rgba(22, 41, 58, 0.8);
      color: #fff; }
      @media screen and (min-width: 1500px) {
        .surpass-section.appearance .bottom .left {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          width: 465px;
          max-width: calc(100vw - 1190px);
          z-index: 1; } }
      @media screen and (min-width: 1600px) {
        .surpass-section.appearance .bottom .left {
          padding: 200px 70px; } }
      @media screen and (min-width: 1500px) and (max-width: 1599px) {
        .surpass-section.appearance .bottom .left {
          padding: 150px 50px; } }
      @media screen and (max-width: 1499px) {
        .surpass-section.appearance .bottom .left {
          background-color: #16293a;
          padding: 50px; } }
      .max-sm-size .surpass-section.appearance .bottom .left {
        padding: 25px; }
      .surpass-section.appearance .bottom .left .title-box .sub {
        letter-spacing: 0.05em; }
      .surpass-section.appearance .bottom .left .title-box .title {
        margin-top: 25px;
        line-height: 1.25em; }
        .max-xl-size.min-sm-size .surpass-section.appearance .bottom .left .title-box .title {
          font-size: 35px; }
        .max-sm-size .surpass-section.appearance .bottom .left .title-box .title {
          margin-top: 10px; }
      .surpass-section.appearance .bottom .left .text-box {
        margin-top: 30px;
        letter-spacing: 0.05em; }
        .max-sm-size .surpass-section.appearance .bottom .left .text-box {
          margin-top: 15px; }
    .surpass-section.appearance .bottom .right {
      position: relative; }
      .min-bg-size .surpass-section.appearance .bottom .right {
        height: 980px; }
      .max-bg-size .surpass-section.appearance .bottom .right {
        height: 0;
        padding-bottom: 70%; }
      .surpass-section.appearance .bottom .right .pic {
        background-position: right !important; }
        @media screen and (min-width: 1880px) {
          .surpass-section.appearance .bottom .right .pic {
            background-size: 1920px 980px !important; } }
        @media screen and (min-width: 1500px) and (max-width: 1879px) {
          .surpass-section.appearance .bottom .right .pic {
            background-position: right -125px center !important; } }
        @media screen and (min-width: 1400px) and (max-width: 1499px) {
          .surpass-section.appearance .bottom .right .pic {
            background-size: 1920px 980px !important; } }
      .surpass-section.appearance .bottom .right .info, .surpass-section.appearance .bottom .right .pins {
        -moz-transform-origin: top right;
        -o-transform-origin: top right;
        -ms-transform-origin: top right;
        -webkit-transform-origin: top right;
        transform-origin: top right; }
        .max-sm-size .surpass-section.appearance .bottom .right .info, .max-sm-size .surpass-section.appearance .bottom .right .pins {
          display: none; }
      .surpass-section.appearance .bottom .right .info ul {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%; }
        .surpass-section.appearance .bottom .right .info ul li {
          position: relative; }
          .surpass-section.appearance .bottom .right .info ul li .text-box {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%;
            color: #fff;
            overflow: hidden; }
            .surpass-section.appearance .bottom .right .info ul li .text-box span {
              display: block;
              letter-spacing: 0.05em; }
              .surpass-section.appearance .bottom .right .info ul li .text-box span.title {
                position: relative;
                font-size: 20px;
                font-weight: 700;
                line-height: 1.25em;
                padding-bottom: 10px; }
                .surpass-section.appearance .bottom .right .info ul li .text-box span.title:after {
                  content: "";
                  position: absolute;
                  bottom: 5px;
                  display: block;
                  height: 1px;
                  background-color: rgba(255, 255, 255, 0.5); }
              .surpass-section.appearance .bottom .right .info ul li .text-box span.sub {
                font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
                font-size: 15px;
                font-weight: 300;
                line-height: 1.25em; }
            .surpass-section.appearance .bottom .right .info ul li .text-box.extra {
              padding-bottom: 25px; }
              .surpass-section.appearance .bottom .right .info ul li .text-box.extra span.sub {
                position: relative; }
                .surpass-section.appearance .bottom .right .info ul li .text-box.extra span.sub:before {
                  content: "";
                  position: absolute;
                  top: -5px;
                  bottom: -25px;
                  display: block;
                  width: 1px;
                  background-color: rgba(255, 255, 255, 0.5); }
              .surpass-section.appearance .bottom .right .info ul li .text-box.extra + .text-box span.title:before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 5px;
                display: block;
                width: 1px;
                background-color: rgba(255, 255, 255, 0.5); }
          .surpass-section.appearance .bottom .right .info ul li .scale-box {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 25px;
            border: 1px solid rgba(255, 255, 255, 0.5); }
        .surpass-section.appearance .bottom .right .info ul.left-side {
          right: 870px; }
          @media screen and (min-width: 1500px) and (max-width: 1879px) {
            .surpass-section.appearance .bottom .right .info ul.left-side {
              right: calc(870px - 125px); } }
          .surpass-section.appearance .bottom .right .info ul.left-side li .text-box {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            padding-right: 190px;
            text-align: right; }
            .surpass-section.appearance .bottom .right .info ul.left-side li .text-box span.title:after {
              left: 0;
              right: -190px; }
            .surpass-section.appearance .bottom .right .info ul.left-side li .text-box.extra {
              margin-bottom: 25px; }
              .surpass-section.appearance .bottom .right .info ul.left-side li .text-box.extra span.title:after {
                right: -20px; }
          .surpass-section.appearance .bottom .right .info ul.left-side li .scale-box {
            right: 0;
            border-right: none; }
        .surpass-section.appearance .bottom .right .info ul.right-side {
          left: calc(100% - 510px); }
          @media screen and (min-width: 1500px) and (max-width: 1879px) {
            .surpass-section.appearance .bottom .right .info ul.right-side {
              left: calc(100% - 510px + 125px); } }
          .surpass-section.appearance .bottom .right .info ul.right-side li .text-box {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding-left: 110px;
            text-align: left; }
            .surpass-section.appearance .bottom .right .info ul.right-side li .text-box span.title:after {
              left: -110px;
              right: 0; }
            .surpass-section.appearance .bottom .right .info ul.right-side li .text-box.extra span.title:after {
              left: -20px; }
            .surpass-section.appearance .bottom .right .info ul.right-side li .text-box.extra span.sub:before {
              left: -20px; }
            .surpass-section.appearance .bottom .right .info ul.right-side li .text-box.extra + .text-box span.title:before {
              left: -20px; }
          .surpass-section.appearance .bottom .right .info ul.right-side li .scale-box {
            left: 0;
            border-left: none; }
      .surpass-section.appearance .bottom .right .pins {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .surpass-section.appearance .bottom .right .pins ul {
          position: absolute;
          top: 75px;
          left: calc(100% - 1050px);
          right: 425px;
          bottom: 35px; }
          @media screen and (min-width: 1500px) and (max-width: 1879px) {
            .surpass-section.appearance .bottom .right .pins ul {
              left: calc(100% - 1050px + 125px);
              right: calc(425px - 125px); } }
          .surpass-section.appearance .bottom .right .pins ul li {
            position: absolute; }
          .surpass-section.appearance .bottom .right .pins ul.main li {
            width: 60px;
            -webkit-animation: jump 0.6s ease-in 0.8s infinite alternate;
            -moz-animation: jump 0.6s ease-in 0.8s infinite alternate;
            -o-animation: jump 0.6s ease-in 0.8s infinite alternate;
            -ms-animation: jump 0.6s ease-in 0.8s infinite alternate;
            animation: jump 0.6s ease-in 0.8s infinite alternate; }
            .surpass-section.appearance .bottom .right .pins ul.main li img {
              width: 100%;
              display: block; }
            .surpass-section.appearance .bottom .right .pins ul.main li.pin-a {
              top: -90px;
              left: 265px; }
            .surpass-section.appearance .bottom .right .pins ul.main li.pin-b {
              top: 15px;
              right: 85px; }
          .surpass-section.appearance .bottom .right .pins ul.popup li a {
            display: block; }
  .surpass-section.plans {
    position: relative; }
    .min-sm-size .surpass-section.plans .tab-nav {
      position: absolute;
      top: 140px;
      left: 0;
      z-index: 5; }
      .min-sm-size .surpass-section.plans .tab-nav ul {
        width: 185px; }
    .surpass-section.plans .tab-nav ul {
      background-color: rgba(22, 41, 57, 0.5); }
      .max-sm-size .surpass-section.plans .tab-nav ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 15px; }
      .max-sm-size .surpass-section.plans .tab-nav ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .max-sm-size .surpass-section.plans .tab-nav ul li + li{
          max-width:25%;
          min-width:95px;
        }
      .surpass-section.plans .tab-nav ul li a {
        display: block;
        color: #fff;
        text-align: center;
        line-height: 25px;
        padding-top:15px;
        padding-bottom:15px;
        -moz-transition-property: background-color;
        -o-transition-property: background-color;
        -webkit-transition-property: background-color;
        transition-property: background-color; }
        .max-sm-size .surpass-section.plans .tab-nav ul li a {
          padding-top:10px;
        padding-bottom:10px; }
        .surpass-section.plans .tab-nav ul li a:hover {
          background-color: rgba(67, 134, 197, 0.5); }
      .surpass-section.plans .tab-nav ul li.current a {
        background-color: #4286C5; }
    .surpass-section.plans .tab {
      display: none;
      -webkit-animation: fadeEffect 1s;
      -moz-animation: fadeEffect 1s;
      -o-animation: fadeEffect 1s;
      -ms-animation: fadeEffect 1s;
      animation: fadeEffect 1s;
      background-color: #F1F1F1;
      background-image: url("images/static/surpass/plans-bg.jpg");
      background-repeat: repeat; }
      @media screen and (min-width: 1300px) {
        .surpass-section.plans .tab {
          max-height: calc(100vh - 140px); } }
      @media screen and (min-width: 1300px) {
        .surpass-section.plans .tab.max-height-fix {
          max-height: 100vh; } }
      .surpass-section.plans .tab.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        @media screen and (max-width: 1299px) {
          .surpass-section.plans .tab.active {
            display: block; } }
      .surpass-section.plans .tab .left {
        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;
        width: calc(100% - 340px);
        padding: 95px 50px; }
        .min-lg-size .surpass-section.plans .tab .left {
          min-height: calc(100vh - 140px); }
        .max-xl-size .surpass-section.plans .tab .left {
          width: calc(100% - 250px);
          padding: 75px 50px; }
        .max-bg-size .surpass-section.plans .tab .left {
          padding: 50px 25px; }
          @media screen and (max-width: 1299px) {
            .max-bg-size .surpass-section.plans .tab .left {
              width: 100%; } }
        .surpass-section.plans .tab .left .head {
          position: relative;
          z-index: 2;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .min-md-size .surpass-section.plans .tab .left .head {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end; }
          .min-xl-size .surpass-section.plans .tab .left .head {
            margin-bottom: 95px; }
          .max-xl-size .surpass-section.plans .tab .left .head {
            margin-bottom: 75px; }
          .max-bg-size .surpass-section.plans .tab .left .head {
            margin-bottom: 50px; }
          .max-md-size .surpass-section.plans .tab .left .head {
            -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; }
          .surpass-section.plans .tab .left .head .title-box .sub {
            font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
            color: #A6A6A6;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 0.05em; }
            .max-sm-size .surpass-section.plans .tab .left .head .title-box .sub {
              margin-bottom: 5px; }
          .surpass-section.plans .tab .left .head .title-box .title {
            color: #000;
            letter-spacing: 0; }
          .min-md-size .surpass-section.plans .tab .left .head .filter-box {
            margin-left: 20px; }
          .max-md-size .surpass-section.plans .tab .left .head .filter-box {
            margin-top: 25px; }
          .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-toggle {
            background: none;
            border: none;
            border-radius: 0;
            border-bottom: 1px solid #000;
            color: #000;
            font-size: 20px;
            font-weight: 700;
            height:36px;
            line-height: 1.1em;
            padding: 0 0 15px; }
            .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-toggle::after {
              border-top-width: 0.25em;
              border-right-width: 0.15em;
              border-left-width: 0.15em;

            }
          .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu {
            margin: 0;
            width:280px;
            max-width:280px;
            min-width:280px!important;
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow-x: hidden;
            border: none;
            border-radius: 0;
            font-size: 16px;}
            .max-md-size .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu {
              max-width:280px!important;
              overflow-x: hidden;
              font-size: 15px;}
            .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu{
              max-width:280px;
            }
            .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu.show{
              min-width:280px!important;
              width:280px!important;
              max-width:280px!important;
            }
            .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item {
              white-space: pre-wrap;
              word-wrap: break-word;
              max-width:280px;
              padding: 5px 10px;
              line-height:1.3em;
              -moz-transition: none;
              -o-transition: none;
              -webkit-transition: none;
              transition: none; }
              .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item span.text{
                max-width:280px;
                white-space: pre-wrap;
                word-wrap: break-word;}
              .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item:hover {
                background-color: #f5f5f5; }
              .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item:focus, .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item.active, .surpass-section.plans .tab .left .head .filter-box .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item:active {
                color: #ffffff;
                background-color: #BA9250; }
        .surpass-section.plans .tab .left .content {
          position: relative;
          z-index: -1;
          height: 0;
          opacity: 0;
          visibility: hidden;
          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;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -moz-transition: opacity 0.3s ease-in-out;
          -o-transition: opacity 0.3s ease-in-out;
          -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out; }
          .surpass-section.plans .tab .left .content.active {
            z-index: 1;
            height: 100%;
            opacity: 1;
            visibility: visible; }
          .surpass-section.plans .tab .left .content .map {
            position: relative; }
            .surpass-section.plans .tab .left .content .map.levels .level {
              position: relative;
              -moz-transition-property: transform;
              -o-transition-property: transform;
              -webkit-transition-property: transform;
              transition-property: transform;
              -moz-transition-duration: 0.5s;
              -o-transition-duration: 0.5s;
              -webkit-transition-duration: 0.5s;
              transition-duration: 0.5s;
              -moz-transition-timing-function: ease-in-out;
              -o-transition-timing-function: ease-in-out;
              -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
              .surpass-section.plans .tab .left .content .map.levels .level .title {
                position: absolute;
                font-size: 22px;
                font-weight: 700;
                color: #000;
                -moz-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                -webkit-transform-origin: top left;
                transform-origin: top left; }
                .max-bg-size .surpass-section.plans .tab .left .content .map.levels .level .title {
                  font-size: 18px; }
                .max-md-size .surpass-section.plans .tab .left .content .map.levels .level .title {
                  font-size: 14px; }
                .max-sm-size .surpass-section.plans .tab .left .content .map.levels .level .title {
                  display: none; }
              .surpass-section.plans .tab .left .content .map.levels .level .pic {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -moz-transition-property: transform;
                -o-transition-property: transform;
                -webkit-transition-property: transform;
                transition-property: transform;
                -moz-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                -webkit-transition-duration: 0.5s;
                transition-duration: 0.5s;
                -moz-transition-timing-function: ease-in-out;
                -o-transition-timing-function: ease-in-out;
                -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
                .surpass-section.plans .tab .left .content .map.levels .level .pic img {
                  width: auto;
                  max-width: 100%;
                  margin: 0 auto; }
                  .msie .surpass-section.plans .tab .left .content .map.levels .level .pic img {
                    width: 100%; }
            .surpass-section.plans .tab .left .content .map .pins {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              -moz-transform-origin: top left;
              -o-transform-origin: top left;
              -ms-transform-origin: top left;
              -webkit-transform-origin: top left;
              transform-origin: top left; }
              .max-sm-size .surpass-section.plans .tab .left .content .map .pins {
                display: none; }
              .surpass-section.plans .tab .left .content .map .pins li {
                position: absolute; }
                .surpass-section.plans .tab .left .content .map .pins li a, .surpass-section.plans .tab .left .content .map .pins li img {
                  display: block; }
              .surpass-section.plans .tab .left .content .map .pins.pins-large {
                -moz-transform: none !important;
                -o-transform: none !important;
                -ms-transform: none !important;
                -webkit-transform: none !important;
                transform: none !important; }
                .surpass-section.plans .tab .left .content .map .pins.pins-large li {
                  width: 60px;
                  left: calc(50% - 30px);
                  -webkit-animation: jump 0.6s ease-in 0.8s infinite alternate;
                  -moz-animation: jump 0.6s ease-in 0.8s infinite alternate;
                  -o-animation: jump 0.6s ease-in 0.8s infinite alternate;
                  -ms-animation: jump 0.6s ease-in 0.8s infinite alternate;
                  animation: jump 0.6s ease-in 0.8s infinite alternate; }
                  .max-lg-size .surpass-section.plans .tab .left .content .map .pins.pins-large li {
                    width: 40px;
                    top: -20px;
                    left: calc(50% - 20px); }
                  .surpass-section.plans .tab .left .content .map .pins.pins-large li img {
                    width: 100%; }
          .surpass-section.plans .tab .left .content .map-caption {
            margin-top: 50px; }
            .surpass-section.plans .tab .left .content .map-caption ul {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center; }
              .surpass-section.plans .tab .left .content .map-caption ul li {
                text-align: center; }
                .surpass-section.plans .tab .left .content .map-caption ul li + li {
                  margin-left: 20px;
                  padding-left: 20px;
                  border-left: 1px solid #000; }
                  .max-sm-size .surpass-section.plans .tab .left .content .map-caption ul li + li {
                    margin-left: 15px;
                    padding-left: 15px; }
                .surpass-section.plans .tab .left .content .map-caption ul li span {
                  display: block;
                  line-height: 1em;
                  letter-spacing: 0.05em; }
                  .surpass-section.plans .tab .left .content .map-caption ul li span.num {
                    font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
                    font-size: 35px;
                    font-weight: 700; }
                    .max-sm-size .surpass-section.plans .tab .left .content .map-caption ul li span.num {
                      font-size: 18px; }
                    .surpass-section.plans .tab .left .content .map-caption ul li span.num sup {
                      font-size: 14px;
                      vertical-align: super;
                      margin-left: 5px;
                      letter-spacing: 0; }
                      .max-sm-size .surpass-section.plans .tab .left .content .map-caption ul li span.num sup {
                        vertical-align: middle;
                        font-weight: 400; }
                  .surpass-section.plans .tab .left .content .map-caption ul li span.title {
                    margin-top: 1em;
                    font-size: 18px; }
                    .max-sm-size .surpass-section.plans .tab .left .content .map-caption ul li span.title {
                      margin-top: 10px;
                      font-size: 14px; }
      .min-md-size .surpass-section.plans .tab[data-tab-id="facilities"] .left .head {
        padding-left: 200px; }
      .surpass-section.plans .tab[data-tab-id="facilities"] .left .head .filter-box .dk-select {
        width: 200px; }
      .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-gf {
        -moz-transform: translateY(-5%);
        -o-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        z-index: 1; }
        .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-gf .title {
          -moz-transform: rotateX(-62deg) rotateY(-62deg) rotateZ(-17deg) scaleY(1.2) translateY(-1.75em);
          -o-transform: rotateX(-62deg) rotateY(-62deg) rotateZ(-17deg) scaleY(1.2) translateY(-1.75em);
          -ms-transform: rotateX(-62deg) rotateY(-62deg) rotateZ(-17deg) scaleY(1.2) translateY(-1.75em);
          -webkit-transform: rotateX(-62deg) rotateY(-62deg) rotateZ(-17deg) scaleY(1.2) translateY(-1.75em);
          transform: rotateX(-62deg) rotateY(-62deg) rotateZ(-17deg) scaleY(1.2) translateY(-1.75em); }
          .msie .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-gf .title {
            -moz-transform: skew(-30deg) scale(1.25) translateY(-1.75em) rotate(2.5deg);
            -o-transform: skew(-30deg) scale(1.25) translateY(-1.75em) rotate(2.5deg);
            -ms-transform: skew(-30deg) scale(1.25) translateY(-1.75em) rotate(2.5deg);
            -webkit-transform: skew(-30deg) scale(1.25) translateY(-1.75em) rotate(2.5deg);
            transform: skew(-30deg) scale(1.25) translateY(-1.75em) rotate(2.5deg); }
        .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-gf .pic {
          z-index: 1;
          -moz-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(40%);
          -o-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(40%);
          -ms-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(40%);
          -webkit-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(40%);
          transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(40%); }
      .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-33f {
        -moz-transform: translateY(-45%);
        -o-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%); }
        .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-33f .title {
          -moz-transform: rotateX(-62deg) rotateY(-35deg) rotateZ(-14deg) scaleY(1.1) translateY(-1.75em);
          -o-transform: rotateX(-62deg) rotateY(-35deg) rotateZ(-14deg) scaleY(1.1) translateY(-1.75em);
          -ms-transform: rotateX(-62deg) rotateY(-35deg) rotateZ(-14deg) scaleY(1.1) translateY(-1.75em);
          -webkit-transform: rotateX(-62deg) rotateY(-35deg) rotateZ(-14deg) scaleY(1.1) translateY(-1.75em);
          transform: rotateX(-62deg) rotateY(-35deg) rotateZ(-14deg) scaleY(1.1) translateY(-1.75em); }
          .msie .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-33f .title {
            -moz-transform: skew(-30deg) scaleX(1.35) translateY(-1.5em);
            -o-transform: skew(-30deg) scaleX(1.35) translateY(-1.5em);
            -ms-transform: skew(-30deg) scaleX(1.35) translateY(-1.5em);
            -webkit-transform: skew(-30deg) scaleX(1.35) translateY(-1.5em);
            transform: skew(-30deg) scaleX(1.35) translateY(-1.5em); }
        .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"] .map.levels .level.level-33f .pic {
          -moz-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(-40%);
          -o-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(-40%);
          -ms-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(-40%);
          -webkit-transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(-40%);
          transform: rotateX(0) rotateY(20deg) rotateZ(-4deg) scale(0.85) translateY(-40%); }
      .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"].active .map.levels .level.level-gf .pic {
        -moz-transform: rotateX(62deg) rotateY(35deg) rotateZ(-55deg) scale(1.6, 0.95);
        -o-transform: rotateX(62deg) rotateY(35deg) rotateZ(-55deg) scale(1.6, 0.95);
        -ms-transform: rotateX(62deg) rotateY(35deg) rotateZ(-55deg) scale(1.6, 0.95);
        -webkit-transform: rotateX(62deg) rotateY(35deg) rotateZ(-55deg) scale(1.6, 0.95);
        transform: rotateX(62deg) rotateY(35deg) rotateZ(-55deg) scale(1.6, 0.95); }
      .surpass-section.plans .tab[data-tab-id="facilities"] .left .content[data-content-id="all"].active .map.levels .level.level-33f .pic {
        -moz-transform: rotateX(62deg) rotateY(35deg) rotateZ(-57.5deg) scale(1.55, 1.15) translateX(-20px);
        -o-transform: rotateX(62deg) rotateY(35deg) rotateZ(-57.5deg) scale(1.55, 1.15) translateX(-20px);
        -ms-transform: rotateX(62deg) rotateY(35deg) rotateZ(-57.5deg) scale(1.55, 1.15) translateX(-20px);
        -webkit-transform: rotateX(62deg) rotateY(35deg) rotateZ(-57.5deg) scale(1.55, 1.15) translateX(-20px);
        transform: rotateX(62deg) rotateY(35deg) rotateZ(-57.5deg) scale(1.55, 1.15) translateX(-20px); }
      .min-md-size .surpass-section.plans .tab[data-tab-id="floors"] .left .head {
        padding-left: 250px; }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .head .filter-box .dk-select {
        width: 250px; }
      .max-sm-size .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels {
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5); }
      .min-md-size .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .level .pic .title {
        font-size: 18px; }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .button {
        position: absolute;
        top: calc(50% - 14px);
        right: 5.5vw; }
        .max-sm-size .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .button {
          display: none; }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .button .btn {
          position: relative;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          width: 100px;
          padding-bottom: 10px;
          color: #000;
          font-size: 18px;
          text-transform: uppercase; }
          .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .button .btn:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            display: block;
            width: 100px;
            height: 1px;
            background-color: #000;
            -moz-transition: width 0.3s ease-in-out;
            -o-transition: width 0.3s ease-in-out;
            -webkit-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out; }
          .min-md-size .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .button .btn:hover:before {
            width: 120px; }
          .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .button .btn svg {
            fill: #000;
            position: absolute;
            right: 0;
            bottom: -3px;
            -moz-transition-property: right;
            -o-transition-property: right;
            -webkit-transition-property: right;
            transition-property: right;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -moz-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; }
          .min-md-size .surpass-section.plans .tab[data-tab-id="floors"] .left .content .map.levels .button .btn:hover svg {
            right: -20px; }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels {
        height: 0;
        padding-bottom: 40.5%; }
        .max-sm-size .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels {
          -moz-transform-origin: top center;
          -o-transform-origin: top center;
          -ms-transform-origin: top center;
          -webkit-transform-origin: top center;
          transform-origin: top center;
          padding-bottom: 60%; }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-1f {
          -moz-transform: translateY(43%);
          -o-transform: translateY(43%);
          -ms-transform: translateY(43%);
          -webkit-transform: translateY(43%);
          transform: translateY(43%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-2f {
          -moz-transform: translateY(-57%);
          -o-transform: translateY(-57%);
          -ms-transform: translateY(-57%);
          -webkit-transform: translateY(-57%);
          transform: translateY(-57%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-3f {
          -moz-transform: translateY(-157%);
          -o-transform: translateY(-157%);
          -ms-transform: translateY(-157%);
          -webkit-transform: translateY(-157%);
          transform: translateY(-157%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-4f {
          -moz-transform: translateY(-257%);
          -o-transform: translateY(-257%);
          -ms-transform: translateY(-257%);
          -webkit-transform: translateY(-257%);
          transform: translateY(-257%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-a-5f {
          -moz-transform: translateY(-357%);
          -o-transform: translateY(-357%);
          -ms-transform: translateY(-357%);
          -webkit-transform: translateY(-357%);
          transform: translateY(-357%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-a-6to9f {
          -moz-transform: translateY(-457%);
          -o-transform: translateY(-457%);
          -ms-transform: translateY(-457%);
          -webkit-transform: translateY(-457%);
          transform: translateY(-457%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-a-10to30f {
          -moz-transform: translateY(-557%);
          -o-transform: translateY(-557%);
          -ms-transform: translateY(-557%);
          -webkit-transform: translateY(-557%);
          transform: translateY(-557%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level.level-a-31to32f {
          -moz-transform: translateY(-657%);
          -o-transform: translateY(-657%);
          -ms-transform: translateY(-657%);
          -webkit-transform: translateY(-657%);
          transform: translateY(-657%); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level .pic .title {
          -moz-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(0deg) scaleX(2) translateX(10px) translateY(-1.25em);
          -o-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(0deg) scaleX(2) translateX(10px) translateY(-1.25em);
          -ms-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(0deg) scaleX(2) translateX(10px) translateY(-1.25em);
          -webkit-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(0deg) scaleX(2) translateX(10px) translateY(-1.25em);
          transform: rotateX(-67deg) rotateY(-1deg) rotateZ(0deg) scaleX(2) translateX(10px) translateY(-1.25em); }
          .msie .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .level .pic .title {
            -moz-transform: skew(-45deg) scale(2) translateY(-1.75em);
            -o-transform: skew(-45deg) scale(2) translateY(-1.75em);
            -ms-transform: skew(-45deg) scale(2) translateY(-1.75em);
            -webkit-transform: skew(-45deg) scale(2) translateY(-1.75em);
            transform: skew(-45deg) scale(2) translateY(-1.75em); }
        .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"] .map.levels .pins.pins-large .pin {
          top: 0; }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-1f {
        -moz-transform: translateY(110%);
        -o-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -webkit-transform: translateY(110%);
        transform: translateY(110%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-2f {
        -moz-transform: translateY(-9%);
        -o-transform: translateY(-9%);
        -ms-transform: translateY(-9%);
        -webkit-transform: translateY(-9%);
        transform: translateY(-9%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-3f {
        -moz-transform: translateY(-133%);
        -o-transform: translateY(-133%);
        -ms-transform: translateY(-133%);
        -webkit-transform: translateY(-133%);
        transform: translateY(-133%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-4f {
        -moz-transform: translateY(-257%);
        -o-transform: translateY(-257%);
        -ms-transform: translateY(-257%);
        -webkit-transform: translateY(-257%);
        transform: translateY(-257%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-a-5f {
        -moz-transform: translateY(-380%);
        -o-transform: translateY(-380%);
        -ms-transform: translateY(-380%);
        -webkit-transform: translateY(-380%);
        transform: translateY(-380%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-a-6to9f {
        -moz-transform: translateY(-499%);
        -o-transform: translateY(-499%);
        -ms-transform: translateY(-499%);
        -webkit-transform: translateY(-499%);
        transform: translateY(-499%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-a-10to30f {
        -moz-transform: translateY(-620%);
        -o-transform: translateY(-620%);
        -ms-transform: translateY(-620%);
        -webkit-transform: translateY(-620%);
        transform: translateY(-620%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level.level-a-31to32f {
        -moz-transform: translateY(-742%);
        -o-transform: translateY(-742%);
        -ms-transform: translateY(-742%);
        -webkit-transform: translateY(-742%);
        transform: translateY(-742%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="a-all"].active .map.levels .level .pic {
        -moz-transform: rotateX(67deg) rotateY(1deg) rotateZ(-33deg) scaleX(0.535) translateX(25px);
        -o-transform: rotateX(67deg) rotateY(1deg) rotateZ(-33deg) scaleX(0.535) translateX(25px);
        -ms-transform: rotateX(67deg) rotateY(1deg) rotateZ(-33deg) scaleX(0.535) translateX(25px);
        -webkit-transform: rotateX(67deg) rotateY(1deg) rotateZ(-33deg) scaleX(0.535) translateX(25px);
        transform: rotateX(67deg) rotateY(1deg) rotateZ(-33deg) scaleX(0.535) translateX(25px); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"] .map.levels .level.level-b-5to30f {
        -moz-transform: translateY(50%);
        -o-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"] .map.levels .level.level-b-31to32f {
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"] .map.levels .level .pic .title {
        -moz-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(-1deg) scaleX(2) scaleY(0.95);
        -o-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(-1deg) scaleX(2) scaleY(0.95);
        -ms-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(-1deg) scaleX(2) scaleY(0.95);
        -webkit-transform: rotateX(-67deg) rotateY(-1deg) rotateZ(-1deg) scaleX(2) scaleY(0.95);
        transform: rotateX(-67deg) rotateY(-1deg) rotateZ(-1deg) scaleX(2) scaleY(0.95); }
        .msie .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"] .map.levels .level .pic .title {
          -moz-transform: skew(-45deg) scaleX(2) scaleY(1.5) translateX(1.5em) translateY(-0.5em);
          -o-transform: skew(-45deg) scaleX(2) scaleY(1.5) translateX(1.5em) translateY(-0.5em);
          -ms-transform: skew(-45deg) scaleX(2) scaleY(1.5) translateX(1.5em) translateY(-0.5em);
          -webkit-transform: skew(-45deg) scaleX(2) scaleY(1.5) translateX(1.5em) translateY(-0.5em);
          transform: skew(-45deg) scaleX(2) scaleY(1.5) translateX(1.5em) translateY(-0.5em); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"] .map.levels .pins.pins-large .pin {
        top: 25%; }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"].active .map.levels .level.level-b-5to30f {
        -moz-transform: translateY(67.5%);
        -o-transform: translateY(67.5%);
        -ms-transform: translateY(67.5%);
        -webkit-transform: translateY(67.5%);
        transform: translateY(67.5%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"].active .map.levels .level.level-b-31to32f {
        -moz-transform: translateY(-67.5%);
        -o-transform: translateY(-67.5%);
        -ms-transform: translateY(-67.5%);
        -webkit-transform: translateY(-67.5%);
        transform: translateY(-67.5%); }
      .surpass-section.plans .tab[data-tab-id="floors"] .left .content[data-content-id="b-all"].active .map.levels .level .pic {
        -moz-transform: rotateX(67deg) rotateY(1deg) rotateZ(-28deg) scaleX(0.535) scaleY(1.5) translateX(25px);
        -o-transform: rotateX(67deg) rotateY(1deg) rotateZ(-28deg) scaleX(0.535) scaleY(1.5) translateX(25px);
        -ms-transform: rotateX(67deg) rotateY(1deg) rotateZ(-28deg) scaleX(0.535) scaleY(1.5) translateX(25px);
        -webkit-transform: rotateX(67deg) rotateY(1deg) rotateZ(-28deg) scaleX(0.535) scaleY(1.5) translateX(25px);
        transform: rotateX(67deg) rotateY(1deg) rotateZ(-28deg) scaleX(0.535) scaleY(1.5) translateX(25px); }
      .surpass-section.plans .tab .right {
        width: 340px;
        background-color: #152838; }
        .max-xl-size .surpass-section.plans .tab .right {
          width: 250px; }
          @media screen and (max-width: 1299px) {
            .max-xl-size .surpass-section.plans .tab .right {
              width: 100%; } }
        .surpass-section.plans .tab .right .nav-container {
          display: none;
          -webkit-animation: fadeEffect 1s;
          -moz-animation: fadeEffect 1s;
          -o-animation: fadeEffect 1s;
          -ms-animation: fadeEffect 1s;
          animation: fadeEffect 1s; }
          @media screen and (min-width: 1300px) {
            .surpass-section.plans .tab .right .nav-container {
              height: 100%; }
              .msie .surpass-section.plans .tab .right .nav-container {
                height: calc(100vh - 140px); } }
          .surpass-section.plans .tab .right .nav-container.active {
            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; }
          .surpass-section.plans .tab .right .nav-container .title-box {
            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-flex-shrink: 0;
            -moz-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 75px;
            padding: 0 30px;
            background-color: #031022; }
            @media screen and (max-width: 1299px) {
              .surpass-section.plans .tab .right .nav-container .title-box {
                height: auto;
                padding: 25px; } }
            .surpass-section.plans .tab .right .nav-container .title-box .title {
              color: #fff;
              letter-spacing: 0.05em;
              line-height: 1.2em;
            }
            .surpass-section.plans .tab .right .nav-container .title-box .text {
              margin-top: 10px;
              font-size: 15px;
              color: #aaaaaa; }
              .min-md-size .surpass-section.plans .tab .right .nav-container .title-box .text {
                display: none; }
          .surpass-section.plans .tab .right .nav-container .nav-box {
            overflow: auto; }
            @media screen and (min-width: 1300px) {
              .surpass-section.plans .tab .right .nav-container .nav-box {
                height: calc(100% - 75px); } }
            .surpass-section.plans .tab .right .nav-container .nav-box ul {
              counter-reset: section;
              padding: 0 15px; }
              @media screen and (max-width: 1299px) {
                .surpass-section.plans .tab .right .nav-container .nav-box ul {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
                  padding: 15px; } }
              .surpass-section.plans .tab .right .nav-container .nav-box ul li {
                padding: 15px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
                @media screen and (max-width: 1299px) {
                  .surpass-section.plans .tab .right .nav-container .nav-box ul li {
                    border-bottom: none; } }
                .max-sm-size .surpass-section.plans .tab .right .nav-container .nav-box ul li {
                  width: 50%; }
                .surpass-section.plans .tab .right .nav-container .nav-box ul li 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;
                  color: #fff;
                  line-height: 1em; }
                  .surpass-section.plans .tab .right .nav-container .nav-box ul li a:before {
                    counter-increment: section;
                    content: counter(section);
                    display: block;
                    margin-right: 15px;
                    width: 28px;
                    height: 28px;
                    border-radius: 50%;
                    font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
                    font-size: 14px;
                    text-align: center;
                    line-height: 28px;
                    color: #152838;
                    background-color: #fff;
                    -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-in-out;
                    -o-transition-timing-function: ease-in-out;
                    -webkit-transition-timing-function: ease-in-out;
                    transition-timing-function: ease-in-out; }
                    .max-sm-size .surpass-section.plans .tab .right .nav-container .nav-box ul li a:before {
                      width: 25px;
                      height: 25px;
                      line-height: 25px;
                      margin-right: 10px; }
                  .surpass-section.plans .tab .right .nav-container .nav-box ul li a:hover {
                    color: #BA9250; }
                    .surpass-section.plans .tab .right .nav-container .nav-box ul li a:hover:before {
                      color: #fff;
                      background-color: #BA9250; }

/* ------------------------------------------
 *  contact
 * ----------------------------------------- */
[data-page="contact"] .primary {
  padding: 110px 0; }
  .max-xl2-size [data-page="contact"] .primary {
    padding: 75px 0; }
  .max-xl-size [data-page="contact"] .primary {
    padding: 50px 0; }
  .max-sm-size [data-page="contact"] .primary {
    padding: 25px 0; }

.contact-content {
  margin-top: 55px; }
  .max-xl-size .contact-content {
    margin-top: 50px; }
  .max-sm-size .contact-content {
    margin-top: 25px; }
  .min-md-size .contact-content .top .composition .text-container, .min-md-size .contact-content .top .composition .pic-container {
    width: 50%; }
  .contact-content .top .composition.large {
    background-color: #F1F1F1; }
    .min-md-size .contact-content .top .composition.large {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .contact-content .top .composition.large .text-container {
      padding: 65px; }
      .max-bg-size .contact-content .top .composition.large .text-container {
        padding: 50px; }
      .max-sm-size .contact-content .top .composition.large .text-container {
        padding: 25px; }
      .contact-content .top .composition.large .text-container .text-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .contact-content .top .composition.large .text-container .text-box dl {
          width: 50%;
          padding: 40px;
          border-bottom: 1px solid #D2D2D2;
          letter-spacing: 0.05em; }
          .max-bg-size .contact-content .top .composition.large .text-container .text-box dl {
            padding: 25px; }
          .min-sm-size .contact-content .top .composition.large .text-container .text-box dl:nth-child(-n+2) {
            padding-top: 0; }
          .min-sm-size .contact-content .top .composition.large .text-container .text-box dl:nth-last-child(-n+2) {
            padding-bottom: 0;
            border-bottom: none; }
          .min-sm-size .contact-content .top .composition.large .text-container .text-box dl:nth-child(odd) {
            padding-left: 0; }
          .min-sm-size .contact-content .top .composition.large .text-container .text-box dl:nth-child(even) {
            padding-right: 0;
            border-left: 1px solid #D2D2D2; }
          .max-sm-size .contact-content .top .composition.large .text-container .text-box dl {
            width: 100%;
            padding: 25px 0; }
            .max-sm-size .contact-content .top .composition.large .text-container .text-box dl:first-child {
              padding-top: 0; }
            .max-sm-size .contact-content .top .composition.large .text-container .text-box dl:last-child {
              padding-bottom: 0;
              border-bottom: none; }
          .contact-content .top .composition.large .text-container .text-box dl dt {
            margin-bottom: 15px; }
            .contact-content .top .composition.large .text-container .text-box dl dd{line-height:1.2em;}
          .contact-content .top .composition.large .text-container .text-box dl dd + dd {
            margin-top: 10px; }
    .contact-content .top .composition.large .pic-container .pic {
      height: 100%; }
      .contact-content .top .composition.large .pic-container .pic img {
        display: block !important;
        opacity: 0; }
  .contact-content .top .composition.small {
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .max-xl-size .contact-content .top .composition.small {
      margin-top: 50px; }
    .max-sm-size .contact-content .top .composition.small {
      margin-top: 25px; }
    .contact-content .top .composition.small .text-container .text-box {
      letter-spacing: 0.05em; }
    .min-xl-size .contact-content .top .composition.small .pic-container {
      margin-top: -100px; }
    .min-md-size .contact-content .top .composition.small .pic-container {
      padding-left: 75px; }
    .max-md-size .contact-content .top .composition.small .pic-container {
      width: 100%;
      margin-top: 25px; }
  .contact-content .bottom {
    margin-top: 140px;
    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-xl-size .contact-content .bottom {
      margin-top: 50px; }
    .max-md-size .contact-content .bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .contact-content .bottom .title-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .max-md-size .contact-content .bottom .title-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      .contact-content .bottom .title-box:after {
        content: "";
        display: block;
        width: 105px;
        height: 1px;
        background-color: #D2D2D2; }
        .max-bg-size .contact-content .bottom .title-box:after {
          width: 50px; }
        .max-md-size .contact-content .bottom .title-box:after {
          width: 1px;
          height: 50px; }
        .max-sm-size .contact-content .bottom .title-box:after {
          display: none; }
      .contact-content .bottom .title-box .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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 265px;
        height: 265px;
        border-radius: 50%;
        border: 27.5px solid #4286C5; }
        .max-bg-size .contact-content .bottom .title-box .inner {
          width: 230px;
          height: 230px; }
        .max-sm-size .contact-content .bottom .title-box .inner {
          width: 150px;
          height: 150px;
          border-width: 15px; }
        .contact-content .bottom .title-box .inner .pic {
          width: 75px; }
          .max-sm-size .contact-content .bottom .title-box .inner .pic {
            width: 55px; }
        .contact-content .bottom .title-box .inner .title {
          margin-top: 15px;max-width:120px;text-align:center;}
          .max-sm-size .contact-content .bottom .title-box .inner .title {
            margin-top: 5px; }
    .contact-content .bottom ul {
      position: relative;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      width: 710px;
      padding-left: 95px; }
      .max-bg-size .contact-content .bottom ul {
        width: calc(100% - 330px);
        padding-left: 50px; }
      .max-md-size.min-sm-size .contact-content .bottom ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 50px; }
      .max-md-size .contact-content .bottom ul {
        width: 100%;
        padding-left: 0; }
      .max-sm-size .contact-content .bottom ul {
        margin-top: 25px; }
      .contact-content .bottom ul:before {
        content: "";
        display: block;
        position: absolute;
        top: calc(25% - 50px/4);
        bottom: calc(25% - 50px/4);
        left: 0;
        width: 95px;
        border: 1px solid #D2D2D2; }
        .min-md-size .contact-content .bottom ul:before {
          border-right: none; }
        .max-bg-size .contact-content .bottom ul:before {
          width: 50px; }
        .max-md-size .contact-content .bottom ul:before {
          top: 0;
          left: calc(25% - 50px/4);
          right: calc(25% - 50px/4);
          bottom: auto;
          width: auto;
          height: 50px;
          border-bottom: none; }
        .max-sm-size .contact-content .bottom ul:before {
          display: none; }
      .contact-content .bottom ul li {
        position: relative;
        padding: 45px;
        border: 2px solid #D2D2D2; }
        .min-lg-size .contact-content .bottom ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .max-md-size.min-sm-size .contact-content .bottom ul li {
          width: calc(50% - 25px); }
        .max-sm-size .contact-content .bottom ul li {
          padding: 25px; }
        .min-md-size .contact-content .bottom ul li + li {
          margin-top: 50px; }
        .max-sm-size .contact-content .bottom ul li + li {
          margin-top: 25px; }
        .contact-content .bottom ul li:before {
          content: "";
          position: absolute;
          display: block;
          top: calc(50% - 4px);
          left: -5px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background-color: #4286C5; }
          .max-md-size .contact-content .bottom ul li:before {
            top: -5px;
            left: calc(50% - 4px); }
          .max-sm-size .contact-content .bottom ul li:before {
            display: none; }
        .min-lg-size .contact-content .bottom ul li .text-box {
          margin-right: 50px; }
        .contact-content .bottom ul li .text-box .title, .contact-content .bottom ul li .text-box .text {
          letter-spacing: 0.05em; }
        .contact-content .bottom ul li .text-box .title {
          margin-bottom: 15px; }
        .max-lg-size .contact-content .bottom ul li .button-box {
          margin-top: 25px; }
        .contact-content .bottom ul li .button-box .btn {
          width: 240px;
          height: 50px;
          font-size: 18px;
          letter-spacing: 0.05em; }
          .max-lg-size .contact-content .bottom ul li .button-box .btn {
            width: auto; }
          .max-sm-size .contact-content .bottom ul li .button-box .btn {
            font-size: 16px; }
          .contact-content .bottom ul li .button-box .btn [class^="icon-"] {
            margin-right: 10px; }

.min-lg-size [data-page="visiting"] #header .navbar .menu-toggle {
  margin-right: 45px; }

.visiting-sidebar {
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff; }
  .min-lg-size .visiting-sidebar {
    top: 0;
    width: 250px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .max-lg-size .visiting-sidebar {
    left: 0;
    height: 100px; }
  .max-sm-size .visiting-sidebar {
    height: 50px; }
  .visiting-sidebar .pagination {
    -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: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .min-lg-size .visiting-sidebar .pagination {
      padding: 0 35px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .max-lg-size .visiting-sidebar .pagination {
      border-top: 1px solid #EDEDED; }
    .visiting-sidebar .pagination ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .visiting-sidebar .pagination ul.num {
        font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif; }
        .min-lg-size .visiting-sidebar .pagination ul.num {
          -moz-transform-origin: top left;
          -o-transform-origin: top left;
          -ms-transform-origin: top left;
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -moz-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
          margin-left: 25px;
          margin-bottom: -75px; }
        .max-lg-size .visiting-sidebar .pagination ul.num {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-right: 25px; }
        .max-sm-size .visiting-sidebar .pagination ul.num {
          margin: 0;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .visiting-sidebar .pagination ul.num li {
          line-height: 0.75em;
          font-weight: 600;
          letter-spacing: 0.05em; }
          .visiting-sidebar .pagination ul.num li.current {
            font-size: 110px; }
            .max-lg-size .visiting-sidebar .pagination ul.num li.current {
              font-size: 75px; }
            .max-sm-size .visiting-sidebar .pagination ul.num li.current {
              font-size: 30px; }
            .visiting-sidebar .pagination ul.num li.current:after {
              content: "/";
              font-size: 70px;
              line-height: 0.75em; }
              .max-sm-size .visiting-sidebar .pagination ul.num li.current:after {
                font-size: 18px; }
          .visiting-sidebar .pagination ul.num li.total {
            font-size: 20px; }
            .max-lg-size .visiting-sidebar .pagination ul.num li.total {
              height: 50px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: end;
              -ms-flex-align: end;
              align-items: flex-end; }
            .max-sm-size .visiting-sidebar .pagination ul.num li.total {
              height: 22px;
              font-size: 18px; }
      .min-lg-size .visiting-sidebar .pagination ul.jump {
        border-top: 1px solid #D2D2D2;
        border-bottom: 1px solid #D2D2D2; }
      .max-lg-size .visiting-sidebar .pagination ul.jump {
        border-left: 1px solid #D2D2D2;
        border-right: 1px solid #D2D2D2; }
      .min-lg-size .visiting-sidebar .pagination ul.jump li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .max-lg-size .visiting-sidebar .pagination ul.jump li {
        width: 100px; }
      .max-sm-size .visiting-sidebar .pagination ul.jump li {
        width: 50px; }
      .visiting-sidebar .pagination ul.jump li + li {
        border-left: 1px solid #D2D2D2; }
      .visiting-sidebar .pagination ul.jump li .btn {
        width: 100%;
        font-size: 12px;
        height: 60px;
        -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-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out; }
        .max-lg-size .visiting-sidebar .pagination ul.jump li .btn {
          height: 100%; }
        .min-lg-size .visiting-sidebar .pagination ul.jump li .btn:hover {
          color: #fff;
          background-color: #4286C5; }
    .visiting-sidebar .pagination div {
      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; }
      .max-lg-size .visiting-sidebar .pagination div {
        width: 100px; }
      .max-sm-size .visiting-sidebar .pagination div {
        width: 50px; }
  .visiting-sidebar .button-box {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .visiting-sidebar .button-box .btn {
      width: 100%;
      height: 100%;
      background-color: #4286C5;
      font-size: 18px;
      color: #fff;
      -moz-transition: background-color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out;
      -webkit-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
      .min-lg-size .visiting-sidebar .button-box .btn {
        height: 150px; }
      .max-lg-size .visiting-sidebar .button-box .btn {
        padding: 0 25px; }
      .max-sm-size .visiting-sidebar .button-box .btn {
        font-size: 14px;
        padding: 0 15px; }
      .visiting-sidebar .button-box .btn:hover {
        background-color: #17283A; }

.min-lg-size .visiting-fullpage {
  width: calc(100vw - 250px); }
.visiting-fullpage .visiting-section {
  position: relative; }
  .visiting-fullpage .visiting-section.banner {
    height: 100%; }
    .visiting-fullpage .visiting-section.banner .scroll-down {
      position: absolute;
      left: 50%;
      bottom: 40px;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
      .max-lg-size .visiting-fullpage .visiting-section.banner .scroll-down {
        bottom: 140px; }
  .min-lg-size .visiting-fullpage .visiting-section.schedule {
    border-right: 1px solid #EDEDED; }
  .visiting-fullpage .visiting-section.schedule .inner {
    position: relative;
    margin: 0 auto;
    max-width: 1240px; }
    .max-xl-size.min-lg-size .visiting-fullpage .visiting-section.schedule .inner {
      margin-top: 70px; }
    .min-lg-size .visiting-fullpage .visiting-section.schedule .inner .text-box {
      position: absolute;
      bottom: 0;
      width: 575px;
      background-color: #fff; }
    .min-xl-size .visiting-fullpage .visiting-section.schedule .inner .text-box {
      min-height: 275px;
      padding: 75px; }
    .max-xl-size.min-lg-size .visiting-fullpage .visiting-section.schedule .inner .text-box {
      padding: 50px; }
    .max-lg-size .visiting-fullpage .visiting-section.schedule .inner .text-box {
      margin-top: 25px; }
    .visiting-fullpage .visiting-section.schedule .inner .text-box .title, .visiting-fullpage .visiting-section.schedule .inner .text-box .text {
      letter-spacing: 0.05em; }
    .visiting-fullpage .visiting-section.schedule .inner .text-box .text {
      margin-top: 25px; }
      .max-lg-size .visiting-fullpage .visiting-section.schedule .inner .text-box .text {
        margin-top: 15px; }
    .visiting-fullpage .visiting-section.schedule .inner .text-box:before {
      content: attr(data-title);
      display: block;
      width: 100px;
      height: 60px;
      font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 18px;
      text-align: center;
      line-height: 60px;
      color: #fff;
      background-color: #BA9250; }
      .min-lg-size .visiting-fullpage .visiting-section.schedule .inner .text-box:before {
        position: absolute;
        top: -30px; }
      .max-lg-size .visiting-fullpage .visiting-section.schedule .inner .text-box:before {
        width: 75px;
        height: 45px;
        font-size: 16px;
        line-height: 45px;
        margin-bottom: 25px; }
  .visiting-fullpage .visiting-section.schedule:nth-child(even) .inner .text-box {
    right: 0; }
    .visiting-fullpage .visiting-section.schedule:nth-child(even) .inner .text-box:before {
      left: 0; }
  .visiting-fullpage .visiting-section.schedule:nth-child(odd) .inner .text-box {
    left: 0; }
    .min-lg-size .visiting-fullpage .visiting-section.schedule:nth-child(odd) .inner .text-box {
      text-align: right; }
    .visiting-fullpage .visiting-section.schedule:nth-child(odd) .inner .text-box:before {
      right: 0; }
  .visiting-fullpage .visiting-section.reminder .container {
    position: relative; }
    .visiting-fullpage .visiting-section.reminder .container .inner {
      margin: 0 auto;
      max-width: 635px; }
      .visiting-fullpage .visiting-section.reminder .container .inner .text-box {
        margin-top: 35px; }
        .max-sm-size .visiting-fullpage .visiting-section.reminder .container .inner .text-box {
          margin-top: 25px;
          max-height: 300px; }
        .visiting-fullpage .visiting-section.reminder .container .inner .text-box .check-list {
          padding-left: 1.75em;
          line-height: 1.5em;
          letter-spacing: 0.05em; }
          .visiting-fullpage .visiting-section.reminder .container .inner .text-box .check-list li + li {
            margin-top: 15px; }
            .max-sm-size .visiting-fullpage .visiting-section.reminder .container .inner .text-box .check-list li + li {
              margin-top: 10px; }
          .visiting-fullpage .visiting-section.reminder .container .inner .text-box .check-list li:before {
            font-family: "icomoon" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            content: "";
            display: inline-block;
            width: 1.75em;
            margin-left: -1.75em;
            opacity: 0.5; }

[data-page="conference"] .primary {
  padding: 110px 0; }
  .max-xl2-size [data-page="conference"] .primary {
    padding: 75px 0; }
  .max-xl-size [data-page="conference"] .primary {
    padding: 50px 0; }
  .max-sm-size [data-page="conference"] .primary {
    padding: 25px 0; }

.conference-content {
  margin-top: 55px; }
  .max-xl-size .conference-content {
    margin-top: 50px; }
  .max-sm-size .conference-content {
    margin-top: 25px; }
  .conference-content .conference-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .conference-content .conference-list li {
      width: calc(100%/3 - 40px);
      margin: 60px 60px 0 0; }
      .edge.min-bg-size .conference-content .conference-list li {
        width: calc(100%/3 - 40px - 0.1px); }
      .max-bg-size .conference-content .conference-list li {
        width: calc(100%/3 - 50px/3);
        margin: 25px 25px 0 0; }
      .edge.max-bg-size.min-md-size .conference-content .conference-list li {
        width: calc(100%/3 - 50px/3 - 0.1px); }
      .max-md-size .conference-content .conference-list li {
        width: calc(50% - 25px/2); }
      .max-sm-size .conference-content .conference-list li {
        width: 100%; }
      .min-md-size .conference-content .conference-list li:nth-child(-n+2) {
        margin-top: 0; }
      .min-md-size .conference-content .conference-list li:nth-child(3n+2) {
        margin-right: 0; }
      .max-md-size.min-sm-size .conference-content .conference-list li:first-child {
        margin-top: 0; }
      .max-md-size.min-sm-size .conference-content .conference-list li:nth-child(2n+1) {
        margin-right: 0; }
      .max-sm-size .conference-content .conference-list li {
        margin: 0; }
        .max-sm-size .conference-content .conference-list li + li {
          margin-top: 25px; }
      .conference-content .conference-list li a {
        position: relative;
        display: block;
        height: 100%;
        background-color: #F1F1F1; }
        .conference-content .conference-list li a:before {
          content: "";
          display: block;
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #4286C5;
          opacity: 0;
          -moz-transition: opacity 0.3s ease-in-out;
          -o-transition: opacity 0.3s ease-in-out;
          -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out; }
        .conference-content .conference-list li a:hover:before {
          opacity: 0.95; }
        .conference-content .conference-list li a:hover .text-box {
          color: #fff; }
          .conference-content .conference-list li a:hover .text-box .time [class^="icon-"] {
            color: #fff; }
        .conference-content .conference-list li a:hover .button-box {
          font-size: 18px;
          background: none;
          left: 0;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          width: auto;
          padding: 0 35px; }
          .max-bg-size .conference-content .conference-list li a:hover .button-box {
            padding: 0 25px; }
          .conference-content .conference-list li a:hover .button-box:after {
            margin-left: 10px; }
        .conference-content .conference-list li a .pic img {
          display: block !important;
          opacity: 0; }
        .conference-content .conference-list li a .text-box {
          position: relative;
          z-index: 2;
          padding: 35px 35px 65px;
          -moz-transition: color 0.3s ease-in-out;
          -o-transition: color 0.3s ease-in-out;
          -webkit-transition: color 0.3s ease-in-out;
          transition: color 0.3s ease-in-out; }
          .max-bg-size .conference-content .conference-list li a .text-box {
            padding: 25px 25px 65px; }
          .max-sm-size .conference-content .conference-list li a .text-box {
            padding-bottom: 50px; }
          .conference-content .conference-list li a .text-box .title {
            font-size: 35px;
            line-height: 1.25em;
            letter-spacing: 0.05em; }
            .max-bg-size .conference-content .conference-list li a .text-box .title {
              font-size: 28px; }
            .max-sm-size .conference-content .conference-list li a .text-box .title {
              font-size: 22px; }
          .conference-content .conference-list li a .text-box .time {
            margin-top: 15px;
            letter-spacing: 0.05em; }
            .max-sm-size .conference-content .conference-list li a .text-box .time {
              margin-top: 10px; }
            .conference-content .conference-list li a .text-box .time [class^="icon-"] {
              color: #4286C5;
              margin-right: 5px;
              -moz-transition: color 0.3s ease-in-out;
              -o-transition: color 0.3s ease-in-out;
              -webkit-transition: color 0.3s ease-in-out;
              transition: color 0.3s ease-in-out; }
          .conference-content .conference-list li a .text-box .text {
            margin-top: 25px;
            letter-spacing: 0.05em; }
            .max-sm-size .conference-content .conference-list li a .text-box .text {
              margin-top: 15px; }
        .conference-content .conference-list li a .button-box {
          position: absolute;
          z-index: 2;
          right: 0;
          bottom: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 50px;
          height: 50px;
          background-color: #4286C5;
          color: #fff;
          font-size: 0;
          white-space: nowrap; }
          .conference-content .conference-list li a .button-box:after {
            content: "";
            font-family: "icomoon" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 25px; }
          .max-sm-size .conference-content .conference-list li a .button-box {
            width: 40px;
            height: 40px; }
            .max-sm-size .conference-content .conference-list li a .button-box:after {
              font-size: 20px; }
      .min-bg-size .conference-content .conference-list li:first-child {
        width: calc(200%/3 - 20px); }
      .max-bg-size.min-md-size .conference-content .conference-list li:first-child {
        width: calc(200%/3 - 100px/3 + 25px); }
      .max-md-size.min-sm-size .conference-content .conference-list li:first-child {
        width: 100%; }
      .min-sm-size .conference-content .conference-list li:first-child a {
        background: none; }
      .min-md-size .conference-content .conference-list li:first-child a:hover .button-box {
        padding-left: 70px;
        padding-bottom: 70px; }
      .min-sm-size .conference-content .conference-list li:first-child a .pic {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .min-sm-size .conference-content .conference-list li:first-child a .pic:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #152736;
          opacity: 0.35; }
      .max-md-size.min-sm-size .conference-content .conference-list li:first-child a .pic {
        position: relative; }
      .min-md-size .conference-content .conference-list li:first-child a .pic img {
        display: none !important; }
      .min-sm-size .conference-content .conference-list li:first-child a .text-box {
        position: relative;
        color: #fff; }
        .min-sm-size .conference-content .conference-list li:first-child a .text-box .time [class^="icon-"] {
          color: #fff; }
      .min-md-size .conference-content .conference-list li:first-child a .text-box {
        max-width: 385px;
        padding: 0;
        padding-top: 95px;
        padding-left: 70px; }
      .max-md-size.min-sm-size .conference-content .conference-list li:first-child a .text-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 50px; }

.signup-head {
  background-color: #fff;
  border-bottom: 1px solid #D2D2D2; }
  .signup-head + .primary {
    background-color: #F1F1F1;
    padding: 110px 0; }
    .signup-head + .primary .container {
      max-width: 850px; }
      .signup-head + .primary .container .title-box .text {
        letter-spacing: 0.05em; }
        .signup-head + .primary .container .title-box .text + .title {
          margin-top: 15px; }
    .max-xl2-size .signup-head + .primary {
      padding: 75px 0; }
    .max-xl-size .signup-head + .primary {
      padding: 50px 0; }
    .max-sm-size .signup-head + .primary {
      padding: 25px 0; }
      .max-sm-size .signup-head + .primary .container {
        width: 100%; }
  .signup-head ul {
    height: 220px; }
    .max-sm-size .signup-head ul {
      height: 180px; }
    .signup-head ul li {
      position: relative;
      padding: 0 30px 20px; }
      .max-sm-size .signup-head ul li {
        padding: 0 10px 15px; }
      .signup-head ul li:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        height: 0;
        background-color: #4286C5; }
      .signup-head ul li.current {
        pointer-events: none; }
        .signup-head ul li.current:before {
          height: 4px; }
      .signup-head ul li + li {
        margin-left: 30px; }
      .signup-head ul li a {
        display: block; }
        .signup-head ul li a:hover {
          color: #4286C5; }
        .signup-head ul li a figure img {
          display: block;
          margin: auto;
          width: 70px; }
          .max-sm-size .signup-head ul li a figure img {
            width: 50px; }
        .signup-head ul li a figure figcaption {
          margin-top: 15px;
          letter-spacing: 0.05em; }
          .max-sm-size .signup-head ul li a figure figcaption {
            margin-top: 10px; }

[data-page="signup"] .form-box {
  margin-top: 20px; }
  .max-sm-size [data-page="signup"] .form-box .text {
    padding: 0 25px;
    text-align: center; }
  [data-page="signup"] .form-box .form {
    margin-top: 15px;
    counter-reset: section; }
    [data-page="signup"] .form-box .form .form-fieldset {
      padding-top: 50px;
      padding-bottom: 50px;
      background-color: #fff; }
      .max-sm-size [data-page="signup"] .form-box .form .form-fieldset {
        padding: 25px; }
      [data-page="signup"] .form-box .form .form-fieldset + .form-fieldset {
        margin-top: 30px; }
        .max-sm-size [data-page="signup"] .form-box .form .form-fieldset + .form-fieldset {
          margin-top: 25px; }
      [data-page="signup"] .form-box .form .form-fieldset.member .form-legend:after {
        counter-increment: section;
        content: counter(section); }

.success-box {
  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; }
  .success-box .title-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 265px;
    height: 265px;
    background-color: #fff;
    border-radius: 50%;
    border: 27.5px solid #4286C5; }
    .max-bg-size .success-box .title-box {
      width: 230px;
      height: 230px; }
    .max-sm-size .success-box .title-box {
      width: 150px;
      height: 150px;
      border-width: 15px; }
    .success-box .title-box .pic {
      width: 100px; }
      .max-sm-size .success-box .title-box .pic {
        width: 55px; }
    .success-box .title-box .title {
      margin-top: 15px; }
      .max-sm-size .success-box .title-box .title {
        margin-top: 5px; }
  .success-box .text-box {
    width: 100%;
    max-width: 515px;
    margin: 70px 0; }
    .success-box .text-box.has-schedule {
      max-width: 675px; }
    .success-box .text-box .title {
      margin-bottom: 25px;
      line-height: 1.25em; }
    .success-box .text-box .text {
      letter-spacing: 0.05em; }
      .success-box .text-box .text + .text {
        margin-top: 10px; }
    .success-box .text-box .schedule {
      float: right;
      margin-left: 45px;
      width: 250px;
      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; }
      .success-box .text-box .schedule li.item {
        width: 100px;
        border: 1px solid #D2D2D2; }
        .success-box .text-box .schedule li.item .head, .success-box .text-box .schedule li.item .content {
          letter-spacing: 0.05em; }
        .success-box .text-box .schedule li.item .head {
          line-height: 35px;
          border-bottom: 1px solid #D2D2D2; }
        .success-box .text-box .schedule li.item .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: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 130px;
          font-family: "Prompt", "Source Sans Pro", "Heiti TC", "Microsoft JhengHei", sans-serif; }
          .success-box .text-box .schedule li.item .content .date {
            display: block;
            margin: 5px 0;
            font-weight: 700;
            line-height: 1em; }
      .success-box .text-box .schedule li.caret {
        font-size: 12px; }
  .success-box .button-box .btn {
    letter-spacing: 0.05em; }

/* ------------------------------------------
 *  members
 * ----------------------------------------- */
.member-title {
  font-size: 40px;
  letter-spacing: 0.05em; }
  .max-bg-size .member-title {
    font-size: 35px; }
  .max-sm-size .member-title {
    font-size: 22px; }

.member-wrapper {
  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;
  min-height: 100vh; }
  .max-sm-size .member-wrapper {
    padding: 90px 0 120px;
    min-height: 0; }
  .member-wrapper:after {
    content: "";
    min-height: inherit;
    font-size: 0; }
  .member-wrapper.agreement {
    padding: 110px 0; }
    .max-xl2-size .member-wrapper.agreement {
      padding: 75px 0; }
    .max-xl-size .member-wrapper.agreement {
      margin-top: 140px;
      padding: 0 0 25px 0; }
    .max-sm-size .member-wrapper.agreement {
      margin-top: 90px; }
    .member-wrapper.agreement .pic {
      position: fixed;
      z-index: -1; }
    .member-wrapper.agreement .member-box {
      max-width: 930px; }
      .min-xl-size .member-wrapper.agreement .member-box {
        padding: 90px; }
      .max-xl-size.min-sm-size .member-wrapper.agreement .member-box {
        padding: 50px; }
  .member-wrapper .member-box {
    position: relative;
    width: calc(100% - 50px);
    max-width: 600px;
    padding: 50px 105px;
    background-color: #fff; }
    .max-sm-size .member-wrapper .member-box {
      width: calc(100% - 30px);
      padding: 25px; }
    .member-wrapper .member-box .title-box {
      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; }
      .member-wrapper .member-box .title-box .icon {
        width: 60px;
        margin-bottom: 35px; }
        .max-sm-size .member-wrapper .member-box .title-box .icon {
          width: 40px;
          margin-bottom: 25px; }
      .member-wrapper .member-box .title-box .text {
        max-width: 100%;
        letter-spacing: 0.05em;
        margin-top: 20px; }
    .member-wrapper .member-box .form-box, .member-wrapper .member-box .text-box {
      margin-top: 30px; }
      .max-sm-size .member-wrapper .member-box .form-box, .max-sm-size .member-wrapper .member-box .text-box {
        margin-top: 25px; }
      .min-sm-size .member-wrapper .member-box .form-box .form-row + .form-row, .min-sm-size .member-wrapper .member-box .text-box .form-row + .form-row {
        margin-top: 30px; }
      .member-wrapper .member-box .form-box .btn, .member-wrapper .member-box .text-box .btn {
        width: 100%;
        letter-spacing: 0.05em; }
        .min-sm-size .member-wrapper .member-box .form-box .btn, .min-sm-size .member-wrapper .member-box .text-box .btn {
          font-size: 18px; }
    .member-wrapper .member-box .text-box {
      letter-spacing: 0.05em; }
    .member-wrapper .member-box .foot-box {
      margin-top: 30px;
      letter-spacing: 0.05em; }
      .max-sm-size .member-wrapper .member-box .foot-box {
        margin-top: 25px; }
      .member-wrapper .member-box .foot-box a:not(.btn):hover {
        color: #BA9250; }
      .max-xs-size .member-wrapper .member-box .foot-box ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .min-xs-size .member-wrapper .member-box .foot-box ul li + li {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #000; }
      .max-xs-size .member-wrapper .member-box .foot-box ul li + li {
        margin-top: 10px; }
  .member-wrapper .button-box {
    position: absolute;
    right: 80px;
    bottom: 85px; }
    .max-lg-size .member-wrapper .button-box {
      right: 50px;
      bottom: 50px; }
    .max-sm-size .member-wrapper .button-box {
      left: 0;
      right: 0;
      bottom: 25px; }
    .min-sm-size .member-wrapper .button-box:before, .min-sm-size .member-wrapper .button-box:after {
      content: "";
      display: block;
      opacity: 0;
      position: absolute;
      pointer-events: none;
      border-radius: 50%;
      -webkit-animation-duration: 1.2s;
      -moz-animation-duration: 1.2s;
      -o-animation-duration: 1.2s;
      animation-duration: 1.2s;
      -webkit-animation-name: closeToggleBorder;
      -moz-animation-name: closeToggleBorder;
      -o-animation-name: closeToggleBorder;
      animation-name: closeToggleBorder;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      -o-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
    .min-sm-size .member-wrapper .button-box:before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(156, 125, 64, 0.75); }
    .min-sm-size .member-wrapper .button-box:after {
      top: -10px;
      left: -10px;
      right: -10px;
      bottom: -10px;
      background-color: rgba(156, 125, 64, 0.5); }
    .member-wrapper .button-box .btn {
      position: relative;
      width: 60px;
      height: 60px;
      z-index: 5; }
      .max-sm-size .member-wrapper .button-box .btn {
        margin: 0 auto; }
      .member-wrapper .button-box .btn img {
        display: block;
        width: 25px; }

.min-md-size .banner.member-banner {
  height: 570px; }
.min-bg-size .banner.member-banner {
  padding-bottom: 125px; }
.banner.member-banner .container .inner .title-box .title {
  font-size: 55px;
  font-weight: 700; }
  .max-bg-size .banner.member-banner .container .inner .title-box .title {
    font-size: 35px; }
  .max-sm-size .banner.member-banner .container .inner .title-box .title {
    font-size: 24px; }

.member-primary {
  position: relative; }
  .min-bg-size .member-primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .member-primary .member-sidebar {
    background-color: #F1F1F1; }
    .min-xl-size .member-primary .member-sidebar {
      width: 400px; }
    .max-xl-size.min-bg-size .member-primary .member-sidebar {
      width: 300px; }
    .min-bg-size .member-primary .member-sidebar {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .max-bg-size .member-primary .member-sidebar {
      font-size: 16px; }
    .min-xl-size .member-primary .member-sidebar ul {
      padding: 75px 65px; }
    .max-xl-size.min-bg-size .member-primary .member-sidebar ul {
      padding: 35px; }
    .max-bg-size.min-sm-size .member-primary .member-sidebar ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-width:1190px;
      padding-left:15px;
      padding-right:15px;
      margin:0 auto;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 55px; }
    .min-bg-size .member-primary .member-sidebar ul li {
      border-bottom: 1px solid #D4D4D4; }
      .min-bg-size .member-primary .member-sidebar ul li 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;
        padding: 20px 0;
        letter-spacing: 0.05em;
        -moz-transition-property: background-color, padding;
        -o-transition-property: background-color, padding;
        -webkit-transition-property: background-color, padding;
        transition-property: background-color, padding; }
        .min-bg-size .member-primary .member-sidebar ul li a:after {
          font-family: "icomoon" !important;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: block;
          content: "";
          font-size: 10px;
          color: #4286C5; }
        .min-bg-size .member-primary .member-sidebar ul li a:hover {
          padding: 20px 5px;
          background-color: #fff; }
    .max-bg-size.min-sm-size .member-primary .member-sidebar ul li {
      text-align:center;
    }
    .max-bg-size.min-sm-size .member-primary .member-sidebar ul li + li {
      /* margin-left: 50px;  */
      padding-left:15px;
    }
    .max-bg-size.min-sm-size .member-primary .member-sidebar ul li a {
      display: block; }
      .max-bg-size.min-sm-size .member-primary .member-sidebar ul li a:hover {
        color: #4286C5; }
  .member-primary .member-content {
    padding: 75px 0;
    background-color: #fff; }
    .min-bg-size .member-primary .member-content {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-top: -125px; }
    .max-xl-size .member-primary .member-content {
      padding: 50px 0; }
    .max-sm-size .member-primary .member-content {
      padding: 25px 0; }
    .member-primary .member-content .container {
      max-width: 1160px; }
      .member-primary .member-content .container .title-box {
        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; }
        .member-primary .member-content .container .title-box .icon {
          width: 60px;
          margin-bottom: 35px; }
          .max-sm-size .member-primary .member-content .container .title-box .icon {
            width: 40px;
            margin-bottom: 25px; }
        .member-primary .member-content .container .title-box .text {
          max-width: 100%;
          letter-spacing: 0.05em;
          margin-top: 20px; }
      .member-primary .member-content .container .text-box {
        margin-top: 55px; }
        .max-xl-size .member-primary .member-content .container .text-box {
          margin-top: 50px; }
        .max-sm-size .member-primary .member-content .container .text-box {
          margin-top: 25px; }
        .max-sm-size .member-primary .member-content .container .text-box .form-fieldset {
          padding: 0; }
        .member-primary .member-content .container .text-box .btn {
          letter-spacing: 0.05em; }
        .member-primary .member-content .container .text-box .construction-video + .construction-list {
          margin-top: 55px; }
          .max-sm-size .member-primary .member-content .container .text-box .construction-video + .construction-list {
            margin-top: 25px; }
        .member-primary .member-content .container .text-box .construction-list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .min-xl-size .member-primary .member-content .container .text-box .construction-list li {
            width: calc(100%/3 - 110px/3);
            margin: 55px 55px 0 0; }
          .edge.min-xl-size .member-primary .member-content .container .text-box .construction-list li {
            width: calc(100%/3 - 110px/3 - 0.1px); }
          .max-xl-size.min-md-size .member-primary .member-content .container .text-box .construction-list li {
            width: calc(100%/3 - 100px/3);
            margin: 50px 50px 0 0; }
          .edge.max-xl-size.min-md-size .member-primary .member-content .container .text-box .construction-list li {
            width: calc(100%/3 - 100px/3 - 0.1px); }
          .min-md-size .member-primary .member-content .container .text-box .construction-list li:nth-child(-n+3) {
            margin-top: 0; }
          .min-md-size .member-primary .member-content .container .text-box .construction-list li:nth-child(3n+0) {
            margin-right: 0; }
          .max-md-size.min-sm-size .member-primary .member-content .container .text-box .construction-list li {
            width: calc(50% - 25px/2);
            margin: 50px 25px 0 0; }
            .max-md-size.min-sm-size .member-primary .member-content .container .text-box .construction-list li:nth-child(-n+2) {
              margin-top: 0; }
            .max-md-size.min-sm-size .member-primary .member-content .container .text-box .construction-list li:nth-child(2n+0) {
              margin-right: 0; }
          .max-sm-size .member-primary .member-content .container .text-box .construction-list li {
            width: 100%; }
            .max-sm-size .member-primary .member-content .container .text-box .construction-list li + li {
              margin-top: 25px; }
          .member-primary .member-content .container .text-box .construction-list li a {
            display: block; }
            .member-primary .member-content .container .text-box .construction-list li a .pic {
              overflow: hidden; }
              .member-primary .member-content .container .text-box .construction-list li a .pic img {
                -moz-transition-property: opacity, transform;
                -o-transition-property: opacity, transform;
                -webkit-transition-property: opacity, transform;
                transition-property: opacity, transform;
                -moz-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                -webkit-transition-duration: 0.5s;
                transition-duration: 0.5s;
                -moz-transition-timing-function: ease-in-out;
                -o-transition-timing-function: ease-in-out;
                -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
            .member-primary .member-content .container .text-box .construction-list li a .text {
              margin-top: 20px; }
              .member-primary .member-content .container .text-box .construction-list li a .text .date, .member-primary .member-content .container .text-box .construction-list li a .text .title {
                letter-spacing: 0.05em; }
              .member-primary .member-content .container .text-box .construction-list li a .text .date {
                display: block; }
              .member-primary .member-content .container .text-box .construction-list li a .text .title {
                margin-top: 5px; }
            .member-primary .member-content .container .text-box .construction-list li a:hover .pic img {
              -moz-transform: scale(1.05);
              -o-transform: scale(1.05);
              -ms-transform: scale(1.05);
              -webkit-transform: scale(1.05);
              transform: scale(1.05); }
        .member-primary .member-content .container .text-box .news-list li {
          border-bottom: 1px solid #D4D4D4; }
          .member-primary .member-content .container .text-box .news-list li a {
            width: 100%;
            padding: 30px 0;
            -moz-transition-property: padding, background-color;
            -o-transition-property: padding, background-color;
            -webkit-transition-property: padding, background-color;
            transition-property: padding, background-color; }
            .min-md-size .member-primary .member-content .container .text-box .news-list li a:hover {
              padding: 30px;
              background-color: #fafafa; }
            .min-sm-size .member-primary .member-content .container .text-box .news-list li a {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex; }
            .max-sm-size .member-primary .member-content .container .text-box .news-list li a {
              display: block;
              padding: 20px 0; }
            .member-primary .member-content .container .text-box .news-list li a .date, .member-primary .member-content .container .text-box .news-list li a .title {
              letter-spacing: 0.05em; }
            .member-primary .member-content .container .text-box .news-list li a .date {
              -webkit-flex-shrink: 0;
              -moz-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              display: block;
              width: 100px; }
              .min-xl-size .member-primary .member-content .container .text-box .news-list li a .date {
                margin-right: 50px; }
              .max-xl-size.min-sm-size .member-primary .member-content .container .text-box .news-list li a .date {
                margin-right: 25px; }
            .min-xl-size .member-primary .member-content .container .text-box .news-list li a .title {
              width: calc(100% - 150px); }
            .max-xl-size.min-sm-size .member-primary .member-content .container .text-box .news-list li a .title {
              width: calc(100% - 125px); }
            .min-sm-size .member-primary .member-content .container .text-box .news-list li a .title {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .max-sm-size .member-primary .member-content .container .text-box .news-list li a .title {
              margin-top: 10px;
              line-height: 1.5em; }
      .member-primary .member-content .container.member-success {
        max-width: 380px;
        padding: 110px 0; }
        .max-xl2-size .member-primary .member-content .container.member-success {
          padding: 75px 0; }
        .max-xl-size .member-primary .member-content .container.member-success {
          padding: 50px 0; }
        .max-sm-size .member-primary .member-content .container.member-success {
          padding: 25px 0; }
        .member-primary .member-content .container.member-success .text-box a + a {
          margin-left: 15px; }
        .min-sm-size .member-primary .member-content .container.member-success .text-box {
          margin-top: 40px; }
  .member-primary.sticky {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .min-bg-size .member-primary.sticky .member-sidebar ul {
      width: 400px;
      position: fixed;
      top: 80px;
      left: 0;
      bottom: 0; }
    .max-xl-size.min-bg-size .member-primary.sticky .member-sidebar ul {
      width: 300px; }
    .max-bg-size .member-primary.sticky .member-sidebar {
      position: fixed;
      top: 80px;
      left: 0;
      right: 0;
      z-index: 10; }
    .max-sm-size .member-primary.sticky .member-sidebar {
      top: 55px; }

/* ------------------------------------------
 *  sitemap
 * ----------------------------------------- */
[data-page="sitemap"] .primary {
  padding: 100px 0; }
  .max-xl2-size [data-page="sitemap"] .primary {
    padding: 75px 0; }
  .max-xl-size [data-page="sitemap"] .primary {
    padding: 50px 0; }
  .max-sm-size [data-page="sitemap"] .primary {
    padding: 25px 0; }

.sitemap-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; }
  .sitemap-list dl {
    letter-spacing: 0.05em;
    width: 230px; }
    .min-bg-size .sitemap-list dl + dl {
      margin-left: 30px; }
    .max-bg-size.min-sm-size .sitemap-list dl {
      width: calc(100%/3 - 20px);
      margin: 60px 30px 0 0; }
      .max-bg-size.min-sm-size .sitemap-list dl:nth-child(-n+3) {
        margin-top: 0; }
      .max-bg-size.min-sm-size .sitemap-list dl:nth-child(3n+0) {
        margin-right: 0; }
    .max-sm-size .sitemap-list dl {
      width: calc(50% - 15px/2);
      margin: 25px 15px 0 0; }
      .max-sm-size .sitemap-list dl:nth-child(-n+2) {
        margin-top: 0; }
      .max-sm-size .sitemap-list dl:nth-child(2n+0) {
        margin-right: 0; }
    .sitemap-list dl dt {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #D2D2D2; }
      .max-sm-size .sitemap-list dl dt {
        margin-bottom: 15px;
        padding-bottom: 15px; }
      .sitemap-list dl dt figure img {
        display: block;
        width: 50px;
        margin: 0 auto; }
      .sitemap-list dl dt figure figcaption {
        margin-top: 15px; }
        .max-sm-size .sitemap-list dl dt figure figcaption {
          margin-top: 10px; }
    .sitemap-list dl dd {
      line-height: 1em; }
      .sitemap-list dl dd + dd {
        margin-top: 25px; }
        .max-sm-size .sitemap-list dl dd + dd {
          margin-top: 15px; }
      .sitemap-list dl dd a {
        display: inline-block; }
        .sitemap-list dl dd a:hover {
          color: #4286C5; }
/*# sourceMappingURL=style.css.map */