@import url(../css/font.css);
@import url(../css/style.css);
@import url(../css/company.css);
@import url(../css/business.css);
@import url(../css/business02.css);
@import url(../css/sbusiness.css);
@import url(../css/jquery-ui.min.css);
@import url(../css/jquery-ui.theme.min.css);
@import url(../css/jquery-ui.structure.min.css);
@import url(../css/bootstrap-datetimepicker.min.css);
/* line 1, ../scss/main.scss */
* {
  box-sizing: border-box;
}

@font-face {
  font-family: "RobotoB";
  src: url('../fonts/Roboto-Bold.ttf?1425356689') format('truetype'), url('../fonts/Roboto-Bold.eot?1425356689') format('embedded-opentype');
}
@font-face {
  font-family: "Roboto";
  src: url('../fonts/Roboto-Regular.ttf?1425356689') format('truetype'), url('../fonts/Roboto-Regular.eot?1425356689') format('embedded-opentype');
}
@font-face {
  font-family: "THSarabun";
  src: url('../fonts/THSarabunNew.ttf?1425356689') format('truetype'), url('../fonts/THSarabunNew.eot?1425356689') format('embedded-opentype'), url('../fonts/THSarabunNew.otf?1425356689') format('opentype');
}
/* Page */
/* line 1, ../scss/page/_header.scss */
#bartop {
  display: block !important;
}

/* line 5, ../scss/page/_header.scss */
.navbar-default {
  background: #fff;
  border: none;
  margin-bottom: 0;
}

/* line 10, ../scss/page/_header.scss */
.headmenu {
  background: #fff;
}

/* line 13, ../scss/page/_header.scss */
.navbar-right {
  margin-right: 0;
}

/* line 17, ../scss/page/_header.scss */
.lang .active {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}

/* line 22, ../scss/page/_header.scss */
.lang a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  /* line 28, ../scss/page/_header.scss */
  .navbar-right {
    width: 70%;
  }
  /* line 30, ../scss/page/_header.scss */
  .navbar-right li {
    text-align: center;
    width: 20%;
  }
  /* line 33, ../scss/page/_header.scss */
  .navbar-right li a {
    font-size: 0.7em !important;
    padding: 10px 5px !important;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
  /* line 41, ../scss/page/_header.scss */
  .navbar-right {
    width: 80%;
  }
  /* line 43, ../scss/page/_header.scss */
  .navbar-right li {
    text-align: center;
    width: 20%;
  }
  /* line 46, ../scss/page/_header.scss */
  .navbar-right li a {
    font-size: 0.7em !important;
    padding: 10px 5px !important;
  }
}
/* line 53, ../scss/page/_header.scss */
.navbar-toggle {
  top: 1.3em;
  border: none;
}
/* line 56, ../scss/page/_header.scss */
.navbar-toggle .icon-bar {
  background: #000 !important;
}

/* line 61, ../scss/page/_header.scss */
.nav li .listmenu {
  font-family: "RobotoB";
  color: #264433 !important;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 1em .2em;
  line-height: 1.3em;
  position: relative;
}
/* line 70, ../scss/page/_header.scss */
.nav li .listmenu:hover {
  color: #38654c !important;
}
@media screen and (min-width: 640px) {
  /* line 74, ../scss/page/_header.scss */
  .nav li .listmenu::before {
    position: absolute;
    top: .8em;
    right: -.2em;
    width: .1em;
    height: 1.2em;
    background: #ccc;
    content: "";
    z-index: 100;
    display: block;
  }
}
/* line 90, ../scss/page/_header.scss */
.nav li:last-child .listmenu::before {
  background: none;
}

/* line 1, ../scss/page/_home.scss */
p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 1, ../scss/page/_home.scss */
  p {
    font-size: 12px;
  }
}

/* line 5, ../scss/page/_home.scss */
h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 5, ../scss/page/_home.scss */
  h3 {
    font-size: 18px;
  }
}

/* line 8, ../scss/page/_home.scss */
#homebanner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  background: none !important;
}
/* line 15, ../scss/page/_home.scss */
#homebanner .bg {
  width: 100%;
  height: 100%;
  position: relative;
  bottom: 0px;
  z-index: 1;
}
/* line 25, ../scss/page/_home.scss */
#homebanner .bg img {
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
/* line 33, ../scss/page/_home.scss */
#homebanner .tree {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  bottom: 0%;
  z-index: 5;
}
/* line 41, ../scss/page/_home.scss */
#homebanner .tree img {
  width: 100%;
  position: relative;
  bottom: 0px;
  height: 100%;
}
/* line 49, ../scss/page/_home.scss */
#homebanner .text {
  position: absolute;
  z-index: 10;
  top: 40%;
  width: 100%;
  height: 60%;
}
/* line 56, ../scss/page/_home.scss */
#homebanner .text div {
  position: relative;
  color: #fff;
  text-align: center;
  text-shadow: -1px 2px 5px #1e1e1e;
}
/* line 61, ../scss/page/_home.scss */
#homebanner .text div.text1 {
  font-family: "RobotoB";
  line-height: 0.5em;
  font-size: 3.5vw;
}
/* line 66, ../scss/page/_home.scss */
#homebanner .text div.text2 {
  font-family: "RobotoB";
  font-size: 3vw;
  margin-top: 0.2em;
}
/* line 71, ../scss/page/_home.scss */
#homebanner .text div.text3 {
  font-family: "THSarabun" !important;
  font-size: 3vw;
  margin-top: 0.45em;
}
/* line 80, ../scss/page/_home.scss */
#homebanner .text h2 {
  position: relative;
  color: #fff;
  font-size: 2em;
  font-family: "RobotoB";
  text-align: center;
  text-shadow: -1px 2px 5px #1e1e1e;
}
/* line 89, ../scss/page/_home.scss */
#homebanner .text h3 {
  position: relative;
  color: #fff;
  font-size: 3em;
  font-family: "THSarabun";
  text-align: center;
  text-shadow: -1px 2px 5px #1e1e1e;
}
@media screen and (min-width: 480px) {
  /* line 98, ../scss/page/_home.scss */
  #homebanner .text h1 {
    font-size: 4em;
  }
  /* line 101, ../scss/page/_home.scss */
  #homebanner .text h2 {
    font-size: 3.5em;
  }
  /* line 104, ../scss/page/_home.scss */
  #homebanner .text h3 {
    font-size: 3em;
  }
}
/* line 110, ../scss/page/_home.scss */
#homebanner .cloud1 {
  position: absolute;
  width: 55%;
  top: -14%;
  right: 1px;
  z-index: 3;
}
/* line 117, ../scss/page/_home.scss */
#homebanner .cloud1 img {
  width: 100%;
}
/* line 122, ../scss/page/_home.scss */
#homebanner .cloud2 {
  position: absolute;
  z-index: 3;
  width: 40%;
  top: 3%;
  left: 10%;
}
/* line 129, ../scss/page/_home.scss */
#homebanner .cloud2 img {
  width: 100%;
}
/* line 134, ../scss/page/_home.scss */
#homebanner .cloud3 {
  position: absolute;
  z-index: 3;
  width: 40%;
  top: 4%;
  right: 10%;
}
/* line 141, ../scss/page/_home.scss */
#homebanner .cloud3 img {
  width: 100%;
}
/* line 146, ../scss/page/_home.scss */
#homebanner .cloud4 {
  position: absolute;
  z-index: 3;
  width: 40%;
  top: -15%;
  left: -17%;
}
/* line 153, ../scss/page/_home.scss */
#homebanner .cloud4 img {
  width: 100%;
}

/* line 162, ../scss/page/_home.scss */
#selectBU .row .topicSection h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 162, ../scss/page/_home.scss */
  #selectBU .row .topicSection h3 {
    font-size: 30px;
  }
}
/* line 168, ../scss/page/_home.scss */
#selectBU .row .typebu .topictype h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  font-weight: bold;
}
@media (max-width: 700px) {
  /* line 168, ../scss/page/_home.scss */
  #selectBU .row .typebu .topictype h3 {
    font-size: 18px;
  }
}
/* line 174, ../scss/page/_home.scss */
#selectBU .row .typebu .desctype p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 174, ../scss/page/_home.scss */
  #selectBU .row .typebu .desctype p {
    font-size: 12px;
  }
}

/* line 184, ../scss/page/_home.scss */
.timeline .txt-sub-head {
  margin: 1em 0 0.9em 0 !important;
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 184, ../scss/page/_home.scss */
  .timeline .txt-sub-head {
    font-size: 30px;
  }
}
/* line 188, ../scss/page/_home.scss */
.timeline .text-detail {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 188, ../scss/page/_home.scss */
  .timeline .text-detail {
    font-size: 12px;
  }
}

/* line 194, ../scss/page/_home.scss */
#slider1 li {
  float: left;
}
/* line 198, ../scss/page/_home.scss */
#slider1 li .item {
  position: relative;
  height: 100%;
}
/* line 202, ../scss/page/_home.scss */
#slider1 li .item .row {
  height: 100%;
}
/* line 204, ../scss/page/_home.scss */
#slider1 li .item .row .col-item {
  height: 100%;
}
/* line 209, ../scss/page/_home.scss */
#slider1 li .item .topictypeBU h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 3em;
}
@media (max-width: 700px) {
  /* line 209, ../scss/page/_home.scss */
  #slider1 li .item .topictypeBU h3 {
    font-size: 30px;
  }
}
/* line 214, ../scss/page/_home.scss */
#slider1 li .item .desctypeBU p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 30px;
}
@media (max-width: 700px) {
  /* line 214, ../scss/page/_home.scss */
  #slider1 li .item .desctypeBU p {
    font-size: 12px;
  }
}

/* line 225, ../scss/page/_home.scss */
#investor .topicinvestor h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
  color: #ffffff;
}
@media (max-width: 700px) {
  /* line 225, ../scss/page/_home.scss */
  #investor .topicinvestor h3 {
    font-size: 30px;
  }
}

/* line 236, ../scss/page/_home.scss */
#whatnews .hwhatsnew a {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 236, ../scss/page/_home.scss */
  #whatnews .hwhatsnew a {
    font-size: 18px;
  }
}
/* line 240, ../scss/page/_home.scss */
#whatnews .row {
  margin-bottom: 1.5em;
}

/* line 245, ../scss/page/_home.scss */
.pager {
  margin-top: -60px;
  float: left;
  margin-left: -20px;
}
/* line 251, ../scss/page/_home.scss */
.pager a span {
  float: left;
  color: transparent;
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #869791;
}
/* line 267, ../scss/page/_home.scss */
.pager a.selected span {
  filter: Alpha(Opacity=100);
  opacity: 1;
  background: #869791;
}

/* line 275, ../scss/page/_home.scss */
#investor {
  margin: 2em 0;
}
/* line 281, ../scss/page/_home.scss */
#investor .pt-investor .boardinvestor {
  text-align: right;
  margin-top: 10.5em;
}
/* line 285, ../scss/page/_home.scss */
#investor .pt-investor .boardinvestor img {
  margin-top: 3em;
  width: 175px;
  height: auto;
}
@media screen and (min-width: 1000px) {
  /* line 296, ../scss/page/_home.scss */
  #investor .pt-investor .boardinvestor {
    margin-top: 4em;
  }
  /* line 298, ../scss/page/_home.scss */
  #investor .pt-investor .boardinvestor img {
    margin-top: 0;
    width: 250px;
  }
}
@media screen and (min-width: 1025px) {
  /* line 305, ../scss/page/_home.scss */
  #investor .pt-investor .boardinvestor {
    margin-top: 2em;
  }
  /* line 307, ../scss/page/_home.scss */
  #investor .pt-investor .boardinvestor img {
    margin-top: 0;
    width: 310px;
  }
}

/* line 317, ../scss/page/_home.scss */
#homebanner .cloud1 {
  -moz-animation-name: cloud1_animate;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 3s;
  -webkit-animation-name: cloud1_animate;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-name: cloud1_animate;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
/* line 335, ../scss/page/_home.scss */
#homebanner .cloud4 {
  -moz-animation-name: cloud4_animate;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 3s;
  -webkit-animation-name: cloud4_animate;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-name: cloud4_animate;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
/* line 352, ../scss/page/_home.scss */
#homebanner .cloud2 {
  -moz-animation-name: cloud2_animate;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 3s;
  -webkit-animation-name: cloud2_animate;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-name: cloud2_animate;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
/* line 371, ../scss/page/_home.scss */
#homebanner .text .text-item {
  position: absolute;
  top: 0%;
  width: 100%;
  -moz-animation-name: text_animate;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 3s;
  -webkit-animation-name: text_animate;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-name: text_animate;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
/* line 391, ../scss/page/_home.scss */
#homebanner .text .text-item h1 {
  width: 100%;
  text-align: center;
}
/* line 396, ../scss/page/_home.scss */
#homebanner .text .text-item h2 {
  width: 100%;
  text-align: center;
  margin-top: 0em !important;
}
/* line 401, ../scss/page/_home.scss */
#homebanner .text .text-item h3 {
  width: 100%;
  text-align: center;
  margin-top: 0em !important;
  padding-top: 0em !important;
}
/* line 410, ../scss/page/_home.scss */
#homebanner .bg img {
  -moz-animation-name: bg_scale;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 3s;
  -webkit-animation-name: bg_scale;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-name: bg_scale;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
/* line 429, ../scss/page/_home.scss */
#homebanner .tree {
  -moz-animation-name: tree_animate;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 3s;
  -webkit-animation-name: tree_animate;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-name: tree_animate;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}

