@charset "UTF-8";
/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
 @import url("plugin/bootstrap-modal.min.css");
 @import url("plugin/jquery.mCustomScrollbar.min.css");
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' ;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex='-1']:focus {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: inherit; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: 0.5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block; }

button {
  border-radius: 0;
  cursor: pointer; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

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

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

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

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

/*# sourceMappingURL=bootstrap-reboot.css.map */
a {
  color: inherit;
  outline: none; }

select,
textarea,
input,
button {
  outline: none;
  border: none; }

address {
  margin-bottom: 0; }

.c__1670, .c__1570, .c__1480, .c__1450, .c__1380, .c__1300, .c__1200, .index__solar__map__wrap, .about__management .block__wrap, .recruit__process .steps, .recruit__qa {
  margin-left: auto;
  margin-right: auto; }

.l__pagination > ul > li a, .l__textimg .col__text, .header__func > li > a, .footer__top .btn__top, .index__products li a, .about__video .block, .about__related__slick .img, .quality__slider__slick .wrap, .new__header__social > li > a, .product__list > li .wrap .img, .product__list > li .wrap .img:before, .product__innerlist .img, .product__innerlist .img:before, .product__detail__img, .investor__download > li > a, .recruit__blocklist .item__wrap, .recruit__talent .item__img, .recruit__qa .item__num, .recruit__qa .item__num .circle, .recruit__channel .link .item, .recruit__channel .map .fz25,
.recruit__channel .map .fz16 {
  display: -webkit-box;
  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; }

.header__wrap {
  display: -webkit-box;
  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; }

.l__videowrap, .header__burgerlist .wrap, .footer__top__social > li a > span:first-child i, .news__video .imgFill:after, .product__addinquiry, .recruit__info .item__wrap:after, .recruit__info .item__img.video:before, .recruit__channel .link .item:first-child:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.l__hero:before, .l__hero:after, .news__video .imgFill:before, .product__category .product__list > li:before, .product__innerlist .img:after, .recruit__blocklist .item__wrap .imgFill:before, .recruit__info .item__img.video:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.btn__main, .btn__round, .l__downloadlist .list a, .investor__block__btn > a, .btn__join {
  -webkit-transition: background 0.3s, color 0.3s, border-color 0.3s;
  -o-transition: background 0.3s, color 0.3s, border-color 0.3s;
  transition: background 0.3s, color 0.3s, border-color 0.3s; }

.fz65 {
  font-size: 65px; }
  @media (max-width: 577px) {
    .fz65 {
      font-size: 48px; } }

.fz55 {
  font-size: 55px; }
  @media (max-width: 577px) {
    .fz55 {
      font-size: 34px; } }

.fz56 {
  font-size: 56px; }
  @media (max-width: 577px) {
    .fz56 {
      font-size: 30px; } }

.fz50 {
  font-size: 50px; }
  @media (max-width: 577px) {
    .fz50 {
      font-size: 30px; } }

.fz48 {
  font-size: 48px; }
  @media (max-width: 1281px) {
    .fz48 {
      font-size: 26px; } }
  @media (max-width: 577px) {
    .fz48 {
      font-size: 21px; } }

.fz45 {
  font-size: 45px; }
  @media (max-width: 577px) {
    .fz45 {
      font-size: 26px; } }

.fz40 {
  font-size: 40px; }
  @media (max-width: 577px) {
    .fz40 {
      font-size: 26px; } }

.fz35 {
  font-size: 35px; }
  @media (max-width: 577px) {
    .fz35 {
      font-size: 24px; } }

.fz32 {
  font-size: 32px; }
  @media (max-width: 577px) {
    .fz32 {
      font-size: 24px; } }

.fz30 {
  font-size: 30px; }
  @media (max-width: 577px) {
    .fz30 {
      font-size: 24px; } }

.fz28 {
  font-size: 28px; }
  @media (max-width: 577px) {
    .fz28 {
      font-size: 24px; } }

.fz26 {
  font-size: 26px; }
  @media (max-width: 577px) {
    .fz26 {
      font-size: 20px; } }

.fz25 {
  font-size: 25px; }

.fz24 {
  font-size: 24px; }
  @media (max-width: 577px) {
    .fz24 {
      font-size: 20px; } }

.fz22 {
  font-size: 22px; }
  @media (max-width: 577px) {
    .fz22 {
      font-size: 18px; } }

.fz20 {
  font-size: 20px; }

.fz18 {
  font-size: 18px; }
  @media (max-width: 577px) {
    .fz18 {
      font-size: 16px; } }

.fz17 {
  font-size: 17px; }

.fz16 {
  font-size: 16px; }

.fz15 {
  font-size: 15px; }

.text-mask,
.text-mask-bottom {
  overflow: hidden; }

.text-mask > * {
  -webkit-animation: text-mask-fade-up 0.5s 0.8s both cubic-bezier(0, 0, 0.13, 0.94);
          animation: text-mask-fade-up 0.5s 0.8s both cubic-bezier(0, 0, 0.13, 0.94); }

.text-mask-bottom > * {
  -webkit-animation: text-mask-fade-down 0.5s 0.8s both cubic-bezier(0, 0, 0.13, 0.94);
          animation: text-mask-fade-down 0.5s 0.8s both cubic-bezier(0, 0, 0.13, 0.94); }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes text-mask-fade-up {
  0% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes text-mask-fade-up {
  0% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes text-mask-fade-down {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes text-mask-fade-down {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes text-mask-fade-right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes text-mask-fade-right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fade-up-ab {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@keyframes fade-up-ab {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@-webkit-keyframes fade-up-phone {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up-phone {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fade-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fade-down-phone {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down-phone {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fade-left-tiny {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-left-tiny {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-aos='fade-up-tiny'] {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  [data-aos='fade-up-tiny'].aos-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

[data-aos='fade-right-tiny-t-p'] {
  opacity: 0;
  -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  [data-aos='fade-right-tiny-t-p'].aos-animate {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  @media (max-width: 768px) {
    [data-aos='fade-right-tiny-t-p'] {
      -webkit-transform: translate(0, 30px);
          -ms-transform: translate(0, 30px);
              transform: translate(0, 30px); }
      [data-aos='fade-right-tiny-t-p'].aos-animate {
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }

[data-aos='fade-left-tiny-t-p'] {
  opacity: 0;
  -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
          transform: translateX(-30px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }
  [data-aos='fade-left-tiny-t-p'].aos-animate {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  @media (max-width: 768px) {
    [data-aos='fade-left-tiny-t-p'] {
      -webkit-transform: translate(0, 30px);
          -ms-transform: translate(0, 30px);
              transform: translate(0, 30px); }
      [data-aos='fade-left-tiny-t-p'].aos-animate {
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }

[data-aos='edu'] .item__img {
  opacity: 0;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s; }
  [data-aos='edu'] .item__img img {
    -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: transform 0.5s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s 0.8s;
    transition: transform 0.5s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s 0.8s;
    transition: transform 0.5s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7); }

[data-aos='edu'] .item__text {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 0.5s 1.2s, -webkit-transform 0.5s 1.2s;
  transition: opacity 0.5s 1.2s, -webkit-transform 0.5s 1.2s;
  -o-transition: transform 0.5s 1.2s, opacity 0.5s 1.2s;
  transition: transform 0.5s 1.2s, opacity 0.5s 1.2s;
  transition: transform 0.5s 1.2s, opacity 0.5s 1.2s, -webkit-transform 0.5s 1.2s; }

[data-aos='edu'].aos-animate .item__img {
  opacity: 1;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0); }
  [data-aos='edu'].aos-animate .item__img img {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }

[data-aos='edu'].aos-animate .item__text {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

@media (max-width: 577px) {
  [data-aos-delay] {
    -webkit-transition-delay: 0s !important;
         -o-transition-delay: 0s !important;
            transition-delay: 0s !important; } }

.imgFill {
  width: 100%;
  height: 100%; }

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

.bg-white {
  background: #fff !important; }

.svg {
  margin-left: auto;
  margin-right: auto; }
  .svg svg {
    fill: currentColor;
    stroke: currentColor; }

.ul-reset {
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  padding: 0;
  margin: 0; }

.ol-reset {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  padding: 0;
  margin-bottom: 0; }

.tac {
  text-align: center; }

.taj {
  text-align: justify; }

.tar {
  text-align: right; }

.fwb {
  font-weight: bold !important; }

.fwn {
  font-weight: normal; }

.tdu {
  text-decoration: underline; }

.tupcase {
  text-transform: uppercase; }

.t-hide {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  line-height: 0;
  pointer-events: none;
  overflow: hidden; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb50 {
  margin-bottom: 50px; }
  @media (max-width: 577px) {
    .mb50 {
      margin-bottom: 30px; } }

.mt0 {
  margin-top: 0;
}

.mt30 {
  margin-top: 30px; }

.mt50 {
  margin-top: 50px; }
  @media (max-width: 577px) {
    .mt50 {
      margin-top: 30px; } }

.mt80 {
  margin-top: 80px;
  padding-bottom: 30px !important; }
  @media (max-width: 577px) {
    .mt80 {
      margin-top: 50px; } }

.bg-grey {
  background: #f8f8f8; }

.ff-open {
  font-family: 'Open Sans', 'sans-serif'; }

.ff-arvo {
  font-family: 'Arvo', 'sans-serif';
  font-weight: lighter; }

.ff-arial {
  font-family: 'Arial', 'sans-serif'; }

.fc-main {
  color: #0061a9; }

.fc-main-light {
  color: #00bce9; }

.fc-sub {
  color: #ffa124; }

.fc-light {
  color: #6d6d6d; }

.fc-lighter {
    color: #aaaaaa; }

.fc-black {
  color: #000; }

.fc-red {
  color: #ff0000; }

@media (min-width: 576px) {
  .hide-p-up {
    display: none !important; } }

@media (min-width: 769px) {
  .hide-t-p-up {
    display: none !important; } }

@media (min-width: 1025px) {
  .hide-t-up {
    display: none !important; } }

@media (max-width: 1281px) {
  .hide-d-under {
    display: none !important; } }

@media (max-width: 577px) {
  .hide-p-under {
    display: none !important; } }

@media (max-width: 1025px) {
  .hide-t-under {
    display: none !important; } }

@media (max-width: 768px) {
  .hide-t-p-under {
    display: none !important; } }

@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?14091193");
  src: url("../font/fontello.eot?14091193#iefix") format("embedded-opentype"), url("../font/fontello.woff2?14091193") format("woff2"), url("../font/fontello.woff?14091193") format("woff"), url("../font/fontello.ttf?14091193") format("truetype"), url("../font/fontello.svg?14091193#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?14091193#fontello') format('svg');
  }
}
*/
[class^='icon-']:before,
[class*=' icon-']:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-map:before {
  content: '\e800'; }

/* '' */
.icon-cancel:before {
  content: '\e801'; }

/* '' */
.icon-search:before {
  content: '\e802'; }

/* '' */
.icon-phone:before {
  content: '\e803'; }

/* '' */
.icon-left-small:before {
  content: '\e804'; }

/* '' */
.icon-right-small:before {
  content: '\e805'; }

/* '' */
.icon-c-next:before {
  content: '\e806'; }

/* '' */
.icon-c-prev:before {
  content: '\e807'; }

/* '' */
.icon-download-circle:before {
  content: '\e808'; }

/* '' */
.icon-t-next:before {
  content: '\e809'; }

/* '' */
.icon-play-circled2:before {
  content: '\e80a'; }

/* '' */
.icon-t-prev:before {
  content: '\e80b'; }

/* '' */
.icon-facebook:before {
  content: '\f09a'; }

/* '' */
.icon-linkedin:before {
  content: '\f0e1'; }

/* '' */
.icon-doc-text:before {
  content: '\f0f6'; }

/* '' */
.icon-angle-left:before {
  content: '\f104'; }

/* '' */
.icon-angle-right:before {
  content: '\f105'; }

/* '' */
.icon-angle-up:before {
  content: '\f106'; }

/* '' */
.icon-angle-down:before {
  content: '\f107'; }

/* '' */
.icon-youtube-play:before {
  content: '\f16a'; }

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

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

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

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

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

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

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

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

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

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

[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: inline-block; }

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

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

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

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

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }
  .slick-dots li.slick-active button {
    background: #fff; }

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

.slick-dots li button:focus {
  outline: none;
  background: #fff; }

.slick__arrow-default .slick-arrow {
  font-family: 'fontello';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  z-index: 3; }

.slick__arrow-default.arrow__circle .slick-next::before {
  font-size: 3rem;
  content: '\e806'; }
  @media (max-width: 768px) {
    .slick__arrow-default.arrow__circle .slick-next::before {
      font-size: 2rem; } }

.slick__arrow-default.arrow__circle .slick-prev::after {
  font-size: 3rem;
  content: '\e807'; }
  @media (max-width: 768px) {
    .slick__arrow-default.arrow__circle .slick-prev::after {
      font-size: 2rem; } }

.slick__arrow-default.arrow__default .slick-next::before {
  content: '\e805'; }

.slick__arrow-default.arrow__default .slick-prev::after {
  content: '\e804'; }

.slick__arrow-default.arrow__thin .slick-next::before {
  -webkit-transform: translate(-70%, -50%) scale(0.7);
      -ms-transform: translate(-70%, -50%) scale(0.7);
          transform: translate(-70%, -50%) scale(0.7);
  content: '\e809'; }

.slick__arrow-default.arrow__thin .slick-prev::after {
  -webkit-transform: translate(-20%, -50%) scale(0.7);
      -ms-transform: translate(-20%, -50%) scale(0.7);
          transform: translate(-20%, -50%) scale(0.7);
  content: '\e80b'; }

.slick-disabled {
  color: #aaa; }

.slick-arrow {
  font-size: 0; }

.slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1rem;
  content: '\f105'; }

.slick-prev::after {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1rem;
  content: '\f104'; }

@media (min-width: 1025px) {
  .slick-next:hover {
    -webkit-transform: translate(10px, -50%);
        -ms-transform: translate(10px, -50%);
            transform: translate(10px, -50%); }
  .slick-prev:hover {
    -webkit-transform: translate(-10px, -50%);
        -ms-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%); } }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
       -o-transition-duration: 50ms;
          transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
       -o-transition-delay: 50ms;
          transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: .1s;
       -o-transition-duration: .1s;
          transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: .15s;
       -o-transition-duration: .15s;
          transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: .15s;
       -o-transition-delay: .15s;
          transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: .25s;
       -o-transition-duration: .25s;
          transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: .25s;
       -o-transition-delay: .25s;
          transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: .3s;
       -o-transition-delay: .3s;
          transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: .45s;
       -o-transition-duration: .45s;
          transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: .45s;
       -o-transition-delay: .45s;
          transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: .55s;
       -o-transition-duration: .55s;
          transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: .55s;
       -o-transition-delay: .55s;
          transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: .6s;
       -o-transition-duration: .6s;
          transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: .6s;
       -o-transition-delay: .6s;
          transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: .65s;
       -o-transition-duration: .65s;
          transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: .65s;
       -o-transition-delay: .65s;
          transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: .7s;
       -o-transition-duration: .7s;
          transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: .7s;
       -o-transition-delay: .7s;
          transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: .75s;
       -o-transition-duration: .75s;
          transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: .75s;
       -o-transition-delay: .75s;
          transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: .8s;
       -o-transition-duration: .8s;
          transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: .8s;
       -o-transition-delay: .8s;
          transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: .85s;
       -o-transition-duration: .85s;
          transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: .85s;
       -o-transition-delay: .85s;
          transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: .9s;
       -o-transition-duration: .9s;
          transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: .9s;
       -o-transition-delay: .9s;
          transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: .95s;
       -o-transition-duration: .95s;
          transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: .95s;
       -o-transition-delay: .95s;
          transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
       -o-transition-duration: 1.05s;
          transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
       -o-transition-delay: 1.05s;
          transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
       -o-transition-duration: 1.1s;
          transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
       -o-transition-delay: 1.1s;
          transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
       -o-transition-duration: 1.15s;
          transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
       -o-transition-delay: 1.15s;
          transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
       -o-transition-duration: 1.2s;
          transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
       -o-transition-delay: 1.2s;
          transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
       -o-transition-duration: 1.25s;
          transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
       -o-transition-delay: 1.25s;
          transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
       -o-transition-duration: 1.3s;
          transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
       -o-transition-delay: 1.3s;
          transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
       -o-transition-duration: 1.35s;
          transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
       -o-transition-delay: 1.35s;
          transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
       -o-transition-duration: 1.4s;
          transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
       -o-transition-delay: 1.4s;
          transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
       -o-transition-duration: 1.45s;
          transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
       -o-transition-delay: 1.45s;
          transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
       -o-transition-duration: 1.5s;
          transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
       -o-transition-duration: 1.55s;
          transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
       -o-transition-delay: 1.55s;
          transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
       -o-transition-duration: 1.6s;
          transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
       -o-transition-delay: 1.6s;
          transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
       -o-transition-duration: 1.65s;
          transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
       -o-transition-delay: 1.65s;
          transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
       -o-transition-duration: 1.7s;
          transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
       -o-transition-delay: 1.7s;
          transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
       -o-transition-duration: 1.75s;
          transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
       -o-transition-delay: 1.75s;
          transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
       -o-transition-duration: 1.8s;
          transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
       -o-transition-delay: 1.8s;
          transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
       -o-transition-duration: 1.85s;
          transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
       -o-transition-delay: 1.85s;
          transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
       -o-transition-duration: 1.9s;
          transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
       -o-transition-delay: 1.9s;
          transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
       -o-transition-duration: 1.95s;
          transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
       -o-transition-delay: 1.95s;
          transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
       -o-transition-duration: 2.05s;
          transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
       -o-transition-delay: 2.05s;
          transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
       -o-transition-duration: 2.1s;
          transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
       -o-transition-delay: 2.1s;
          transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
       -o-transition-duration: 2.15s;
          transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
       -o-transition-delay: 2.15s;
          transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
       -o-transition-duration: 2.2s;
          transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
       -o-transition-delay: 2.2s;
          transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
       -o-transition-duration: 2.25s;
          transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
       -o-transition-delay: 2.25s;
          transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
       -o-transition-duration: 2.3s;
          transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
       -o-transition-delay: 2.3s;
          transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
       -o-transition-duration: 2.35s;
          transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
       -o-transition-delay: 2.35s;
          transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
       -o-transition-duration: 2.4s;
          transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
       -o-transition-delay: 2.4s;
          transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
       -o-transition-duration: 2.45s;
          transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
       -o-transition-delay: 2.45s;
          transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
       -o-transition-duration: 2.5s;
          transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
       -o-transition-delay: 2.5s;
          transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
       -o-transition-duration: 2.55s;
          transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
       -o-transition-delay: 2.55s;
          transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
       -o-transition-duration: 2.6s;
          transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
       -o-transition-delay: 2.6s;
          transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
       -o-transition-duration: 2.65s;
          transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
       -o-transition-delay: 2.65s;
          transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
       -o-transition-duration: 2.7s;
          transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
       -o-transition-delay: 2.7s;
          transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
       -o-transition-duration: 2.75s;
          transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
       -o-transition-delay: 2.75s;
          transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
       -o-transition-duration: 2.8s;
          transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
       -o-transition-delay: 2.8s;
          transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
       -o-transition-duration: 2.85s;
          transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
       -o-transition-delay: 2.85s;
          transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
       -o-transition-duration: 2.9s;
          transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
       -o-transition-delay: 2.9s;
          transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
       -o-transition-duration: 2.95s;
          transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
       -o-transition-delay: 2.95s;
          transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
       -o-transition-duration: 3s;
          transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
       -o-transition-delay: 3s;
          transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
       -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
       -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
       -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
       -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
       -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
       -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  -o-transition-property: opacity,transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

[data-aos=fade-up] {
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0); }

[data-aos=fade-down] {
  -webkit-transform: translate3d(0, -100px, 0);
          transform: translate3d(0, -100px, 0); }

[data-aos=fade-right] {
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0); }

[data-aos=fade-left] {
  -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0); }

[data-aos=fade-up-right] {
  -webkit-transform: translate3d(-100px, 100px, 0);
          transform: translate3d(-100px, 100px, 0); }

[data-aos=fade-up-left] {
  -webkit-transform: translate3d(100px, 100px, 0);
          transform: translate3d(100px, 100px, 0); }

[data-aos=fade-down-right] {
  -webkit-transform: translate3d(-100px, -100px, 0);
          transform: translate3d(-100px, -100px, 0); }

[data-aos=fade-down-left] {
  -webkit-transform: translate3d(100px, -100px, 0);
          transform: translate3d(100px, -100px, 0); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  -o-transition-property: opacity,transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1); }

[data-aos=zoom-in] {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6); }

[data-aos=zoom-in-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
          transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos=zoom-in-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
          transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos=zoom-in-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
          transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos=zoom-in-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
          transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos=zoom-out] {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2); }

[data-aos=zoom-out-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
          transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos=zoom-out-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
          transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos=zoom-out-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
          transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos=zoom-out-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
          transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

[data-aos=slide-up] {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0); }

[data-aos=slide-down] {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0); }

[data-aos=slide-right] {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }

[data-aos=slide-left] {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0); }

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0); }

.g__double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .g__double > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    padding: 4.16667vw 3.125vw; }
  .g__double a {
    display: block; }
  .g__double .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 1025px) {
    .g__double > * {
      padding: 50px 20px; } }
  @media (max-width: 768px) {
    .g__double > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%;
      padding-bottom: 50px; } }
  @media (max-width: 577px) {
    .g__double > * {
      padding-left: 0;
      padding-right: 0; } }

.g__triple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .g__triple > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
    padding: 1.04167vw 1.04167vw; }
  .g__triple a {
    display: block; }
  .g__triple .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 577px) {
    .g__triple > .block {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }

.g__quater {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .g__quater > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    max-width: 25%;
    padding: 2.60417vw 1.04167vw; }
  .g__quater a {
    display: block; }
  .g__quater .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 1025px) {
    .g__quater > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%; } }
  @media (max-width: 577px) {
    .g__quater > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }

.btn__main {
  display: inline-block;
  padding: 20px 30px;
  color: #00bce9;
  border: 1px solid #00bce9;
  text-align: center; }
  .btn__main:hover, .btn__main:active {
    background: #00bce9;
    color: #fff; }

.btn__back {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  .btn__back:hover, .btn__back:active {
    color: #0061a9; }
    .btn__back:hover img, .btn__back:active img {
      -webkit-transform: translateX(-5px);
          -ms-transform: translateX(-5px);
              transform: translateX(-5px); }
  .btn__back img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    width: 20px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

.btn__close {
  position: absolute;
  right: 0;
  top: -40px;
  color: #fff;
  cursor: pointer; }
  .btn__close:hover img {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .btn__close img {
    width: 20px;
    height: 20px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

.btn__round {
  display: inline-block;
  width: 200px;
  padding: 5px;
  border-radius: 30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold; }

.c__1670 {
  width: 90%;
  max-width: 1670px; }

.c__1570 {
  width: 90%;
  max-width: 1570px; }

.c__1480 {
  width: 90%;
  max-width: 1480px; }

.c__1450 {
  width: 90%;
  max-width: 1450px; }

.c__1380 {
  width: 90%;
  max-width: 1380px; }

.c__1300 {
  width: 90%;
  max-width: 1300px;
  margin-bottom: 100px; }

.c__1200 {
  width: 90%;
  max-width: 1200px; }

.c__basic {
  padding: 80px 0; }
  @media (max-width: 577px) {
    .c__basic {
      padding: 50px 0; } }

.c__basic-tiny {
  padding: 30px 0; }

.c__title {
  padding-top: 150px;
  padding-bottom: 80px; }
  @media (max-width: 1025px) {
    .c__title {
      padding-top: 50px; } }

.l__hero {
  position: relative;
  width: 100%;
  height: 30.72917vw;
  max-height: 590px; }
  @media (max-width: 577px) {
    .l__hero {
      height: 150px; } }
  .l__hero:before {
    background: rgba(0, 0, 0, 0.5);
    mix-blend-mode: soft-light; }
  .l__hero:after {
    background: black;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
  .l__hero.nav .l__hero__title {
    bottom: 100px; }
  @media (max-width: 1025px) {
    .l__hero.nav {
      height: 300px; } }
  @media (max-width: 577px) {
    .l__hero.nav {
      height: 200px; }
      .l__hero.nav .l__hero__title {
        bottom: 60px; } }
  .l__hero.product {
    height: 300px; }
    @media (max-width: 577px) {
      .l__hero.product {
        height: 150px; } }
  .l__hero.recruit-index {
    height: 39.0625vw;
    max-height: 750px; }
    @media (max-width: 1025px) {
      .l__hero.recruit-index {
        height: 400px; } }
    @media (max-width: 577px) {
      .l__hero.recruit-index {
        height: 250px; } }
    .l__hero.recruit-index:before {
      display: none; }
    .l__hero.recruit-index:after {
      display: none; }
    .l__hero.recruit-index .l__hero__title {
      bottom: auto;
      top: 30%; }
  .l__hero.recruit-nav:before {
    display: none; }
  .l__hero.recruit-nav .l__hero__nav {
    background: rgba(255, 161, 36, 0.9); }
    .l__hero.recruit-nav .l__hero__nav > li:hover > a {
      background: transparent;
      color: #0061a9; }
    .l__hero.recruit-nav .l__hero__nav > li.top > a {
      background: transparent;
      position: relative; }
      @media (min-width: 1025px) {
        .l__hero.recruit-nav .l__hero__nav > li.top > a:before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 100%;
          height: 40px;
          border: 1px solid #fff;
          border-radius: 40px; } }
      @media (max-width: 1025px) {
        .l__hero.recruit-nav .l__hero__nav > li.top > a {
          background: #ffa124; } }
    .l__hero.recruit-nav .l__hero__nav .subnav > li > a:hover, .l__hero.recruit-nav .l__hero__nav .subnav > li > a.active {
      color: #ffa124;
      text-shadow: 0px 0px 1px #ffa124; }
  .l__hero__title {
    position: absolute;
    left: 50%;
    width: 100%;
    bottom: 4.16667vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #fff;
    padding: 0 20px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans','Microsoft JhengHei', 'sans-serif'; }
  .l__hero__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    z-index: 10; }
    @media (max-width: 1025px) {
      .l__hero__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-height: 70px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s;
        -o-transition: max-height 0.5s;
        transition: max-height 0.5s;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        background: rgba(0, 0, 0, 0.9);
        bottom: auto;
        top: calc(100% - 70px); }
        .l__hero__nav.active {
          max-height: 700px; }
          .l__hero__nav.active a.active:after {
            -webkit-transform: translateY(-50%) scale(1, -1);
                -ms-transform: translateY(-50%) scale(1, -1);
                    transform: translateY(-50%) scale(1, -1); } }
    @media (max-width: 577px) {
      .l__hero__nav {
        top: calc(100% - 44px);
        max-height: 44px;
        font-size: 16px; } }
    .l__hero__nav > li > a {
      display: block;
      position: relative;
      color: #fff;
      padding: 20px;
      text-align: center;
      letter-spacing: 1px;
      -webkit-transition: background 0.3s, color 0.3s;
      -o-transition: background 0.3s, color 0.3s;
      transition: background 0.3s, color 0.3s; }
      @media (max-width: 577px) {
        .l__hero__nav > li > a {
          padding: 10px 0; } }
    .l__hero__nav > li:hover > a {
      background: #00bce9;
      color: #fff; }
    @media (max-width: 1025px) {
      .l__hero__nav > li.top > a:after {
        content: '▽';
        font-size: 24px;
        position: absolute;
        right: 100px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
      .l__hero__nav > li.top > a.active {
        color: #00bce9; }
        .l__hero__nav > li.top > a.active ~ .subnav {
          left: 0;
          max-height: 700px; } }
    @media (max-width: 577px) {
      .l__hero__nav > li.top > a:after {
        right: 20px;
        font-size: 16px; } }
    .l__hero__nav > li.top > a {
      background: #0061a9;
      color: #fff !important; }
    .l__hero__nav > li.top .subnav {
      left: 0; }
      @media (max-width: 1025px) {
        .l__hero__nav > li.top .subnav {
          max-height: 700px; } }
    .l__hero__nav .subnav {
      position: absolute;
      left: -9999px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      background: #f2f2f2; }
      @media (max-width: 1025px) {
        .l__hero__nav .subnav {
          position: relative;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          max-height: 0;
          overflow: hidden;
          -webkit-transition: max-height 0.5s;
          -o-transition: max-height 0.5s;
          transition: max-height 0.5s;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .l__hero__nav .subnav.active {
            max-height: 700px; } }
      .l__hero__nav .subnav > li > a {
        display: block;
        padding: 20px;
        -webkit-transition: background 0.3s, color 0.3s, text-shadow 0.3s;
        -o-transition: background 0.3s, color 0.3s, text-shadow 0.3s;
        transition: background 0.3s, color 0.3s, text-shadow 0.3s; }
        @media (max-width: 1025px) {
          .l__hero__nav .subnav > li > a {
            padding: 10px 20px; } }
        .l__hero__nav .subnav > li > a:hover, .l__hero__nav .subnav > li > a.active {
          color: #00bce9;
          text-shadow: 0px 0px 1px #00bce9; }

.l__breadcrumb {
  position: absolute;
  left: 60px;
  top: 30px;
  color: #fff;
  z-index: 1; }
  @media (max-width: 577px) {
    .l__breadcrumb {
      width: 90%;
      text-align: center;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      font-size: 14px; } }
  .l__breadcrumb > li {
    display: inline-block; }
    .l__breadcrumb > li + li:before {
      content: '>';
      display: inline-block;
      margin: 0 10px; }
  .l__breadcrumb a:hover {
    text-decoration: underline; }

.l__texteditor {
  text-align: justify;
}
.l__texteditor.tac {
  text-align: center;
}
.l__texteditor p {
  line-height: 2; }
  .l__texteditor p + p {
    margin-top: 1.5625vw; }

.l__texteditor ul {
  -webkit-padding-start: 25px;
          padding-inline-start: 25px; }
  .l__texteditor ul li + li {
    margin-top: 10px; }

.l__pagination {
  padding-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .l__pagination > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 30px; }
    .l__pagination > ul > li {
      padding: 0 10px; }
      .l__pagination > ul > li a {
        width: 40px;
        height: 40px;
        color: #999999;
        border: 1px solid #999999;
        -webkit-transition: background 0.3s, border-color 0.3s, color 0.3s;
        -o-transition: background 0.3s, border-color 0.3s, color 0.3s;
        transition: background 0.3s, border-color 0.3s, color 0.3s; }
        .l__pagination > ul > li a.active, .l__pagination > ul > li a:hover, .l__pagination > ul > li a:active {
          color: #fff;
          background: #0061a9;
          border-color: #0061a9; }
  .l__pagination .arrow {
    padding: 5px;
    color: #000; }
    .l__pagination .arrow.disable {
      cursor: default;
      color: rgba(0, 0, 0, 0.7); }
    .l__pagination .arrow [class^='icon-']:before {
      width: auto;
      font-size: 120%; }
  @media (max-width: 577px) {
    .l__pagination > ul {
      margin: 0 10px; }
      .l__pagination > ul > li {
        padding: 10px 5px; } }

.l__textimg .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden; }
  .l__textimg .col:nth-child(odd) .col__text {
    padding: 20px 10.41667vw 20px 4.16667vw; }
    @media (max-width: 1025px) {
      .l__textimg .col:nth-child(odd) .col__text {
        padding: 30px; } }
  .l__textimg .col:nth-child(even) .col__text {
    padding: 20px 4.16667vw 20px 10.41667vw; }
    @media (max-width: 1025px) {
      .l__textimg .col:nth-child(even) .col__text {
        padding: 30px; } }
  .l__textimg .col > * {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%; }
  .l__textimg .col__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 2;
    background: #f8f8f8; }
    .l__textimg .col__text > * {
      width: 100%; }
  .l__textimg .col__img {
    height: auto; }
    @media (min-width: 769px) {
      .l__textimg .col__img {
        min-height: 600px; } }
  @media (min-width: 769px) {
    .l__textimg .col:nth-child(even) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (max-width: 768px) {
    .l__textimg .col {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .l__textimg .col .col__img {
        height: 300px;
        min-height: 1px; }
      .l__textimg .col:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .l__textimg .col > * {
        position: relative;
        -webkit-box-flex: 1;
            -ms-flex: 1 auto;
                flex: 1 auto;
        max-width: 100%; } }

@media (max-width: 768px) {
  .l__textimg-default .col {
    height: auto; } }

.l__textimg-default .col__text {
  padding: 20px 6.77083vw;
  background: #f2f2f2; }
  @media (max-width: 1441px) {
    .l__textimg-default .col__text {
      padding: 20px 5.20833vw; } }
  @media (max-width: 1025px) {
    .l__textimg-default .col__text {
      padding: 20px 4.16667vw; } }
  @media (max-width: 768px) {
    .l__textimg-default .col__text {
      text-align: center;
      padding: 40px 20px; } }

.l__textimg-default .col__img {
  height: 530px;
  position: relative; }
  @media (max-width: 577px) {
    .l__textimg-default .col__img {
      height: 300px; } }

.l__title {
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase; }

.l__overlay {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none; }

.l__overlay-search {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none; }
  .l__overlay-search #___gcse_0 {
    margin-top: 30px; }
  .l__overlay-search .gsc-search-button-v2 {
    background: transparent;
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
    border-color: #ccc; }
    .l__overlay-search .gsc-search-button-v2 svg {
      fill: #ccc;
      -webkit-transition: fill 0.3s;
      -o-transition: fill 0.3s;
      transition: fill 0.3s; }
    .l__overlay-search .gsc-search-button-v2:hover, .l__overlay-search .gsc-search-button-v2:active, .l__overlay-search .gsc-search-button-v2:focus {
      background: transparent;
      border-color: #00bce9; }
      .l__overlay-search .gsc-search-button-v2:hover svg, .l__overlay-search .gsc-search-button-v2:active svg, .l__overlay-search .gsc-search-button-v2:focus svg {
        fill: #00bce9; }
  .l__overlay-search .gsc-input-box {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc; }
    .l__overlay-search .gsc-input-box td {
      padding: 0; }
    @media (max-width: 577px) {
      .l__overlay-search .gsc-input-box {
        border: 1px solid #ccc; } }
  .l__overlay-search .gsc-input {
    background-color: transparent !important;
    color: #fff;
    font-size: 18px; }

.l__videowrap {
  max-width: 90%;
  width: 1280px; }
  @media (max-width: 1441px) {
    .l__videowrap {
      max-width: 75%; } }
  @media (max-width: 577px) {
    .l__videowrap {
      max-width: 90%; } }
  @media (max-width: 1000px) and (orientation: landscape) {
    .l__videowrap {
      max-width: 450px; }
      .l__videowrap .btn__close {
        top: -30px; } }
  .l__videowrap__title {
    text-align: left;
    margin-top: 30px;
    color: #fff; }
    @media (max-width: 1025px) {
      .l__videowrap__title {
        margin-top: 15px; } }
  .l__videowrap .tv {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
    .l__videowrap .tv iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

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

.l__form select,
.l__form button,
.l__form input,
.l__form .btn__clear {
  width: 100%;
  height: 100%;
  padding: 10px; }

.l__form input,
.l__form select,
.l__form textarea {
  border: 1px solid #aaa; }
  .l__form input:focus,
  .l__form select:focus,
  .l__form textarea:focus {
    border-color: #00bce9; }

.l__form select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  background-color: #fff;
  background: url(../images/00-public/bg-select.png) 100% no-repeat; }

.l__table {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000; }
  .l__table thead {
    color: #fff; }
    .l__table thead tr th {
      border: 2px solid #fff; }
    .l__table thead tr:first-child th {
      background: #333333; }
    .l__table thead tr:last-child th {
      background: #5c5c5c; }
  .l__table tbody tr:nth-child(even) {
    background: #f2f2f2; }
  .l__table th,
  .l__table td {
    padding: 15px; }

.l__downloadlist {
  margin-bottom: 30px; }
  .l__downloadlist h3 {
    font-family: 'Arial', 'sans-serif'; }
  .l__downloadlist-first {
    margin-top: 80px;
    border-top: 1px solid #000; }
    @media (max-width: 768px) {
      .l__downloadlist-first {
        margin-top: 50px; } }
  .l__downloadlist-prospectus > li {
    border-bottom: none !important; }
    .l__downloadlist-prospectus > li .list {
      border: none; }
  .l__downloadlist > li {
    border-bottom: 1px solid #8c8c8c; }
    .l__downloadlist > li.newest > h3 img {
      display: none; }
    .l__downloadlist > li.newest .list {
      padding: 20px;
      max-height: 1500px;
      opacity: 1; }
      @media (max-width: 577px) {
        .l__downloadlist > li.newest .list {
          padding: 10px 0;
          max-height: 2000px; } }
    .l__downloadlist > li:not(.newest):hover h3 {
      background: #e6e6e6; }
    .l__downloadlist > li:not(.newest).active h3 {
      background: #e6e6e6; }
    .l__downloadlist > li:not(.newest).active .list {
      padding: 20px;
      max-height: 1500px;
      opacity: 1; }
      @media (max-width: 577px) {
        .l__downloadlist > li:not(.newest).active .list {
          padding: 10px 0;
          max-height: 2000px; } }
  .l__downloadlist h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    margin-bottom: 0;
    cursor: pointer; }
    .l__downloadlist h3 img {
      width: 20px; }
  .l__downloadlist .icon-download-circle {
    color: #bfbfbf; }
  .l__downloadlist .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    padding: 0px;
    border-top: 1px solid #ccc;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height 0.5s, padding 0.5s, opacity 0.5s;
    -o-transition: max-height 0.5s, padding 0.5s, opacity 0.5s;
    transition: max-height 0.5s, padding 0.5s, opacity 0.5s; }
    .l__downloadlist .list > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%;
      padding: 10px 10px; }
    .l__downloadlist .list a {
      display: block; }
    .l__downloadlist .list .full {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
      max-width: 100%; }
    @media (max-width: 768px) {
      .l__downloadlist .list > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%; } }
    .l__downloadlist .list a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 20px;
      border: 1px solid #ccc; }
      .l__downloadlist .list a:hover, .l__downloadlist .list a:active {
        background: #0061a9;
        border-color: #0061a9;
        color: #fff; }
        .l__downloadlist .list a:hover .icon-download-circle, .l__downloadlist .list a:active .icon-download-circle {
          color: #fff; }
      .l__downloadlist .list a i:before {
        font-size: 36px; }

.table__wrap {
  overflow-x: auto; }

.ul__line {
  line-height: 2; }
  .ul__line > li {
    position: relative;
    padding-left: 30px; }
    .ul__line > li:before {
      content: '';
      width: 15px;
      height: 1px;
      background: #0060a9;
      position: absolute;
      left: 0;
      top: 1rem; }

.wp:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  z-index: 9999;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: opacity 0.8s cubic-bezier(0, 0, 0.13, 0.94);
  -o-transition: opacity 0.8s cubic-bezier(0, 0, 0.13, 0.94);
  transition: opacity 0.8s cubic-bezier(0, 0, 0.13, 0.94); }

.wp.active:before {
  opacity: 0; }

.header {
  width: 100%;
  position: fixed;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  z-index: 50;
  color: #fff;
  -webkit-transition: background 0.5s, border 0.5s;
  -o-transition: background 0.5s, border 0.5s;
  transition: background 0.5s, border 0.5s; }
  @media (max-width: 1025px) {
    .header.active {
      background: #0061a9;
      height: 100vh;
      border: 4px solid #0061a9;
      border-bottom: none; }
      .header.active .logo-f {
        opacity: 0; }
      .header.active .logo-b {
        opacity: 1; }
      .header.active .header__wrap {
        padding-top: 10px;
        background: #fff;
        height: calc(var(--vh, 1vh) * 100); } }
    @media (max-width: 1025px) and (-ms-high-contrast: active), (max-width: 1025px) and (-ms-high-contrast: none) {
      .header.active .header__wrap {
        height: 100vh; } }
  @media (max-width: 1025px) {
      .header.active .header__menu {
        right: 0;
        opacity: 1; }
      .header.active .header__mobile-lang {
        left: 0;
        opacity: 1; } }
  .header.scroll {
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0px 5px 20px rgba(128, 128, 128, 0.3);
            box-shadow: 0px 5px 20px rgba(128, 128, 128, 0.3); }
    .header.scroll .logo-f {
      opacity: 0; }
    .header.scroll .logo-b {
      opacity: 1; }
    .header.scroll .header__wrap {
      padding-top: 10px; }
    .header.scroll .btn-lang {
      font-weight: normal; }
    @media (min-width: 1025px) {
      .header.scroll .header__func > li > a {
        color: #fff; } }
    @media (max-width: 1025px) {
      .header.scroll .header__wrap {
        padding-top: 5px; } }
  .header .logo-f {
    opacity: 1; }
  .header .logo-b {
    opacity: 0; }
  .header__wrap {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    -webkit-transition: padding 0.5s;
    -o-transition: padding 0.5s;
    transition: padding 0.5s;
    padding-top: 30px;
    position: relative; }
    @media (max-width: 1025px) {
      .header__wrap {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .header__wrap > nav {
          margin-left: auto; } }
    @media (max-width: 577px) {
      .header__wrap {
        padding-top: 10px; } }
    .header__wrap > nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .header__wrap > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
  .header__logo {
    display: inline-block;
    position: relative;
    width: 495px;
    height: 50px; }
    .header__logo img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: block;
      -webkit-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s; }
    @media (max-width: 1281px) {
      .header__logo {
        margin-left: 20px;
        width: 250px; } }
    @media (max-width: 577px) {
      .header__logo {
        width: 70px; } }
  .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    @media (max-width: 1025px) {
      .header__menu {
        position: absolute;
        overflow-x: hidden;
        overflow-y: auto;
        top: 60px;
        right: -100%;
        height: calc(100% - 130px);
        width: 100%;
        display: block;
        padding: 20px;
        opacity: 0;
        color: #0061a9;
        -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.13, 0.94);
        -o-transition: opacity 0.5s cubic-bezier(0, 0, 0.13, 0.94);
        transition: opacity 0.5s cubic-bezier(0, 0, 0.13, 0.94); }
        .header__menu li {
          border-bottom: 1px solid #ccc; }
        .header__menu.hide {
          right: -100%;
          opacity: 0; } }
    .header__menu > li > a {
      font-weight: 500;
      text-transform: uppercase;
      display: block;
      padding: 20px 10px 20px 10px;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      @media (min-width: 1025px) {
        .header__menu > li > a:hover {
          color: #00bce9; } }
      @media (max-width: 1025px) {
        .header__menu > li > a {
          padding: 20px;
          text-transform: none; }
          .header__menu > li > a.js-mobile-submenu:after {
            content: '\f105';
            float: right; }
          .header__menu > li > a.js-mobile-submenu.active ~ .header__menu-sub {
            right: 0; } }
      @media (max-width: 577px) {
        .header__menu > li > a {
          padding: 10px 20px; } }
    .header__menu-sub {
      position: absolute;
      right: -110%;
      top: 0;
      width: 100%;
      height: 105vh;
      background: #fff;
      padding: 20px;
      -webkit-transition: right 0.5s;
      -o-transition: right 0.5s;
      transition: right 0.5s; }
      .header__menu-sub > li {
        position: relative; }
        .header__menu-sub > li > a {
          display: block;
          padding: 10px 20px;
          font-weight: lighter; }
          .header__menu-sub > li > a.js-mobile-submenu-close {
            font-weight: bold; }
            .header__menu-sub > li > a.js-mobile-submenu-close:after {
              content: '\f104';
              float: right; }
      @media (min-width: 1025px) {
        .header__menu-sub {
          display: none; } }
  .header__func {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 5px; }
    .header__func > li {
      margin: 0 5px; }
      @media (max-width: 1025px) {
        .header__func > li {
          margin: 0; } }
      .header__func > li > a {
        width: 40px;
        height: 40px;
        line-height: 1;
        border-radius: 50%;
        color: #333132;
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s; }
      .header__func > li .btn-search {
        background: #f8981a; }
        .header__func > li .btn-search > * {
          margin-bottom: 5px; }
        @media (max-width: 1025px) {
          .header__func > li .btn-search {
            background: transparent;
            color: #aaa;
            -webkit-transform: scaleX(-1);
                -ms-transform: scaleX(-1);
                    transform: scaleX(-1); } }
        @media (min-width: 1025px) {
          .header__func > li .btn-search:hover {
            background: #f0ad56; } }
        .header__func > li .btn-search .icon-search:before {
          font-size: 22px; }
      .header__func > li .btn-lang {
        background: #1a8aa9;
        font-weight: bold; }
        .header__func > li .btn-lang:hover {
          background: #4b9cb3; }
  .header__burgerlist {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px; }
    .header__burgerlist .wrap {
      width: 25px;
      height: 20px; }
    .header__burgerlist .line {
      right: 0;
      position: absolute;
      height: 3px;
      background: #00bce9;
      -webkit-transition: width 0.3s, -webkit-transform 0.3s;
      transition: width 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, width 0.3s;
      transition: transform 0.3s, width 0.3s;
      transition: transform 0.3s, width 0.3s, -webkit-transform 0.3s; }
      .header__burgerlist .line:first-child {
        top: 0;
        width: 100%; }
      .header__burgerlist .line:nth-child(2) {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%; }
      .header__burgerlist .line:last-child {
        bottom: 0;
        width: 100%; }
    .header__burgerlist.active .wrap > .line:first-child {
      -webkit-transform: rotate(45deg) translate(4.5px, 7px);
          -ms-transform: rotate(45deg) translate(4.5px, 7px);
              transform: rotate(45deg) translate(4.5px, 7px); }
    .header__burgerlist.active .wrap > .line:nth-child(2) {
      width: 0; }
    .header__burgerlist.active .wrap > .line:last-child {
      -webkit-transform: rotate(-45deg) translate(4.5px, -8px);
          -ms-transform: rotate(-45deg) translate(4.5px, -8px);
              transform: rotate(-45deg) translate(4.5px, -8px); }
  .header__mobile-lang {
    position: absolute;
    left: -9999px;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #0061a9;
    color: #fff;
    padding: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; }

.footer {
  background: #3b3e43; }
  .footer a:hover {
    text-decoration: underline; }
  .footer__top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 100px; }
    @media (max-width: 1025px) {
      .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media (max-width: 577px) {
      .footer__top {
        padding-bottom: 20px; } }
    .footer__top__address {
      color: #ccc;
      width: 220px;
      min-width: 220px;
      margin-top: 50px;
      margin-right: 50px; }
      @media (max-width: 1025px) {
        .footer__top__address {
          width: 100%;
          margin-right: 0; } }
      @media (max-width: 577px) {
        .footer__top__address {
          margin-top: 0;
          text-align: center; } }
      .footer__top__address a {
        line-height: 1.6; }
      .footer__top__address > * {
        display: block; }
    .footer__top__social {
      margin-top: 30px; }
      @media (max-width: 577px) {
        .footer__top__social {
          margin-top: 10px; } }
      .footer__top__social > li {
        margin-top:8px;
        margin-right: 20px;
        display: inline-block;
        width:100%;
      }
      .footer-csr__top__social > li:first-child {margin-top: 30px;}
      @media (max-width: 1025px) {
        .footer__top__social > li{width:auto;}
      }


        @media (max-width: 577px) {
          .footer__top__social > li + li {
            margin-left: 10px; } }
        .footer__top__social > li:last-child {
          margin-right: 0; }
        .footer__top__social > li a {
          display: flex; align-items: center;
        }
          .footer__top__social > li a > span.icon-fb {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: inline-block;
            background: #8c8c8c;
            vertical-align: middle;
            margin-right: 10px;
            position: relative;
           }
      .footer__top__social > li a > .pic{
            width: 35px;
            height: 35px;
            /* border-radius: 50%; */
            display: block;
            float:left;
            /* background: #8c8c8c; */
            vertical-align: middle;
            margin-right: 10px;
            position: relative;
            /* padding-top:1px; */
            text-align:center;
            overflow: hidden;
          }
      .footer__top__social > li a > .pic > img{width:100%;display:block;}

            @media (max-width: 577px) {
              .footer__top__social > li a > span:first-child {
                margin-right: 0; } }
            .footer__top__social > li a > span:first-child i {
              color: #3b3e43;
              z-index: 1; }

    @media (max-width: 768px) {
      .footer__top nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .footer__top .btn__top {
      position: absolute;
      right: 0;
      bottom: 20px;
      width: 35px;
      height: 35px;
      background: #ccc;
      border-radius: 50%;
      cursor: pointer; }
      @media (max-width: 768px) {
        .footer__top .btn__top {
          bottom: auto; } }
      .footer__top .btn__top i:before {
        font-size: 20px; }
      .footer__top .btn__top:hover {
        opacity: 0.7; }
  .footer__logo {
    width: 120px;
    height: 60px;
    margin-bottom: 40px; }
    @media (max-width: 577px) {
      .footer__logo {
        margin-left: auto;
        margin-right: auto; } }
  .footer__bottom {
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px 0;
    color: #969696;
    border-top: 1px solid #969696; }
    .footer__bottom li {
      display: inline-block;
      margin-right: 20px; }
    @media (max-width: 768px) {
      .footer__bottom {
        text-align: center;
        -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; } }
    @media (max-width: 577px) {
      .footer__bottom {
        border-top: none;
        padding: 20px 0; } }
  .footer .submenu__row {
    display: inline-block;
    vertical-align: top;
    margin-right: 4.16667vw;
    margin-top: 50px; }
    @media (max-width: 1025px) {
      .footer .submenu__row {
        margin-right: 30px; } }
    .footer .submenu__row:last-child {
      margin-right: 0; }
    .footer .submenu__row ul {
      display: inline-block;
      vertical-align: top;
      color: #969696; }
      .footer .submenu__row ul > li {
        margin-top: 5px; }
      .footer .submenu__row ul + ul {
        margin-left: 2.08333vw; }
    .footer .submenu__row__child + .submenu__row__child {
      margin-top: 50px; }
  .footer .submenu__title {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .footer .dash {
    padding: 0 10px;
    color: #676767; }
    @media (max-width: 577px) {
      .footer .dash {
        padding: 0; } }

.index__hero .item {
  width: 100%;
  height: 100vh; }
  @media (max-width: 768px) {
    .index__hero .item {
      height: 70vh;
      min-height: 485px; } }
  @media (max-width: 577px) {
    .index__hero .item {
      height: calc(var(--vh, 1vh) * 60);
      min-height: 400px; } }

.index__hero .wrap {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: rgba(0, 0, 0, 0.7);
  padding-right: 6.25vw;
  padding-left: 40px; }
  @media (max-width: 768px) {
    .index__hero .wrap {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 100%; } }

.index__hero__text {
  color: #fff;
  max-width: 620px; }
  @media (max-width: 577px) {
    .index__hero__text {
      padding-top: 20px; } }
  .index__hero__text h2 {
    margin-bottom: 20px; }

.index__hero__more {
  margin-top: 70px;
  display: inline-block;
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  -o-transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s; }
  @media (max-width: 1441px) {
    .index__hero__more {
      margin-top: 30px; } }
  .index__hero__more:hover {
    color: #00bce9;
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px); }
    .index__hero__more:hover i {
      border-color: #00bce9; }
  .index__hero__more i {
    position: relative;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s; }
  .index__hero__more i:before {
    position: absolute;
    left: 10%;
    top: 40%;
    -webkit-transform: scale(0.5) translate(-50%, -50%);
        -ms-transform: scale(0.5) translate(-50%, -50%);
            transform: scale(0.5) translate(-50%, -50%); }

.index__hero .slick-active h2 {
  -webkit-animation: fade-left-tiny 0.5s 0.5s both;
          animation: fade-left-tiny 0.5s 0.5s both; }

.index__hero .slick-active .index__hero__descr {
  -webkit-animation: fade-left-tiny 0.5s 0.7s both;
          animation: fade-left-tiny 0.5s 0.7s both; }

.index__hero .slick-active .index__hero__more {
  -webkit-animation: fade-left-tiny 0.5s 0.9s both;
          animation: fade-left-tiny 0.5s 0.9s both; }

.index__products {
  display: -webkit-box;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: fade-up-ab 0.8s 1.5s both;
          animation: fade-up-ab 0.8s 1.5s both;
  width: 100%; }
  @media (max-width: 768px) {
    .index__products {
      position: relative;
      left: 0;
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0);
      -webkit-animation: none;
              animation: none;
      background: #0061a9;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  @media (max-width: 577px) {
    .index__products h4 {
      font-size: 16px;
      line-height: 1.2;
      font-weight: normal; } }
  .index__products li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    position: relative;
    max-width: 247px; }
    .index__products li:before {
      content: '';
      display: block;
      padding-top: 100%; }
    .index__products li a {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      background: #0061a9;
      color: #fff;
      border: 1px solid #2075b3;
      -webkit-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s; }
      .index__products li a h4 {
        position: absolute;
        left: 50%;
        bottom: 5%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center;
        width: 100%; }
      .index__products li a:hover, .index__products li a:active {
        background: #00bce9; }
    .index__products li img {
      display: block;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 40%;
      margin-bottom: 20px; }
  .index__products__wrap {
    position: relative;
    height: 350px; }
    @media (max-width: 768px) {
      .index__products__wrap {
        height: auto; } }

.index__news {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (max-width: 577px) {
    .index__news .c__1480 {
      width: 100%; }
    .index__news:after {
      display: none; } }
  .index__news:after {
    content: '';
    width: 100%;
    height: 58.8%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f2f2f2;
    z-index: -1; }
  .index__news__nav {
    width: 100%;
    border-bottom: 1px solid #aaa;
    margin-bottom: 50px;
    -webkit-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    transition: max-height 0.5s; }
    @media (max-width: 577px) {
      .index__news__nav {
        border: 1px solid #00bce9;
        max-height: 50px;
        overflow: hidden;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px; }
        .index__news__nav.active {
          max-height: 200px; } }
    .index__news__nav > li {
      display: inline-block;
      position: relative;
      margin: 0 10px;
      padding: 20px 0;
      cursor: pointer;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      .index__news__nav > li:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 0%;
        height: 4px;
        background: #00bce9;
        -webkit-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s; }
      .index__news__nav > li:hover, .index__news__nav > li.active {
        color: #00bce9; }
        .index__news__nav > li:hover:after, .index__news__nav > li.active:after {
          width: 100%; }
      @media (max-width: 577px) {
        .index__news__nav > li {
          display: block;
          padding: 10px 0; }
          .index__news__nav > li:first-child:before {
            content: '▽';
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 18px;
            line-height: 1; }
          .index__news__nav > li:after {
            display: none; } }
  .index__news__content a {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%; }
    .index__news__content a:hover .imgFill {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    .index__news__content a:hover .imgFill:after {
      -webkit-transform: translate(-50%, -50%) scale(0.955) !important;
          -ms-transform: translate(-50%, -50%) scale(0.955) !important;
              transform: translate(-50%, -50%) scale(0.955) !important; }
  .index__news__content .imgFill {
    width: 100%;
    padding-bottom: 60%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative; }
    .index__news__content .imgFill:after {
      -webkit-transition: -webkit-transform 0.5s;
      transition: -webkit-transform 0.5s;
      -o-transition: transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s, -webkit-transform 0.5s; }
  .index__news__content__text {
    position: relative;
    z-index: 1;
    background: #fff;
    text-align: left;
    padding: 20px; }
    .index__news__content__text .tag {
      text-transform: uppercase;
      color: #0061a9; }
    .index__news__content__text .date {
      color: #aaa; }
    .index__news__content__text h4 {
      margin-top: 10px; }
  .index__news .btn__main {
    margin-top: 80px; }
    @media (max-width: 577px) {
      .index__news .btn__main {
        margin-top: 20px; } }
  .index__news .slick-arrow {
    top: 30%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff; }
  .index__news .slick-disabled {
    opacity: 0.6; }
  .index__news .slick-next {
    right: 20px; }
  .index__news .slick-prev {
    left: 20px; }

.index__solar__total {
  width: 100%;
  color: #fff;
  padding: 100px 20px; }
  .index__solar__total h3 {
    margin-bottom: 20px; }
  .index__solar__total .fz16 {
    margin-bottom: 20px; }
  .index__solar__total .title {
    color: #b2b2b2; }
  @media (max-width: 577px) {
    .index__solar__total {
      display: -webkit-box;
      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;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100vh; }
      .index__solar__total .fz20 {
        color: #aaa; } }

.index__solar__data > li {
  display: inline-block; }
  @media (max-width: 768px) {
    .index__solar__data > li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .index__solar__data > li + li:before {
    content: '';
    width: 17px;
    height: 40px;
    display: inline-block;
    background: url("../images/00-public/dash.png") center no-repeat;
    background-size: contain;
    margin-right: 30px; }
    @media (max-width: 768px) {
      .index__solar__data > li + li:before {
        display: none; } }
  .index__solar__data > li > div {
    display: inline-block;
    margin-right: 20px; }
    @media (max-width: 768px) {
      .index__solar__data > li > div {
        width: 49%;
        margin-right: 0; }
        .index__solar__data > li > div:first-child {
          text-align: right;
          padding-right: 20px; } }
    .index__solar__data > li > div > div {
      line-height: 1.2;
      text-align: left; }
      .index__solar__map {
        background: url("../images/01-index/5.jpg") center no-repeat;
        background-size: cover;
        padding: 50px 0; }
        .index__solar__map__wrap {
          position: relative;
          padding-top: 50px;
          margin-top: 50px;
          position: relative;
          width: 90%;
          max-width: 1360px; }
          @media (max-width: 1025px) {
            .index__solar__map__wrap > img {
              width: 40%; } }
          @media (max-width: 577px) {
            .index__solar__map__wrap > img {
              width: 60%; } }
          @media (max-width: 768px) {
            .index__solar__map__wrap {
              margin-top: 20px; } }
        @media (min-width: 1025px) {
          .index__solar__map__content {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-35%, -50%);
                -ms-transform: translate(-35%, -50%);
                    transform: translate(-35%, -50%);
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            .index__solar__map__content > * {
              -webkit-box-flex: 0;
                  -ms-flex: 0 1 50%;
                      flex: 0 1 50%;
              max-width: 50%; } }
        .index__solar__map__content .slick-arrow {
          top: 15px; }
        @media (max-width: 1025px) {
          .index__solar__map__content {
            width: 70%;
            margin-top: 30px;
            margin-left: auto;
            margin-right: auto; } }
        .index__solar__map__text {
          text-align: left;
          margin-bottom: 20px;
          padding-left: 2.08333vw; }
          .index__solar__map__text .mb30 {
            margin-bottom: 30px; }
          @media (min-width: 1025px) {
            .index__solar__map__text .fc-red {
              margin-bottom: 10px; } }
          @media (max-width: 1025px) {
            .index__solar__map__text {
              text-align: center; }
              .index__solar__map__text .fc-red {
                font-size: 18px;
                text-align: center;
                color: #000;
                margin-bottom: 20px; } }

.about__textwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2; }
  @media (max-width: 1025px) {
    .about__textwrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .about__textwrap.reverse .text {
    padding-left: 0;
    padding-right: 60px; }
    @media (max-width: 1025px) {
      .about__textwrap.reverse .text {
        padding: 30px; } }
    @media (max-width: 768px) {
      .about__textwrap.reverse .text {
        padding: 20px 0; } }
  .about__textwrap .text {
    padding-left: 60px; }
    @media (max-width: 1025px) {
      .about__textwrap .text {
        padding: 30px; } }
    @media (max-width: 768px) {
      .about__textwrap .text {
        padding: 20px 0; } }

.about__history {
  background: url("../images/02-about/bg-history.jpg") center no-repeat;
  background-size: cover;
  padding: 6.77083vw 0;
  line-height: 2; }

.about__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .about__video > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    padding: 0vw 0vw; }
  .about__video a {
    display: block; }
  .about__video .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 577px) {
    .about__video {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .about__video > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%; } }
  .about__video .block {
    position: relative;
    padding: 100px 20px;
    cursor: pointer;
    overflow: hidden; }
    .about__video .block:hover .block__img {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    .about__video .block__img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 0.5s;
      transition: -webkit-transform 0.5s;
      -o-transition: transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s, -webkit-transform 0.5s; }
    .about__video .block__content {
      position: relative;
      z-index: 1;
      color: #fff;
      text-align: center; }
      .about__video .block__content > * {
        display: block; }
      .about__video .block__content img {
        width: 60px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto; }

.about__philosophy {
  line-height: 2; }
  .about__philosophy .block {
    position: relative; }
    .about__philosophy .block__wrap {
      margin-top: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      width: 100%; }
      .about__philosophy .block__wrap > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 33.33333%;
                flex: 0 1 33.33333%;
        max-width: 33.33333%;
        padding: 0vw 1.5625vw; }
      .about__philosophy .block__wrap a {
        display: block; }
      .about__philosophy .block__wrap .full {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        max-width: 100%; }
      @media (max-width: 577px) {
        .about__philosophy .block__wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .about__philosophy .block__wrap > * {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%;
            max-width: 100%; } }
    .about__philosophy .block h4 {
      margin-bottom: 20px;
      text-transform: uppercase; }
    .about__philosophy .block img {
      margin-bottom: 30px;
      min-height: 125px; }
    .about__philosophy .block:first-child img {
      width: 100px; }
    .about__philosophy .block:nth-child(2) img {
      width: 145px; }
    .about__philosophy .block:nth-child(3) img {
      width: 150px; }
    @media (max-width: 577px) {
      .about__philosophy .block + .block {
        margin-top: 30px;
        padding-top: 30px; } }
    .about__philosophy .block + .block:before {
      content: '';
      width: 1px;
      height: 180px;
      background: #eee;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (max-width: 577px) {
        .about__philosophy .block + .block:before {
          left: 50%;
          top: 0;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: 100%;
          height: 1px; } }

.about__management .block.active .block__detail {
  max-height: 500px;
  padding-top: 40px;
  opacity: 1; }
  @media (max-width: 1025px) {
    .about__management .block.active .block__detail {
      padding-top: 30px; } }

.about__management .block.active .block__btn {
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0; }

.about__management .block__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  position: relative;
  margin-top: 50px;
  max-width: 1200px; }
  .about__management .block__wrap > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    padding: 20px 20px; }
  .about__management .block__wrap a {
    display: block; }
  .about__management .block__wrap .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 1025px) {
    .about__management .block__wrap > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }
  @media (max-width: 577px) {
    .about__management .block__wrap > * {
      padding-left: 0;
      padding-right: 0; } }

.about__management .block__content {
  cursor: pointer;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #aaa;
  padding: 0 30px;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s; }
  @media (max-width: 577px) {
    .about__management .block__content {
      padding: 0 10px; } }
  .about__management .block__content:hover {
    border-color: #0061a9; }
    .about__management .block__content:hover .block__btn img {
      -webkit-transform: translate(-50%, -20%);
          -ms-transform: translate(-50%, -20%);
              transform: translate(-50%, -20%); }

.about__management .block__title span {
  display: inline-block;
  margin: 5px; }
  @media (max-width: 577px) {
    .about__management .block__title span {
      display: block; } }

.about__management .block__btn {
  position: relative;
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #0061a9;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }
  .about__management .block__btn img {
    width: 25px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -35%);
        -ms-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

.about__management .block__detail {
  position: relative;
  z-index: 5;
  padding-top: 0px;
  width: 1180px;
  max-width: 207%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s, opacity 0.5s, padding 0.5s;
  -o-transition: max-height 0.5s, opacity 0.5s, padding 0.5s;
  transition: max-height 0.5s, opacity 0.5s, padding 0.5s;
  opacity: 0; }
  @media (max-width: 1025px) {
    .about__management .block__detail {
      width: 100%;
      left: 0; } }
  .about__management .block__detail img {
    position: absolute;
    z-index: -1;
    width: 40px;
    top: -20px; }
  .about__management .block__detail__content {
    position: relative;
    padding: 30px;
    background: #0061a9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff; }
    .about__management .block__detail__content .content {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.33333%;
              flex: 0 1 33.33333%;
      max-width: 33.33333%;
      padding-right: 30px;
      max-width: 300px; }
      @media (max-width: 768px) {
        .about__management .block__detail__content .content {
          padding-right: 0;
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          max-width: 100%; }
          .about__management .block__detail__content .content + .content {
            margin-top: 30px; } }
      .about__management .block__detail__content .content__title {
        margin-bottom: 20px; }
        @media (max-width: 768px) {
          .about__management .block__detail__content .content__title {
            margin-bottom: 10px; } }
      .about__management .block__detail__content .content:last-child .content__wrap {
        padding-right: 0; }

.about__management .block:nth-child(odd) .block__detail img {
  left: 30px; }
  @media (max-width: 1025px) {
    .about__management .block:nth-child(odd) .block__detail img {
      left: auto;
      right: 30px; } }

.about__management .block:nth-child(even) .block__detail {
  -webkit-transform: translateX(-51.7%);
      -ms-transform: translateX(-51.7%);
          transform: translateX(-51.7%); }
  @media (max-width: 1025px) {
    .about__management .block:nth-child(even) .block__detail {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }
  .about__management .block:nth-child(even) .block__detail img {
    right: 30px; }

.about__organization {
  background: #f8f8f8; }
  .about__organization img {
    margin-top: 30px; }

.about__office {
  background: #e6e6e6; }
  .about__office__slick .office {
    line-height: 2;
    padding: 0 10px; }
    .about__office__slick .office__title {
      margin-bottom: 20px; }
    .about__office__slick .office__ul {
      color: #404040;
      line-height: 1.5;
      max-width: 450px; }
      .about__office__slick .office__ul > li + li {
        margin-top: 15px; }
  .about__office__slick .slick-list {
    width: 90%;
    position: static;
    max-width: 1470px;
    margin: 0 auto; }

.about__related__slick {
  margin-top: 30px; }
  .about__related__slick li {
    padding: 0 20px; }
  .about__related__slick a {
    text-align: center;
    display: block; }
  .about__related__slick .img {
    margin-bottom: 20px;
    min-height: 90px;
    text-align: center; }
  .about__related__slick .slick-list {
    width: 90%;
    position: static;
    max-width: 1470px;
    margin: 0 auto; }

.history__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .history__img > .img {
    width: 50%;
    overflow: hidden; }
    @media (max-width: 577px) {
      .history__img > .img {
        width: 100%; } }

.history__all {
  background: url("../images/02-about/history/bg-history.jpg") center no-repeat;
  background-size: cover; }
  .history__all__slick {
    max-width: 1300px;
    margin: 0 auto; }
    .history__all__slick .block__year {
      display: inline-block;
      position: relative;
      font-weight: bold;
      font-style: italic;
      color: #00bce9;
      -webkit-transition: color 0.8s;
      -o-transition: color 0.8s;
      transition: color 0.8s;
      font-size: 40px; }
      @media (max-width: 1281px) {
        .history__all__slick .block__year {
          display: block;
          text-align: center; } }
      .history__all__slick .block__year:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -30px;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #00bce9;
        -webkit-transition: background 0.8s, width 0.5s, height 0.5s;
        -o-transition: background 0.8s, width 0.5s, height 0.5s;
        transition: background 0.8s, width 0.5s, height 0.5s; }
    .history__all__slick .block__content {
      margin-top: 80px;
      margin-left: 30px;
      opacity: 0;
      -webkit-transition: opacity 0.8s;
      -o-transition: opacity 0.8s;
      transition: opacity 0.8s; }
      .history__all__slick .block__content ul {
        list-style: none;
        -webkit-padding-start: 0;
                padding-inline-start: 0;
        padding: 0;
        margin: 0;
        line-height: 2; }
        .history__all__slick .block__content ul > li {
          position: relative;
          padding-left: 30px; }
          .history__all__slick .block__content ul > li:before {
            content: '';
            width: 15px;
            height: 1px;
            background: #0060a9;
            position: absolute;
            left: 0;
            top: 1rem; }
    @media (max-width: 1281px) {
      .history__all__slick .block.slick-current {
        min-width: 1px; } }
    .history__all__slick .block.slick-current .block__year {
      color: #0061a9; }
      .history__all__slick .block.slick-current .block__year:after {
        background: #0061a9;
        width: 20px;
        height: 20px; }
    .history__all__slick .block.slick-current .block__content {
      opacity: 1; }
    .history__all__slick .slick-arrow {
      top: 80px;
      background: #eee; }
  .history__all .c__1570 {
    position: relative; }
  .history__all .slick-slider {
    position: static; }

.history__line {
  width: 80%;
  position: absolute;
  left: 9.375vw;
  top: 80px;
  border-top: 2px dotted #aaa; }
  @media (max-width: 1281px) {
    .history__line {
      width: 100%;
      left: 0; } }

.quality__slider {
  background: url("../images/02-about/quality/5.jpg") center no-repeat;
  background-size: cover; }
  .quality__slider__wrap {
    position: relative;
    max-width: 1120px;
    margin: 0 auto; }
    .quality__slider__wrap .slick-slider {
      position: static; }
  .quality__slider__slick {
    color: #fff;
    max-width: 870px;
    margin: 0 auto; }
    .quality__slider__slick .wrap {
      margin: 0 auto;
      width: 150px;
      height: 150px;
      padding: 20px;
      border-radius: 50%;
      border: 2px solid #fff;
      -webkit-transition: background 0.5s, border 0.5s;
      -o-transition: background 0.5s, border 0.5s;
      transition: background 0.5s, border 0.5s; }
      .quality__slider__slick .wrap .fz22 {
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
      .quality__slider__slick .wrap .fz22:after {
        content: '+';
        font-size: 40px;
        display: block;
        line-height: 1;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        height: 0;
        -webkit-transition: height 0.3s, -webkit-transform 0.3s;
        transition: height 0.3s, -webkit-transform 0.3s;
        -o-transition: transform 0.3s, height 0.3s;
        transition: transform 0.3s, height 0.3s;
        transition: transform 0.3s, height 0.3s, -webkit-transform 0.3s; }
      .quality__slider__slick .wrap:hover {
        background: #00bce9;
        border-color: #00bce9; }
        .quality__slider__slick .wrap:hover .fz22 {
          -webkit-transform: translateY(10px);
              -ms-transform: translateY(10px);
                  transform: translateY(10px); }
        .quality__slider__slick .wrap:hover .fz22:after {
          content: '+';
          display: block;
          height: 50px;
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1); }
    .quality__slider__slick .slick-arrow {
      color: #fff; }
    .quality__slider__slick .slick-disabled {
      color: #818181; }

.global__sites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  margin-top: 50px; }
  .global__sites > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
    padding: 2.60417vw 2.60417vw; }
  .global__sites a {
    display: block; }
  .global__sites .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 1441px) {
    .global__sites > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%; } }
  @media (max-width: 768px) {
    .global__sites > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; }
      .global__sites > * + * {
        margin-top: 80px; } }
  @media (max-width: 577px) {
    .global__sites > * {
      padding: 0; } }
  .global__sites a {
    display: inline-block;
    width: auto;
    height: auto; }
  .global__sites__address i:before {
    font-size: 22px;
    color: #fc0506; }
  .global__sites__text {
    min-height: 230px; }
    @media (max-width: 768px) {
      .global__sites__text {
        min-height: 1px; } }
    .global__sites__text > * + * {
      margin-top: 20px; }
  .global__sites__place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .global__sites__place h4 {
      margin-bottom: 0; }
  .global__sites__country {
    margin-left: 20px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #0061a9;
    color: #fff; }
  .global__sites__contact > li a {
    text-decoration: underline; }
  .global__sites__contact > li + li {
    margin-top: 5px; }
  .global__sites__img {
    margin-top: 30px;
    width: 100%;
    height: 0;
    padding-bottom: 55%; }

.global__office {
  position: relative;
  background: url("../images/02-about/global/4.jpg") center no-repeat;
  background-size: cover; }
  .global__office__nav {
    margin-top: 50px; }
    .global__office__nav > li {
      display: inline-block;
      width: 145px;
      padding: 5px 20px;
      margin: 20px;
      border: 1px solid #000;
      text-align: center;
      cursor: pointer;
      -webkit-transition: background 0.3s, border-color 0.3s, color 0.3s;
      -o-transition: background 0.3s, border-color 0.3s, color 0.3s;
      transition: background 0.3s, border-color 0.3s, color 0.3s; }
      @media (max-width: 768px) {
        .global__office__nav > li {
          margin: 5px; } }
      @media (max-width: 577px) {
        .global__office__nav > li {
          width: 40%;
          margin: 5px; } }
      .global__office__nav > li:hover, .global__office__nav > li.active {
        background: #00bce9;
        border-color: #00bce9;
        color: #fff; }
  .global__office__target {
    margin-top: 100px; }
    @media (max-width: 1025px) {
      .global__office__target {
        margin-top: 50px; } }
  .global__office__content {
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto; }
    .global__office__content .slick-list {
      position: static;
      width: 85%;
      margin: 0 auto; }
    @media (max-width: 768px) {
      .global__office__content .slick-slide {
        text-align: center;
        padding: 0 40px; } }
    .global__office__content .slick-slide > * + * {
      margin-top: 30px; }
    .global__office__content .slick-slide h4 {
      margin-bottom: 0; }
    .global__office__content .slick-slide a {
      display: inline-block; }

.news__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .news__wrap > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
    padding: 1.5625vw 0.52083vw; }
  .news__wrap a {
    display: block; }
  .news__wrap .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 768px) {
    .news__wrap > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%; } }
  @media (max-width: 577px) {
    .news__wrap > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }
  .news__wrap a {
    overflow: hidden; }
    .news__wrap a:hover .imgFill {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    .news__wrap a:hover h3 {
      color: #00bce9; }
  .news__wrap h3 {
    padding-top: 10px;
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    background: #fff; }
  .news__wrap .imgFill {
    display: block;
    width: 100%;
    padding-bottom: 60%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative; }
  .news__wrap .text {
    text-align: left;
    padding: 20px;
    position: relative;
    z-index: 5;
    background: #fff; }
    .news__wrap .text .tag {
      text-transform: uppercase;
      color: #0061a9; }
    .news__wrap .text .date {
      color: #aaa; }

.news__video .imgFill:before {
  background: rgba(0, 0, 0, 0.4); }

.news__video .imgFill:after {
  width: 60px;
  height: 60px;
  content: '';
  background: url("../images/00-public/icon-play.svg") center no-repeat;
  background-size: contain; }

.new__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 80px; }
  @media (max-width: 1281px) {
    .new__header {
      -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;
      margin-bottom: 50px; }
      .new__header > * + * {
        margin-top: 5px; } }
  .new__header__tag {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #aaa; }
    @media (max-width: 1281px) {
      .new__header__tag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: none; }
        .new__header__tag > * {
          margin-right: 10px; } }
  .new__header__social {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1281px) {
      .new__header__social {
        margin-left: 0; } }
    .new__header__social > li {
      border-radius: 50%;
      margin: 5px; }
      .new__header__social > li > a {
        border-radius: 50%;
        width: 45px;
        height: 45px;
        color: #fff;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s; }
        .new__header__social > li > a.fb {
          background: #3c5a9a; }
        .new__header__social > li > a.linkin {
          background: #1b80b4; }
        .new__header__social > li > a i {
          line-height: 1; }
        .new__header__social > li > a i:before {
          font-size: 1.5rem; }
        .new__header__social > li > a:hover {
          opacity: 0.8; }
      .new__header__social > li:first-child {
        margin-left: 0; }

.new__content {
  line-height: 2; }
  .new__content__video {
    margin: 80px auto 80px auto;
    text-align: center; }
    .new__content__video .video {
      display: block;
      position: relative;
      height: 0;
      width: 1280px;
      max-width: 100%;
      padding-bottom: 56.25%;
      margin: 0 auto; }
      .new__content__video .video__title {
        margin-top: 20px; }
    .new__content__video iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: none; }

.new__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 20px;
  background: #f8f8f8; }
  @media (max-width: 577px) {
    .new__footer {
      padding: 50px 0; } }
  .new__footer > li > a {
    display: block;
    padding: 10px 50px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
    @media (max-width: 577px) {
      .new__footer > li > a {
        padding: 10px 10px; } }
    .new__footer > li > a:hover, .new__footer > li > a:active {
      color: #0061a9; }
  .new__footer > li:nth-child(2) {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa; }
    @media (max-width: 577px) {
      .new__footer > li:nth-child(2) {
        padding: 0px 20px; } }
  .new__footer > li img {
    width: 30px;
    margin: 0 10px; }

.product__new {
  background: #f2f2f2; }

.product__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .product__list > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
            flex: 0 1 20%;
    max-width: 20%;
    padding: 1.04167vw 1.04167vw; }
  .product__list a {
    display: block; }
  .product__list .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 1025px) {
    .product__list > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.33333%;
              flex: 0 1 33.33333%;
      max-width: 33.33333%;
      padding: 20px; } }
  @media (max-width: 577px) {
    .product__list > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }
  .product__list > li {
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s; }
    .product__list > li:hover {
      border: 1px solid #aaa; }
      .product__list > li:hover .wrap .img:before {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .product__list > li .wrap {
      height: 100%;
      position: relative; }
      .product__list > li .wrap > a {
        padding-bottom: 80px;
        line-height: 1.6; }
        .product__list > li .wrap > a > * + * {
          margin-top: 20px; }
      .product__list > li .wrap .img {
        position: relative;
        min-height: 200px; }
        .product__list > li .wrap .img:before {
          content: 'Detail';
          position: absolute;
          z-index: 2;
          left: 50%;
          top: 50%;
          width: 150px;
          height: 150px;
          border-radius: 50%;
          background: #0061a9;
          color: #fff;
          font-weight: lighter;
          font-size: 25px;
          opacity: 0;
          -webkit-transform: translate(-50%, -45%);
              -ms-transform: translate(-50%, -45%);
                  transform: translate(-50%, -45%);
          -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
          transition: opacity 0.5s, -webkit-transform 0.5s;
          -o-transition: opacity 0.5s, transform 0.5s;
          transition: opacity 0.5s, transform 0.5s;
          transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }
  .product__list__func {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product__list__func > li {
      width: 48%; }
      .product__list__func > li:first-child a {
        background: #999999; }
      .product__list__func > li:last-child {
        margin-left: auto; }
        .product__list__func > li:last-child a {
          background: #0061a9; }
      .product__list__func > li > a {
        text-align: center;
        display: block;
        color: #fff;
        padding: 5px 20px;
        white-space: nowrap; }
        .product__list__func > li > a:hover {
          opacity: 0.8; }

.product__searchbtn {
  padding: 20px;
  background: #e6e6e6; }
  .product__searchbtn .btn__search:hover .fc-sub {
    color: #0061a9; }
  .product__searchbtn .btn__search:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  .product__searchbtn .fc-sub {
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
  .product__searchbtn img {
    margin-top: 10px;
    width: 40px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

.product__category .product__list > li {
  position: relative; }
  .product__category .product__list > li:hover:before {
    opacity: 1; }
  .product__category .product__list > li:before {
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none; }
  .product__category .product__list > li .wrap h4 {
    color: #0061a9; }
  .product__category .product__list > li .wrap > a {
    padding-bottom: 0; }

.product__addinquiry {
  background: #f2f2f2;
  width: 830px;
  padding: 30px; }
  @media (max-width: 1025px) {
    .product__addinquiry {
      width: 80%; } }
  .product__addinquiry > * + * {
    margin-top: 20px; }
  .product__addinquiry .fz35 {
    color: #2e3976; }
  .product__addinquiry .btn__close {
    position: absolute;
    right: 0;
    top: -40px;
    color: #fff;
    cursor: pointer; }
  .product__addinquiry__btns {
    margin-top: 40px; }
    .product__addinquiry__btns > a {
      display: inline-block;
      width: 48%;
      padding: 20px 20px;
      background: #2e3976;
      border-radius: 5px;
      margin: 5px;
      color: #fff; }
      .product__addinquiry__btns > a:hover, .product__addinquiry__btns > a:active {
        background: #424b7a; }
      @media (max-width: 577px) {
        .product__addinquiry__btns > a {
          width: 100%;
          margin: 5px 0; } }

.product__browse {
  padding: 30px 0; }
  .product__browse .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .product__browse .row > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.33333%;
              flex: 0 1 33.33333%;
      max-width: 33.33333%;
      padding: 10px 10px; }
    .product__browse .row a {
      display: block; }
    .product__browse .row .full {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
      max-width: 100%; }
    @media (max-width: 1025px) {
      .product__browse .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        width: 100%; }
        .product__browse .row > * {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 50%;
                  flex: 0 1 50%;
          max-width: 50%;
          padding: 10px 10px; }
        .product__browse .row a {
          display: block; }
        .product__browse .row .full {
          -webkit-box-flex: 100%;
              -ms-flex: 100%;
                  flex: 100%;
          max-width: 100%; } }
    @media (max-width: 577px) {
      .product__browse .row > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%; } }
    .product__browse .row__child {
      min-width: 220px; }
  .product__browse .btn__clear {
    cursor: pointer;
    background: #4d4d4d;
    color: #fff; }
    .product__browse .btn__clear:hover {
      background: #6d6d6d; }

.product__search {
  padding: 10px 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  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; }
  @media (max-width: 1025px) {
    .product__search {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .product__search > * {
        margin-left: 0 !important; } }
  .product__search > * {
    margin-top: 7.5px;
    margin-bottom: 7.5px; }
  .product__search .btn {
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff; }
    .product__search .btn:hover {
      opacity: 0.8; }
    .product__search .btn__clear {
      background: #ffa124;
      cursor: pointer;
      border: none; }
    .product__search .btn__search {
      min-width: 110px;
      background: #1a8aa9; }
      @media (max-width: 577px) {
        .product__search .btn__search {
          margin-left: 0; } }
  .product__search .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    min-width: 970px;
    flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .product__search .row > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 33.33333%;
              flex: 0 1 33.33333%;
      max-width: 33.33333%;
      padding: 10px 10px; }
    .product__search .row a {
      display: block; }
    .product__search .row .full {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
      max-width: 100%; }
    .product__search .row__child {
      min-width: 220px; }
    @media (max-width: 1025px) {
      .product__search .row {
        min-width: 1px;
        width: 100%; }
        .product__search .row > * {
          padding-top: 10px;
          padding-bottom: 10px;
          -webkit-box-flex: 0;
              -ms-flex: 0 1 50%;
                  flex: 0 1 50%;
          max-width: 50%; } }
    @media (max-width: 577px) {
      .product__search .row > * {
        padding: 10px;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%; } }
  .product__search .keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product__search .keyword > input,
    .product__search .keyword a {
      min-width: 220px; }
    @media (max-width: 577px) {
      .product__search .keyword {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .product__search .keyword > input,
        .product__search .keyword a {
          width: 100%;
          margin-bottom: 20px; } }

.product__innerlist {
  margin: 50px auto 50px auto; }
  .product__innerlist > li {
    background: #fff;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    @media (max-width: 768px) {
      .product__innerlist > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center; } }
    .product__innerlist > li + li {
      margin-top: 20px; }
  .product__innerlist .img {
    position: relative;
    padding: 20px 30px;
    min-width: 310px;
    border-right: 1px solid #ccc; }
    .product__innerlist .img:hover:before {
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .product__innerlist .img:hover:after {
      opacity: 1; }
    .product__innerlist .img:before {
      content: 'Detail';
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: #0061a9;
      color: #fff;
      font-weight: lighter;
      font-size: 25px;
      opacity: 0;
      -webkit-transform: translate(-50%, -45%);
          -ms-transform: translate(-50%, -45%);
              transform: translate(-50%, -45%);
      -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
      transition: opacity 0.5s, -webkit-transform 0.5s;
      -o-transition: opacity 0.5s, transform 0.5s;
      transition: opacity 0.5s, transform 0.5s;
      transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }
    .product__innerlist .img:after {
      background: rgba(0, 0, 0, 0.7);
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s; }
    @media (max-width: 768px) {
      .product__innerlist .img {
        border-right: none; } }
  .product__innerlist .content {
    padding: 20px 40px;
    line-height: 2; }
    @media (max-width: 577px) {
      .product__innerlist .content {
        padding: 20px; } }
    .product__innerlist .content__tag {
      margin-bottom: 10px;
      margin-left: -5px; }
      .product__innerlist .content__tag > li {
        display: inline-block;
        margin: 5px;
        padding: 0 10px;
        text-align: center;
        color: #fff;
        background: #999999; }
  .product__innerlist .product__btns {
    padding: 10px 20px 10px 0; }
    @media (max-width: 768px) {
      .product__innerlist .product__btns {
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-left: 0;
        padding: 0; } }
    @media (max-width: 768px) {
      .product__innerlist .product__btns .btn {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0px;
                flex: 1 1 0;
        height: 100%;
        padding: 0;
        margin: 0; }
        .product__innerlist .product__btns .btn img {
          display: none; } }

.product__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  @media (max-width: 768px) {
    .product__detail {
      -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; } }
  .product__detail__img {
    padding: 30px;
    border: 1px solid #ccc;
    min-width: 500px;
    max-width: 500px; }
    @media (max-width: 1281px) {
      .product__detail__img {
        min-width: 1px;
        min-width: 300px; } }
  .product__detail__info {
    padding-left: 3.125vw;
    width: 100%; }
    .product__detail__info .head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-bottom: 20px;
      margin-bottom: 40px;
      border-bottom: 1px solid #000; }
      @media (max-width: 768px) {
        .product__detail__info .head {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          margin-bottom: 20px; } }
      .product__detail__info .head h2 {
        margin-bottom: 0; }
      .product__detail__info .head__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 5px; }
        @media (max-width: 768px) {
          .product__detail__info .head__title {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-bottom: 10px; } }
        .product__detail__info .head__title > * {
          margin-right: 30px; }
          @media (max-width: 768px) {
            .product__detail__info .head__title > * {
              margin-right: 0; } }
      .product__detail__info .head__certify {
        margin-top: 5px; }
    .product__detail__info .body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media (max-width: 577px) {
        .product__detail__info .body {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .product__detail__info .body__feature ul {
        margin-top: 20px;
        margin-left: 20px;
        padding: 0;
        line-height: 2; }
      .product__detail__info .body__link .btn {
        display: block;
        width: 115px;
        height: 115px; }
    @media (max-width: 577px) {
      .product__detail__info .product__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 80px; } }
    @media (max-width: 577px) {
      .product__detail__info .product__btns .btn {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0px;
                flex: 1 1 0;
        height: 100%;
        padding: 0;
        margin: 0;
        font-size: 14px; }
        .product__detail__info .product__btns .btn img {
          display: none; } }

.product__download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .product__download > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    padding: 0.52083vw 1.04167vw; }
  .product__download a {
    display: block; }
  .product__download .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 577px) {
    .product__download > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }
  .product__download > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    border: 1px solid #ccc;
    -webkit-transition: background 0.3s, color 0.3s, border-color 0.3s;
    -o-transition: background 0.3s, color 0.3s, border-color 0.3s;
    transition: background 0.3s, color 0.3s, border-color 0.3s; }
    .product__download > li a i:before {
      font-size: 36px;
      color: #bfbfbf;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
    .product__download > li a:hover, .product__download > li a:active {
      background: #0061a9;
      color: #fff;
      border-color: #0061a9; }
      .product__download > li a:hover i:before, .product__download > li a:active i:before {
        color: #fff; }

.product__inquiry > li {
  display: -webkit-box;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #ccc; }
  @media (max-width: 577px) {
    .product__inquiry > li {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .product__inquiry > li:last-child {
    border-bottom: 1px solid #ccc; }

.product__inquiry__product {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 577px) {
    .product__inquiry__product {
      padding: 20px 0; } }
  .product__inquiry__product .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1281px) {
      .product__inquiry__product .text {
        -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; } }
    .product__inquiry__product .text .fc-main {
      min-width: 200px; }
    .product__inquiry__product .text > * {
      margin-right: 20px; }
      @media (max-width: 1281px) {
        .product__inquiry__product .text > * {
          margin-right: 0; } }
  .product__inquiry__product > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 20px;
    min-width: 50px; }
    .product__inquiry__product > a img {
      width: 60px; }

.product__inquiry__func {
  padding: 20px; }
  @media (max-width: 577px) {
    .product__inquiry__func {
      width: 100%;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .product__inquiry__func > a {
    padding: 0 30px;
    border-left: 1px solid #ccc; }
    @media (max-width: 1025px) {
      .product__inquiry__func > a {
        display: block; }
        .product__inquiry__func > a + a {
          margin-top: 10px; } }
    @media (max-width: 577px) {
      .product__inquiry__func > a {
        font-size: 14px;
        border: none;
        padding: 10px;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0px;
                flex: 1 1 0;
        text-align: center;
        color: #fff; }
        .product__inquiry__func > a + a {
          margin-top: 0; }
        .product__inquiry__func > a img {
          display: none; } }
    @media (min-width: 576px) {
      .product__inquiry__func > a:hover {
        color: #0061a9; } }
    .product__inquiry__func > a:last-child {
      padding-right: 0; }
    .product__inquiry__func > a img {
      width: 25px;
      margin-right: 20px; }
  @media (max-width: 577px) {
    .product__inquiry__func .btn-sheet {
      background: #0061a9; } }
  @media (max-width: 577px) {
    .product__inquiry__func .btn-delete {
      background: #ffa124; } }

.product__inquiry__delete {
  display: -webkit-box;
  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;
  cursor: pointer;
  margin-top: 50px; }
  .product__inquiry__delete:hover {
    color: #0061a9; }
  .product__inquiry__delete img {
    width: 30px;
    margin-right: 20px; }

.product__btns {
  margin-left: auto; }
  .product__btns .btn {
    display: -webkit-box;
    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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    width: 115px;
    height: 115px;
    margin: 10px 0; }
    .product__btns .btn:hover {
      opacity: 0.8; }
    .product__btns .btn img {
      margin-bottom: 10px; }
    .product__btns .btn span {
      display: block; }
    .product__btns .btn__inquiry {
      background: #999999; }
      .product__btns .btn__inquiry img {
        width: 50px; }
    .product__btns .btn__sheet {
      background: #0061a9; }
      .product__btns .btn__sheet img {
        width: 40px; }
    .product__btns .btn__download {
      background: #1a8aa9; }
      .product__btns .btn__download img {
        width: 40px; }

.investor__basic {
  background: url(../images/05-investor/1.jpg) center no-repeat;
  background-size: cover;
  color: #fff; }

.investor__sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media (max-width: 577px) {
    .investor__sign {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .investor__sign ul li + li {
    margin-top: 10px; }
  .investor__sign ul li span {
    display: inline-block; }
    .investor__sign ul li span + span {
      margin-left: 30px;
      font-family: 'Great Vibes', cursive; }

.investor__select {
  text-align: center; }
  .investor__select select {
    margin: 10px;
    width: 100%; }
    @media (min-width: 769px) {
      .investor__select select:first-child {
        width: 200px; }
      .investor__select select:last-child {
        width: 500px; } }
    @media (max-width: 577px) {
      .investor__select select {
        margin: 10px 0; } }

.investor__sales {
  border-top: 1px solid #000; }
  .investor__sales__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 0; }
    @media (max-width: 577px) {
      .investor__sales__title {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .investor__sales .table__wrap {
    overflow-x: auto; }
  .investor__sales .l__table {
    min-width: 755px; }

@media (max-width: 577px) {
  .investor__download > * {
    padding: 10px; } }

.investor__download > li {
  display: -webkit-box;
  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; }
  .investor__download > li .title {
    padding: 20px 40px;
    background: #f2f2f2;
    width: 100%; }
    @media (max-width: 577px) {
      .investor__download > li .title {
        padding: 10px 20px; } }
  .investor__download > li h4 {
    margin-bottom: 0; }
  .investor__download > li > a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    background: #0061a9;
    color: #fff;
    padding: 20px;
    min-width: 100px;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s; }
    @media (max-width: 577px) {
      .investor__download > li > a {
        padding: 10px; } }
    .investor__download > li > a:hover, .investor__download > li > a:active {
      background: #00bce9; }
      .investor__download > li > a:hover img, .investor__download > li > a:active img {
        -webkit-transform: translateY(5px);
            -ms-transform: translateY(5px);
                transform: translateY(5px); }
    .investor__download > li > a img {
      display: block;
      width: 30px;
      margin-top: 10px;
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
      @media (max-width: 577px) {
        .investor__download > li > a img {
          width: 25px; } }

.investor__download.prediction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .investor__download.prediction .title > h3 {
    font-family: 'Arial', 'sans-serif';
    font-weight: bold; }
  .investor__download.prediction > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    padding: 20px 20px; }
  .investor__download.prediction a {
    display: block; }
  .investor__download.prediction .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 768px) {
    .investor__download.prediction > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }
  @media (max-width: 577px) {
    .investor__download.prediction > * {
      padding: 10px 0; } }

.investor__download.annual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%; }
  .investor__download.annual > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    max-width: 25%;
    padding: 40px 20px; }
  .investor__download.annual a {
    display: block; }
  .investor__download.annual .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 1025px) {
    .investor__download.annual > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 50%;
              flex: 0 1 50%;
      max-width: 50%; } }
  @media (max-width: 577px) {
    .investor__download.annual > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%;
      padding: 30px 0; } }
  .investor__download.annual > li {
    position: relative; }
    .investor__download.annual > li .title {
      padding-bottom: 50px; }
    .investor__download.annual > li > a {
      padding: 10px 10px 10px 20px;
      position: absolute;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: auto;
      right: 20px;
      bottom: 40px;
      -webkit-transform: translateY(50%);
          -ms-transform: translateY(50%);
              transform: translateY(50%);
      background: -webkit-gradient(linear, left top, right top, color-stop(68%, #0061a9), color-stop(32%, #0a2e6d));
      background: -webkit-linear-gradient(left, #0061a9 68%, #0a2e6d 32%);
      background: -o-linear-gradient(left, #0061a9 68%, #0a2e6d 32%);
      background: linear-gradient(left, #0061a9 68%, #0a2e6d 32%); }
      .investor__download.annual > li > a img {
        margin-top: 0;
        margin-left: 30px; }
      @media (max-width: 577px) {
        .investor__download.annual > li > a {
          right: 10px;
          bottom: 30px; } }

.investor__stock {
  text-align: center; }
  @media (max-width: 1281px) {
    .investor__stock {
      text-align: left; } }
  .investor__stock .block {
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 1281px) {
      .investor__stock .block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .investor__stock .block > a {
          width: 48%; }
        .investor__stock .block img {
          width: 100%; } }
    @media (max-width: 577px) {
      .investor__stock .block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .investor__stock .block > a {
          width: 100%; } }
    .investor__stock .block > a {
      display: block;
      -webkit-transition: -webkit-box-shadow 0.3s;
      transition: -webkit-box-shadow 0.3s;
      -o-transition: box-shadow 0.3s;
      transition: box-shadow 0.3s;
      transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
      .investor__stock .block > a:hover {
        -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); }
      .investor__stock .block > a + a {
        margin-top: 30px; }
        @media (max-width: 1281px) {
          .investor__stock .block > a + a {
            margin-top: 0; } }
        @media (max-width: 577px) {
          .investor__stock .block > a + a {
            margin-top: 30px; } }
    .investor__stock .block + .block {
      margin-left: 40px; }
      @media (max-width: 1281px) {
        .investor__stock .block + .block {
          margin-left: 0;
          margin-top: 30px; } }

.investor__dividend .table__wrap {
  overflow-x: auto; }

.investor__dividend .l__table {
  min-width: 1080px; }

.investor__dividend .th__top th:nth-child(1) {
  width: 10%; }

.investor__dividend .th__top th:nth-child(2) {
  width: 10%; }

.investor__dividend .th__top th:nth-child(3) {
  width: 35%; }

.investor__dividend .th__top th:nth-child(4) {
  width: 45%; }

.investor__dividend .th__bottom th {
  width: 11.42%; }

.investor__service {
  max-width: 685px;
  width: 90%;
  margin: 50px auto 0 auto; }

.investor__calender {
  border-bottom: px solid #8c8c8c; }
  .investor__calender .investor__block__title {
    display: -webkit-box;
    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;
    line-height: 2; }
    @media (max-width: 1025px) {
      .investor__calender .investor__block__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
  .investor__calender .investor__block__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 577px) {
      .investor__calender .investor__block__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .investor__calender .investor__block__body > ul {
      max-width: 700px;
      width: 100%; }
      .investor__calender .investor__block__body > ul span {
        display: inline-block;
        vertical-align: top; }
        .investor__calender .investor__block__body > ul span:last-child {
          margin-left: 5px;
          width: calc(100% - 80px); }
        @media (max-width: 577px) {
          .investor__calender .investor__block__body > ul span {
            display: block; }
            .investor__calender .investor__block__body > ul span:first-child {
              font-weight: bold; }
            .investor__calender .investor__block__body > ul span:last-child {
              margin-left: 20px;
              width: 100%; } }

.investor__video .news__video .imgFill:before, .investor__video .news__video .imgFill:after {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0; }

.investor__video .news__video a:hover .imgFill:before, .investor__video .news__video a:hover .imgFill:after {
  opacity: 1; }

.investor__block + .investor__block {
  margin-top: 50px; }

.investor__block__title {
  padding: 20px;
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #ccc; }
  @media (max-width: 577px) {
    .investor__block__title {
      padding: 20px 10px; } }
  .investor__block__title h4 {
    margin-bottom: 0; }
  .investor__block__title .bdl {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #6d6d6d; }

.investor__block__body {
  padding: 20px;
  line-height: 2; }
  @media (max-width: 577px) {
    .investor__block__body {
      padding: 20px 10px; } }
  .investor__block__body > ul + ul {
    margin-top: 20px; }
  .investor__block__body > ul > li + li {
    margin-top: 10px; }
  .investor__block__body > ul > li a {
    word-break: break-all; }

.investor__block__btn {
  text-align: right; }
  @media (max-width: 577px) {
    .investor__block__btn {
      width: 100%;
      text-align: center;
      margin-top: 30px; } }
  .investor__block__btn > a {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #ccc;
    margin: 10px 0 10px 10px;
    width: 190px; }
    @media (max-width: 577px) {
      .investor__block__btn > a {
        margin: 10px 0;
        width: 100%; } }
    .investor__block__btn > a:hover, .investor__block__btn > a:active {
      background: #1a8aa9;
      color: #fff;
      border-color: #1a8aa9; }
    .investor__block__btn > a i {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
      .investor__block__btn > a i:before {
        font-size: 25px; }

.contact__warn {
  width: calc(100% - 40px);
  padding: 10px 20px;
  border-radius: 5px;
  background: #fadcde;
  margin: 0 auto 20px auto;
  color: #782a2f; }

.contact__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  @media (max-width: 1025px) {
    .contact__form {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .contact__form__input {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2; }
    @media (max-width: 1025px) {
      .contact__form__input {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 100%; } }
  .contact__form__text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 1025px) {
      .contact__form__text {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 100%; } }
  .contact__form .row__child {
    padding: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    position: relative; }
    @media (max-width: 577px) {
      .contact__form .row__child {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%; } }
    .contact__form .row__child.full {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; }
  .contact__form .required {
    position: relative; }
    .contact__form .required > * {
      padding-left: 25px; }
    .contact__form .required:before {
      content: '*';
      color: #ff0000;
      position: absolute;
      left: 25px;
      top: 20px; }
  .contact__form .verify .wrap {
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .contact__form .verify input {
    border: none;
    padding-left: 0;
    width: calc(100% - 125px); }
  .contact__form .verify img {
    height: 50px; }
  .contact__form .btn {
    background: #00bce9;
    color: #fff;
    height: 53px;
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer; }
    .contact__form .btn:hover, .contact__form .btn:active {
      background: #0061a9; }
    .contact__form .btn__group input {
      border: none; }
  .contact__form textarea {
    width: 100%;
    padding-top: 10px;
    min-height: 216px; }
  .contact__form select,
  .contact__form button,
  .contact__form input,
  .contact__form .btn__clear {
    min-height: 52px;
    height: auto; }
  .contact__form .error {
    position: absolute;
    left: 20px;
    bottom: -10px;
    margin-top: 5px;
    color: red; }

.contact__office {
  background: url(../images/08-contact/bg-office.jpg) center no-repeat;
  background-size: cover;
  padding: 100px 0; }
  @media (max-width: 577px) {
    .contact__office {
      padding: 50px 0; } }
  .contact__office .c__1480 {
    position: relative; }
  .contact__office__content {
    max-width: 1350px;
    margin: 0 auto;
    position: static; }

.contact__headquarters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .contact__headquarters__text {
    min-width: 525px;
    padding-right: 6.25vw;
    padding-bottom: 30px; }
    .contact__headquarters__text > h3 {
      margin-bottom: 30px; }
    .contact__headquarters__text > ul {
      line-height: 2.5; }
    .contact__headquarters__text .address {
      display: block;
      margin-top: 20px;
      line-height: 2; }
      .contact__headquarters__text .address i:before {
        font-size: 25px; }
    @media (max-width: 1281px) {
      .contact__headquarters__text {
        min-width: 1px; } }
    @media (max-width: 768px) {
      .contact__headquarters__text {
        width: 100%;
        text-align: center;
        padding-right: 0; } }
  .contact__headquarters .imgFill {
    height: auto; }

.contact__map {
  height: 450px; }
  .contact__map iframe {
    width: 100%;
    height: 100%;
    border: none; }

.mb50 {
  margin-bottom: 50px; }

.recruit .title {
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 5px;
  font-family: 'Microsoft JhengHei', 'fontello', sans-serif; }
  .recruit .title:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    height: 2px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }

.recruit .bg-grey {
  background: rgba(225, 225, 225, 0.1); }

.recruit__indexevent {
  background: url(../images/10-recruit/bg-event.jpg) center no-repeat;
  background-size: cover; }
  .recruit__indexevent .c__1200 {
    padding-top: 50px;
    display: -webkit-box;
    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; }
    @media (max-width: 1025px) {
      .recruit__indexevent .c__1200 {
        padding-bottom: 50px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .recruit__indexevent .btn__round {
    margin-top: 20px;
    background: #ffa124;
    color: #fff; }
    .recruit__indexevent .btn__round:hover {
      background: #da8a22; }
  .recruit__indexevent .img {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .recruit__indexevent .text {
    max-width: 450px;
    line-height: 2; }
    @media (min-width: 1025px) {
      .recruit__indexevent .text {
        padding-left: 30px; } }

.recruit__bg {
  background-color: #fff;
  background-image: url(../images/10-recruit/develop/bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 768px) {
    .recruit__bg {
      background-position: center center; } }

@media (min-width: 1025px) {
  .recruit__blocklist.link .item__wrap:hover .imgFill:before {
    opacity: 1; }
  .recruit__blocklist.link .item__wrap:hover .item__content {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    pointer-events: all; } }

@media (max-width: 1025px) {
  .recruit__blocklist.link .item__wrap .imgFill:before {
    opacity: 1; }
  .recruit__blocklist.link .item__content {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    pointer-events: all; } }

.recruit__blocklist .c__1300 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  width: 95%; }
  .recruit__blocklist .c__1300 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
    padding: 1.04167vw 2.08333vw; }
  .recruit__blocklist .c__1300 a {
    display: block; }
  .recruit__blocklist .c__1300 .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 768px) {
    .recruit__blocklist .c__1300 > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }
  .recruit__blocklist .c__1300 a {
    display: inline-block; }

.recruit__blocklist .item {
  display: -webkit-box;
  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; }
  @media (max-width: 1281px) {
    .recruit__blocklist .item {
      padding: 10px;
      margin-top: 30px; } }
  .recruit__blocklist .item > h3 {
    font-family: 'Microsoft JhengHei', 'fontello', sans-serif;
    margin-bottom: 20px; }
    @media (max-width: 1025px) {
      .recruit__blocklist .item > h3 {
        display: -webkit-box;
        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;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        min-height: 100px; } }
    @media (max-width: 768px) {
      .recruit__blocklist .item > h3 {
        margin-bottom: 20px;
        height: auto; } }
    .recruit__blocklist .item > h3 > img {
      width: 75px; }
      @media (max-width: 1281px) {
        .recruit__blocklist .item > h3 > img {
          width: 60px; } }
    .recruit__blocklist .item > h3 > span {
      margin-left: 10px; }
      @media (max-width: 768px) {
        .recruit__blocklist .item > h3 > span {
          margin-left: 0;
          margin-top: 10px; } }
  .recruit__blocklist .item__info > .text {
    font-size: 18px;
    margin-bottom: 20px; }
  .recruit__blocklist .item__wrap {
    position: relative;
    min-height: 235px; }
    @media (max-width: 768px) {
      .recruit__blocklist .item__wrap {
        min-height: 350px; } }
    @media (max-width: 577px) {
      .recruit__blocklist .item__wrap {
        min-height: 200px; } }
    .recruit__blocklist .item__wrap .imgFill {
      position: absolute;
      left: 0;
      top: 0; }
      .recruit__blocklist .item__wrap .imgFill:before {
        background: rgba(0, 0, 0, 0.5);
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        opacity: 0; }
  .recruit__blocklist .item__content {
    position: relative;
    z-index: 1;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    pointer-events: none;
    padding: 20px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }

.recruit__blocklist .btn__round {
  margin-top: 5px;
  border: 1px solid #fff; }
  .recruit__blocklist .btn__round:hover {
    border-color: #ffa124;
    background: #ffa124; }

.recruit__blocklist:nth-child(3n + 1) .title:after {
  background: #71bf45; }

.recruit__blocklist:nth-child(3n + 2) .title:after {
  background: #00bdf2; }

.recruit__blocklist:nth-child(3n + 3) .title:after {
  background: #f8981a; }

.recruit__info {
  padding: 150px 20px;
  display: -webkit-box;
  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; }
  @media (max-width: 768px) {
    .recruit__info {
      padding: 50px 20px; } }
  .recruit__info .item {
    position: relative;
    width: 100%;
    max-width: 1600px; }
    .recruit__info .item h2 {
      font-size: 35px; }
      @media (max-width: 1281px) {
        .recruit__info .item h2 {
          text-align: center; } }
      @media (max-width: 577px) {
        .recruit__info .item h2 {
          font-size: 24px; } }
    .recruit__info .item__wrap {
      position: relative;
      min-height: 495px;
      max-width: 1460px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (min-width: 1281px) {
        .recruit__info .item__wrap {
          width: 95%; } }
      @media (max-width: 1281px) {
        .recruit__info .item__wrap {
          max-width: 770px;
          min-height: 1px;
          margin-left: auto;
          margin-right: auto; } }
      .recruit__info .item__wrap:after {
        content: '';
        display: block;
        width: 95%;
        height: 85%;
        border: 1px solid; }
        @media (max-width: 1281px) {
          .recruit__info .item__wrap:after {
            height: 95%; } }
      .recruit__info .item__wrap:before {
        content: '';
        min-height: inherit;
        font-size: 0; }
    .recruit__info .item__img {
      position: relative;
      margin: 0 auto;
      text-align: center;
      max-width: 770px; }
      @media (min-width: 1281px) {
        .recruit__info .item__img {
          position: absolute;
          width: 50%;
          bottom: 0;
          z-index: 1; } }
      .recruit__info .item__img.video {
        cursor: pointer;
        overflow: hidden; }
        .recruit__info .item__img.video:hover > img {
          -webkit-transform: scale(1.05);
              -ms-transform: scale(1.05);
                  transform: scale(1.05); }
        .recruit__info .item__img.video > img {
          -webkit-transition: -webkit-transform 0.3s;
          transition: -webkit-transform 0.3s;
          -o-transition: transform 0.3s;
          transition: transform 0.3s;
          transition: transform 0.3s, -webkit-transform 0.3s; }
        .recruit__info .item__img.video:after {
          background: rgba(0, 0, 0, 0.3); }
        .recruit__info .item__img.video:before {
          content: '';
          background: url(../images/10-recruit/info/icon-play.svg) center no-repeat;
          background-size: contain;
          width: 140px;
          height: 140px;
          z-index: 2; }
          @media (max-width: 768px) {
            .recruit__info .item__img.video:before {
              width: 70px;
              height: 70px; } }
    .recruit__info .item__text {
      line-height: 2;
      padding: 50px 0; }
      .recruit__info .item__text > ul > li {
        position: relative;
        margin-left: 2px;
        padding-left: 20px; }
        .recruit__info .item__text > ul > li + li {
          margin-top: 5px; }
        .recruit__info .item__text > ul > li:before {
          content: '◆';
          margin-right: 10px;
          position: absolute;
          left: 0; }
      @media (min-width: 1281px) {
        .recruit__info .item__text {
          max-width: 665px;
          width: 45%; } }
      @media (max-width: 1281px) {
        .recruit__info .item__text {
          padding: 4.16667vw; } }
    .recruit__info .item + .item {
      margin-top: 150px; }
      @media (max-width: 577px) {
        .recruit__info .item + .item {
          margin-top: 50px; } }
    @media (min-width: 1281px) {
      .recruit__info .item:nth-child(odd) h2 {
        margin-left: 20%; }
      .recruit__info .item:nth-child(odd) .item__wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
      .recruit__info .item:nth-child(odd) .item__text {
        margin-left: 80px;
        margin-right: auto; }
      .recruit__info .item:nth-child(odd) .item__img {
        right: 0;
        -webkit-transform: translate(0, -80px);
            -ms-transform: translate(0, -80px);
                transform: translate(0, -80px); }
      .recruit__info .item:nth-child(even) h2 {
        text-align: right;
        margin-right: 20%; }
      .recruit__info .item:nth-child(even) .item__wrap {
        margin-left: auto; }
      .recruit__info .item:nth-child(even) .item__text {
        margin-right: 80px;
        margin-left: auto; }
      .recruit__info .item:nth-child(even) .item__img {
        left: 0;
        -webkit-transform: translate(0, -80px);
            -ms-transform: translate(0, -80px);
                transform: translate(0, -80px); } }
    .recruit__info .item:nth-child(4n + 1) h2 {
      color: #f9a332; }
    .recruit__info .item:nth-child(4n + 1) .item__wrap {
      background: #fef1bd; }
    .recruit__info .item:nth-child(4n + 1) .item__wrap:after {
      border-color: #f9a332; }
    .recruit__info .item:nth-child(4n + 2) h2 {
      color: #29bef2; }
    .recruit__info .item:nth-child(4n + 2) .item__wrap {
      background: #ddf3fe; }
    .recruit__info .item:nth-child(4n + 2) .item__wrap:after {
      border-color: #29bef2; }
    .recruit__info .item:nth-child(4n + 3) h2 {
      color: #71bf45; }
    .recruit__info .item:nth-child(4n + 3) .item__wrap {
      background: #e3f2db; }
    .recruit__info .item:nth-child(4n + 3) .item__wrap:after {
      border-color: #71bf45; }
    .recruit__info .item:nth-child(4n + 4) h2 {
      color: #ff66d9; }
    .recruit__info .item:nth-child(4n + 4) .item__wrap {
      background: #ffeefe; }
    .recruit__info .item:nth-child(4n + 4) .item__wrap:after {
      border-color: #ff66d9; }

.recruit__talent .title:after {
  background: #71bf45; }

.recruit__talent .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.recruit__talent .item {
  padding: 35px 0;
  text-align: center; }
  @media (max-width: 577px) {
    .recruit__talent .item {
      width: 100%; } }
  .recruit__talent .item__img {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.2);
    margin: 0 35px; }
    @media (max-width: 1441px) {
      .recruit__talent .item__img {
        margin: 0 30px; } }
    @media (max-width: 577px) {
      .recruit__talent .item__img {
        margin-left: auto;
        margin-right: auto; } }
    .recruit__talent .item__img > img {
      width: 80px; }
    .recruit__talent .item__img:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: 200px;
      height: 200px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .recruit__talent .item__text {
    width: 100%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 180px; }
    @media (max-width: 577px) {
      .recruit__talent .item__text {
        max-width: 100%; } }
    .recruit__talent .item__text > h3 {
      font-size: 20px; }
    .recruit__talent .item__text li + li {
      margin-top: 5px; }
  .recruit__talent .item:nth-child(1) h3 {
    color: #61c7f1; }
  .recruit__talent .item:nth-child(1) .item__img {
    position: relative;
    z-index: 3;
    background-image: url(../images/10-recruit/develop/cir1.png); }
    .recruit__talent .item:nth-child(1) .item__img:after {
      -webkit-transform: translate(-49%, -51%);
          -ms-transform: translate(-49%, -51%);
              transform: translate(-49%, -51%);
      background-image: url(../images/10-recruit/develop/bd1.png); }
  .recruit__talent .item:nth-child(2) h3 {
    color: #2762b8; }
  .recruit__talent .item:nth-child(2) .item__img {
    background-image: url(../images/10-recruit/develop/cir2.png); }
    .recruit__talent .item:nth-child(2) .item__img:after {
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url(../images/10-recruit/develop/bd2.png); }
  .recruit__talent .item:nth-child(3) h3 {
    color: #53329f; }
  .recruit__talent .item:nth-child(3) .item__img {
    background-image: url(../images/10-recruit/develop/cir3.png); }
    .recruit__talent .item:nth-child(3) .item__img:after {
      -webkit-transform: translate(-51%, -51%);
          -ms-transform: translate(-51%, -51%);
              transform: translate(-51%, -51%);
      background-image: url(../images/10-recruit/develop/bd3.png); }
  .recruit__talent .item:nth-child(4) h3 {
    color: #7c2d91; }
  .recruit__talent .item:nth-child(4) .item__img {
    background-image: url(../images/10-recruit/develop/cir4.png); }
    .recruit__talent .item:nth-child(4) .item__img:after {
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url(../images/10-recruit/develop/bd4.png); }
  .recruit__talent .item:nth-child(5) h3 {
    color: #d0266a; }
  .recruit__talent .item:nth-child(5) .item__img {
    background-image: url(../images/10-recruit/develop/cir5.png); }
    .recruit__talent .item:nth-child(5) .item__img:after {
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url(../images/10-recruit/develop/bd5.png); }
  .recruit__talent .item:nth-child(6) h3 {
    color: #ff7932; }
  .recruit__talent .item:nth-child(6) .item__img {
    background-image: url(../images/10-recruit/develop/cir6.png); }
    .recruit__talent .item:nth-child(6) .item__img:after {
      -webkit-transform: translate(-49%, -51%);
          -ms-transform: translate(-49%, -51%);
              transform: translate(-49%, -51%);
      background-image: url(../images/10-recruit/develop/bd6.png); }

.recruit__talent .picgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .recruit__talent .picgroup > img {
    margin: 10px; }

.recruit__path .title:after {
  background: #f8991c; }

.recruit__path .picgroup {
  margin-top: 50px; }
  .recruit__path .picgroup > img {
    margin: 10px 0; }

.recruit__process {
  background: #fffeff;
  background: -webkit-gradient(linear, left top, right top, from(#fffeff), to(#dadfe5));
  background: -webkit-linear-gradient(left, #fffeff 0%, #dadfe5 100%);
  background: -o-linear-gradient(left, #fffeff 0%, #dadfe5 100%);
  background: linear-gradient(90deg, #fffeff 0%, #dadfe5 100%); }
  .recruit__process .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    margin-top: 50px;
    width: 90%;
    max-width: 1000px; }
    .recruit__process .steps > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 25%;
              flex: 0 1 25%;
      max-width: 25%;
      padding: 0.52083vw 0.52083vw; }
    .recruit__process .steps a {
      display: block; }
    .recruit__process .steps .full {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
      max-width: 100%; }
    @media (max-width: 577px) {
      .recruit__process .steps > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        max-width: 50%;
        padding: 20px; } }
    .recruit__process .steps .item {
      display: -webkit-box;
      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; }
      .recruit__process .steps .item__img {
        width: 225px;
        -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
                transform: translateX(20px); }
        @media (max-width: 1025px) {
          .recruit__process .steps .item__img {
            width: 180px; } }
        @media (max-width: 768px) {
          .recruit__process .steps .item__img {
            width: 150px;
            -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                    transform: translateX(0); } }
      .recruit__process .steps .item__text {
        height: calc(100% - 80px); }
        .recruit__process .steps .item__text > h3 {
          text-align: center;
          font-size: 20px;
          margin: 20px 0; }
        .recruit__process .steps .item__text .fz16 {
          max-width: 135px;
          line-height: 1.6; }
      .recruit__process .steps .item__porcess {
        margin-top: auto;
        padding-top: 50px; }
        @media (max-width: 577px) {
          .recruit__process .steps .item__porcess {
            padding-top: 30px; } }
      .recruit__process .steps .item:nth-child(1) h3,
      .recruit__process .steps .item:nth-child(1) .item__porcess {
        color: #f8991c; }
      .recruit__process .steps .item:nth-child(2) h3,
      .recruit__process .steps .item:nth-child(2) .item__porcess {
        color: #b92c91; }
      .recruit__process .steps .item:nth-child(3) h3,
      .recruit__process .steps .item:nth-child(3) .item__porcess {
        color: #55479d; }
      .recruit__process .steps .item:nth-child(4) h3,
      .recruit__process .steps .item:nth-child(4) .item__porcess {
        color: #53bed7; }
  .recruit__process .process {
    display: -webkit-box;
    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;
    width: 90%;
    max-width: 900px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto; }
    .recruit__process .process .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .recruit__process .process .item__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100px;
        padding-bottom: 30px;
        border-bottom: 2px solid;
        margin-right: 25px; }
        .recruit__process .process .item__img > img {
          width: 50px; }
        @media (max-width: 1025px) {
          .recruit__process .process .item__img {
            width: 80px;
            margin-right: 1.30208vw; } }
      .recruit__process .process .item__text {
        position: relative;
        white-space: nowrap; }
        .recruit__process .process .item__text:after {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          margin-left: 5px;
          border-style: solid;
          border-width: 6px 0 6px 8px; }
      .recruit__process .process .item + .item {
        margin-left: 25px; }
        @media (max-width: 1025px) {
          .recruit__process .process .item + .item {
            margin-left: 1.30208vw; } }
      .recruit__process .process .item:nth-child(1) .item__img {
        border-color: #f8991c; }
      .recruit__process .process .item:nth-child(1) .item__text:after {
        border-color: transparent transparent transparent #b92c91; }
      .recruit__process .process .item:nth-child(2) .item__img {
        border-color: #b92c91; }
      .recruit__process .process .item:nth-child(2) .item__text:after {
        border-color: transparent transparent transparent #55479d; }
      .recruit__process .process .item:nth-child(3) .item__img {
        border-color: #55479d; }
      .recruit__process .process .item:nth-child(3) .item__text:after {
        border-color: transparent transparent transparent #53bed7; }
      .recruit__process .process .item:nth-child(4) .item__img {
        margin-right: 0;
        border-color: #53bed7; }

.recruit__qa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  margin-top: 50px;
  width: 100%;
  max-width: 1200px; }
  .recruit__qa > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    padding: 1.5625vw 4.16667vw; }
  .recruit__qa a {
    display: block; }
  .recruit__qa .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 900px) {
    .recruit__qa {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .recruit__qa > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        max-width: 100%; } }
  @media (min-width: 900px) {
    .recruit__qa .item:nth-child(odd) .item__num {
      right: 0;
      -webkit-transform: translateX(40%);
          -ms-transform: translateX(40%);
              transform: translateX(40%); }
    .recruit__qa .item:nth-child(even) .item__wrap h3 {
      text-align: right; }
    .recruit__qa .item:nth-child(even) .item__wrap p {
      margin-left: auto; }
    .recruit__qa .item:nth-child(even) .item__num {
      left: 0;
      -webkit-transform: translateX(-40%);
          -ms-transform: translateX(-40%);
              transform: translateX(-40%); }
    .recruit__qa .item:nth-child(4n + 1) .item__wrap p, .recruit__qa .item:nth-child(4n + 2) .item__wrap p {
      margin-top: 30px; }
    .recruit__qa .item:nth-child(4n + 1) .item__num, .recruit__qa .item:nth-child(4n + 2) .item__num {
      bottom: 0; }
    .recruit__qa .item:nth-child(4n + 3) .item__wrap, .recruit__qa .item:nth-child(4n + 4) .item__wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      .recruit__qa .item:nth-child(4n + 3) .item__wrap p, .recruit__qa .item:nth-child(4n + 4) .item__wrap p {
        margin-bottom: 30px; }
    .recruit__qa .item:nth-child(4n + 3) .item__num, .recruit__qa .item:nth-child(4n + 4) .item__num {
      top: 0; } }
  @media (max-width: 900px) {
    .recruit__qa .item {
      max-width: 600px; }
      .recruit__qa .item + .item {
        margin-top: 40px; } }
  .recruit__qa .item h3 {
    font-size: 25px; }
    @media (max-width: 1025px) {
      .recruit__qa .item h3 {
        font-size: 21px; } }
    @media (max-width: 577px) {
      .recruit__qa .item h3 {
        font-size: 18px; } }
  .recruit__qa .item p {
    max-width: 240px; }
    @media (max-width: 900px) {
      .recruit__qa .item p {
        max-width: 100%; } }
  .recruit__qa .item a {
    display: inline-block;
    font-weight: bold;
    text-decoration: underline; }
  .recruit__qa .item__wrap {
    position: relative;
    padding: 30px 40px;
    border-radius: 20px;
    color: #fff; }
    @media (max-width: 900px) {
      .recruit__qa .item__wrap {
        padding: 40px 20px 20px 20px; }
        .recruit__qa .item__wrap p {
          max-width: 100%; } }
  .recruit__qa .item__num {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    position: absolute; }
    @media (max-width: 1281px) {
      .recruit__qa .item__num {
        width: 130px;
        height: 130px; } }
    @media (max-width: 1025px) {
      .recruit__qa .item__num {
        width: 100px;
        height: 100px; } }
    @media (max-width: 900px) {
      .recruit__qa .item__num {
        left: 0;
        top: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
    @media (max-width: 900px) {
      .recruit__qa .item__num {
        width: 70px;
        height: 70px; } }
    .recruit__qa .item__num .circle {
      width: 140px;
      height: 140px;
      border-radius: 50%;
      background: #fff;
      border: 10px solid; }
      @media (max-width: 1281px) {
        .recruit__qa .item__num .circle {
          width: 100px;
          height: 100px; } }
      @media (max-width: 1025px) {
        .recruit__qa .item__num .circle {
          width: 80px;
          height: 80px;
          border: 5px solid; } }
      @media (max-width: 900px) {
        .recruit__qa .item__num .circle {
          width: 55px;
          height: 55px; } }
      @media (min-width: 900px) {
        .recruit__qa .item__num .circle {
          -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); } }
  .recruit__qa .item:nth-child(4n + 1) .item__wrap {
    background: #bf3193;
    background: -webkit-gradient(linear, left top, right top, from(#bf3193), to(#e255a0));
    background: -webkit-linear-gradient(left, #bf3193 0%, #e255a0 100%);
    background: -o-linear-gradient(left, #bf3193 0%, #e255a0 100%);
    background: linear-gradient(90deg, #bf3193 0%, #e255a0 100%); }
  .recruit__qa .item:nth-child(4n + 1) .item__num .circle {
    color: #e255a0;
    border-color: #e255a0; }
  .recruit__qa .item:nth-child(4n + 2) .item__wrap {
    background: #f07048;
    background: -webkit-gradient(linear, right top, left top, from(#f07048), to(#faa632));
    background: -webkit-linear-gradient(right, #f07048 0%, #faa632 100%);
    background: -o-linear-gradient(right, #f07048 0%, #faa632 100%);
    background: linear-gradient(-90deg, #f07048 0%, #faa632 100%); }
  .recruit__qa .item:nth-child(4n + 2) .item__num .circle {
    color: #faa632;
    border-color: #faa632; }
  .recruit__qa .item:nth-child(4n + 3) .item__wrap {
    background: #634a9e;
    background: -webkit-gradient(linear, left top, right top, from(#634a9e), to(#8c62ab));
    background: -webkit-linear-gradient(left, #634a9e 0%, #8c62ab 100%);
    background: -o-linear-gradient(left, #634a9e 0%, #8c62ab 100%);
    background: linear-gradient(90deg, #634a9e 0%, #8c62ab 100%); }
  .recruit__qa .item:nth-child(4n + 3) .item__num .circle {
    color: #8c62ab;
    border-color: #8c62ab; }
  .recruit__qa .item:nth-child(4n + 4) .item__wrap {
    background: #39bce6;
    background: -webkit-gradient(linear, right top, left top, from(#39bce6), to(#96d4d1));
    background: -webkit-linear-gradient(right, #39bce6 0%, #96d4d1 100%);
    background: -o-linear-gradient(right, #39bce6 0%, #96d4d1 100%);
    background: linear-gradient(-90deg, #39bce6 0%, #96d4d1 100%); }
  .recruit__qa .item:nth-child(4n + 4) .item__num .circle {
    color: #96d4d1;
    border-color: #96d4d1; }

.recruit__jobtable {
  width: 95%;
  max-width: 925px;
  min-width: 500px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #000; }
  .recruit__jobtable thead th {
    padding: 10px 20px;
    text-align: center;
    background: #333333;
    color: #fff;
    border: 2px solid #fff; }
    @media (max-width: 577px) {
      .recruit__jobtable thead th {
        padding: 10px; } }
    .recruit__jobtable thead th:nth-child(1) {
      width: 20%; }
    .recruit__jobtable thead th:nth-child(2) {
      width: 50%; }
    .recruit__jobtable thead th:nth-child(3) {
      width: 30%; }
  .recruit__jobtable tbody tr:nth-child(even) {
    background: #f6f6f6; }
  .recruit__jobtable tbody td {
    padding: 30px 20px; }
    .recruit__jobtable tbody td:nth-child(1) {
      font-size: 18px; }
    .recruit__jobtable tbody td:nth-child(2) {
      color: #404040; }
    .recruit__jobtable tbody td:nth-child(1), .recruit__jobtable tbody td:nth-child(3) {
      text-align: center; }
    @media (max-width: 577px) {
      .recruit__jobtable tbody td {
        padding: 15px 10px; } }
  .recruit__jobtable ul {
    list-style: none;
    margin: 0; }
    @media (max-width: 768px) {
      .recruit__jobtable ul {
        -webkit-padding-start: 0;
                padding-inline-start: 0;
        padding: 0; } }
    .recruit__jobtable ul > li {
      position: relative;
      margin-left: 2px;
      padding-left: 20px; }
      .recruit__jobtable ul > li + li {
        margin-top: 5px; }
      .recruit__jobtable ul > li:before {
        content: '◆';
        margin-right: 10px;
        position: absolute;
        left: 0; }

.recruit__channel .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 80px; }
  @media (max-width: 577px) {
    .recruit__channel .link {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .recruit__channel .link .item {
    position: relative;
    width: 49%;
    height: 17.1875vw;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 20px; }
    @media (max-width: 1281px) {
      .recruit__channel .link .item {
        height: 25vw; } }
    @media (max-width: 577px) {
      .recruit__channel .link .item {
        width: 100%;
        height: 40vw; } }
    .recruit__channel .link .item:first-child {
      background: url(../images/10-recruit/channel/1.jpg) center no-repeat;
      background-size: 100%;
      -webkit-transition: background-size 0.3s;
      -o-transition: background-size 0.3s;
      transition: background-size 0.3s; }
      .recruit__channel .link .item:first-child > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .recruit__channel .link .item:first-child > span > img {
          margin-right: 10px; }
      .recruit__channel .link .item:first-child:after {
        content: '';
        width: 60%;
        height: 60%;
        border: 1px solid #fff;
        -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
        -o-transition: width 0.3s, height 0.3s, opacity 0.3s;
        transition: width 0.3s, height 0.3s, opacity 0.3s;
        opacity: 0; }
      @media (min-width: 769px) {
        .recruit__channel .link .item:first-child:hover {
          background-size: 110%; }
          .recruit__channel .link .item:first-child:hover:after {
            width: 40%;
            height: 40%;
            opacity: 1; } }
    .recruit__channel .link .item:last-child {
      background: url(../images/10-recruit/channel/2.jpg) center no-repeat;
      background-size: cover; }
      .recruit__channel .link .item:last-child > span > span {
        display: block; }
        .recruit__channel .link .item:last-child > span > span + span {
          margin-top: 10px; }

.recruit__channel .map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: 1220px;
  width: 90%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto; }
  .recruit__channel .map > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
    padding: 10px 10px; }
  .recruit__channel .map a {
    display: block; }
  .recruit__channel .map .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 768px) {
    .recruit__channel .map > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%;
      padding: 10px 0; } }
  .recruit__channel .map .fz25,
  .recruit__channel .map .fz16 {
    padding: 20px;
    background: #1c71c1;
    color: #fff;
    margin-bottom: 0; }
    @media (max-width: 577px) {
      .recruit__channel .map .fz25,
      .recruit__channel .map .fz16 {
        padding: 10px; } }
  .recruit__channel .map .gmap {
    width: 100%;
    height: 510px;
    border: 1px solid #1c71c1;
    overflow: hidden; }
    @media (max-width: 577px) {
      .recruit__channel .map .gmap {
        height: 300px; } }
    .recruit__channel .map .gmap > iframe {
      width: 100%;
      height: 100%;
      border: none; }

.recruit__event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 925px;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .recruit__event {
      -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;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .recruit__event .item {
    display: -webkit-box;
    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;
    width: calc(100% / 3 - 80px);
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    padding: 20px;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out !important;
    transition: -webkit-box-shadow 0.3s ease-in-out !important;
    -o-transition: box-shadow 0.3s ease-in-out !important;
    transition: box-shadow 0.3s ease-in-out !important;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out !important; }
    .recruit__event .item:nth-child(3n + 1) {
      background: #bf3193;
      background: -webkit-gradient(linear, left top, right top, from(#bf3193), to(#e255a0));
      background: -webkit-linear-gradient(left, #bf3193 0%, #e255a0 100%);
      background: -o-linear-gradient(left, #bf3193 0%, #e255a0 100%);
      background: linear-gradient(90deg, #bf3193 0%, #e255a0 100%); }
    .recruit__event .item:nth-child(3n + 2) {
      background: #f07048;
      background: -webkit-gradient(linear, right top, left top, from(#f07048), to(#faa632));
      background: -webkit-linear-gradient(right, #f07048 0%, #faa632 100%);
      background: -o-linear-gradient(right, #f07048 0%, #faa632 100%);
      background: linear-gradient(-90deg, #f07048 0%, #faa632 100%); }
    .recruit__event .item:nth-child(3n + 3) {
      background: #634a9e;
      background: -webkit-gradient(linear, left top, right top, from(#634a9e), to(#8c62ab));
      background: -webkit-linear-gradient(left, #634a9e 0%, #8c62ab 100%);
      background: -o-linear-gradient(left, #634a9e 0%, #8c62ab 100%);
      background: linear-gradient(90deg, #634a9e 0%, #8c62ab 100%); }
    @media (min-width: 1025px) {
      .recruit__event .item:hover {
        -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); } }
    @media (max-width: 1025px) {
      .recruit__event .item {
        width: calc(100% / 3 - 40px); } }
    @media (max-width: 768px) {
      .recruit__event .item {
        width: 50%;
        height: auto;
        padding: 20px;
        min-height: 100px; }
        .recruit__event .item + .item {
          margin-top: 15px; } }
    @media (max-width: 577px) {
      .recruit__event .item {
        width: 70%; } }
    @media (max-width: 577px) {
      .recruit__event .item:first-child > img {
        width: 70px; } }
    .recruit__event .item:nth-child(2) > img {
      width: 100px;
      margin-bottom: 0; }
      @media (max-width: 768px) {
        .recruit__event .item:nth-child(2) > img {
          width: 70px; } }
    .recruit__event .item > img {
      width: 105px;
      margin-bottom: 10px; }
      @media (max-width: 768px) {
        .recruit__event .item > img {
          width: 80px; } }
      @media (max-width: 577px) {
        .recruit__event .item > img {
          margin-bottom: 0;
          margin-right: 15px; } }
    .recruit__event .item h2 {
      font-size: 20px;
      margin-bottom: 0; }

.recruit__eventinfo .item + .item {
  margin-top: 115px; }
  @media (max-width: 577px) {
    .recruit__eventinfo .item + .item {
      margin-top: 50px; } }

.recruit__eventinfo img {
  margin-bottom: 20px; }

.recruit__eventinfo p {
  font-size: 18px; }

.benefit .recruit__blocklist .item__info > h3 {
  margin-bottom: 20px; }
  .benefit .recruit__blocklist .item__info > h3 > img {
    width: 110px;
    margin-right: 10px; }
    @media (max-width: 577px) {
      .benefit .recruit__blocklist .item__info > h3 > img {
        width: 100px; } }

.benefit .recruit__blocklist:nth-child(1) h3 {
  color: #71bf44; }

.benefit .recruit__blocklist:nth-child(2) h3 {
  color: #00bdf2; }

.benefit .recruit__blocklist:nth-child(3) h3 {
  color: #f8991c; }

.btn__join {
  position: absolute;
  left: 50%;
  top: 42%;
  color: #ffa124;
  font-weight: bold;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 10px;
  background: #fff;
  border-radius: 30px;
  text-align: center;
  display: inline-block !important;
  width: 200px !important;
  height: auto !important; }
  .btn__join:hover {
    background: #ffa124;
    color: #fff; }
  @media (max-width: 1281px) {
    .btn__join {
      top: 45%; } }
  @media (max-width: 577px) {
    .btn__join {
      padding: 5px;
      width: 120px !important; } }

.sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: 1100px;
  width: 90%;
  margin: 0 auto 100px auto; }
  .sitemap > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 50%;
    padding: 1.5625vw 1.5625vw; }
  .sitemap a {
    display: block; }
  .sitemap .full {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%; }
  @media (max-width: 768px) {
    .sitemap .block {
      padding: 30px; } }
  @media (max-width: 577px) {
    .sitemap .block {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      max-width: 100%; } }
  .sitemap .block__title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
    padding-right: 30px; }
    .sitemap .block__title:after {
      content: '\e805';
      font-weight: normal;
      position: absolute;
      right: 0;
      color: #0061a9; }
  .sitemap .block > ul > li + li {
    margin-top: 20px; }
  .sitemap .block > ul > li > a {
    color: #3e3e3e;
    text-decoration: underline; }
    .sitemap .block > ul > li > a:hover, .sitemap .block > ul > li > a:active {
      color: #0061a9; }

body,
html {
  font-family: 'Open Sans', 'Microsoft JhengHei', 'fontello', sans-serif;
  overflow-x: hidden; }

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

.csr .clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.csr .l__texteditor h3 {
  margin-bottom: 1em;
}
.csr .l__texteditor p + p.mt0 {
  margin-top: 0;
}
.csr .l__texteditor p + p.mt50 {
  margin-top: 50px;
}
.csr .bs100 {
  box-shadow: 0 0 100px rgba(0,0,0,.04);
}
.csr .vtop {
  vertical-align: top;
}

@media (min-width: 1026px) {
  .mlr10 + .mlr10 {
    margin-left: 20px;
  }
  .mlr25 + .mlr25 {
    margin-left: 50px;
  }
  .csr .img__fr {
    float: right;
    margin-left: 50px;
    margin-bottom: 25px;
  }
}
@media (max-width: 1025px) {
  .csr .img__fr {
    width: 100%;
  }
}

.csr__governance__statement .csr__governance__sign {
  margin-bottom: 0;
}
@media (max-width: 577px) {
  .csr__governance__statement .csr__governance__sign span {
    display: block;
    line-height: 1;
  }
}

.csr__governance__overview {
  position: relative;
}
.csr__governance__overview::before {
  content: '';
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #F8F8F8;
}
.csr__governance__overview > div {
  position: relative;
  padding-top: 0
}
.csr__governance__overview .about__video {
  display: block;
}
.csr__governance__overview .about__video > * {
  max-width: 100%;
}
@media (min-width: 1500px) {
  .csr__governance__overview .about__video .block {
    padding-top: 211.5px;
    padding-bottom: 211.5px;
  }
}

.csr__governance__plants .col__text {
  background: none;
}
@media (min-width: 1026px) {
  .csr__governance__plants .col:nth-child(odd) .col__text {
    padding: 4vw 11vw 3vw 6vw;
  }
  .csr__governance__plants .col__text > h3 {
    margin-left: 2.5em;
  }
}
@media (max-width: 1025px) {
  .csr__governance__plants .col__text > p br {
    display: none;
  }
}
.csr__governance__plants h3 {
  margin: 0;
  line-height: 1.5;
}
.csr__governance__plants p {
  margin: 0;
  line-height: 1.75;
}
.csr__governance__plants ul {
  margin-top: 40px;
}
.csr__governance__plants ul li + li {
  margin-top: 1.5em;
}

.csr__governance__financial {
  position: relative;
}
@media (min-width: 769px) {
  .csr__governance__financial::before {
    content: '';
    position: absolute;
    top: 300px;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: #F8F8F8;
  }
}
@media (max-width: 768px) {
  .csr__governance__financial {
    background-color: #F8F8F8;
  }
}
.csr__governance__financial > div {
  position: relative;
  z-index: 1;
}
.csr__governance__financial img {
  vertical-align: top;
}
@media (min-width: 1500px) {
  .csr__governance__financial img + img {
    margin-left: 35px;
  }
}
@media (max-width: 1499px) {
  .csr__governance__financial img + img {
    margin-top: 25px;
  }
}

@media (min-width: 1500px) {
  .csr__governance__corporate .float-left {
    float: left;
    display: block;
    margin-top: 50px;
    margin-right: 80px;
  }
  .csr__governance__corporate .float-left + .float-left {
    margin-left: -40px;
    margin-right: 0;
    margin-bottom: 75px;
  }
}
@media (max-width: 1499px) {
  .csr__governance__corporate .float-left {
    margin-top: 50px;
  }
  .csr__governance__corporate .float-left + p {
    margin-top: 50px;
  }
}

.csr__textwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1026px) {
  .csr__textwrap.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .csr__textwrap .p100 {
    padding: 0 100px;
  }
  .csr__textwrap .p150 {
    padding: 0 150px;
  }
  .declaration__textwrap > * + * {
    margin-left: 85px;
  }
  .declaration__textwrap.reverse > * + * {
    margin-left: 0;
    margin-right: 85px;
  }
  .stakeholder__textwrap > * + * {
    margin-left: 40px;
  }
  .stakeholder__textwrap.reverse > * + * {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media (max-width: 1025px) {
  .csr__textwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.sustainability__solar .col:nth-child(odd)  .col__text {
  background-color: #ffffff;
}
@media (min-width: 1026px) {
  .sustainability__solar .col:nth-child(odd)  .col__text {
    padding: 20px 4.56667vw 20px 10.41667vw;
  }
}

@media (min-width: 1026px) {
  .social__video {
    display: block;
    overflow: hidden;
  }
  .social__video .news__video {
    float: left;
    width: 33.33333%;
    max-width: unset;
  }
  .social__video .news__video .imgFill {
    padding-bottom: 56.25%;
  }
  .social__video .news__video:nth-child(1) {
    width: 66.66666%;
  }
  .social__video .news__video:nth-child(1) .imgFill {
    padding-bottom: 72%;
  }
  .social__video .news__video:nth-child(1) .tag,
  .social__video .news__video:nth-child(1) .date {
    font-size: 18px;
  }
  .social__video .news__video:nth-child(1) .text h3 {
    font-size: 22px;
  }
  .social__video .news__video:nth-child(-n+3) {
    padding-bottom: 0;
  }
}
.download__wrap {
  width: 100%;
  max-width: 1115px;
  margin: 50px auto 0;
}
@media (min-width: 480px) {
  .download__wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 1026px) {
  .download__wrap .csr__download {
    width: calc(25% - 135px/4);
  }
  .download__wrap .csr__download:nth-child(-n+4) {
    margin-top: 0;
  }
  .download__wrap .csr__download:nth-child(4n+0) {
    margin-right: 0;
  }
}
@media (max-width: 1025px) and (min-width: 992px) {
  .download__wrap .csr__download {
    width: calc(100%/3 - 30px);
  }
  .download__wrap .csr__download:nth-child(-n+3) {
    margin-top: 0;
  }
  .download__wrap .csr__download:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media (max-width: 991px) and (min-width: 480px) {
  .download__wrap .csr__download:nth-child(-n+2) {
    margin-top: 0;
  }
  .download__wrap .csr__download:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .download__wrap .csr__download {
    margin: 60px 45px 0 0;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .download__wrap .csr__download {
    width: calc(50% - 45px/2);
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .download__wrap .csr__download {
    width: calc(50% - 15px);
    margin: 45px 30px 0 0;
  }
}
@media (max-width: 479px) {
  .download__wrap .csr__download + .csr__download {
    margin-top: 45px;
  }
}
.download__wrap .csr__download a {
  display: block;
}
.download__wrap .csr__download .cover {
  position: relative;
}
.download__wrap .csr__download .imgFill {
  display: block;
  padding-bottom: 140.8165%;
  box-shadow: 10px 10px 30px rgba(0,0,0,.1);
}
.download__wrap .csr__download .hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  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;
  background-color: rgba(0,186,233,.8);
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
.download__wrap .csr__download .hover .icon {
  display: block;
  width: 48px;
  margin-bottom: 15px;
}
.download__wrap .csr__download .text {
  margin-top: 20px;
}
.download__wrap .csr__download a:hover .hover {
  opacity: 1;
}

.quest__wrap {
  max-width: 1300px;
  margin: 30px auto 0;
}
.quest__form {
  margin-top: 15px;
}
.quest__form fieldset {
  overflow: hidden;
}
.quest__form fieldset + fieldset {
  margin-top: 25px;
}
.quest__form legend {
  max-width: unset;
  background-color: #EBF8FB;
  padding: 20px 40px;
  font-size: 18px;
}
.quest__form .custom__control {
  float: left;
  margin-top: 15px;
  color: #777777;
}
.quest__form .custom__control input {
  display: none;
}
.quest__form .custom__control label {
  position: relative;
  padding-left: 35px;
  line-height: 1.15;
  cursor: pointer;
}
.quest__form .custom__control label::before,
.quest__form .custom__control label::after {
  content: '';
  position: absolute;
  display: block;
}
.quest__form .custom__control label::before {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #E5E5E5;
}
.quest__form .custom__control label::after {
  opacity: 0;
}
.quest__form .custom__control input:checked + label {
  color: #3c3c3c;
}
.quest__form .custom__control input:checked + label::before {
  border-color: #CCCCCC;
}
.quest__form .custom__control input:checked + label::after {
  opacity: 1;
}
.quest__form .custom__radio label::before,
.quest__form .custom__radio label::after {
  border-radius: 50%;
}
.quest__form .custom__radio label::after {
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #00BAE9;
  border: 4px solid #ffffff;
}
.quest__form .custom__checkbox label::before {
  border-radius: 25%;
}
.quest__form .custom__checkbox label::after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 12px;
  border-left: 5px solid #00BAE9;
  border-bottom: 5px solid #00BAE9;
  transform: rotate(-45deg);
}
.quest__form .form__textarea {
  display: block;
  resize: none;
  width: 100%;
  padding: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 0;
  line-height: 1.35;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.quest__form .btn__group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 45px;
}
.quest__form .btn__group .row__child {
  max-width: calc(50% - 5px);
}
.quest__form .btn__group .row__child + .row__child {
  margin-left: 10px;
}
.quest__form .btn__group .btn {
  width: 205px;
  max-width: 100%;
  height: 50px;
  background-color:#00AEEF;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.quest__form .btn__group .btn:hover,
.quest__form .btn__group .btn:active {
  background: #0061a9;
}

.quest-ok{text-align:center;}

@media (min-width: 1026px) {
  .quest__form fieldset {
    padding: 25px 0 25px 40px;
  }
  .quest__form legend {
    width: calc(100% + 40px);
    margin: 0 0 0 -40px;
  }
  .quest__form .custom__control {
    width: 25%;
  }
  .quest__form .custom__control:nth-of-type(-n+4) {
    margin-top: 0;
  }
  .quest__form .form__textarea {
    width: calc(100% + 40px);
    margin-left: -40px;
  }
}
@media (max-width: 1025px) and (min-width: 480px) {
  .quest__form fieldset {
    padding: 25px 15px;
  }
  .quest__form .custom__control {
    width: calc(50% - 15px);
  }
  .quest__form .custom__control:nth-of-type(odd) {
    margin-right: 15px;
  }
  .quest__form .custom__control:nth-of-type(even) {
    margin-left: 15px;
  }
  .quest__form .custom__control:nth-of-type(-n+2) {
    margin-top: 0;
  }
  .quest__form .custom__control:nth-of-type(2n+0) {
    margin-right: 0;
  }
}
@media (max-width: 1025px) {
  .quest__form legend {
    margin-bottom: 0;
  }
  .quest__form legend,
  .quest__form .form__textarea {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
  .quest__form .btn__group {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .quest__form fieldset {
    padding: 15px;
  }
  .quest__form legend {
    padding: 15px;
  }
  .quest__form .custom__control {
    width: 100%;
    margin: 0;
  }
  .quest__form .custom__control + .custom__control {
    margin-top: 15px;
  }
  .quest__form .btn__group {
    margin-top: 10px;
  }
}

/*csr_contact*/
.fc_black{color:#000;}
.csr_contact_wrap{width:100%;display:flex;flex-direction:row-reverse;padding:60px 0 0 0;}
.csr_contact_img{width:560px;float:right;padding-left:50px;}
.csr_contact_img img{width:100%;max-width:510px;height:auto;float:right;}
.csr_contact_zoom{width:calc(100% - 560px);}
.csr_contact_title{border-top:2px solid #8C8C8C;border-bottom:1px solid #E5E5E5;width:100%;font-size:22px;font-weight:bold;color:#000;padding:22px 0 25px 15px;line-height:1.4em;float:left;}
.csr_contact_data{font-size:16px;color:#404040;line-height:28pt;padding:20px 15px 55px 15px;float:left;}
.csr_contact_data p{line-height: 28px;margin-bottom:15px;}
.csr_contact_data a{color:#00BAE9;text-decoration: underline;}
.csr_contact_data a:hover{color:#F8991C;transition:color .3s linear;}
.csr_contact_data span{font-weight:bold;padding-top:20px;display:block;}
.csr_w100{width:100%;max-width:1450px;display:flex;flex-wrap: wrap;}
.csr_data_max{max-width:625px;}
.csr_contact_data a[href^=tel]{color:#404040;text-decoration: none;}
.csr_contact_data a[href^=tel]:hover{color:#00BAE9;transition:color .3s linear;}
.csr_w100 .csr_contact_data{padding:20px 15px 30px 15px;}
.csr_w100 .table_wrap{overflow-x: auto;margin-bottom:35px;}
.table_wrap .csr_contact_table{width:100%;table-layout:fixed;min-width:650px;}
.csr_contact_table tr:nth-of-type(odd){background:#EDEDED;}
.csr_contact_table th{background:#333;color:#fff;font-size:16px;text-align:center;border-right:3px solid #fff;padding:13px 0;}
.csr_contact_table th:nth-of-type(1){width:27%;max-width:400px;min-width:180px;}
.csr_contact_table th:nth-of-type(2){width:20%;max-width:300px;}
.csr_contact_table th:nth-of-type(3){width:53%;max-width:745px;}
.csr_contact_table td{font-size:18px;line-height:24px;padding:25px 15px 25px 45px;}
.csr_contact_table td:nth-of-type(1){font-weight:bold;min-width:180px;}
.csr_contact_table td:nth-of-type(2){font-size:16px;text-align:center;padding:25px 0;}
.csr_contact_table td:nth-of-type(3){font-size:16px;padding:25px 0 25px 55px;}
@media(max-width:1100px){
  .csr_contact_img,.csr_contact_zoom{width:50%;}
}
@media(max-width:992px){
  .csr_contact_wrap{flex-wrap: wrap;}
  .csr_contact_img{width:100%;text-align: center;padding-left:0;padding-bottom:50px;}
  .csr_contact_img img{margin:0 auto;float:none;}
  .csr_contact_zoom{width:100%;}
}
@media(max-width:768px){
  .csr_contact_wrap{padding:35px 0 0 0;}
  .csr_contact_table td,.csr_contact_table td:nth-of-type(3){padding:25px 15px;}
  .csr_contact_table td:nth-of-type(1){width:180px;}
}
@media(max-width:577px){
  .csr_contact_wrap{padding:20px 0 0 0;}
  .csr_contact_img{padding-bottom:35px;}
  .csr_contact_title{font-size:20px;padding:17px 0 20px 15px;}
  .csr_contact_data{font-size:14px;line-height:24px;padding:20px 15px 35px 15px;}
  .csr_contact_data p{text-align:justify;}
  .csr_w100 .table_wrap{margin-bottom:0;}
  .csr_contact_table th{font-size:14px;}
  .csr_contact_table td{font-size:16px;}
  .csr_contact_table td:nth-of-type(2){font-size:14px;}
}
@media(max-width:325px){
  .csr_contact_data a{display:block;}
}

.form__submit {
  display: -webkit-box;
  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: 165px 0 140px;
}
@media (max-width: 1025px) {
  .form__submit {
    padding: 125px 0 100px;
  }
}
@media (max-width: 479px) {
  .form__submit {
    padding: 50px 0;
  }
}
.form__submit .l__texteditor {
  max-width: 550px;
}
.form__submit .l__texteditor p:not([class*="mt"]) {
  margin: 0;
}
.form__submit .l__texteditor p[class*="mt"] {
  margin-bottom: 0;
}
.form__submit .l__texteditor p + p {
  margin-top: 10px;
}
.form__submit .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 205px;
  height: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  background-color: #00AEEF;
  text-transform: uppercase;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.form__submit .btn:hover {
  background: #0061a9;
}

.l__overlay__form {
  background: none;
}
.l__overlay__form .overlay {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .9;
}
.l__formwrap {
  top: calc(50% + 24px);
  max-width: 1600px;
  width: calc(100% - 100px);
}
@media (max-width: 991px) {
  .l__formwrap {
    width: calc(100% - 30px);
  }
}
@media (max-width: 479px) {
  .l__formwrap {
    width: 100%;
    left: 0;
    right: 0;
    margin-top: -20px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
}
.l__formwrap .form {
  max-height: 75vh;
  overflow: auto;
  padding: 70px 50px;
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .l__formwrap .form {
    padding: 25px;
  }
}
@media (max-width: 479px) {
  .l__formwrap .btn__close {
    right: 15px;
  }
  .l__formwrap .form {
    padding: 25px 15px;
  }
}
.l__formwrap .form .l__texteditor {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.interactive__top {
  background-image: url('../images/11-csr/interactive/bg.png');
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (min-width: 1026px) {
  .interactive__top {
    padding-bottom: 150px;
  }
}
.interactive__calc {
  margin-top: 35px;
}
.interactive__table {
  width: 100%;
  border: none;
  table-layout: fixed;
  line-height: 1;
}
.interactive__table + .interactive__table {
  margin-top: 40px;
}
.interactive__table th {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 15px;
}
.interactive__table th:nth-child(2) {
  padding-left: 10px;
}
.interactive__table td {
  vertical-align: middle;
  padding: 20px 10px;
  font-size: 16px;
}
.interactive__table td:nth-child(1) {
  padding-left: 20px;
}
.interactive__table td:nth-child(3) {
  padding-right: 20px;
}
.interactive__table td:nth-child(4) {
  border-left: 1px dashed #ffffff;
}
.interactive__table input,
.interactive__table select {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 65px 0 20px;
  background-color: #FFFBE7;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}
.interactive__table select {
  background-image: url('../images/00-public/bg-select2.png');
  background-size: 14px 14px;
  background-position: right 20px center;
  background-repeat: no-repeat;
}
.interactive__table .form__group {
  position: relative;
}
.interactive__table label {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px
}
.interactive__table .dollar {
  position: relative;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}
.interactive__table .dollar::before {
  position: absolute;
  top: calc(50% - 8px);
  left: 65px;
  content: 'NT$';
  font-size: 16px;
  font-weight: normal;
}
.interactive__table01 td {
  background-color: #FFDC82;
}
.interactive__table01 input,
.interactive__table01 select {
  border: 1px solid #FFC633;
}
.interactive__table02 td {
  background-color: #86D4CD;
}
.interactive__table02 input,
.interactive__table02 select {
  border: 1px solid #3FB3AA;
}
.interactive__table03 td {
  background-color: #FE9770;
}
.interactive__table03 input,
.interactive__table03 select {
  border: 1px solid #FF6933;
}
@media (max-width: 1500px) {
  .interactive__table .dollar {
    text-align: right;
    padding-right: 25px;
  }
  .interactive__table .dollar::before {
    left: 20px;
  }
}
@media (max-width: 991px) {
  .interactive__table + .interactive__table {
    margin-top: 25px;
  }
  .interactive__table th {
    font-size: 18px;
  }
  .interactive__table td {
    padding: 10px 5px;
  }
  .interactive__table td:nth-child(1) {
    padding-left: 10px;
  }
  .interactive__table td:nth-child(3) {
    padding-right: 10px;
  }
  .interactive__table .dollar {
    padding-right: 5px;
  }
  .interactive__table .dollar::before {
    position: static;
    display: block;
  }
}
@media (max-width: 767px) {
  .interactive__table tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .interactive__table td:nth-child(1) {
    width: 50%;
  }
  .interactive__table th:nth-child(2) {
    display: none;
  }
  .interactive__table td:nth-child(2),
  .interactive__table td:nth-child(3) {
    width: 25%;
  }
  .interactive__table td:nth-child(4) {
    width: 100%;
    border: none;
  }
  .interactive__table input,
  .interactive__table select {
    height: 45px;
    padding: 0 45px 0 10px;
  }
  .interactive__table select {
    background-position: right 10px center;
    background-size: 12px 12px;
    padding-right: 30px;
  }
  .interactive__table label {
    right: 10px;
  }
}
@media (max-width: 479px) {
  .interactive__table td:nth-child(1) {
    width: 100%;
    padding-right: 10px;
  }
  .interactive__table td:nth-child(2) {
    padding-left: 10px;
  }
  .interactive__table td:nth-child(2),
  .interactive__table td:nth-child(3) {
    width: 50%;
    padding-top: 0;
  }
}
.interactive__table__total {
  width: 100%;
  table-layout: fixed;
  border: none;
  margin-top: 55px;
  line-height: 1;
}
.interactive__table__total th {
  vertical-align: top;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 15px;
}
.interactive__table__total td {
  position: relative;
  text-align: center;
}
.interactive__table__total th:nth-child(1),
.interactive__table__total td:nth-child(1) {
  padding-right: calc(100px/3);
}
.interactive__table__total th:nth-child(2),
.interactive__table__total td:nth-child(2) {
  padding-left: calc(50px/3);
  padding-right: calc(50px/3);
}
.interactive__table__total th:nth-child(3),
.interactive__table__total td:nth-child(3) {
  padding-left: calc(100px/3);
}
.interactive__table__total span {
  position: relative;
  display: block;
  width: 100%;
  height: 90px;
  background-color: #FFFBE7;
  font-size: 28px;
  font-weight: 700;
  line-height: 70px;
}
.interactive__table__total span::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
}
.interactive__table__total .result__w {
  border: 10px solid rgba(155, 193, 42, .6);
  color: #9BC12A;
}
.interactive__table__total .result__w::after {
  content: 'degrees';
}
.interactive__table__total .result__co2 {
  border: 10px solid rgba(41, 166, 255, .6);
  color: #29A6FF;
}
.interactive__table__total .result__co2::after {
  content: 'kg';
}
.interactive__table__total .result__cost {
  border: 10px solid rgba(255, 122, 2, .6);
  color: #FF7A02;
}
.interactive__table__total .result__cost::after {
  content: 'NT$';
  left: 30px;
  right: auto;
}
@media (max-width: 1500px) {
  .interactive__table__total td:nth-child(1),
  .interactive__table__total td:nth-child(2) {
    text-align: left;
  }
  .interactive__table__total td:nth-child(1) span,
  .interactive__table__total td:nth-child(2) span {
    padding-left: 25px;
  }
  .interactive__table__total td:nth-child(3) {
    text-align: right;
  }
  .interactive__table__total td:nth-child(3) span {
    padding-right: 25px;
  }
}
@media (max-width: 991px) {
  .interactive__table__total th {
    font-size: 18px;
  }
  .interactive__table__total th:nth-child(1),
  .interactive__table__total td:nth-child(1) {
    padding-right: 10px;
  }
  .interactive__table__total th:nth-child(2),
  .interactive__table__total td:nth-child(2) {
    padding-left: 5px;
    padding-right: 5px;
  }
  .interactive__table__total th:nth-child(3),
  .interactive__table__total td:nth-child(3) {
    padding-left: 10px;
  }
  .interactive__table__total td:nth-child(1) span,
  .interactive__table__total td:nth-child(2) span {
    padding-left: 10px;
  }
  .interactive__table__total td:nth-child(3) span {
    padding-right: 10px;
  }
  .interactive__table__total span::after {
    right: 10px;
  }
  .interactive__table__total .result__cost::after {
    left: 10px;
    right: auto;
  }
}
@media (max-width: 767px) {
  .interactive__table__total thead {
    display: none;
  }
  .interactive__table__total tr,
  .interactive__table__total td {
    display: block;
  }
  .interactive__table__total td {
    padding: 0 !important;
  }
  .interactive__table__total td + td {
    margin-top: 25px;
  }
  .interactive__table__total td::before {
    content: attr(data-title);
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
  }
}
.interactive__note {
  margin-top: 60px;
  background-color: #ffffff;
  border: 5px solid #E5E5E5;
  padding: 30px 65px;
}
.interactive__note p {
  margin: 0;
}
.interactive__note p + p {
  margin-top: 0.5em;
}
@media (min-width: 768px) {
  .interactive__middle {
    padding-bottom: 140px;
  }
}
@media (max-width: 991px) {
  .interactive__note {
    padding: 30px;
  }
}
@media (max-width: 479px) {
  .interactive__note {
    padding: 25px;
  }
}
.interactive__bottom {
  background-image: url('../images/11-csr/interactive/bg2.png');
  background-position: bottom -45px right 50px;
  background-repeat: no-repeat;
}
.interactive__tabnav ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.interactive__tabnav ul li {
  position: relative;
  width: calc(100%/6 - 25px/6);
  -webkit-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}
.interactive__tabnav ul li::before,
.interactive__tabnav ul li::after {
  content: '';
  position: absolute;
  left: calc(50% - 20px);
  bottom: -15px;
  display: block;
  display: block;
  width: 35px;
  height: 35px;
  transform: rotate(45deg) skew(10deg, 10deg);
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
.interactive__tabnav ul li::before {
  box-shadow: 0 8px 30px rgba(0,0,0,.3);
  z-index: 1;
}
.interactive__tabnav ul li::after {
  z-index: 3;
}
.interactive__tabnav a {
  position: relative;
  z-index: 2;
  display: block;
  padding-bottom: 100%;
  font-size: 22px;
  font-weight: 700;
}
.interactive__tabnav a .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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;
}
.interactive__tabnav ul li:nth-child(1) a {
  background-color: #FCF7BD;
  color: #FDCF57;
}
.interactive__tabnav ul li:nth-child(1)::after {
  background-color: #FCF7BD;
}
.interactive__tabnav ul li:nth-child(2) a {
  background-color: #FCDABD;
  color: #FDA257;
}
.interactive__tabnav ul li:nth-child(2)::after {
  background-color: #FCDABD;
}
.interactive__tabnav ul li:nth-child(3) a {
  background-color: #FCD2DE;
  color: #FA6B6C;
}
.interactive__tabnav ul li:nth-child(3)::after {
  background-color: #FCD2DE;
}
.interactive__tabnav ul li:nth-child(4) a {
  background-color: #E8D2FC;
  color: #D09EFC;
}
.interactive__tabnav ul li:nth-child(4)::after {
  background-color: #E8D2FC;
}
.interactive__tabnav ul li:nth-child(5) a {
  background-color: #C9E8FD;
  color: #7ECDF4;
}
.interactive__tabnav ul li:nth-child(5)::after {
  background-color: #C9E8FD;
}
.interactive__tabnav ul li:nth-child(6) a {
  background-color: #C7F5FF;
  color: #7EE0F4;
}
.interactive__tabnav ul li:nth-child(6)::after {
  background-color: #C7F5FF;
}
.interactive__tabnav ul li.active {
  z-index: 5;
  transform: scale(1.15);
}
.interactive__tabnav ul li.active a {
  box-shadow: 0 8px 30px rgba(0,0,0,.3);
}
.interactive__tabnav ul li.active::before,
.interactive__tabnav ul li.active::after {
  opacity: 1;
}
.interactive__tabnav img,
.interactive__tabnav span {
  display: block;
}
.interactive__tabnav img {
  width: 90px;
  height: 90px;
}
.interactive__tabnav span {
  margin-top: 10px;
}
.interactive__tabs {
  margin-top: 65px;
}
.interactive__tabs .tab {
  display: none;
  line-height: 2;
}
.interactive__tabs .tab h4 {
  margin-bottom: 1em;
}
.interactive__tabs .tab ol {
  padding-left: 1.15em;
}
@media (min-width: 768px) {
  .interactive__bottom {
    padding-top: 0;
    margin-top: -80px;
  }
}
@media (max-width: 1500px) {
  .interactive__tabnav a {
    font-size: 18px;
  }
  .interactive__tabnav img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 1200px) {
  .interactive__tabnav a {
    font-size: 16px;
  }
  .interactive__tabnav img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1025px) {
  .interactive__tabnav ul li::before,
  .interactive__tabnav ul li::after {
    left: calc(50% - 10px);
    bottom: -10px;
    width: 20px;
    height: 20px;
  }
  .interactive__tabnav span {
    display: none;
  }
}
@media (max-width: 767px) {
  .interactive__bottom {
    background-size: 90% auto;
    background-position: center bottom;
  }
  .interactive__tabs {
    margin-top: 35px;
  }
  .interactive__tabnav ul li {
    width: calc(100%/6 - 20px/6);
  }
  .interactive__tabnav ul li::before, .interactive__tabnav ul li::after {
    left: calc(50% - 7.5px);
    bottom: -7.5px;
    width: 15px;
    height: 15px;
  }
  .interactive__tabnav ul li::before {
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
  }
  .interactive__tabnav ul li.active a {
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
  }
  .interactive__tabnav img {
    width: 7vw;
    height: 7vw;
  }
}
@media (max-width: 479px) {
  .interactive__tabs {
    margin-top: 20px;
  }
  .interactive__tabnav ul li::before, .interactive__tabnav ul li::after {
    left: calc(50% - 5px);
    bottom: -5px;
    width: 10px;
    height: 10px;
  }
  .interactive__tabnav ul li::before {
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
  }
  .interactive__tabnav ul li.active a {
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
  }
}

/*舉報信箱*/
.hidden{display:none;}
.mailbox-ok{padding-top:90px;}
.mailbox__wrapper{width:100%;max-width:1394px !important;margin-left:auto;margin-right:auto;}
.mailbox__form .required > *{padding-left:30px;}
.mailbox__form .required{position: relative;}
.mailbox__form .required:before {content: '*';color: #ff0000;position: absolute;left: 37px;top: 12px;}
.mailbox__form select{padding:12px 0;background:url(../images/00-public/bg-select_gray.png) 100% no-repeat;height:48px;}
.mailbox__form select + label, .mailbox__form textarea + label{display:inline;}
.mailbox__form input, .mailbox__form textarea{padding:12px 0;}
.mailbox__form input{height:48px;}
.mailbox__form input + label{display:inline;}
.mailbox__form input[type=number]::-webkit-inner-spin-button,
.mailbox__form input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;margin: 0; }

.mailbox__form textarea{width:100%;}

.mailbox__wrapper .row{display:flex;flex-wrap:wrap;margin-bottom:25px;}
.mailbox__wrapper .row > *{padding:0 17px;}
/* .mailbox__wrapper .row .row_select_ship{width:33.28%;max-width: 464px;}
.mailbox__wrapper .row .row_select_sort{width:66.72%;max-width: 930px;} */
.mailbox__wrapper .row .row_select_ship{width:50%;}
.mailbox__wrapper .row .row_select_sort{width:50%;}
.mailbox__wrapper .row p{display:block;width:100%;margin-bottom:10px;}
.mailbox__wrapper .row .row_data{width:calc(100% / 3);flex-grow: 1;}
.mailbox__wrapper .row .row_captcha{width:66.72%;max-width: 930px;}
.mailbox__wrapper .row .row_captcha .box{border:1px solid #aaa;}
.mailbox__wrapper .row .row_captcha input{width:calc(100% - 125px);border:none;}
.mailbox__wrapper .row .row_captcha .box + label, .mailbox__wrapper .row .row_captcha .box > label{display:inline;line-height:0;padding:0;margin:0;}
.mailbox__wrapper .row .row_captcha a{padding-left:0;display:inline-block;}
.mailbox__wrapper .row .row_captcha a + label{display:inline;}
.mailbox__wrapper .row .row_captcha img{height:48px;}
.mailbox__wrapper .row .row_btn_box{width:33.28%;max-width: 464px;display:flex;}
.mailbox__wrapper .row .row_btn_box + label{display:inline;}
.mailbox__wrapper .row .row_btn_box .btn{background:#00AEEF;color:#fff;text-align:center;margin-left:11px;height:50px;line-height:50px;width:calc(50% - 11px);float:left;padding:0;transition: 0.3s background-color;}
.mailbox__wrapper .row .row_btn_box .btn:hover{background:#0061a9;}

@media(max-width:1150px){
  .mailbox__wrapper .row .row_select_ship{width:100%;}
  .mailbox__wrapper .row .row_select_sort{width:100%;margin-top:25px;}
}

@media(max-width:1025px){
  /* .mailbox__wrapper .row .row_select_ship{width:50%;}
  .mailbox__wrapper .row .row_select_sort{width:50%;} */
  .mailbox__wrapper .row .row_data{width:50%;}
  .mailbox__wrapper .row .row_data:nth-of-type(3){margin-top:25px;}
  .mailbox__wrapper .row .row_captcha{width:50%;}
  .mailbox__wrapper .row .row_btn_box{width:50%}
}
@media(max-width:768px){
  .mailbox__wrapper .row > *{padding:0;}
  .mailbox__wrapper .row .row_select_ship{width:100%;max-width:100%;}
  .mailbox__wrapper .row .row_select_sort{width:100%;max-width:100%;margin-top:25px;}
  .mailbox__wrapper .row .row_data{width:100%;}
  .mailbox__wrapper .row .row_data:nth-of-type(2){margin-top:25px;}
  .mailbox__wrapper .row .row_captcha{width:100%;}
  .mailbox__wrapper .row .row_btn_box{width:100%}
  .mailbox__form .required:before{left:20px;top:13px;}
  .mailbox__form input, .mailbox__form textarea{padding:13px 0;}
  .mailbox__wrapper .row .row_btn_box{margin-top:25px;width:100%;max-width:100%;}
  .mailbox__wrapper .row .row_btn_box .btn{width:calc(50% - 17px);margin-left:0;margin-right:17px;}
  .mailbox__wrapper .row .row_btn_box .btn + .btn{margin-right:0;margin-left:17px;}
}

.modal-backdrop{background:rgba(0,0,0,0.9);}
.modal-backdrop.show{opacity:1;}
body.modal-open{height: 100vh; overflow-y: hidden;}
/* body.modal-open {position: fixed;} */
.modalContent{width:85%;background:#fff;max-width:1600px;height:85vh;max-height:700px;padding:45px 0;cursor: default !important;
margin:auto;position: absolute;top:10vh;bottom:0;left:0;right:0;box-shadow:0 7px 30px rgba(0,0,0,0.39);}
.modalContent .close-btn{position: absolute;top:-40px;right:0;}
.modalContent .close-btn svg{width:35px;}
.modalContent .close-btn svg path, .modalbox .close-btn svg rect{fill:#fff;}
.modalContent .fancy-box{width:100%;max-width:1510px;overflow-y: auto;margin:16px auto 11px auto;font-family:"微軟正黑體",Microsoft JhengHei, sans-serif;/*max-height:645px;*/height:calc(100% - 27px);}
.modalContent .fancy-box .zoom{margin:0 auto;padding: 0 100px;}
.modalContent .fancy-box .title{font-weight:bold;letter-spacing:normal;text-align:center;padding-bottom:30px;}
.modalContent .fancy-box p{line-height:2em;}
.modalContent .fancy-box ol{margin:0 0 0 20px;padding:0;}
.modalContent .fancy-box ol li{line-height:2em;margin-bottom:1rem;}
.modalContent .fancy-box .modal-btn-box{width:100%;margin-top:35px;}
.modalContent .fancy-box .modal-btn-box a{display:block;background:#00aeef;width:350px;height:60px;line-height:60px;color:#fff;font-weight:bold;text-align:center;margin:0 auto;}

.radio-check-box input[type=checkbox]{display:none;}
.radio-check-box input[type=checkbox] + label{line-height:20px; cursor: pointer;position: relative;padding-left:25px;}
.radio-check-box input[type=checkbox] + label span.square{position: absolute;;border:1px solid #e5e5e5;border-radius: 5px;width:20px;height:20px;display:inline-block;line-height:20px;top:0;left:0;}
.radio-check-box input[type=checkbox] + label span.square img{position: absolute;top:1px;left:2px;display:block;opacity:0;}
.radio-check-box input[type=checkbox]:checked + label span.square img{opacity:1;}

.radio-check-box.alert input[type=checkbox] + label{color:#e10000;}
.radio-check-box.alert input[type=checkbox] + label span.square{border-color:#e10000;}
.radio-check-box.alert input[type=checkbox]:checked + label{color:#000;}
.radio-check-box.alert input[type=checkbox]:checked + label span.square{border-color:#e5e5e5;}

.modalContent .fancy-box .mCSB_scrollTools{right:30px;}

@media(max-width:1200px){
  .modalContent{padding:30px 0;}
  .modalContent .fancy-box .zoom{padding:0 50px;}
}
@media(max-width:992px){
  .modalContent .fancy-box .mCSB_scrollTools{right:0px;}
  .modalContent .fancy-box .zoom{padding:0 35px;}
}
@media(max-width:768px){
  .modalContent{width:92%;top:80px;height:calc(100vh - 200px);}
}

@media(max-width:576px){
  .modalContent .fancy-box .zoom{padding:0 0 0 20px;}
  .modalContent .fancy-box .modal-btn-box a{width:100%;max-width:350px;height:45px;line-height:45px;}
  .modalContent .fancy-box .mCSB_inside>.mCSB_container{margin-right:20px;}
}