/* Fonts */
:root {
  --default-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Jost", sans-serif;
  --nav-font: "Poppins", sans-serif;
}

/* Global Colors */
:root {
  --background-color: #ffffff;
  --background-color-rgb: 255, 255, 255;
  --default-color: #444444;
  --default-color-rgb: 68, 68, 68;
  --heading-color: #37517e;
  --heading-color-rgb: 55, 81, 126;
  --accent-color: #00aa90;
  --accent-color-rgb: 71, 178, 228;
  --contrast-color: #ffffff;
  --contrast-color-rgb: 255, 255, 255;
}

/* Nav Menu Colors */
:root {
  --nav-color: #ffffff;
  --nav-hover-color: #47b2e4;
  --nav-dropdown-color: #444444;
  --nav-dropdown-hover-color: #47b2e4;
  --nav-dropdown-background-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}



/* Colors */
:root {
  --color-default: #222222;
  --color-primary: #A3C2B1;
  --color-secondary: #5DAC81;
}


.play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(var(--color-primary) 50%, rgba(0, 131, 116, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.play-btn:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  animation-delay: 0s;
  animation: pulsate-btn 2s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(0, 131, 116, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.play-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.play-btn:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  animation: none;
  border-radius: 0;
}

.play-btn:hover:after {
  border-left: 15px solid var(--color-primary);
  transform: scale(20);
}
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Sans+JP&+Mincho&family=Sen&display=swap);
@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 60px;
  z-index: 1000;
  background-color: #fff;
  border-bottom: 1px solid #00aa90;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
          box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
header .content {
  height: 100%;
}
header .content:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: '';
  vertical-align: middle;
}
header #logo {
  display: inline-block;
  vertical-align: middle;
  max-width: 300px;
  width: 10%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(data:image/png;base64,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);
  background-position: center;
}
header #logo:after {
  display: block;
  content: '';
  padding-top: 26%;
}
header #menu_bar {
  display: none;
}
header #menu_bar + label {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-10%, -50%);
      -ms-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
  width: 40px;
  height: 25px;
}
header #menu_bar + label i,
header #menu_bar + label o,
header #menu_bar + label u {
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #00aa90;
  border-radius: 5px;
  left: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header #menu_bar + label o {
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
header #menu_bar + label u {
  top: 100%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
header #menu_list {
  position: absolute;
  width: 80%;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  height: 100%;
  text-align: right;
}
header #menu_list li {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  padding: 0 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header #menu_list li:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 1px;
  -webkit-transform: translate(280%, -30%);
      -ms-transform: translate(280%, -30%);
          transform: translate(280%, -30%);
  background-color: #5dac81;
  height: 30%;
}
header #menu_list li:last-child {
  padding: 0 1%;
}
header #menu_list li:last-child:after {
  display: none;
}
header #menu_list li:last-child:hover,
header #menu_list li:last-child.on {
  background-color: inherit;
}
header #menu_list li:last-child:hover a,
header #menu_list li:last-child.on a {
  color: inherit;
}
header #menu_list li #social_media {
  white-space: nowrap;
}
header #menu_list li #social_media a {
  width: initial;
  margin-right: 10px;
}
header #menu_list li #social_media img {
  display: inline-block;
  max-width: 30px;
  vertical-align: middle;
}
header #menu_list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 4;
  color: #5dac81;
}
header #menu_list li a i,
header #menu_list li a span {
  display: inline-block;
  vertical-align: middle;
}
header #menu_list li a i {
  margin-right: 5px;
}
header #menu_list li:hover,
header #menu_list li.on {
  background-color: #5dac81;
}
header #menu_list li:hover a,
header #menu_list li.on a {
  color: #fff;
}


.lang {
  color: #000;
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 14px;
  padding: 1px 2px;
  letter-spacing: 1px;
  border-radius: 5px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
}

#sider_bar {
  position: fixed;
  z-index: 999;
  top: 50%;
  right: 0;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background-color: #5dac81;
  border-top: 5px solid #5dac81;
  border-left: 5px solid #5dac81;
  border-bottom: 5px solid #5dac81;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 10%;
  max-width: 50px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
          box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
#sider_bar.on {
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#sider_bar #sider_bar_flag {
  position: absolute;
  top: 0%;
  left: 0;
  -webkit-transform: translate(-120%, 50%);
      -ms-transform: translate(-120%, 50%);
          transform: translate(-120%, 50%);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent #5dac81 transparent transparent;
}
#sider_bar li {
  width: 100%;
  padding: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
