/* Live-only MB66 color skin for mb86.info. Colors only. */
body.jun88-skin {
    background: #FFF0F3 !important;
    color: #222 !important;
}

.j88-topbar,
.j88-header-inner,
.j88-marquee {
    background: #FF4D4F !important;
    background-color: #FF4D4F !important;
}

.j88-topbar .lang-list {
    background: #FF4D4F !important;
    border-color: #FFD0D2 !important;
}

.j88-topbar .lang-item:hover {
    background: #FF7375 !important;
}

.j88-topbar,
.j88-topbar .logined-nav a,
.j88-header-inner,
.j88-menu > li > .nav-item a,
.j88-menu > li > .nav-item h3,
.j88-marquee,
.j88-marquee-inner,
.j88-marquee-inner i,
.j88-account,
.j88-account span,
.j88-account li,
.j88-topbar .btn-big.login,
.j88-topbar .btn-big.btn-logout,
.j88-auth .j88-login {
    color: #fff !important;
}

.j88-topbar .btn-big.signup,
.j88-topbar .btn-big.login:hover,
.j88-topbar .btn-big.btn-logout:hover,
.j88-auth .j88-signup,
.j88-auth .j88-signup:hover {
    color: #FF4D4F !important;
    background: #fff !important;
    background-color: #fff !important;
}

.j88-menu > li:hover > .nav-item a,
.j88-menu > li:hover > .nav-item h3,
.j88-menu > li.is-open > .nav-item a,
.j88-menu > li.is-open > .nav-item h3,
.j88-menu > li.is-current > .nav-item a,
.j88-menu > li.is-current > .nav-item h3,
.j88-menu > li > .nav-item a:hover,
.j88-menu > li > .nav-item a:hover h3 {
    color: #FF4D4F !important;
    background: #fff !important;
}

.j88-account ._1MQUFEv5nMjLr3lpBSzNZw > li {
    color: #333 !important;
}

.j88-account ._2pgWcte96LWeLJIJSxtBYd {
    background: #FF4D4F !important;
    background-color: #FF4D4F !important;
    color: #fff !important;
}

.noti-drawer .noti-nav-title,
.noti-drawer .noti-more {
    color: #fff !important;
    background: #FF4D4F !important;
    background-color: #FF4D4F !important;
}

.j88-banner .swiper-slide {
    background-color: #FFE4E8 !important;
}

.j88-banner .swiper-button-next,
.j88-banner .swiper-button-prev {
    color: #FF4D4F !important;
}

.j88-banner .swiper-pagination-bullet-active {
    background: #FF4D4F !important;
}

.j88-home,
body.jun88-skin .main-home {
    background: #fff !important;
}

.j88-title {
    background-color: #FF4D4F !important;
    background-image: none !important;
    color: #fff !important;
}

.j88-title .j88-more {
    color: #fff !important;
}

.j88-features,
.j88-feature,
body.jun88-skin .main-home .home-feature,
body.jun88-skin .main-home .mobile-title,
body.jun88-skin .main-home .qrcode,
.j88-app h2,
.j88-tabs button.active,
.j88-more-row button,
.j88-gp {
    color: #FF4D4F !important;
}

.j88-feature:not(:last-child)::after,
body.jun88-skin .main-home .feature-item:not(:last-child)::after,
body.jun88-skin .main-home .hotgame-list .swiper-scrollbar-drag {
    background: #FF4D4F !important;
}

.j88-tabs {
    border-bottom-color: #FFD6DA !important;
}

.j88-tabs button,
.j88-table th,
.j88-vip-copy {
    color: #8A4B52 !important;
}

.j88-tabs button.active {
    color: #FF4D4F !important;
    border-bottom-color: #FF4D4F !important;
}

.j88-table td,
.j88-app p,
body.jun88-skin #footer,
body.jun88-skin #footer .footer-news-item-wrap,
body.jun88-skin #footer .footer-news-item-wrap > span,
body.jun88-skin #footer .footer-copy,
body.jun88-skin #footer .footer-desc-text,
body.jun88-skin #footer .footer-news-item-wrap .footer-news-title {
    color: #333 !important;
}

