/* simple template */
*,
*::before,
*::after {
  box-sizing: content-box;
  color: #333;
}
/* main 裡的所有元素強制 border-box */
main,
main *,
main *::before,
main *::after {
  box-sizing: border-box;
  color: #ffffff;
}
main {
  max-width: 100%;
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 20.3%,
      rgba(0, 0, 0, 0.5) 57.01%
    ),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    url('../../images/portals/webvpn/wvpn-bg-sm.jpg');
  padding: 3.75rem 0;
}
main a:hover {
  text-decoration-line: none;
}
@media (min-width: 576px) {
main {
    padding: 155px 0 3.75rem;
    background-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 20.3%,
        rgba(0, 0, 0, 0.5) 57.01%
      ),
      linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
      url('../../images/portals/webvpn/wvpn-bg.jpg')
}
  }
/* 隱藏原天地 */
#frameHeader,
#footer {
  display: none;
}
@media (min-width: 576px) {
  #frameHeader,
#footer {
    display: block;
  }
}
.login-pannel {
  max-height: 70vh;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .login-pannel {
    max-height: 100%;
  }
  .page-heading {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
}
.page-heading p.copyright {
  position: absolute;
  bottom: 0px;
  display: none;
}
@media (min-width: 1024px) {
  .page-heading p.copyright {
    display: block;
  }
}
@media (min-width: 576px) {
  .portal-header {
    display: none;
  }
}
footer.copyright {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  width: 100%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px) {
  footer.copyright {
    display: none;
  }
}

/*# sourceMappingURL=portal-web-vpn.css.map */