@charset "UTF-8";
/* line 6, ../sass/layout.scss */
html, body, select, option {
  font-family: 'Lato',"Heiti TC","儷黑 Pro", "LiHei Pro","文泉驛正黑", "WenQuanYi Zen Hei", "微軟正黑體", "Microsoft JhengHei", "新細明體", sans-serif, Arial;
}

/* line 14, ../sass/layout.scss */
.yt {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 56.25%;
}
/* line 20, ../sass/layout.scss */
.yt iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

/* line 30, ../sass/layout.scss */
.cta {
  text-align: center;
  pointer-events: none;
}
/* line 34, ../sass/layout.scss */
.cta a {
  display: inline-block;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 25px;
  color: #fff;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  background: #e83e0b;
  pointer-events: auto;
}
/* line 48, ../sass/layout.scss */
.cta a:hover {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=70);
}
/* line 54, ../sass/layout.scss */
.cta span {
  display: block;
  font-size: 15px;
  letter-spacing: 0.03em;
  color: #e83e0b;
  line-height: 1.8;
  pointer-events: none;
}

/* line 64, ../sass/layout.scss */
.opening {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #ffffff;
  overflow: hidden;
}
/* line 76, ../sass/layout.scss */
.opening .slogan {
  display: none;
  width: 90%;
  position: absolute;
  font-weight: 600;
  z-index: 5;
  top: 60%;
  left: 50%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 1.5px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 96, ../sass/layout.scss */
.opening .slogan.active {
  top: 47%;
}
/* line 100, ../sass/layout.scss */
.opening .slogan span {
  display: block;
  font-size: 60px;
  font-family: 'Libre Baskerville';
  font-weight: 900;
  margin-bottom: 15px;
}
@media screen and (max-width: 850px) {
  /* line 76, ../sass/layout.scss */
  .opening .slogan {
    font-size: 18px;
  }
  /* line 111, ../sass/layout.scss */
  .opening .slogan span {
    font-size: 28px;
  }
}
/* line 117, ../sass/layout.scss */
.opening .ologo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 242px;
  height: 160px;
  background: url(../images/logo.png) no-repeat top right;
  background-size: auto 160px;
  -ms-transform: translate(-50%, -180px);
  -webkit-transform: translate(-50%, -180px);
  transform: translate(-50%, -180px);
  display: none;
  z-index: 2;
}
/* line 131, ../sass/layout.scss */
.opening .land {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #f2a81c;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-transform: translate(50%, 50%);
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  -webkit-transition: all 4s;
  transition: all 4s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: 200vw;
  height: 200vw;
}
@media screen and (max-width: 850px) {
  /* line 131, ../sass/layout.scss */
  .opening .land {
    width: 200vh;
    height: 200vh;
  }
}
@media screen and (max-aspect-ratio: 1 / 1) {
  /* line 131, ../sass/layout.scss */
  .opening .land {
    width: 200vh !important;
    height: 200vh  !important;
  }
}

/* line 159, ../sass/layout.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 174, ../sass/layout.scss */
.header.active {
  background: none !important;
  height: 60px !important;
  -webkit-box-shadow: 0 0 0px transparent;
  -moz-box-shadow: 0 0 0px transparent;
  box-shadow: 0 0 0px transparent;
}
/* line 180, ../sass/layout.scss */
.header.active .logo {
  background-position: top right !important;
}
/* line 185, ../sass/layout.scss */
.header .mmb {
  margin: 20px;
  position: relative;
  width: 30px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}
/* line 193, ../sass/layout.scss */
.header .mmb::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 20px;
  border-top: 1px solid #e83e0b;
  border-bottom: 1px solid #e83e0b;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 208, ../sass/layout.scss */
.header .mmb::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 9.5px;
  left: 0;
  width: 30px;
  height: 1px;
  background: #e83e0b;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 222, ../sass/layout.scss */
.header .mmb:hover::before {
  width: 20px;
}
/* line 228, ../sass/layout.scss */
.header .mmb.active::after {
  top: 10px;
  height: 0;
  border-color: #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 236, ../sass/layout.scss */
.header .mmb.active::before {
  height: 2px;
  background: #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 244, ../sass/layout.scss */
.header .mmb.active:hover::before {
  width: 30px;
}
/* line 251, ../sass/layout.scss */
.header .logo {
  margin: 10px;
  display: inline-block;
  width: 60.5px;
  height: 40px;
  background: url(../images/logo.png) no-repeat top right;
  background-size: auto 40px;
}
@media screen and (max-width: 850px) {
  /* line 251, ../sass/layout.scss */
  .header .logo {
    margin-left: 0;
  }
}
/* line 264, ../sass/layout.scss */
.header .logoC {
  margin: 10px 20px;
  display: inline-block;
  width: 95px;
  height: 36px;
  background: url(../images/logo_c.png) no-repeat top left;
  background-size: auto 36px;
  float: right;
}
/* line 274, ../sass/layout.scss */
.header.attop {
  height: 250px;
  background: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), transparent);
  -webkit-box-shadow: 0 0 0px transparent;
  -moz-box-shadow: 0 0 0px transparent;
  box-shadow: 0 0 0px transparent;
}
/* line 281, ../sass/layout.scss */
.header.attop .mmb {
  top: 25px;
}
/* line 284, ../sass/layout.scss */
.header.attop .mmb::after {
  border-color: #fff;
}
/* line 288, ../sass/layout.scss */
.header.attop .mmb::before {
  background: #fff;
}
/* line 293, ../sass/layout.scss */
.header.attop .logo {
  width: 121px;
  height: 80px;
  background: url(../images/logo.png) no-repeat top left;
  background-size: auto 80px;
}
/* line 300, ../sass/layout.scss */
.header.attop .logoC {
  display: none;
}