.j88-table td {
    border-top-color: #FFE4E8 !important;
}

.j88-more-row button {
    background: #fff !important;
    border-color: #FFD0D4 !important;
    color: #FF4D4F !important;
}

.j88-types img,
.j88-hots img,
.j88-vip-grid img {
    background: #fff !important;
    border-color: #FFD6DA !important;
}

.j88-qr-item button,
body.jun88-skin .main-home .qrcode-item button,
body.jun88-skin .main-home .show-more-btn .nrc-button,
body.jun88-skin .main-home .nrc-tabs-tab.active {
    background: #FF4D4F !important;
    background-color: #FF4D4F !important;
    color: #fff !important;
    border-color: #FF4D4F !important;
}

.j88-app {
    background-color: #FFF0F3 !important;
}

.j88-endorse img,
.j88-endorse video,
body.jun88-skin .main-home .home-video video {
    background-color: #3A1A1C !important;
}

.j88-vip-swiper .swiper-pagination-bullet-active {
    background: #FF4D4F !important;
}

body.jun88-skin #footer {
    background: #fff !important;
}

body.jun88-skin #footer .footer-head h2,
body.jun88-skin #footer .footer-news > .footer-news-title,
body.jun88-skin #footer .footer-news-item b,
body.jun88-skin #footer .footer-new-toggle,
body.jun88-skin #footer .footer-link .link-item,
body.jun88-skin #footer .footer-link a,
body.jun88-skin #footer .footer-brand-license,
body.jun88-skin #footer .icon-check,
body.jun88-skin #footer .logo-gcb,
body.jun88-skin #footer .footer-category,
body.jun88-skin #footer .footer-logo-category {
    color: #FF4D4F !important;
}

body.jun88-skin #footer .footer-news-item {
    background: linear-gradient(180deg, #fff, #FF4D4F) !important;
}

body.jun88-skin #footer .footer-news-item-wrap {
    background: #fff !important;
}

body.jun88-skin .nrc-button:not(.grey):not(.add-fav):not(.remove-fav) {
    background-color: #FF4D4F !important;
    color: #fff !important;
}

.modal-login .hover-container.login .container .body .nrc-form .nrc-button,
.j88-signup .nrc-button {
    background-color: transparent !important;
    color: #fff !important;
    filter: hue-rotate(163deg) saturate(1.05);
}

.modal-login .top-img div,
.j88-signup .top-img div,
.modal-login .hover-container.login .container .header .mps-close,
.j88-signup > .mps-close,
.modal-login .hover-container.login .bottom-footer .hint-forgot-signup > div,
.modal-login .hover-container.login .bottom-footer .hint-cs > div,
.j88-signup .policy-btn,
body.jun88-skin .event-qmenu .cont {
    color: #FF4D4F !important;
}

.modal-login .hover-container.login .container .body .nrc-form > .nrc-form-item .nrc-form-input input:focus,
.j88-signup input:focus {
    border-color: #FF4D4F !important;
}

.j88-signup .agree-policy input {
    accent-color: #FF4D4F !important;
}

.j88-egame .rc-pagination-item-active,
.j88-fish .rc-pagination-item-active,
.j88-fish .mpg-gplogo.active,
.j88-fish .mpg-tags-inner > div.active,
.j88-fish .mpg-tools-search .search-button,
.j88-lottery .gametype-item.active,
.j88-promo .category .category-item.active,
.j88-promo-modal .header {
    background: #FF4D4F !important;
    background-color: #FF4D4F !important;
    border-color: #FF4D4F !important;
    color: #fff !important;
}

.j88-egame .rc-pagination-item:hover,
.j88-egame .rc-pagination-jump-prev:hover a:after,
.j88-egame .rc-pagination-jump-next:hover a:after,
.j88-promo .category .category-item,
.j88-promo .category .category-item:hover,
.j88-promo-modal .toggle-btn:after,
.j88-fish .mpg-tools-search .search-button:hover {
    color: #FF4D4F !important;
    border-color: #FF4D4F !important;
}

.j88-live .live-main {
    background-color: #FF4D4F !important;
}

.j88-live .live-main-wrap > div {
    background-color: #FFF0F3 !important;
}