@-webkit-keyframes bg_scale {
  0% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes bg_scale {
  0% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-o-keyframes bg_scale {
  0% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes bg_scale {
  0% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes tree_animate {
  0% {
    top: 20%;
  }
  100% {
    top: 0%;
  }
}
@-moz-keyframes tree_animate {
  0% {
    top: 20%;
  }
  100% {
    top: 0%;
  }
}
@-o-keyframes tree_animate {
  0% {
    top: 20%;
  }
  100% {
    top: 0%;
  }
}
@keyframes tree_animate {
  0% {
    top: 20%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes cloud1_animate {
  0% {
    right: -10%;
  }
  100% {
    right: 1px;
  }
}
@-moz-keyframes cloud1_animate {
  0% {
    right: -10%;
  }
  100% {
    right: 1px;
  }
}
@-o-keyframes cloud1_animate {
  0% {
    right: -10%;
  }
  100% {
    right: 1px;
  }
}
@keyframes cloud1_animate {
  0% {
    right: -10%;
  }
  100% {
    right: 1px;
  }
}
@-webkit-keyframes cloud2_animate {
  0% {
    left: -5%;
  }
  100% {
    left: 10%;
  }
}
@-moz-keyframes cloud2_animate {
  0% {
    left: -5%;
  }
  100% {
    left: 10%;
  }
}
@-o-keyframes cloud2_animate {
  0% {
    left: -5%;
  }
  100% {
    left: 10%;
  }
}
@keyframes cloud2_animate {
  0% {
    left: -5%;
  }
  100% {
    left: 10%;
  }
}
@-webkit-keyframes cloud4_animate {
  0% {
    left: -45%;
  }
  100% {
    left: -17%;
  }
}
@-moz-keyframes cloud4_animate {
  0% {
    left: -45%;
  }
  100% {
    left: -17%;
  }
}
@-o-keyframes cloud4_animate {
  0% {
    left: -45%;
  }
  100% {
    left: -17%;
  }
}
@keyframes cloud4_animate {
  0% {
    left: -45%;
  }
  100% {
    left: -17%;
  }
}
@-webkit-keyframes text1_animate {
  0% {
    top: 40%;
  }
  100% {
    top: 0%;
  }
}
@-moz-keyframes text1_animate {
  0% {
    top: 40%;
  }
  100% {
    top: 0%;
  }
}
@-o-keyframes text1_animate {
  0% {
    top: 40%;
  }
  100% {
    top: 0%;
  }
}
@keyframes text1_animate {
  0% {
    top: 40%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes text2_animate {
  0% {
    top: 60%;
  }
  100% {
    top: 12%;
  }
}
@-moz-keyframes text2_animate {
  0% {
    top: 60%;
  }
  100% {
    top: 12%;
  }
}
@-o-keyframes text2_animate {
  0% {
    top: 60%;
  }
  100% {
    top: 12%;
  }
}
@keyframes text2_animate {
  0% {
    top: 60%;
  }
  100% {
    top: 12%;
  }
}
@-webkit-keyframes text3_animate {
  0% {
    top: 88%;
  }
  100% {
    top: 38%;
  }
}
@-moz-keyframes text3_animate {
  0% {
    top: 88%;
  }
  100% {
    top: 38%;
  }
}
@-o-keyframes text3_animate {
  0% {
    top: 88%;
  }
  100% {
    top: 38%;
  }
}
@keyframes text3_animate {
  0% {
    top: 88%;
  }
  100% {
    top: 38%;
  }
}
@-webkit-keyframes text_animate {
  0% {
    top: -60%;
  }
  100% {
    top: 0%;
  }
}
@-moz-keyframes text_animate {
  0% {
    top: -60%;
  }
  100% {
    top: 0%;
  }
}
@-o-keyframes text_animate {
  0% {
    top: -60%;
  }
  100% {
    top: 0%;
  }
}
@keyframes text_animate {
  0% {
    top: -60%;
  }
  100% {
    top: 0%;
  }
}
/* line 763, ../scss/page/_home.scss */
#menufooter div {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 700px) {
  /* line 763, ../scss/page/_home.scss */
  #menufooter div {
    font-size: 12px;
  }
}

/* line 771, ../scss/page/_home.scss */
#menufooter .topic-menuf a {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
}
@media (max-width: 700px) {
  /* line 771, ../scss/page/_home.scss */
  #menufooter .topic-menuf a {
    font-size: 12px;
  }
}

/* line 778, ../scss/page/_home.scss */
.preload2 {
  position: fixed;
  z-index: 100;
  background: #264433;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
/* line 790, ../scss/page/_home.scss */
.preload2 .img_load {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
}
/* line 797, ../scss/page/_home.scss */
.preload2 .img_load .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  width: 100%;
  text-align: center;
}
@media (max-width: 700px) {
  /* line 797, ../scss/page/_home.scss */
  .preload2 .img_load .text {
    font-size: 12px;
  }
}
/* line 809, ../scss/page/_home.scss */
.preload2 .img_load .windows8 {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -75px;
}
/* line 818, ../scss/page/_home.scss */
.preload2 .img_load .windows8 .wBall {
  position: absolute;
  width: 143px;
  height: 143px;
  opacity: 0;
  -moz-transform: rotate(225deg);
  -moz-animation: orbit 7.15s infinite;
  -webkit-transform: rotate(225deg);
  -webkit-animation: orbit 7.15s infinite;
  -ms-transform: rotate(225deg);
  -ms-animation: orbit 7.15s infinite;
  -o-transform: rotate(225deg);
  -o-animation: orbit 7.15s infinite;
  transform: rotate(225deg);
  animation: orbit 7.15s infinite;
}
/* line 834, ../scss/page/_home.scss */
.preload2 .img_load .windows8 .wBall .wInnerBall {
  position: absolute;
  width: 19px;
  height: 19px;
  background: #fff;
  left: 0px;
  top: 0px;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
}
/* line 847, ../scss/page/_home.scss */
.preload2 .img_load .windows8 #wBall_1 {
  -moz-animation-delay: 1.56s;
  -webkit-animation-delay: 1.56s;
  -ms-animation-delay: 1.56s;
  -o-animation-delay: 1.56s;
  animation-delay: 1.56s;
}
/* line 854, ../scss/page/_home.scss */
.preload2 .img_load .windows8 #wBall_2 {
  -moz-animation-delay: 0.31s;
  -webkit-animation-delay: 0.31s;
  -ms-animation-delay: 0.31s;
  -o-animation-delay: 0.31s;
  animation-delay: 0.31s;
}
/* line 861, ../scss/page/_home.scss */
.preload2 .img_load .windows8 #wBall_3 {
  -moz-animation-delay: 0.62s;
  -webkit-animation-delay: 0.62s;
  -ms-animation-delay: 0.62s;
  -o-animation-delay: 0.62s;
  animation-delay: 0.62s;
}
/* line 868, ../scss/page/_home.scss */
.preload2 .img_load .windows8 #wBall_4 {
  -moz-animation-delay: 0.94s;
  -webkit-animation-delay: 0.94s;
  -ms-animation-delay: 0.94s;
  -o-animation-delay: 0.94s;
  animation-delay: 0.94s;
}
/* line 875, ../scss/page/_home.scss */
.preload2 .img_load .windows8 #wBall_5 {
  -moz-animation-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
  -ms-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
@-moz-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -moz-transform: rotate(180deg);
    -moz-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -moz-transform: rotate(300deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 0%;
  }
  30% {
    opacity: 1;
    -moz-transform: rotate(410deg);
    -moz-animation-timing-function: ease-in-out;
    -moz-origin: 7%;
  }
  39% {
    opacity: 1;
    -moz-transform: rotate(645deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 30%;
  }
  70% {
    opacity: 1;
    -moz-transform: rotate(770deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 39%;
  }
  75% {
    opacity: 1;
    -moz-transform: rotate(900deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 70%;
  }
  76% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -webkit-transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -webkit-transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 0%;
  }
  30% {
    opacity: 1;
    -webkit-transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-origin: 7%;
  }
  39% {
    opacity: 1;
    -webkit-transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 30%;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 39%;
  }
  75% {
    opacity: 1;
    -webkit-transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 70%;
  }
  76% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
}
@-ms-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -ms-transform: rotate(180deg);
    -ms-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -ms-transform: rotate(300deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 0%;
  }
  30% {
    opacity: 1;
    -ms-transform: rotate(410deg);
    -ms-animation-timing-function: ease-in-out;
    -ms-origin: 7%;
  }
  39% {
    opacity: 1;
    -ms-transform: rotate(645deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 30%;
  }
  70% {
    opacity: 1;
    -ms-transform: rotate(770deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 39%;
  }
  75% {
    opacity: 1;
    -ms-transform: rotate(900deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 70%;
  }
  76% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
}
@-o-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin: 0%;
  }
  30% {
    opacity: 1;
    -o-transform: rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin: 7%;
  }
  39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin: 30%;
  }
  70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 39%;
  }
  75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 70%;
  }
  76% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    transform: rotate(300deg);
    animation-timing-function: linear;
    origin: 0%;
  }
  30% {
    opacity: 1;
    transform: rotate(410deg);
    animation-timing-function: ease-in-out;
    origin: 7%;
  }
  39% {
    opacity: 1;
    transform: rotate(645deg);
    animation-timing-function: linear;
    origin: 30%;
  }
  70% {
    opacity: 1;
    transform: rotate(770deg);
    animation-timing-function: ease-out;
    origin: 39%;
  }
  75% {
    opacity: 1;
    transform: rotate(900deg);
    animation-timing-function: ease-out;
    origin: 70%;
  }
  76% {
    opacity: 0;
    transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    transform: rotate(900deg);
  }
}
/* line 10, ../scss/page/_mainpage.scss */
.timeline #issues li p {
  width: 90%;
  text-align: center;
  margin: 0 auto;
}

/* line 18, ../scss/page/_mainpage.scss */
.slick-dots {
  bottom: -30px !important;
}
/* line 20, ../scss/page/_mainpage.scss */
.slick-dots li {
  overflow: visible !important;
}
/* line 22, ../scss/page/_mainpage.scss */
.slick-dots li button:before {
  display: block;
  background: #888888;
  border: 4px solid #f0f0f0;
  width: 17px;
  height: 17px;
  margin: 2px;
  color: transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-decoration: none;
  color: transparent !important;
  opacity: 1;
}
/* line 40, ../scss/page/_mainpage.scss */
.slick-dots li:hover button:before {
  background: #fff;
  border: 4px solid #35a240;
  width: 17px;
  height: 17px;
  text-decoration: none;
}
/* line 50, ../scss/page/_mainpage.scss */
.slick-dots .slick-active button:before {
  background: #fff;
  border: 4px solid #35a240;
  width: 17px;
  height: 17px;
  text-decoration: none;
}

/* line 63, ../scss/page/_mainpage.scss */
.timeline {
  margin-top: 3em;
  background: #e0e0e0;
  height: auto;
}
/* line 67, ../scss/page/_mainpage.scss */
.timeline .txt-sub-head {
  margin: 2.5em 0 1.5em 0;
  text-transform: uppercase;
  text-align: center;
}
/* line 73, ../scss/page/_mainpage.scss */
.timeline .text-detail {
  text-align: center;
  line-height: 1.5em;
  margin: 0 15px;
}

/* line 1, ../scss/page/_contact.scss */
.content_map {
  padding-top: 1em;
}
/* line 3, ../scss/page/_contact.scss */
.content_map .parent_map {
  padding: 0;
}
/* line 5, ../scss/page/_contact.scss */
.content_map .parent_map #map-canvas {
  width: 98%;
  height: 450px;
  overflow: hidden;
  background: #fff;
  border: 3px solid #ccc;
  border-radius: 5px;
  margin: auto;
}
/* line 16, ../scss/page/_contact.scss */
.content_map .right_menu {
  padding-top: 1em;
  text-align: center;
}
/* line 19, ../scss/page/_contact.scss */
.content_map .right_menu .head-menu-contact {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
  padding-bottom: 1em;
}
@media (max-width: 700px) {
  /* line 19, ../scss/page/_contact.scss */
  .content_map .right_menu .head-menu-contact {
    font-size: 30px;
  }
}
/* line 24, ../scss/page/_contact.scss */
.content_map .right_menu .border-line {
  border-bottom: 2px solid 45%;
}
/* line 27, ../scss/page/_contact.scss */
.content_map .right_menu .content_menu {
  margin: auto;
}
/* line 29, ../scss/page/_contact.scss */
.content_map .right_menu .content_menu .menu-contact {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  color: #666666;
  line-height: 2em;
  text-shadow: rgba(51, 51, 51, 0.4) 1px 1px 0;
}
@media (max-width: 700px) {
  /* line 29, ../scss/page/_contact.scss */
  .content_map .right_menu .content_menu .menu-contact {
    font-size: 18px;
  }
}
/* line 35, ../scss/page/_contact.scss */
.content_map .right_menu .content_menu .menu-contact:hover {
  color: #27b867;
}
/* line 40, ../scss/page/_contact.scss */
.content_map .right_menu .content_menu .menu-contact.active {
  color: #27b867;
}

@media screen and (min-width: 1000px) {
  /* line 49, ../scss/page/_contact.scss */
  .content_map .right_menu {
    text-align: left;
  }
  /* line 51, ../scss/page/_contact.scss */
  .content_map .right_menu .head-menu-contact {
    font-family: "RobotoB";
    color: #333333;
    font-size: 36px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 700px) {
  /* line 51, ../scss/page/_contact.scss */
  .content_map .right_menu .head-menu-contact {
    font-size: 30px;
  }
}

@media screen and (min-width: 1000px) {
  /* line 57, ../scss/page/_contact.scss */
  .content_info .info_head {
    text-align: left !important;
  }
}
/* line 64, ../scss/page/_contact.scss */
.content_info .info_head {
  text-align: center;
}
/* line 67, ../scss/page/_contact.scss */
.content_info .slide_block {
  margin: 1em;
}
/* line 71, ../scss/page/_contact.scss */
.content_info .slide_block .contact_list .item {
  height: auto;
}

/* line 80, ../scss/page/_contact.scss */
.owl-carousel {
  display: block;
}
/* line 82, ../scss/page/_contact.scss */
.owl-carousel .owl-item {
  padding-bottom: 2em;
}

/* line 88, ../scss/page/_contact.scss */
h2.contact_header_info {
  text-transform: none !important;
}

/* line 92, ../scss/page/_contact.scss */
h1.contact_group_title {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
  color: #27b867;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  /* line 92, ../scss/page/_contact.scss */
  h1.contact_group_title {
    font-size: 30px;
  }
}

/* line 99, ../scss/page/_contact.scss */
#berli h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  padding-bottom: .2em;
}
@media (max-width: 700px) {
  /* line 99, ../scss/page/_contact.scss */
  #berli h3 {
    font-size: 18px;
  }
}
/* line 103, ../scss/page/_contact.scss */
#berli .berli-bold {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 103, ../scss/page/_contact.scss */
  #berli .berli-bold {
    font-size: 12px;
  }
}
/* line 105, ../scss/page/_contact.scss */
#berli .berli-bold p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 105, ../scss/page/_contact.scss */
  #berli .berli-bold p {
    font-size: 12px;
  }
}

