:root {
    --menu-height: 40px
}

menu > ul, header > div, .site-container {
    width: 100%;
    max-width: var(--body-container);
    margin: 0 auto
}

.mobile-only {
    display: none !important;
    visibility: hidden;
    content-visibility: hidden
}

menu {
    position: sticky;
    z-index: 99;
    top: -1px !important;
    left: 0;
    width: 100%;
    display: flex !important;
    justify-content: center
}

menu.isSticky, menu > ul {
    background-color: var(--bg-red)
}

menu > ul {
    display: flex;
    border-left: 1px solid rgba(0, 0, 0, .15)
}

menu > ul:before, menu > ul:after {
    content: none
}

menu > ul > li {
    position: relative;
    flex-grow: 1;
    vertical-align: top;
    border-right: 1px solid rgba(0, 0, 0, .15)
}

.menu-link {
    height: var(--menu-height);
    color: #fff;
    font-size: 12px
}

.live-button {
    color: #fff
}

.menu-curr .live-button {
    color: var(--font-link-tertiary) !important
}

.menu-search-button {
    font-size: 18px
}

.menu-profile-button {
    --profile-size: 20px
}

header {
    padding: calc(2 * var(--size-3)) 0 var(--size-3)
}

header > div {
    position: relative;
    z-index: 2
}

header > div .header-logo {
    padding: 0;
    margin: 0;
    width: 227px;
    justify-content: flex-start
}

header > div .header-logo img, .header-logo .svgicon {
    height: 21px;
    margin-left: 0
}

.float-search {
    position: sticky;
    top: var(--menu-height);
    right: 0
}

.float-search > span {
    display: flex;
    justify-content: center;
    padding-top: var(--size-2)
}

.float-search .search-form {
    width: 100%;
    max-width: var(--body-container)
}

.menu-link {
    position: relative;
    z-index: 2;
    display: flex
}

menu {
    --gray-background: #E0E0E0;
    --font-link-primary: #C23D38
}

menu > ul:not(.isSticky) {
    border-radius: 5px 5px 0 0
}

menu .menu-link:hover, menu .menu-parent:hover > .menu-link {
    background-color: var(--bg-red-2);
    color: #fff
}

menu .menu-parent:hover .menu-sub {
    display: block
}

menu .menu-parent:hover .menu-sub .menu-link:hover {
    background-color: var(--gray-background)
}

menu .menu-parent .menu-sub {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 180px;
    padding-top: var(--menu-height)
}

menu .menu-parent .menu-sub > ul {
    background-color: var(--bg-red-2);
    margin-top: var(--size-3);
    overflow: hidden;
    -moz-border-radius: var(--rounded-normal);
    -webkit-border-radius: var(--rounded-normal);
    border-radius: var(--rounded-normal);
    -moz-box-shadow: var(--shadow-base);
    -webkit-box-shadow: var(--shadow-base);
    box-shadow: var(--shadow-base)
}

menu .menu-parent .menu-sub > ul > li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

menu .menu-parent .menu-sub .menu-link > div {
    margin: 0;
    padding: 0 var(--section-space)
}

.mpb-thumb {
    border-color: #fff
}

.site-container-small .presenter-list-box {
    display: grid;
    grid-template-columns:56px 1fr;
    grid-column-gap: 10px;
    padding: 10px
}

.site-container-small .presenter-list-thumb {
    margin-bottom: 0
}

.site-container-small .presenter-list-info {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.site-container-small .presenter-list-info * {
    text-align: left;
    justify-content: flex-start
}

.live-chat {
    border: 1px solid #eee
}

.footer-all {
    padding-bottom: 110px !important
}