@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.eot");
  src: url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.otf") format("opentype"), url("fonts/Lato-Regular.svg#filename") format("svg");
}
@font-face {
  font-family: "Lato-Light";
  src: url("fonts/Lato-Light.eot");
  src: url("fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Black";
  src: url("fonts/Lato-Black.eot");
  src: url("fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Black.woff") format("woff"), url("fonts/Lato-Black.ttf") format("truetype");
}
.main-bg:before,
.main-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main-bg:before {
  background-color: rgba(42, 42, 42, 0.5);
}
.main-bg:after {
  background-color: rgba(15, 15, 15, 0.6);
}
.main h1 {
  font-size: 3em;
  line-height: 120%;
  font-weight: 300;
  font-family: "Lato-Light", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
  margin-bottom: 78px;
}
@media (max-width: 991px) {
  .main h1 {
    font-size: 2.5em;
    line-height: 120%;
    margin-bottom: 56px;
  }
}
.main .wrapper {
  padding-top: 74px;
  padding-bottom: 500px;
  position: relative;
}
@media (max-width: 991px) {
  .main .wrapper {
    padding-top: 56px;
    padding-bottom: 200px;
  }
}
.main .address {
  margin-bottom: 30px;
}
.main .address ul li {
  font-size: 1.2em;
  line-height: 150%;
}
@media (max-width: 991px) {
  .main .address ul li {
    font-size: 1.06em;
    line-height: 153%;
  }
}