#sider_bar li:after {
  display: block;
  width: 80%;
  margin: 0 auto;
  content: '';
  height: 1px;
  background-color: #333;
  border-bottom: 1px solid #fff;
}
#sider_bar li:first-child {
  background-color: #fff;
  background-image: url(../img/logo_2.png?21aa51d);
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: center;
  border-top-left-radius: 5px;
}
#sider_bar li:first-child:after {
  background-color: rgba(0,0,0,0);
  padding-top: 120%;
}
#sider_bar li:nth-of-type(3) a {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center;
  -webkit-filter: invert();
          filter: invert();
}
#sider_bar li:nth-of-type(3) a:after {
  display: block;
  content: '';
  padding-top: 80%;
}
#sider_bar li:last-child a {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: center;
}
#sider_bar li:last-child a:after {
  display: block;
  content: '';
  padding-top: 80%;
}
#sider_bar li:last-child:after {
  display: none;
}
#sider_bar li a {
  display: block;
  opacity: 1;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  width: 100%;
  height: 100%;
}
#sider_bar li i {
  display: block;
  font-size: 2rem;
  color: #fff;
}
#sider_bar li:hover a {
  opacity: 0.8;
}
#full {
  display: none;
  position: fixed;
  z-index: 1000;
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1001;
}
.popup .popupcontent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 6px 6px 0px $dark_greens;
          box-shadow: 6px 6px 0px $dark_greens;
  padding: 2%;
}
.popup .popupclose {
  display: block;
  position: absolute;
  top: 2%;
  right: 2%;
  width: 30px;
  height: 30px;
  z-index: 2;
}
.popup .popupclose i,
.popup .popupclose o {
  width: 100%;
  height: 2px;
  background-color: #00aa90;
  position: absolute;
  top: 50%;
  left: 0;
}
.popup .popupclose i {
  -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
.popup .popupclose o {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
      -ms-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
}
#sildbar_mail .popupcontent {
  width: 90%;
  margin: 0 auto;
  max-width: 600px;
}
#sildbar_mail .popupcontent h3 {
  color: #00aa90;
}
#loading {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#loading_icon {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
  border-radius: 30px;
}
#loading_icon #loading_circle {
  width: 100%;
  height: 100%;
  -webkit-animation: loading_circle_ani 1.5s ease-in-out infinite;
          animation: loading_circle_ani 1.5s ease-in-out infinite;
}
#loading_icon #loading_circle:before,
#loading_icon #loading_circle:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 10px;
}
#loading_icon #loading_circle:before {
  left: 0;
  -webkit-transform: translate(-150%, -50%);
      -ms-transform: translate(-150%, -50%);
          transform: translate(-150%, -50%);
}
#loading_icon #loading_circle:after {
  right: 0;
  -webkit-transform: translate(150%, -50%);
      -ms-transform: translate(150%, -50%);
          transform: translate(150%, -50%);
}
#loading_icon:after {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  display: block;
  width: 80%;
  height: 80%;
  content: '';
  background-image: url(../img/loading.png?be966df);
  background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-animation: loading_ani 2s steps(5) infinite;
          animation: loading_ani 2s steps(5) infinite;
}
#loading_mask.mask {
  opacity: 1;
  z-index: 1;
}
footer {
  color: #fff;
  text-align: center;
  background-color: #00aa90;
  font-size: 0.8rem;
  padding: 1% 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  header #logo {
    width: 30%;
    max-width: 200px;
  }
  header #menu_bar + label {
    display: block;
  }
  header #menu_bar ~ #menu_list {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 100%;
    height: 100%;
    background-color: #00aa90;
  }
  header #menu_bar ~ #menu_list li {
    display: block;
    width: 100%;
    height: initial;
    padding: 0 0 0 40%;
    text-align: left;
  }
  header #menu_bar ~ #menu_list li a {
    color: #fff;
  }
  header #menu_bar ~ #menu_list li:hover,
  header #menu_bar ~ #menu_list li.on {
    background-color: #fff;
  }
  header #menu_bar ~ #menu_list li:hover a,
  header #menu_bar ~ #menu_list li.on a {
    color: #00aa90;
  }
  header #menu_bar ~ #menu_list li:last-child:hover,
  header #menu_bar ~ #menu_list li:last-child.on {
    background-color: inherit;
  }
  header #menu_bar ~ #menu_list li:last-child:hover a,
  header #menu_bar ~ #menu_list li:last-child.on a {
    color: inherit;
  }
  header #menu_bar:checked + label i {
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
        -ms-transform: translate(0, -50%) rotate(45deg);
            transform: translate(0, -50%) rotate(45deg);
  }
  header #menu_bar:checked + label o {
    width: 0;
  }
  header #menu_bar:checked + label u {
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
        -ms-transform: translate(0, -50%) rotate(-45deg);
            transform: translate(0, -50%) rotate(-45deg);
  }
  header #menu_bar:checked ~ #menu_list {
    display: block;
  }
  #sider_bar li i {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 400px) {
  header #menu_bar ~ #menu_list li {
    padding: 0 0 0 35%;
  }
  #sider_bar {
    top: 100%;
    -webkit-transform: translate(100%, -130%);
        -ms-transform: translate(100%, -130%);
            transform: translate(100%, -130%);
  }
  #sider_bar.on {
    -webkit-transform: translate(0, -130%);
        -ms-transform: translate(0, -130%);
            transform: translate(0, -130%);
  }
  #sider_bar li {
    display: none;
  }
  #sider_bar li:last-child {
    display: block;
  }
  #sider_bar #sider_bar_flag {
    -webkit-transform: translate(-110%, -5%);
        -ms-transform: translate(-110%, -5%);
            transform: translate(-110%, -5%);
  }
}
@-webkit-keyframes loading_ani {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 100% 0%;
  }
}
@keyframes loading_ani {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 100% 0%;
  }
}
@-webkit-keyframes loading_circle_ani {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-350deg);
            transform: rotate(-350deg);
  }
}
@keyframes loading_circle_ani {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-350deg);
            transform: rotate(-350deg);
  }
}
img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  pointer-events: none;
}
img.frame {
  border: 1px solid #00aa90;
  border-radius: 20px;
  -webkit-box-shadow: 6px 6px 0px #00aa90;
          box-shadow: 6px 6px 0px #00aa90;
}
img.top_list {
  border-top: 5px solid #00aa90;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  -moz-border-bottom-right-radius: 20px;
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
          box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
a {
  color: inherit;
  text-decoration: none;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem /* Preferred icon size */;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.m {
  display: none;
}
.pc {
  display: block;
}
.br {
  font-weight: bolder;
}
.right {
  text-align: right;
}
.mid {
  text-align: center;
}
h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.8rem;
}
h4 {
  font-size: 1.5rem;
}
p {
  font-size: 1.2rem;
}
span {
  font-size: 1rem;
}
.green {
  color: #00aa90;
}
hr {
  margin: 3% auto;
  border: none;
  border-top: 1px solid #fff;
}
html,
body {
  min-height: 100%;
  height: auto;
  font-family: 'Sen', 'Noto Sans JP', 'Noto Sans TC', Helvetica, Arial, 'LiHei Pro', '微軟正黑體', '新細明體', sans-serif;
  font-size: 100%;
  color: #333;
  line-height: 1.5;
  overflow-x: hidden;
}
#wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0 auto;
  padding-top: 60px;
}
section {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 5%;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -webkit-align-items: top;
      -ms-flex-align: top;
          align-items: top;
  width: 100%;
}
.flex .col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex .col2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.flex .col3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.flex .right {
  -webkit-box-align: right;
  -webkit-align-items: right;
      -ms-flex-align: right;
          align-items: right;
}
.mask {
  position: absolute;
  background-color: #5dac81;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.mask:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(data:image/png;base64,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);
  background-repeat: repeat;
  opacity: 0.3;
}
/*------public------*/
.title {
  display: inline-block;
  position: relative;
  border-bottom: 3px solid #00aa90;
  font-size: 2.3rem;
  color: #00aa90;
  margin: 5% 0 0 0;
  padding-right: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  padding-left: 5rem;
}
.title:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAB9CAYAAAAY2F6TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDMtMTdUMTY6NDQ6MjcrMDk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDMtMTdUMTY6NDQ6MjcrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAzLTE3VDE2OjQ0OjI3KzA5OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBjZGQ1MjQ2LTNkMDktNDUwMS04NWQ1LTRmZGJmZWI1MzQzMiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYwMzNiZjQyLTEyY2UtNmE0Mi05NGYyLTE4ZjUxZDM2M2I3MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjlkYTIzOGM0LTIxMDQtNDkxYi1hYmNiLTAxOGZlMzdjNmVjNSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWRhMjM4YzQtMjEwNC00OTFiLWFiY2ItMDE4ZmUzN2M2ZWM1IiBzdEV2dDp3aGVuPSIyMDIwLTAzLTE3VDE2OjQ0OjI3KzA5OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MGNkZDUyNDYtM2QwOS00NTAxLTg1ZDUtNGZkYmZlYjUzNDMyIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTE3VDE2OjQ0OjI3KzA5OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Y3ZrUAAAPc0lEQVR4nO3dfZRdVXnH8e/wEoIkgLy/KKaSEBSIgiBJALHyGlhShMxx2eICikqCwhwkVCFF0AXiS8VNtFiLKLXa1h1aFFgskBQnLyQhBAQUJEIlvqDSBtQgxpCX6R/PHO6dyeTOveeec/Y59/4+a83KYpJ79rMWmSfP3vs5e/cMDAwgIlIF24QOQESkWUpYIlIZSlgiUhlKWCJSGdvV/0dPT0+oOKrJu/HAJOCgwV8nDn5NBl4CLiSKvx8uQJFqG74p2FP/DSWsEXi3E0MTUZKYJgF7N/GEW4A5RPHv8wpRpFMpYTXi3T7A+6lVTJOA/TJ48q+BWUTxnRk8S6RrKGE14t02wO3AGTmN8G/AJUTxCzk9X6SjKGGNxrtxwAPAlJxGWANcRBTPz+n5Ih1DCasZ3r0BWAHsleMo3wVmE8W/zXEMkUobnrDU1jCSKP45cBawIcdRzgSewLtzcxxDpKOowmrEu/OAbxQw0t1YtfWLAsYSqQxNCVvl3eeAywsY6SVgDnAzUaw30kXQlDCNK4C7ChhnPPBV4H68+4sCxhOpHFVYzbCO9qXAoQWNuA64EphHFG8uaEyR0tGUMC2reh4Cdi9w1KXABUTxUwWOKVIaSljt8O4dwAJg+wJHXQ9cA/wDUbyxwHFFgtMaVjuieBEwu+BRdwCuB5bjXV7NrCKVoAorDe++AHw0wMgbgeuATxPFrwQYX6RQqrCy8XdY71TRtgOuBh7BuyMDjC8SlCqstLzbBVgOHBwogk3AF4GriOI/B4pBJFdadM+Sdwdi7xzuFjCKVcAHieLFAWMQyYUSVta8eyfwfYrdORxuAPgSMJco/mPAOEQypTWsrEVxP/CRwFH0AJcAP8K7EwLHIpIbVVhZ8W4ecHHoMAZ9DbiMKF4bOhCRdqjCys+lwH2hgxj0AeAneHd66EBEsqQKK0ve7YrtHE4OHEm9bwGxjmWWKlKFlSe7GefdwO8CR1LvHOygwJmhAxFplyqsPHj3LuBeht37WAK3ARfrWGapClVYRYji+4G+0GGMYCZWbZ0TOhCRNFRh5cm7myj+Zelm3Q18iCh+LnQgIlujxtEiebcdcA9Q1t6ol4DLgK/pWGYpIyWsonn3Wmzn8KDQoTTw39jrPc+GDkSknhJWCN5NBh4EdgkdSgMvY8cyf1nHMktZaNE9hCheBURAmRPBTsCNwMLBBCtSOqqwiuTdxcC80GE0YT1wFfBFHcssIWlKGJp3/wRcGDqMJj0MnEcU/zh0INKdlLBC8257rKn0L0OH0qRXsDPlryOKN4QORrqLElYZeLcbdmXYG0OH0oLHsSvHVoYORLqHElZZePcmrN1h59ChtGAT8HngkzqWWYqghFUm3s0A7qJ6u7WrgL8lipeGDkQK4N22wOuAicAEYC9gT2pHg++C/WO2dvBrDfAs8DTw08FDAVJRwiob72LsMomqGcB2PK8kiv8UOhjJkFX/04GpwFuAw4CxKZ82APwYWIQ1KN9DFK9r+sNKWCXk3c3YoXtVtBqrtn4QOhBJyW6AmgGcApwM7JfjaC8D3wHmEcWPjfaHlbDKyLsxwALguNChtOGfgct1LHMFeLcftQpqOvA2YEyASO7EKvStts0oYZWVd3tgO4cTAkfSjl8Cs4jiEJfMyki82wE4HEtO0wa/Xh80pqE2ATdg92uuH/6bSlhl5t0hwDJgfOhQ2vQv2CUYOpa5aN69jlr1NA04gjDVU6seB84c/gK+ElbZ2cURd1C9ncPhngdmE8W3hw6kY3k3FqueplGb3u0fNKb2vAicRhQ/mHxDCasKvJuD9Tt1gtuAi4ji/wsdSOV5dwC1ad00LFmFvMA3D2uBk5OkpYRVFd7dCpwbOoyMvAD0EcXfDh1IZVj1dARDF8f3DRpTcV4AphHFTythVYXtHN4PHBM6lAzdiU0TdSzzcN5NoFY5TcWqp7JdYlKkx4C3D/T2vVL/TSWsMvNuL2AF8IbQoWToD9ixzF/v2mOZvdsRayWoXxzfJ2hM5TRroLfvq/XfUMIqO+8OA5YC40KHkrH7sEswVocOJHfevZHatO5o4K10d/XUrGUDvX3T67+hhFUF3v0VcDvQaf+DXgY+BtzUMdWWd68BjmTo4vheQWOqrvUDvX1DXglSwqoK7z6OnUvViZZgr/c8HTqQlnk3kdq0Lqmetg0ZUicZ6O0bkpSUsKrEu3/Frp7vROuAq4EbiOJNoYMZkXc7AUcxdHF8z6AxdbbnB3r7hqztaR5dLR8ADsR+WDrNjsDngJl4d0EpjmX27iAsKSVfU1D1VKRFw7+hCqtqvNsb2zk8IHQoOXoFuBb4TGHHMns3Dng7tcXxqcDuhYwtW3P6QG/fkPdSlbCqyLvDsXWf14QOJWePYWtbj2T6VO96sIttk8ppGnbmU9Vfh+okDwNHDfT2DdmMUcKqKu/eA/xX6DAKsAn4LPCpkd7mb4p347EF8frWgt0afkZC2gwcTRSvVKd7J/HuSuC60GEU5CngfKJ4ecM/ZdXTZIYep3IIqp6q5Cqi+FrY8l1CLbpX2/XYD+Nfhw6kAAcDD+DdPGDuq8cye7czQ6d2U4FdA8Uo7fM0+EdYFVbV2UuyC7EF427xDNCPJag303kNtd3qTmAmUfzq+4OaEnYi7/bFTiut8llI0t22SFawZcLSvL4TRPFvgDOw5kuRqrkFOGt4shqJKqxO4t1MYH7oMESatBlbj/zM1v6AKqxOFsW3AZ8IHYZIE9YApzRKViNpbpfQuzdjZxj9Y+ZNfJK1a4FDgSh0ICJbsQA4L81Bjo2nhJaoPoH95e/BsuKxRPGqNoKVvNkRJ4uwQ+JEyuJPwFzgxmaPE2pul3DLRFXvOey85V+mDFqKYJdlrqR7zgGXcrsHOx57dSsfapyw5t/YKFHVewaYrptQSs67I7FKa8fQoUjX+l/sApL/SPPh0Rbd/x14L6M34k0EFuDdLmmCkIJE8Urg/NBhSFdajx0XdFDaZDWS4Qnr0hY+OwW4e3C9RMoqir+DLcSLFGEAK3zeRBR/jCj+Q5YP33INy7vbgTNbeMa9wBnNNH1JIPZC8Hzg7NChSEf6Ofaq1BJgQZYXi4y+6G43fDwJ7NDCc+cD7yvt0baS7Bwuwe67E2nHKmoJqp8o/lVeAzW7S3g98PEWn30L8MGOuf2kU9glCacBJwPvQgvw0poB4HHsBfvFwMIiN9uaPV7m09g16a1siV8A/B6YkyYwyYhVUu8ETsUS1YFB45Gq2YS1wyQJanHW61Dt2HrjqHfnAremeObfE8XdcqhcOXg3GZgx+HU8rU3npbutB5Zj7S+LgKWvnjVWAs0fL2MLtQ9i1xq16sNE8U2pIpTR2XVTJ2AJ6lRgQtB4pEpextaekgS1oswbZq2dh+XdVGBZyrHOIYq/nfKzMpx3h2LJ6VTgOGBM2ICkIn6HJSZbf4IfVmlzrPUD/NJf3rkROJsoviPFZ8WO/j0BS1AzgNeHDUgq4rdYYkoqqCeqvBGWJmHtD/yUdFdKrQNOJ4p/kOKz3ce7KdTWoo5BZ+7L6FYzdAfvmbDhZCvdEcnezSV9t/Ra4CSieEXKz3cu73YFTsR2805FLyrL6JIeqCRB5dYDVQZpb835AnZN+oQUYy7DtkrFNjIOp9YXNR1dfS5btxn4EbUmzUJ7oMqo+SOSvTsbuK2FZy/E7hdbnDa4juDd7sBJ1BbM9w4bkJTYRuzG434sQZWqByqE9m7N8a4f6/NpZCFwDVHcnyK+6vNuG+AIrIqagV2/paOoZSR/xlqHkjWoUvVAlUG7F6leAvyQkX8AHwSuJorvbfgEW7fZhih+scWxy8u7PahVUKcAe4QNSErqj8AD1BJUqXugyqj1W3O8+wowq+47K7BEdc8on9sX6ANmY70hZxLFj7YacCl4ty1WOc3AEtRR6DJP2dKLWGJKWgwq1QNVBu1fpOrdnlibw2rgk8D3GvZ5eHcgcDn2buLYut9ZB3yIKP5Wk7GH5d0+2EL5jMFfdwsbkJRQR/VAlUE2Nz9bEvrZKIlqCnAF0EvjnbAbgTlE8cbmBi+IVVHTqL1ErGNZZLjVdHAPVBnkf1W9d8diieq0Fj7VD0TBt2zt4oYkQZ0I6AhoqddVPVBlkE/Csv6i07BEdUzK2H6BXVf9cMrPt8677bF4k7WotxQ2tpSdeqBKINuE5d122JTvCuCwtqOzbd4LieJvZvCskXl3AJacZmBV1PjcxpIq2QA8Qq2CWtLtPVBlkF3C8m481uQ2KZvQhvgy8FGieEPbT/JuDHAstddfDmn7mdIJ1mE73P1YBaUeqBLKusL6PPmdMLoIW9d6vuVPejeB2kvEJ5DuxW3pLC8BS6klKPVAVUDWCWssNs+f2H5oI/oVtq71UBNxHE9tLergnOKR6niBZO3Jpnjqgaqg7BfdvTsO+0uRV+PkemAWUXzrsHEnUktQulxBfoNV5UmCUg9UB8hrl/BLwEfaiKsZXwHuQpcriHmWWoPmIvVAdaa8EtY4bGo4IXVkIo09RX0XuXqgukJ+jaPenQjcl/4BIq/azNC78BapB6o75dvp7t3N2EF/Iq1QD5SMqN3jZUZzGbYQvn/Gz5XOoh4oSSWPdwlPxxbHRRLqgZJU8n/5GcC7bwLvz+ZhUkHqgZJM5D0lTFyKnRml88u7w6+xxNSPJSr1QEku8qmwALw7C/jP7B4oJfIzajcJL1YPlOSlmClhwrv5wMxsHyoB/IT6LnL1QElBipoSJi7CXpvRccLVsRl4jFoX+WL1QElZ5FthAXj3N0A1zm3vThuwY4KSLvIH1AMlZVHslDDh3R3Au/N5uLRoHUPvwlumHigpq6KnhInZwDvQGekhrAWWUesif0g9UFJVxVRYAN6dD3w9vwFk0Brsss5+rMVAPVBSWaEqLIBbgfcBJxU4ZjdQD5R0jeIqLEgugHgCGJfvQB1NPVDSNcIsutfz7sPYJRPSHPVASdcKOSVM3IRdDXZ8gLHLTj1QIg0UX2EBeDcJ+8Hs9nPYNwArqVVQS9UDJVITfkqY8O5S4IbiBiyFdcByahXUcvVAiWxdGaaEiXnAe4GjA8aQt7XYOVBJF/lK9UCJpBeuwgLw7mBsajim2IFzs4ah50A9qh4okfTKMyVMeDcXuLb4gTPxHJag+rEE9aR6oESyU6YpYeKzwHuAt4UOpAn/Qy1BLVEPlEixwldYAN69FXiIciTQek9S30WuHiiRQpVvSpjw7hrg6nABsBl4lFoX+RL1QImEVcYpYeJ67LC/A+q+N3bwqxk9wM4tjKceKJGK+X+YNAneYS6TIAAAAABJRU5ErkJggg==);
  zoom: 0.4;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(80%, 15%);
      -ms-transform: translate(80%, 15%);
          transform: translate(80%, 15%);
}
.content {
  width: 80%;
  margin: 0 auto;
}
.content_message {
  position: relative;
  color: #00aa90;
  letter-spacing: 1px;
  font-size: 1.5rem;
  border-left: 1px solid #00aa90;
  padding-left: 1rem;
}
.content_message:before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00aa90;
  -webkit-transform: translate(-60%, -50%);
      -ms-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
  border-radius: 5px;
  width: 5px;
  height: 5px;
  content: '';
}
.content_message p {
  line-height: 3;
}
.content_message i {
  color: #00aa90;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.content_message input {
  padding: 2%;
  width: 80%;
  font-size: 1rem;
  color: #00aa90;
  border: none;
  outline: none;
  border-bottom: 1px solid #00aa90;
}
.content_message input:focus {
  border-bottom: 1.5px solid #5dac81;
  color: #5dac81;
}
.content_message input.error {
  border-bottom: 1.5px solid #cb1b45;
}
.content_message textarea {
  padding: 2%;
  width: 80%;
  font-size: 1rem;
  border: 1px solid #00aa90;
  outline: none;
  resize: none;
  color: #00aa90;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  -moz-border-bottom-right-radius: 20px;
}
.content_message textarea:focus {
  border: 1.5px solid #5dac81;
  color: #5dac81;
}
.content_message textarea.error {
  border: 1.5px solid #cb1b45;
}
.send_btn {
  display: inline-block;
  position: relative;
  border-radius: 6px;
  background-color: #00aa90;
  color: #fff;
  font-size: 1rem;
  letter-spacing: normal;
  margin: 3% auto;
  max-width: 200px;
  line-height: 3;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.send_btn:before {
  content: '';
  position: absolute;
  top: 7%;
  left: 2%;
  bottom: 7%;
  right: 2%;
  border-radius: 5px;
  border: 1px solid #fff;
}
.send_btn:hover {
  background-color: #5dac81;
}
.list-style_circle {
  list-style-type: disc;
}
/*------index------*/
#vision {
  max-width: initial;
  z-index: 1;
  width: 100%;
  padding-bottom: 0;
}
.slider {
  width: 100%;
  height: 100%;
}
.slider li {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.slider .slick-list {
  height: 100%;
}
.slider .slick-list div {
  height: 100%;
}
#slider_mask {
  background-color: #5dac81;
}
#slider_word {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
#slider_word .slide_subject {
  display: none;
}
#slider_word .slide_subject h3 {
  opacity: 0;
}
#slider_word .slide_subject h3.on {
  -webkit-animation: slide_h3_ani 1s linear forwards;
          animation: slide_h3_ani 1s linear forwards;
}
#slider_word .slide_subject.on {
  display: block;
  -webkit-animation: slide_word_ani 5s linear infinite;
          animation: slide_word_ani 5s linear infinite;
}
#slider_scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 3;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10%;
  max-width: 50px;
  color: #fff;
}
#slider_scroll i {
  width: 50%;
  margin: 0 auto;
  display: block;
  -webkit-animation: scroll_move 0.5s linear infinite alternate;
          animation: scroll_move 0.5s linear infinite alternate;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAArCAYAAAAQVipNAAAC/ElEQVRYhe2YW6tNbRTHf3s75BC7aCfn1zEXfAAK8QWEslFvrpT34uVKudspN66QG4fIjVKSIrRd+gIKd47J4cLrdShLm83PxXpmTdMz51r7ebaU/Gu0Vv8xx3+MNZ75jDnXg0qGTVNPqm/U5+qpwCVr5hSDetUfcTVHs0clEUuABzW+pcDDFNHe1GqA/kRfI3I6NBV4DvRV+HfAXOBDimhOhz4Au4FWiWsFLqkYyOtQgcXAVuAjcA14nCM2FgWNKXKW7Kcgt6AJwCBwJ9hg4NKRORjPRgbj2V81GOcBT4Ge6m8EFgDPUkRzlmxBpBgCNz9VNKdDfcBLYHKF/wjMpj0gR42cDr0DDtBeogIGLqkYGJs5tI72YAS4BNzKEfszGDthLAraAVwOtjNbLXMwHooMxkO/ajD2Ay+A8RV+BJgDvEoRzVmyZZFiCNyyVNGcgu7T7kYVI8GXhJyCXgGHI/xhEpcLvp9Di2nfF/cY3SvoTmBb+H4ROD+K2KnASto/4BFA8WfvSmmXvFG3ZO6+bmxLyFXgijod9URk6w6ri35iMYtCjipO9AIDkVZOBDZ12fa1wLFga7uM2RRyVDEQ27YFYu86VewFjpau/RfYBxzvEFe3mXrqXkOH1aUd2t6ntiKxreBril1Ss2RnCuGhEvle3V4RmKEuVHtK3JqIYIHVkfi/1N4Stz3kKjCk9pWDVqjr/P44ZYp6Qf0Sgh6EQlDnqV8jxXwNPtTJ6jl1JPieqBtK+tNCzhUF12k3nI4k/F+dGfyd/nUcifjfq7PrcjYV02v8HlH9O1wzQR1U7wQbDFyh8bom/p+6vE27bBzxrQkwJXx+Bg4Gi2HSKPnGZ9ln4GYNP9QQV8b1CPcFuFEb0bBkxY17t9Tqlrqrcs1ydX+w5RVfv3q7FD+s7mnK2c2YH69uVDersyq+AfVTKeGnwJWvGaeut/3smtMp3291grYqUgyBW5UqmvuCVof/UkVzCnpI+wivimvUHxd3Rhc3dZMVJ/lvg2Wf5H8DLxfPf+Hbdt4AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: cover;
}
#slider_scroll i:after {
  display: block;
  content: '';
  padding-top: 120%;
}
@-webkit-keyframes scroll_move {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  100% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%);
  }
}
@keyframes scroll_move {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  100% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%);
  }
}
/*------about us------*/
#about_vision {
  position: relative;
  background-image: url(../img/buildings-1846728_12802.jpg?8ae9ed2);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% auto;
}
#about_vision:after {
  display: block;
  content: '';
  padding-top: 45.7%;
}
#about_vision #about_vision_mask {
  background-color: rgba(0,0,0,0.5);
}
#about_vision .flex {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
  max-width: 1200px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#about_vision .flex .col:nth-of-type(1) {
  max-width: 300px;
  margin: 0 10% 0 0;
  background-image: url(../img/logo_2.png?21aa51d);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#about_vision .flex .col:nth-of-type(1):after {
  display: block;
  content: '';
  padding-top: 116%;
}
#about_vision .flex .col:nth-of-type(2) {
  padding: 3% 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #5dac81;
  color: #fff;
}
#about_vision .flex .col:nth-of-type(2) table {
  width: 100%;
  margin: 0 auto;
}
#about_vision .flex .col:nth-of-type(2) table tr td {
  vertical-align: top;
  line-height: 1.5;
}
#about_vision .flex .col:nth-of-type(2) table tr td:nth-of-type(1) {
  white-space: nowrap;
  font-size: 1.2rem;
  text-align: right;
  padding-right: 2rem;
}
#about_vision .flex .col:nth-of-type(2) table tr td:nth-of-type(2) {
  font-size: 1rem;
}
#about_content {
  margin: 5% auto 0 auto;
}
#about_content .col {
  padding: 0 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#about_content .col:nth-of-type(1) p {
  line-height: 2.5;
  color: #00aa90;
}
#about_album {
  margin: 5% auto;
}
#about_album .col img {
  width: 95%;
}
#about_album .col p {
  text-align: center;
  line-height: 2;
  color: #00aa90;
}
/*------service------*/
#service_container {
  margin: 5% auto 0 auto;
}
#service_container .col {
  padding-right: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
}
#s3 .col3 {
	margin: 1% auto 0 auto;
  position: relative;
  z-index: 1;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border: 1px solid #5dac81;
  -webkit-box-shadow: 5px 5px 0px #5dac81;
          box-shadow: 5px 5px 0px #5dac81;
  background-color: #fff;
  overflow-x: hidden;
}
#service_list {
  position: relative;
  display: inline-block;
  width: 100%;
}
#service_list li {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
 
 -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;

  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;

  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  margin-bottom: 2%;
  white-space: nowrap;
}
#service_list li:after {
  content: '';
  position: relative;
  left: 0;
  bottom: 0;
  width: 0%;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  height: 1px;
  background-color: #5dac81;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#service_list li a {
  display: block;
  padding: 2% 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#service_list_on li:hover {
  background-color: #5dac81;
  color: #fff;
}
#service_list_on li.on:after {
  width: 150%;
}
#service_content li {
  display: none;
  text-align: center;
}
#service_content hr {
  width: 90%;
  margin: 3% auto;
  border: none;
  border-bottom: 1px solid #00aa90;
}
#service_content p {
  text-align: left;
  color: #5dac81;
  font-weight: bolder;
  line-height: 2;
  width: 90%;
  margin: 0 auto;
}
#service_content .service_title {
  width: 90%;
  margin: 0 auto;
  margin-top: 3%;
  font-size: 1.2rem;
  font-weight: bolder;
  line-height: 2;
  color: #00aa90;
  text-align: left;
}
#service_content .service_info {
  width: 90%;
  margin: 0 auto;
  font-size: 1rem;
  text-align: left;
}
#service_content .enter_btn {
  max-width: initial;
}
#service_content .service_article {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 90%;
  margin: 0% auto;
}
#service_content .service_article .col {
  min-width: 31%;
  max-width: 31%;
  margin-right: 3%;
  margin-bottom: 3%;
  padding: 0%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#service_content .service_article .col:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