/* line 1, ../scss/page/_career.scss */
.row.career {
  background-color: #9a9a9a;
}
/* line 3, ../scss/page/_career.scss */
.row.career .col-xs-12, .row.career .col-sm-12 {
  padding: 0;
}

/* line 7, ../scss/page/_career.scss */
small {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #333333;
}
@media (max-width: 700px) {
  /* line 7, ../scss/page/_career.scss */
  small {
    font-size: 12px;
  }
}

/* line 11, ../scss/page/_career.scss */
.uncareer {
  font-family: "Roboto";
  background-color: #f2f1f1;
}

/* line 15, ../scss/page/_career.scss */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

/* line 19, ../scss/page/_career.scss */
.btn-group.bootstrap-select button.selectpicker {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #ccc;
  padding: 12px 10px 12px 8px;
}
@media (max-width: 700px) {
  /* line 19, ../scss/page/_career.scss */
  .btn-group.bootstrap-select button.selectpicker {
    font-size: 12px;
  }
}
/* line 26, ../scss/page/_career.scss */
.btn-group.bootstrap-select button.selectpicker:hover {
  background-color: #fff;
}
/* line 29, ../scss/page/_career.scss */
.btn-group.bootstrap-select button.selectpicker:active {
  background-color: #fff;
}

/* line 34, ../scss/page/_career.scss */
.form-control {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 34, ../scss/page/_career.scss */
  .form-control {
    font-size: 12px;
  }
}

/* line 38, ../scss/page/_career.scss */
span.filter-option.pull-left {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #999;
}
@media (max-width: 700px) {
  /* line 38, ../scss/page/_career.scss */
  span.filter-option.pull-left {
    font-size: 12px;
  }
}

/* line 44, ../scss/page/_career.scss */
.step h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 44, ../scss/page/_career.scss */
  .step h3 {
    font-size: 12px;
  }
}

/* line 50, ../scss/page/_career.scss */
.career-menu .menu-mobile {
  text-align: center;
}
/* line 52, ../scss/page/_career.scss */
.career-menu .menu-mobile .career-head-menu {
  background-color: #222;
  border-bottom: 1px solid #000;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  padding: .5em;
  font-family: "Roboto";
}
@media (max-width: 700px) {
  /* line 52, ../scss/page/_career.scss */
  .career-menu .menu-mobile .career-head-menu {
    font-size: 12px;
  }
}
/* line 58, ../scss/page/_career.scss */
.career-menu .menu-mobile .career-head-menu a {
  color: gray;
  cursor: pointer;
}
/* line 61, ../scss/page/_career.scss */
.career-menu .menu-mobile .career-head-menu a:hover {
  color: #cccccc;
}
/* line 66, ../scss/page/_career.scss */
.career-menu .menu-mobile .career-sub-menu {
  display: none;
}
/* line 70, ../scss/page/_career.scss */
.career-menu .menu-mobile .career-sub-menu ul li a {
  font-family: "Roboto";
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 2em;
  color: #156438;
}
@media (max-width: 700px) {
  /* line 70, ../scss/page/_career.scss */
  .career-menu .menu-mobile .career-sub-menu ul li a {
    font-size: 12px;
  }
}
/* line 75, ../scss/page/_career.scss */
.career-menu .menu-mobile .career-sub-menu ul li a:hover {
  color: #ffffff;
}
/* line 79, ../scss/page/_career.scss */
.career-menu .menu-mobile .career-sub-menu ul li a.active {
  color: #ffffff;
}
/* line 87, ../scss/page/_career.scss */
.career-menu .menu-destop .career-sub-menu {
  padding: 3em;
}
/* line 91, ../scss/page/_career.scss */
.career-menu .menu-destop .career-sub-menu ul li a {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 2.5em;
  color: #156438;
}
@media (max-width: 700px) {
  /* line 91, ../scss/page/_career.scss */
  .career-menu .menu-destop .career-sub-menu ul li a {
    font-size: 12px;
  }
}
/* line 95, ../scss/page/_career.scss */
.career-menu .menu-destop .career-sub-menu ul li a:hover {
  color: #ffffff;
}
/* line 99, ../scss/page/_career.scss */
.career-menu .menu-destop .career-sub-menu ul li a.active {
  color: #ffffff;
}

/* line 107, ../scss/page/_career.scss */
.career-main {
  padding: 3em 1em;
  text-align: center;
  font-family: "Roboto";
  color: #333333;
  background-color: #cdcdcd;
}
/* line 113, ../scss/page/_career.scss */
.career-main h1 {
  padding-bottom: 1em;
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 113, ../scss/page/_career.scss */
  .career-main h1 {
    font-size: 30px;
  }
}

/* line 118, ../scss/page/_career.scss */
.new-slide {
  padding: 0 2em;
}
/* line 120, ../scss/page/_career.scss */
.new-slide .detail {
  text-align: left;
  padding-left: 1.5em;
}
/* line 123, ../scss/page/_career.scss */
.new-slide .detail h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 123, ../scss/page/_career.scss */
  .new-slide .detail h3 {
    font-size: 18px;
  }
}
/* line 126, ../scss/page/_career.scss */
.new-slide .detail .text {
  padding-top: 1.5em;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 25px;
}
@media (max-width: 700px) {
  /* line 126, ../scss/page/_career.scss */
  .new-slide .detail .text {
    font-size: 12px;
  }
}
/* line 131, ../scss/page/_career.scss */
.new-slide .detail .text p {
  padding-top: 1.5em;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 25px;
}
@media (max-width: 700px) {
  /* line 131, ../scss/page/_career.scss */
  .new-slide .detail .text p {
    font-size: 12px;
  }
}
/* line 138, ../scss/page/_career.scss */
.new-slide .item {
  height: auto;
}
/* line 142, ../scss/page/_career.scss */
.new-slide .owl-theme .owl-controls {
  text-align: center;
  margin-top: 30px;
  position: static;
  transform: translatex(0);
  -ms-transform: translatex(0);
  /* IE 9 */
  -webkit-transform: translatex(0);
  /* Chrome, Safari, Opera */
}
/* line 150, ../scss/page/_career.scss */
.new-slide .owl-theme .owl-controls .owl-page span {
  background: #888888;
  width: 17px;
  height: 17px;
  border: 4px solid #cdcdcd;
}
/* line 156, ../scss/page/_career.scss */
.new-slide .owl-theme .owl-controls .owl-page.active span {
  background-color: #fff;
  border: 4px solid #35a240;
}

/* line 163, ../scss/page/_career.scss */
.why-bjc {
  background-color: #f2f1f1;
  text-align: center;
}
/* line 166, ../scss/page/_career.scss */
.why-bjc h1 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
  padding: 1em 0;
}
@media (max-width: 700px) {
  /* line 166, ../scss/page/_career.scss */
  .why-bjc h1 {
    font-size: 30px;
  }
}
/* line 171, ../scss/page/_career.scss */
.why-bjc .text p {
  padding: 0 3em;
  line-height: 1.8em;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  /* line 171, ../scss/page/_career.scss */
  .why-bjc .text p {
    font-size: 12px;
  }
}
/* line 181, ../scss/page/_career.scss */
.why-bjc .img img {
  width: 100%;
  height: auto;
}
/* line 186, ../scss/page/_career.scss */
.why-bjc .head-text {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  color: #156438;
  padding-bottom: .5em;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  /* line 186, ../scss/page/_career.scss */
  .why-bjc .head-text {
    font-size: 18px;
  }
}
/* line 192, ../scss/page/_career.scss */
.why-bjc .sub-text {
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 0 2em 1em 2em;
}
/* line 197, ../scss/page/_career.scss */
.why-bjc .list-text {
  text-align: left;
        /*  ul {
           width: 100%;
           padding: 0 3em 5em 8em;
           list-style-type: disc;
           margin-bottom: 0;
           li {
               display: inline-block;
               width: 40%;
               text-align: left;
               font-size: 1.3em;
               padding: .7em 0;
               &:before {
                   margin-right: .5em;
                   width: 100px;
                   height: 20px;
                   background: $left-menu-color;
               }
           }

       } */
}
/* line 199, ../scss/page/_career.scss */
.why-bjc .list-text div {
  background-color: #f2f1f1;
}
/* line 201, ../scss/page/_career.scss */
.why-bjc .list-text div ul {
  padding: 0 3em 5em e7m;
  list-style-type: disc;
}
/* line 204, ../scss/page/_career.scss */
.why-bjc .list-text div ul li {
  font-family: sans-serif;
  font-size: 1.3em;
  padding: .7em 0;
}

/* line 234, ../scss/page/_career.scss */
.alert-area {
  background-color: #f2f1f1;
  position: relative;
  overflow: hidden;
  padding: 3em 3em 0px 3em;
}
/* line 239, ../scss/page/_career.scss */
.alert-area .alert {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 0px;
  color: #156438;
}
@media (max-width: 700px) {
  /* line 239, ../scss/page/_career.scss */
  .alert-area .alert {
    font-size: 12px;
  }
}
/* line 243, ../scss/page/_career.scss */
.alert-area .alert .glyphicon {
  font-size: 1em;
  color: #156438;
}

/* line 251, ../scss/page/_career.scss */
.step {
  font-family: "Roboto";
  overflow: hidden;
  padding: 3em;
  background-color: #f2f1f1;
  position: relative;
  /* .head-step.active {
      background-color: transparent;
      color: $left-menu-color;
      border-bottom: 2px solid $bg-color;
      margin-bottom: 0;
      padding: .9em .8em 0 .8em;
      &:after {
          content: "";
          border-width: .4em;
          border-style: solid;
          border-color: $bg-color transparent transparent transparent;
          position: relative;
          left: 49.3%;
          top: 1.6em;
      }
  } */
 /*  #step-1, #step-2, #step-3, #step-4, #step-5 {
    display: none;
} */
}
/* line 257, ../scss/page/_career.scss */
.step .step-start {
  background-color: #156438;
  padding: 2em;
}
/* line 260, ../scss/page/_career.scss */
.step .step-start:after {
  content: "";
  border-width: .8em;
  border-style: solid;
  border-color: #156438 transparent transparent transparent;
  position: absolute;
  left: 49%;
  top: 6.9em;
}
/* line 270, ../scss/page/_career.scss */
.step .head-step {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  text-transform: uppercase;
  background-color: #156438;
  color: #ffffff;
  padding: .8em;
  margin-bottom: .2em;
  cursor: pointer;
}
@media (max-width: 700px) {
  /* line 270, ../scss/page/_career.scss */
  .step .head-step {
    font-size: 18px;
  }
}
/* line 279, ../scss/page/_career.scss */
.step .head-step:hover {
  background-color: transparent;
  color: #156438;
}
/* line 301, ../scss/page/_career.scss */
.step .head-step.active {
  background-color: transparent;
  color: #156438;
}
/* line 305, ../scss/page/_career.scss */
.step .body-step {
  display: none;
  padding-bottom: 2em;
}
/* line 309, ../scss/page/_career.scss */
.step .body-step .text-head {
  color: #333333;
  padding: 1em 1em;
}
/* line 313, ../scss/page/_career.scss */
.step .body-step .text-head h4 {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0em 1em;
}
@media (max-width: 700px) {
  /* line 313, ../scss/page/_career.scss */
  .step .body-step .text-head h4 {
    font-size: 12px;
  }
}
/* line 319, ../scss/page/_career.scss */
.step .body-step .row .text-head {
  padding: 1em 0;
}
/* line 324, ../scss/page/_career.scss */
.step .body-step .main-row .text-head {
  padding: 1em 1em;
}
/* line 329, ../scss/page/_career.scss */
.step .body-step .text-body .radio-inline, .step .body-step .text-body .checkbox-inline {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #333333;
  margin: .2em .2em;
}
@media (max-width: 700px) {
  /* line 329, ../scss/page/_career.scss */
  .step .body-step .text-body .radio-inline, .step .body-step .text-body .checkbox-inline {
    font-size: 12px;
  }
}
/* line 336, ../scss/page/_career.scss */
.step .body-step button {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  background-color: #27b867;
  border: none;
  color: #ffffff;
  padding: .5em 2em;
}
@media (max-width: 700px) {
  /* line 336, ../scss/page/_career.scss */
  .step .body-step button {
    font-size: 12px;
  }
}
/* line 343, ../scss/page/_career.scss */
.step .body-step button:hover {
  background-color: #156438;
}

/* line 352, ../scss/page/_career.scss */
.add-record {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  cursor: pointer;
  color: #156438;
}
@media (max-width: 700px) {
  /* line 352, ../scss/page/_career.scss */
  .add-record {
    font-size: 12px;
  }
}
/* line 357, ../scss/page/_career.scss */
.add-record:hover {
  color: #b3b3b3;
}

/* line 362, ../scss/page/_career.scss */
.row .padding-rl {
  padding: 0 1em !important;
}

/* line 366, ../scss/page/_career.scss */
hr {
  border: 1px solid #cccccc;
}

/* line 369, ../scss/page/_career.scss */
.job-text-head {
  color: #333333;
  text-align: center;
  padding: 3em 0;
}
/* line 374, ../scss/page/_career.scss */
.job-text-head h1 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  /* line 374, ../scss/page/_career.scss */
  .job-text-head h1 {
    font-size: 30px;
  }
}
/* line 378, ../scss/page/_career.scss */
.job-text-head .top-line {
  border: 2px solid #156438;
  margin: 1em 40%;
}

/* line 383, ../scss/page/_career.scss */
.filter-menu {
  padding: 2em;
}
/* line 387, ../scss/page/_career.scss */
.filter-menu .row .padding-rl .form-group {
  margin: 0;
  padding: .6em .1em;
}
/* line 390, ../scss/page/_career.scss */
.filter-menu .row .padding-rl .form-group .btn_search {
  background-color: #27b867;
  border: none;
  color: #ffffff;
  padding: .5em 2em;
  font-size: 1.5em;
  line-height: 1.33;
}
/* line 397, ../scss/page/_career.scss */
.filter-menu .row .padding-rl .form-group .btn_search:hover {
  background-color: #156438;
}

/* line 405, ../scss/page/_career.scss */
.job-sub-text {
  padding: 2em;
  color: #156438;
  text-align: center;
}

