/* 右上角使用者下拉選單樣式 */
.sp-custom-login-on .form-login-wrap .form-users-wrapper {
    background: #2d2d2d !important;
    border: 1px solid #444 !important;
    color: #fff !important;
    border-radius: 6px;
    overflow: hidden;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu {
    padding: 10px 0 !important;
    border-bottom: 1px solid #444 !important;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu > li {
    margin-bottom: 0 !important;
    transition: background-color 0.3s;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu > li > a {
    color: #fff !important;
    display: block;
    padding: 8px 20px;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu > li > a:hover,
.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu > li > a:focus,
.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu > li > a:active {
    color: #fff !important;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu > li:hover {
    background-color: #FF324D;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button {
    color: #fff !important;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button i.fa {
    color: #fff !important;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button input[type="submit"] {
    color: #fff !important;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:hover,
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:focus {
    background-color: #FF324D !important;
    color: #fff !important;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:hover input[type="submit"],
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:focus input[type="submit"] {
    color: #fff !important;
}