@charset "UTF-8";
/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
/* line 15, ../sass/style.scss */
html,
body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-family: '微軟正黑體';
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

/* line 25, ../sass/style.scss */
body {
  overflow-x: hidden;
}

/* line 30, ../sass/style.scss */
.container-fluid.widfix {
  width: 80%;
}

/* line 33, ../sass/style.scss */
.title {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 36, ../sass/style.scss */
.title h5 {
  margin: 0;
  font-weight: bold;
}
/* line 39, ../sass/style.scss */
.title h5.red {
  color: #da6776;
}
/* line 40, ../sass/style.scss */
.title h5.orange {
  color: #f29c4f;
}
/* line 41, ../sass/style.scss */
.title h5.blue {
  color: #5fa6d0;
}
/* line 42, ../sass/style.scss */
.title h5.green {
  color: #34aa9a;
}
/* line 43, ../sass/style.scss */
.title h5.yellow {
  color: #ffe34e;
}
/* line 45, ../sass/style.scss */
.title h2 {
  margin-top: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}
/* line 50, ../sass/style.scss */
.title h2 i.red {
  color: #da6776;
}
/* line 51, ../sass/style.scss */
.title h2 i.orange {
  color: #f29c4f;
}
/* line 52, ../sass/style.scss */
.title h2 i.blue {
  color: #5fa6d0;
}
/* line 53, ../sass/style.scss */
.title h2 i.green {
  color: #34aa9a;
}
/* line 54, ../sass/style.scss */
.title h2 i.yellow {
  color: #ffe34e;
}
/* line 57, ../sass/style.scss */
.title .line {
  border-top: solid 2px #edf3f5;
  position: relative;
}
@media only screen and (max-width: 767px) {
  /* line 62, ../sass/style.scss */
  .title h5 {
    text-align: center;
  }
  /* line 63, ../sass/style.scss */
  .title h2 {
    text-align: center;
    font-size: 20px;
  }
  /* line 64, ../sass/style.scss */
  .title .line {
    margin: auto;
    width: 100%;
  }
}

/* line 68, ../sass/style.scss */
nav.navbar {
  margin-bottom: 0;
  width: 100%;
  min-height: 65px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  /* line 68, ../sass/style.scss */
  nav.navbar {
    background: linear-gradient(180deg, #da6776, #f29c4f);
  }
}
/* line 78, ../sass/style.scss */
nav.navbar a {
  color: #fff;
}
/* line 80, ../sass/style.scss */
nav.navbar .navbar-header .navbar-brand {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
/* line 81, ../sass/style.scss */
nav.navbar .navbar-header .navbar-brand img {
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  /* line 85, ../sass/style.scss */
  nav.navbar .navbar-header .navbar-brand span {
    display: none;
  }
}
@media only screen and (max-width: 275px) {
  /* line 86, ../sass/style.scss */
  nav.navbar .navbar-header .navbar-brand img {
    display: none;
  }
}
/* line 88, ../sass/style.scss */
nav.navbar .navbar-header .navbar-toggle {
  margin-top: 15px;
}
/* line 90, ../sass/style.scss */
nav.navbar .navbar-header .navbar-toggle span {
  background-color: #fff;
  transition: all .5s;
}
/* line 96, ../sass/style.scss */
nav.navbar .navbar-header .navbar-toggle.arrow .icon-bar:nth-child(2) {
  width: 12px;
  transform: rotate(90deg) translate(8px, 2px);
  -webkit-transform: rotate(90deg) translate(8px, 2px);
  -moz-transform: rotate(90deg) translate(8px, 2px);
  -ms-transform: rotate(90deg) translate(8px, 2px);
}
/* line 103, ../sass/style.scss */
nav.navbar .navbar-header .navbar-toggle.arrow .icon-bar:nth-child(3) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
/* line 109, ../sass/style.scss */
nav.navbar .navbar-header .navbar-toggle.arrow .icon-bar:nth-child(4) {
  width: 12px;
  transform: translate(3px, 2px);
  -webkit-transform: translate(3px, 2px);
  -moz-transform: translate(3px, 2px);
  -ms-transform: translate(3px, 2px);
}
/* line 120, ../sass/style.scss */
nav.navbar .navbar-nav {
  font-size: 16px;
  margin-top: 5px;
}
/* line 124, ../sass/style.scss */
nav.navbar .navbar-nav li:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 3px;
  opacity: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-color: #ffe34e;
  transition: width .3s;
}
/* line 138, ../sass/style.scss */
nav.navbar .navbar-nav li:hover:after {
  opacity: 1;
  width: 100%;
  height: 3px;
}
@media only screen and (max-width: 767px) {
  /* line 143, ../sass/style.scss */
  nav.navbar .navbar-nav li a {
    text-align: center;
  }
}
/* line 147, ../sass/style.scss */
nav.navbar .navbar-nav li a:hover, nav.navbar .navbar-nav li a:focus {
  background-color: transparent;
}
/* line 152, ../sass/style.scss */
nav.navbar .navbar-nav li .dropdown-toggle span {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transition: transform .3s;
}
/* line 160, ../sass/style.scss */
nav.navbar .navbar-nav li .dropdown-toggle:focus span {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}
/* line 168, ../sass/style.scss */
nav.navbar .navbar-nav li .dropdown-menu {
  background: linear-gradient(180deg, #da6776, #f29c4f);
}
/* line 171, ../sass/style.scss */
nav.navbar .navbar-nav li .dropdown-menu li:after {
  opacity: 0;
}
/* line 173, ../sass/style.scss */
nav.navbar .navbar-nav li .dropdown-menu li a:hover, nav.navbar .navbar-nav li .dropdown-menu li a:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
/* line 179, ../sass/style.scss */
nav.navbar .navbar-nav li .dropdown-menu .divider {
  border: solid 1px #da6776 color;
}

/* line 186, ../sass/style.scss */
header {
  width: 100%;
  height: 45vw;
  position: relative;
}
@media only screen and (max-width: 767px) {
  /* line 186, ../sass/style.scss */
  header {
    height: 75vw;
    margin-top: 50px;
  }
}
/* line 193, ../sass/style.scss */
header .banner {
  height: 100%;
  width: 100%;
  background-image: url(../images/banner1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: grayscale(0.5);
}
/* line 201, ../sass/style.scss */
header .bannerCover {
  background: linear-gradient(0deg, rgba(242, 156, 79, 0.7), rgba(218, 103, 118, 0.8));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 207, ../sass/style.scss */
header .bannerText {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 20%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  text-align: center;
}
/* line 216, ../sass/style.scss */
header .bannerText .bigTitle {
  text-align: center;
  margin: 50px;
}
/* line 219, ../sass/style.scss */
header .bannerText .bigTitle h1 {
  color: #fff;
  margin: 0;
  font-size: 3vw;
  font-weight: bold;
}
/* line 225, ../sass/style.scss */
header .bannerText .bigTitle h2 {
  color: #fff;
  font-size: 2vw;
  font-weight: bold;
}
/* line 232, ../sass/style.scss */
header .bannerText .introBar a:hover, header .bannerText .introBar a:focus {
  text-decoration: none;
}
/* line 234, ../sass/style.scss */
header .bannerText .introBar .intro .pic {
  margin: auto;
  height: 10vw;
  width: 10vw;
  border: solid 2px #fff;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s;
}
/* line 244, ../sass/style.scss */
header .bannerText .introBar .intro h3 {
  font-weight: bold;
  color: #fff;
  font-size: 2vw;
}
/* line 249, ../sass/style.scss */
header .bannerText .introBar .intro p {
  color: #fff;
  font-size: 1.2vw;
  font-weight: bold;
}
/* line 255, ../sass/style.scss */
header .bannerText .introBar .intro:hover .pic {
  width: 11vw;
  height: 11vw;
}
@media only screen and (max-width: 992px) {
  /* line 207, ../sass/style.scss */
  header .bannerText {
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  /* line 266, ../sass/style.scss */
  header .bannerText .introBar {
    display: none;
  }
  /* line 267, ../sass/style.scss */
  header .bannerText .bigTitle {
    margin: 0;
  }
  /* line 269, ../sass/style.scss */
  header .bannerText .bigTitle h1 {
    font-size: 5vw;
  }
  /* line 270, ../sass/style.scss */
  header .bannerText .bigTitle h2 {
    font-size: 6vw;
  }
}

/* line 277, ../sass/style.scss */
.main {
  position: relative;
}
/* line 279, ../sass/style.scss */
.main .depart {
  margin-bottom: 30px;
}
/* line 281, ../sass/style.scss */
.main .depart .box {
  position: relative;
  width: 100%;
  height: 16vw;
  overflow: hidden;
  background-color: #da6776;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 992px) {
  /* line 281, ../sass/style.scss */
  .main .depart .box {
    height: 23vw;
  }
}
@media only screen and (max-width: 767px) {
  /* line 281, ../sass/style.scss */
  .main .depart .box {
    height: 50vw;
  }
}
/* line 290, ../sass/style.scss */
.main .depart .box:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  left: 0;
  bottom: 0;
  background-color: #da6776;
  z-index: 20;
}
/* line 298, ../sass/style.scss */
.main .depart .box.orange:before {
  background-color: #f29c4f;
}
/* line 299, ../sass/style.scss */
.main .depart .box.blue:before {
  background-color: #5fa6d0;
}
/* line 300, ../sass/style.scss */
.main .depart .box.green:before {
  background-color: #34aa9a;
}
/* line 301, ../sass/style.scss */
.main .depart .box .pic {
  position: absolute;
  width: 100%;
  height: 14vw;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 5;
  transition: top .6s;
}
@media only screen and (max-width: 992px) {
  /* line 301, ../sass/style.scss */
  .main .depart .box .pic {
    height: 19vw;
  }
}
@media only screen and (max-width: 767px) {
  /* line 301, ../sass/style.scss */
  .main .depart .box .pic {
    height: 45vw;
  }
}
/* line 312, ../sass/style.scss */
.main .depart .box .pic:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 15;
  transition: all 1s;
}
/* line 321, ../sass/style.scss */
.main .depart .box .pic .bannerButton {
  border: solid 1px #fff;
  padding: 5px 15px;
  color: #fff;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 5px;
  z-index: 25;
  transition: all .3s;
  opacity: 0;
}
/* line 337, ../sass/style.scss */
.main .depart .box .pic .bannerButton:hover, .main .depart .box .pic .bannerButton:focus {
  text-decoration: none;
  color: #000;
  background-color: #fff;
}
@media only screen and (max-width: 400px) {
  /* line 321, ../sass/style.scss */
  .main .depart .box .pic .bannerButton {
    display: none;
  }
}
/* line 345, ../sass/style.scss */
.main .depart .box .bottom {
  position: absolute;
  width: 100%;
  height: 105px;
  left: 0;
  bottom: -65px;
  background-color: #fff;
  z-index: 10;
  transition: bottom .5s;
}
/* line 352, ../sass/style.scss */
.main .depart .box .bottom .text {
  width: 90%;
  margin: auto;
}
/* line 354, ../sass/style.scss */
.main .depart .box .bottom .text h4 {
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 5px;
}
/* line 358, ../sass/style.scss */
.main .depart .box .bottom .text h4 a {
  font-size: 16px;
  color: #333;
}
/* line 361, ../sass/style.scss */
.main .depart .box .bottom .text h4 a:hover {
  color: #5fa6d0;
  text-decoration: none;
}
/* line 367, ../sass/style.scss */
.main .depart .box .bottom .text p {
  margin: 0;
}
/* line 371, ../sass/style.scss */
.main .depart .box:hover .pic {
  top: -2vw;
}
/* line 373, ../sass/style.scss */
.main .depart .box:hover .pic:before {
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 375, ../sass/style.scss */
.main .depart .box:hover .bottom {
  bottom: 0px;
}
/* line 376, ../sass/style.scss */
.main .depart .box:hover .bannerButton {
  opacity: 1;
}
/* line 380, ../sass/style.scss */
.main .mainBg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* line 385, ../sass/style.scss */
.main .mainBg .bg {
  width: 100%;
  height: 100%;
  background-image: url(../images/building.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: .5;
}

/* line 396, ../sass/style.scss */
.introduction, .qualify {
  background-color: #e9e9e9;
  min-height: 400px;
  padding-bottom: 30px;
}

/* line 401, ../sass/style.scss */
.qualify {
  position: relative;
  background-color: #405b70;
  color: #fff;
}
/* line 405, ../sass/style.scss */
.qualify .quaBg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
/* line 409, ../sass/style.scss */
.qualify .quaBg .bg {
  width: 100%;
  height: 100%;
  background-image: url(../images/building2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: .1;
}

/* line 421, ../sass/style.scss */
.loadBar {
  width: 100%;
  background-color: #405b70;
}
/* line 424, ../sass/style.scss */
.loadBar.fixcor {
  background-color: #536b7e;
}
/* line 425, ../sass/style.scss */
.loadBar .loadBox {
  text-align: center;
}
/* line 427, ../sass/style.scss */
.loadBar .loadBox a {
  color: #333;
}
/* line 429, ../sass/style.scss */
.loadBar .loadBox a h4 {
  font-weight: bold;
}
/* line 430, ../sass/style.scss */
.loadBar .loadBox a .loadButton {
  display: inline-block;
  margin: auto;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  background-color: #ffe34e;
  margin: 20px auto;
  padding: 2px 10px;
  text-align: center;
  border-radius: 5px;
  transition: all .3s;
}
/* line 441, ../sass/style.scss */
.loadBar .loadBox a:hover, .loadBar .loadBox a:focus {
  text-decoration: none;
}
/* line 443, ../sass/style.scss */
.loadBar .loadBox a:hover .loadButton, .loadBar .loadBox a:focus .loadButton {
  background-color: #e7c200;
}

/* line 452, ../sass/style.scss */
.graduate {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  height: 300px;
  width: 100%;
  background-image: url(../images/callout.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
/* line 473, ../sass/style.scss */
.graduate .cover {
  position: absolute;
  background: linear-gradient(180deg, rgba(95, 166, 208, 0.6), rgba(197, 227, 229, 0.5));
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
/* line 480, ../sass/style.scss */
.graduate .title {
  position: absolute;
  text-align: center;
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  /* line 480, ../sass/style.scss */
  .graduate .title {
    width: 70%;
  }
}
/* line 487, ../sass/style.scss */
.graduate .title h2 {
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 32px;
}
/* line 493, ../sass/style.scss */
.graduate .title h3 {
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 32px;
}

/* line 503, ../sass/style.scss */
.process {
  background-color: #c5e3e5;
  padding-bottom: 30px;
}
/* line 506, ../sass/style.scss */
.process .bar {
  position: relative;
  background-color: #edf3f5;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 506, ../sass/style.scss */
  .process .bar {
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
  }
  /* line 533, ../sass/style.scss */
  .process .bar:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #da6776;
  }
}
/* line 541, ../sass/style.scss */
.process .bar .step {
  flex: 1;
  border-radius: 5px;
  padding: 5px;
  overflow: hidden;
}
/* line 546, ../sass/style.scss */
.process .bar .step h5, .process .bar .step h6 {
  margin: 0;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 15;
}
/* line 547, ../sass/style.scss */
.process .bar .step h2 {
  margin: 0;
  font-weight: bold;
  color: #fff;
  font-family: 'noto sans TC';
  position: relative;
  z-index: 15;
}
/* line 548, ../sass/style.scss */
.process .bar .step:before {
  content: '';
  position: absolute;
  width: 5vw;
  height: 100%;
  border-radius: 5px;
  left: 0;
  top: 0;
  background-color: #da6776;
  z-index: 10;
}
/* line 557, ../sass/style.scss */
.process .bar .step.special:before {
  background-color: #f29c4f;
}
@media only screen and (max-width: 767px) {
  /* line 541, ../sass/style.scss */
  .process .bar .step {
    display: none;
  }
}
/* line 562, ../sass/style.scss */
.process .bar .route {
  flex: 5;
}
/* line 564, ../sass/style.scss */
.process .bar .route h4 {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  /* line 562, ../sass/style.scss */
  .process .bar .route {
    margin: 0px 15px;
  }
  /* line 567, ../sass/style.scss */
  .process .bar .route h4 {
    font-size: 16px;
  }
}
/* line 570, ../sass/style.scss */
.process .bar .date {
  flex: 3;
}
/* line 572, ../sass/style.scss */
.process .bar .date h5 {
  line-height: 28px;
}
/* line 574, ../sass/style.scss */
.process .bar .explain {
  flex: 8;
  text-align: left;
}
/* line 577, ../sass/style.scss */
.process .bar .explain .text {
  width: 80%;
  margin: auto;
  padding: 5px;
}
@media only screen and (max-width: 767px) {
  /* line 574, ../sass/style.scss */
  .process .bar .explain {
    display: none;
  }
}

/* line 586, ../sass/style.scss */
.news {
  position: relative;
  min-height: 500px;
}
/* line 589, ../sass/style.scss */
.news .newsBox {
  max-width: 1600px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 100px;
}
/* line 595, ../sass/style.scss */
.news .newsBox ul {
  list-style-type: none;
  padding: 0;
}
/* line 598, ../sass/style.scss */
.news .newsBox ul li {
  border-bottom: dotted 1px #405b70;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
/* line 608, ../sass/style.scss */
.news .newsBox ul li .tag {
  display: inline-block;
  background-color: #c5e3e5;
  width: 120px;
  height: 30px;
  margin-right: 1.5vw;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  /* line 608, ../sass/style.scss */
  .news .newsBox ul li .tag {
    display: none;
  }
}
/* line 621, ../sass/style.scss */
.news .newsBox ul li h4 {
  display: inline-block;
  line-height: 2rem;
}
/* line 624, ../sass/style.scss */
.news .newsBox ul li h4 a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
/* line 628, ../sass/style.scss */
.news .newsBox ul li h4 a:hover {
  color: #5fa6d0;
}
/* line 631, ../sass/style.scss */
.news .newsBox ul li span {
  margin-left: auto;
  font-weight: bold;
}
/* line 632, ../sass/style.scss */
.news .newsBox ul li .annex {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 634, ../sass/style.scss */
  .news .newsBox ul li .tag {
    min-width: 120px;
  }
  /* line 635, ../sass/style.scss */
  .news .newsBox ul li h4 {
    font-size: 1.5rem;
  }
  /* line 636, ../sass/style.scss */
  .news .newsBox ul li span {
    display: none;
  }
}
/* line 641, ../sass/style.scss */
.news .newsBg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* line 646, ../sass/style.scss */
.news .newsBg .bg {
  width: 100%;
  height: 100%;
  background-image: url(../images/building.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: .5;
}

/* line 658, ../sass/style.scss */
.qanda {
  background-color: #e9e9e9;
}
/* line 660, ../sass/style.scss */
.qanda .panel-group {
  margin-top: 30px;
  padding-bottom: 50px;
}
/* line 666, ../sass/style.scss */
.qanda .panel-group .panel .panel-heading .panel-title a {
  color: #405b70;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  /* line 666, ../sass/style.scss */
  .qanda .panel-group .panel .panel-heading .panel-title a {
    font-size: 14px;
    line-height: 20px;
  }
}
/* line 673, ../sass/style.scss */
.qanda .panel-group .panel .panel-heading .panel-title a:hover, .qanda .panel-group .panel .panel-heading .panel-title a:focus {
  color: #5fa6d0;
  text-decoration: none;
}

/* line 684, ../sass/style.scss */
.footer {
  background-color: #405b70;
  color: #fff;
}
/* line 687, ../sass/style.scss */
.footer p {
  font-weight: bold;
}
/* line 689, ../sass/style.scss */
.footer p a {
  color: #fff;
}
/* line 691, ../sass/style.scss */
.footer p a:hover {
  color: #ffe34e;
  text-decoration: none;
}
/* line 697, ../sass/style.scss */
.footer .bottom {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 684, ../sass/style.scss */
  .footer {
    text-align: center;
  }
  /* line 702, ../sass/style.scss */
  .footer span {
    display: block;
  }
}

/* line 707, ../sass/style.scss */
a .register {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  border-radius: 15px;
  background-color: rgba(255, 227, 78, 0.8);
  z-index: 200;
  transition: all .2s;
}
/* line 715, ../sass/style.scss */
a .register .box {
  margin: 5px 10px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
/* line 730, ../sass/style.scss */
a .register .box i {
  font-size: 24px;
  padding-bottom: 5px;
  color: #da6776;
  text-align: center;
  margin-top: 10px;
}
/* line 737, ../sass/style.scss */
a .register .box p {
  text-align: center;
  color: #000;
  font-weight: bold;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  /* line 707, ../sass/style.scss */
  a .register {
    display: block;
  }
}
/* line 748, ../sass/style.scss */
a:hover {
  text-decoration: none;
}
/* line 750, ../sass/style.scss */
a:hover .register {
  background-color: #ffe34e;
}