/* line 410, ../scss/page/_career.scss */
.job-data {
  padding: 2em;
  font-size: 1.3em;
  font-family: "Roboto";
}
/* line 417, ../scss/page/_career.scss */
.job-data .table thead tr th {
  font-family: "Roboto";
  color: #333333;
  font-size: 18px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 417, ../scss/page/_career.scss */
  .job-data .table thead tr th {
    font-size: 18px;
  }
}
/* line 423, ../scss/page/_career.scss */
.job-data .table tbody tr {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 423, ../scss/page/_career.scss */
  .job-data .table tbody tr {
    font-size: 12px;
  }
}
/* line 425, ../scss/page/_career.scss */
.job-data .table tbody tr td {
  color: #666666;
}
/* line 427, ../scss/page/_career.scss */
.job-data .table tbody tr td a {
  color: #666666;
}
/* line 431, ../scss/page/_career.scss */
.job-data .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
/* line 436, ../scss/page/_career.scss */
.job-data .table tbody tr:last-child:hover {
  background: transparent;
  cursor: default;
}
/* line 443, ../scss/page/_career.scss */
.job-data .table .paginat-item {
  width: 15px;
  height: 15px;
  background: #888;
  float: left;
  margin: 0 .5em;
  border: 4px solid #f2f1f1;
  border-radius: 10px;
  cursor: pointer;
}
/* line 452, ../scss/page/_career.scss */
.job-data .table .paginat-item:hover {
  border: 4px solid #156438;
}
/* line 456, ../scss/page/_career.scss */
.job-data .table .paginat-item:last-child:after {
  clear: both;
}
/* line 461, ../scss/page/_career.scss */
.job-data .table .active {
  background: #fff;
  border: 4px solid #22a35b;
}
/* line 466, ../scss/page/_career.scss */
.job-data .table .show_all:hover {
  text-decoration: underline;
}
/* line 472, ../scss/page/_career.scss */
.job-data .sub h4 {
  color: #333333;
  font-family: "Roboto";
  font-size: 1.3em;
  border-bottom: 1px solid #333333;
  padding: .5em;
}
/* line 479, ../scss/page/_career.scss */
.job-data .sub .data-text {
  padding-top: 1em;
}
/* line 481, ../scss/page/_career.scss */
.job-data .sub .data-text ul {
  color: #333333;
  font-weight: 200;
  line-height: 1.5em;
  font-size: 1.1em;
  padding: 1em;
  list-style: disc;
}
/* line 491, ../scss/page/_career.scss */
.job-data .data-text-sub {
  color: #333333;
  text-align: center;
  padding: 1.5em 0;
  font-weight: 200;
  line-height: 1.5em;
  font-size: 1.1em;
}
/* line 500, ../scss/page/_career.scss */
.job-data .text-address .address {
  padding-bottom: 3em;
}
/* line 503, ../scss/page/_career.scss */
.job-data .text-address h4 {
  padding: 1em 0;
  color: #156438;
  font-family: "Roboto";
}
/* line 508, ../scss/page/_career.scss */
.job-data .text-address div {
  color: #333333;
  line-height: 1.5em;
  font-size: 1.1em;
}
/* line 514, ../scss/page/_career.scss */
.job-data button {
  background-color: #27b867;
  border: none;
  color: #ffffff;
  padding: .5em 1.5em;
  font-size: 1.5em;
}
/* line 521, ../scss/page/_career.scss */
.job-data button:hover {
  background-color: #156438;
}
/* line 525, ../scss/page/_career.scss */
.job-data .description {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 525, ../scss/page/_career.scss */
  .job-data .description {
    font-size: 12px;
  }
}
/* line 527, ../scss/page/_career.scss */
.job-data .description p {
  line-height: 1.5em;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  padding-bottom: .5em;
}
@media (max-width: 700px) {
  /* line 527, ../scss/page/_career.scss */
  .job-data .description p {
    font-size: 12px;
  }
}
/* line 533, ../scss/page/_career.scss */
.job-data .description ul li {
  margin-left: 1em;
  list-style: decimal;
}

/* line 540, ../scss/page/_career.scss */
#slider1 li {
  overflow: hidden;
  float: left;
}
/* line 543, ../scss/page/_career.scss */
#slider1 li .item {
  position: relative;
}

/* line 547, ../scss/page/_career.scss */
#pager2.pager {
  margin: auto;
  float: none;
}

/* line 551, ../scss/page/_career.scss */
#pager2.pager a {
  display: inline-block;
}
/* line 553, ../scss/page/_career.scss */
#pager2.pager a span {
  display: block;
  background: #888888;
  border: 4px solid #cdcdcd;
  width: 17px;
  height: 17px;
  margin: 2px;
  color: transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-decoration: none;
}
/* line 566, ../scss/page/_career.scss */
#pager2.pager a.selected {
  text-decoration: none;
}
/* line 568, ../scss/page/_career.scss */
#pager2.pager a.selected span {
  background: #fff;
  border: 4px solid #35a240;
  width: 17px;
  height: 17px;
  text-decoration: none;
}

/* line 578, ../scss/page/_career.scss */
.benefit div {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  font-size: 1.5em;
  line-height: 1.5em;
  padding-bottom: 1em;
}
@media (max-width: 700px) {
  /* line 578, ../scss/page/_career.scss */
  .benefit div {
    font-size: 12px;
  }
}
/* line 584, ../scss/page/_career.scss */
.benefit ul {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 10px;
  margin-left: 5%;
  overflow: hidden;
  margin-bottom: 0px;
  padding-bottom: 20px;
}
@media (max-width: 700px) {
  /* line 584, ../scss/page/_career.scss */
  .benefit ul {
    font-size: 12px;
  }
}
/* line 592, ../scss/page/_career.scss */
.benefit li {
  text-align: left;
  float: left;
  width: 50%;
  font-size: 1.2em;
}

/* line 599, ../scss/page/_career.scss */
.preload {
  position: fixed;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
/* line 611, ../scss/page/_career.scss */
.preload .img_load {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
}
/* line 618, ../scss/page/_career.scss */
.preload .img_load .windows8 {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -75px;
}
/* line 627, ../scss/page/_career.scss */
.preload .img_load .windows8 .wBall {
  position: absolute;
  width: 143px;
  height: 143px;
  opacity: 0;
  -moz-transform: rotate(225deg);
  -moz-animation: orbit 7.15s infinite;
  -webkit-transform: rotate(225deg);
  -webkit-animation: orbit 7.15s infinite;
  -ms-transform: rotate(225deg);
  -ms-animation: orbit 7.15s infinite;
  -o-transform: rotate(225deg);
  -o-animation: orbit 7.15s infinite;
  transform: rotate(225deg);
  animation: orbit 7.15s infinite;
}
/* line 643, ../scss/page/_career.scss */
.preload .img_load .windows8 .wBall .wInnerBall {
  position: absolute;
  width: 19px;
  height: 19px;
  background: #fff;
  left: 0px;
  top: 0px;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
}
/* line 656, ../scss/page/_career.scss */
.preload .img_load .windows8 #wBall_1 {
  -moz-animation-delay: 1.56s;
  -webkit-animation-delay: 1.56s;
  -ms-animation-delay: 1.56s;
  -o-animation-delay: 1.56s;
  animation-delay: 1.56s;
}
/* line 663, ../scss/page/_career.scss */
.preload .img_load .windows8 #wBall_2 {
  -moz-animation-delay: 0.31s;
  -webkit-animation-delay: 0.31s;
  -ms-animation-delay: 0.31s;
  -o-animation-delay: 0.31s;
  animation-delay: 0.31s;
}
/* line 670, ../scss/page/_career.scss */
.preload .img_load .windows8 #wBall_3 {
  -moz-animation-delay: 0.62s;
  -webkit-animation-delay: 0.62s;
  -ms-animation-delay: 0.62s;
  -o-animation-delay: 0.62s;
  animation-delay: 0.62s;
}
/* line 677, ../scss/page/_career.scss */
.preload .img_load .windows8 #wBall_4 {
  -moz-animation-delay: 0.94s;
  -webkit-animation-delay: 0.94s;
  -ms-animation-delay: 0.94s;
  -o-animation-delay: 0.94s;
  animation-delay: 0.94s;
}
/* line 684, ../scss/page/_career.scss */
.preload .img_load .windows8 #wBall_5 {
  -moz-animation-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
  -ms-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
@-moz-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -moz-transform: rotate(180deg);
    -moz-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -moz-transform: rotate(300deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 0%;
  }
  30% {
    opacity: 1;
    -moz-transform: rotate(410deg);
    -moz-animation-timing-function: ease-in-out;
    -moz-origin: 7%;
  }
  39% {
    opacity: 1;
    -moz-transform: rotate(645deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 30%;
  }
  70% {
    opacity: 1;
    -moz-transform: rotate(770deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 39%;
  }
  75% {
    opacity: 1;
    -moz-transform: rotate(900deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 70%;
  }
  76% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -moz-transform: rotate(900deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -webkit-transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -webkit-transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 0%;
  }
  30% {
    opacity: 1;
    -webkit-transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-origin: 7%;
  }
  39% {
    opacity: 1;
    -webkit-transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 30%;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 39%;
  }
  75% {
    opacity: 1;
    -webkit-transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 70%;
  }
  76% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(900deg);
  }
}
@-ms-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -ms-transform: rotate(180deg);
    -ms-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -ms-transform: rotate(300deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 0%;
  }
  30% {
    opacity: 1;
    -ms-transform: rotate(410deg);
    -ms-animation-timing-function: ease-in-out;
    -ms-origin: 7%;
  }
  39% {
    opacity: 1;
    -ms-transform: rotate(645deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 30%;
  }
  70% {
    opacity: 1;
    -ms-transform: rotate(770deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 39%;
  }
  75% {
    opacity: 1;
    -ms-transform: rotate(900deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 70%;
  }
  76% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(900deg);
  }
}
@-o-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin: 0%;
  }
  30% {
    opacity: 1;
    -o-transform: rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin: 7%;
  }
  39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin: 30%;
  }
  70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 39%;
  }
  75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 70%;
  }
  76% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    -o-transform: rotate(900deg);
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    transform: rotate(300deg);
    animation-timing-function: linear;
    origin: 0%;
  }
  30% {
    opacity: 1;
    transform: rotate(410deg);
    animation-timing-function: ease-in-out;
    origin: 7%;
  }
  39% {
    opacity: 1;
    transform: rotate(645deg);
    animation-timing-function: linear;
    origin: 30%;
  }
  70% {
    opacity: 1;
    transform: rotate(770deg);
    animation-timing-function: ease-out;
    origin: 39%;
  }
  75% {
    opacity: 1;
    transform: rotate(900deg);
    animation-timing-function: ease-out;
    origin: 70%;
  }
  76% {
    opacity: 0;
    transform: rotate(900deg);
  }
  100% {
    opacity: 0;
    transform: rotate(900deg);
  }
}
/* line 926, ../scss/page/_career.scss */
.profile .step .body-step {
  display: block;
}

/* line 932, ../scss/page/_career.scss */
.alert-area .alert-danger {
  color: #a94442;
}

/* line 939, ../scss/page/_career.scss */
.alert-area .alert-danger .glyphicon {
  color: #a94442;
}

/* line 945, ../scss/page/_career.scss */
.alert-area-text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 945, ../scss/page/_career.scss */
  .alert-area-text {
    font-size: 12px;
  }
}
/* line 947, ../scss/page/_career.scss */
.alert-area-text #btn_step_4 {
  margin-top: 10px;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  background-color: #27b867;
  border: none;
  color: #ffffff;
  padding: .5em 2em;
}
@media (max-width: 700px) {
  /* line 947, ../scss/page/_career.scss */
  .alert-area-text #btn_step_4 {
    font-size: 12px;
  }
}
/* line 955, ../scss/page/_career.scss */
.alert-area-text #btn_step_4:hover {
  background-color: #156438;
}

/* line 961, ../scss/page/_career.scss */
.alert-area-head {
  padding: 1em 1em 0px 1em;
  background-color: #f2f1f1;
  position: relative;
  overflow: hidden;
}
/* line 966, ../scss/page/_career.scss */
.alert-area-head .job-text-head {
  padding: 1.5em 0px;
}

/* line 971, ../scss/page/_career.scss */
.alert-area-text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  padding: 1em 3em 0px 3em;
  background-color: #f2f1f1;
  position: relative;
  overflow: hidden;
}
@media (max-width: 700px) {
  /* line 971, ../scss/page/_career.scss */
  .alert-area-text {
    font-size: 12px;
  }
}
/* line 977, ../scss/page/_career.scss */
.alert-area-text .job-text-head {
  padding: 1.5em 0px;
}

/* line 1, ../scss/page/_corp.scss */
.head-slide {
  padding-bottom: 5em;
}
/* line 3, ../scss/page/_corp.scss */
.head-slide .item {
  height: auto;
}
/* line 7, ../scss/page/_corp.scss */
.head-slide .owl-theme .owl-controls {
  text-align: center;
  margin-top: 10px;
  position: static;
  -ms-transform: translatex(0);
  /* IE 9 */
  -webkit-transform: translatex(0);
  /* Chrome, Safari, Opera */
  transform: translatex(0);
}
/* line 14, ../scss/page/_corp.scss */
.head-slide .owl-theme .owl-controls .owl-page span {
  background: #888888;
  width: 17px;
  height: 17px;
  border: 4px solid #f0f0f0;
}
/* line 20, ../scss/page/_corp.scss */
.head-slide .owl-theme .owl-controls .owl-page.active span {
  background-color: #fff;
  border: 4px solid #35a240;
}

/* line 30, ../scss/page/_corp.scss */
.corp-text .head-text h1 {
  text-transform: uppercase;
  color: #333333;
  font-family: "Roboto";
  padding-bottom: 1em;
  font-weight: bold;
}
/* line 39, ../scss/page/_corp.scss */
.corp-text .sub-text {
  color: gray;
  padding-bottom: 2em;
}
/* line 44, ../scss/page/_corp.scss */
.corp-text .text {
  line-height: 1.5em;
  font-size: 1.3em;
  color: #333333;
  padding-bottom: 2em;
}

