/* line 33, ../../sass/_mixins.scss */
.banner {
  width: 100%;
  height: 376px;
}
@media only screen and (max-width: 991px) {
  /* line 33, ../../sass/_mixins.scss */
  .banner {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 33, ../../sass/_mixins.scss */
  .banner {
    height: 120px;
  }
}

/* line 3, ../../sass/_base.scss */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding: 0;
}

/* line 8, ../../sass/_base.scss */
body {
  font-size: 16px;
}

/* line 11, ../../sass/_base.scss */
div, h1, h2, h3, h4, h5, h6, p, li, input, select, button {
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 300;
}

/* line 15, ../../sass/_base.scss */
a, a:link, a:hover, a:active, a:focus {
  text-decoration: none;
  color: inherit;
}

/* line 20, ../../sass/_base.scss */
h1 {
  font-size: 30px;
  color: #272e35;
  line-height: 60px;
}
@media only screen and (max-width: 767px) {
  /* line 20, ../../sass/_base.scss */
  h1 {
    font-size: 30px;
  }
}

/* line 29, ../../sass/_base.scss */
h2 {
  font-size: 30px;
  color: #272e35;
  font-weight: 500;
}

/* line 35, ../../sass/_base.scss */
h3 {
  font-size: 20px;
  color: #272e35;
}

/* line 40, ../../sass/_base.scss */
p {
  font-weight: 300;
}

/* line 44, ../../sass/_base.scss */
li {
  font-weight: 500;
}

/* line 47, ../../sass/_base.scss */
.container li {
  font-weight: 300;
}

/* line 51, ../../sass/_base.scss */
select {
  cursor: pointer;
}

/* line 55, ../../sass/_base.scss */
img {
  max-width: 100%;
}

/* line 59, ../../sass/_base.scss */
.container {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 48px;
}

/* line 65, ../../sass/_base.scss */
.row {
  margin: 0;
}

/* line 68, ../../sass/_base.scss */
.gap {
  margin: 20px;
}

/* line 6, ../../sass/layouts/about.scss */
main {
  background: #f2f2f2;
}

/* line 10, ../../sass/layouts/about.scss */
.banner {
  background: url('http://dummyimage.com/1920x376/000/fff') center/cover;
  /*background: url("../../images/l_1/banners/about_banner.jpg") center/cover;*/
}

/* line 16, ../../sass/layouts/about.scss */
.container p {
  padding: 17px 24px;
  letter-spacing: 1.8px;
  line-height: 36px;
}

.container div:nth-of-type(n) p{
	padding: 17px 0;
}

/* line 23, ../../sass/layouts/about.scss */
h1 {
  margin: 30px 0 23px;
  letter-spacing: 6.8px;
}

/* line 28, ../../sass/layouts/about.scss */
h2 {
  font-size: 20px;
  letter-spacing: 4px;
  color: #272e35;
}

@media only screen and (max-width: 991px) {
  /* line 34, ../../sass/layouts/about.scss */
  h1,
  h2 {
    padding-left: 60px;
  }
  .container p{
	padding: 17px 0;
  }
}
@media only screen and (max-width: 767px) {
  /* line 41, ../../sass/layouts/about.scss */
  h1,
  h2 {
    padding-left: 0;
  }
}

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