*{margin: 0;padding: 0}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
}
.content-info iframe {width: 100%;height: 600px;}
/* CSS cho bảng ATM99 */
        table {
            width: 100%;
            max-width: 900px;
            margin: 30px auto;
            border-collapse: separate;
            border-spacing: 0;
            background: #ffffff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
        }

        /* Header row */
        table tbody tr:first-child {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }

        table tbody tr:first-child td {
            color: white;
            font-size: 1.2em;
            padding: 20px 25px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Tất cả các ô */
        table td {
            padding: 15px 20px;
            border-bottom: 1px solid #e8e8e8;
            vertical-align: middle;
            line-height: 1.8;
        }

        /* Cột đầu tiên (Hạng mục) */
        table tbody tr:not(:first-child) td:first-child {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            font-weight: 600;
            font-size: 1.05em;
            width: 250px;
            border-right: 3px solid #ffffff;
        }

        /* Cột thứ hai (Thông tin chi tiết) */
        table tbody tr:not(:first-child) td:last-child {
            background: #ffffff;
            color: #333333;
            text-align: left;
        }

        /* Xóa border-bottom của hàng cuối */
        table tbody tr:last-child td {
            border-bottom: none;
        }

        /* Hiệu ứng hover cho các hàng */
        table tbody tr:not(:first-child):hover {
            background: linear-gradient(to right, #f8f9ff, #ffffff);
            transform: scale(1.02);
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);
        }

        /* Links styling */
        table a {
            color: #667eea;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            border-bottom: 2px solid transparent;
        }

        table a:hover {
            color: #764ba2;
            border-bottom: 2px solid #764ba2;
        }

        /* Paragraphs trong table */
        table p {
            margin: 8px 0;
        }

        table p:first-child {
            margin-top: 0;
        }

        table p:last-child {
            margin-bottom: 0;
        }


img{max-width: 100%}

a{text-decoration: none;color:blue;transition: all .4s; }
a:hover {text-decoration: none;color: red;}
/* đảm bảo body không có background mặc định */
.list-social{    position: fixed;z-index: 999;
right: 30px;
bottom: 50px;}

.list-social li{list-style:none;    margin-bottom: 10px;}
.list-social li img{max-width:60px;}
body {
  font-size: 16px;

  color: #430909;font-weight: 500;
  margin: 0;
  position: relative; /* để z-index con hoạt động */
  min-height: 100vh;
  background: none;   /* hoặc màu fallback */
}

/* pseudo element làm nền cố định */
body #main{position: relative;}
body #main::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  z-index: -1; /* đặt phía sau nội dung */
  background-image: url("images/bodymain.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  will-change: transform; /* hỗ trợ hiệu năng */
  pointer-events: none;   /* không chặn sự kiện chuột */
}
.mainbg-top{position: relative;padding-bottom: 400px;}
.mainbg-top::before{content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  z-index: -1; /* đặt phía sau nội dung */
  background-image: url("images/bgbanner.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  will-change: transform; /* hỗ trợ hiệu năng */
  pointer-events: none;}

.margin-top { margin-top:48px; }
.logo-brand img {display: block;margin: auto;width: 100%;}
.banner-home {position:relative; height: auto;width: 100%;}
.header_pc .logo {margin: 0 auto ;text-align: center;max-width: 350px; display: block;padding: 30px 0}
.instruct .box  { text-align:center;margin-bottom:54px; }
.instruct { position:relative; }
.instruct .box .list-button ul {padding: 0; margin: 0;}
.list-button ul { padding:0 50px; }
.box-csatm-new{margin-bottom: 30px;    position: relative;
    top: -315px;}
    .catalog-summary {margin-top: -315px}
.imgdown{margin-top: -100px}
.gtcen .row{align-items: center;}
.instruct .list-button ul li {margin-bottom: 29px;list-style: none;}
.instruct .list-button ul li:last-child{margin-bottom: 0}
.instruct .list-button ul li a, .box-catalog .dow-app a, .buton-dowapp a{ text-align:center;padding:16px 32px;display:inline-block;font-weight: 700; font-size: 24px;text-transform: uppercase;border-radius: 40px;box-shadow: 0px 2px 12px 0px #00000040;
border: 3px solid #FFCA09;background: linear-gradient(0deg, #FFEF7A 0%, #FFD304 30.77%, #FFD304 62.98%, #FFEF7A 100%);
color: #002FC0;}
#download-app{margin-top: 30px}
.instruct .list-button ul li:nth-child(2) a, .instruct .list-button ul li:nth-child(3) a{border: 3px solid #1869FF;background: linear-gradient(0deg, #70C4FF 0%, #0041FF 30.29%, #0041FF 67.31%, #70C4FF 100%);color: #fff}
.instruct .list-button ul li.receive-promotions a { background: red;color: #fff; }
.game-list .title {text-align:center;font-size: 24px; text-transform: uppercase;font-weight: 700;color: #fff;margin-bottom: 16px;   }
.game-list .row > div { margin-bottom:32px; }
.instruct .list-button ul li a{width: 100%}
.box-catalog > .describe {margin-top:0;}
.buton-dowapp{text-align: center;}
.box-catalog {padding: 40px 20px; text-align: center;border-radius: 16px;background: linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%);
position: relative;color: #333333}
.box-catalog .content { text-align:justify;color:#333333; margin-bottom: 24px;}

.title-model { font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    background: linear-gradient(180deg, #4AA2FF 0%, #0643FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    #footer {
    color: #fff;
    background: linear-gradient(180deg, #002FC0 0%, #0643FF 100%);
    padding-top: 40px;
}
.title-brand, .box-content-home h2 {
    font-size: 55px;
    font-weight: 900;
    text-transform: uppercase;
    background: linear-gradient(180deg, #4AA2FF 0%, #0643FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
    font-style: italic;
}
.partner-list .item {
    margin-bottom: 30px;
}
.top-footer {
    padding: 40px 0;
    border-top: 1px solid transparent;
    border-image-source: linear-gradient(94.69deg, #D79709 2.14%, #FFDB5E 99.34%);
    border-image-slice: 1;
}
.logo_footer_1 {
    margin-bottom: 20px;
}
.logo_footer_1 img {
    max-width: 300px;
}
.menu-footer ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    list-style-type: none;
    padding: 0;
}
#footer ul li {
    margin-bottom: 15px;
}
.bottom-footer {
    padding: 40px 0;
    border-top: 1px solid transparent;
    border-image-source: linear-gradient(94.69deg, #D79709 2.14%, #FFDB5E 99.34%);
    border-image-slice: 1;
}
 .describe { text-align:left;color:#333333; margin:24px 0;text-align:justify; }
 .describe .row { align-items:center            ; }
.download-app-adroi .box { text-align:center;width: 255px;margin: 0 auto;}
.download-app-adroi .box .title,.download-app-ios .box .title { font-size:24px; color:#FED769;font-weight:700; }
.download-app-adroi .box .image,.download-app-ios .box .image { margin-bottom:24px; }
.download-app-adroi .box .content,.download-app-ios .box .content { text-align:center; }
.download-app-adroi .buton-dowapp a,.download-app-ios .buton-dowapp a, .game-warehouse .buton-dowapp a { width:523px; }
.introducing img { width:100%; }
.introducing .row,.transaction .row { display:flex;align-items:center; }
.game-list .row { text-align:center;justify-content:center; }
.download-app-adroi .row { justify-content:center; }
.download { text-align:center;margin-top:20px }
.download  ul { padding:0; margin:0;display:flex;gap:30px;  justify-content:center; }
.download ul { text-align:center;list-style: none;}
.download img{width: 100%;cursor: pointer;}
.download ul li:nth-child(3) a{ background: red; } 
#trueModal2 .getphone,#trueModal .getphone {color: #A87600;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;}
#trueModal2 input,#trueModal input {width: 100%;
    border: 1px solid #ddd;
    padding: 13px 20px;
    border-radius: 50px;
    margin-bottom: 30px;}    
#trueModal2 input[type=submit],#trueModal  input[type=submit] {    width: 100%;
    background: #EA232B;
    color: #fff;
    border: 0;
    padding: 13px 20px;
    border-radius: 50px;
    height: auto;
    line-height: inherit;}    

#custom-alert {
    margin-top: 12px ;
    width: 260px;
    background: #250043;
    border-radius: 16px;
    border: 2px solid #F8F662;
    padding: 16px;
    text-transform: uppercase;
    text-align: center; color: #fff}   
#custom-alert button {
    background: linear-gradient(180deg, #FEFD95 8.85%, #DB900C 50%, #FEFD95 100%);
    padding: 0 12px;
    height: 30px;
    border-radius: 6px;
    font-weight: 500;}
#custom-alert span {
    display: block;
    font-size: 14px;
    margin: 4px 0;}    
#copy-success-msg {
    margin-top: 8px;
    font-size: 14px;}   
#myText { display:none; }         
/*footer*/
footer { background:#000; }
footer a{color: #fff}
footer ul { margin:0;padding:0; }
.footer-top {padding: 20px 0;}
.footer-top ul li { margin-left:20px; }
.footer-bot { text-align:center;padding: 10px 0; border-top:1px solid #fff; }
.footer-top .footer-title span { color:#FEFD95;font-size:20px;font-weight:500; }
.footer-top .footer-title { margin-bottom:15px;}
/* popup*/
.catfish { position:fixed;bottom:0;left:0;width:730px;height:90px; margin:auto;right:0;z-index:9999999; } 
.popup {
    width: 400px;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 9999;
}
.popup a { display:block; }
.popup a img { width:100% ; height:auto; }
.close, .closes {
       position: absolute;
    top: -25px;
    right: 0px;
    cursor: pointer;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    background: red;}
.line-dark {z-index: 9;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #0000008a;
    top: 0;
    left: 0;
}
.dmca{text-align: right;}

@media (max-width:767px){
    table {
                border-radius: 10px;
                margin: 20px 10px;
            }
            
            table td {
                padding: 15px;
                font-size: 0.9em;
            }
            
            table tbody tr:not(:first-child) td:first-child {
                width: auto;
                min-width: 140px;
            }
            
            table tbody tr:first-child td {
                padding: 15px;
                font-size: 1em;
            }
        .imgdown {display: none;}
    .list-social{bottom: 0;right: 0;width: 100%;}
.list-social ul{margin-bottom: 0;display: flex;justify-content: center;height: 76px;width: 100%;background: #23D7F8;padding-left: 0;
align-items: center;}
.list-social li{margin-bottom: 0;margin: 0 20px;}
.list-social li img{max-width: 40px;}
	.catfish {width: 100% !important;}
    .popup { width: 60% !important; }
.popup a img { height:auto; }
    body { font-size:14px; }
.margin-top { margin-top:15px; }
.logo img { height: auto;
    max-width: 75%; }
.container-mb { max-width:100%;padding:0; }
.instruct .display-flex { align-items: center;}
.instruct .box ,.instruct .download { width:100%; }
.instruct .box { margin-bottom:0; }
.download .row a { padding:10px; width:100%; height:auto;margin-bottom:15px; }
.download .row a span { font-size:14px; }
.download img { width:30%; }
.list-button ul { padding:0; margin-bottom: 0;}
.instruct .list-button ul li a { font-size:16px; }
.instruct .list-button ul li:last-child {margin-bottom: 0;}
.instruct .list-button ul li {margin-bottom: 15px;}
.game-list .title {font-size: 18px;margin-bottom: 15px;}
.game-list .row > div,.box-catalog .content { margin-bottom:15px;  }
.box-catalog.ss { padding: 0;
    background: none; }
.describe {margin-top:0px;margin-bottom:15px; }
.describe .row > div:first-child {margin-bottom:15px;  }
.box-catalog .dow-app a, .buton-dowapp a,.download-app-adroi .buton-dowapp a, .download-app-ios .buton-dowapp a, .game-warehouse .buton-dowapp a { width:100%; }
.title-model { font-size:32px; }
.download-app-adroi .box .title, .download-app-ios .box .title { font-size:16px; }
.download-app-adroi .box .image, .download-app-ios .box .image { margin-bottom:15px; }
#trueModal .getphone, #trueModal2 .getphone {
    font-size: 20px;}
#trueModal, #trueModal2 {
    margin: 0 15px;}
    #download-app {
  margin-top: 0;
}
    .getphone br { display:none; }   
#countdown, #countdown_1 { width:100%;padding:5px }     
#custom-alert { width:100%;margin-bottom:15px;padding:5px }
.instruct { margin-top:0;position: relative !important;bottom: 0}
.logo-brand{top: 86px;padding: 0 10px}
.logo-brand h1 { font-size: 22px; }

.download ul li a { width: 100%;height: auto;padding: 10px 10px;}
.download ul li:nth-child(3) { width: 100%; }
.download ul li:nth-child(3) a {font-size: 16px; padding:16px 32px; display: block;}
.download ul { gap: 10px;}
  .download img {
    width: 100%;
  }
  .partner-ft{display: none;}
   .top-footer {
    padding: 0 0 20px 0;
    border-top: 0;
  }
    body {
    padding-bottom: 76px;
  }
  .dmca {
  text-align: left;margin-top: 10px;
}

.banner-home {height: auto;padding-bottom: 20px;}
.catalog-summary { margin-top: -315px;}

}