@charset "UTF-8";
/* line 1, ../sass/style.sass */
* {
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Geneva, Arial, 微軟正黑體, 新細明體, sans-serif;
}

/*導覽列 */
/* line 7, ../sass/style.sass */
nav {
  height: 60px;
  z-index: 1000;
}

/* line 12, ../sass/style.sass */
li {
  padding: 0;
  text-align: center;
  border: solid 1px #ccc;
  width: 180px;
  /*padding: 0 10px 0 10px */
  /*width: 30% */
}

/* line 20, ../sass/style.sass */
.navbar-light .navbar-nav a.nav-link {
  color: black;
}

/* line 23, ../sass/style.sass */
.navbar-light .navbar-nav a.nav-link:hover {
  background-color: #ef5c28;
  color: white;
}

/* line 26, ../sass/style.sass */
.dropdown-menu .dropdown-item:hover {
  background-color: #ef5c28;
  color: white;
}

/* line 29, ../sass/style.sass */
.navbar-inverse .navbar-toggler {
  border: solid 1px black;
}

/*設定內容 */
/* line 33, ../sass/style.sass */
.main {
  margin: 15px;
  padding: 25px 15px 15px 15px;
  font-size: 105%;
}

/* line 38, ../sass/style.sass */
.header {
  padding: 30px 0px 15px 10px;
}

/* line 42, ../sass/style.sass */
#footer {
  padding: 10px 0px 0px 10px;
}

/*文字 */
/* line 47, ../sass/style.sass */
.header h1 {
  font-family: 思源黑體, 微軟正黑體, 新細明體, sans-serif;
  font-size: 2.2em;
  color: #f28321;
  line-height: 1.2em;
  font-weight: 800;
}

/* line 55, ../sass/style.sass */
.h2font {
  color: #600;
  font-family: 思源黑體, 微軟正黑體, 新細明體, sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.9em;
  padding: 5px 0 5px 40px;
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

/* line 66, ../sass/style.sass */
.question h3 {
  font-family: 思源黑體, 微軟正黑體, 新細明體, sans-serif;
  font-weight: normal;
}

/* line 69, ../sass/style.sass */
.main h4, .main h5 {
  font-weight: 400;
}

/* line 71, ../sass/style.sass */
.main h4 {
  color: #600;
}

/* line 73, ../sass/style.sass */
#footer {
  font-size: 0.9em;
  /*font-family:Verdana,Geneva,Arial,微軟正黑體,新細明體,sans-serif */
}

/* line 78, ../sass/style.sass */
.subject {
  padding-left: 40px;
  padding-bottom: 20px;
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: top left;
  line-height: 1.9em;
}

/* line 86, ../sass/style.sass */
.question {
  padding: 30px;
  list-style: url(../images/question.gif);
}

/* line 89, ../sass/style.sass */
.question li {
  border: none;
}

/* line 91, ../sass/style.sass */
.question h5 {
  margin-right: -180px;
  text-align: left;
}

/* line 99, ../sass/style.sass */
.answer {
  border-clor: silver;
  border-width: 1px;
  border-style: dashed;
  border-radius: 0.8em;
  background-color: moccasin;
  padding: 10px;
  padding-left: 40px;
  margin: 20px;
  background-image: url(../images/information.gif);
  background-repeat: no-repeat;
  background-position: top left;
  line-height: 1.9em;
}

/* line 116, ../sass/style.sass */
.content {
  list-style: url(../images/aa.gif);
  margin: 20px;
}

/* line 119, ../sass/style.sass */
.content li {
  border: none;
  width: 100%;
  text-align: left;
}

/* line 124, ../sass/style.sass */
.clipboard {
  background-image: url(../images/list.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 10px;
  padding-left: 40px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 133, ../sass/style.sass */
  .header h1 {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  /* line 137, ../sass/style.sass */
  .header h1 {
    text-align: center;
  }

  /* line 139, ../sass/style.sass */
  .photo img {
    width: 90%;
    height: 85%;
  }

  /* line 143, ../sass/style.sass */
  .answer img {
    width: 90%;
    height: 85%;
  }
}
@media screen and (min-width: 300px) and (max-width: 576px) {
  /* line 147, ../sass/style.sass */
  .header h1 {
    text-align: center;
  }

  /* line 149, ../sass/style.sass */
  .question h5 {
    margin-right: -80px;
  }

  /* line 151, ../sass/style.sass */
  .photo img {
    width: 80%;
    height: 75%;
  }

  /* line 154, ../sass/style.sass */
  .answer img {
    width: 100%;
    height: 95%;
  }
}