body{background: #e6e4e5 url(../images/web-bg.webp) no-repeat center -15px;}
nav{width: 100%;display: flex;justify-content: flex-end;padding-top: 60px;position: relative;z-index: 1;}
nav .nav-pills .nav-link{color:#333;background-color: #ffffffe6;}
nav .nav-pills {--bs-nav-pills-link-active-bg: #cb0000;gap: 15px}
nav .nav-pills li a{min-width: 100px;text-align: center;}
nav .nav-pills .dropdown-menu {--bs-dropdown-min-width: 100px;  --bs-dropdown-link-active-bg: #cb0000;    background: #ffffffe6;}
nav .nav-pills .dropdown-menu a{font-size: 0.8rem;}
nav .nav-pills .dropdown-item:focus,
nav .nav-pills .dropdown-item:hover {background-color: #cb0000;color: #fff;}
nav .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--bs-nav-pills-link-active-color);background-color: #cb0000bf;}
.banner-text{width:728px;height: 260px;}
.banner-text img{display: none;}
.logo{transform: translateY(-60px);height: 140px;} 
.logo img{width: 200px;}
.no-data{text-align: center;color:#666;min-height: 121px;display: flex;align-items: center;justify-content: center;}
footer{background: #121214;margin-top:40px;}
footer .copyright { display: flex;justify-content: center; align-items: center;color: #5b5b5b;height: 58px;padding-top: 13px;gap: 25px;}
footer .copyright a{color: #5b5b5b}
.no-data-t,
.norecord{background: url(../images/no-data.webp) no-repeat center; width: 100%;height: 260px;background-size: contain;}
.web-title {display: flex;background: #121214d4;justify-content: space-between;height: 70px; align-items: center;padding: 32px;color:#fff}
.web-title .item-title{font-size: 1.5rem;font-weight: bold;}
.web-title .item-position a{text-decoration: none;}
.web-title .item-position a:hover{color: #cb0000;}
.web-title .item-position{height: 20px;    color: #e7e7e7}
.web-title .item-position a{ color: #e7e7e7;}
.web-title .item-position .active{color: #fff;}
.web-tabs{background:#e3e3e3}
.web-tabs ul{display: flex;gap: 10px;}
.web-tabs ul li a{display: block;padding: 20px 50px;color:#000;text-decoration: none;}
.web-tabs ul li a:hover{color: #cb0000;}
.web-tabs ul li.active a{background-color: #fff;font-weight: bold;}
.web-content{background: #fff;min-height: 500px;}
.web-list {padding:50px 120px;}
.web-list .item{display: flex;gap: 10px;justify-content: space-between;}
.web-list .item a{color:#333;text-decoration: none;}
.web-list .item a:hover{color: #cb0000;}
.web-list .item time { width: 100px;flex-shrink: 0; text-align: right;color: #858585;}
.web-list-img{padding:50px 120px;display:grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: auto;grid-column-gap: 20px;grid-row-gap: 20px;}
.web-list-img .item{ flex: 1;}
.web-list-img img{width:100%;cursor:pointer;height: 180px;}
.web-list-img p{margin:0;text-align:center;padding-top:6px;font-size:1rem;color: #cb0000;}
.web-list-img .subtitle{font-size:0.9rem;color: #333;}
.web-page{display: flex;justify-content: center;padding-bottom: 20px;}
.web-page .page-link{color:#333;text-decoration: none;}
.web-page .page-link:hover{color: #cb0000;}
.web-page .active,
.web-page .active:hover{color: #fff;}
.pagination {--bs-pagination-active-bg: #cb0000; --bs-pagination-active-border-color: #cb0000;}

.game-page ul{display: flex;list-style: none;gap: 8px;padding: 0}
.game-page ul a { text-decoration: none; color: #6d6d6d; border: 1px solid #e8e8e8;height: 32px; display: block;min-width: 32px;text-align: center;line-height: 30px; border-radius: 4px;}
.game-page ul a:hover{color: #cb0000;    border: 1px solid #fee1e1;}
.game-page ul .active{background-color:#cb0000 ;color: #fff;}
.game-page ul .disabled{cursor:no-drop;opacity: 0.5;}


.no-bg{background: transparent;}
.info-item{background: #fff;}
.info-item a{text-decoration: none;}
.info-item a:hover{color: #cb0000;}
.info-item h4{background: #eeefec;color: #cb0000;font-size: 1.1rem;padding: 15px 50px;}
.info-item ul{padding: 15px 50px;display: flex;gap: 10px;color:#bdbdbd;margin: 0;flex-wrap: wrap;min-height: 100px}
.info-item ul li a{color: #333;}
.info-item ul li .active{color: #cb0000;}
.info-item ul li:last-child span{display: none;}
.info-item ul li span{padding:0px 10px}
.detail-content{padding:30px 0px;line-height: 30px;}
.detail-title{border-bottom:1px solid #4343434d}
.detail-content img{max-width: 100%}

@media screen and (max-width:1200px){
.web-list,
.web-list-img {padding: 20px;}
.web-tabs ul li {flex: 1;text-align: center;}
.web-tabs ul li a{padding: 14px 0px;}
.web-title .item-position { height: auto;}
.web-title .item-title{flex-shrink: 0; padding-right: 24px;}
.web-title {height: auto;padding: 10px; display: block;}
body {background-size:236%; }
}

@media screen and (max-width:1024px){
nav{padding-top: 20px;}
.banner-text {width: 500px;transform: translateY(-70px); height: 190px; }
.banner-text img{width: 100%;}
footer .copyright p:nth-child(2){display: none;}
.web-list-img img{max-height: 150px;}
}

@media screen and (max-width:768px){
:root { font-size: 12px;} 
nav .nav-pills li a {min-width: auto;}
nav{justify-content: center;}
.logo img{width: 100%;}
.logo {transform: translateY(3px);height: 155px; width: 155px;;margin-left: 0;}
footer {margin-top: 10px;}
footer .copyright{height: 34px;padding-top: 13px;}
body {background: #e6e4e5 url(../images/web-bg-m.webp) no-repeat center 0px;background-size: 100% }
.banner-text{display: none;}
.web-title {height: auto;padding: 10px; display: block;}
.web-title .item-position { padding-top:0}
.web-list,
.web-list-img {padding: 10px;}
.web-list-img{grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;}  
nav .nav-pills { gap: 6px;}
.info-item h4{padding: 15px;}
.info-item ul {padding: 15px;gap: 0px}
.detail-content{font-size: 14px;line-height: 25px;}
.web-page{margin-top: 20px;}
.web-list-img img{max-height: 130px;}
}