body {
    font-family: 'Noto Sans', sans-serif;
    padding-top: 4rem;
}

hr {
    border-top: 1px solid #DEDEDE;
    opacity: 1;
}

form a {
    text-decoration: none;
}

#navbar .nav-link.active:after {
    content: '';
    display: block;
    background: linear-gradient(to right, #179BFF 0%, #A81BE5 100%);
    height: 4px;
    border-radius: 4px;
    margin-top: 4px;
}

#navbar.show .nav-link.active:after, #navbar.collapsing .nav-link.active:after {
    content: '';
    display: none;
}

#carousel-home {
    height: 70px;
}

#carousel-home .arrow {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#carousel-home .active {
    background: linear-gradient(to right, #0086EB 0%, #8700C1 100%);
}

#socials-fixed {
    right: 60px; 
    top: 200px; 
    z-index: 2000; 
    width: 100px;
}

.hero-text {
    opacity: 0;
    transition: opacity 225ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

a.hero-text:hover {
    text-decoration: underline!important;
}

.fade-custom {
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.img-fit-cover {
    object-fit: cover;
}

.vr {
    opacity: 1;
    background-color: #DEDEDE;
}

.jumbotron {
    display: flex;
    align-items: flex-end;
    height: 170px;
    width: 100%;
    background-image: url('../images/banner.png');
}

.jumbotron-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-play {
    background-image: url('../images/btn_play_1.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 19px 26px;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s;
}

.btn-play:hover {
    background-image: url('../images/btn_play_hover_1.png');
    color: #fff;
}

.play-mobile {
    background-image: url('../images/btn_play_mobile.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 120px;
    height: 90px;
    z-index: 1000;
    bottom: 75px; 
    right: 15px;
}

.list-group-item.active, .btn-gradient {
    color: #fff;
    background: linear-gradient(to right, #0086EB 0%, #8700C1 100%);
    border: none;
}

.btn-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, #179BFF 0%, #A81BE5 100%);
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
  
.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #DEDEDE;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}

#news-tabs .nav-link {
    color: #8D8D8D;
    border-top: none;
    border-left: none;
    border-right: none;
}

#news-tabs .nav-link.active {
    color: #8145CF;
    border-bottom: 4px solid #8145CF;
}

#shop-home {
    min-height: 560px;
    background-image: url('../images/shopmain.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.svg {
    height: 1em;
    width: 1em;
    vertical-align: -0.125em;
}

.navbar .nav-link .svg {
    height: 1.5em;
    width: 1.5em;
    vertical-align: -0.395em;
    border-radius: 3px;
}

.bg-purple {
    background-color: #8145CF;
}

.bg-gray-300 {
    background-color: #E8E8E8;
}

.bg-gray-100 {
    background-color: #F6F6F6;
}




                        .mud-paper {width: 100%;padding:4%;border: 1px solid #ccc;box-sizing: border-box;border-radius: 5px;margin: 10px 5px;}
                        .mud-card-content{margin-bottom: 20px;}
                        .mud-card-content h6{line-height: 40px;font-weight: 600}
                        .mud-card-content img{max-height: 40px;}
                        .mud-card-content p{font-size: 16px;}
                        .mud-card-actions{color:#0083ff;text-decoration: none}
                        .mud-card-actions a{color:#0083ff;text-decoration: none}

.mud-table-root{width: 100%;border: 1px solid #ccc;border-radius: 10px;}
.mud-grid-spacing-xs-3>.mud-grid-item {
    padding: 12px;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 6px 24px 6px 16px;
    padding-inline-start: 16px;
    padding-inline-end: 24px;
}

.mud-table-head{background:#e8e8e8;}
.mud-table-root .mud-table-body {
    display: table-row-group;
}
.mud-table-row {
    color: inherit;
    display: table-row;
    outline: 0;
    vertical-align: middle;
}
.mud-table-cell {
    display: table-cell;
    padding: 16px;
    font-size: .875rem;
    text-align: start;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid #e8e8e8;
    letter-spacing: .01071em;
    vertical-align: inherit;
}
.mud-tooltip-root.mud-tooltip-inline {
    display: inline-block;
}

 td.rarity-Common > div > a {
    color: #212529 !important;
    border-bottom: 0;
    text-decoration: none;
}
.mud-pagination {
    align-items: center;
    margin: 0;
    text-align: center;
    padding:10px 0;
    width: 100%;
    justify-content: center;
}
.mud-pagination li{display: inline-block;}
.mud-pagination li a{text-decoration: none;color: #ccc;}
.mud-pagination-item {
    height: 26px;
    min-width: 26px;
    margin: 0 1px;
    padding: 0 4px;
    border-radius: 13px;
}

.shaixuan ul{padding-left: 0;}
.shaixuan li{list-style-type: none;margin-bottom:8px;}
.shaixuan li b{width:90px;display: inline-block;}
.shaixuan li a{font-size: 18px;color: #333;text-decoration:none;padding-right:10px;}
.shaixuan li a.active{color:#78d9ff!important;font-weight:600}




.b-box {
    border: 1px solid #e3e3e3;
    padding: 1em;
    border-radius: 10px;
}

.b-box img{
    width:100%;
}



.game-title {
    text-align: center;
    margin: 1em 0;
    font-weight: 700;
}
.b-box{margin:0% 1% 1% 1%;width:48%}





.b-box .btn-wrap {
    background: #2189FF;
    cursor: pointer;
    outline: 0;
    border: 0;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 7px;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.b-box .btn-wrap a{color: #fff;
    text-decoration: none;}
    
    
                 .mud-breadcrumbs{display: flex;justify-content: space-between;flex-wrap:wrap;margin-bottom:20px;font-size:14px;}
                                     .mud-breadcrumbs .position{font-size:14px;text-decoration: none;color:#212529}
                                     .mud-breadcrumbs .position a{font-size:14px;text-decoration: none;color:#212529}
                                     .mud-breadcrumbs .searchform form{}
                                     .mud-breadcrumbs .searchform form input{border-radius:5px;border: 1px solid #ccc;padding:0 5px;}
                                     .mud-breadcrumbs .searchform form .sousuo{border:0;background:#ccc;color:#000;border-radius:5px;}
                                     
                                     
                   .mud-table-pagination{font-size:14px;text-decoration: none;color:#212529}
                   .mud-table-pagination span{font-size:14px;text-decoration: none;color:#212529}
                   .mud-table-pagination span a{font-size:14px;text-decoration: none;color:#212529}