.member-login-section {
    position: absolute;
    left: 51.835%;
    top: 734px;
    width: 650px;
    height: 393px;
    z-index: 30;
    font-family: 'Kanit', sans-serif;
}

.member-login-box {
    position: relative;
    width: 650px;
    height: 393px;
    margin: 0;
    padding: 0;

    background-image: url("../img/btn_login.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 650px 393px;
}

/* ช่องกรอก */
.member-input {
    position: absolute;
    left: 240px;
    width: 285px;
    height: 14px;

    padding: 0 18px 0 48px;

    border: none;
    outline: none;

    background: transparent;

    color: #dff6ff;
    font-size: 14px;
    font-weight: 500;

    text-shadow: 0 0 6px rgba(0, 170, 255, 0.8);
}

.member-input::placeholder {
    color: rgba(215, 230, 255, 0.58);
}

.member-input:focus {
    color: #ffffff;
    text-shadow:
        0 0 6px #ffffff,
        0 0 12px #00b7ff;
}

.member-id {
    top: 158px;
}

.member-pass {
    top: 245px;
}

/* ปุ่ม LOGIN */
.member-login-submit {
    position: absolute;
    left: 253px;
    top: 314px;
    width: 390px;
    height: 54px;

    border: none;
    outline: none;
    background: transparent;

    color: transparent;
    cursor: pointer;
}

.member-login-submit:hover {
    filter: drop-shadow(0 0 10px #00d9ff);
}

.member-login-submit:active {
    transform: translateY(2px);
}

/* สมัคร */
.member-register-link {
    position: absolute;
    left: 330px;
    top: 363px;

    color: #00f0ff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;

    text-shadow:
        0 0 6px #00eaff,
        0 0 12px #007bff;
}

.member-register-link:hover {
    color: #ffffff;
}