@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Noto Sans TC', 'Karla', sans-serif;
  background: linear-gradient(180deg, #0d001f, #160035, #0b0b3f);
  background-image: url('images/bg.jpg'); /* 請依需求換成實際背景圖 */
  background-size: cover;
  color: white;
  margin: 0;
  background-attachment: fixed;
  font-size: 16pt; /* 約等於 14pt */
  line-height: 1.9;
}
.nomination-banner {
  background-color: #001f3f;
  padding: 0;
  margin-bottom: 1rem;
}
.nomination-banner img {
  max-width: 100%;
  height: auto;
  display: block;
}
nav.navbar {
/*  background-color: rgba(110, 0, 240, 0.5);*/
  font-size: 0.7em; /* 約等於 14pt */
  background-color:  transparent !important; 
}
nav .nav-link {
  color: #fff;
  font-weight: 500;
  padding: 0.5rem 1rem;
}
nav .nav-link.active, nav .nav-link:hover {
  background-color: #fff;
  color: #000000 !important;
}
header, section {
  padding: 1rem;
}
.section-dark {
  /*  background: rgba(0, 0, 0, 0.3);*/
  border-radius: 20px;
  padding: 0 1rem;
  margin-top: 1rem;
}
h1, h2 {
  font-weight: 700;
  font-size: 1.5em; /* 約等於 14pt */
  line-height: 1.5;
}
h2 {
  /*color: #D9B8F5*/
  
}
h3{
    font-size: 1em; /* 約等於 14pt */
  line-height: 1.9;
}
ul {
  padding-left: 1.5rem;
}
a {
  color: #87cefa;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  header, section {
    /* padding: 5rem 10%;*/
    padding: 2rem 10%;
  }
  .section-dark {
    /*  background: rgba(0, 0, 0, 0.3);*/
    border-radius: 20px;
    padding-left: 3rem;
    /* margin-top: 1rem;*/
  }
  nav .nav-link.active, nav .nav-link:hover {
    background-color: #fff;
    color: #000000 !important;
    border-radius: 30px;
  }
}