/* line 54, ../scss/page/_corp.scss */
.corp-rules img {
  position: relative;
  z-index: -1;
  left: -100%;
  padding-bottom: 4em;
}
/* line 61, ../scss/page/_corp.scss */
.corp-rules .corp-text .sub-text {
  color: #fff;
  padding: 3em 0;
}
/* line 64, ../scss/page/_corp.scss */
.corp-rules .corp-text .sub-text h3 {
  font-size: 2.5em;
}
/* line 68, ../scss/page/_corp.scss */
.corp-rules .corp-text .list {
  padding: 0 1em;
}
/* line 70, ../scss/page/_corp.scss */
.corp-rules .corp-text .list ul {
  border-top: 1px solid #fff;
}
/* line 72, ../scss/page/_corp.scss */
.corp-rules .corp-text .list ul li {
  padding: .5em 0;
  border-bottom: 1px solid #fff;
  list-style: disc;
}
/* line 76, ../scss/page/_corp.scss */
.corp-rules .corp-text .list ul li a {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
}
/* line 82, ../scss/page/_corp.scss */
.corp-rules .corp-text .list ul li:hover {
  background: rgba(255, 255, 255, 0.5);
}
/* line 88, ../scss/page/_corp.scss */
.corp-rules .corp-text .list-number {
  padding: 2em 1em;
}
/* line 91, ../scss/page/_corp.scss */
.corp-rules .corp-text .list-number ul li {
  padding: .5em 0;
}
/* line 93, ../scss/page/_corp.scss */
.corp-rules .corp-text .list-number ul li a {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
}

/* line 106, ../scss/page/_corp.scss */
.lg {
  background-color: #fff;
  padding-bottom: 2em;
}

/* line 112, ../scss/page/_corp.scss */
.corperate .text-head {
  padding: 3em 0 0 0;
}
/* line 114, ../scss/page/_corp.scss */
.corperate .text-head h1 {
  text-transform: uppercase;
  padding-bottom: 1em;
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 114, ../scss/page/_corp.scss */
  .corperate .text-head h1 {
    font-size: 30px;
  }
}
/* line 120, ../scss/page/_corp.scss */
.corperate .sub-text {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  color: gray;
  padding-bottom: 1em;
}
@media (max-width: 700px) {
  /* line 120, ../scss/page/_corp.scss */
  .corperate .sub-text {
    font-size: 18px;
  }
}
/* line 126, ../scss/page/_corp.scss */
.corperate .group-btn .row {
  padding: .8em 0;
}
/* line 129, ../scss/page/_corp.scss */
.corperate .group-btn .row .corp-btn img {
  width: 100%;
  padding: .2em .5em;
}

/* line 139, ../scss/page/_corp.scss */
.committees .audit {
  margin-bottom: 2em;
  padding-bottom: 2em;
}
/* line 142, ../scss/page/_corp.scss */
.committees .audit .row {
  text-align: center;
  padding-top: 1em;
}
/* line 146, ../scss/page/_corp.scss */
.committees .audit .row .text-head h1 {
  text-transform: uppercase;
  padding: 1em 0 0 0;
  font-family: "RobotoB";
  color: #333333;
  font-size: 28px;
}
@media (max-width: 700px) {
  /* line 146, ../scss/page/_corp.scss */
  .committees .audit .row .text-head h1 {
    font-size: 30px;
  }
}
/* line 154, ../scss/page/_corp.scss */
.committees .audit .text-head h1 {
  text-transform: uppercase;
  padding: 1em 0 0 0;
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 154, ../scss/page/_corp.scss */
  .committees .audit .text-head h1 {
    font-size: 30px;
  }
}
@media screen and (min-width: 340px) {
  /* line 165, ../scss/page/_corp.scss */
  .committees .audit .img-committee .top {
    margin-top: 1em;
  }
  /* line 167, ../scss/page/_corp.scss */
  .committees .audit .img-committee .top li {
    margin: 0 auto;
  }
  /* line 179, ../scss/page/_corp.scss */
  .committees .audit .img-committee .second li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
  }
  /* line 186, ../scss/page/_corp.scss */
  .committees .audit .img-committee li {
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  /* line 193, ../scss/page/_corp.scss */
  .committees .audit .img-committee li .detail-img-bod {
    background: #fff;
    color: #808080;
  }
  /* line 198, ../scss/page/_corp.scss */
  .committees .audit .img-committee li .detail-img-bod div {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
  }
  /* line 205, ../scss/page/_corp.scss */
  .committees .audit .img-committee li .detail-img-bod h3 {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
    padding-top: .5em;
  }
}
@media screen and (min-width: 340px) and (max-width: 700px) {
  /* line 205, ../scss/page/_corp.scss */
  .committees .audit .img-committee li .detail-img-bod h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 340px) {
  /* line 211, ../scss/page/_corp.scss */
  .committees .audit .img-committee li .detail-img-bod p {
    padding: .5em .7em 0 .7em;
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 340px) and (max-width: 700px) {
  /* line 211, ../scss/page/_corp.scss */
  .committees .audit .img-committee li .detail-img-bod p {
    font-size: 12px;
  }
}

/* line 229, ../scss/page/_corp.scss */
.modal-header {
  border: none;
}

/* line 232, ../scss/page/_corp.scss */
.modal-body {
  width: 100%;
  padding: 0px;
  height: auto;
  font-family: 'Roboto',"THSarabun";
}
/* line 237, ../scss/page/_corp.scss */
.modal-body .bg {
  background-image: url(../images/corp/dialog-bg.png);
  background-size: cover;
}
/* line 240, ../scss/page/_corp.scss */
.modal-body .bg img {
  width: 100%;
  height: auto;
}
/* line 245, ../scss/page/_corp.scss */
.modal-body .col-text {
  padding-left: 2em;
}
/* line 248, ../scss/page/_corp.scss */
.modal-body .text-head {
  color: #1e8e50;
  padding-bottom: 1em;
}
/* line 252, ../scss/page/_corp.scss */
.modal-body .text-sub {
  color: #1e8e50;
  padding-bottom: 2em;
}
/* line 256, ../scss/page/_corp.scss */
.modal-body .text-title {
  color: #1e8e50;
  padding-bottom: 2em;
  font-family: "Roboto";
}
/* line 261, ../scss/page/_corp.scss */
.modal-body .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #000;
  padding-bottom: 2em;
}
@media (max-width: 700px) {
  /* line 261, ../scss/page/_corp.scss */
  .modal-body .text {
    font-size: 12px;
  }
}
/* line 266, ../scss/page/_corp.scss */
.modal-body .text p strong {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 266, ../scss/page/_corp.scss */
  .modal-body .text p strong {
    font-size: 18px;
  }
}
/* line 270, ../scss/page/_corp.scss */
.modal-body .text ul {
  padding: .5em 0 1em 1.5em;
}
/* line 272, ../scss/page/_corp.scss */
.modal-body .text ul li {
  list-style: disc;
}

/* line 279, ../scss/page/_corp.scss */
.line-corp {
  border: 1px solid gray;
}

/* line 283, ../scss/page/_corp.scss */
.rules-bg {
  background-image: url(../images/corp-lay-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 10em;
}
/* line 288, ../scss/page/_corp.scss */
.rules-bg .sub-text {
  color: #fff;
  padding: 3em 0;
}
/* line 291, ../scss/page/_corp.scss */
.rules-bg .sub-text h3 {
  font-size: 2.5em;
}
/* line 295, ../scss/page/_corp.scss */
.rules-bg .list {
  padding: 0 1em;
}
/* line 297, ../scss/page/_corp.scss */
.rules-bg .list ul {
  border-top: 1px solid #fff;
}
/* line 299, ../scss/page/_corp.scss */
.rules-bg .list ul li {
  padding: .5em 0;
  border-bottom: 1px solid #fff;
  list-style: disc;
}
/* line 303, ../scss/page/_corp.scss */
.rules-bg .list ul li a {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
}
/* line 308, ../scss/page/_corp.scss */
.rules-bg .list ul li:hover {
  background: rgba(255, 255, 255, 0.5);
}
/* line 314, ../scss/page/_corp.scss */
.rules-bg .list-number {
  padding: 2em 1em;
}
/* line 317, ../scss/page/_corp.scss */
.rules-bg .list-number ul li {
  padding: .5em 0;
}
/* line 319, ../scss/page/_corp.scss */
.rules-bg .list-number ul li a {
  color: #fff;
  line-height: 1.5em;
  font-size: 1.3em;
}

/* line 330, ../scss/page/_corp.scss */
.bod .committees-bod {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin: auto;
  width: 200px;
  display: inline-block;
}
/* line 338, ../scss/page/_corp.scss */
.bod .committees-bod #img-commit-bod {
  position: relative;
  z-index: 1;
}
/* line 341, ../scss/page/_corp.scss */
.bod .committees-bod .descbod {
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  transition: all linear 200ms;
}
/* line 351, ../scss/page/_corp.scss */
.bod .committees-bod .descbod h3.txt-dbod {
  padding: 1em 0;
  color: #156438;
  font-size: 1.2em;
  font-weight: bold;
}
/* line 357, ../scss/page/_corp.scss */
.bod .committees-bod .descbod p.txt-dbod {
  color: #1e8e50;
  font-style: italic;
}
/* line 362, ../scss/page/_corp.scss */
.bod .committees-bod:hover .descbod {
  bottom: 0%;
  transition: all linear 200ms;
}

/* line 369, ../scss/page/_corp.scss */
.committee-btn {
  text-align: left;
  margin: 0 auto;
}
/* line 372, ../scss/page/_corp.scss */
.committee-btn .btn_pdf {
  position: relative;
  float: left;
  left: 50%;
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -webkit-transform: translateX(-50%);
  /* Chrome, Safari, Opera */
  transform: translateX(-50%);
}
/* line 379, ../scss/page/_corp.scss */
.committee-btn .btn_pdf a {
  margin-left: 0px;
  padding-right: 1em;
}
/* line 382, ../scss/page/_corp.scss */
.committee-btn .btn_pdf a span {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 382, ../scss/page/_corp.scss */
  .committee-btn .btn_pdf a span {
    font-size: 12px;
  }
}

