* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
  
html,
body {
    -webkit-text-size-adjust: 100%;
    width:100%;
    padding:0;
    margin:0;
    background-color: #091142;
    color: #ffffff;
    font-family: 'DB Heavent';
}

img {
    width: 100%;
    height: auto;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}

@media screen and ( min-width: 300px ) {
    .page-container {
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 0px auto;
        min-height: 100vh;
        height: 100%;
        padding: 0px;
        text-align: center;
        border: 1px solid #273ac5;
        box-shadow: 0px 0px 50px #000000;
    }

    .page-content {
        display: block;
        width: 100%;
        position: relative;
        z-index: 2;
        margin: 0px auto;
        padding: 0px;
    }

    .page-bg {
        display: block;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 0px;
    }

    .page-mid {
        display: block;
        width: 100%;
        margin: 10px auto;
        text-align: center;
        font-size: 1rem;
    }

    .login-panel {
        display: block;
        width: 100%;
        padding: 10px;
        margin: 10px auto;
    }

    .panel-topic,
    .panel-input,
    .panel-btn {
        display: block;
        width: 100%;
        margin: 20px auto;
    }

    .txt-label {
        display: block;
        text-align: left;
        width: 70%;
        margin: 0px auto;
    }

    input[type='text'].long-box,
    select {
        display: block;
        width: 70%;
        margin: 10px auto;
        border-radius: 10px;
        padding: 10px 20px;
        text-align: center;
        border: 1px solid #222;
        font-size: 2rem;
    }

    .btn-normal,
    .btn-back {
        display: block;
        width: 30%;
        margin: 10px auto;
        text-align: center;
        text-decoration: none;
        padding: 10px 20px;
        font-weight: bold;
        background-color: #273ac5;
        color: #ffffff;
        border-radius: 10px;
    }

    .btn-back {
        background-color: #737374;
        color: #000000;
    }
}