header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background-image:url('../img/nav.png');
  background-size:cover;
  background-repeat:no-repeat;
  height:6.5em;
  min-height:7rem;
}

.nav {
  display:flex;
  justify-content:space-between;
  width:100%;
}

.menu {
  margin-right:1rem;
  display:flex;
  align-items: flex-end;
}

.menu a {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  color:white;
  height:6em;
  justify-content: flex-end;
  padding:0 .5rem;
}

.menu a img {
  width:2.5em;
}

.menu a span {
  margin-top:.5rem;
  margin-bottom:1rem;
}

.menuslider img {
  width:2em !important;
  margin-right:1.5rem;
}

.menuActive, .menu a:hover {
  background:#fae2cb;
  opacity:0.9;
}

.upIcon {
  max-width: 50px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}

footer {
  display: flex;
  background: #E2E2E2;
  justify-content: center;
  flex-wrap: wrap;
}

footer div {
  margin: 2rem;
}

footer div h3, footer i {
  color: #8d796d;
}

.fa-facebook-square, .fa-line, .fa-instagram {
  font-size: 1.5rem;
  margin-right: 1.5rem;
  margin-top:9rem;
}

.menuslider {
  display:none;
}

footer a, footer p {
  color:#8d8d8d;
  text-decoration:none;
}

/*形象官網*/
div.banner {
  /* 為了讓自訂分頁能夠準確定位在banner上面 */
  position: relative;
}

div#officalPages {
  top: 0;
  left: auto;
  right: 0;
  z-index: 99;
  font-size: 1rem;
}

div#officalPages a {
  margin: 0 .3rem;
}

.banner img {
  position: relative;
  width:100%;
}

.banner .mainTitle {
  position: absolute;
  top: 100px;
  left:500px;
  color:white;
  font-size:2rem;
}

h1 {
  color:#ee8e7f;
}

.story {
  margin:0 auto;
  width:55%;
  text-align:center;
  margin-top:4rem;
  margin-bottom:4rem;
}

.story p {
  text-align:left;
  color:grey;
  line-height:2rem;
}

.story h3 {
  text-align:left;
  margin-top:8rem;
  color:#c5997b;
}

.story iframe {
  width:740px;
  height:455px;
  width:100%; 
}

.newsBlock {
  background:#feefec;
  padding:4rem 6rem;
  position:relative;
}

.newsBlock div {
  border-radius:20px;
  width:65%;
  margin:0 auto;
  text-align:center;
  background:white;
  padding:2rem;
  height:450px;
  overflow-y:scroll;
}

.newsBlock ul {
  text-align:left;
  line-height:4rem;
  list-style-type:none;
  padding:0;
}

.newsBlock ul li {
  border-top:1px solid lightgrey;
}

.newsBlock ul li a {
  text-decoration:none;
  color:dimgrey;
  margin-left:2rem;
}

.fa-trash-alt {
  color: red;
  cursor: pointer;
}

.fa-pencil-alt {
  color: green;
  cursor: pointer;
}

.picpaw {
  position:absolute;
  bottom:270px;
  right:-130px;
  width:100px; 
}

.newsimg {
  position:absolute;
  top:460px;
  right:200px;
  width:100px; 
}

.piccan {
  position:absolute;
  bottom:-10px;
  left:-100px;
  width:150px;
}

.pichome1 {
  float:right;
  margin-top:9rem;
}

.pichome2 {
  float:right;
  margin-top:6rem;
}

.pichome3 {
  float:right;
  margin-top:5rem;
}