/* line 389, ../scss/page/_corp.scss */
.btn_pdf {
  height: auto;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #c3c3c3));
  background-image: -moz-linear-gradient(#ffffff, #c3c3c3);
  background-image: -webkit-linear-gradient(#ffffff, #c3c3c3);
  background-image: linear-gradient(#ffffff, #c3c3c3);
  border: 1px solid #dddddd;
  border-radius: 1em;
  margin-bottom: 1em;
}
/* line 395, ../scss/page/_corp.scss */
.btn_pdf a {
  width: 100%;
  font-family: "Roboto";
  display: table;
  font-size: 1.3em;
  background: url(../images/btn-pdf.png) no-repeat left center;
  color: #333;
  padding-left: 55px;
  height: 3.6em;
  margin-left: -3px;
  word-wrap: break-word;
}
/* line 407, ../scss/page/_corp.scss */
.btn_pdf a span {
  display: table-cell;
  vertical-align: middle;
  margin: auto;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 407, ../scss/page/_corp.scss */
  .btn_pdf a span {
    font-size: 12px;
  }
}

/* line 1, ../scss/page/_news_events.scss */
h2 {
  color: #333333;
  margin-top: .5em;
  text-transform: uppercase;
  font-family: "Roboto";
}

/* line 7, ../scss/page/_news_events.scss */
.sub-menu-row {
  background-color: #ffffff;
}

/* line 10, ../scss/page/_news_events.scss */
.new-event-sub-menu {
  padding: 1em 0;
}
/* line 12, ../scss/page/_news_events.scss */
.new-event-sub-menu .sub-menu {
  padding: 1em 0 3em 0;
  text-align: center;
}
/* line 16, ../scss/page/_news_events.scss */
.new-event-sub-menu .sub-menu ul li {
  float: left;
  padding: 0;
  width: 100%;
  margin: .5em 0;
  border-bottom: 1px solid #b3b3b3;
}
/* line 22, ../scss/page/_news_events.scss */
.new-event-sub-menu .sub-menu ul li a {
  color: #333333;
  font-family: "Roboto";
  font-size: 1.5em;
}
/* line 26, ../scss/page/_news_events.scss */
.new-event-sub-menu .sub-menu ul li a:hover {
  color: #1e8e50;
}
/* line 30, ../scss/page/_news_events.scss */
.new-event-sub-menu .sub-menu ul li a.active {
  padding-bottom: .1em;
  color: #22a35b;
  border-bottom: 4px solid #22a35b;
}
@media screen and (min-width: 480px) {
  /* line 16, ../scss/page/_news_events.scss */
  .new-event-sub-menu .sub-menu ul li {
    width: 50%;
  }
}
@media screen and (min-width: 1025px) {
  /* line 16, ../scss/page/_news_events.scss */
  .new-event-sub-menu .sub-menu ul li {
    padding: 0 2.2%;
    width: auto;
  }
}
@media screen and (min-width: 1200px) {
  /* line 16, ../scss/page/_news_events.scss */
  .new-event-sub-menu .sub-menu ul li {
    padding: 0 2.2em;
    width: auto;
  }
}

/* line 56, ../scss/page/_news_events.scss */
.contain-row {
  margin-top: .5em;
}
/* line 58, ../scss/page/_news_events.scss */
.contain-row .col-xs-12 {
  margin-top: 1em;
}
/* line 62, ../scss/page/_news_events.scss */
.contain-row .head .head-text {
  text-align: left;
  padding: 0;
}
/* line 65, ../scss/page/_news_events.scss */
.contain-row .head .head-text h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
}
@media (max-width: 700px) {
  /* line 65, ../scss/page/_news_events.scss */
  .contain-row .head .head-text h3 {
    font-size: 12px;
  }
}
/* line 71, ../scss/page/_news_events.scss */
.contain-row .head .more-text {
  text-align: right;
}
/* line 73, ../scss/page/_news_events.scss */
.contain-row .head .more-text a {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 73, ../scss/page/_news_events.scss */
  .contain-row .head .more-text a {
    font-size: 12px;
  }
}
/* line 77, ../scss/page/_news_events.scss */
.contain-row .head .more-text a:hover {
  color: #1e8e50;
}
/* line 83, ../scss/page/_news_events.scss */
.contain-row .detail {
  background-color: #ffffff;
  padding: .7em .5em;
  font-size: 1.2em;
}
/* line 87, ../scss/page/_news_events.scss */
.contain-row .detail .head {
  font-size: 1.4em;
  color: #333333;
  line-height: 1.2em;
}
/* line 92, ../scss/page/_news_events.scss */
.contain-row .detail .small {
  color: #b3b3b3;
  font-family: "Roboto";
  padding: .5em 0;
}
/* line 97, ../scss/page/_news_events.scss */
.contain-row .detail .text {
  font-family: "Roboto";
  color: #333333;
}

/* line 103, ../scss/page/_news_events.scss */
.csr-img {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* line 108, ../scss/page/_news_events.scss */
.csr-text .head {
  font-size: 1.8em;
  color: #333333;
  line-height: 1.2em;
}
/* line 113, ../scss/page/_news_events.scss */
.csr-text .small {
  color: #b3b3b3;
  font-family: "Roboto";
  padding: .5em 0;
  font-size: 1.2em;
}
/* line 119, ../scss/page/_news_events.scss */
.csr-text .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 1.3em;
  line-height: 1.7em;
}

/* line 127, ../scss/page/_news_events.scss */
.left-slider .up {
  right: 10px;
  width: 32px;
  height: 32px;
  margin-top: 5em;
  margin-bottom: 1em;
  background: url(../images/controls.png) no-repeat -43px -32px;
  transform: rotate(-90deg);
}
/* line 135, ../scss/page/_news_events.scss */
.left-slider .up:hover {
  background-position: -43px 0;
  transform: rotate(-90deg);
}
/* line 139, ../scss/page/_news_events.scss */
.left-slider .up a {
  color: transparent;
}
/* line 143, ../scss/page/_news_events.scss */
.left-slider .down {
  right: 10px;
  width: 32px;
  height: 32px;
  margin-top: 1em;
  background: url(../images/controls.png) no-repeat -43px -32px;
  transform: rotate(90deg);
}
/* line 151, ../scss/page/_news_events.scss */
.left-slider .down:hover {
  background-position: -43px 0;
  transform: rotate(90deg);
}
/* line 155, ../scss/page/_news_events.scss */
.left-slider .down a {
  color: transparent;
}

/* line 161, ../scss/page/_news_events.scss */
.bxslider .detail {
  background-color: #ffffff;
  padding: .7em .5em;
  font-size: 1.2em;
}
/* line 165, ../scss/page/_news_events.scss */
.bxslider .detail .head {
  font-size: 1.4em;
  color: #333333;
  line-height: 1.2em;
}
/* line 170, ../scss/page/_news_events.scss */
.bxslider .detail .small {
  color: #b3b3b3;
  font-family: "Roboto";
  padding: .5em 0;
}
/* line 175, ../scss/page/_news_events.scss */
.bxslider .detail .text {
  font-family: "Roboto";
  color: #333333;
}

/* line 181, ../scss/page/_news_events.scss */
.img_load {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
}

/* line 188, ../scss/page/_news_events.scss */
.block_item:hover img {
  opacity: 0.3;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}

/* line 197, ../scss/page/_news_events.scss */
.block_item img {
  height: 100%;
  padding: 0px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  background: none;
  border: none;
  position: relative;
  z-index: 2;
}

/* line 209, ../scss/page/_news_events.scss */
.block_item {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 10;
}

/* line 216, ../scss/page/_news_events.scss */
.block_item .head {
  opacity: 0;
  position: absolute;
  font-family: "Roboto";
  color: #333333;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #fff;
  text-align: center;
  z-index: 3;
  width: 100%;
  top: 50%;
  padding: 0 5%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
}
@media (max-width: 700px) {
  /* line 216, ../scss/page/_news_events.scss */
  .block_item .head {
    font-size: 18px;
  }
}

/* line 234, ../scss/page/_news_events.scss */
.block_item .head .small {
  font-family: "Roboto";
  color: #333333;
  font-size: 0.9em;
  line-height: 1.5em;
  color: #fff;
}
@media (max-width: 700px) {
  /* line 234, ../scss/page/_news_events.scss */
  .block_item .head .small {
    font-size: 12px;
  }
}

/* line 241, ../scss/page/_news_events.scss */
.block_item:hover .head {
  opacity: 1;
}

/* line 255, ../scss/page/_news_events.scss */
#menu_new_event .row_menu ul li {
  width: 100%;
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
  list-style: none;
  float: left;
  background: white;
  cursor: pointer;
  margin: 10px 1px;
  border-bottom: 3px solid white;
}
@media screen and (min-width: 1200px) {
  /* line 255, ../scss/page/_news_events.scss */
  #menu_new_event .row_menu ul li {
    width: 14%;
  }
}
@media (max-width: 700px) {
  /* line 255, ../scss/page/_news_events.scss */
  #menu_new_event .row_menu ul li {
    font-size: 12px;
  }
}
/* line 268, ../scss/page/_news_events.scss */
#menu_new_event .row_menu ul li:hover {
  color: #1e8e50;
  border-bottom: 3px solid #1e8e50;
}
/* line 276, ../scss/page/_news_events.scss */
#menu_new_event .row_menu ul li.active {
  color: #1e8e50;
  border-bottom: 3px solid #1e8e50;
}
/* line 279, ../scss/page/_news_events.scss */
#menu_new_event .row_menu ul li.active:hover {
  color: #1e8e50;
  border-bottom: 3px solid #1e8e50;
}
/* line 287, ../scss/page/_news_events.scss */
#menu_new_event .row_menu ul:after {
  clear: both;
}

/* line 300, ../scss/page/_news_events.scss */
#news_page_list .row_head_show .block_slider_content .head, #promotion_page_list .row_head_show .block_slider_content .head, #csr_page_list .row_head_show .block_slider_content .head {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 300, ../scss/page/_news_events.scss */
  #news_page_list .row_head_show .block_slider_content .head, #promotion_page_list .row_head_show .block_slider_content .head, #csr_page_list .row_head_show .block_slider_content .head {
    font-size: 18px;
  }
}
/* line 303, ../scss/page/_news_events.scss */
#news_page_list .row_head_show .block_slider_content .small, #promotion_page_list .row_head_show .block_slider_content .small, #csr_page_list .row_head_show .block_slider_content .small {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #b3b3b3;
}
@media (max-width: 700px) {
  /* line 303, ../scss/page/_news_events.scss */
  #news_page_list .row_head_show .block_slider_content .small, #promotion_page_list .row_head_show .block_slider_content .small, #csr_page_list .row_head_show .block_slider_content .small {
    font-size: 12px;
  }
}
/* line 307, ../scss/page/_news_events.scss */
#news_page_list .row_head_show .block_slider_content .text, #promotion_page_list .row_head_show .block_slider_content .text, #csr_page_list .row_head_show .block_slider_content .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 307, ../scss/page/_news_events.scss */
  #news_page_list .row_head_show .block_slider_content .text, #promotion_page_list .row_head_show .block_slider_content .text, #csr_page_list .row_head_show .block_slider_content .text {
    font-size: 12px;
  }
}
/* line 310, ../scss/page/_news_events.scss */
#news_page_list .row_head_show .block_slider_content .read_detail, #promotion_page_list .row_head_show .block_slider_content .read_detail, #csr_page_list .row_head_show .block_slider_content .read_detail {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #264433;
  text-decoration: underline;
}
@media (max-width: 700px) {
  /* line 310, ../scss/page/_news_events.scss */
  #news_page_list .row_head_show .block_slider_content .read_detail, #promotion_page_list .row_head_show .block_slider_content .read_detail, #csr_page_list .row_head_show .block_slider_content .read_detail {
    font-size: 12px;
  }
}
/* line 314, ../scss/page/_news_events.scss */
#news_page_list .row_head_show .block_slider_content .read_detail:hover, #promotion_page_list .row_head_show .block_slider_content .read_detail:hover, #csr_page_list .row_head_show .block_slider_content .read_detail:hover {
  text-decoration: none;
}
/* line 320, ../scss/page/_news_events.scss */
#news_page_list #detail, #promotion_page_list #detail, #csr_page_list #detail {
  margin: 0px 15px 15px 15px;
}
/* line 322, ../scss/page/_news_events.scss */
#news_page_list #detail .text, #promotion_page_list #detail .text, #csr_page_list #detail .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 322, ../scss/page/_news_events.scss */
  #news_page_list #detail .text, #promotion_page_list #detail .text, #csr_page_list #detail .text {
    font-size: 12px;
  }
}
/* line 327, ../scss/page/_news_events.scss */
#news_page_list #news_list h3, #promotion_page_list #news_list h3, #csr_page_list #news_list h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  margin: 5px 15px;
}
@media (max-width: 700px) {
  /* line 327, ../scss/page/_news_events.scss */
  #news_page_list #news_list h3, #promotion_page_list #news_list h3, #csr_page_list #news_list h3 {
    font-size: 18px;
  }
}
/* line 331, ../scss/page/_news_events.scss */
#news_page_list #news_list .detail, #promotion_page_list #news_list .detail, #csr_page_list #news_list .detail {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 10px;
}
@media (max-width: 700px) {
  /* line 331, ../scss/page/_news_events.scss */
  #news_page_list #news_list .detail, #promotion_page_list #news_list .detail, #csr_page_list #news_list .detail {
    font-size: 12px;
  }
}
/* line 334, ../scss/page/_news_events.scss */
#news_page_list #news_list .detail:hover, #promotion_page_list #news_list .detail:hover, #csr_page_list #news_list .detail:hover {
  color: #b3b3b3;
}
/* line 337, ../scss/page/_news_events.scss */
#news_page_list #news_list .detail .small, #promotion_page_list #news_list .detail .small, #csr_page_list #news_list .detail .small {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  color: #b3b3b3;
}
@media (max-width: 700px) {
  /* line 337, ../scss/page/_news_events.scss */
  #news_page_list #news_list .detail .small, #promotion_page_list #news_list .detail .small, #csr_page_list #news_list .detail .small {
    font-size: 12px;
  }
}

/* line 346, ../scss/page/_news_events.scss */
#news_page_detail #detail {
  margin-bottom: 15px;
}
/* line 348, ../scss/page/_news_events.scss */
#news_page_detail #detail .head {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  /* line 348, ../scss/page/_news_events.scss */
  #news_page_detail #detail .head {
    font-size: 18px;
  }
}
/* line 352, ../scss/page/_news_events.scss */
#news_page_detail #detail .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  margin-left: 10px;
}
@media (max-width: 700px) {
  /* line 352, ../scss/page/_news_events.scss */
  #news_page_detail #detail .text {
    font-size: 12px;
  }
}
/* line 358, ../scss/page/_news_events.scss */
#news_page_detail #news_list .detail {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 10px;
}
@media (max-width: 700px) {
  /* line 358, ../scss/page/_news_events.scss */
  #news_page_detail #news_list .detail {
    font-size: 12px;
  }
}
/* line 361, ../scss/page/_news_events.scss */
#news_page_detail #news_list .detail:hover {
  color: #b3b3b3;
}
/* line 364, ../scss/page/_news_events.scss */
#news_page_detail #news_list .detail .small {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  color: #b3b3b3;
}
@media (max-width: 700px) {
  /* line 364, ../scss/page/_news_events.scss */
  #news_page_detail #news_list .detail .small {
    font-size: 12px;
  }
}

/* line 374, ../scss/page/_news_events.scss */
#clippingList .head_text h2 {
  font-family: "Roboto";
  color: #333333;
  font-size: 28px;
  line-height: 1.5em;
  text-transform: inherit;
  padding: 1% 1%;
}
@media (max-width: 700px) {
  /* line 374, ../scss/page/_news_events.scss */
  #clippingList .head_text h2 {
    font-size: 18px;
  }
}
/* line 380, ../scss/page/_news_events.scss */
#clippingList .col_new {
  margin: 0;
  padding: .5%;
}
/* line 383, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news {
  padding: 15%;
  border: 3px solid #fff;
  min-height: 230px;
}
/* line 387, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news .white {
  color: #fff;
  margin-bottom: 15px;
}
/* line 390, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news .white .black-bg {
  background: #000;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
  padding: 3px 10px;
  text-transform: inherit;
}
@media (max-width: 700px) {
  /* line 390, ../scss/page/_news_events.scss */
  #clippingList .col_new .bock_news .white .black-bg {
    font-size: 12px;
  }
}
/* line 398, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 398, ../scss/page/_news_events.scss */
  #clippingList .col_new .bock_news .text {
    font-size: 12px;
  }
}
/* line 402, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news .btn_click {
  padding-top: 5%;
  padding-bottom: 3%;
}
/* line 405, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news .btn_click a {
  color: #000;
}
/* line 408, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news .btn_click p {
  cursor: pointer;
  float: left;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  background: transparent;
  padding: 8px 8px;
  border: 1px solid #000;
  border-radius: 5px;
  line-height: 1em;
}
@media (max-width: 700px) {
  /* line 408, ../scss/page/_news_events.scss */
  #clippingList .col_new .bock_news .btn_click p {
    font-size: 12px;
  }
}
/* line 418, ../scss/page/_news_events.scss */
#clippingList .col_new .bock_news .btn_click p:hover {
  border: 1px solid #323232;
  background: #4c4c4c;
  color: #fff;
  transition: all 0.4s ease-in-out 0s;
}
/* line 428, ../scss/page/_news_events.scss */
#clippingList .col_readmore {
  padding-top: 20px;
}

/* line 432, ../scss/page/_news_events.scss */
.csr-area {
  width: 100%;
}

/* line 436, ../scss/page/_news_events.scss */
#clippingDetail .back_page {
  text-align: right;
  margin-top: 20px;
  margin-right: 5%;
}
/* line 440, ../scss/page/_news_events.scss */
#clippingDetail .back_page a {
  font-family: "Roboto";
  color: #333333;
  font-size: 18px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 440, ../scss/page/_news_events.scss */
  #clippingDetail .back_page a {
    font-size: 18px;
  }
}
/* line 442, ../scss/page/_news_events.scss */
#clippingDetail .back_page a:hover {
  color: #999;
}
/* line 447, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail {
  margin: 3% 0;
}
/* line 450, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .news_text .newpaper_detail {
  padding-left: 1%;
}
/* line 453, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .news_text .newpaper_detail .text p {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 1%;
}
/* line 460, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .news_text .newpaper_detail .text .from {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 1%;
}
/* line 467, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .news_text .newpaper_detail .text small {
  color: gray;
  margin-bottom: 1%;
}
/* line 474, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .news_text .img_news img {
  width: 100%;
  height: auto;
}
/* line 478, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .news_text .img_news p, #clippingDetail .content_news_detail .news_text .img_news div {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  line-height: 24px;
}
@media (max-width: 700px) {
  /* line 478, ../scss/page/_news_events.scss */
  #clippingDetail .content_news_detail .news_text .img_news p, #clippingDetail .content_news_detail .news_text .img_news div {
    font-size: 12px;
  }
}
/* line 485, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .all_news h4 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  margin-bottom: 5%;
}
@media (max-width: 700px) {
  /* line 485, ../scss/page/_news_events.scss */
  #clippingDetail .content_news_detail .all_news h4 {
    font-size: 18px;
  }
}
/* line 489, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .all_news ul {
  margin-left: 5%;
}
/* line 491, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .all_news ul li {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  padding-top: 10px;
  list-style: disc;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 700px) {
  /* line 491, ../scss/page/_news_events.scss */
  #clippingDetail .content_news_detail .all_news ul li {
    font-size: 12px;
  }
}
/* line 497, ../scss/page/_news_events.scss */
#clippingDetail .content_news_detail .all_news ul li:hover {
  background: #d9d9d9;
}

