.loading-all[data-v-04e06f94] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}
.loading-overlay[data-v-04e06f94] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.138);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 99999;
}
.loading-spinner[data-v-04e06f94] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-top-color: transparent;
    animation: loading-spinner-04e06f94 0.8s linear infinite;
    margin-bottom: 10px;
}
.loading-text[data-v-04e06f94] {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
@keyframes loading-spinner-04e06f94 {
to {
        transform: rotate(360deg);
}
}
.fade-enter-active[data-v-04e06f94],
.fade-leave-active[data-v-04e06f94] {
    transition: opacity 0.5s;
}
.fade-enter[data-v-04e06f94],
.fade-leave-to[data-v-04e06f94] {
    opacity: 0;
}

button[data-v-4cc38013]{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1em;border-radius:5px;width:55%;height:40px;font-weight:bold;background-color:#75f8eb;color:#26354c;border-radius:10px;box-shadow:none;border:none}button[data-v-4cc38013]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background-color:#ccc;color:#666}button[data-v-4cc38013]:hover:not(:disabled){background-color:#75f8eb;color:#171717}
.nav[data-v-2719f8a9]{display:flex;align-items:center}.close[data-v-2719f8a9]{margin-right:10px}.title-container[data-v-2719f8a9]{position:absolute;width:100%;pointer-events:none;font-size:1.2em;font-weight:bold;color:#f5f5f5;top:0px;height:40px;line-height:40px}.title[data-v-2719f8a9]{text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#75f8eb;margin-top:5px}.close[data-v-2719f8a9]:hover{cursor:pointer}.icon[data-v-2719f8a9]{color:#fff;margin-left:15px;margin-top:10px;font-size:24px}

.content[data-v-99655ec8] {
    /* background-color: red; */
    opacity: 1;
}
.fade-enter-active[data-v-99655ec8],
.fade-leave-active[data-v-99655ec8] {
    transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-99655ec8],
.fade-leave-to[data-v-99655ec8] {
    opacity: 0;
}


.footer {
    /*
    background-color: blue;
    opacity: 0.5;
    */
}

.layout[data-v-2f7ffbb2]{position:relative;overflow:hidden;height:calc(100vh - (100vh - 100%))}.layout_content[data-v-2f7ffbb2]{height:calc(100vh - (100vh - 100%) - 64px)}.layout>*[data-v-2f7ffbb2]{width:100%}.layout>.nav[data-v-2f7ffbb2]{top:0;height:40px}.layout>.content[data-v-2f7ffbb2]{top:40px;bottom:24px}.layout>.footer[data-v-2f7ffbb2]{bottom:0;height:24px}

.BtnGoMain[data-v-66ccce10] {
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 99999;
}
.fade-enter-active[data-v-66ccce10],
.fade-leave-active[data-v-66ccce10] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-66ccce10],
.fade-leave-to[data-v-66ccce10] {
  opacity: 0;
}

html,body{height:100%;overflow:hidden}body{margin:0px auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:"Microsoft JhengHei","Microsoft YaHei","Helvetica Neue","Helvetica","Arial","sans-serif";background-color:#444851}#app{height:calc(100vh - (100vh - 100%));overflow:hidden;background-image:url(/auth/img/bg-all.9578bb8b.webp);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover}::-webkit-scrollbar{width:10px;height:auto}::-webkit-scrollbar-track{border-radius:10px;margin:0px 0 0px 0;background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{border-radius:4px;background:#363636}

.svg-icon[data-v-ccdfedca] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */

.toastify {
    padding: 12px 20px;
    color: #ffffff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    position: fixed;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647;
}

.toastify.on {
    opacity: 1;
}

.toast-close {
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: 0.4;
    padding: 0 5px;
}

.toastify-right {
    right: 15px;
}

.toastify-left {
    left: 15px;
}

.toastify-top {
    top: -150px;
}

.toastify-bottom {
    bottom: -150px;
}

.toastify-rounded {
    border-radius: 25px;
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px;
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
    max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
    .toastify-right, .toastify-left {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
}