/* .container{
  max-width: 1080px;
  margin: 0 auto;
} */
@font-face {
  font-family: NotoSansCJKtc;
  src: url("../font/NotoSansCJKtc-Light.otf");
}
* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #333;
}
a:hover,
a:visited,
a:link,
a:active {
  color: #333;
}
span {
  cursor: default;
}
body {
  background-color: #fff;
}
.display-block {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100vw;
}
.display-block img {
  display: block;
  width: 100%;
}
.display-block .click_1 {
  z-index: 100;
  position: absolute;
  width: 46.2%;
  height: 6.3%;
  top: 42.4%;
  left: 38%;
}
.display-block .click_2 {
  z-index: 100;
  position: absolute;
  width: 34%;
  height: 3.7%;
  top: 5.7%;
  left: 32%;
}
.iframe {
  max-width: 100%;
}
.iframe iframe {
  width: 100%;
  height: 56.2vw;
}
.copy-right-logo {
  width: 137px;
  display: block;
  margin-right: 40px;
}
.copy-right {
  color: #333;
}
.join {
  position: relative;
}
.join img{
  display: block;
}
.join .join-button {
  position: absolute;
  /* width: 157px; */
  width: 14vw;
  min-width: 90px;
  left: 50%;
  bottom: 55%;
  transform: translateX(-50%);
}
.join a {
  display: block;
  position: absolute;
  /* width: 157px; */
  width: 14vw;
  height: 4.4vw;
  background-color: transparent;
  z-index: 100;
  min-width: 90px;
  left: 50%;
  bottom: 55%;
  transform: translateX(-50%);
}