/* line 508, ../scss/page/_news_events.scss */
#tvc_page_list #tvc_list .detail {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 10px;
}
@media (max-width: 700px) {
  /* line 508, ../scss/page/_news_events.scss */
  #tvc_page_list #tvc_list .detail {
    font-size: 12px;
  }
}
/* line 511, ../scss/page/_news_events.scss */
#tvc_page_list #tvc_list .detail:hover {
  color: #b3b3b3;
}
/* line 514, ../scss/page/_news_events.scss */
#tvc_page_list #tvc_list .detail .small {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  color: #b3b3b3;
}
@media (max-width: 700px) {
  /* line 514, ../scss/page/_news_events.scss */
  #tvc_page_list #tvc_list .detail .small {
    font-size: 12px;
  }
}

/* line 526, ../scss/page/_news_events.scss */
#gallery_page_list .contain-row .detail .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 25px;
}
@media (max-width: 700px) {
  /* line 526, ../scss/page/_news_events.scss */
  #gallery_page_list .contain-row .detail .text {
    font-size: 12px;
  }
}
/* line 530, ../scss/page/_news_events.scss */
#gallery_page_list .contain-row .detail .load_album {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  color: #156438;
  text-decoration: underline;
}
@media (max-width: 700px) {
  /* line 530, ../scss/page/_news_events.scss */
  #gallery_page_list .contain-row .detail .load_album {
    font-size: 12px;
  }
}
/* line 534, ../scss/page/_news_events.scss */
#gallery_page_list .contain-row .detail .load_album:hover {
  text-decoration: none;
}

/* line 543, ../scss/page/_news_events.scss */
.readmore {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  float: right;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px;
}
@media (max-width: 700px) {
  /* line 543, ../scss/page/_news_events.scss */
  .readmore {
    font-size: 12px;
  }
}
/* line 549, ../scss/page/_news_events.scss */
.readmore:hover {
  border: 1px solid green;
  color: green;
}
/* line 553, ../scss/page/_news_events.scss */
.readmore:after {
  clear: both;
}

/* line 560, ../scss/page/_news_events.scss */
.csr-text h3 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  margin: 5px 15px;
}
@media (max-width: 700px) {
  /* line 560, ../scss/page/_news_events.scss */
  .csr-text h3 {
    font-size: 18px;
  }
}

/* line 566, ../scss/page/_news_events.scss */
.child a {
  color: #1e8e50;
}

/* line 571, ../scss/page/_news_events.scss */
#gallery_content .img {
  text-align: center;
}

/* line 575, ../scss/page/_news_events.scss */
.block_clipping {
  padding: 10px;
}
/* line 577, ../scss/page/_news_events.scss */
.block_clipping:hover {
  text-decoration: none;
}
/* line 580, ../scss/page/_news_events.scss */
.block_clipping .white {
  margin-bottom: 13px;
}
/* line 582, ../scss/page/_news_events.scss */
.block_clipping .white .black-bg {
  background: #000;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
  padding: 3px 10px;
  text-transform: inherit;
}
@media (max-width: 700px) {
  /* line 582, ../scss/page/_news_events.scss */
  .block_clipping .white .black-bg {
    font-size: 12px;
  }
}
/* line 589, ../scss/page/_news_events.scss */
.block_clipping .white:hover {
  text-decoration: none;
}
/* line 593, ../scss/page/_news_events.scss */
.block_clipping .text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 593, ../scss/page/_news_events.scss */
  .block_clipping .text {
    font-size: 12px;
  }
}
/* line 595, ../scss/page/_news_events.scss */
.block_clipping .text:hover {
  text-decoration: none;
}
/* line 600, ../scss/page/_news_events.scss */
.block_clipping .btn_click p {
  border: 1px solid #000;
  border-radius: 5px;
  float: left;
}

/* line 1, ../scss/page/_company.scss */
#banner {
  text-align: center;
  height: auto;
}
/* line 4, ../scss/page/_company.scss */
#banner img {
  width: 100%;
  height: auto;
}

/* line 11, ../scss/page/_company.scss */
#introcp .hintrocp h3.txt-hicp {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 11, ../scss/page/_company.scss */
  #introcp .hintrocp h3.txt-hicp {
    font-size: 30px;
  }
}
/* line 14, ../scss/page/_company.scss */
#introcp .hintrocp h5.txt-hicp {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 14, ../scss/page/_company.scss */
  #introcp .hintrocp h5.txt-hicp {
    font-size: 12px;
  }
}
/* line 19, ../scss/page/_company.scss */
#introcp .dintrocp p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 19, ../scss/page/_company.scss */
  #introcp .dintrocp p {
    font-size: 12px;
  }
}

/* line 25, ../scss/page/_company.scss */
#onmu {
  height: auto;
  padding: 40px 0 !important;
}
/* line 29, ../scss/page/_company.scss */
#onmu .topiconmu h3.txt-tonmu {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  color: #ffffff;
}
@media (max-width: 700px) {
  /* line 29, ../scss/page/_company.scss */
  #onmu .topiconmu h3.txt-tonmu {
    font-size: 18px;
  }
}
/* line 33, ../scss/page/_company.scss */
#onmu .topiconmu h5.txt-tonmu {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #ffffff;
}
@media (max-width: 700px) {
  /* line 33, ../scss/page/_company.scss */
  #onmu .topiconmu h5.txt-tonmu {
    font-size: 12px;
  }
}
/* line 36, ../scss/page/_company.scss */
#onmu .topiconmu h5.txt-tonmu p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #ffffff;
}
@media (max-width: 700px) {
  /* line 36, ../scss/page/_company.scss */
  #onmu .topiconmu h5.txt-tonmu p {
    font-size: 12px;
  }
}
/* line 43, ../scss/page/_company.scss */
#onmu .btnonmu {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
  color: #ffffff;
}
@media (max-width: 700px) {
  /* line 43, ../scss/page/_company.scss */
  #onmu .btnonmu {
    font-size: 18px;
  }
}

/* line 51, ../scss/page/_company.scss */
#vismis .hvis h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 51, ../scss/page/_company.scss */
  #vismis .hvis h3 {
    font-size: 30px;
  }
}
/* line 56, ../scss/page/_company.scss */
#vismis .dvis p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 56, ../scss/page/_company.scss */
  #vismis .dvis p {
    font-size: 12px;
  }
}
/* line 61, ../scss/page/_company.scss */
#vismis .hmis h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 61, ../scss/page/_company.scss */
  #vismis .hmis h3 {
    font-size: 30px;
  }
}
/* line 66, ../scss/page/_company.scss */
#vismis .dmis p, #vismis .dmis ul {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 66, ../scss/page/_company.scss */
  #vismis .dmis p, #vismis .dmis ul {
    font-size: 12px;
  }
}

/* line 74, ../scss/page/_company.scss */
#bjcgroup .topicbjcg h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 74, ../scss/page/_company.scss */
  #bjcgroup .topicbjcg h3 {
    font-size: 30px;
  }
}
/* line 79, ../scss/page/_company.scss */
#bjcgroup .listbjcg .ncp {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 20px;
}
@media (max-width: 700px) {
  /* line 79, ../scss/page/_company.scss */
  #bjcgroup .listbjcg .ncp {
    font-size: 12px;
  }
}
/* line 85, ../scss/page/_company.scss */
#bjcgroup .exploreAS a {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 85, ../scss/page/_company.scss */
  #bjcgroup .exploreAS a {
    font-size: 18px;
  }
}
/* line 87, ../scss/page/_company.scss */
#bjcgroup .exploreAS a:hover {
  color: #999999;
}

/* line 97, ../scss/page/_company.scss */
#blogbod .blogtopicsbod .topicsbod h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 97, ../scss/page/_company.scss */
  #blogbod .blogtopicsbod .topicsbod h3 {
    font-size: 30px;
  }
}
/* line 102, ../scss/page/_company.scss */
#blogbod .blogtopicsbod .descsbod p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 102, ../scss/page/_company.scss */
  #blogbod .blogtopicsbod .descsbod p {
    font-size: 12px;
  }
}

/* line 111, ../scss/page/_company.scss */
.blogbod .topicbod h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 111, ../scss/page/_company.scss */
  .blogbod .topicbod h3 {
    font-size: 30px;
  }
}

/* line 118, ../scss/page/_company.scss */
.mngb .topicmngb {
  margin-bottom: 0;
}
/* line 120, ../scss/page/_company.scss */
.mngb .topicmngb h3 {
  padding-top: 1em;
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 120, ../scss/page/_company.scss */
  .mngb .topicmngb h3 {
    font-size: 30px;
  }
}

/* line 129, ../scss/page/_company.scss */
#valandcul .topicvac h3 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 129, ../scss/page/_company.scss */
  #valandcul .topicvac h3 {
    font-size: 30px;
  }
}
/* line 134, ../scss/page/_company.scss */
#valandcul .descvac p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 134, ../scss/page/_company.scss */
  #valandcul .descvac p {
    font-size: 12px;
  }
}

/* line 140, ../scss/page/_company.scss */
.bod {
  width: auto;
  margin: auto;
}
/* line 144, ../scss/page/_company.scss */
.bod .listbod .descbod {
  font-family: "THSarabun" !important;
}
/* line 146, ../scss/page/_company.scss */
.bod .listbod .descbod h3 {
  font-weight: bold;
  font-size: 2.3em;
}
/* line 150, ../scss/page/_company.scss */
.bod .listbod .descbod p {
  font-size: 1.7em;
  line-height: 1em;
}

/* line 159, ../scss/page/_company.scss */
.listmngb .descmngb {
  font-family: "THSarabun" !important;
}
/* line 161, ../scss/page/_company.scss */
.listmngb .descmngb div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
}
/* line 168, ../scss/page/_company.scss */
.listmngb .descmngb h3 {
  font-weight: bold;
  font-size: 2em;
}
/* line 172, ../scss/page/_company.scss */
.listmngb .descmngb p {
  font-size: 1.7em;
  line-height: 1em;
}

/* line 179, ../scss/page/_company.scss */
.vac_detail {
  float: none !important;
  width: 100% !important;
}

@media screen and (min-width: 640px) {
  /* line 185, ../scss/page/_company.scss */
  .listbod {
    width: 33%;
    height: auto;
  }
  /* line 188, ../scss/page/_company.scss */
  .listbod .descbod {
    text-align: center;
    position: relative;
  }
  /* line 191, ../scss/page/_company.scss */
  .listbod .descbod div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
  }
  /* line 198, ../scss/page/_company.scss */
  .listbod .descbod h3.txt-dbod {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
  }
}
@media screen and (min-width: 640px) and (max-width: 700px) {
  /* line 198, ../scss/page/_company.scss */
  .listbod .descbod h3.txt-dbod {
    font-size: 12px;
  }
}
@media screen and (min-width: 640px) {
  /* line 203, ../scss/page/_company.scss */
  .listbod .descbod p.txt-dbod {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 640px) and (max-width: 700px) {
  /* line 203, ../scss/page/_company.scss */
  .listbod .descbod p.txt-dbod {
    font-size: 12px;
  }
}

@media screen and (min-width: 640px) {
  /* line 210, ../scss/page/_company.scss */
  .listmngb {
    width: 20%;
    height: auto;
  }
  /* line 214, ../scss/page/_company.scss */
  .listmngb .imgmngb img {
    width: 100%;
    height: auto;
  }
  /* line 219, ../scss/page/_company.scss */
  .listmngb .descmngb {
    position: relative;
    text-align: center;
  }
  /* line 222, ../scss/page/_company.scss */
  .listmngb .descmngb div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
  }
  /* line 230, ../scss/page/_company.scss */
  .listmngb .descmngb h3 {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
  }
}
@media screen and (min-width: 640px) and (max-width: 700px) {
  /* line 230, ../scss/page/_company.scss */
  .listmngb .descmngb h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 640px) {
  /* line 234, ../scss/page/_company.scss */
  .listmngb .descmngb p {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 640px) and (max-width: 700px) {
  /* line 234, ../scss/page/_company.scss */
  .listmngb .descmngb p {
    font-size: 12px;
  }
}

@media screen and (min-width: 640px) {
  /* line 242, ../scss/page/_company.scss */
  .slidevac {
    margin-bottom: 0px;
  }
  /* line 244, ../scss/page/_company.scss */
  .slidevac .imgvac {
    width: 100%;
  }
  /* line 246, ../scss/page/_company.scss */
  .slidevac .imgvac img {
    width: 100%;
    height: auto;
  }
  /* line 251, ../scss/page/_company.scss */
  .slidevac .vac_detail {
    float: none;
    width: 100%;
  }

  /* line 261, ../scss/page/_company.scss */
  .pager {
    margin-top: 0px;
    margin-left: 8%;
  }
}
@media screen and (min-width: 1000px) {
  /* line 268, ../scss/page/_company.scss */
  .listbod {
    width: 20%;
    height: auto;
  }
  /* line 271, ../scss/page/_company.scss */
  .listbod .descbod {
    text-align: center;
    position: relative;
  }
  /* line 274, ../scss/page/_company.scss */
  .listbod .descbod h3.txt-dbod {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
  }
}
@media screen and (min-width: 1000px) and (max-width: 700px) {
  /* line 274, ../scss/page/_company.scss */
  .listbod .descbod h3.txt-dbod {
    font-size: 12px;
  }
}
@media screen and (min-width: 1000px) {
  /* line 279, ../scss/page/_company.scss */
  .listbod .descbod p.txt-dbod {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 1000px) and (max-width: 700px) {
  /* line 279, ../scss/page/_company.scss */
  .listbod .descbod p.txt-dbod {
    font-size: 12px;
  }
}

@media screen and (min-width: 1000px) {
  /* line 286, ../scss/page/_company.scss */
  .listmngb {
    width: 20%;
    height: auto;
  }
  /* line 290, ../scss/page/_company.scss */
  .listmngb .imgmngb img {
    width: 100%;
    height: auto;
  }
  /* line 295, ../scss/page/_company.scss */
  .listmngb .descmngb {
    position: relative;
    text-align: center;
  }
  /* line 298, ../scss/page/_company.scss */
  .listmngb .descmngb div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
  }
  /* line 306, ../scss/page/_company.scss */
  .listmngb .descmngb h3 {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
  }
}
@media screen and (min-width: 1000px) and (max-width: 700px) {
  /* line 306, ../scss/page/_company.scss */
  .listmngb .descmngb h3 {
    font-size: 12px;
  }
}
@media screen and (min-width: 1000px) {
  /* line 310, ../scss/page/_company.scss */
  .listmngb .descmngb p {
    font-family: "Roboto";
    color: #333333;
    font-size: 16px;
    line-height: 1.5em;
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1000px) and (max-width: 700px) {
  /* line 310, ../scss/page/_company.scss */
  .listmngb .descmngb p {
    font-size: 12px;
  }
}

/* line 320, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_link .bjc_group_tab1, .imgctrtabs .bjc_group_link .bjc_group_tab2, .imgctrtabs .bjc_group_link .bjc_group_tab3, .imgctrtabs .bjc_group_link .bjc_group_tab4 {
  position: absolute;
  z-index: 1000;
  background: transparent;
  width: 130px;
  height: 80px;
}

/* line 330, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_img {
  position: relative;
}
/* line 332, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_img img {
  position: relative;
  width: 100%;
  height: auto;
}
/* line 340, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_link .bjc_group_tab1 {
  top: 50%;
  left: 16%;
}
/* line 345, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_link .bjc_group_tab2 {
  top: 65%;
  left: 32%;
}
/* line 350, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_link .bjc_group_tab3 {
  top: 70%;
  left: 54%;
}
/* line 355, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_link .bjc_group_tab4 {
  top: 52%;
  right: 20%;
}
/* line 360, ../scss/page/_company.scss */
.imgctrtabs .bjc_group_link div {
  cursor: pointer;
}

/* line 368, ../scss/page/_company.scss */
.imgvac img {
  display: block;
}

/* line 373, ../scss/page/_company.scss */
#bjc_value, #dcf_value {
  cursor: pointer;
}

/* line 378, ../scss/page/_company.scss */
#bjc_content h5.txt-eachdvac {
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
}

