@charset "UTF-8";
#page_content {
  flex: auto;
  display: flex;
  align-items: center;
  padding: 2em;
}
#page_content > .inner {
  flex: auto;
  max-width: 80em;
  margin: 0 auto;
}
.bg{
    display: flex;
    justify-content: center;
}
.bg_container {
  position: absolute;
  inset: 0;
  z-index: -1;
  max-height: var(--VHeight);
  --background-hue: calc(var(--h, 3) * 6);
  background-image: linear-gradient(
      180deg,
      var(--background-color-mask-a50, rgba(255 255 255/0)),
      var(--body-background-color, hsl(0 0% 97%)) min(100%, 1080px)
    ),
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIj4KPGcgZmlsbD0iI2ZmZiI+Cgk8cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC43IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjQgMTIxLjUtMjU0LjIgMTkxLjloNDYuNWMxMTUuOS03Ny42IDIxMi42LTE0OC43IDI4MS42LTIxMC40IDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI2Ni45LTUyLTI4OC44LTE4Ni42LTEzNS42LTM3OS43aC01OC45eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik0xMTExLjkgMGMtMTY5LjMgMjAzLjEtMTU0LjggMzQ0LjUgMTIwLjYgMzk4LjIgMzMyLjUgNjAuNiAyODYuOSAyNzYuOSA4MC4xIDQ4OS45LTYzLjUgNTYuNy0xNTAuNCAxMjEuNS0yNTQuMiAxOTEuOWg5Mi42YzEyOC4zLTg0LjggMjM0LjktMTYyLjMgMzA5LjQtMjI4LjggMjA2LjktMjEzIDI1Mi41LTQyOS4zLTgwLjEtNDg5LjktMjU4LjUtNTAuNC0yODcuMy0xNzgtMTUwLTM2MS4zaC0xMTguNHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC43IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjUgMTIxLjUtMjU0LjIgMTkxLjloMTM4LjNjMTQwLjgtOTIgMjU3LjYtMTc2IDMzNy40LTI0Ny4zIDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI0OS42LTQ4LjYtMjg0LjktMTY5LjQtMTYzLjItMzQyLjhoLTE3OC45eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik0xMTExLjkgMGMtMTY5LjMgMjAzLjEtMTU0LjcgMzQ0LjUgMTIwLjYgMzk4LjIgMzMyLjUgNjAuNiAyODYuOSAyNzYuOSA4MC4xIDQ4OS45LTYzLjUgNTYuNy0xNTAuNSAxMjEuNS0yNTQuMiAxOTEuOWgxODMuOGMxNTMuNS05OS4zIDI4MC43LTE4OS43IDM2NS44LTI2NS43IDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI0MC43LTQ3LTI4Mi4xLTE2MC45LTE3NS44LTMyNC40aC0yNDAuMnoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC44IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjUgMTIxLjUtMjU0LjIgMTkxLjloMjI5YzE2Ni4zLTEwNi42IDMwNC4xLTIwMy41IDM5NC41LTI4NC4yIDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTIzMS42LTQ1LjEtMjc4LjctMTUyLjMtMTg3LjMtMzA1LjloLTMwMi42eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik03MzkuNCAwaC0yNDJDMjYzLjEgMTU2LjQgOTkuNCAzMjcuOSA3My4xIDUyOC45Yy0zMC42IDI1NS44IDM4NyAxNDcuNCAzODcgMzEyLjUtMi45IDc4LTMxLjUgMTU3LjMtNzkuNyAyMzguNmgzMDcuMmM4NS4yLTExNC4yIDEzNy44LTIyMy43IDE0MS44LTMzMC45IDAtMTY1LjItNDE3LjYtNTYuNy0zODctMzEyLjVDNDYzLjYgMjc0LjQgNTc0LjMgMTMxLjQgNzM5LjQgMHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNNzM5LjQgMEg1NDRDMzI0LjQgMTUxLjQgMTcyLjIgMzE3LjMgMTQ2LjkgNTEwLjRjLTMwLjYgMjU1LjggMzg3IDE0Ny40IDM4NyAzMTIuNS0zLjEgODMuOS0zNiAxNjkuMi05MSAyNTcuMWgyNDQuNmM4NS4yLTExNC4yIDEzNy44LTIyMy43IDE0MS44LTMzMC45IDAtMTY1LjItNDE3LjYtNTYuNy0zODctMzEyLjVDNDYzLjYgMjc0LjQgNTc0LjMgMTMxLjQgNzM5LjQgMHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNNzM5LjQgMEg1OTEuNUMzODYuMSAxNDYuNCAyNDUuMSAzMDYuNyAyMjAuOCA0OTJjLTMwLjYgMjU1LjggMzg3IDE0Ny40IDM4NyAzMTIuNUM2MDQuNSA4OTQuMyA1NjcgOTg1LjcgNTA1IDEwODBoMTgyLjZjODUuMi0xMTQuMiAxMzcuOC0yMjMuNyAxNDEuOC0zMzAuOSAwLTE2NS4yLTQxNy42LTU2LjctMzg3LTMxMi41QzQ2My42IDI3NC40IDU3NC4zIDEzMS40IDczOS40IDB6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuMSIgZD0iTTczOS40IDBoLTk5LjVjLTE5MS41IDE0MS40LTMyMiAyOTYtMzQ1LjMgNDczLjUtMzAuNiAyNTUuOCAzODcgMTQ3LjQgMzg3IDMxMi41LTMuNSA5NS42LTQ1LjggMTkzLjEtMTE1LjMgMjk0aDEyMS4yYzg1LjItMTE0LjIgMTM3LjgtMjIzLjcgMTQxLjgtMzMwLjkgMC0xNjUuMi00MTcuNi01Ni43LTM4Ny0zMTIuNUM0NjMuNiAyNzQuNCA1NzQuMyAxMzEuNCA3MzkuNCAweiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik03MzkuNCAwaC01MC4yQzUxMS4xIDEzNi40IDM5MC43IDI4NS4yIDM2OC41IDQ1NWMtMzAuNiAyNTUuOCAzODcgMTQ3LjQgMzg3IDMxMi41LTMuOCAxMDEuNS01MS4xIDIwNS0xMjguMyAzMTIuNWg2MC4zYzg1LjItMTE0LjIgMTM3LjgtMjIzLjcgMTQxLjgtMzMwLjkgMC0xNjUuMi00MTcuNi01Ni43LTM4Ny0zMTIuNUM0NjMuNiAyNzQuNCA1NzQuMyAxMzEuNCA3MzkuNCAweiIvPgo8L2c+Cjwvc3ZnPg==),
    linear-gradient(
      135deg,
      hsl(var(--background-hue) 15% 50%/75%),
      hsl(calc(var(--background-hue) + 20) 15% 90%/50%)
    );
  background-position: top center;
  background-size: 100%, auto, cover;
  background-repeat: no-repeat;
  animation: hue-rotate 60s linear infinite;
}
@keyframes hue-rotate {
  100% {
    filter: hue-rotate(360deg);
  }
}
@media only screen and (max-width: 480px) {
  .bg_container {
    display: none;
  }
}
#site_upgrade {
  max-width: 60em;
  margin: auto;
  text-align: center;
  padding: 3em 4em;
  background: var(--background-color-L2, #fff);
  border-radius: 1em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
#site_upgrade .img {
  width: 100%;
  max-width: 30em;
  margin: 0 auto;
}
#site_upgrade .img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
  object-fit: contain;
}
#site_upgrade .msg {
  max-width: 40em;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#site_upgrade h1 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
}
#site_upgrade p {
  margin: 0;
}
#site_upgrade .btc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
#site_upgrade .btc > .btw {
  font-size: 1.166667em;
}
#site_upgrade .sns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
}
#site_upgrade .sns h3 {
  font-size: 1em;
  opacity: 0.5;
}
#site_upgrade .sns_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#site_upgrade .sns_list .btw:not(:hover) {
  opacity: 0.5;
}
#site_upgrade .sns_list .btw:hover {
  color: var(--SiteTHM);
}
@media only screen and (max-width: 480px) {
  #site_upgrade {
    max-width: 30em;
    padding: 0;
    background: unset;
    border-radius: 0;
  }
}
#message_box {
  max-width: 50em;
  margin: auto;
  text-align: center;
  padding: 3em 4em;
  background: var(--background-color-L2, #fff);
  border-radius: 1em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
#message_box .img {
  width: 100%;
  max-width: 30em;
  margin: 0 auto;
}
#message_box .img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
  object-fit: contain;
}
#message_box h1 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
}
#message_box h2 {
  font-size: 1.5em;
  font-weight: 800;
  text-transform: uppercase;
}
#message_box p {
  margin: 0;
}
#message_box .btc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
#message_box .btc > .btw {
  font-size: 1.166667em;
}
@media only screen and (max-width: 480px) {
  #message_box {
    max-width: 30em;
    padding: 0;
    background: unset;
    border-radius: 0;
  }
}
#message_box .email_verification_tips {
  background: var(--background-color-L3, #fff);
  box-shadow: var(--body-text-color-a0, rgba(0 0 0/10%)) 0 0 0 1px inset;
  border-radius: 1em;
  max-width: 30em;
  padding: 2em;
  margin-inline: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
#message_box .email_verification_tips h3 {
  font-size: 1em;
  font-weight: 800;
  text-transform: uppercase;
}
#message_box .email_verification_tips .mail > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  font-size: 1.166667em;
  font-weight: 800;
}
#message_box .email_verification_tips .mail > span::before {
  content: attr(icon);
  display: block;
  font-size: 2em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  opacity: 0.5;
}
#message_box .email_verification_tips p {
  font-size: 1em;
}
#acc_status_box {
  max-width: 50em;
  margin: auto;
  padding: 3em 4em;
  background: var(--background-color-L1, #fff);
  border-radius: 1em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
#acc_status_box > .title h1 {
  font-size: 1em;
  display: block;
  height: 2em;
  aspect-ratio: 183/61;
  background: url(../images/seagm_member_logo_2020_text_black-2ad8c54e98.svg)
    no-repeat center/contain;
  filter: invert(var(--brightness-filter, -1));
  color: transparent;
  opacity: 0.5;
}
#acc_status_box > .inner {
  display: flex;
  flex-direction: column;
  gap: 2em;
  text-align: center;
}
#acc_status_box .avatar {
  width: 10em;
  margin-inline: auto;
  border-radius: 100%;
  background: var(--background-color-L3, #fff);
  box-shadow: var(--body-text-color-a5, rgba(0 0 0/5%)) 0 0 0 1px;
  position: relative;
}
#acc_status_box .avatar::before {
  content: attr(icon);
  display: block;
  font-size: 2em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  text-align: center;
  overflow: hidden;
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 1;
  margin-inline: auto;
  margin-block-end: -0.5em;
  background: var(--text-color-alert);
  color: #fff;
  border-radius: 100%;
}
#acc_status_box .avatar > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  border-radius: 100%;
}
#acc_status_box .info .name {
  font-size: 1.5em;
  font-weight: 800;
}
#acc_status_box .info .mail,
#acc_status_box .info .phone {
  opacity: 0.5;
}
#acc_status_box .countdown {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#acc_status_box #countdown_timer {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 0.5em;
  width: 100%;
  max-width: 22.5em;
  margin-inline: auto;
}
#acc_status_box #countdown_timer > div {
  font-size: 2em;
  font-weight: 800;
  flex: 1 0 2em;
}
#acc_status_box #countdown_timer > div[data-title]::after {
  content: attr(data-title);
  display: block;
  font-size: 0.5em;
  font-weight: 600;
  text-transform: capitalize;
  opacity: 0.5;
}
#acc_status_box .btc .btw {
  font-size: 1.166667em;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  #acc_status_box > .title h1 {
    margin-inline: auto;
  }
  #acc_status_box {
    max-width: 30em;
    padding: 0;
    background: unset;
    border-radius: 0;
  }
}
#func_header {
  width: 100%;
  max-width: 60em;
  margin-inline: auto;
  margin-block-start: auto;
}
#func_header > .inner {
  height: 6em;
  padding-inline: 2em;
  display: flex;
  align-items: center;
}
#func_header #logo h1 {
  font-size: 1em;
  display: block;
  height: 2em;
  aspect-ratio: 183/61;
  background: url(../images/seagm_member_logo_2020_text_black-2ad8c54e98.svg)
    no-repeat center/contain;
  filter: invert(var(--brightness-filter, -1));
  color: transparent;
}
#func_footer {
  width: 100%;
  max-width: 60em;
  margin-inline: auto;
  margin-block-end: auto;
}
#func_footer > .inner {
  padding: 2em;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.5em 2em;
}
#func_footer .copyright {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.5em;
  opacity: 0.5;
}
#func_footer .copyright::before {
  content: attr(icon);
  display: block;
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
}
#func_footer .language .lang {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1em;
  background: var(--body-text-color-a5, #fff);
  border-radius: 3em;
  height: 3em;
  padding-inline: 1em 0;
  position: relative;
  cursor: pointer;
  transition: background 0.3s;
}
#func_footer .language .lang::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  margin-block-start: -0.166667em;
  margin-inline-end: 1em;
  border: 0.333334em transparent solid;
  border-top-color: var(--body-text-color-a25, rgba(0 0 0/25%));
  pointer-events: none;
}
#func_footer .language .lang > span::before {
  content: attr(icon);
  display: block;
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  opacity: 0.5;
}
#func_footer .language .lang > select {
  all: unset;
  height: 3em;
  line-height: 3;
  padding-inline-end: 2.5em;
}
#func_footer .language .lang > select option {
  color: var(--body-text-color);
  background: var(--background-color-L1);
}
#func_content {
  margin-top: 150px;
  width: 100%;
  max-width: 60em;
  margin-inline: auto;
}
#func_content > .inner {
  padding-inline: 2em;
}
#func_box {
  background: var(--background-color-L1, #fff);
  border-radius: 1em;
  padding: 4em;
}
#func_box > .inner {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media only screen and (max-width: 1000px) {
  #func_content,
  #func_footer,
  #func_header {
    max-width: 40em;
  }
  #func_footer > .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1em;
  }
  #func_box {
    padding: 3em;
  }
}
@media only screen and (max-width: 480px) {
  #func_header {
    margin-block: 0;
  }
  #func_content {
    margin-block: auto;
  }
  #func_footer {
    margin-block: 0;
  }
  #func_box {
    padding: 0;
    background: unset;
    border-radius: unset;
  }
}
#currency_box {
  max-width: 30em;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
