@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap");
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
a,
img {
  outline: none; /* for Firefox */
  hlbr: expression(this.onFocus=this.blur()); /* for IE */
}
input,
textarea {
  outline: none;
} /*消除chrome黃色框*/
textarea {
  resize: none;
} /*不要縮放*/
img,
div {
  border: 0px;
}
a:link {
  text-decoration: none;
}
/* a:visited {
  text-decoration: none;
  color: #ff8400;
}
a:hover {
  text-decoration: none;
  color: #d23100;
}
a:active {
  text-decoration: none;
  color: #ff8400;
} */

body {
  font-size: 1rem;
  word-wrap: break-word;
  font-family: Arial, "Noto Sans TC", "微軟正黑體", sans-serif;
  /*font-family:Arial,"微軟正黑體", Helvetica, sans-serif;*/
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tas {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.ulibx > ul li {
  list-style-type: decimal;
  list-style-position: outside;
  line-height: 1.5em;
  padding-bottom: 8px;
}
.ulibx {
  width: 85%;
  margin: 0 auto;
}
#particles-js {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 2;
}
.particle {
  position: absolute;
  width: 100%;
  height: 106%;
  left: 50%;
  top: 0%;
  margin-left: -50%;
  mix-blend-mode: screen;
  pointer-events: none;
  /* z-index: 6; */
  -webkit-filter: brightness(1.5);
}
video {
  width: 130%;
  height: 130%;
}
/* img */
.slo img,
.fbbox div img,
.umask img,
.btnbox div img,
.atkbbt img,
.mct img,
.mcf img,
.stggmbta img,
.stggmbta2 img,
.gpop img,
.apgw img,
.apgw img,
.rebt img,
.rebt img,
.apgw img,
.atkbt img,
.s3ttl img,
.apdwbox div img,
.s3bta img,
.s3btb img,
.stggmbtb img,
.gpop img,
.gwimg img,
.apgw2 img,
.govbt img,
.gwimg2 img {
    display: block;
    width: 100%;
}
/* hover */
.fba:hover,
.atkbbt:hover,
.govbt:hover,
.atkbt:hover,
.sbbox div:hover,
.fbb:hover,
.svsc:hover,
.btnbox div:hover,
.s3btbox div:hover,
.rebt:hover,
.apbt:hover,
.dwbt:hover,
.stggmbta:hover,
.stggmbta2:hover,
.stggmbtb:hover,
.apgw:hover,
.apgw2:hover {
    transform: scale(0.98);
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    filter: brightness(1.1);
    cursor: pointer;
}
input,
textarea,
select {
  width: 100%;
  font-family: Arial, "Noto Sans sc", "微軟正黑體", sans-serif;
  font-size: 1.45rem;
  color: #433c36;
  height: 40px;
  line-height: 40px;
  border-radius: 3.5px;
  background-color: #fffbde;
  border: 2px solid rgb(159, 144, 126);
  padding: 0 6px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  font-weight: 500;
  text-align: center;
}
/* light */
#light_bx {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
  overflow: auto;
  display: none;
}
#light_bx > .infobx_1 {
  position: relative;
  width: 700px;
  display: block;
  margin: 0 auto;
  display: none;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-filter: drop-shadow(0px 25px 25px rgba(0, 0, 0, 0.65));
  filter: drop-shadow(0px 25px 25px rgba(0, 0, 0, 0.65));
  font-size: 1.3rem;
  line-height: 2rem;
  color: #ffeed0;
  font-weight: 300;
}
.bx_a1 {
  padding-bottom: 3.5%;
  background-image: url(../images/popbg_01.png);
  background-position: 50% 0%;
  background-size: 100% auto;
  top: 1px;
}
.bx_a2 {
  width: 100%;
  min-height: 100px;
  background-image: url(../images/popbg_02.png);
  background-position: 50% 100%;
  background-size: 100% auto;
  top: -1px;
}
.bx_a3 {
  padding-bottom: 4.2%;
  background: url(../images/popbg_03.png) no-repeat;
  background-position: 50% 100%;
  background-size: 100% auto;
  display: block;
  top: -1px;
}
.bx_a_clos {
  position: absolute;
  width: 38px;
  padding-bottom: 38px;
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(../images/popclo.png);
  background-position: 100% 0%;
  background-size: 100% auto;
  top: 22px;
  right: 3%;
  z-index: 2;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.gwtl {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  font-size: 2vw;
  font-weight: 600;
}
.gwtx {
  width: 70%;
  text-align: center;
  margin: 1em auto;
}
.apgw {
  width: 150px;
  color: #f6e5c4;
  text-align: center;
  line-height: 2em;
  padding-bottom: 10px;
  margin: 20px auto 0 auto;
  border-radius: 5px;
}
.apgw2 {
  width: 150px;
  color: #f6e5c4;
  text-align: center;
  line-height: 2em;
  padding-bottom: 10px;
  margin: 20px auto 0 auto;
  border-radius: 5px;
}
.gpop {
  width: 50%;
  position: absolute;
  top: -300%;
  left: -50%;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.ppac1 {
  top: -75%;
  left: -20%;
}
.tdbox {
  margin: 1rem auto;
}
 .tdbox.mini {
        width: 60%;
}
.tdbox table tr:nth-child(even) {
  background-color: rgba(207, 213, 170, 0.6);
}
.tdbox table tr:first-child td {
  border-bottom: 1px #579343 solid;
  padding: 0.6rem 0.3rem 0.3rem;
  font-weight: 500;
  color: #ffeb08;
  background: url("../images/tdbg.jpg");
  font-size: 17px;
  /* border-radius: 1em 1em 0 0; */
}
.tdbox table tr td {
  /* text-align: center; */
  padding: 0.5rem;
  border-bottom: 1px #b7ad86 solid;
  font-size: 1em;
  line-height: 2em;
  background-color: rgba(205, 191, 177, 0.6);
  color: #402d22;
}
.gwswbox {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 560px) {
  .gpop {
    width: 30%;
  }
    .tdbox.mini {
        width: 100%;
    }
}