@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

h1,h2 {
    margin-top: 20px
}

* {
    margin: 0;
    padding: 0
}

body {
    background: url(../images/bg-lobby.jpg) no-repeat;
    background-size: cover;
    font-family: Roboto;
    color: #fff;
    font-size: 12px
}

.logo {
    width: 120px
}

.download a {
    margin: 2px 0;
    float: left;
    width: 100%
}

.download {
    margin-top: 20px
}

.item {
    background: url(..//images/bg-popup-small.png) no-repeat;
    background-size: 100% 100%,cover;
    margin: 20px 10px 10px;
    position: relative;
    padding: 30px
}

h1,h2 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #ffeb3b
}

.item a img {
    max-width: 50%
}

.item p {
    margin: 0;
    line-height: 22px
}

span.label {
    display: block;
    position: absolute;
    right: -3px;
    top: -4px
}

._text,.a-btn {
    padding: 15px 10px
}

._text span {
    text-transform: uppercase
}

.avatar {
    margin-bottom: 15px
}

.avatar img {
    display: block;
    margin: 0 auto;
    height: 124px;
    width: 124px
}

.item-help {
    width: 210px;
    padding-bottom: 10px
}

.row .col {
    padding: 0 5px!important
}

@media(min-width: 768px) {
}

@media(min-width: 992px) {
}

@media(min-width: 1200px) {
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) {
}

@media only screen and (max-width: 320px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) {
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) {
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
}

@media only screen and (min-width: 1224px) {
    .container {
        margin-top:80px!important
    }

    .logo {
        width: 200px!important
    }
}

@media only screen and (min-width: 1824px) {
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) {
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) and (orientation:landscape) {
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) and (orientation:portrait) {
}

@media only screen and (min-device-width: 414px) and (max-device-width:736px) {
    ._text,.a-btn {
        padding:20px 4px
    }

    .item a img {
        max-width: 30%
    }

    .avatar img {
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width:736px) and (orientation:landscape) {
}

@media only screen and (min-device-width: 414px) and (max-device-width:736px) and (orientation:portrait) {
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .row::before,.row::after {
        content:none
    }
}

.blink {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.responsive {
    width: 100%;
    height: auto;
}
/* ===============================
   KHUNG SECTION SỰ KIỆN – FULL WIDTH
   =============================== */

#w88vin-events {
  width: 100%;
  max-width: 100%;     /* Không thu nhỏ */
  margin: 40px 0 0 0;  /* Không center */
  padding: 0;          /* Đồng bộ với section phía trên */
  color: #eee;
  line-height: 1.65;
  font-size: 16px;
}

/* Toàn bộ chữ trong section căn trái */
#w88vin-events *,
#w88vin-events p,
#w88vin-events li,
#w88vin-events h2,
#w88vin-events h3,
#w88vin-events h4 {
  text-align: left !important;
}


/* ===============================
   TIÊU ĐỀ
   =============================== */

#w88vin-events h2 {
  font-size: 24px;
  margin-bottom: 16px;
  color: #ffd24c;
  font-weight: 700;
  text-transform: uppercase;
}

#w88vin-events h3 {
  font-size: 20px;
  margin: 26px 0 10px;
  color: #ffcc33;
  border-left: 4px solid #ffcc33;
  padding-left: 10px;
  font-weight: 600;
}

#w88vin-events h4 {
  font-size: 17px;
  margin: 18px 0 8px;
  color: #ffd24c;
  font-weight: 600;
}


/* ===============================
   ĐOẠN VĂN & LIST
   =============================== */

#w88vin-events p {
  margin-bottom: 10px;
}

#w88vin-events ul,
#w88vin-events ol {
  margin-left: 20px;
  margin-bottom: 12px;
}

#w88vin-events li {
  margin-bottom: 6px;
  list-style: disc;
}

#w88vin-events ol li {
  list-style: decimal;
}


/* ===============================
   BẢNG SỰ KIỆN
   =============================== */

#w88vin-events .event-table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0 20px;
  background: #1b1b1b;
  border: 1px solid #333;
}

#w88vin-events .event-table th,
#w88vin-events .event-table td {
  padding: 7px 10px;
  border: 1px solid #333;
  font-size: 15px;
  text-align: left !important; 
  vertical-align: top;
}

#w88vin-events .event-table th {
  background: #2a2a2a;
  color: #ffd24c;
  font-weight: 600;
}

#w88vin-events .event-table tbody tr:nth-child(odd) {
  background: #202020;
}

/* Căn phải cho cột tiền nếu cần */
#w88vin-events .event-table td.money-gold {
  text-align: right !important;
}


/* ===============================
   MÀU ĐẶC BIỆT
   =============================== */

#w88vin-events .money-gold {
  color: #ffcc33;
  font-weight: 600;
}


/* ===============================
   KHOẢNG CÁCH CÁC EVENT
   =============================== */

#w88vin-events .event-item {
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid #333;
}

#w88vin-events .event-item:last-child {
  border-bottom: none;
}