@charset "UTF-8";
/*
0-600px Phone
600-900px Tablet portrait
900-1200px Tablet landscape
1200-1800 is our normal styles apply
1800px + Big desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop
1em=16px

ORDER:base+typography > general layout + grid>page layout >components
*/
/***************************
    aboutCyberSec 臺灣資安大會
**********/
.section-about-power {
  background: url(../img/about/bg-about-power.jpg) no-repeat center bottom/cover;
  color: #fff;
  min-height: 300px;
  padding-bottom: 6%;
  background-attachment: fixed;
}

.section-about-location {
  background-color: #eee;
}

.section-about-play {
  background-color: #eee;
}

.section-about-result {
  background-color: #eee;
  padding-left: 4rem;
  padding-right: 4rem;
}

.section-about-story .about-story-box {
  padding-left: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 3rem;
  margin-bottom: 1rem;
  background-color: #efefef;
}
.section-about-story .about-story-box i {
  background-color: #eaba48;
  color: #9a741b;
  padding: 8px 10px;
  text-align: center;
  display: inline-block;
  margin-right: 0.5rem;
  border-radius: 5px;
  font-size: 2rem;
}
.section-about-story .about-story-box::before {
  content: "";
  width: 0.6rem;
  height: 100%;
  background-color: #eaba48;
  position: absolute;
  left: 0;
  top: 0rem;
}
.section-about-story .about-story-box.box2::before {
  background-color: #C0942D;
}
.section-about-story .about-story-box.box3::before {
  background-color: #9a741b;
}

/******* aboutCyberSec 臺灣資安大會 end **********/
/***************************
    aboutTaiwanCyberWeek 臺灣資安週
**********/
/******* aboutTaiwanCyberWeek 臺灣資安週 end **********/

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