@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 */
  /* 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: #ffffff;
}
a:active {
  text-decoration: none;
  color: #ff8400;
}
html {
  font-size: 75%;
}
body {
  font-size: 1.3em;
  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;
}
.dtt {
  position: fixed;
  width: 100%;
  max-width: 2000px;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
}
.topbt {
  position: absolute;
  width: 70px;
  padding-bottom: 69px;
  display: none;
  cursor: pointer;
  background-attachment: scroll;
  background-image: url(../images/top.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 50%, 50% 50%;
  background-size: 100% auto, 100% auto;
  bottom: 10px;
  right: 10px;
  z-index: 11;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.slogn img,
.hbta img,
.hbtb img,
.hbtc img,
.apbtl img,
.apbtr img,
.hlogo img,
.mbhbt img,
.fbx1 img,
.fbx2 img,
.hmkb img,
.mdtlx img,
.mdxt img,
.mdxf img,
.gmst img,
.gmsf img,
.h5gbg img,
.gamesstr img,
.imgx img,
.imgg img,
.sl2 img,
.gmpo img {
  display: block;
  width: 100%;
}
.apbtl:hover,
.apbtr:hover,
.topfbox div:hover,
.gmsb:hover,
.gmsc:hover,
.gamesstr:hover,
.apgw:hover,
.topbt: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;
}
.btlg {
  position: absolute;
  width: 340px;
  height: 71px;

  overflow: hidden;
  clip-path: polygon(
    30px 0%,
    calc(99% - 25px) 0%,
    100% 34px,
    100% calc(100% - 38px),
    calc(100% - 31px) 100%,
    31px 100%,
    0% calc(100% - 36px),
    0% 35px
  );
}
.btlg:before {
  content: "";
  position: absolute;

  width: 340px;
  height: 71px; /**白光的宽度，可根据实际调整**/
  background-image: linear-gradient(
    to bottom,
    transparent,
    rgba(255, 236, 173, 0.6),
    transparent
  );
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: searchLights 1.8s ease-out 1s infinite;
  -o-animation: searchLights 1.8s ease-out 1s infinite;
  animation: searchLights 1.8s ease-out 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
}
.ulibx > ul li {
  list-style-type: decimal;
  list-style-position: outside;
  line-height: 1.6em;
  letter-spacing: 3px;
}
.ulibx {
  width: 88%;
  margin: 0 auto;
  color: #ffe9cf;
}
.tdbox {
  clear: both;
  width: 90%;
  margin: 0.5em auto;
  /* border-radius: 1em; */
  /* border: 1px double rgba(139, 127, 81, 0.4); */
  background-color: #ede6ca;
  overflow: hidden;
}
.tdbox2 {
  clear: both;
  width: 50%;
  margin: 0.5em auto;
  /* border-radius: 1em; */
  /* border: 1px double rgba(139, 127, 81, 0.4); */
  background-color: #ede6ca;
  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: 1.3em;
  /* border-radius: 1em 1em 0 0; */
}
.tdbox table tr td {
  /* text-align: center; */
  padding: 0.5rem;
  border-bottom: 1px #b9af8e solid;
  font-size: 1em;
  line-height: 2em;
  background-color: rgba(217, 208, 185, 0.6);
}
.tdbox table tr:nth-child(even) {
  background-color: rgba(172, 165, 143, 0.6);
}
.tdbox2 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: 1.3em;
  /* border-radius: 1em 1em 0 0; */
}
.tdbox2 table tr td {
  /* text-align: center; */
  padding: 0.5rem;
  border-bottom: 1px #b9af8e solid;
  font-size: 1em;
  line-height: 2em;
  background-color: rgba(217, 208, 185, 0.6);
}
.tdbox2 table tr:nth-child(even) {
  background-color: rgba(172, 165, 143, 0.6);
}
@keyframes searchLights {
  0% {
    left: -100%;
    top: -10px;
  }
  100% {
    left: 100%;
    top: 100px;
  }
}