#service_content .service_article .col:hover .ser_art_text:after {
  background-color: #00aa90;
}
#service_content .service_article .col:nth-of-type(3n) {
  margin-right: 0;
}
#service_content .service_article .col .ser_art_vision {
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}
#service_content .service_article .col .ser_art_vision:after {
  display: block;
  content: '';
  padding-top: 56.25%;
}
#service_content .service_article .col .ser_art_title {
  color: #333;
  text-align: left;
  line-height: 2;
  padding: 0 2%;
  border-bottom: 1px solid #5dac81;
  border-left: 1px solid #00aa90;
  border-right: 1px solid #00aa90;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
#service_content .service_article .col .ser_art_text {
  padding: 0 2%;
  line-height: 2;
  border-left: 1px solid #00aa90;
  border-right: 1px solid #00aa90;
}
#service_content .service_article .col .ser_art_text span {
  display: block;
  overflow: hidden;
  font-size: 0.8rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-align: left;
}
#service_content .service_article .col .ser_art_text:after {
  display: inline-block;
  font-size: 0.6rem;
  padding: 0 10px;
  content: '...More';
  font-weight: bolder;
  line-height: 2;
  color: #fff;
  text-align: right;
  border-radius: 5px;
  background-color: #5dac81;
}
#service_content .service_article .col .ser_art_tag {
  font-size: 0.6rem;
  padding: 1% 0;
  color: #5dac81;
  border-left: 1px solid #00aa90;
  border-right: 1px solid #00aa90;
}
#service_content .service_article .col .ser_art_tag .tag {
  display: inline-block;
  margin: 1%;
  padding: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #5dac81;
  border-radius: 5px;
}
#service_content .service_article .col .ser_art_date {
  font-size: 0.7rem;
  color: #666;
  padding: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #00aa90;
  border-right: 1px solid #00aa90;
  border-bottom: 1px solid #00aa90;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}
