/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE. ***************/
/*
section__home
*/
/*sidenar*/
.stuck .header-nav > li > a {
line-height:70px !important;
}
b, strong {
font-weight: 600 !important;
}
@media all {
#custom-widget a {
background-color: transparent;
}
#custom-widget a:active, #custom-widget a:hover {
outline: 0;
}
#custom-widget img {
border: 0;
}
#custom-widget table {
border-collapse: collapse;
border-spacing: 0;
}
#custom-widget td, #custom-widget th {
padding: 0;
}
#custom-widget * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#custom-widget *:before, #custom-widget *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#custom-widget img {
max-width: 100%;
width: auto\9;
height: auto;
}
#custom-widget a:active, #custom-widget a:focus {
outline: none;
}
#custom-widget a {
color: #4db2ec;
text-decoration: none;
}
#custom-widget table {
width: 100%;
}
#custom-widget table th {
text-align: left;
border: 1px solid #ededed;
padding: 2px 8px;
}
#custom-widget table td {
border: 1px solid #ededed;
padding: 2px 8px;
}
#custom-widget .widget a:hover {
text-decoration: none !important;
}
#custom-widget .widget a {
color: #111;
}
#custom-widget .widget a:hover {
color: #4db2ec;
}
#custom-widget .widget_text a {
color: #4db2ec;
}
#custom-widget .widget_text a:hover {
text-decoration: underline !important;
}
#custom-widget *, #custom-widget ::after, #custom-widget ::before {
box-sizing: border-box;
}
#custom-widget a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
#custom-widget a:hover {
color: #0056b3;
text-decoration: underline;
}
#custom-widget img {
vertical-align: middle;
border-style: none;
}
#custom-widget table {
border-collapse: collapse;
}
#custom-widget th {
text-align: inherit;
}
#custom-widget .img-fluid {
max-width: 100%;
height: auto;
}
#custom-widget .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
#custom-widget .row::before,#custom-widget .row::after{
display: none;
}
#custom-widget .col-12, #custom-widget .col-3, #custom-widget .col-9, #custom-widget .col-md-3, #custom-widget .col-md-9 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
}
#custom-widget .col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
#custom-widget .col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
#custom-widget .col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#custom-widget .table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
}
#custom-widget .table td, #custom-widget .table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
#custom-widget .table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
#custom-widget .btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#custom-widget .btn:hover {
color: #212529;
text-decoration: none;
}
#custom-widget .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
#custom-widget .btn:disabled {
opacity: 0.65;
}
#custom-widget .bg-dark {
background-color: #343a40 !important;
}
#custom-widget .bg-white {
background-color: #fff !important;
}
#custom-widget .border {
border: 1px solid #dee2e6 !important;
}
#custom-widget .border-right-0 {
border-right: 0 !important;
}
#custom-widget .border-left-0 {
border-left: 0 !important;
}
#custom-widget .rounded {
border-radius: 0.25rem !important;
}
#custom-widget .float-right {
float: right !important;
}
#custom-widget .position-relative {
position: relative !important;
}
#custom-widget .w-75 {
width: 75% !important;
}
#custom-widget .mb-2 {
margin-bottom: 0.5rem !important;
}
#custom-widget .pr-0, #custom-widget .px-0 {
padding-right: 0 !important;
}
#custom-widget .px-0 {
padding-left: 0 !important;
}
#custom-widget .my-auto {
margin-top: auto !important;
}
#custom-widget .my-auto {
margin-bottom: auto !important;
}
#custom-widget .text-uppercase {
text-transform: uppercase !important;
}
#custom-widget .content .table-content .tr-thead {
background-color: #e3e7f1;
text-align: center;
}
#custom-widget .content .table-content tbody {
text-align: center;
}
#custom-widget .content .table-content tbody .btn-reg {
color: #006eb4!important;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
background-color: #fff;
}
#custom-widget .content .table-content tbody .btn_rate {
color: #fd5900!important;
font-weight: 600;
padding: 10px 13px;
text-transform: uppercase;
background-color: #fff;
}
#custom-widget .content .table-content tbody .stt {
background-color: #fd5900;
padding: 15px 0px;
margin: 0px;
color: #fff;
font-weight: 600;
font-size: 18px;
}
#custom-widget .content .table-content tbody .diem {
background-color: #484848;
padding: 15px 0px;
margin: 0px;
color: #fff;
font-weight: 600;
font-size: 18px;
}
#custom-widget .content .table-content .table {
border-collapse: collapse;
}
#custom-widget .content .table-content .table .tr-thead {
background: #4db2ec;
}
#custom-widget .content .table-content .table, #custom-widget .content .table-content .table th, #custom-widget .content .table-content .table td {
border: 1px solid #dee2e6 !important;
}
#custom-widget .content .table-content .row.border-left-0.border {
border: none !important;
}
#custom-widget .content .table-content .table td.px-md-0 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
text-align: center;
}
#custom-widget .content .table-content .table td a.btn.float-right {
float: none !important;
}
#custom-widget .position-relative {
position: relative !important;
}
#custom-widget .content .table-content .table td a.btn {
text-decoration: none;
}
}
@media all and (min-width: 768px) {
#custom-widget .col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
#custom-widget .col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media all and (prefers-reduced-motion: reduce) {
#custom-widget .btn {
transition: none;
}
}
@media all and (min-width: 768px) {
#custom-widget .px-md-0 {
padding-right: 0 !important;
}
#custom-widget .px-md-0 {
padding-left: 0 !important;
}
}
@media all and (max-width: 767px) {
#custom-widget .content .table-content .table td a.btn {
width: 100%;
}
}
#custom-widget a, #custom-widget .widget a:hover {
color: #2e7d32;
}
@media screen {
#custom-widget .table {
background: #fff;
}
#custom-widget .custom-widget .table-content tbody .stt, #custom-widget .custom-widget .table-content tbody .diem {
padding: 8px 0px;
font-size: 15px;
text-align: center
}
#custom-widget .custom-widget .table-content tbody .btn-reg, #custom-widget .custom-widget .table-content tbody .btn_rate {
padding: 3px 16px;
font-size: 15px;
}
#custom-widget .custom-widget .table-content tbody .btn_rate {
padding: 3px 12px;
}
#custom-widget ::-webkit-scrollbar {
width: 5px;
height: 5px;
}
#custom-widget ::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #686868;
}
#custom-widget ::-webkit-scrollbar-track {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #efefef;
}
#custom-widget ::selection {
background: #ba2020;
color: #fff;
text-shadow: 1px 1px 2px #888;
}
}
.footer-wrapper .section__home .post-item .box-text .post-title {
color:#fff;
}
.title__game {
border:0;
margin:0 0 15px 0;
}
.title__game .section-title {
margin:0;
border:1px solid #53050c !important;
padding:5px 0;
}
.title__game b {
opacity: 0;
visibility:hidden;
}
.section__home .post-item {
padding-bottom: 15px;
}
.section__home .post-item {
overflow: hidden;
}
.section__home .post-item .box-image {
width: 115px !important;
float: left;
}
.section__home .post-item .box-image .image-cover {
padding-top: 75px !important;
}
.section__home .post-item .box-image .image-cover img {
width: 100%;
height: 75px ;
object-fit:cover;
}
.section__home .post-item .box-text {
padding: 0px 0 0 12px;
float: right;
width: calc(100% - 115px) !important;
}
.section__home .post-item .box-text .post-title {
color: #333;
line-height: 22px;
margin: 0;
font-size: 14px;
max-height: 66px;
overflow: hidden;
}
.box__sec__Ct {
background: #fbf4da;
height: 500px;
overflow: auto;
padding: 0;
border-radius: 10px;
}
.box__sec__Ct {
padding: 20px;
color:#333;
}
.box__sec__Ct::-webkit-scrollbar-thumb {
background-color: #d61515 ;
}
.box__sec__Ct::-webkit-scrollbar {
width: 10px;
background-color: #fff;
}
.box__sec__Ct strong , .box__sec__Ct b {
font-weight: 600 !important;
}
.box__sec__Ct h2 {
font-size:19px;
}
.box__sec__Ct h3 {
font-size:17px;
}
.box__sec__Ct h4 {
font-size:15px;
}
.section__home .small-columns-1 {
margin-bottom: 20px;
}
#home_list_game .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
#home_list_game .fa-download:before {
content: "\f019";
}
#home_list_game .fa-eye:before {
content: "\f06e";
}
#home_list_game .fas {
font-family: "Font Awesome 5 Free";
}
#home_list_game .fas {
font-weight: 900;
}
#home_list_game *, #home_list_game ::after, #home_list_game ::before {
box-sizing: border-box;
}
#home_list_game section {
display: block;
}
#home_list_game p {
margin-top: 15px;
margin-bottom: 0;
}
#home_list_game ul {
margin-top: 0;
margin-bottom: 1rem;
}
#home_list_game a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
#home_list_game a:hover {
color: #0056b3;
text-decoration: underline;
}
#home_list_game img {
vertical-align: middle;
border-style: none;
}
#home_list_game svg {
overflow: hidden;
vertical-align: middle;
}
#home_list_game .img-fluid {
max-width: 100%;
height: auto;
}
#home_list_game .btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
#home_list_game .btn {
transition: none;
}
}
#home_list_game .btn:hover {
color: #212529;
text-decoration: none;
}
#home_list_game .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
#home_list_game .btn:disabled {
opacity: 0.65;
}
#home_list_game .btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
#home_list_game .btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
#home_list_game .btn-success:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5);
}
#home_list_game .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
#home_list_game .btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
#home_list_game .d-block {
display: block !important;
}
#home_list_game .mb-1 {
margin-bottom: 0.25rem !important;
}
@media print {
#home_list_game *, #home_list_game ::after, #home_list_game ::before {
text-shadow: none !important;
box-shadow: none !important;
}
#home_list_game a:not(.btn) {
text-decoration: underline;
}
#home_list_game img {
page-break-inside: avoid;
}
#home_list_game p {
orphans: 3;
widows: 3;
}
}
#home_list_game .jq-ry-normal-group {
display: none;
}
#home_list_game .dealer-list {
padding: 0;
margin: 0;
list-style-type: none;
}
#home_list_game .dealer-list-item {
margin-left: 0;
display: flex;
flex-wrap: wrap;
border: 1px solid #eee;
margin-bottom: 20px;
position: relative;
background-color: #fff;
}
#home_list_game .dealer-icon-top {
position: absolute;
width: 25px;
height: 25px;
top: 50%;
transform: translateY(-50%);
left: 5.5%;
}
#home_list_game .dealer-meta {
display: flex;
flex-direction: column;
text-align: center;
flex-basis: 7%;
width: 7%;
max-width: 7%;
font-size: 20px;
}
#home_list_game .dealer-position {
background-color: #555;
color: #fff;
height: 50%;
font-weight: 500;
line-height: 3;
}
#home_list_game .dealer-point {
background-color: #de1219;
color: #ffe351;
height: 50%;
font-weight: 500;
line-height: 3;
font-size: 18px;
}
#home_list_game .dealer-img {
flex-basis: 30%;
width: 30%;
max-width: 30%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
#home_list_game .dealer-img img {
margin: 0 auto;
max-width: 90%;
height: auto;
display: block;
width: 80px;
}
#home_list_game .dealer-info {
display: flex;
flex-basis: calc(63% - 140px);
width: calc(63% - 140px);
max-width: calc(63% - 140px);
justify-content: center;
flex-direction: column;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
padding-left: 15px;
padding-right: 15px;
}
#home_list_game .dealer-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
}
#home_list_game .dealer-title a {
font-weight: 700;
font-size: 16px;
color: #04267f;
}
#home_list_game .vote-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#home_list_game .jq-ry-rated-group.jq-ry-group {
line-height: 13px;
}
#home_list_game .count-star {
line-height: 15px;
margin-right: auto;
margin-left: 15px;
}
#home_list_game .dealer-pro-info {
flex-basis: 23%;
width: 23%;
max-width: 23%;
padding-left: 15px;
padding-right: 15px;
display: flex;
align-items: center;
font-weight: 400;
text-align: justify;
line-height: 1.5;
font-size: 16px;
}
#home_list_game .dealer-btn {
text-align: center;
flex-basis: 140px;
width: 140px;
max-width: 140px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding: 15px 15px 15px 5px;
}
#home_list_game .dealer-btn > a:nth-child(1) {
background:red !important;
border:1px solid red !important;
}
#home_list_game .dealer-btn span {
font-size: 14px;
}
#home_list_game .dealer-list-item-mobile {
display: none;
}
@media (max-width: 767.98px) and (min-width: 310px) {
#home_list_game .dealer-list-item {
display: none;
}
#home_list_game .dealer-list-item-mobile {
display: block;
position: relative;
border: 2px solid #eee;
background: #fff;
padding: 0;
margin: 0 0 10px 0;
}
#home_list_game .dealer-item-body-mobile {
display: flex;
flex-wrap: wrap;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px dashed #ececec;
}
#home_list_game .dealer-item-left-mobile {
flex-basis: 15%;
width: 15%;
max-width: 15%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 0 12px 0 0;
}
#home_list_game .dealer-item-right-mobile {
flex-basis: 85%;
width: 85%;
max-width: 85%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
#home_list_game .position-mobile, #home_list_game .point-mobile {
display: inline-block;
width: 100%;
text-align: center;
font-weight: 700;
padding: 14px 0;
font-size: 16px;
line-height: 20px;
}
#home_list_game .position-mobile {
background-color: #555;
color: #fff;
}
#home_list_game .point-mobile {
background-color: #de1219;
color: #ffe351;
}
#home_list_game .dealer-logo-mobile, #home_list_game .dealer-info-mobile {
flex-basis: 50%;
width: 50%;
max-width: 50%;
cursor: pointer;
}
#home_list_game .dealer-logo-mobile img {
display: block;
margin: 0 auto;
max-width: 60%;
width: 80px;
}
#home_list_game .dealer-info-mobile {
padding: 10px 10px 0;
}
#home_list_game .dealer-desc-mobile {
flex-basis: 100%;
width: 100%;
max-width: 100%;
padding: 0 15px;
margin-top: 0.5rem;
font-size: 14px;
}
#home_list_game .dealer-name-mobile a {
color: #fff;
font-weight: 700;
font-size: 13px;
text-align: center;
}
}
#home_list_game .dealer-block {
margin-bottom: 2rem;
}
#home_list_game .dealer-header {
display: flex;
flex-wrap: wrap;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 4px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: 10px 0;
margin-bottom: 10px;
}
#home_list_game .dealer-header .dealer-name {
flex-basis: 40%;
width: 40%;
max-width: 40%;
}
#home_list_game .dealer-header .dealer-promotion {
flex-basis: 60%;
width: 60%;
max-width: 60%;
}
@media (max-width: 767.98px) and (min-width: 310px) {
#home_list_game .dealer-header {
display: none;
}
}
/*#home_list_game {
display: none;
}*/
body {
font-family: "Arial" !important;
}
.hot-quick-box {
background: url(https://csi.20icipp.com/img/static/shbet/desktop/home-quick-bg.jpg) 50%/cover no-repeat;
margin: 0 auto 20px;
overflow: hidden;
position: relative;
}
.hot-quick-box:before {
content: "";
float: left;
padding-bottom: 24.715%;
width: 100%;
}
.hot-quick-box .hot-inner {
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hot-quick-box .hot-inner .hot-box:first-child {
left: -66px;
transform: skewX(
-20deg
);
}
/*
section__nhacai
*/
.section__nhacai .col.large-12 {
padding-bottom: 0;
}
.section__nhacai .category_item {
width: 100% !important;
padding: 0 5px !important;
margin-bottom: 10px !important;
position: relative;
border-radius: 15px;
overflow: hidden;
display: block;
}
.section__nhacai .category_item a {
display: block;
background: #fff;
padding: 5px;
width: 100%;
}
.category_item img {
height: 98px;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin: auto;
}
.category_item .decor {
position: absolute;
top: 0px;
left: 4px;
width: 30px;
height: 20px;
color:#fff;
border-radius: 10px 0 10px 0;
/*background-color: var(--color-secondary);*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: .8em;
background:#ababab;
}
.section__tt {
padding-bottom: 0 !important;
}
.section__tt .box .box-text {
padding:0;
}
.section__tt .box .box-text p {
bottom: 10px;
color: #000;
font-size: 21px;
line-height: 1.6;
position: absolute;
right: 10px;
text-align: right;
margin: 0;
text-transform: uppercase;
font-family: auto;
}
.section__tt li {
margin:0 !important;
}
.section__tt .col.large-12 {
padding-bottom: 0 !important;
}
.hot-quick-box .hot-inner .hot-box {
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
width: 31%;
z-index: 3;
}
.hot-quick-box .hot-inner .hot-box.sports h3 {
background: url(https://csi.20icipp.com/img/static/shbet/desktop/home-title-sports.png) 50%/contain no-repeat;
transform: skewX(
20deg
);
}
.hot-quick-box .hot-inner .hot-box h3 {
font-size: 0;
height: 60px;
left: 0;
position: absolute;
text-align: center;
top: 5px;
width: 100%;
}
.hot-quick-box .hot-inner .hot-box.sports .hot-cover {
background: url(https://csi.20icipp.com/img/static/shbet/desktop/home-sports.png) center 10px/cover no-repeat;
left: 20px;
transform: skewX(
20deg
);
}
.hot-quick-box .hot-inner .hot-box .hot-cover {
bottom: 0;
height: 240px;
left: 0;
position: absolute;
transition: .3s ease;
width: 100%;
}
.hot-quick-box .hot-inner .hot-box:nth-child(2) {
left: 50%;
transform: translateX(-50%);
width: 58%;
z-index: 2;
}
.hot-quick-box .hot-inner .hot-box.live h3 {
background: url(https://csi.20icipp.com/img/static/shbet/desktop/home-title-live2.png) 50%/contain no-repeat;
top: 8px;
}
.hot-quick-box .hot-inner .hot-box:nth-child(3) {
right: -68px;
transform: skewX(
20deg
);
}
.hot-quick-box .hot-inner .hot-box.chess h3 {
background: url(https://csi.20icipp.com/img/static/shbet/desktop/home-title-chess.png) 50%/contain no-repeat;
top: 8px;
transform: skewX(
-20deg
);
}
.hot-quick-box .hot-inner .hot-box.chess .hot-cover {
background: url(https://csi.20icipp.com/img/static/shbet/desktop/home-chess.png) center 80%/60% no-repeat;
left: -20px;
transform: skewX(
-20deg
);
}
.hot-quick-box .hot-inner .hot-box.live .hot-cover {
background: url(https://csi.20icipp.com/img/static/shbet/desktop/home-live.png) bottom/92% no-repeat;
}
#top-bar {
background: linear-gradient(180deg,#085bd7,#6acbf7);
}
.hot-quick-box .hot-inner .hot-box:hover .hot-cover {
}
.section__huongdan {
padding-bottom: 0 !important;
}
.section__huongdan .icon-box {
padding: 10px;
border: 2px solid #307a9b;
margin-bottom: 20px;
display: flex;
align-items: center;
border-radius: 10px;
}
.section__huongdan1 .icon-box {
padding-bottom:0;
}
.section__huongdan .icon-box h3 ,
.section__huongdan1 .icon-box h3 {
font-size:15px;
color:#333;
margin:0 0 6px 0;
}
.section__huongdan .col.medium-4 ,
.section__huongdan1 .col.medium-4 {
padding-bottom: 0;
}
.section__huongdan .icon-box p ,
.section__huongdan1 .icon-box p {
margin: 0;
font-size: 13px;
}
.section__salel .col.small-12{
padding-bottom: 0 !important;
}
.section__huongdan .section-title {
margin-bottom: 25px;
}
.section__thang {
padding: 10px 0 !important;
}
.section__thang .row__row > .col.large-6 {
/*padding: 0;*/
}
.section__thang .row__row > .col.large-:nth-child(1) {
/*padding-right: 3px;*/
}
.section__thang .row__row > .col.large-6:nth-child(2n) {
/*padding-left: 3px;*/
}
.section__thang .section-title-container {
margin: 0;
}
.firework {
width: 100vw;
height: 100vh;
display: block;
position: fixed;
z-index: -1;
}
.section__news .col.large-12 {
padding-bottom: 0 !important;
}
.section__news {
padding-bottom: 10px !important;
}
.date__time {
padding: 5px 0 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 11px;
}
audio, canvas, progress, video {
display: inline-block;
position: fixed !important;
}
canvas {
top: 0;
width: 100%;
}
.section__thang #slick-next ,
.section__thang #slick-prev {
display: none !important;
}
.slider__vetical {
padding-left: 0 !important;
padding-bottom: 0 !important;
}
.row__sl_img {
padding-right: 0 !important;
padding-bottom: 0 !important;
}
.section__thang .icon-box {
overflow: hidden;
border: none;
/*border-bottom: 1px solid #ccc;*/
/*border-top: 1px solid #ccc;*/
padding: 6.2px 7px;
width: 100%;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#2f2f31),to(#09060d));
background: linear-gradient(
180deg
,#2f2f31,#09060d);
-webkit-transition: all .5s ease;
transition: all .5s ease
align-items: center;
display: flex;
cursor: pointer;
transition: all 400ms ease;
-webkit-transition: all 400ms ease;
}
.section__thang .icon-box:hover {
background: #000;
}
.section__hca {
padding-top: 20px !important;
}
.section__hca .section-content > .img {
display: block;
margin: auto;
}
.section__thang .icon-box .icon-box-img img {
width: 76px !important;
height: 40px !important;
object-fit: cover;
padding: 0;
}
.section__thang .slick-vertical .slick-slide {
border-top: 0 !important;
}
.row__sl_img .slider img {
width: 100%;
height: 263px !important;
object-fit: cover;
}
.section__thang .icon-box .icon-box-text p {
color: #b3ffd6;
margin: 0;
font-size: 13px;
font-weight: 400;
}
.section__thang .icon-box .icon-box-text p img {
max-width: 14px;
width: 14px;
height: 14px;
display: inline-block;
margin-right: 5px;
}
.section__thang .icon-box .icon-box-text p.img__coin {
color: #fee71b;
font-size: 11px;
margin: 0;
}
.box__nen h3 {
color: #fff;
font-size: 16px;
margin: 3;
text-transform: uppercase;
}
.section__salel .icon-box {
padding: 5px 10px 5px 61px;
/* border-radius: 5px; */
/* background: #000; */
/* border: 1px solid #f9bb1f; */
background: url(images/bgb.png)no-repeat;
background-size: 100%;
}
.section__salel .icon-box img {
max-height: 50px;
}
.section__salel .section__salel__1 .col .icon-box {
background: #000;
border: 1px solid #f9bb1f;
}
/*.section__salel .section__salel__1 .col:nth-child(3) .icon-box {
background: #21c673;
}
.section__salel .section__salel__1 .col:nth-child(4) .icon-box {
background: #ff462d;
}
.section__salel .icon-box:hover {
background: #0e579d;
}
.section__salel .section__salel__1 .col:nth-child(4) .icon-box {
background: #0c6efd;
}
.section__salel .section__salel__1 .col:nth-child(2) .icon-box {
background: #ff462d;
}
.section__salel .section__salel__1 .col:nth-child(3) .icon-box {
background: #21c673;
}
*/
.section__salel .icon-box:hover {
/*background: #313131;*/
}
/*
.section__salel .section__salel__1 .col:nth-child(2) .icon-box:hover {
background: #0c6efd;
}
.section__salel .section__salel__1 .col:nth-child(3) .icon-box:hover {
background: #ff462d;
}
*/
.section__salel .icon-box .icon-box-img {
width: 25px !important;
}
.section__salel .icon-box .icon-box-text {
width: calc(100% - 30px);
padding-left: 43px;
}
.section__salel .icon-box .icon-box-text h3 {
color: #fff;
font-size: 15px;
font-weight: 600;
margin: 0;
}
.section__salel .icon-box .icon-box-text p {
color: #f9bb1f;
font-size: 12px;
font-weight: 500;
margin: 0;
font-style: italic;
}
.header-bottom .nav > li > a {
font-family: "Arial" !important;
font-weight: 400 !important;
font-size: 14px;
padding: 0 9px;
text-transform: uppercase;
line-height: 46px;
color: #333 !important;
}
.header-bottom .nav > li > a:hover {
color: #fff !important;
background: #000;
}
body {
font-family: "Arial" !important;
}
.float_box-left {
position: fixed;
top: 240px;
left: 10px;
z-index: 3020;
}
.float_aside-nav {
position: relative;
width: 280px;
height: 340px;
}
.float_aside-nav_icon-download {
background-image: url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-tai-app.png);
}
.float_aside-nav_item, .float_aside-nav_menu {
position: absolute;
top: 0;
left: -90px;
bottom: 0;
right: 0;
margin: auto;
color: #f9c369;
text-align: center;
text-decoration: none;
-webkit-transition: all .5s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
.float_aside-nav_menu {
border-radius: 50%;
transition: all .5s;
width: 130px;
height: 130px;
background-size: contain!important;
-webkit-animation: rota 5s ease 1.4s infinite;
animation: rota 5s ease 1.4s infinite;
z-index: 1;
}
.float_aside-nav_icon-about {
background: url(images/aside-dang-ky.png) no-repeat;
}
.float_aside-nav_icon-agent {
background: url(images/aside-dai-ly.png) no-repeat;
}
.float_aside-nav_icon-activity {
background: url(images/aside-khuyen-mai.png) no-repeat;
}
.float_aside-nav_icon-faq {
background: url(images/aside-quy-dinh.png) no-repeat;
}
.float_aside-nav_item:hover {
border-width: 0;
border-color: #8d6246;
}
.float_aside-nav:hover .float_aside-nav_item {
opacity: 1;
}
.deposit-ranking-detail{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;bottom:0;width:525px;height:295px;border-radius:10px;color:#fff;background-color:#261f26;-webkit-box-shadow:0 5px 18px 2px rgba(20,20,20,.4);box-shadow:0 5px 18px 2px rgba(20,20,20,.4)}.deposit-ranking-detail .dr-close{position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-8px;right:-8px;width:32px;height:32px;color:#141414;color:rgba(20,20,20,.5);font-size:28px;cursor:pointer;border-radius:16px;background-color:#fff;-webkit-box-shadow:0 5px 18px 2px rgba(20,20,20,.5);box-shadow:0 5px 18px 2px rgba(20,20,20,.5)}.deposit-ranking-detail .dr-close,.deposit-ranking-detail .dr-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deposit-ranking-detail .dr-header{height:45px;font-size:19px;background-color:#bd1010}.deposit-ranking-detail .dr-header .mps-sports{color:#febf4e;margin:0 5px 0 20px}.deposit-ranking-detail .dr-marquee{position:relative;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#e29212}.deposit-ranking-detail .dr-marquee .marquee-block{position:absolute;z-index:1;width:100%;height:30px;line-height:30px;background-color:#e29212}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-news{position:relative;margin:0 auto}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap{position:relative;margin:auto}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .visible-area{position:relative;width:100%;height:30px;overflow:hidden}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .visible-area .marquee-content{position:absolute;white-space:nowrap;-webkit-animation:scrollLeft linear infinite;animation:scrollLeft linear infinite}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .visible-area .marquee-content.scrollLeft{padding-left:550px}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .marquee-content .marquee-item{color:#fff;margin-left:5px;margin-right:30px;font-weight:400;font-size:14px;cursor:pointer}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .marquee-content .marquee-item i{margin-top:3px;margin-right:5px}.deposit-ranking-detail .dr-content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.deposit-ranking-detail .dr-content,.deposit-ranking-detail .dr-left-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.deposit-ranking-detail .dr-left-box{width:215px;height:100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;padding:20px}.deposit-ranking-detail .dr-left-item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deposit-ranking-detail .dr-left-item .player-id{font-size:18px;font-weight:900;text-transform:uppercase}.deposit-ranking-detail .dr-left-item .mps-coin-fill{color:#febf4e;font-size:22px;margin-top:5px}.deposit-ranking-detail .dr-left-item .money{font-size:18px;font-weight:500;color:#ffcd57;margin-top:5px}.deposit-ranking-detail .rank{font-family:Avenir;font-size:12px;font-weight:900;color:#fff;padding:5px 8px 5px 7px;border-radius:10px;margin-right:5px}.deposit-ranking-detail .top-1{-webkit-box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(255,248,230,.91);box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(255,248,230,.91);background-color:#fda200}.deposit-ranking-detail .top-2{-webkit-box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px hsla(0,0%,83.9%,.91);box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px hsla(0,0%,83.9%,.91);background-color:#939dba}.deposit-ranking-detail .top-3{-webkit-box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(245,180,116,.91);box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(245,180,116,.91);background-color:#aa6538}.deposit-ranking-detail .dr-right-box{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;overflow:hidden}.deposit-ranking-detail .dr-right-box,.deposit-ranking-detail .dr-right-box>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.deposit-ranking-detail .dr-right-box>div{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:47px;padding:0 10px;-webkit-box-shadow:inset 0 -1px 0 0 #37363c;box-shadow:inset 0 -1px 0 0 #37363c;background-image:-webkit-gradient(linear,left bottom,left top,from(#201e20),to(#2b292c));background-image:linear-gradient(0deg,#201e20,#2b292c)}.deposit-ranking-detail .dr-right-box .right-item-rank{font-size:13px;color:#febf4e;margin-right:5px}.deposit-ranking-detail .dr-right-box .player-id{font-size:15px;text-transform:uppercase}.deposit-ranking-detail .dr-right-box .money-box{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:12px;padding:3px 27px 1px 3px;margin-left:10px;-webkit-box-shadow:inset 0 -1px 1.9px .1px rgba(0,0,0,.96);box-shadow:inset 0 -1px 1.9px .1px rgba(0,0,0,.96);background-color:#000}.deposit-ranking-detail .dr-right-box .mps-coin-fill{color:#febf4e;font-size:18px}.deposit-ranking-detail .dr-right-box .money{font-size:15px;font-weight:500;color:#ffcd57}
.deposit-ranking-container{position:fixed;left:20px;bottom:40px;z-index:20}.deposit-ranking-container .dr-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;border-radius:30px;background-color:#bd1010;-webkit-box-shadow:0 5px 18px 2px rgba(20,20,20,.4);box-shadow:0 5px 18px 2px rgba(20,20,20,.4);cursor:pointer}.deposit-ranking-container .dr-btn i{color:#febf4e;font-size:35px}
.not-found{width:100%;height:500px;text-align:center;padding-top:60px}.not-found .not-found-title{color:#feb000;line-height:50px;font-size:24px}.not-found .not-found-desc{color:#feb000;font-size:18px;line-height:30px}
.ad-WebpageShare iframe{margin:0;padding:0;border:none;height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden}.ad-WebpageShare .ad-image{position:relative;width:400px;height:300px;background-color:#fff;background-size:contain;cursor:pointer}.ad-WebpageShare .mps-close{position:absolute;top:-20px;right:-20px;width:40px;height:40px;line-height:40px;border-radius:20px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.31);box-shadow:0 2px 4px 0 rgba(0,0,0,.31);background-color:#fff;color:#777;font-size:34px;text-align:center;cursor:pointer}
.app.signup .main-wrap.signup .white-container .container{padding:20px 30px 0}
.app.signup .main-wrap.signup .white-container .container .nrc-form-item{margin-bottom:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.app.signup .main-wrap.signup .white-container .container .nrc-form-label{width:130px;padding:0;white-space:nowrap;text-align:left}
.app.signup .main-wrap.signup .white-container .container .nrc-form-input{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;width:calc(100% - 130px)}
.app.signup .main-wrap.signup .white-container .container .nrc-form-input .react-tel-input{width:100%}.app.signup .main-wrap.signup .white-container .container .nrc-form-input input{margin-right:0;width:100%}
.app.signup .main-wrap.signup .white-container .container .nrc-form-input small{line-height:1.4;font-weight:400}
.app.signup .main-wrap.signup:after{content:"";position:absolute;right:0;top:0;width:320px;height:100%;background:url(https://csi.20icipp.com/img/static/789bet/custom/banner/banner-modal.png) bottom/cover no-repeat}.snowflake{color:#fff;font-size:1em;font-family:Arial;-webkit-animation-name:fall;animation-name:fall;top:-100vh;text-shadow:0 0 1px #000;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}@-webkit-keyframes fall{to{-webkit-transform:translateY(200vh);transform:translateY(200vh)}}@keyframes fall{to{-webkit-transform:translateY(200vh);transform:translateY(200vh)}}footer{background-color:#1d1d1d;background-image:url(https://csi.20icipp.com/img/static/789bet/custom/footer/bg-footer.jpg)}footer .footer-title{height:75px;color:#f5dab2;font-size:20px}footer .footer-main{padding:20px 0;width:1300px;margin:auto}footer .footer-row{display:-webkit-box;display:-ms-flexbox;display:flex}footer .footer-row>*{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 30px 20px}footer .footer-logo{margin:0 auto 10px;width:109px;height:65px;background:url(https://csi.20icipp.com/img/static/desktop/brand/789bet/logo.png) 0/cover no-repeat}footer .footer-intro{color:#fff;font-size:16px;text-align:justify}footer .footer-intro span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer!important}footer .footer-intro span:hover{color:#feb000}footer .footer-links-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}footer .footer-links-wrap .footer-links{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:30px}footer .footer-links-wrap .footer-links a{margin-bottom:10px;display:block;color:#fff;font-size:16px;text-decoration:none;white-space:nowrap;-webkit-transition:color .3s;transition:color .3s}footer .footer-links-wrap .footer-links a:hover{color:#faa011}footer .logo-bank li{float:left;list-style:none}footer .logo-bank li .img-card{display:inline-block;background-size:contain;background-repeat:no-repeat;cursor:pointer;margin:10px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(1) opacity(.8);filter:grayscale(1) opacity(.8)}footer .logo-bank li .img-card:hover{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}footer .footer-logo-wrap{margin-bottom:15px}footer .footer-logo-wrap .footer-title{height:auto;margin-bottom:0}footer .footer-logo-wrap .footer-logo-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .copy{text-align:center;color:#fff}.marquee-container{position:relative;z-index:12}.marquee-container .marquee-block{position:absolute;width:100%;min-width:1300px;z-index:1;line-height:40px;height:40px;background-color:#000;background-color:rgba(0,0,0,.5)}.marquee-container .marquee-block .marquee-news{position:relative;width:1300px;margin:auto}.marquee-container .marquee-block .marquee-news .news.marquee-wrap{position:relative;margin:auto;width:100%;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area{position:relative;height:100%;overflow:hidden}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .marquee-content{position:absolute;white-space:nowrap}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .marquee-content.scrollLeft{padding-left:1300px;-webkit-animation:scrollLeft linear infinite;animation:scrollLeft linear infinite}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area .marquee-item{margin-right:30px;font-size:15px;color:#fff;font-weight:400}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area .marquee-item:first-child{margin-left:10px}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area .marquee-item:last-child{margin-right:0}.marquee-container .marquee-block .marquee-news .news-title{display:none}.app.root .marquee-container{position:absolute;left:0;top:calc(34.363vw + 146px);width:100%}@media screen and (max-width:1300px){.app.root .marquee-container{top:592.719px}}.app.root .marquee-container .marquee-block{background-color:transparent;line-height:50px;height:50px}.app.root .marquee-container .marquee-block .marquee-news{width:100%}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news{height:50px}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .maintenances-item-date,.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .maintenances-item-name{margin-right:5px}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .marquee-content.scrollLeft .marquee-item{color:#1c1820;margin:0 10px;padding:8px 15px;font-size:14.4px;font-size:.9rem;border-radius:50px;background-color:#f9bb1f;font-weight:700}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .marquee-content.scrollLeft .marquee-item:before{content:attr(data-content);color:#fff;border-radius:20px;background-color:#da494b;padding:3px 9px;margin-right:5px;font-size:13px;font-weight:400}@-webkit-keyframes scrollLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes scrollLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}
.float_box-right{position:fixed;top:200px;right:10px;z-index:3020}.float_box-left{position:fixed;top:240px;left:10px;z-index:3020}
.float_shortcut-box{display:inline-block;width:70px;height:365px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/float_shortcut-box2.png) no-repeat top transparent}.float_shortcut-box_list{width:100%;height:100%;padding:1px;border-radius:7px}
.float_shortcut-box_list .close{width:22px;height:22px;margin:0 auto;cursor:pointer}.float_shortcut-box_item{width:100%;height:70px;position:relative;border-radius:8px;margin:0 0 2px}.float_shortcut-box_item.qr-box-warp:hover .qr-box,.float_shortcut-box_item.qr-box-warp:hover .qr-box2{opacity:1;display:block}.float_shortcut-box_link{display:inline-block;width:100%;height:100%}.float_shortcut-box_link:hover{background:#000;background:rgba(0,0,0,.2);border-radius:10px}.float_shortcut-box .qr-box{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:70px;opacity:0;display:none;padding-right:5px}.float_shortcut-box .qr-box.text{padding-right:18px}.float_shortcut-box .qr-box.text a{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;width:auto;height:auto;font-size:15px;color:#fff;text-decoration:none;background:#000;background:rgba(0,0,0,.8);border-radius:10px}.float_shortcut-box .qr-box.text a:before{content:"";position:absolute;right:-10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-color:transparent transparent transparent #000;border-color:transparent transparent transparent rgba(0,0,0,.8);border-style:solid;border-width:8px 0 8px 10px}.float_shortcut-box .qr-box2{position:absolute;width:340px;bottom:-34px;right:0;opacity:0;display:none;padding-right:5px}.float_shortcut-box .qr-box2 a{display:inline-block;width:132px;height:132px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/float-qr-warp.png) no-repeat}.float_shortcut-box .qr-box2 a img{width:115px;height:115px;display:block;margin-top:8px;margin-left:4px}.float_shortcut-box .qr-box2 a p{color:#fff;text-align:center;line-height:1.5;padding-right:10px}.float_shortcut-box .qr-box a{display:inline-block;width:132px;height:132px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/float-qr-warp.png) no-repeat}.float_shortcut-box .qr-box a img{width:115px;height:115px;display:block;margin-top:8px;margin-left:4px}.float_shortcut-box .qr-box a p{color:#fff;text-align:center;line-height:1.5;padding-right:10px}.float_aside-nav{position:relative;width:280px;height:340px}.float_aside-nav_menu{border-radius:50%;transition:all .5s;width:130px;height:130px;background-size:contain!important;-webkit-animation:rota 5s ease 1.4s infinite;animation:rota 5s ease 1.4s infinite;z-index:1}.float_aside-nav_item,.float_aside-nav_menu{position:absolute;top:0;left:-90px;bottom:0;right:0;margin:auto;color:#f9c369;text-align:center;text-decoration:none;-webkit-transition:all .5s;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}.float_aside-nav_item{border-radius:50%;transition:all .5s;display:inline-block;width:125px;height:120px;background-position:50% 50%;background-origin:border-box;opacity:.8;-webkit-transition:1s ease;transition:1s ease;border:50px dashed rgba(255,255,0,0)}.float_aside-nav_item:hover{border-width:0;border-color:#8d6246}.float_aside-nav_icon-download{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-tai-app.png)}.float_aside-nav_icon-about{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-dang-ky.png)}.float_aside-nav_icon-agent{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-dai-ly.png)}.float_aside-nav_icon-activity{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-khuyen-mai.png)}.float_aside-nav_icon-faq{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-quy-dinh.png)}.float_aside-nav .close-button{display:inline-block;position:absolute;top:67%;left:10%;width:23px;height:23px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/icon-close.png) no-repeat 50% #000;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/icon-close.png) no-repeat 50% rgba(0,0,0,.41961);border-radius:50%;cursor:pointer;overflow:hidden}
.float_aside-nav .close-button:hover:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#000;background:rgba(0,0,0,.3)}.float_aside-nav:hover .float_aside-nav_item{opacity:1}
.float_aside-nav:hover .float_aside-nav_icon-download{-webkit-transform:scale(1.1);transform:scale(1.1)}.float_aside-nav:hover .float_aside-nav_item-1{-webkit-transform:translate3d(10%,-125%,0);transform:translate3d(10%,-125%,0)}
.float_aside-nav:hover .float_aside-nav_item-2{-webkit-transform:translate3d(110%,-56%,0);transform:translate3d(110%,-56%,0)}.float_aside-nav:hover .float_aside-nav_item-3{-webkit-transform:translate3d(105%,70%,0);transform:translate3d(105%,70%,0)}.float_aside-nav:hover .float_aside-nav_item-4{-webkit-transform:translate3d(-5%,125%,0);transform:translate3d(-5%,125%,0)}.float_aside-nav_item:hover .float_aside-nav_menu{-webkit-animation:jello 1s;animation:jello 1s}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}@-webkit-keyframes rota{0%,50%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}25%,75%{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes rota{0%,50%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}25%,75%{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}}.home-carousel{width:100%;height:34.363vw;overflow:hidden;position:relative}@media screen and (max-width:1300px){.home-carousel{height:446.719px}}.home-carousel .nrc-carousel,.home-carousel .nrc-carousel .carousel-wrapper{position:relative;height:100%}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item{width:100%;height:34.363vw;left:50%;display:none}@media screen and (max-width:1300px){.home-carousel .nrc-carousel .carousel-wrapper .carousel-item{height:446.719px}}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item img{position:relative;left:-50%;width:auto!important;min-width:100%}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.prev{display:-webkit-box;display:-ms-flexbox;display:flex}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active{opacity:1}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next.left,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.prev.right{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active.right,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next{-webkit-transform:translate3d(100%,0,0) scale(1);transform:translate3d(100%,0,0) scale(1)}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active.left,
.float_shortcut-box_item {
list-style: none;
}
.float_shortcut-box {
display: inline-block;
width: 70px;
height: 287px;
background: url(images/float_shortcut-box2.png) no-repeat top transparent !important;
}
.footer-1 {
background:#333;
}
/*
colum__slider
*/
.colum__slider .box {
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(80%,#fdbb2d));
background: linear-gradient(180deg,#fff,#fdbb2d 80%);
color: #000;
font-size: 20px;
letter-spacing: -1;
}
.colum__slider .box .box-text {
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(80%,#fdbb2d));
background: linear-gradient(180deg,#fff,#fdbb2d 80%);
color: #000;
font-size: 20px;
letter-spacing: -1;
padding: 26px 30px;
}
.colum__slider .box .box-text p {
text-align: justify;
line-height: 30px;
font-size: 18px;
}
.colum__slider .box .box-image img {
width: 100%;
height: 434px;
object-fit: cover;
}
.one__one {
color: #fff;
margin: 0 10px;
padding: 0 20px;
font-size: 14.4px;
font-size: .9rem;
border-radius: 50px;
font-weight: 700;
height: 33px;
line-height: 33px;
display: inline-block;
}
.colum_daga .box .box-text ,
.colum_casino .box-text {
position: absolute;
left: 0;
bottom: 0;
text-align: center;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#fdbb2d));
background: linear-gradient(180deg,#fff,#fdbb2d);
height: 50px;
width: 100%;
font-weight: 700;
opacity: 0;
color: #000;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-decoration: none;
cursor: pointer;
}
.colum_daga .box .box-text a,
.colum_casino .box-text a {
display: block;
color: #333;
font-size: 22px;
text-transform: uppercase;
}
.colum_daga .box:hover .box-text ,
.colum_casino .box:hover .box-text {
opacity: 1;
}
.colum_daga .box .box-image img {
height: 270px;
object-fit: cover;
}
.sanhdaga {
padding: 0 10px;
width: 100%;
height: 39px;
background: #e7e7e7;
font-weight: 700;
font-size: 19px;
color: #000;
margin:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: uppercase;
}
.sanhdaga img {
margin-right: 4px;
}
.row__title .col.small-12 {
padding-bottom: 0;
}
/*
section__ttdx
*/
.section__ttdx {
padding-bottom: 0 !important;
}
.section__tophu .section-title {
border: 0 !important;
position: relative;
}
.section__tophu .section-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 2px;
background: #fcb913;
}
.section__tophu .section-title-normal span {
border-bottom: 0;
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
color: #fcb913;
}
.section__tophu .section-title-container {
margin-bottom: 15px;
}
.section__tophu {
padding-bottom: 0 !important;
}
.section__tophu .col.medium-5 .img {
margin-bottom: 28px;
}
/*
row__slider
*/
.row__slider {
/*max-width: 1350px !important;*/
}
.row__slider .large-12 {
padding: 0 !important;
margin: 0 !important
}
.header-main {
/*background: #fff;*/
}
.header-bottom {
/*background: rgb(0 99 72 / 27%) !important;*/
}
.nav-dropdown {
padding: 0;
}
.colum__huongdan .icon-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: row;
font-size: 18px;
background: #27aae1;
border-bottom: 1px solid #1d79be;
text-transform: uppercase;
color: #fff;
text-decoration: none;
height: 68.5px;
-webkit-transition: .3s;
transition: .3s;
padding: 0 20px;
}
.section__tintuc .section-title-container {
margin:0 ;
}
.section__tintuc .section-title-container b {
opacity: 0;
visibility: hidden;
}
.section__tintuc .section-title-container .section-title {
background: linear-gradient(180deg,#3fcaef,#2181c3);
color: #fff;
font-size: 19px;
font-weight: 700;
line-height: 46px;
text-align: center;
text-transform: uppercase;
margin: 0;
}
.section__tintuc .post-item .col-inner {
background: #fff;
padding: 10px;
}
.section__tintuc .post-item .col-inner .box-text {
padding:0 0 0 10px;
}
.section__tintuc .post-item .col-inner .from_the_blog_excerpt {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #666;
display: -webkit-box;
font-size: 12px;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
}
.section__tintuc .post-item .col-inner .post-title {
color: #1c75bc;
cursor: pointer;
font-weight: 700;
line-height: 23px;
height: 23px;
overflow: hidden;
margin-bottom: 5px;
font-size: 14px;
text-transform: uppercase;
}
.section__tintuc .stack .button {
background-image: linear-gradient(90deg,#003157,#40b9e4,#026bb8,#5ddef8,#026bb8,#40b9e4,#003157) !important;
border-radius: 5px;
cursor: pointer;
height: 60px;
padding: 1px;
text-decoration: none;
user-select: none;
width: calc(16.666% - 10px);
border:0;
line-height:inherit;
height: inherit;
}
.section__tintuc .stack {
padding-top: 15px;
}
.section__tintuc .stack .button span {
align-items: center;
background-image: linear-gradient(60deg,#2283c5,#3fc9ee,#2488c7);
border-radius: 4px;
color: #fff;
display: flex;
font-size: 17px;
font-weight: 700;
height: 100%;
justify-content: center;
line-height: 50px;
text-align: center;
text-transform: uppercase;
}
.section__tintuc .col.large-12 {
padding-bottom: 0 !important;
}
.colum__huongdan .icon-box:hover {
background: linear-gradient(
180deg,#f37635,#fcc030);
}
.colum__huongdan .icon-box-center .icon-box-img {
margin: 0 auto 12px;
}
.colum__tabtin .nth___2 .post-item .box-text .post-title ,
.nth___sex2 .box h4 {
padding: 0;
font-weight: 600;
font-size: 15px;
line-height: 20px;
height: 40px;
overflow: hidden;
display: block;
text-align: left;
text-transform: none;
color: #f37934;
letter-spacing: -.5px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-webkit-transition: .3s;
transition: .3s;
}
.colum__tabtin .nth___2 .post-item,
.nth___sex2 .box {
padding-bottom: 13px;
/*padding-left: 0;*/
}
.nth___sex2 .box {
padding-bottom: 8px;
}
.nth__sex .box-text {
width: 100%;
background: #27376b;
padding: 9px 15px;
line-height: 1.2;
font-weight: 700;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.colum__tabtin .nth___2 .post-item .box-text .from_the_blog_excerpt ,
.nth___sex2 .box p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #3e3535;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 10px;
text-transform: unset;
-webkit-transition: .3s;
transition: .3s;
}
.colum__tabtin .nth___2 .post-item .is-divider {
display: none;
}
.colum__tabtin .nth___2 .post-item .box-image img {
width: 100%;
height: 125px;
object-fit: cover;
}
.colum__tabtin .nth___2 .post-item .box-image .image-cover {
padding-top: 125px !important;
}
.colum__tabtin .nth___2 .post-item .box-text {
padding: 0 10px 0 10px;
}
.colum__tabtin .nth___2 .post-item .box-text .post-title:hover {
color: #fcb913!important
}
.bg__bg {
}
.bg__bg .col {
padding-bottom:0;
}
.section__tintuc .nav-simple li a {
color: #333;
padding: 0 10px 0 20px;
padding: 8px 20px;
border-radius: 5px 5px 0 0;
background-size: 21px !important;
padding-left: 27px !important;
}
.section__tintuc .nav-simple li:nth-child(1) a {
background: url(images/icon-sportsnews.png)left center no-repeat;
}
.section__tintuc .nav-simple li:nth-child(2) a {
background: url(images/icon-search.png)left center no-repeat;
}
.section__tintuc .nav-simple li:nth-child(3) a {
background: url(images/icon-sexy.png)left center no-repeat;
}
.section__tintuc .nav-simple li.active a {
color: #fff;
background: url(images/2021-12-31_135736.jpg) 4px 6px #fab530;
background-repeat: no-repeat;
}
.section__tintuc .nav-simple li:nth-child(2).active a {
color: #fff;
background: url(images/2021-12-31_140136.jpg) 4px 6px #fab530;
background-repeat: no-repeat;
}
.section__tintuc .nav-simple li:nth-child(3).active a {
color: #fff;
background: url(images/2021-12-31_140216.jpg) 4px 6px #fab530;
background-repeat: no-repeat;
}
.nth__1 .post-item .box-text {
width: 100%;
background: #27376b;
padding: 9px 15px;
line-height: 1.2;
font-weight: 700;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.is-divider {
display: none !important;
}
.nth__1 .post-item .box-text .post-title ,
.nth__sex .box-text p {
font-size: 16px;
text-transform: uppercase;
color: #e6f0f2;
margin: 0;
line-height: 25px;
}
.nth__sex img{
height: 348px;
}
.box__trochoi .section-content > .row {
display: block !important;
padding: 0 10px;
}
.box__trochoi .section-title-container ,
.box__trochoi__songbai .section-title-container ,
.section__slotgame .section-title-container ,
.section__veso .section-title-container {
margin-bottom: 0;
}
.box__trochoi .section-title-normal ,
.box__trochoi__songbai .section-title-normal ,
.section__slotgame .section-title-normal ,
.section__veso .section-title-normal {
border-bottom: 0;
display: block;
border: 0 !important;
}
.box__trochoi .section-title-normal span ,
.box__trochoi__songbai .section-title-normal span ,
.section__slotgame .section-title-normal span ,
.section__veso .section-title-normal span {
padding: 0;
display: block !important;
color: #3854c4;
font-size: 20px;
border: 0;
margin: 0 0 18px 0;
font-weight: 600;
text-align: center;
}
.section__veso .section-title-normal span {
color: #fff;
}
.section__veso .img-inner {
overflow: hidden;
border-radius: 10px;
position: relative;
}
.section__veso .img-inner img {
width: 100%;
height: 185px;
object-fit: cover;
}
#slick-prev {
position: absolute;
top: -34px;
right: 50px;
font-size: 9px;
width: 25px !important;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 100%;
background: #ccc;
color: #fff;
}
#slick-next {
position: absolute;
top: -34px;
right: 15px;
font-size: 9px;
width: 25px !important;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 100%;
background: #ccc;
color: #fff;
}
#slick-prev:hover ,
#slick-next:hover {
color: red;
}
.box__trochoi__songbai .box-text {
padding: 0;
position: absolute;
bottom: 15px;
left: 0;
right: 0;
width: 130px;
margin: auto;
z-index: 99;
}
.box__trochoi__songbai .box-text a {
display: block;
background: url(images/nut2.jpg);
background-size: cover;
padding: 10px 5px;
color: #fff;
font-size: 15px;
position: relative;
overflow: hidden;
z-index: 9;
}
.box__trochoi__songbai .box-text a:after {
height: 100%;
width: 100%;
position: absolute;
content: "";
top: -100%;
left: 0;
z-index: -2;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
background-color: #6c2b95;
}
.box__trochoi__songbai .box-text a:before {
position: absolute;
content: "";
width: 0;
height: 0;
left: 0;
top: 45px;
left: 15px;
-webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9);
box-shadow: 0 0 30px 31px rgba(213,8,217,.9);
border-radius: 50%;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.box__trochoi__songbai .box-text a:hover:after {
top:0;
}
.box__trochoi__songbai .box-text a:hover:before {
opacity: 1;
left: 25px;
visibility: visible;
}
.box__trochoi__songbai .box-text a:hover {
/*background: red;*/
}
.box__trochoi__songbai .col.medium-6 {
padding-bottom: 0;
}
.box__trochoi__songbai {
padding-bottom: 0 !important;
}
.hinhanh {
margin-bottom: 30px;
}
.header-bottom {
position: relative;
z-index: 9;
background-image: -webkit-gradient(linear,left bottom,left top,from(#fd7900),to(#feae00));
background-image: linear-gradient(0deg,#fd7900,#feae00);
}
.header-main .header-nav-main > li {
margin: 0 ;
}
.header-main .header-nav-main > li a img {
max-width: 25px;
margin-right: 6px;
}
.header-main .header-nav-main > li > a {
font-size: 14px;
color: #333;
position: relative;
font-weight: 600;
font-family: "Arial";
padding: 0 20px;
}
.header-main .header-nav-main > li > a:after {
/* content: "";
position: absolute;
bottom: 0;
right: -17px;
top: 0;
width: 1px;
height: 17px;
background: #ccc;
margin: auto;*/
}
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner,
button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a,
input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a,
.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner,
.header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
background: #b71319 !important;
}
.header-main .header-nav-main > li:last-child > a:after {
content: "";
background: transparent;
}
.header-main .header-inner .flex-right.flex-col .header-nav-main > li > a {
padding: 2px 30px;
margin: 0;
text-transform: uppercase;
font-size: 15px;
color: #fff;
text-align: center;
border-radius: 4px;
border: 1px solid #fff;
background-color: transparent;
font-family: "Arial";
font-weight: 500;
opacity: 1;
background: #0d6efd;
}
.header-main .header-inner .flex-right.flex-col .header-nav-main > li:last-child >a {
background-image: linear-gradient(0deg,#fd7900,#feae00);
border: 1px solid #feae00;
}
.header-main .header-inner .flex-right.flex-col .header-nav-main > li > a:hover {
background: red;
}
.box__trochoi {
padding: 40px 0 40px 0 !important;
/* border-image: linear-gradient(270deg, #ffffff 1%, #C9C9C9 50%, #ffffff) 0 0 100% 0/1px 0 1px 0 stretch;
border-bottom: 1px solid;*/
}
.box__trochoi .box .box-image,.section__sex .box .box-image {
background-color: #faa00f;
border-radius: 10px 10px 0 0;
}
.box__trochoi .box:hover .box-image,
.section__sex .box:hover .box-image {
opacity: 0.5;
}
.section__sex {
background: url(images/image-sex-bg.jpg)no-repeat;
background-size: cover;
padding: 10px 0 10px 0 !important;
}
.section__sex .col .col-inner .box{
background: #fff;
}
.section__sex .col .col-inner .box .box-text {
position: relative;
box-sizing: border-box;
padding: 15px 20px;
text-align: left;
height: 237px;
background-color: #fff;
border-bottom: 5px solid #faa011;
}
.section__sex .col .col-inner .box .box-text .home-news-title {
margin-bottom: 10px;
color: #faa011;
font-weight: 700;
font-size: 18px;
}
.section__sex .col .col-inner .box .box-text p {
font-size: 14px;
line-height: 1.6;
color: #999;
}
.section__sex .col .col-inner .box .box-text a.chitiet_icon {
position: absolute;
bottom: 10px;
right: 20px;
color: #faa011;
text-decoration: none;
font-size: 14px;
font-weight: 700;
font-style: italic;
margin: 0;
}
.box__trochoi .box-image a img {
width: 100%;
height: 145px;
object-fit: cover;
-webkit-transition: -webkit-transform .5s ease;
-moz-transition: -moz-transform .5s ease;
transition: transform .5s ease;
}
.box__trochoi .box-image a {
overflow: hidden;
}
.box__trochoi .box-image a:hover img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.box__trochoi .col.medium-3 {
padding: 0 10px;
}
.box__trochoi .box-text h4 {
color: #333;
font-size: 15px;
font-weight: 500;
}
.box__trochoi .box-text.text-center {
padding-bottom: 0;
padding: 10px 0 10px 0;
text-transform: none;
background: #109a48;
}
.box__trochoi .box-text.text-center h4 {
color: #fff;
text-transform: none;
font-size: 16px;
font-weight: 500;
}
.footer-wrapper {
background: #181818;
position: relative;
}
/* .footer-wrapper:before {
background: url(https://csi.20icipp.com/img/static/desktop/common/snow/snow-bottom.png) bottom/auto 100% repeat-x;
content: "";
display: block;
height: 80px;
pointer-events: none;
position: absolute;
top: -30px;
width: 100%;
} */
.footer-wrapper .widget .widget-title {
display: block;
color: #666666;
line-height: 30px;
position: relative;
text-align: left;
font-weight: 400;
text-transform: none;
margin: 0 0 8px 0;
color: #f5dab2;
font-size: 15px;
}
.section__width {
position: relative;
z-index: 9;
}
.footer-wrapper .footer-1 .widget:nth-child(3) img {
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
/*filter: url(data:image/svg+xml;charset=utf-8,#filter);*/
-webkit-filter: grayscale(1) opacity(.8);
filter: grayscale(1) opacity(.8);
}
.footer-wrapper .footer-1 .widget:nth-child(3) img:hover {
-webkit-filter: grayscale(0) opacity(1);
filter: grayscale(0) opacity(1);
}
.footer-wrapper .footer-1 .widget:nth-child(1) img {
}
.footer-wrapper .footer-1 .widget p {
color: #fff;
font-size: 15px;
line-height: 26px;
text-align: left;
}
.footer-wrapper .widget .is-divider {
display: none !important;
}
.footer-wrapper .widget ul li {
border: 0 !important;
text-align: center;
}
.footer-wrapper .widget ul li a {
cursor: pointer;
text-decoration: none;
color: #ccc;
font-size: 13px;
padding: 0;
display: block;
line-height: 25px;
text-align: left;
}
.footer-wrapper .widget ul li a:hover {
color: red;
}
.footer-2 .widget:nth-child(2) .textwidget a ,
.footer-2 .widget:nth-child(3) .textwidget a {
display: inline-block;
}
/*.footer-wrapper .widget .widget-title {
background: url(images/ic.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(1) .widget-title {
background: url(images/ic1.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(2) .widget-title {
background: url(images/ic2.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(3) .widget-title {
background: url(images/ic3.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(4) .widget-title {
background: url(images/ic4.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(5) .widget-title {
background: url(images/ic5.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(6) .widget-title {
background: url(images/ic6.png) left center no-repeat;
}*/
.footer-1 {
padding: 15px 0 0;
}
.footer-wrapper .widget:nth-child(7) ul li a {
font-size: 12px;
line-height: 15px;
display: block;
text-align: left;
padding: 0 0 7px 0;
}
.absolute-footer {
/*display: none;*/
}
.footer-wrapper .widget .is-divider {
display: none !important;
}
.footer-wrapper .widget ul li {
border: 0 !important;
text-align: center;
}
.footer-wrapper .widget ul li a {
cursor: pointer;
text-decoration: none;
color: #ccc;
font-size: 12px;
padding: 0 3px;
display: block;
line-height: 30px;
text-align: left;
}
.footer-wrapper .widget ul li a:hover {
color: #faa011;
}
/*.footer-wrapper .widget .widget-title {
background: url(images/ic.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(1) .widget-title {
background: url(images/ic1.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(2) .widget-title {
background: url(images/ic2.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(3) .widget-title {
background: url(images/ic3.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(4) .widget-title {
background: url(images/ic4.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(5) .widget-title {
background: url(images/ic5.png) left center no-repeat;
}
.footer-wrapper .widget:nth-child(6) .widget-title {
background: url(images/ic6.png) left center no-repeat;
}*/
.footer-1 {
padding: 15px 0 0;
text-align: center;
}
.footer-wrapper .widget:nth-child(7) ul li a {
font-size: 12px;
line-height: 15px;
display: block;
text-align: left;
padding: 0 0 7px 0;
}
.absolute-footer {
background: #e3e3e3 !important;
color: #333 !important;
}
.footer-2 {
text-align: center;
}
.footer-2 .widget {
/*margin-bottom: 0;*/
}
.footer-1 {
padding: 20px 0 !important;
}
/* .footer-2 .widget:nth-child(1) {
max-width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.footer-2 .widget:nth-child(2) {
max-width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.footer-2 .widget:nth-child(3) {
max-width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.footer-2 .widget:nth-child(4) {
max-width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
} */
.footer-2 .widget:nth-child(1) a img {
/* height: 35px; */
/* width: auto; */
padding: 6px 15px 0;
}
.footer-2 .widget:nth-child(1) .widget-title {
display: block;
color: #666666;
line-height: 30px;
position: relative;
text-align: left;
font-weight: 400;
text-transform: none;
margin: 0 0 35px 0;
color: #f5dab2;
font-size: 20px;
padding-left: 30px;
}
.footer-wrapper .widget ul li a {
cursor: pointer;
font-size: 14px;
padding: 0 15px;
display: block;
line-height: 27px;
font-weight: 500;
text-align: left;
text-transform: none;
color: #fff;
}
.footer-1 .widget.widget_nav_menu ul.menu {
overflow: hidden;
}
.footer-1 .widget.widget_nav_menu ul.menu li {
padding: 0;
float: left;
width: 50%;
}
.footer-1 .widget.widget_nav_menu ul.menu li a {
color: #fff;
font-size: 15px;
padding: 0;
text-transform: none;
font-weight: 500;
line-height: 42px;
}
.footer-1 .widget.widget_nav_menu ul.menu li a:hover {
color: #f4ba22;
}
.footer-1 .widget.widget_nav_menu ul.menu li ul {
display: none !important;
}
.footer-1 .widget p {
font-size: 14px;
text-align: center;
margin: 0;
color: #666;
}
/*canvas {
cursor: crosshair;
display: block;
position: absolute;
z-index: 0;
height: 100%;
top: 0;
width: 100%;
}*/
.footer-2 .widget:nth-child(2) a img {
height: 45px;
width: auto;
padding: 6px;
}
.footer-2 .widget:nth-child(3) a img {
height: 40px;
width: auto;
padding: 6px;
}
.footer-2 .widget:nth-child(3) a.taitro {
display: block;
width: 100%;
clear: both;
overflow: hidden;
}
.footer-2 .widget:nth-child(3) a.taitro img {
height: auto;
max-width: 180px;
}
.absolute-footer {
display: none !important;
}
.box__before {
background: #000;
padding: 7px 0;
}
.box__before .widget {
margin: 0;
width: 100%;
list-style: none;
padding: 0;
}
.box__before .list__info {
padding: 0;
margin: 0;
overflow: hidden;
}
.list__info li {
list-style: none;
float: left;
margin: 0;
padding: 0 ;
}
.list__info li a {
font-size: 14px;
color: #fff;
color: #aaa;
cursor: pointer;
text-decoration: none;
padding: 0 13px;
line-height: 30px;
}
.list__info li.hotro a {
color: #ffde00;
}
.list__info li a img {
width: auto;
height: 14px;
vertical-align: text-top;
margin-right: 5px;
margin-left: 3px;
}
.thongbao li {
margin: 0 !important;
}
.runMsg {
height: 50px;
height: 50px;
bottom: 0px;
width: 100%;
z-index: 99;
background: #333;
border-radius: 0;
margin-bottom: 0;
}
.runMsg > .row > .runMsgTitle {
float: left;
line-height: 50px;
color: #aaa;
max-width: 150px !important;
background: url(images/loa.png)5px 16px no-repeat;
background-size: 17px;
padding-left: 28px;
font-weight: bold;
font-size: 13px;
}
.runMsg > .row {
margin: 0 !important;
}
.runMsg .marqueeBar {
float: right;
max-width: calc(100% - 170px) !important;
}
.runMsg .marqueeBar {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 50px;
}
/*
section__taiap
*/
.section__taiap .col.large-3 {
padding-bottom: 0;
}
.section__iphone .col.large-3 {
padding-bottom: 0;
}
.section__taiap {
padding-bottom: 40px !important;
}
.section__taiap .button {
background: #16516b;
text-align: center;
width: 255px;
height: 48px;
display: block;
margin: 0 auto;
padding: 0;
border: 0;
box-shadow: 0 0 0 0;
line-height: 48px;
font-size: 15px;
color: #ffe400;
font-weight: 500;
position: relative;
overflow: hidden;
z-index: 99;
border-left: 25px solid red;
}
.section__taiap .col.large-3:nth-child(2) .button {
background: #1d1d1d;
border-left: 25px solid #f5e526;
}
.section__taiap .col.large-3:nth-child(3) .button {
background: #5611dc;
border-left: 25px solid #ed7106;
}
.section__taiap .col.large-3:nth-child(4) .button {
background: #99017f;
border-left: 25px solid #f9ba06;
}
.section__taiap .button:before {
position: absolute;
content: "";
width: 0;
height: 0;
left: 0;
top: 45px;
left: 15px;
-webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9);
box-shadow: 0 0 30px 31px rgba(213,8,217,.9);
border-radius: 50%;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.section__taiap .button:after {
height: 100%;
width: 100%;
position: absolute;
content: "";
top: -100%;
left: 0;
z-index: -2;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
background-color: #5e0a92;
}
.section__taiap .button:hover:before {
opacity: 1;
left: 25px;
visibility: visible;
}
.section__taiap .button:hover:after {
top: 0;
}
.section__taiap .icon-box {
padding: 8px 15px;
border-radius: 5px;
background: #109a48;
}
.section__taiap .icon-box:hover {
background: #097a37;
}
.section__taiap .icon-box .icon-box-img{
width: 40px !important;
}
.section__taiap .icon-box .icon-box-img img {
width: auto;
height: auto
}
.section__taiap .icon-box .icon-box-text {
width: calc(100% - 40px) !important;
}
.section__taiap .icon-box .icon-box-text h3 {
color: #fff;
font-size: 16px;
font-weight: 600;
margin: 0 0 5px 0;
}
.section__taiap .icon-box .icon-box-text p {
color: #fff;
font-size: 13px;
font-weight: 500;
margin: 0;
}
.section__iphone .button {
background: url(images/b1.png)no-repeat;
text-align: center;
width: 255px;
height: 54px;
display: block;
margin: 0 auto;
padding: 0;
border: 0;
box-shadow: 0 0 0 0;
line-height: 54px;
font-size: 15px;
color: #ffe400;
font-weight: 500;
position: relative;
background-size: 100% !important;
z-index: 9;
overflow: hidden;
border-radius: 10px;
}
.section__taiap .button:before {
/* content: "";
width: 28px;
height: 30px;
background: url(images/i1.png)0 10px no-repeat;
display: inline-block;*/
}
.section__iphone .button:before {
content: "";
width: 28px;
height: 30px;
background: url(images/i1.png)0 10px no-repeat;
display: inline-block;
}
.section__iphone .button:after {
height: 100%;
width: 100%;
position: absolute;
content: "";
top: -100%;
left: 0;
z-index: -2;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
background-color: #dc2c0a;
}
.section__iphone .button:hover:after {
top: 0;
}
/*.section__taiap .col.large-3:nth-child(2) .button {
background: #442172;
}
.section__taiap .col.large-3:nth-child(3) .button {
background: #822d0c;
}
.section__taiap .col.large-3:nth-child(4) .button {
background: #0c8210;
}
*/
.section__iphone .col.large-3:nth-child(2) .button {
background: url(images/b2.png)no-repeat;
}
.section__iphone .col.large-3:nth-child(3) .button {
background: url(images/b3.png)no-repeat;
}
.section__iphone .col.large-3:nth-child(4) .button {
background: url(images/b4.png)no-repeat;
}
.section__taiap .button:hover ,
.section__iphone .button:hover {
/*background: red;*/
}
/*
section__slotgame
*/
.section__slotgame {
padding-bottom: 0 !important;
}
.section__slotgame .post-title {
color: #333;
font-size: 14px;
display: block;
line-height: 22px;
}
.section__slotgame .box-text {
padding: 0px 0px 0px 10px;
position: relative;
overflow: hidden;
}
.section__slotgame .box-text button {
float: left;
border: 0;
background: none;
color: red;
padding: 0;
margin: 0;
position: relative;
display: inline-block;
text-transform: none;
}
.section__slotgame:hover .box-text {
/*border-bottom: 5px solid #fe9201;*/
}
.section__slotgame .box-text button:hover {
color: #fe9201;
}
.heading-realate {
padding: 3px 15px;
background: #b71319;
}
/*ChyĂªn mục tin*/
.box__nth__2 {
}
.box__nth__2 .news-post-news {
margin-bottom: 15px;
width: 100%;
clear: both;
}
.box__nth__2 .news-post-news .box__news__inner {
overflow: hidden;
clear: both;
padding: 15px;
background: #fff;
border-radius: 8px;
box-shadow: 0px 2px 3px 1px #ccc;
}
.box__nth__2 .news-post-news .box__thumb__img {
display: block;
width: 265px;
float: left;
}
.box__nth__2 .news-post-news .box__thumb__img a {
display: block;
line-height: 0;
}
.box__nth__2 .news-post-news .box__thumb__img a img {
width: 100%;
height: 160px;
object-fit: cover;
border-radius: 8px;
}
.box__nth__2 .news-post-news .box__content {
float: right;
width: calc(100% - 280px);
}
.box__nth__2 .news-post-news .box__content h3 a {
display: block;
color: #333;
font-size: 18px;
font-weight: bold;
line-height: 25px;
max-height: 50px;
overflow: hidden;
}
.date__da {
font-size: 14px;
color: #666;
margin: 0 0 5px 0;
}
.date__da i {
font-size:13px;
}
.box__nth__2 .news-post-news .box__content .box__des p {
font-size: 14px;
line-height: 23px;
max-height: 46px;
overflow: hidden;
margin: 0 0 0px 0;
}
.box__nth__2 #slick-prev ,
.box__nth__2 #slick-next {
top:-40px;
}
.box__nth__2 .news-post-news .box__content > a {
display: inline-block;
color: #da251c;
font-size: 14px;
text-decoration: underline;
}
.heading-realate span {
color:#fff
}
.archive div#des__cate {
overflow: hidden;
position: relative;
/* background: #fff; */
/* padding: 15px; */
/* border-radius: 8px; */
clear:both;
overflow: hidden;
/* box-shadow: 0px 2px 3px 1px #ccc; */
}
.archive .tab-panels div#des__cate.panel:not(.active) {
height: 0 !important;
}
.devvn_readmore_flatsome {
text-align: center;
cursor: pointer;
position: absolute;
z-index: 9999;
bottom: 0;
width: 100%;
background: #fff;
}
.devvn_readmore_flatsome:before {
height: 55px;
margin-top: -45px;
content: "";
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
display: block;
}
.devvn_readmore_flatsome a {
color: #e9952c;
display: block;
}
.devvn_readmore_flatsome a:after {
content: '';
width: 0;
right: 0;
border-top: 6px solid #e9952c;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 5px;
}
.boxx__header__cate {
overflow: hidden;
position: relative;
background: #fff;
padding: 15px;
border-radius: 8px;
box-shadow: 0px 2px 3px 1px #ccc;
margin-bottom: 25px;
clear: both;
}
.boxx__header__cate .mota__dess {
font-size: 14px;
line-height: 1.55;
color: #6c757d;
font-style: italic;
}
.boxx__cm{
margin-bottom: 16px;
border-radius: 6px;
padding: 10px 10px 5px;
background: #f3f9ef;
border-bottom: 0;
}
.boxx__cm > div {
display: inline-block;
margin-bottom: 5px;
}
.boxx__cm a {
display: inline-block;
padding: 3px 20px;
background: #ffffff;
color: #011e41;
font-size: 13px;
font-weight: 600;
border-radius: 30px;
border: 1px solid #d5dae0;
}
.boxx__cm a:hover {
background:#011e41;
color:#fff;
}
/*
box__nth__1
*/
.box__nth__1 {
margin-bottom: 25px;
border-bottom: 1px dashed #ddd;
padding-bottom: 25px;
}
.box__nth__1 .news-post-news .box__thumb__img a {
display: block;
line-height: 0;
}
.box__nth__1 .news-post-news .box__thumb__img a img {
width: 100%;
height: 360px;
object-fit: cover;
}
.box__nth__1 .news-post-news .box__content {
padding: 20px 0 0 0;
}
.box__nth__1 .news-post-news .box__content h3 a {
display: block;
line-height: 28px;
font-size: 20px;
color: #333;
font-weight: 600;
}
.box__nth__1 .news-post-news .box__content .box__des p {
font-size: 15px;
margin: 0 0 6px 0;
line-height: 30px;
}
.box__nth__1 .news-post-news .box__content > a {
color: #da251c;
display: inline-block;
border: 1px solid #da251c;
padding: 0 20px;
line-height: 30px;
}
.box__nth__2 .news-post-news .box__content h3 a:hover {
color: #da251c;
}
.box__left__layout {
float: left;
width: calc(100% - 325px - 20px);
}
.box__right__layout {
float: right;
width: 325px;
}
#shop-sidebar .widget .widget-title, .box__right__layout .widget .widget-title {
width: 100%;
display: flex;
background-color: #2894ca;
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 6px;
font-size: 14px;
order-bottom: 2px solid #f7ea5c;
margin-bottom: auto;
display: block;
margin: 0 0 10px 0;
}
#shop-sidebar .widget .widget-title span, .box__right__layout .widget .widget-title span {
background: #f7ea5c;
padding: 10px 20px 8px 20px;
color: #000;
position: relative;
display: inline-block;
margin: 0;
margin: 0;
font-size: 16px;
line-height: 22px;
display: inline-block;
text-transform: uppercase;
}
.box__right__layout .widget .widget-title span:after,
#shop-sidebar .widget .widget-title span:after {
content: "";
width: 0;
height: 0;
border-top: 40px solid transparent;
border-left: 20px solid #f7ea5c;
border-bottom: 0px solid transparent;
border-right: 0 solid transparent;
position: absolute;
top: 0px;
right: -20px;
}
#shop-sidebar .widget, .box__right__layout .widget {
background: #fff;
padding: 0;
border-radius: 5px;
border: 0;
}
#shop-sidebar .widget_nav_menu ul.menu>li>a, .box__right__layout .widget_nav_menu ul.menu>li>a {
color: #333;
font-size: 15px;
}
.widget .is-divider {
display: none !important;
}
/*#top-bar .flex-right .top-bar-nav li {
margin: 0
}
#top-bar .flex-right .top-bar-nav li a {
width: 85px;
height: 20px;
text-decoration: none;
background-color: #00b2b9;
border-radius: 3px;
padding: 0;
text-align: center;
display: block;
}
#top-bar .flex-right .top-bar-nav li a:after {
content: "";
background: transparent;
width: 0 !important;
border: 0;
}
#top-bar .flex-right .top-bar-nav li:first-child a{
width: 95px;
height: 20px;
box-sizing: border-box;
margin-right: 10px;
background-image: url(images/btn_addMember.png);
text-decoration: none;
display: block;
padding: 0;
padding-left: 12px;
background-repeat: no-repeat;
text-align: left;
}*/
.lh_1 .lh__lh {
color: #fff;
font-size: 17px;
font-weight: 600;
display: inline-block;
padding: 5px 20px;
overflow: hidden;
}
.tp__tp {
display: inline-block;
background: url(images/down.jpg) right 8px center no-repeat #f2f9f2;
color: #333;
border-radius: 40px;
border: 2px solid #0ba449;
padding: 4px 44px 3px 22px;
margin: 0 10px;
font-size: 16px;
position: relative;
z-index: 1;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
position: relative;
overflow: hidden;
border-radius: 50px;
display: inline-block;
}
.dangky {
background: url(images/1.png) right 8px center no-repeat #f2f9f2;
background-size: 28px;
}
.tp__tp:hover:before {
opacity: 1;
left: 25px;
visibility: visible;
}
.tp__tp:before {
position: absolute;
content: "";
width: 0;
height: 0;
left: 0;
top: 45px;
left: 15px;
-webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9);
box-shadow: 0 0 30px 31px rgba(213,8,217,.9);
border-radius: 50%;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.tp__tp::after {
height: 100%;
width: 100%;
position: absolute;
content: "";
top: -100%;
left: 0;
z-index: -2;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
background-color: #6c2b95;
}
.tp__tp:hover:after {
top: 0;
}
.tp__tp:hover {
color: #fff;
/*background: url(images/ica.jpg)right 5px center no-repeat;*/
/*background: url(images/ica.jpg) right 8px center no-repeat #f2f9f2;*/
}
.header-top {
height: 40px;
width: 100%;
background-color: #109a48;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.tagcloud a {
font-size: 13px !important;
padding: 5px 9px;
border: 1px solid #ddd;
margin: 0 0 5px 0 !important;
display: inline-block;
border-radius: 3px;
}
.heading-title-single ,.heading-title-home{
font-size: 22px;
line-height: 35px;
margin: 0 0 12px 0;
font-weight: 600;
color: #011e41;
text-transform: uppercase;
}
#wrapper, #main {
background-color: #fff;
position: relative;
overflow: hidden;
}
.home #main {
background: #fff;
background-size: cover;
}
.box__slider__home {
display: none;
}
.home .box__slider__home {
display: block;
position: relative;
}
.section_trandau {
padding-bottom:0 !;
}
.section_trandau .img img {
width: auto !important;
display: block;
margin: auto !important;
}
.box__slider__home .widget_custom_html {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 9;
margin: 0;
}
/*
section__sanhgame
*/
.section__sanhgame .icon-box p {
font-size: 13px;
}
.section__sanhgame .col.medium-3 {
padding-bottom: 0;
}
/*
section__submit
*/
.section__submit .col .col-inner {
-ms-flex: 1;
flex: 1;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 20px 20px 10px 15px;
background-color: #fff;
color: #3f3f3f;
border-left: 3px solid #faa011;
cursor: pointer;
min-height: 125px;
}
.box__socical {
top: 105px;
position: fixed;
right: 0px;
width: 80px;
z-index: 50;
background-color: rgba(0, 0, 0, 0.38);
border-radius: 4px;
}
.box__socical .item_socical {
cursor: pointer;
text-align: center;
color: #fff;
position: relative;
padding: 5px 0px 8px 0px;
height: 75px;
box-sizing: border-box;
}
.box__socical .item_socical:after {
content: "";
width: 76px;
height: 0px;
border-bottom: 1px solid rgba(255,255,255,0.3);
position: absolute;
bottom: 0px;
left: 2px;
}
.box__socical .item_socical:hover {
background-color: rgba(255,255,255,0.3);
}
.box__socical .item_socical span {
display: block;
color: #fff;
font-size: 13px;
}
.box__socical .item_socical img {
width: auto;
height: auto;
max-height: 45px;
}
.recent-blog-posts a {
color: #2894ca;
}
.section__hotro .icon-box {
justify-content: space-between;
align-items: center;
}
.section__hotro .icon-box h5 {
font-size: 15px;
color: #1f06ec;
text-transform: uppercase;
font-weight: 500;
line-height: 24px;
}
.section__hotro {
margin: auto;
width:68%;
}
.section__submit .icon-box .icon-box-text h5 {
background: #faa011;
color: #000;
text-transform: none;
line-height: 39px;
margin: 0 0 10px 0;
font-size: 16px;
text-align: center;
display: block;
border-radius: 0;
font-weight: 600;
width: 100%;
}
.section__submit .icon-box .icon-box-text p {
font-size: 15px;
text-align: center;
line-height: 22px;
}
.section__gioithieumobile p {
font-size: 14px;
line-height: 25px;
color: #fff;
margin: 0;
text-align: justify;
}
.section__gioithieumobile .section-title-container {
margin-bottom: 10px;
}
.section__gioithieumobile .section-title {
text-align: center;
display: block;
}
.section__gioithieumobile .section-title b {
display: none;
}
.section__gioithieumobile .section-title .section-title-main {
color: #fff;
text-align: center;
font-size: 16px;
}
.section__ha {
padding: 15px 0 !important;
}
.section__ha .col.large-12 {
padding-bottom: 0 !important;
}
/*
box__trochoi_mobile
*/
.box__trochoi_mobile {
padding: 15px 0 15px !important;
}
.box__trochoi_mobile .box__1,
.box__trochoi_mobile .box__2 {
padding-bottom: 0 !important;
}
.box__trochoi_mobile .box__1 {
padding-left: 10px;
padding-right: 5px;
}
.box__trochoi_mobile .box__2 {
padding-right: 10px;
padding-left: 5px;
}
.box__trochoi_mobile .box__1 .box {
margin-bottom: 10px;
}
.box__trochoi_mobile .box__1 .box .box-image img {
width: 100%;
height: 236px;
object-fit: cover;
}
.box__trochoi_mobile .box__2 .box .box-image img {
width: 100%;
height: 113px;
object-fit: cover;
}
.box__trochoi_mobile .box__2 .col-inner .box {
margin-bottom: 10px;
}
.box__trochoi_mobile .box .box-text {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
font-size: 17px;
width: 100%;
padding: 4px 6px;
background: rgb(0 0 0 / 46%);
}
.box__trochoi_mobile .box .box-text h4 {
color: #fff;
font-size: 16px;
text-align: right;
margin: 0;
text-transform: capitalize;
}
.section__ha:after {
content: "";
position: absolute;
bottom: 0;
left: 5px;
width: calc(100% - 10px);
height: 2px;
background-color: hsla(0,0%,100%,.2);
}
/*
bottom-nav
*/
.bottom-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: -ms-flexbox;
display: flex;
box-shadow: 0 -1px 6px rgba(0,0,0,.2), 0 -1px 2px rgba(0,0,0,.6);
z-index: 99;
background: #131313;
}
.bottom-nav a {
text-align: center;
-ms-flex: 1;
flex: 1;
height: 100%;
padding-top: 5px;
position: relative;
display: block;
}
.bottom-nav a img {
display: block;
margin: auto !important;
}
.bottom-nav a span {
display: block;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 26px;
}
.section__gioithieumobile {
padding-bottom: 20px !important;
}
.home-gamelobby {
}
.home-quick-nav {
display: -ms-flexbox;
display: flex;
overflow: scroll;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background-color: #1e1e1e;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
.home-quick-nav li {
color: #fff;
text-align: center;
-ms-flex-preferred-size: 75px;
flex-basis: 75px;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style: none;
position: relative;
margin: 0;
}
.home-quick-nav li a {
display: block;
}
.home-quick-nav li a span {
display: block;
font-size: 12px;
font-weight: 300;
margin: 4px 0 10px;
color: #fff;
}
.home-quick-nav li a br {
display: none;
}
.home-quick-nav li .icon__mn {
width: 40px;
height: 40px;
display: block;
margin: 10px auto 0;
font-size: 35px;
position: relative;
}
.home-quick-nav li .icon__mn i {
font-size: 45px;
color: #f48a07;
}
.home-quick-nav li .icon__mn img {
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
max-height: 40px;
right: 0;
}
.home-quick-nav li p {
margin: 0;
text-align: center;
font-size: 12px;
}
.bottom-nav {
display: none;
}
.section__mn__mb {
padding-bottom: 0!important;
}
.header-inner .mobile-nav.nav-right {
display: block;
width: 190px;
}
.header-inner .mobile-nav.nav-right > li > a {
color: #fff;
padding: 0;
padding-left: 30px;
background: url(images/dk.png)left center no-repeat;
}
.header-inner .mobile-nav.nav-right > li:last-child > a {
background: url(images/dn.png)left center no-repeat;
}
/*
httt
*/
/*.side-menu {
right: 0;
-ms-transform: translate(100%);
transform: translate(100%);
padding: 10px 0;
border-radius: 0 0 0 20px;
}
.side-menu:hover {
-ms-transform: translate(0);
transform: translate(0);
}
.side-menu, .side-menu-mobile {
position: fixed;
top: 170px;
z-index: 15;
background-image: linear-gradient(90deg,#feae00,#fd7900);
color: #fff;
box-shadow: 0 2px 20px rgba(0,0,0,.2);
transition: .3s ease;
}
.side-menu:before {
left: -45px;
z-index: 2;
color: #1f2a2c;
-ms-transform: rotate(-180deg) scale(.8);
transform: rotate(-180deg) scale(.8);
}
.side-menu:after {
left: -50px;
background-color: #feb000;
color: #feb000;
}
.side-menu:after, .side-menu:before {
content: "LI\CAN H\1EC6 CH\DANG T\D4I";
position: absolute;
top: 0;
width: 50px;
line-height: 50px;
padding: 0;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-orientation: mixed;
font-weight: 700;
white-space: nowrap;
border-radius: 50% 0 0 50%;
}
.side-menu ul {
margin: 0;
}
.side-menu ul li {
margin-bottom: 2px;
font-size: 16px;
font-weight: 500;
list-style: none;
}
.side-menu ul li a {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 30px 10px 55px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #222;
text-decoration: none;
}
.side-menu ul li a img {
position: absolute;
top: 10px;
left: 20px;
-ms-transform: scale(.5) translateX(-35px) translateY(-25px);
transform: scale(.5) translateX(-35px) translateY(-25px);
}
.side-menu ul li a h2 {
margin-bottom: 2px;
font-weight: 500;
font-size: 16px;
}
.side-menu ul li a p {
color: rgba(0,0,0,.6);
font-size: 12px;
margin: 0;
}
.side-menu ul li a:hover {
background-color: hsla(0,0%,100%,.1);
}
.side-qr {
position: fixed;
top: 170px;
left: 0;
z-index: 15;
background-image: linear-gradient(90deg,#fd7900,#feae00);
color: #fff;
box-shadow: 0 2px 20px rgba(0,0,0,.2);
transition: .3s ease;
padding: 20px;
border-radius: 0 0 20px 0;
-ms-transform: translate(-100%);
transform: translate(-100%);
}
.side-qr .side-qr-title {
position: absolute;
top: 0;
right: -50px;
width: 50px;
line-height: 50px;
padding: 20px 0;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-orientation: mixed;
background-color: #feb000;
font-weight: 700;
color: #1f2a2c;
white-space: nowrap;
border-radius: 0 50% 50% 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.side-qr .qr-tip {
padding-top: 10px;
font-size: 14px;
}
.side-qr:hover {
-ms-transform: translate(0);
transform: translate(0);
}*/
.side-menu {
position: fixed;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 70px;
z-index: 25;
}
.side-menu li {
list-style: none;
text-align: center;
}
.side-menu li+li {
margin-top: 5px;
}
.side-menu li a {
background-image: linear-gradient(
90deg,#32b4e3,#1c76bc);
border-radius: 20px;
box-shadow: inset 0 0 0 1px #035293, 0 2px 5px 0 rgb(0 0 0 / 60%);
color: rgba(255,255,255,.9);
display: block;
font-size: 12px;
height: 70px;
line-height: 1.4;
text-decoration: none;
transform: translateZ(0);
transition: transform .3s linear;
transition: .3s ease;
width: 70px;
}
.side-menu li a>img {
height: 40px!important;
left: 15px!important;
top: 6px!important;
width: 40px!important;
position: absolute;
}
.side-menu li a>h2 {
align-items: center;
display: flex;
font-size: 11px;
font-weight: 400;
height: 24px;
justify-content: center;
line-height: 1.2;
text-align: center;
transform: scale(.75);
width: 100%;
padding-top: 66px;
color: #fff;
}
/*
colum__veso
*/
.section__veso {
padding: 30px 15px;
}
.colum__veso {
background: url(images/11111.jpg);
padding: 15px;
position: relative;
}
.colum__veso:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 75%);
}
.colum__veso img {
width: auto !important;
height: auto !important;
display: block;
margin: auto;
}
.colum__veso .img .img-inner {
display: block;
width: 120px;
height: 120px;
/*background: rgb(107 17 19 / 69%);*/
border-radius: 100%;
text-align: center;
line-height: 120px;
margin: auto;
position: relative;
}
.colum__veso .img .img-inner:hover {
background: rgb(107 17 19 / 69%);
}
.colum__veso .img .img-inner img {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
margin: auto;
max-height: 60px;
}
.colum__veso > .col {
padding-bottom: 0;
border-right: 1px solid #f3ecec;
padding: 0;
position: relative;
z-index: 9;
}
.colum__veso > .col.medium-4 {
border-right: 0 !important;
padding-left: 15px;
}
.colum__veso > .col.medium-4 p {
font-size: 12px;
text-align: center;
color: #fff;
margin: 0;
}
.colum__veso > .col.medium-2 .col-inner .img:nth-child(1) {
border-bottom: 1px solid #f3ecec;
padding-bottom: 15px;
}
.colum__veso > .col.medium-4 .img .img-inner {
background: rgb(107 17 19 / 69%);
}
.colum__veso .ux-timer span {
font-size: 28px !important;
}
.colum__veso .ux-timer span strong {
font-size: 15px !important;
font-weight: 500 !important;
text-transform: none !important;
}
.colum__veso .dangkyngay {
display: block;
margin: auto;
position: relative;
display: block;
margin: 0 auto 0;
padding: 6px 5px;
color: #fff;
width: 196px;
font-size: 14px;
border-radius: 0;
font-weight: bold;
background: #a3090b;
text-align: center;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
letter-spacing: .08em;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.colum__veso .dangkyngay:after {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 150%;
z-index: -1;
-webkit-transition: all 0.75s ease 0s;
-moz-transition: all 0.75s ease 0s;
-o-transition: all 0.75s ease 0s;
transition: all 0.75s ease 0s;
background: #D24D57;
-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
.colum__veso .dangkyngay:hover:after, .colum__veso .dangkyngay:visited:hover:after {
height: 450%;
}
.section_sanhgame p {
color: #fff;
font-size: 15px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
}
.section_sanhgame .col.medium-3 {
max-width: 20% !important;
-ms-flex-preferred-size: 20% !important;
flex-basis: 20% !important;
padding-bottom: 0;
}
.section_sanhgame .col.medium-3 .box-text {
padding-bottom: 0;
}
.mobta__mobile {
display: none;
text-align: center;
font-size: 12px;
color: #ccc;
}
.single .box__left__layout ul ,
.page .box__left__layout ul {
padding-left: 20px;
}
.section__info .accordion-item .accordion-title {
background: #fdbc32;
padding: 10px 40px;
}
.section__info .accordion-item .accordion-title h2 ,
.section__info .accordion-item .accordion-title {
font-size: 16px;
line-height: 25px;
color: #fff;
}
.section__info .accordion .toggle {
width: 20px;
height: 20px;
margin: 5px !important;
}
.section__info .accordion .toggle i {
color: #fff;
}
.section__info .accordion-inner {
background: #fff;
}
.section__info .section-title-container {
margin: 0;
}
.section__info h1.section-title {
background: #000;
color: #fff;
text-align: center !important;
display: block;
padding: 15px 10px 8px 10px;
font-size: 21px;
border: 0;
margin: 20px 0 6px 0;
}
.section__info .col.small-12 {
padding-bottom: 0;
}
.section__info h1.section-title b {
display: none;
}
.section__salel .icon-box:after {
content: '';
position: absolute;
right: 8px;
top: 11px;
width: 44px;
height: 44px;
background: url(images/switch-icon-righ.png) no-repeat center top;
display: none;
}
.section__salel .icon-box:hover:after {
background-position: center bottom;
}
.header__header__tt .license-img {
overflow: hidden;
position: absolute;
top: 30px;
left: 0;
z-index: 999999;
opacity: 0;
height: 0;
-webkit-transition: all .8s;
transition: all .8s;
width: 600px;
}
.header__header__tt .license-img img {
padding: 5px;
background: #fff;
}
.menu__topbar a:hover {
color: #f7ea5c;
}
.list__jackpot {
overflow: hidden;
}
.header__header__tt:hover .license-img {
opacity: 1;
height: 233px;
z-index: 9999999;
}
.header__header__tt a:nth-child(1) {
font-size: 12px;
color: #f7ea5c;
}
.header__header__tt a.tt_2 {
font-size: 13px;
color: #edda2e;
background: url(images/20a.png)no-repeat;
padding-left: 20px;
margin-left: 20px;
}
.hinhanh {
margin-bottom: 30px;
}
.taiungdung a {
display: inline-block;
background: #f7ea5c;
color: #000;
padding: 15px 20px;
font-weight: 600;
font-size: 18px;
height: 60px;
}
.header-top .flex-right .top-bar-nav > li > a {
padding: 4px 21px;
margin: 0;
text-transform: uppercase;
font-size: 14px;
color: #000;
text-align: center;
border-radius: 4px;
border: 0;
font-family: "Arial";
font-weight: 500;
opacity: 1;
background: linear-gradient(90deg,#e1a44d,#fdd79e 35%,#fdd79e 65%,#e1a44d);
}
.header-top .flex-right .top-bar-nav > li:last-child >a {
background: linear-gradient(90deg,#e1a44d,#fdd79e 35%,#fdd79e 65%,#e1a44d);
}
.header-top .flex-right .top-bar-nav > li > a:hover {
background: red;
}
.menu__topbar a {
color: #fff;
font-size: 13px;
padding: 0 10px;
}
/*
section__thuonghieu
*/
.section__thuonghieu .col.large-3 {
padding-bottom: 0 !important;
}
.section__thuonghieu .col.large-12 {
padding-bottom: 0;
}
.col.large-12 {
padding-bottom: 0 !important;
}
.section__thuonghieu .box-text {
padding: 0 0 0 15px;
}
.title__home {
margin-bottom: 10px !important;
border: 0 !important;
}
.title__home span {
border: 0;
margin: 0;
padding: 0;
font-size: 21px;
color: #011e41;
border-left: 5px solid #011e41;
padding-left: 12px;
line-height: 22px;
font-weight: bold;
text-transform: uppercase !important;
}
.section-title {
border: 0 !important;
}
.section__thuonghieu .box h4 {
font-size: 14px;
margin-bottom: 10px;
}
.section__thuonghieu .box p {
font-size: 13px;
line-height: 22px;
margin: 0;
}
/*
nha cai moi
*/
.new_item ,.top-trending-item {
width: 100%;
}
.new_item .align-items-center {
padding: 0 10px 20px;
}
.new_item .justify-content-center {
overflow: hidden;
clear: both;
border-left: 4px solid #011e41!important;
padding: 10px;
background: #fff;
border-radius: 10px;
}
.new_item .justify-content-center:hover {
background:#011e41;
border-left: 4px solid #ed4d2d!important;
}
.new_item .justify-content-center .img__nc {
float: left;
width: 80px;
}
.new_item .justify-content-center .card-body {
float: right;
width: calc(100% - 80px);
padding-left: 10px;
}
.new_item .justify-content-center .card-body a {
color:#011e41;
font-size:16px;
display: block;
}
.section__nhacai ,.section__nhacaimoi {
padding-bottom: 0 !important;
}
.new_item .justify-content-center:hover .card-body a,
.new_item .justify-content-center:hover .card-body .card-time {
color:#fff;
}
.new_item .justify-content-center .card-body .star i {
font-size:12px;
color:#ed4d2d;
}
.section__trochoi .stack-row {
background:#fff;
padding:1rem!important;
}
.section__trochoi {
padding-bottom: 0 !important;
}
.top-trending-item {
display: flex;
}
.top-trending-item .top-trending-item__image {
width: 60px;
height: 60px;
margin-right: 15px;
}
.top-trending-item .top-trending-item__content {
padding-right: 1rem;
width: calc(100% - 185px);
}
.tt__tc a {
display: block;
font-weight: 600;
font-size:16px;
color:#333;
}
.mt__tc__m {
color:#6c757d;
font-size:14px;
}
.top-trending-item__link {
text-align: center;
width: 90px;
}
.top-trending-item__link a {
display: inline-block;
background: #fff;
border: 1px solid #011e41;
color: #011e41;
padding: 2px 15px;
font-size: 12px;
border-radius: 5px;
font-weight: 700;
margin-bottom: 5px;
}
.top-trending-item__link a:hover {
background:#011e41;
color:#fff;
}
.top-trending-item__link .text_mp {
color:#6c757d;
font-size:14px;
}
.section__nhacai .stack-row {
margin:0 -5px;
}
.section__nhacaimoi .stack-row{
margin:0 -10px;
}
/*
section__news
*/
.section__news .post-item .box-text {
padding:10px;
}
.section__news .post-item .post-title {
text-transform: none;
font-size: 15px;
margin: 0 0 10px 0;
}
.section__news .row-grid .post-item:nth-child(2) .post-title {
font-size:19px;
}
.section__news .post-item button {
text-transform:none;
background: #fff;
border: 0;
color: #011e41;
}
/*
section__quantam
*/
.section__quantam {
padding-bottom: 0 !important;
}
.section__quantam .colum__box .col.large-8 > .col-inner,
.section__quantam .colum__box .col.large-4 > .col-inner {
padding: 5px 10px;
background: #fff;
border: 1px solid #e6e1e1;
overflow: hidden;
}
.section__quantam .post-item {
padding: 5px 5px 5px !important;
}
.section__quantam .colum__box .col.large-6{
padding: 0 5px;
}
.section__quantam .colum__box .col.large-8 ,
.section__quantam .colum__box .col.large-4 {
padding-bottom: 0 !important;
}
.section__quantam .colum__box .col.large-8 .row,
.section__quantam .colum__box .col.large-4 .row {
margin:0 -5px;
}
.section__quantam .colum__box .box-vertical .box-image {
width: 125px !important;
float: left;
}
.section__quantam .colum__box .box-vertical .box-image .image-cover {
padding-top: 75px !important;
}
.section__quantam .colum__box .box-vertical .box-image img {
width: 100%;
height: 75px;
object-fit:cover;
}
.section__quantam .colum__box .box-vertical .box-text {
float: right;
width: calc(100% - 135px ) !important;
padding:0 !important;
}
.section__quantam .colum__box .box-vertical .box-text .post-title {
font-size: 14px;
color: #333;
font-weight: 700;
line-height: 20px;
max-height: 40px;
overflow: hidden;
display: block;
margin: 0 0 5px 0;
}
.section__quantam .box__left .box-image .image-cover {
padding-top: 290px !important;
}
.section__quantam .box__left .box-image .image-cover img {
width: 100%;
height: 290px;
object-fit:cover;
}
.section__quantam .box__left .post-title {
margin:0 0 6px 0;
font-size:16px;
line-height:22px;
height: 44px;
overflow: hidden;
}
.section__quantam .box__left .box-text {
padding-bottom: 0 !important;
}
/*
item__tienich
*/
.item__tienich {
padding: 0 15px 20.3px;
width: 33.333%;
float: left;
}
.item__tienich > a {
display: block;
line-height:0;
text-align:center;
}
.item__tienich > a img {
width: auto;
display: block;
margin:auto;
max-height:65px;
}
.item__tienich h3 {
margin:0;
}
.item__tienich h3 a {
display: block;
color: #333;
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 22px;
height: 44px;
overflow: hidden;
}
.item__tienich:hover h3 a {
color:red;
}
.section__quantam .col.large-4 .section-title-container{
margin: 0;
padding: 6px 0 15px;
clear: both;
overflow: hidden;
}
.section__quantam .col.large-4 .section-title-container .section-title {
border:0;
margin:0;
}
.section__quantam .col.large-4 .section-title-container .section-title .section-title-main {
border:0;
margin: 0;
padding: 0;
font-size: 21px;
color: #011e41;
line-height: 22px;
font-weight: bold;
}
.section__quantam .col.large-4 .section-title-container .section-title a {
font-size:14px;
font-weight: 400;
}
/*
section__khuyenmai
*/
.section__khuyenmai .col.large-3 {
padding-bottom: 0 !important;
}
.section__khuyenmai .box-image img {
height: 131px;
object-fit: cover;
}
.section__khuyenmai .box-text {
padding: 0 ;
background: #f9bb1f;
}
.section__khuyenmai .box-text a {
display: block;
padding: 10px;
color: #000;
font-size: 15px;
font-weight: 600;
}
.section__khuyenmai .box-text a:hover {
background: #026bb8;
color: #fff;
}
/*
top__nhacai
*/
.top__nhacai {
overflow: hidden;
clear:both;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom:1px solid #ccc;
}
.align-items-2 {
overflow: hidden;
clear:both;
}
.align-items-2 .img__nc-2 {
float: left;
width: 70px;
}
.align-items-2 .img__nc-2 img {
width: 100%;
height: 67px;
object-fit: cover;
}
.align-items-2 .card-body-2 {
float: right;
width: calc(100% - 80px);
}
.align-items-2 .card-body-2 .card-title-2 {
margin:0;
}
.align-items-2 .card-body-2 .card-title-2 a {
color: #333;
font-size: 15px;
display: block;
line-height: 20px;
}
.top__nhacai:last-child {
margin-bottom: 0;
border-bottom:0;
padding-bottom: 0;
}
.card-time-2 {
color:#666;
font-size:13px;
}
.star-2 i {
font-size:12px;
color:#ffcc00;
}
.star-2 span {
font-size:12px;
color:#666;
}
/*
section__sanpham
*/
.section__sanpham .col.large-3 {
max-width: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 10px;
text-align: center !important;
}
.section__sanpham .box {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 9;
padding: 10px;
}
.section__sanpham .box .title__game {
text-align: center;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.section__sanpham .box p {
color: #FFF;
margin: 0;
font-size: 14px;
}
.section__sanpham .box .box-image img {
width: 46px !important;
height: 46px !important;
display: block;
margin: auto;
border-radius: 100%;
object-fit: cover;
}
.section__sanpham .text-center .button,
.section__sanpham .text-right .button,
.section__sanpham .button {
background: #026bb8 !important;
color: #fff;
position: absolute;
bottom: 10%;
left: 0;
right: 0;
z-index: 9;
width: 150px;
margin: auto !important;
}
.section__sanpham .img img {
width: 100%;
height: 415px;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
}
.section__sanpham .col.large-3 .col-inner {
position: relative;
}
/*
tab__mobile
*/
.tab__mobile {
overflow: hidden;
clear: both;
}
.tab__mobile .tabbed-content > .nav {
width: 96px;
height: 100%;
/* display: -webkit-box; */
display: -ms-flexbox;
/* display: flex; */
-ms-flex-line-pack: start;
align-content: start;
-ms-flex-wrap: wrap;
/* flex-wrap: wrap; */
overflow-x: hidden;
overflow-y: auto;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
padding: 0 5px 10px;
}
.tab__mobile .tabbed-content > .nav li {
margin: 0px 5px 6px;
color: #9aa4c2;
text-align: center;
-ms-flex-preferred-size: 65px;
flex-basis: 65px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
background: linear-gradient(
142deg,#1e3c72,#1e3c72,#2a5298,#3f67ad,#2a5298,#1e3c72,#1e3c72);
border: 1px solid #d5ddf4;
border-radius: 15px;
padding: 4px 0;
-ms-flex-preferred-size: 76px;
flex-basis: 76px;
text-transform: uppercase;
}
.tab__mobile .tabbed-content > .nav li a {
font-size: 11px;
color: rgba(255,255,255,.7);
font-weight: 400;
display: block;
text-align: center;
padding: 30px 0 0 0;
position: relative;
}
.tab__mobile .tabbed-content > .nav li a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/icon-live.png)no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background-size: contain;
opacity: 1 !important;
}
.tab__mobile .tabbed-content > .nav li.active {
background: linear-gradient(
142deg,#1e3c72,#1e3c72,#2a5298,#3f67ad,#2a5298,#1e3c72,#1e3c72);
color: #1e3c73;
background: linear-gradient(
180deg,#d4d4d4,#eee,#bebebe,#bebebe);
}
.tab__mobile .tabbed-content > .nav li.active a {
color: #1e3c73;
}
.tab__mobile .tabbed-content > .nav li:nth-child(2) a:before {
content: "";
width: 30px;
height: 30px;
/*background: url(images/type_live.png)no-repeat;*/
background: url(images/icon-egame.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(3) a:before {
content: "";
width: 30px;
height: 30px;
/*background: url(images/type_egame.png)no-repeat;*/
background: url(images/icon-sports.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(4) a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/type_chess.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(5) a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/icon-animal.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(6) a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/icon-mpg.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(7) a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/icon-lottery.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(8) a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/icon-esports.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(9) a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/icon-esports.png)no-repeat;
background-size: contain;
}
.tab__mobile .tabbed-content > .nav li:nth-child(10) a:before {
content: "";
width: 30px;
height: 30px;
background: url(images/type_hot.png)no-repeat;
background-size: contain;
}
.box__content__sing {
background: #fbf4da;
height: 500px;
overflow: auto;
padding: 20px;
border-radius: 10px;
}
.box__content__sing::-webkit-scrollbar-thumb {
background-color: #d61515 ;
}
.box__content__sing::-webkit-scrollbar {
width: 10px;
background-color: #fff;
}
.tab__mobile .tabbed-content .tab-panels {
width: calc(100% - 85px);
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
display: block;
-webkit-animation: game-show .5s ease forwards;
animation: game-show .5s ease forwards;
}
.tab__mobile .tabbed-content .tab-panels .img {
margin-bottom: 10px;
}
.tab__mobile .tabbed-content .tab-panels .img img {
border-radius: 20px;
overflow: hidden;
}
.tab__mobile .tabbed-content .entry-content > .row .col.small-6.large-6:nth-child(1) {
padding-right: 4px;
}
.tab__mobile .tabbed-content .entry-content > .row .col.small-6.large-6:nth-child(2) {
padding-left: 4px;
}
.tab__mobile .tabbed-content .tab-panels {
width: calc(100% - 96px);
}
.tab__mobile .col.large-12 {
padding: 0;
}
.tab__mobile .tabbed-content {
position: relative;
height: calc(100vh - 100px - 34.375vw - 75px);
padding-top: 5px;
overflow: hidden;
}
.colum__taiungdung .col.large-6 {
padding-bottom: 10px;
}
.colum__taiungdung .col.large-4,
.colum__taiungdung .col.large-8 {
padding-bottom: 0;
}
.section__mobile {
padding: 10px 0 !important;
}
.section__gt {
/*padding-bottom: 0 !important;*/
}
.bottom-nav {
display: none;
}
.colum__taiungdung .stack img {
width: auto;
height: auto;
max-height: 60px;
margin: auto;
display: block;
}
.thongbao {
margin-top: 0 !important;
}
.thongbao .col {
padding-bottom: 0;
}
.footer-wrapper {
background: #181818;
}
.footer-wrapper .widget .widget-title {
display: block;
color: #666666;
line-height: 30px;
position: relative;
text-align: left;
font-weight: 400;
text-transform: none;
margin: 0 0 35px 0;
color: #f5dab2;
font-size: 20px;
}
.section__width {
position: relative;
z-index: 9;
}
.footer-wrapper .footer-1 .widget {
max-width: 33.333%;
-ms-flex-preferred-size: 12.5%;
flex-basis: 33.333%;
padding: 0 30px;
margin: 0;
}
.footer-wrapper .footer-1 .widget:nth-child(3) img {
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
/*filter: url(data:image/svg+xml;charset=utf-8,#filter);*/
-webkit-filter: grayscale(1) opacity(.8);
filter: grayscale(1) opacity(.8);
}
.footer-wrapper .footer-1 .widget:nth-child(3) img:hover {
-webkit-filter: grayscale(0) opacity(1);
filter: grayscale(0) opacity(1);
}
.footer-wrapper .footer-1 .widget:nth-child(1) img {
/* width: 120px;
margin:0 auto 10px;
display:block;*/
}
.footer-wrapper .footer-1 .widget p {
color: #fff;
font-size: 15px;
line-height: 26px;
text-align: left;
}
.footer-wrapper .footer-1 .widget p a {
color:red;
}
.footer-wrapper .widget .is-divider {
display: none !important;
}
.footer-wrapper .widget ul li {
border: 0 !important;
text-align: center;
}
.footer-wrapper .widget ul li a {
cursor: pointer;
text-decoration: none;
color: #ccc;
font-size: 13px;
padding: 0;
display: block;
line-height: 25px;
text-align: left;
}
.footer-wrapper .widget ul li a:hover {
color: red;
}
.footer-2 .widget:nth-child(2) .textwidget a ,
.footer-2 .widget:nth-child(3) .textwidget a {
display: inline-block;
}
@media only screen and (max-width: 1024px) {
.bottom-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: -ms-flexbox;
display: flex;
box-shadow: 0 -1px 6px rgb(0 0 0 / 20%), 0 -1px 2px rgb(0 0 0 / 60%);
z-index: 99;
background: #fff;
}
.bottom-nav a {
text-align: center;
-ms-flex: 1;
flex: 1;
height: 100%;
padding-top: 5px;
position: relative;
display: block;
color: #0086cd;
}
.bottom-nav a img {
display: block;
width: auto;
max-height: 30px;
margin: auto !important;
}
.bottom-nav a span {
display: block;
color: #0086cd;
text-align: center;
font-size: 12px;
line-height: 26px;
font-weight: 600;
}
.footer-wrapper .footer-1 .widget {
max-width: 100%;
-ms-flex-preferred-size: 12.5%;
flex-basis: 100%;
padding: 0 10px 18px !important;
}
.float_box-left {
display: none;
}
.footer-1 {
}
.mobta__mobile {
display: block;
}
#custom_html-5{
display: none !important;
}
.section__taiap .col.large-3 {
padding-bottom: 0;
padding: 0 5px;
margin-bottom: 10px;
}
.section__taiap .button {
background: #731fb6;
font-size: 12px;
border-radius: 30px;
}
.section__taiap .col.large-3:nth-child(2) .button {
background: #4145ca;
}
.section__taiap .col.large-3:nth-child(3) .button {
background: #1e1e1e;
}
.section__taiap .col.large-3:nth-child(4) .button {
background: #cd2201;
}
.section__taiap {
padding: 15px 0 10px !important;
}
#content {
width: 100%;
}
.footer-2 {
display: none;
}
.section__veso {
padding: 20px 0 3px !important;
}
.side-menu {
/*display: none;*/
}
#logo img {
margin: 0 auto !important;
}
.footer-wrapper {
/*display: none;*/
}
#logo {
/* width: 65px;
position: absolute;
right: 0;
left: 0;*/
margin: auto;
}
.section__iphone {
padding: 15px 0;
}
/*************** ADD MOBILE ONLY CSS HERE ***************/
.box__before {
display: none;
}
.footer-1 .widget.widget_nav_menu ul.menu {
max-width: 100%;
display: block;
overflow: hidden;
}
.footer-1 .widget.widget_nav_menu ul.menu > li{
width: 50%;
float: left;
}
.footer-1 .widget.widget_nav_menu ul.menu li a {
font-size: 13px;
font-weight: 500;
text-transform: none;
}
.runMsg {
/*display: none;*/
}
.box__trochoi {
padding: 20px 0 15px 0 !important;
}
.box__trochoi .box-text.text-center {
/*padding-bottom: 0;
padding-top: 15px;
position: absolute;
top: 31%;
z-index: 99;
right: 0;
width: 100%;
padding: 0 20px;
text-align: right;*/
}
.box__trochoi .box {
position: relative;
}
.box__trochoi .box-text h4 {
color: #fff;
font-size: 16px;
font-weight: 500;
font-weight: bold;
text-transform: uppercase;
}
.box__left__layout {
width: 100%;
}
.box__right__layout {
width: 100%;
}
.box__socical {
bottom: 0;
left: 0;
width: 100%;
display: flex;
top: inherit;
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(0, 0, 0, 0.7);
display:none;
}
.box__trochoi .box-image a img {
height: 130px;
}
.box__trochoi .small-6 {
padding: 0 5px;
max-width: 50%;
-ms-flex-preferred-size: 25%;
flex-basis: 50%;
}
.box__trochoi .small-6 .box {
margin-bottom: 10px;
}
.box__trochoi .box-text h4 {
color: #fff;
font-size: 15px;
font-weight: 500;
font-weight: bold;
text-transform: uppercase;
text-align: center;
/*padding-left: 59px;*/
}
.box__trochoi .box__1 .col-inner .box:nth-child(1) .box-text h4 {
padding-left: 0;
text-align: center;
padding-top: 45px;
}
.colum__veso > .col.medium-2 .col-inner .img {
border-bottom: 1px solid #f3ecec;
padding-bottom: 15px;
margin-bottom: 15px;
}
.colum__veso > .col:nth-child(2n) {
border-right: 0 !important;
}
.absolute-footer{
padding-bottom: 30px;
}
.header-top {
background: #109a48;
}
.header-main {
background: #000;
}
.mobile-nav i {
color: #fff;
}
.header-inner .mobile-nav.nav-right > li:last-child > a {
background: url(images/dn.png)left center no-repeat;
background: linear-gradient(
180deg,#82ddf6,#2e789a);
padding: 0 10px;
border-radius: 20px;
color: #fff;
line-height:23px !important;
}
.header-inner .mobile-nav.nav-right > li > a {
color: #fff;
padding: 0;
background: url(images/dk.png)left center no-repeat;
background: linear-gradient(
180deg,#d4d4d4,#eee,#bebebe,#bebebe);
color: #1e3c73;
padding: 0 10px;
border-radius: 20px;
}
}
@media only screen and (max-width: 600px) {
.side-menu {
display: none;
}
#logo img ,
#header .stuck #logo img {
max-height: 55px !important;
}
.runMsg {
background-image: url(images/bg_runMsg.png);
background-position: center;
background-repeat: no-repeat;
background-color: rgba(0,0,0,0.7);
height: 40px;
bottom: 0px;
width: 100%;
z-index: 99;
}
.runMsg > .row > .runMsgTitle {
float: left;
line-height: 40px;
height: 40px;
font-size: 11px;
color: #9f9d9d;
max-width: 96px !important;
background: url(images/loa.png)6px 12px no-repeat;
padding-left: 28px;
background-size: 15px;
font-weight: bold;
}
.runMsg .marqueeBar {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 35px;
}
.one__one {
color: #fff;
margin: 0 10px;
padding: 0 10px;
font-size: 14.4px;
font-size: 9px;
border-radius: 50px;
background: none;
font-weight: 700;
height: 20px;
line-height: 20px;
display: inline-block;
}
.section__iphone .col.large-3 {
padding: 0 5px;
margin-bottom: 10px;
}
.section__iphone .button {
background: #b02a10;
width: 100%;
height: 40px;
font-size: 10px;
}
.section__iphone .col.large-3:nth-child(2) .button {
background: #7932d4;
}
.section__iphone .col.large-3:nth-child(3) .button {
background: #f0b615;
}
.section__iphone .col.large-3:nth-child(4) .button {
background: #cd2201;
}
.colum__veso .img .img-inner {
width: 100px;
height: 100px;
line-height: 100px;
}
.bottom-nav {
display: flex;
}
.section__hotro {
width:100% ;
}
.footer-2 p {
font-size: 12px;
}
.html_topbar_left {
font-size: 11px !important;
}
.box__nth__2 .news-post-news {
width: 100%;
padding: 0 5px;
float: none;
clear: both;
}
.page-numbers {
overflow: hidden;
clear:both;
margin-bottom: 20px;
}
.page-right-sidebar {
padding-top: 12px;
}
.page-wrapper .container {
padding:0 5px;
}
.box__nth__2 .news-post-news .box__news__inner {
padding:5px;
}
.box__nth__2 .news-post-news .box__thumb__img {
width: 100%;
margin-bottom: 10px;
}
.box__nth__2 .news-post-news .box__content {
/*width: calc(100% - 150px - 10px);*/
width: 100%;
}
.box__nth__2 .news-post-news .box__content h3 a {
font-size: 15px;
line-height: 24px;
max-height: 48px;
overflow: hidden;
display: block;
}
#top-bar .container {
padding: 0;
}
.mobile-nav >li {
margin: 0 3px;
}
.box__nth__2 .news-post-news .box__thumb__img a img {
height: auto;
}
.footer-2 .widget.widget_nav_menu ul.menu {
display: block;
}
.footer-2 .widget.widget_nav_menu ul.menu li {
float: left;
width: 50%;
}
.copyright-footer {
font-size: 13px;
}
.section__taiap .button {
border-left: 15px solid;
}
.section__taiap .icon-box .icon-box-text h3 {
font-size: 12px;
}
.section__taiap .icon-box .icon-box-text p {
font-size: 11px;
}
.home .section__slider .flickity-viewport {
height:120px !important;
}
.section__mobile li {
margin: 0 !important;
}
.section__mobile .col.large-12 {
padding:0 5px 0 !important;
}
.header-inner .mobile-nav.nav-right > li:last-child > a ,
.header-inner .mobile-nav.nav-right > li > a {
background-size: 23px;
line-height:23px !important;
}
.runMsg {
background:#000 !important;
}
.header-inner .mobile-nav.nav-right {
display: block;
width: 190px;
text-align: right;
}
#home_list_game .dealer-item-body-mobile {
border-bottom:0;
}
}