@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 {
  color: #ffffff;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #ff8400;
}
a:hover {
  text-decoration: none;
  color: #eeff00;
}
a:active {
  text-decoration: none;
  color: #ff8400;
}
td {
    text-align: center;
}
body {
    font-size: 16px;
    word-wrap: break-word;
    font-family: Arial, "Noto Sans TC", "微軟正黑體", sans-serif;
    /*font-family:Arial,"微軟正黑體", Helvetica, sans-serif;*/
    color: #f6fbff;
}
* {
  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;
}
.ulibx {
  width: 85%;
  margin: 1em auto;
}
.slobx img,
.aapybox div img,
.tfbx div img,
.pbta img,
.pbtb img,
.pbtc img,
.minct img,
.mincd img,
.mtl img,
.imgx img,
.linel img,
.mtlb img,
.mtla img,
.imgg img,
.dub img,
.mbbt img,
.ggst img,
.gop img,
.bst img,
.bstn img {
  display: block;
  width: 100%;
}
.aapybox div:hover,
.logxb:hover,
.logxc:hover,
.tfba:hover,
.tfbb:hover,
.sanbt:hover,
.gmsc:hover,
.gmsb:hover,
.apgw:hover,
.bst:hover,
.bstn: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;
}
.tdb {
  color: #fffef6;
}
.tdbox {
  display: block;
  clear: both;
  width: 98%;
  margin: 1em auto;
  border-radius: 0.2em;
  /* border: 1px double rgba(139, 127, 81, 0.4); */
  background-color: #e8c3ff;
  /* overflow: hidden; */
}
.tdbox table tr:first-child td {
  border-bottom: 1px #887d5d solid;
  padding: 0.6rem 0.3rem 0.3rem;
  font-weight: 500;
  color: #fff5c2;
  background: url("../images/tdbg.png");
  font-size: 16px;
  /* border-radius: 1em 1em 0 0; */
}
.tdbox table tr td {
  /* text-align: center; */
  padding: 0.5rem;
  border-bottom: 1px #6b698b solid;
  font-size: 1em;
  line-height: 2em;
  background-color: rgb(80 41 97 / 60%);
}
.tdbox table tr:nth-child(even) {
  background-color: rgba(172, 165, 143, 0.6);
}
.imgx {
  width: 90%;
  padding: 2px;
  border: 3px double #d6b6ff;
  margin: 15px auto;
}
.imgg {
  width: 90%;
  padding: 2px;

  margin: 0 auto;
}
.linel {
  width: 100%;
  height: 1vw;
  margin: 4vw auto;
  background: url("../images/linel.png");
  background-size: 100% 100%;
}
.dubimg {
  width: 60%;
  margin: 1em auto;
  display: flex;

  align-content: center;
  justify-content: center;
}
.dub {
  width: 48%;
  margin: 0 1%;
}
@media only screen and (max-width: 500px) {
  .linel {
    width: 100%;
    height: 5vw;
    margin: 4vw auto;
    background: url("../images/linel.png");
    background-size: 100% 100%;
  }
  .dubimg {
    width: 98%;
    margin: 1em auto;
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .tdbox table tr td {
    font-size: 15px;
    line-height: 2em;
  }
}