/*------CEO------*/
#s2 {
  padding-bottom: 0;
}
#ceo_content {
  margin: 5% auto 2% auto;
}
#ceo_content .col3 {
  margin-right: 2%;
}
#ceo_profile {
  margin-bottom: 2%;
}
#ceo_profile .col {
  max-width: 200px;
  margin-right: 3%;
}
#ceo_profile .col2 {
  position: relative;
  border-left: 1px solid #00aa90;
}
#ceo_profile .col2:before {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #00aa90;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-55%, -50%);
      -ms-transform: translate(-55%, -50%);
          transform: translate(-55%, -50%);
  border-radius: 5px;
}
#ceo_profile .col2 span {
  margin-left: 1rem;
  text-indent: -1rem;
}
#ceo_profile .col2 p {
  margin-left: 1rem;
  color: #00aa90;
}
#ceo_profile #ceo_info i {
  margin-right: 0.5rem;
  vertical-align: middle;
  color: #00aa90;
}
#ceo_profile #ceo_info p {
  margin-left: 0;
}
#ceo_profile #ceo_info li {
  position: relative;
  margin-left: 1rem;
}
#ceo_profile #ceo_info li:before {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #00aa90;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-375%, -50%);
      -ms-transform: translate(-375%, -50%);
          transform: translate(-375%, -50%);
  border-radius: 5px;
}
#ceo_profile #ceo_info li:nth-of-type(1) {
  color: #00aa90;
}
#ceo_profile #ceo_info li:nth-of-type(1):before {
  display: none;
}
.ceo_text {
  margin-bottom: 2%;
  padding-top: 2%;
}
.ceo_text .col {
  padding: 1% 0.5% 0 0.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 2%;
}
.ceo_text .col:nth-of-type(2n) {
  margin-right: 2%;
}
.ceo_text .col p {
  color: #00aa90;
}
#ceo_intro .ceo_text {
  border-top: 1px solid #00aa90;
}
#ceo_intro .ceo_text p {
  margin-top: 1rem;
  line-height: 1.5;
  text-align: center;
}
#ceo_msg {
  min-width: 300px;
}
/*------content us------*/
#s5 .flex {
  margin: 5% auto 0 auto;
}
#s5 .flex .col {
  min-width: 300px;
}
#contect_info {
  position: relative;
  border-left: 1px solid #00aa90;
  padding-left: 1rem;
  margin-bottom: 5%;
}
#contect_info:before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00aa90;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 5px;
  width: 5px;
  height: 5px;
  content: '';
}
#contect_info li {
  position: relative;
  line-height: 2;
  margin-left: 2rem;
  text-indent: -1rem;
  padding-right: 1rem;
}
#contect_info li:before {
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #00aa90;
  -webkit-transform: translate(-1015%, -50%);
      -ms-transform: translate(-1015%, -50%);
          transform: translate(-1015%, -50%);
  border-radius: 5px;
  width: 5px;
  height: 5px;
  content: '';
}
#contect_info li:nth-of-type(1) {
  color: #00aa90;
  padding-right: 0;
}
#contect_info li:nth-of-type(1):before {
  display: none;
}
#contect_info li i {
  color: #00aa90;
  vertical-align: middle;
  margin-right: 0.5rem;
}
#google_map {
  position: relative;
  border: 1px solid #00aa90;
  border-radius: 20px;
  -webkit-box-shadow: 10px 10px 0px #00aa90;
          box-shadow: 10px 10px 0px #00aa90;
}
#google_map iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 20px;
}
#google_map:after {
  display: block;
  content: '';
  padding-top: 80%;
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 0 0.5rem 0 !important;
  position: relative;
  margin-bottom: 1rem;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-element {
  display: none;
}
.scroll-element,
.scroll-element div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-textarea {
  border: 1px solid #ccc;
  border-top-color: #999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #00aa90;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #5dac81;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #00aa90;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}
@media screen and (max-width: 1023px) {
  .title {
    font-size: 2.3rem;
  }
  .title:after {
    zoom: 0.3;
    -webkit-transform: translate(80%, 25%);
        -ms-transform: translate(80%, 25%);
            transform: translate(80%, 25%);
  }
  .content {
    width: 90%;
  }
  #about_vision .flex {
    width: 90%;
  }
  #about_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #about_content .col {
    width: 100%;
    padding: 0;
    margin-bottom: 5%;
  }
  #about_content .col .list-style_circle {
    width: 80%;
    margin: 0 auto;
  }
  #ceo_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .m {
    display: block;
  }
  .pc {
    display: none;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.3rem;
  }
  p {
    font-size: 1rem;
  }
  span {
    font-size: 0.7rem;
  }
  .title {
    font-size: 1.6rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .title:after {
    zoom: 0.2;
  }
  .content_message input,
  .content_message textarea {
    width: 90%;
  }
  #about_vision {
    background-size: cover;
  }
  #about_vision:after {
    display: none;
  }
  #about_vision .flex {
    position: relative;
    top: 0;
    left: 0;
    width: 80%;
    margin: 0 auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5% 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #about_vision .flex .col {
    width: 100%;
  }
  #about_vision .flex .col:nth-of-type(1) {
    margin: 0 0 5% 0;
    max-width: 200px;
  }
  #service_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #service_container .col {
    padding-right: 0;
  }
  #service_container .col3 {
    border-top-left-radius: 0;
    border-bottom-right-radius: 20px;
  }
  #service_list {
    width: 100%;
    font-size: 0;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #service_list li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 30%;
    min-width: 30%;
    font-size: 0.8rem;
    text-align: center;
    display: inline-block;
    margin-right: 3%;
    border: 1px solid #00aa90;
    border-radius: 5px;
    white-space: initial;
  }
  #service_list li:after {
    display: none;
  }
  #service_list li a {
    padding: 0.5rem;
  }
  #ceo_intro .ceo_text {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 0;
    border-top: none;
  }
  #ceo_intro .ceo_text .col {
    margin-bottom: 2%;
    width: 45%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
  }
  #s4 .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #google_map {
    margin-bottom: 10%;
  }
}
@media screen and (max-width: 600px) {
  #service_content .service_article .col {
    min-width: 48%;
    max-width: 48%;
    margin-right: 1%;
  }
  #service_content .service_article .col:nth-of-type(2n) {
    margin-left: 1%;
    margin-right: 0 !important;
  }
  #service_content .service_article .col:nth-of-type(3n) {
    margin-right: 1%;
  }
  #service_content .service_article .col .ser_art_text span {
    font-size: 0.5rem;
  }
  #service_content .service_article .col .ser_art_text:after {
    font-size: 0.4rem;
  }
  #ceo_profile .col {
    margin-bottom: 5%;
    margin-right: 8%;
  }
}
@media screen and (max-width: 359px) {
  h1 {
    font-size: 1.6rem;
  }
  h2 {
    font-size: 1.4rem;
  }
  h3 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 1rem;
  }
  p {
    font-size: 0.8rem;
  }
  span {
    font-size: 0.6rem;
  }
  #about_vision .flex .col:nth-of-type(2) table tr td:nth-of-type(1) {
    font-size: 0.8rem;
  }
  #about_vision .flex .col:nth-of-type(2) table tr td:nth-of-type(2) {
    font-size: 0.8rem;
  }
  #service_list li {
    font-size: 0.6rem;
  }
}
@-webkit-keyframes slide_word_ani {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
}
@keyframes slide_word_ani {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
}
@-webkit-keyframes slide_h3_ani {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}
@keyframes slide_h3_ani {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
}