.loginBox,
.loginBox * {
    margin: 0;
    padding: 0;
    list-style: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    line-height: 1.75em;
    vertical-align: middle;
}

    .loginBox::before {
        content: "|";
        display: inline-block;
        color: #D6D6D6;
    }

    .loginBox i {
        margin-right: 2px !important;
    }

    .loginBox.loginBox-lay-inline > div,
    .loginBox.loginBox-lay-inline ul li span.memberCenter {
        display: none;
    }

    .loginBox.loginBox-lay-inline ul li {
        margin: auto 0.125em;
        padding: 0 0.125em;
    }

        .loginBox.loginBox-lay-inline ul li::before {
            content: "";
        }

    .loginBox.loginBox-lay-dropdown {
        position: relative;
    }

        .loginBox.loginBox-lay-dropdown > div {
            padding: 0 0.5em;
        }

        .loginBox.loginBox-lay-dropdown ul {
            display: none;
            border-radius: 0.25em;
            background: #FFFFFF;
            box-shadow: 0 0 2px #D6D6D6;
            letter-spacing: 0;
            position: absolute;
            top: 90%;
            right: 10%;
            padding: 0.75em 0;
            z-index: 99;
            color: #333333;
        }

            .loginBox.loginBox-lay-dropdown ul::after {
                content: "";
                width: 0px;
                height: 0px;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid rgb(254, 254, 254);
                position: absolute;
                top: -5px;
                right: 7px;
            }

            .loginBox.loginBox-lay-dropdown ul li {
                text-align: left;
                display: block;
                white-space: nowrap;
                font-size: 0.85em;
                width: 100%;
            }

                .loginBox.loginBox-lay-dropdown ul li::before {
                    content: "";
                }

                .loginBox.loginBox-lay-dropdown ul li > * {
                    padding: 0.25em 1em;
                    width: 100%;
                }

                .loginBox.loginBox-lay-dropdown ul li:hover,
                .loginBox.loginBox-lay-dropdown ul li:hover a {
                    color: #FFFFFF;
                }

                .loginBox.loginBox-lay-dropdown ul li i {
                    display: none;
                }



    .loginBox.loginBox-lay-rwd {
        display: inline-block;
    }

        .loginBox.loginBox-lay-rwd > div,
        .loginBox.loginBox-lay-rwd ul li span.memberCenter {
            display: none;
        }

        .loginBox.loginBox-lay-rwd ul li {
            margin: auto 0.125em;
            padding: 0 0.125em;
        }

@media (max-width: 600px) {

    .loginBox > label > i ~ span {
        display: none;
    }
}
@media (max-width: 900px) {

    .loginBox.loginBox-lay-rwd ul li span.memberCenter {
        display: inline-block;
    }

    .loginBox.loginBox-lay-rwd {
        position: relative;
    }

        .loginBox.loginBox-lay-rwd > div {
            display: inline-block;
            padding: 0 0.5em;
        }

        .loginBox.loginBox-lay-rwd ul {
            display: none;
            border-radius: 0.25em;
            background: #FFFFFF;
            box-shadow: 0 0 2px #D6D6D6;
            letter-spacing: 0;
            position: absolute;
            top: 90%;
            right: 10%;
            padding: 0.75em 0;
            z-index: 99;
            color: #333333;
        }

            .loginBox.loginBox-lay-rwd ul::after {
                content: "";
                width: 0px;
                height: 0px;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid rgb(254, 254, 254);
                position: absolute;
                top: -5px;
                right: 7px;
            }

            .loginBox.loginBox-lay-rwd ul li {
                text-align: left;
                display: block;
                white-space: nowrap;
                font-size: 0.85em;
                width: 100%;
            }

                .loginBox.loginBox-lay-rwd ul li::before {
                    content: "";
                }

                .loginBox.loginBox-lay-rwd ul li > * {
                    padding: 0.25em 1em;
                    width: 100%;
                }

                .loginBox.loginBox-lay-rwd ul li:hover,
                .loginBox.loginBox-lay-rwd ul li:hover a {
                    color: #FFFFFF;
                }

                .loginBox.loginBox-lay-rwd ul li i {
                    display: none;
                }
}