@charset "UTF-8";
/* line 2, ../../sass/vendor/_extend.scss */
.module--block-list, .module--block-list .module--block-with-info .module--block-info {
  padding-left: 0;
  list-style: none;
}

/* line 19, ../../sass/vendor/_extend.scss */
.module--block-list:before, .module--block-list .module--block-with-info .module--horizontal-item:before, .module--block-list:after, .module--block-list .module--block-with-info .module--horizontal-item:after {
  content: " ";
  display: table;
}
/* line 24, ../../sass/vendor/_extend.scss */
.module--block-list:after, .module--block-list .module--block-with-info .module--horizontal-item:after {
  clear: both;
}

/* line 56, ../../sass/vendor/_extend.scss */
.module--block-list .module--block-cover .module--block-depiction, #about.idea .section-text, #about.chairman .section-text {
  position: relative;
  padding-left: 3em;
}
/* line 59, ../../sass/vendor/_extend.scss */
.module--block-list .module--block-cover .module--block-depiction:before, #about.idea .section-text:before, #about.chairman .section-text:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  background-color: #D2C3CB;
  width: 24px;
  height: 2px;
}

/* line 1, ../../sass/module/_block-list.scss */
.module--block-list {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 6, ../../sass/module/_block-list.scss */
.module--block-list .module--block-item {
  float: left;
  position: relative;
  width: 20%;
}
@media only screen and (max-width: 1440px) {
  /* line 6, ../../sass/module/_block-list.scss */
  .module--block-list .module--block-item {
    width: 25%;
  }
}
@media only screen and (max-width: 1224px) {
  /* line 6, ../../sass/module/_block-list.scss */
  .module--block-list .module--block-item {
    width: 33.3%;
  }
}
@media only screen and (max-width: 980px) {
  /* line 6, ../../sass/module/_block-list.scss */
  .module--block-list .module--block-item {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  /* line 6, ../../sass/module/_block-list.scss */
  .module--block-list .module--block-item {
    width: 100%;
  }
  /* line 21, ../../sass/module/_block-list.scss */
  .module--block-list .module--block-item + .module--block-item {
    margin-top: 1em;
  }
}
/* line 26, ../../sass/module/_block-list.scss */
.module--block-list .module--block-cover {
  position: relative;
  cursor: pointer;
}
/* line 30, ../../sass/module/_block-list.scss */
.module--block-list .module--block-cover:hover:before,
.module--block-list .module--block-cover:hover .module--block-depiction {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 35, ../../sass/module/_block-list.scss */
.module--block-list .module--block-cover:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(76, 10, 78, 0.9);
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/* line 48, ../../sass/module/_block-list.scss */
.module--block-list .module--block-cover .module--block-depiction {
  position: absolute;
  z-index: 1;
  bottom: 0;
  padding-right: 1em;
  color: #FFFFFF;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/* line 59, ../../sass/module/_block-list.scss */
.module--block-list .module--block-cover .module--block-depiction-title {
  margin-top: -0.45em;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  color: #FFFFFF;
  font-size: 1.25em;
  font-weight: normal;
}
/* line 68, ../../sass/module/_block-list.scss */
.module--block-list .module--block-cover .module--block-depiction-text {
  font-size: 0.88em;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/* line 71, ../../sass/module/_block-list.scss */
.module--block-list .module--block-cover .module--block-depiction-text > span {
  display: block;
}
/* line 76, ../../sass/module/_block-list.scss */
.module--block-list .module--block-square {
  position: relative;
  cursor: pointer;
}
/* line 80, ../../sass/module/_block-list.scss */
.module--block-list .module--block-square:hover .module--block-depiction {
  top: 30%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 85, ../../sass/module/_block-list.scss */
.module--block-list .module--block-square:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
/* line 90, ../../sass/module/_block-list.scss */
.module--block-list .module--block-square .module--block-depiction {
  position: absolute;
  top: 40%;
  right: 28%;
  bottom: 30%;
  left: 28%;
  background-color: rgba(76, 10, 78, 0.9);
  color: #FFFFFF;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  width: 46%;
  height: 40%;
  -webkit-transition: opacity 0.3s ease, top 0.3s ease, transform 0.3s ease;
  -o-transition: opacity 0.3s ease, top 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, top 0.3s ease, transform 0.3s ease;
}
/* line 105, ../../sass/module/_block-list.scss */
.module--block-list .module--block-square .module--block-depiction-title {
  position: absolute;
  top: 50%;
  line-height: 30px;
  margin-top: -15px;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  color: #FFFFFF;
  width: 100%;
  height: 30px;
}
/* line 116, ../../sass/module/_block-list.scss */
.module--block-list .module--block-square img {
  -webkit-filter: grayscale(0.7);
  filter: grayscale(0.7);
  -webkit-transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  -o-transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
/* line 122, ../../sass/module/_block-list.scss */
.module--block-list .module--block-image {
  display: block;
}
@media only screen and (max-width: 480px) {
  /* line 122, ../../sass/module/_block-list.scss */
  .module--block-list .module--block-image {
    margin-bottom: 0;
  }
}
/* line 128, ../../sass/module/_block-list.scss */
.module--block-list .module--block-with-info {
  position: relative;
}
/* line 131, ../../sass/module/_block-list.scss */
.module--block-list .module--block-with-info:hover .module--block-info {
  background-color: rgba(76, 10, 78, 0.9);
}
/* line 135, ../../sass/module/_block-list.scss */
.module--block-list .module--block-with-info .module--block-info {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  color: #FFFFFF;
  font-size: 0.75em;
  background-color: rgba(76, 10, 78, 0.7);
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
/* line 152, ../../sass/module/_block-list.scss */
#ie.ie8 .module--block-list .module--block-with-info .module--block-info:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #4C0A4E;
}
/* line 161, ../../sass/module/_block-list.scss */
#ie.ie8 .module--block-list .module--block-with-info .module--block-info > * {
  position: relative;
}
/* line 169, ../../sass/module/_block-list.scss */
.module--block-list .module--block-with-info .module--horizontal-label,
.module--block-list .module--block-with-info .module---horizontal-content {
  float: left;
}
/* line 173, ../../sass/module/_block-list.scss */
.module--block-list .module--block-with-info .module--horizontal-label {
  width: 40% !important;
}
/* line 176, ../../sass/module/_block-list.scss */
.module--block-list .module--block-with-info .module---horizontal-content {
  width: 60%;
}
/* line 182, ../../sass/module/_block-list.scss */
.module--block-list .module--block-depiction-title {
  line-height: 1.8em;
  margin-top: 1.2em;
  margin-bottom: 2.5em;
  padding-right: 1em;
  padding-left: 1em;
  color: #151515;
  font-size: 0.94em;
}

/* line 5, ../../sass/unit/about.scss */
#about.idea:after, #about.chairman:after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../../images/about-background.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto 50%;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  /* line 5, ../../sass/unit/about.scss */
  #about.idea:after, #about.chairman:after {
    background: none;
  }
}
@media only screen and (min-width: 1149px) {
  /* line 5, ../../sass/unit/about.scss */
  #about.idea:after, #about.chairman:after {
    background-size: 37% auto;
  }
}
@media only screen and (min-height: 929px) {
  /* line 28, ../../sass/unit/about.scss */
  #about.idea .main-content, #about.chairman .main-content {
    padding-bottom: 10em;
  }
}
@media only screen and (min-height: 769px) and (max-width: 1024px) {
  /* line 28, ../../sass/unit/about.scss */
  #about.idea .main-content, #about.chairman .main-content {
    padding-bottom: 20em;
  }
}
/* line 36, ../../sass/unit/about.scss */
#about.idea .section-block, #about.chairman .section-block {
  margin-bottom: 4em;
}
/* line 38, ../../sass/unit/about.scss */
#about.idea .section-block:last-child, #about.chairman .section-block:last-child {
  margin-bottom: 0;
}
/* line 42, ../../sass/unit/about.scss */
#about.idea .section-title, #about.chairman .section-title {
  margin-top: 0;
  margin-bottom: 0.15em;
  color: #4C0A4E;
  font-size: 2.7em;
  font-weight: normal;
  letter-spacing: -5px;
}
@media only screen and (max-width: 767px) {
  /* line 42, ../../sass/unit/about.scss */
  #about.idea .section-title, #about.chairman .section-title {
    font-size: 2.5em;
    line-height: 1em;
  }
}
@media only screen and (max-width: 767px) {
  /* line 53, ../../sass/unit/about.scss */
  #about.idea .section-title span, #about.chairman .section-title span {
    display: inline-block;
    line-height: 1em;
  }
}
/* line 65, ../../sass/unit/about.scss */
#about.idea .section-summary, #about.chairman .section-summary {
  line-height: 1.3em;
  margin-top: 0;
  color: #4C0A4E;
  font-family: 'cwTeXKai', 'Kaiti TC';
}
/* line 70, ../../sass/unit/about.scss */
#ie #about.idea .section-summary, #ie #about.chairman .section-summary {
  font-family: '標楷體';
}
/* line 74, ../../sass/unit/about.scss */
#about.idea .section-text, #about.chairman .section-text {
  line-height: 1.8em;
  color: #656565;
  font-size: 0.88em;
}
@media only screen and (min-width: 480px) {
  /* line 74, ../../sass/unit/about.scss */
  #about.idea .section-text, #about.chairman .section-text {
    width: 400px;
  }
}
/* line 84, ../../sass/unit/about.scss */
#about.idea.chairman:after, #about.chairman.chairman:after {
  background-image: url(../../images/chairman-background.png);
  background-position: 80% center;
  background-size: auto 30%;
}
@media only screen and (max-width: 1023px) {
  /* line 84, ../../sass/unit/about.scss */
  #about.idea.chairman:after, #about.chairman.chairman:after {
    background: none;
  }
}
@media only screen and (max-width: 1440px) {
  /* line 84, ../../sass/unit/about.scss */
  #about.idea.chairman:after, #about.chairman.chairman:after {
    background-position: right center;
  }
}
@media only screen and (min-width: 1366px) {
  /* line 84, ../../sass/unit/about.scss */
  #about.idea.chairman:after, #about.chairman.chairman:after {
    background-size: auto 50%;
  }
}
@media only screen and (max-width: 1023px) {
  /* line 101, ../../sass/unit/about.scss */
  #about.idea.chairman .section-block, #about.chairman.chairman .section-block {
    background-position: right top;
    background-size: 50%;
    background-repeat: no-repeat;
  }
}
/* line 112, ../../sass/unit/about.scss */
#about.idea .main-aside > *, #about.idea .main-aside:before, #about.chairman .main-aside > *, #about.chairman .main-aside:before {
  display: none;
  visibility: hidden;
}
/* line 122, ../../sass/unit/about.scss */
#about.history .list-wrap:first-child .list-wrap-title {
  margin-top: 1em;
}
/* line 127, ../../sass/unit/about.scss */
#about.history .list-wrap-title {
  margin-top: 1.5em;
  margin-bottom: 0em;
  font-family: 'Cinzel';
}
/* line 131, ../../sass/unit/about.scss */
#about.history .list-wrap-title > ul {
  line-height: 1.4em;
  margin-top: 0.2em;
  color: #1B1B1B;
  font-size: 0.5em;
  font-family: '微軟正黑體';
}
/* line 139, ../../sass/unit/about.scss */
#about.history .module--column-depiction-name {
  font-family: '微軟正黑體';
}

/* line 144, ../../sass/unit/about.scss */
.on-mobile {
  display: none;
}
@media only screen and (max-width: 1024px) {
  /* line 144, ../../sass/unit/about.scss */
  .on-mobile {
    display: block;
  }
}

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