#currency_box h2 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
}
#currency_box .tips {
  color: var(--body-text-color-a50, rgba(0 0 0/50%));
}
#currency_box .tips b {
  font-weight: 800;
}
#currency_box .currency_select {
  height: 4em;
  border-radius: 4em;
}
#currency_box .currency_select > span {
  padding-inline: 1.5em;
}
#currency_box .currency_select [currency]::before {
  --h: 2em;
}
#currency_box .currency_select > select {
  padding-inline-start: 0;
  height: 100%;
  font-weight: 800;
}
#currency_box .btc .btw {
  display: block;
  font-size: 1.166667em;
  text-transform: uppercase;
}
#rest_box {
  max-width: 30em;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
#rest_box h2 {
  font-size: 2em;
  font-weight: 800;
  text-transform: uppercase;
}
#rest_box [class*="cpt-"] {
  --CPT-UH: 3.5em;
  --CPT-BDR: 1.75em;
}
#rest_box .email_address_input {
  --CPT-UH: 3.5em;
  --CPT-BDR: 1.75em;
  --CPT-INPTPD: 1.5em;
}
#rest_box .email_address_input > span::before {
  font-size: 2em;
  margin: 0;
}
#error_alert {
    color: red;
}
#rest_box .email_address_input > input {
  padding-inline-start: 0;
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#rest_box .email_address_sent {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1.5em;
  height: 4em;
  padding-inline: 1.5em;
  border-radius: 4em;
  background: var(--background-color-L3, rgba(0 0 0/5%));
}
#rest_box .email_address_sent::before {
  content: attr(icon);
  display: block;
  font-size: 2em;
  width: 1em;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  opacity: 0.5;
}
#rest_box .email_address_sent > span {
  font-size: 1.166667em;
  font-weight: 800;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#rest_box .tips_wrp {
  margin-inline: 1.5em;
}
#rest_box .tips_wrp > div ~ div {
  margin-block-start: 1em;
}
#rest_box .tips_wrp > div:not(.tips, .show) {
  display: none;
}
#rest_box .tips_wrp .tips {
  color: var(--body-text-color-a50, rgba(0 0 0/50%));
}
#rest_box .tips_wrp .success {
  color: var(--text-color-complete);
  font-weight: 800;
}
#rest_box .tips_wrp .alert {
  color: var(--text-color-alert);
  font-weight: 800;
}
#rest_box .btc .btw {
  display: block;
  font-size: 1.166667em;
  text-transform: uppercase;
}
#rest_box .formD {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
#rest_box .formD > li {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#rest_box .formD .T {
  font-weight: 800;
  text-transform: uppercase;
}
#rest_box .formD .tips_wrp {
  margin-block-start: 1em;
}