@charset "utf-8";
/* CSS Document */
body {
  /* background:url(../icon/b.png); */
  font-family: 微軟正黑體;
}
select,
select option {
  padding: 5px;
}
input[type="text"],
input[type="file"],
input[type="password"],
textarea,
.button {
  width: 200px;
  font-size: 16px;
  padding: 7px 5px 7px 5px;
  background: #4c4c4c;
  color: #e7e7e7;
  border: none;
  font: Open Sans, "微軟正黑體";
  font-weight: 600;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
  min-width: 70px;
  min-height: 40px;
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 18px;
  text-decoration: none;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover {
  background: #f1b878;
}
input:focus {
  outline: none;
}
#main {
  width: 1022px;
  min-height: 766px;
  border: #000 1px solid;
  margin: 30px auto 10px auto;
}
#top {
  display: block;
  height: 100px;
}
#top2 {
  display: block;
  height: 50px;
  background: -webkit-linear-gradient(top, #666, #333);
  background: -ms-linear-gradient(top, #666, #333);
  background: -moz-linear-gradient(top, #666, #333);
  background: linear-gradient(top, #666, #333);
}
#top2 a {
  display: inline-block;
  width: 200px;
  padding: 12px 20px 12px 20px;
  text-align: center;
  color: #ccc;
  text-decoration: none;
  font: normal 22px/26px Open Sans, "微軟正黑體";
  transition: all ease-in 0.3s;
}
#top2 a:hover {
  color: #fff;
}
#text {
  display: block;
  height: 38px;
  box-shadow: #ccc 0px 0px 10px 1px inset;
  background-color: #1e1e1e;
}
#text span {
  width: 10%;
  display: inline-block;
  padding: 10px 0px 10px 0px;
  vertical-align: top;
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 1)
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 1)
  );
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 1)
  );
  background: linear-gradient(
    top,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 1)
  );
}
#text marquee {
  width: 79.5%;
  height: 100%;
  display: inline-block;
  color: #a8c7fd;
}
#mm {
  padding: 10px;
  min-height: 520px;
}
#bo {
  padding: 10px 5px 10px 5px;
  min-height: 20px;
  display: block;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
  font-weight: 500;
  background: rgba(0, 0, 0, 0.3);
}
.ct {
  text-align: center;
}
.half {
  width: 45%;
  display: inline-block;
  padding: 2%;
}
.rb {
  background: rgba(39, 39, 39, 0.7);
  color: rgba(255, 255, 255, 0.9);
}
.tab {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: 100px;
  padding: 10px;
}
.ts {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.a a {
  color: #fff;
  text-decoration: none;
}
.a a:hover {
  text-decoration: underline;
}
.w td {
  padding: 4px;
}
.whi {
  color: #fff;
  text-decoration: none;
}
.whi:hover {
  text-decoration: underline;
}
.c td {
  border: 1px solid #666;
}
.wx {
  background: linear-gradient(
    top,
    rgba(255, 255, 255, 0.2),
    rgba(102, 102, 102, 0.2)
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0.2),
    rgba(102, 102, 102, 0.2)
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.2),
    rgba(102, 102, 102, 0.2)
  );
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.2),
    rgba(102, 102, 102, 0.2)
  );
}
.wx:active {
  box-shadow: rgba(51, 51, 51, 0.8) 0px 0px 10px 0.3px inset;
}
.wx::selection {
  cursor: default;
}

.d-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-auto {
  margin: auto;
}