/* line 306, ../sass/layout.scss */
.nav {
  position: fixed;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  z-index: 98;
  overflow: hidden;
  -webkit-transition: background 1s;
  transition: background 1s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 317, ../sass/layout.scss */
.nav ul {
  position: relative;
  top: 20%;
  left: 0;
  z-index: 5;
  -webkit-transition: left 1s;
  transition: left 1s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 325, ../sass/layout.scss */
.nav ul li {
  display: block;
  margin-bottom: 20px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}
/* line 330, ../sass/layout.scss */
.nav ul li a {
  display: inline-block;
  letter-spacing: 0.125em;
  font-size: 28px;
  color: #fff;
  line-height: 1.5;
  text-decoration: none;
  padding-right: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 341, ../sass/layout.scss */
.nav ul li a span {
  letter-spacing: 0.1em;
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  font-style: italic;
}
@media screen and (max-width: 850px) {
  /* line 330, ../sass/layout.scss */
  .nav ul li a {
    font-size: 22px;
  }
  /* line 354, ../sass/layout.scss */
  .nav ul li a span {
    font-size: 13px;
  }
}
/* line 359, ../sass/layout.scss */
.nav ul li a:hover {
  border-left: 4px solid #e83e0b;
  padding-left: 20px;
}
/* line 363, ../sass/layout.scss */
.nav ul li a:hover span {
  color: #fff;
}
/* line 371, ../sass/layout.scss */
.nav::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  background: #f2a81c;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 388, ../sass/layout.scss */
.nav.active {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
/* line 393, ../sass/layout.scss */
.nav.active ul {
  left: 5%;
}
@media screen and (max-width: 850px) {
  /* line 393, ../sass/layout.scss */
  .nav.active ul {
    left: 8%;
  }
}
/* line 401, ../sass/layout.scss */
.nav.active::after {
  width: 200vw;
  height: 200vw;
}
@media screen and (max-width: 850px) {
  /* line 401, ../sass/layout.scss */
  .nav.active::after {
    width: 200vh;
    height: 200vh;
  }
}
@media screen and (max-aspect-ratio: 1 / 1) {
  /* line 401, ../sass/layout.scss */
  .nav.active::after {
    width: 200vh !important;
    height: 200vh  !important;
  }
}

/* line 418, ../sass/layout.scss */
.guide {
  position: relative;
  padding: 50px 0 80px;
  min-height: 100px;
  background-image: linear-gradient(#f2a81c 40px, #e83e0b);
  background-color: #f2a81c;
}
/* line 425, ../sass/layout.scss */
.guide::before {
  position: absolute;
  left: 0;
  top: -40px;
  height: 80px;
  content: "";
  width: 100%;
  z-index: 1;
  background: #f2a81c;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
@media screen and (max-width: 850px) {
  /* line 418, ../sass/layout.scss */
  .guide {
    padding: 30px 0 80px;
  }
}
/* line 444, ../sass/layout.scss */
.guide > div {
  max-width: 1100px;
  margin: 0 auto;
}
/* line 448, ../sass/layout.scss */
.guide > div .guide_title {
  font-size: 36px;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1;
  color: #fff;
  margin: 50px auto;
}
@media screen and (max-width: 850px) {
  /* line 448, ../sass/layout.scss */
  .guide > div .guide_title {
    font-size: 24px;
  }
}
/* line 461, ../sass/layout.scss */
.guide > div .guide_title.index::after {
  content: "";
  display: block;
  margin: 50px auto 0;
  width: 1px;
  height: 50px;
  background: #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 850px) {
  /* line 461, ../sass/layout.scss */
  .guide > div .guide_title.index::after {
    margin: 30px auto 0;
  }
}
/* line 480, ../sass/layout.scss */
.guide .cta a {
  background: transparent;
  border: 1px solid #fff;
}
/* line 484, ../sass/layout.scss */
.guide .cta span {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* line 490, ../sass/layout.scss */
.news_index {
  text-align: center;
  margin: 50px auto;
}
/* line 495, ../sass/layout.scss */
.news_index ul li {
  width: 30%;
  position: relative;
  height: 0;
  padding-top: 30%;
  float: left;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #e83e0b;
  margin: 1.5%;
  overflow: hidden;
}
/* line 509, ../sass/layout.scss */
.news_index ul li a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  border: 10px solid #f2a81c;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  background-image: linear-gradient(#f2a81c, #e83e0b);
}
/* line 525, ../sass/layout.scss */
.news_index ul li a > div {
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
}
/* line 535, ../sass/layout.scss */
.news_index ul li a > div h2 {
  font-size: 24px;
  color: #fff;
  line-height: 1.5;
  max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* line 548, ../sass/layout.scss */
.news_index ul li a > div h3 {
  font-size: 14px;
  color: #f2a81c;
  line-height: 1.5;
  font-style: italic;
}
/* line 555, ../sass/layout.scss */
.news_index ul li a > div p {
  font-size: 16px;
  color: #fff;
  line-height: 25px;
  display: none;
}
/* line 563, ../sass/layout.scss */
.news_index ul li a:hover {
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  border: 0px solid #f2a81c;
}
/* line 571, ../sass/layout.scss */
.news_index ul li a:hover > div h2, .news_index ul li a:hover > div h3 {
  display: none;
}
/* line 575, ../sass/layout.scss */
.news_index ul li a:hover > div p {
  max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 850px) {
  /* line 590, ../sass/layout.scss */
  .news_index ul li {
    display: block;
    width: 250px;
    padding-top: 250px;
    margin: 0 auto 20px;
    float: none;
  }
  /* line 597, ../sass/layout.scss */
  .news_index ul li a {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border: 5px solid #f2a81c;
  }
  /* line 605, ../sass/layout.scss */
  .news_index ul li a > div h2 {
    font-size: 18px;
    max-height: 54px;
  }
}
/* line 614, ../sass/layout.scss */
.news_index ul::after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  width: 100%;
}

/* line 620, ../sass/layout.scss */
.filter_news {
  text-align: center;
  background: #f2a81c;
  padding: 15px 0;
  overflow: auto;
  white-space: nowrap;
}
/* line 627, ../sass/layout.scss */
.filter_news a {
  display: inline-block;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 30px;
  text-decoration: none;
  position: relative;
  padding: 0 20px;
}
/* line 636, ../sass/layout.scss */
.filter_news a:hover {
  color: #fff;
}
/* line 640, ../sass/layout.scss */
.filter_news a.active {
  color: #fff;
}
/* line 643, ../sass/layout.scss */
.filter_news a.active::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
}
/* line 657, ../sass/layout.scss */
.filter_news a:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}

/* line 663, ../sass/layout.scss */
.new_main {
  margin-top: -50px;
}
/* line 666, ../sass/layout.scss */
.new_main .title {
  border-top: 5px solid #e83e0b;
  display: inline-block;
  width: 30%;
  padding: 50px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 673, ../sass/layout.scss */
.new_main .title h2 {
  font-size: 24px;
  color: #333;
  line-height: 1.5;
  max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 15px;
}
/* line 687, ../sass/layout.scss */
.new_main .title h3 {
  font-size: 14px;
  color: #e83e0b;
  line-height: 1.5;
  font-style: italic;
}
/* line 694, ../sass/layout.scss */
.new_main .title::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 30px;
  right: 30px;
  width: 1px;
  height: 50px;
  background: #e83e0b;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 850px) {
  /* line 694, ../sass/layout.scss */
  .new_main .title::after {
    right: 50%;
    bottom: -15px;
  }
}
/* line 713, ../sass/layout.scss */
.new_main .editor {
  display: inline-block;
  width: 68%;
  min-height: 300px;
  padding: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 720, ../sass/layout.scss */
.new_main .editor img {
  max-width: 100%;
}
@media screen and (max-width: 850px) {
  /* line 663, ../sass/layout.scss */
  .new_main {
    margin-top: 0px;
  }
  /* line 727, ../sass/layout.scss */
  .new_main .title, .new_main .editor {
    padding: 30px;
    border: none;
    display: block;
    width: 100%;
  }
  /* line 735, ../sass/layout.scss */
  .new_main .title h2 {
    border-left: 5px solid #e83e0b;
    padding-left: 15px;
  }
}
/* line 743, ../sass/layout.scss */
.new_main .cta {
  width: 100%;
  text-align: center;
  margin: 50px auto;
}
/* line 748, ../sass/layout.scss */
.new_main .cta a {
  padding: 0;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #f2a81c;
}
/* line 758, ../sass/layout.scss */
.new_main .cta a::before {
  content: "\f060";
  font-size: 30px;
  font-family: "FontAwesome";
  display: block;
}

/* line 768, ../sass/layout.scss */
.news_main {
  text-align: center;
  margin: 50px auto;
}
/* line 773, ../sass/layout.scss */
.news_main ul li {
  width: 30%;
  position: relative;
  height: 0;
  padding-top: 30%;
  float: left;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #e83e0b;
  margin: 1.5%;
}
/* line 787, ../sass/layout.scss */
.news_main ul li:nth-child(even) a {
  border-color: #e83e0b !important;
}
/* line 792, ../sass/layout.scss */
.news_main ul li a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  border: 10px solid #f2a81c;
  background: #fff;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 807, ../sass/layout.scss */
.news_main ul li a > div {
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
}
/* line 817, ../sass/layout.scss */
.news_main ul li a > div h2 {
  font-size: 24px;
  color: #333;
  line-height: 1.5;
  max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* line 830, ../sass/layout.scss */
.news_main ul li a > div h3 {
  font-size: 14px;
  color: #e83e0b;
  line-height: 1.5;
  font-style: italic;
}
/* line 837, ../sass/layout.scss */
.news_main ul li a > div p {
  font-size: 80px;
  color: #fff;
  text-align: center;
  display: none;
}
/* line 843, ../sass/layout.scss */
.news_main ul li a > div p::before {
  content: "\f067";
  font-family: "FontAwesome";
}
/* line 850, ../sass/layout.scss */
.news_main ul li a:hover {
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  border-width: 20px;
  background: none;
}
/* line 859, ../sass/layout.scss */
.news_main ul li a:hover > div h2, .news_main ul li a:hover > div h3 {
  display: none;
}
/* line 863, ../sass/layout.scss */
.news_main ul li a:hover > div p {
  display: block;
}
@media screen and (max-width: 850px) {
  /* line 872, ../sass/layout.scss */
  .news_main ul li {
    display: block;
    width: 250px;
    padding-top: 250px;
    margin: 0 auto 20px;
    float: none;
  }
  /* line 879, ../sass/layout.scss */
  .news_main ul li a {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border: 5px solid #f2a81c;
  }
  /* line 887, ../sass/layout.scss */
  .news_main ul li a > div h2 {
    font-size: 18px;
    max-height: 54px;
  }
}
/* line 896, ../sass/layout.scss */
.news_main ul::after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  width: 100%;
}

/* line 902, ../sass/layout.scss */
.showcase {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 907, ../sass/layout.scss */
.showcase > div {
  width: 25%;
  height: 33.33%;
  float: left;
  position: relative;
}
/* line 914, ../sass/layout.scss */
.showcase > div.active {
  animation-name: popup;
  animation-duration: 1s;
  z-index: 0;
}
@keyframes popup {
  0% {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (max-width: 850px) {
  /* line 907, ../sass/layout.scss */
  .showcase > div {
    width: 50%;
    height: 20%;
  }
}

/* line 940, ../sass/layout.scss */
.section {
  position: relative;
  padding: 50px 0;
  z-index: 1;
}
@media screen and (max-width: 850px) {
  /* line 940, ../sass/layout.scss */
  .section {
    padding: 30px 0;
  }
}
/* line 949, ../sass/layout.scss */
.section.gray {
  background: #f8f8f8;
}
/* line 953, ../sass/layout.scss */
.section > div {
  max-width: 1100px;
  margin: 0 auto;
}
/* line 958, ../sass/layout.scss */
.section .sec_title {
  font-size: 72px;
  color: #e83e0b;
  margin-left: 30px;
}
/* line 963, ../sass/layout.scss */
.section .sec_title.index {
  margin-top: -90px;
}
@media screen and (max-width: 850px) {
  /* line 963, ../sass/layout.scss */
  .section .sec_title.index {
    margin-top: 0;
  }
}
/* line 971, ../sass/layout.scss */
.section .sec_title span {
  position: relative;
  display: inline-block;
}
/* line 975, ../sass/layout.scss */
.section .sec_title span::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 20px;
  right: -30px;
  width: 1px;
  height: 50px;
  background: #e83e0b;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
}
/* line 990, ../sass/layout.scss */
.section .sec_title.right {
  text-align: right;
}
/* line 993, ../sass/layout.scss */
.section .sec_title.right span {
  margin-left: auto;
  margin-right: 30px;
}
/* line 997, ../sass/layout.scss */
.section .sec_title.right span::after {
  right: auto;
  left: -30px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 850px) {
  /* line 958, ../sass/layout.scss */
  .section .sec_title {
    font-size: 48px;
    margin-top: 0;
  }
  /* line 1011, ../sass/layout.scss */
  .section .sec_title span::after {
    right: -20px;
    height: 30px;
  }
  /* line 1019, ../sass/layout.scss */
  .section .sec_title.right span::after {
    left: -20px;
  }
}
/* line 1027, ../sass/layout.scss */
.section .clients {
  width: 95%;
  margin: 50px auto 150px;
}
@media screen and (max-width: 850px) {
  /* line 1027, ../sass/layout.scss */
  .section .clients {
    width: 80%;
  }
}
/* line 1035, ../sass/layout.scss */
.section .clients > h3 {
  font-size: 18px;
  color: #e83e0b;
  font-weight: bold;
  margin-bottom: 30px;
}
/* line 1042, ../sass/layout.scss */
.section .clients ul {
  margin-bottom: 50px;
}
/* line 1045, ../sass/layout.scss */
.section .clients ul li {
  display: inline-block;
  width: 30%;
  margin-right: 2.5%;
  margin-bottom: 20px;
}
/* line 1051, ../sass/layout.scss */
.section .clients ul li h3 {
  font-size: 18px;
  line-height: 1.5;
  color: #000;
}
/* line 1057, ../sass/layout.scss */
.section .clients ul li p {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}
@media screen and (max-width: 850px) {
  /* line 1065, ../sass/layout.scss */
  .section .clients ul li {
    min-width: 300px;
    width: 45%;
    margin-right: 4%;
    margin-bottom: 15px;
  }
}
/* line 1076, ../sass/layout.scss */
.section .cards > h3 {
  text-align: center;
  color: #333;
  font-size: 30px;
  line-height: 1.5;
  margin: 50px auto;
}
@media screen and (max-width: 850px) {
  /* line 1076, ../sass/layout.scss */
  .section .cards > h3 {
    margin: 30px auto;
    font-size: 24px;
  }
}
/* line 1089, ../sass/layout.scss */
.section .cards .card {
  width: 95%;
  background: #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin: 0 auto 50px;
}
@media screen and (max-width: 850px) {
  /* line 1089, ../sass/layout.scss */
  .section .cards .card {
    width: 90%;
  }
}
/* line 1105, ../sass/layout.scss */
.section .cards .card .main.reverse > div {
  float: right;
}
/* line 1109, ../sass/layout.scss */
.section .cards .card .main > div {
  float: left;
  position: relative;
}
/* line 1113, ../sass/layout.scss */
.section .cards .card .main > div.bgImg {
  display: inline-block;
  width: calc(100% - 380px);
  height: 350px;
  position: relative;
}
/* line 1120, ../sass/layout.scss */
.section .cards .card .main > div.img {
  display: inline-block;
  width: calc(100% - 380px);
  height: 350px;
  position: relative;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 1128, ../sass/layout.scss */
.section .cards .card .main > div.img img {
  position: absolute;
  height: 80%;
  width: auto;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 1139, ../sass/layout.scss */
.section .cards .card .main > div.title {
  width: 380px;
  background: #e83e0b;
  color: #fff;
  padding: 30px;
  height: 350px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 1150, ../sass/layout.scss */
.section .cards .card .main > div.title h3 {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 30px;
  letter-spacing: 1.5px;
}
/* line 1157, ../sass/layout.scss */
.section .cards .card .main > div.title p {
  font-size: 16px;
  line-height: 1.5;
}
/* line 1162, ../sass/layout.scss */
.section .cards .card .main > div.title ul {
  position: absolute;
  margin: 0;
  text-align: left;
  padding: 30px;
  bottom: 0;
  left: 0;
  max-width: 380px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1173, ../sass/layout.scss */
.section .cards .card .main > div.title ul li {
  min-width: 52px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  display: inline-block;
  margin: 0 10px 8px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1185, ../sass/layout.scss */
.section .cards .card .main > div.title .trigger {
  position: absolute;
  z-index: 10;
  width: 30px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  right: 20px;
  bottom: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  cursor: pointer;
}
/* line 1200, ../sass/layout.scss */
.section .cards .card .main > div.title .trigger::before {
  font-size: 30px;
  display: inline-block;
  content: "\f067";
  font-family: "FontAwesome";
}
/* line 1207, ../sass/layout.scss */
.section .cards .card .main > div.title .trigger:hover {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 1210, ../sass/layout.scss */
.section .cards .card .main > div.title .trigger:hover::before {
  content: "\f062";
}
@media screen and (max-width: 850px) {
  /* line 1109, ../sass/layout.scss */
  .section .cards .card .main > div {
    float: none !important;
    width: 100% !important;
  }
  /* line 1221, ../sass/layout.scss */
  .section .cards .card .main > div.bgImg {
    height: 250px;
  }
  /* line 1225, ../sass/layout.scss */
  .section .cards .card .main > div.img {
    height: 0;
    padding-top: 100%;
  }
  /* line 1230, ../sass/layout.scss */
  .section .cards .card .main > div.title {
    height: auto;
  }
  /* line 1231, ../sass/layout.scss */
  .section .cards .card .main > div.title h3 {
    font-size: 30px;
  }
  /* line 1235, ../sass/layout.scss */
  .section .cards .card .main > div.title p {
    text-align: right;
  }
  /* line 1239, ../sass/layout.scss */
  .section .cards .card .main > div.title ul {
    position: static;
    padding: 0;
  }
  /* line 1243, ../sass/layout.scss */
  .section .cards .card .main > div.title ul li {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 8px;
  }
}
/* line 1254, ../sass/layout.scss */
.section .cards .card .main::after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  width: 100%;
}
/* line 1260, ../sass/layout.scss */
.section .cards .card .detail.hide {
  display: none;
}
/* line 1264, ../sass/layout.scss */
.section .cards .card .detail h3 {
  font-size: 24px;
  line-height: 1.3;
  color: #e83e0b;
  font-weight: 600;
  padding: 50px 50px 0;
}
@media screen and (max-width: 850px) {
  /* line 1264, ../sass/layout.scss */
  .section .cards .card .detail h3 {
    padding: 30px 30px 0;
  }
}
/* line 1276, ../sass/layout.scss */
.section .cards .card .detail .icons {
  text-align: center;
  white-space: nowrap;
  overflow: auto;
  padding: 20px 50px 50px;
}
/* line 1282, ../sass/layout.scss */
.section .cards .card .detail .icons > div {
  width: 100px;
  display: inline-block;
  position: relative;
  margin-right: 60px;
}
/* line 1288, ../sass/layout.scss */
.section .cards .card .detail .icons > div::after {
  position: absolute;
  top: 40px;
  right: -40px;
  line-height: 20px;
  width: 20px;
  font-size: 20px;
  color: #f2a81c;
  content: "\f054";
  font-family: "FontAwesome";
}
/* line 1300, ../sass/layout.scss */
.section .cards .card .detail .icons > div:last-child {
  margin-right: 0;
}
/* line 1303, ../sass/layout.scss */
.section .cards .card .detail .icons > div:last-child::after {
  display: none;
}
/* line 1308, ../sass/layout.scss */
.section .cards .card .detail .icons > div img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
/* line 1314, ../sass/layout.scss */
.section .cards .card .detail .icons > div h3 {
  padding: 0;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
}
/* line 1321, ../sass/layout.scss */
.section .cards .card .detail .icons > div p {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}
/* line 1330, ../sass/layout.scss */
.section .cards .card .contact {
  padding: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1335, ../sass/layout.scss */
.section .cards .card .contact h3 {
  font-size: 24px;
  line-height: 1.6;
  color: #e83e0b;
  font-weight: 600;
  float: left;
  padding-right: 50px;
  margin-right: 50px;
  padding-bottom: 50px;
  border-right: 1px solid #ccc;
  width: 250px;
}
/* line 1348, ../sass/layout.scss */
.section .cards .card .contact p {
  font-size: 16px;
  color: #000;
  margin-bottom: 15px;
}
/* line 1353, ../sass/layout.scss */
.section .cards .card .contact p a {
  text-decoration: none;
  color: #000;
}
/* line 1357, ../sass/layout.scss */
.section .cards .card .contact p a:hover {
  text-decoration: underline;
}
/* line 1363, ../sass/layout.scss */
.section .cards .card .contact p.address::before {
  width: 15px;
  display: inline-block;
  text-align: center;
  content: "\f041";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
/* line 1375, ../sass/layout.scss */
.section .cards .card .contact p.email::before {
  width: 15px;
  display: inline-block;
  text-align: center;
  content: "\f0e0";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
/* line 1387, ../sass/layout.scss */
.section .cards .card .contact p.tel::before {
  width: 15px;
  display: inline-block;
  text-align: center;
  content: "\f095";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
/* line 1399, ../sass/layout.scss */
.section .cards .card .contact p.fax::before {
  content: "\f1ac";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
@media screen and (max-width: 850px) {
  /* line 1330, ../sass/layout.scss */
  .section .cards .card .contact {
    padding: 30px;
  }
  /* line 1411, ../sass/layout.scss */
  .section .cards .card .contact h3 {
    width: 100%;
    border: 0;
  }
  /* line 1416, ../sass/layout.scss */
  .section .cards .card .contact p {
    width: 100%;
  }
}
/* line 1421, ../sass/layout.scss */
.section .cards .card .contact::after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  width: 100%;
}
/* line 1431, ../sass/layout.scss */
.section .cards .card:nth-child(odd) .main > div.title {
  background: #f2a81c;
}
/* line 1438, ../sass/layout.scss */
.section .cards .card:nth-child(odd) .detail h3 {
  color: #f2a81c;
}
/* line 1447, ../sass/layout.scss */
.section .cards .card.active .main > div.img {
  width: 0;
}
/* line 1451, ../sass/layout.scss */
.section .cards .card.active .main > div.title {
  width: 100%;
}
/* line 1454, ../sass/layout.scss */
.section .cards .card.active .main > div.title .trigger {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 1455, ../sass/layout.scss */
.section .cards .card.active .main > div.title .trigger:hover {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 1461, ../sass/layout.scss */
.section .cards .card.active .main > div.title .trigger::before {
  content: "\f067" !important;
}
/* line 1466, ../sass/layout.scss */
.section .cards .card.active .main > div.title.s1 {
  background-image: url(../images/service1_water.png);
  background-position: right 5vw center;
  background-repeat: no-repeat;
  background-size: auto 150%;
}
@media screen and (max-width: 850px) {
  /* line 1466, ../sass/layout.scss */
  .section .cards .card.active .main > div.title.s1 {
    background-image: none;
  }
}
/* line 1477, ../sass/layout.scss */
.section .cards .card.active .main > div.title.s2 {
  background-image: url(../images/service2_water.png);
  background-position: right 5vw center;
  background-repeat: no-repeat;
  background-size: auto 150%;
}
@media screen and (max-width: 850px) {
  /* line 1477, ../sass/layout.scss */
  .section .cards .card.active .main > div.title.s2 {
    background-image: none;
  }
}
/* line 1488, ../sass/layout.scss */
.section .cards .card.active .main > div.title.s3 {
  background-image: url(../images/service3_water.png);
  background-position: right 5vw center;
  background-repeat: no-repeat;
  background-size: auto 150%;
}
@media screen and (max-width: 850px) {
  /* line 1488, ../sass/layout.scss */
  .section .cards .card.active .main > div.title.s3 {
    background-image: none;
  }
}
/* line 1506, ../sass/layout.scss */
.section .column2 > div {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px;
}
/* line 1514, ../sass/layout.scss */
.section .column2 > div p {
  color: #000;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
}
/* line 1522, ../sass/layout.scss */
.section .column2 > div p span {
  color: #e83e0b;
}
/* line 1526, ../sass/layout.scss */
.section .column2 > div p.en {
  font-size: 14px;
}
/* line 1531, ../sass/layout.scss */
.section .column2 > div h3 {
  padding: 0 !important;
  margin-bottom: 20px;
}
/* line 1535, ../sass/layout.scss */
.section .column2 > div h3.mode2 {
  border-left: 4px solid #e83e0b;
  padding-left: 8px !important;
}
/* line 1539, ../sass/layout.scss */
.section .column2 > div h3.mode2 span {
  display: block;
  font-size: 13px;
}
/* line 1547, ../sass/layout.scss */
.section .column2 > div.en p {
  font-size: 14px;
}
/* line 1551, ../sass/layout.scss */
.section .column2 > div.en h3 {
  font-size: 18px;
}
@media screen and (max-width: 850px) {
  /* line 1558, ../sass/layout.scss */
  .section .column2 > div {
    width: 100%;
    float: none;
    padding: 30px;
  }
  /* line 1563, ../sass/layout.scss */
  .section .column2 > div p {
    text-align: left;
  }
}
/* line 1569, ../sass/layout.scss */
.section .column2::after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  width: 100%;
}
/* line 1575, ../sass/layout.scss */
.section .service_index .cta {
  width: 100%;
  text-align: center;
}
/* line 1579, ../sass/layout.scss */
.section .service_index .cta a {
  padding: 0;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #f2a81c;
}
/* line 1591, ../sass/layout.scss */
.section .service_index > div {
  width: 33.33%;
  text-align: center;
  float: left;
  padding: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1599, ../sass/layout.scss */
.section .service_index > div .icon {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 100%;
}
/* line 1605, ../sass/layout.scss */
.section .service_index > div .icon img {
  width: 80%;
  max-width: 170px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 1617, ../sass/layout.scss */
.section .service_index > div h3 {
  color: #000;
  font-size: 24px;
  line-height: 1.5;
}
/* line 1622, ../sass/layout.scss */
.section .service_index > div h3 span {
  font-size: 18px;
  color: #e83e0b;
  display: block;
}
/* line 1629, ../sass/layout.scss */
.section .service_index > div ul {
  margin: 30px auto;
  text-align: left;
}
/* line 1633, ../sass/layout.scss */
.section .service_index > div ul li {
  min-width: 65px;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  display: inline-block;
  margin: 0 10px 8px 0;
  padding-left: 4px;
  border-left: 1px solid #e83e0b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 850px) {
  /* line 1591, ../sass/layout.scss */
  .section .service_index > div {
    width: 100%;
    float: none;
    padding: 30px;
  }
  /* line 1652, ../sass/layout.scss */
  .section .service_index > div ul {
    text-align: center;
  }
  /* line 1655, ../sass/layout.scss */
  .section .service_index > div ul li {
    border-bottom: 1px solid #e83e0b;
    border-left: 0px solid #e83e0b;
    padding-left: 0;
  }
}
/* line 1664, ../sass/layout.scss */
.section .service_index::after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  width: 100%;
}

/* line 1670, ../sass/layout.scss */
.banner {
  position: relative;
  width: 100%;
  height: 45vh;
  background: #f8f8f8;
  margin-top: 60px;
}
@media screen and (max-width: 850px) {
  /* line 1670, ../sass/layout.scss */
  .banner {
    height: 30vh;
  }
}
/* line 1682, ../sass/layout.scss */
.banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
/* line 1694, ../sass/layout.scss */
.banner.index {
  margin-top: 0px !important;
  height: 100vh !important;
}
/* line 1700, ../sass/layout.scss */
.banner.index .slogan {
  top: 60%;
}
/* line 1703, ../sass/layout.scss */
.banner.index .slogan.active {
  top: 47%;
}
/* line 1707, ../sass/layout.scss */
.banner.index .slogan span {
  margin-bottom: 15px;
}
/* line 1712, ../sass/layout.scss */
.banner.index::after {
  background: rgba(0, 0, 0, 0.4);
}
/* line 1717, ../sass/layout.scss */
.banner.about {
  background: url(../images/about_bg.jpg) no-repeat center center;
  background-size: cover;
}
/* line 1722, ../sass/layout.scss */
.banner.contact {
  background: url(../images/contact_bg.jpg) no-repeat center center;
  background-size: cover;
}
/* line 1727, ../sass/layout.scss */
.banner.news {
  background: url(../images/news_bg.jpg) no-repeat center center;
  background-size: cover;
}
/* line 1732, ../sass/layout.scss */
.banner.service {
  background: url(../images/service_bg.jpg) no-repeat center center;
  background-size: cover;
}
/* line 1737, ../sass/layout.scss */
.banner .cta {
  position: absolute;
  width: 100%;
  z-index: 10;
  bottom: 8%;
  left: 0;
}
/* line 1743, ../sass/layout.scss */
.banner .cta span {
  color: #fff !important;
  -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
}
/* line 1749, ../sass/layout.scss */
.banner .slogan {
  width: 90%;
  position: absolute;
  font-weight: 600;
  z-index: 5;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 1.5px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 1768, ../sass/layout.scss */
.banner .slogan span {
  display: block;
  font-size: 60px;
  font-family: 'Libre Baskerville';
  font-weight: 900;
  margin-bottom: 0px;
}
@media screen and (max-width: 850px) {
  /* line 1749, ../sass/layout.scss */
  .banner .slogan {
    font-size: 18px;
  }
  /* line 1779, ../sass/layout.scss */
  .banner .slogan span {
    font-size: 28px;
  }
}

/* line 1786, ../sass/layout.scss */
.footer {
  background: #333;
  position: relative;
  padding: 50px 0;
}
/* line 1791, ../sass/layout.scss */
.footer .gotop {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  z-index: 10;
  background: #e83e0b;
  top: -30px;
  left: 50%;
  margin-left: -30px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 1809, ../sass/layout.scss */
.footer .gotop:hover {
  line-height: 50px;
}
/* line 1813, ../sass/layout.scss */
.footer .gotop::before {
  content: "\f106";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 24px;
}
/* line 1823, ../sass/layout.scss */
.footer .column2 > div h3 {
  font-size: 18px;
  color: #888;
  margin-bottom: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
/* line 1831, ../sass/layout.scss */
.footer .column2 > div p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0px;
}
/* line 1836, ../sass/layout.scss */
.footer .column2 > div p a {
  text-decoration: none;
  color: #fff;
}
/* line 1840, ../sass/layout.scss */
.footer .column2 > div p a:hover {
  text-decoration: underline;
}
/* line 1846, ../sass/layout.scss */
.footer .column2 > div p.address::before {
  width: 15px;
  display: inline-block;
  text-align: center;
  content: "\f041";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
/* line 1858, ../sass/layout.scss */
.footer .column2 > div p.email::before {
  width: 15px;
  display: inline-block;
  text-align: center;
  content: "\f0e0";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
/* line 1870, ../sass/layout.scss */
.footer .column2 > div p.tel::before {
  width: 15px;
  display: inline-block;
  text-align: center;
  content: "\f095";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
/* line 1882, ../sass/layout.scss */
.footer .column2 > div p.fax::before {
  content: "\f1ac";
  font-family: "FontAwesome";
  color: #e83e0b;
  margin-right: 8px;
}
/* line 1891, ../sass/layout.scss */
.footer .column2 > div:nth-child(2) {
  text-align: center;
}
@media screen and (max-width: 850px) {
  /* line 1891, ../sass/layout.scss */
  .footer .column2 > div:nth-child(2) {
    border-top: 1px dashed #555;
  }
}
/* line 1899, ../sass/layout.scss */
.footer .column2 > div ul {
  margin: 40px auto;
  border-top: 1px solid #555;
  display: flex;
}
/* line 1904, ../sass/layout.scss */
.footer .column2 > div ul li {
  margin-top: 20px;
  width: 100%;
  display: inline-block;
}
/* line 1909, ../sass/layout.scss */
.footer .column2 > div ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
/* line 1920, ../sass/layout.scss */
.footer .column2 > div ul li a span {
  display: block;
  font-size: 13px;
  color: #888;
}
@media screen and (max-width: 850px) {
  /* line 1899, ../sass/layout.scss */
  .footer .column2 > div ul {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  /* line 1786, ../sass/layout.scss */
  .footer {
    padding: 30px 0;
  }
}
/* line 1939, ../sass/layout.scss */
.footer > div {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 1945, ../sass/layout.scss */
.wrapper {
  position: relative;
  background-image: url(../images/circle1.png), url(../images/circle2.png);
  background-position: left top 70px, right bottom 10vh;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed;
}
@media screen and (max-width: 850px) {
  /* line 1945, ../sass/layout.scss */
  .wrapper {
    background-position: left -5vw top 20vh, right -10vw bottom 10vh;
    background-size: auto 30vw,auto 45vw;
  }
}

/* line 1959, ../sass/layout.scss */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
}

/* line 1964, ../sass/layout.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

/* line 1969, ../sass/layout.scss */
:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}

/* line 1974, ../sass/layout.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}

/* line 2, ../sass/_default.scss */
.editor address, .editor blockquote,
.editor dd, .editor div,
.editor dl, .editor dt, .editor fieldset, .editor form,
.editor frame, .editor frameset,
.editor h1, .editor h2, .editor h3, .editor h4,
.editor h5, .editor h6, .editor noframes,
.editor ol, .editor p, .editor ul, .editor center,
.editor dir, .editor hr, .editor menu, .editor pre {
  display: block;
  unicode-bidi: embed;
  line-height: 1.5;
}
/* line 15, ../sass/_default.scss */
.editor li {
  display: list-item;
}
/* line 19, ../sass/_default.scss */
.editor head {
  display: none;
}
/* line 23, ../sass/_default.scss */
.editor table {
  display: table;
}
/* line 27, ../sass/_default.scss */
.editor tr {
  display: table-row;
}
/* line 31, ../sass/_default.scss */
.editor thead {
  display: table-header-group;
}
/* line 35, ../sass/_default.scss */
.editor tbody {
  display: table-row-group;
}
/* line 39, ../sass/_default.scss */
.editor tfoot {
  display: table-footer-group;
}
/* line 43, ../sass/_default.scss */
.editor col {
  display: table-column;
}
/* line 47, ../sass/_default.scss */
.editor colgroup {
  display: table-column-group;
}
/* line 51, ../sass/_default.scss */
.editor td, .editor th {
  display: table-cell;
}
/* line 55, ../sass/_default.scss */
.editor caption {
  display: table-caption;
}
/* line 59, ../sass/_default.scss */
.editor th {
  font-weight: bolder;
  text-align: center;
}
/* line 64, ../sass/_default.scss */
.editor caption {
  text-align: center;
}
/* line 68, ../sass/_default.scss */
.editor body {
  margin: 8px;
}
/* line 72, ../sass/_default.scss */
.editor h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* line 77, ../sass/_default.scss */
.editor h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}
/* line 82, ../sass/_default.scss */
.editor h3 {
  font-size: 1.17em;
  margin: 0.83em 0;
}
/* line 87, ../sass/_default.scss */
.editor h4, .editor p,
.editor blockquote, .editor ul,
.editor fieldset, .editor form,
.editor ol, .editor dl, .editor dir,
.editor menu {
  margin: 1.12em 0;
}
/* line 95, ../sass/_default.scss */
.editor h5 {
  font-size: .83em;
  margin: 1.5em 0;
}
/* line 100, ../sass/_default.scss */
.editor h6 {
  font-size: .75em;
  margin: 1.67em 0;
}
/* line 105, ../sass/_default.scss */
.editor h1, .editor h2, .editor h3, .editor h4,
.editor h5, .editor h6, .editor b,
.editor strong {
  font-weight: bolder;
}
/* line 111, ../sass/_default.scss */
.editor blockquote {
  margin-left: 40px;
  margin-right: 40px;
}
/* line 116, ../sass/_default.scss */
.editor i, .editor cite, .editor em,
.editor var, .editor address {
  font-style: italic;
}
/* line 121, ../sass/_default.scss */
.editor pre, .editor tt, .editor code,
.editor kbd, .editor samp {
  font-family: monospace;
}
/* line 126, ../sass/_default.scss */
.editor pre {
  white-space: pre;
}
/* line 130, ../sass/_default.scss */
.editor button, .editor textarea,
.editor input, .editor select {
  display: inline-block;
}
/* line 135, ../sass/_default.scss */
.editor big {
  font-size: 1.17em;
}
/* line 139, ../sass/_default.scss */
.editor small, .editor sub, .editor sup {
  font-size: 0.83em;
}
/* line 143, ../sass/_default.scss */
.editor sub {
  vertical-align: sub;
}
/* line 147, ../sass/_default.scss */
.editor sup {
  vertical-align: super;
}
/* line 151, ../sass/_default.scss */
.editor table {
  border-spacing: 2px;
}
/* line 155, ../sass/_default.scss */
.editor thead, .editor tbody,
.editor tfoot {
  vertical-align: middle;
}
/* line 160, ../sass/_default.scss */
.editor td, .editor th, .editor tr {
  vertical-align: inherit;
}
/* line 164, ../sass/_default.scss */
.editor s, .editor strike, .editor del {
  text-decoration: line-through;
}
/* line 168, ../sass/_default.scss */
.editor hr {
  border: 1px inset;
}
/* line 172, ../sass/_default.scss */
.editor ol, .editor ul, .editor dir,
.editor menu, .editor dd {
  margin-left: 40px;
}
/* line 177, ../sass/_default.scss */
.editor ol {
  list-style-type: decimal;
}
/* line 181, ../sass/_default.scss */
.editor ol ul, .editor ul ol,
.editor ul ul, .editor ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 187, ../sass/_default.scss */
.editor u, .editor ins {
  text-decoration: underline;
}
/* line 191, ../sass/_default.scss */
.editor br:before {
  content: "\A";
  white-space: pre-line;
}
/* line 196, ../sass/_default.scss */
.editor center {
  text-align: center;
}
/* line 200, ../sass/_default.scss */
.editor :link, .editor :visited {
  text-decoration: underline;
}
/* line 204, ../sass/_default.scss */
.editor :focus {
  outline: thin dotted invert;
}
/* line 208, ../sass/_default.scss */
.editor ::after {
  display: none !important;
}
/* line 212, ../sass/_default.scss */
.editor ::before {
  display: none !important;
}