/* line 386, ../scss/page/_company.scss */
#dcf_content h5.txt-eachdvac {
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
}
/* line 391, ../scss/page/_company.scss */
#dcf_content .typeb:before {
  content: "D";
}
/* line 394, ../scss/page/_company.scss */
#dcf_content .typej:before {
  content: "C";
}
/* line 397, ../scss/page/_company.scss */
#dcf_content .typec:before {
  content: "F";
}
/* line 400, ../scss/page/_company.scss */
#dcf_content .eachdvac {
  margin-bottom: 5em;
}

/* line 405, ../scss/page/_company.scss */
.mobile_tab {
  width: 100%;
  height: auto;
  padding: 0 .3em .5em .3em;
}
/* line 410, ../scss/page/_company.scss */
.mobile_tab .head_tab img {
  width: 55%;
  height: auto;
}
/* line 415, ../scss/page/_company.scss */
.mobile_tab div {
  text-align: center;
  cursor: pointer;
  width: 24%;
  height: auto;
  display: inline-block;
  padding: .7em 0;
  border-top: .2em solid green;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
}
/* line 428, ../scss/page/_company.scss */
.mobile_tab .active {
  background: #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

@media screen and (min-width: 640px) {
  /* line 435, ../scss/page/_company.scss */
  .mobile_tab {
    display: none;
  }
}
/* line 440, ../scss/page/_company.scss */
.dintrocp {
  font-size: 1.5em;
}

/* line 444, ../scss/page/_company.scss */
.txt-dicp {
  line-height: 1.5em;
  font-size: .8em;
}

/* line 450, ../scss/page/_company.scss */
.dvis .txt-dvis {
  line-height: 1.5em;
  font-size: 1.3em;
}

/* line 457, ../scss/page/_company.scss */
.dmis .txt-dmis, .dmis .listdmis {
  line-height: 1.5em;
  font-size: 1.3em;
}

/* line 464, ../scss/page/_company.scss */
.descsbod .txt-tbod {
  line-height: 1.5em;
  font-size: 1.2em;
}

/* line 471, ../scss/page/_company.scss */
.descvac .txt-vac {
  line-height: 1.5em;
  font-size: 1.2em;
}

/* line 477, ../scss/page/_company.scss */
.descbjcg ul {
  list-style-position: outside;
  margin-left: 20px;
}
/* line 481, ../scss/page/_company.scss */
.descbjcg li {
  list-style-type: disc;
  width: 90%;
  color: #264433;
}

/* line 4, ../scss/page/_business.scss */
#slider_listbrand .item .row .thumbnail_blog {
  width: 100% !important;
  margin: 0;
}
/* line 7, ../scss/page/_business.scss */
#slider_listbrand .item .row .thumbnail_blog .thumbnail {
  width: 100% !important;
}

/* line 17, ../scss/page/_business.scss */
.thumbnail_blog p {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 17, ../scss/page/_business.scss */
  .thumbnail_blog p {
    font-size: 12px;
  }
}

/* line 24, ../scss/page/_business.scss */
#select_container .selected_text h1 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 24, ../scss/page/_business.scss */
  #select_container .selected_text h1 {
    font-size: 30px;
  }
}
/* line 30, ../scss/page/_business.scss */
#select_container .selected_menu .detail h2 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 30, ../scss/page/_business.scss */
  #select_container .selected_menu .detail h2 {
    font-size: 18px;
  }
}
/* line 33, ../scss/page/_business.scss */
#select_container .selected_menu .detail p {
  font-family: "Roboto";
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 33, ../scss/page/_business.scss */
  #select_container .selected_menu .detail p {
    font-size: 12px;
  }
}

/* line 40, ../scss/page/_business.scss */
.head_list h1 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  margin: 1em 0 0.7em 0;
}
@media (max-width: 700px) {
  /* line 40, ../scss/page/_business.scss */
  .head_list h1 {
    font-size: 18px;
  }
}

/* line 48, ../scss/page/_business.scss */
.company ul a {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 48, ../scss/page/_business.scss */
  .company ul a {
    font-size: 12px;
  }
}

/* line 54, ../scss/page/_business.scss */
.list-menu {
  border-bottom: 2px solid #d6d6d6;
  margin-bottom: 15px;
}
/* line 57, ../scss/page/_business.scss */
.list-menu a {
  display: block;
}
/* line 59, ../scss/page/_business.scss */
.list-menu a h1 {
  text-align: center;
}
/* line 63, ../scss/page/_business.scss */
.list-menu :hover {
  background: #264433;
}
/* line 65, ../scss/page/_business.scss */
.list-menu :hover h1 {
  color: #fff;
}
/* line 69, ../scss/page/_business.scss */
.list-menu .active {
  background: #264433;
}
/* line 71, ../scss/page/_business.scss */
.list-menu .active h1 {
  color: #fff;
}

/* line 77, ../scss/page/_business.scss */
.list_box {
  overflow: hidden;
}

/* line 84, ../scss/page/_business.scss */
.selectby .left_blog .select_head p {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 84, ../scss/page/_business.scss */
  .selectby .left_blog .select_head p {
    font-size: 30px;
  }
}
/* line 89, ../scss/page/_business.scss */
.selectby .left_blog .company_list_title p {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 89, ../scss/page/_business.scss */
  .selectby .left_blog .company_list_title p {
    font-size: 18px;
  }
}
/* line 95, ../scss/page/_business.scss */
.selectby .brand_filter div {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 95, ../scss/page/_business.scss */
  .selectby .brand_filter div {
    font-size: 12px;
  }
}

/* line 102, ../scss/page/_business.scss */
.right_blog .company {
  padding-top: 3em;
}
/* line 105, ../scss/page/_business.scss */
.right_blog .company .list_text a {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  line-height: 2em;
}
@media (max-width: 700px) {
  /* line 105, ../scss/page/_business.scss */
  .right_blog .company .list_text a {
    font-size: 12px;
  }
}
/* line 112, ../scss/page/_business.scss */
.right_blog .head_list h1 {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 112, ../scss/page/_business.scss */
  .right_blog .head_list h1 {
    font-size: 30px;
  }
}
/* line 116, ../scss/page/_business.scss */
.right_blog .group_list {
  padding-top: 1em;
  padding-bottom: .5em;
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 116, ../scss/page/_business.scss */
  .right_blog .group_list {
    font-size: 18px;
  }
}

/* line 123, ../scss/page/_business.scss */
.business a {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #333333;
}
@media (max-width: 700px) {
  /* line 123, ../scss/page/_business.scss */
  .business a {
    font-size: 12px;
  }
}

/* line 128, ../scss/page/_business.scss */
.lnk_title a {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  font-weight: bold;
}
@media (max-width: 700px) {
  /* line 128, ../scss/page/_business.scss */
  .lnk_title a {
    font-size: 18px;
  }
}

/* line 133, ../scss/page/_business.scss */
.business a.back {
  color: #39b54a;
}

/* line 136, ../scss/page/_business.scss */
.business a.back:hover {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 136, ../scss/page/_business.scss */
  .business a.back:hover {
    font-size: 12px;
  }
}

/* line 140, ../scss/page/_business.scss */
.business h1 div {
  font-family: "RobotoB";
  color: #333333;
  font-size: 36px;
}
@media (max-width: 700px) {
  /* line 140, ../scss/page/_business.scss */
  .business h1 div {
    font-size: 30px;
  }
}

/* line 144, ../scss/page/_business.scss */
.business h2 {
  font-family: "Roboto";
  color: #333333;
  font-size: 22px;
  line-height: 1.5em;
  font-weight: bold;
}
@media (max-width: 700px) {
  /* line 144, ../scss/page/_business.scss */
  .business h2 {
    font-size: 18px;
  }
}

/* line 149, ../scss/page/_business.scss */
.list_box div {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 149, ../scss/page/_business.scss */
  .list_box div {
    font-size: 12px;
  }
}

/* line 153, ../scss/page/_business.scss */
.lnk_list .list_text {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0px;
}
@media (max-width: 700px) {
  /* line 153, ../scss/page/_business.scss */
  .lnk_list .list_text {
    font-size: 12px;
  }
}

/* line 1, ../scss/page/_login.scss */
.controls {
  text-align: left;
}

/* line 5, ../scss/page/_login.scss */
.display-text, .ctitle {
  font-size: 1.8em;
  line-height: 2.5em;
}

/* line 9, ../scss/page/_login.scss */
.control-group {
  vertical-align: bottom;
}
/* line 11, ../scss/page/_login.scss */
.control-group a {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  color: #008800;
}
@media (max-width: 700px) {
  /* line 11, ../scss/page/_login.scss */
  .control-group a {
    font-size: 12px;
  }
}
/* line 14, ../scss/page/_login.scss */
.control-group a:hover {
  border-bottom: solid #008800 1px;
}

/* line 21, ../scss/page/_login.scss */
.line-title {
  border-top: solid #005702 2px;
  width: 10%;
  min-width: 100px;
  padding-bottom: 40px;
}

/* line 29, ../scss/page/_login.scss */
.ctitle h1 {
  padding-bottom: 20px;
}

/* line 34, ../scss/page/_login.scss */
.textthank, .textdesc {
  font-family: "THSarabun";
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 100;
  line-height: 1.6em;
}
@media (max-width: 700px) {
  /* line 34, ../scss/page/_login.scss */
  .textthank, .textdesc {
    font-size: 12px;
  }
}

/* line 41, ../scss/page/_login.scss */
.textdesc {
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 41, ../scss/page/_login.scss */
  .textdesc {
    font-size: 12px;
  }
}

/* line 44, ../scss/page/_login.scss */
.textdesc2 {
  color: #008800;
  line-height: .5em;
}

/* line 49, ../scss/page/_login.scss */
.input-font {
  font-family: "Roboto";
}

/* line 53, ../scss/page/_login.scss */
.label-login {
  color: #008800;
}

/* line 56, ../scss/page/_login.scss */
.custom-btn {
  background-color: #00CC00;
  padding: 6px 40px;
  display: inline-block;
  margin-bottom: 0;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #ffffff;
}
@media (max-width: 700px) {
  /* line 56, ../scss/page/_login.scss */
  .custom-btn {
    font-size: 12px;
  }
}
/* line 78, ../scss/page/_login.scss */
.custom-btn:hover {
  background-color: #008800;
}

/* line 83, ../scss/page/_login.scss */
.wrapper-msg {
  max-width: 320px;
}

/* line 4, ../scss/page/_other.scss */
#other .text-head h1 {
  margin-top: 1em;
}
/* line 8, ../scss/page/_other.scss */
#other .content {
  margin: 1em;
  font-family: "Roboto";
  color: #333333;
  font-size: 16px;
  line-height: 1.5em;
}
@media (max-width: 700px) {
  /* line 8, ../scss/page/_other.scss */
  #other .content {
    font-size: 12px;
  }
}

/* .owl-dots {
	.owl-dot {

		display: inline-block;
		margin: 2px;
		width: 17px;
		height: 17px;
		background: #CDCDCD;
		border-radius: 10px;
		border: 4px solid #f2f2f2;
		&.active {
			background: #fff;
			border: 4px solid #35A240;
		}
	}
} */
/* line 31, ../scss/page/_other.scss */
.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/* line 38, ../scss/page/_other.scss */
.owl-dots .owl-dot.active span {
  background: #fff;
  border: 4px solid #35A240;
}
/* line 43, ../scss/page/_other.scss */
.owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 2px;
  background: #CDCDCD;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 4px solid #f2f2f2;
}

/* Css */
/* line 34, ../scss/main.scss */
body {
  font-size: 16px;
}