*{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;}

img{max-width: 100%}
a{text-decoration: none;color:#fff;transition: all .4s; }
a:hover {text-decoration: none;}
body {font-size: 16px;font-family: 'Inter', sans-serif;
background: url(images/body.jpg),  #292222 0px -172.176px / 100% 107.736%  no-repeat;

background-blend-mode: soft-light;color: #fff;background-size: contain;background-position: right 550px;}
h1  {text-transform: uppercase;font-weight: bold;position: absolute;
    top: 5%;
    left: 60%;
    text-align: center;
    transform: translateX(-50%);color: #ffaf22;}
.list-button {margin-top: 78px}
.banner-home { position:relative; }
.banner-left { position:absolute;top:0; left:0;width:45%; }
.banner-brand { position:absolute;top:80px;width:100%;left:0;text-align:center; }
.banner-brand img { width:80%; }
.margin-top { margin-top:48px; }
.header_pc { background:#000; }
.header_pc .logo {margin: 0 auto ;text-align: center;max-width: 220px; display: block;}

.instruct { margin-top:-70px; }
.instruct .box  { text-align:center;margin-bottom:54px; }
.instruct .box .list-button ul {padding: 0; margin: 0;}
.list-button ul { padding:0 50px; }
.catalog-summary  {padding-bottom: 30px;}
.catalog-summary .col-md-5 {text-align: center;}
.instruct .list-button ul li {margin-bottom: 29px; list-style: none;}
.instruct .list-button ul li a{ text-align:center;padding:16px 27px;display:flex;align-items:center;justify-content:center;font-weight: 700; font-size: 22px;text-transform: inherit;border-radius: 10px;
border: 5px solid var(--111, #FFED4D);background: #200;color: #fff;}
.instruct .list-button ul li.receive-promotions a { background: var(--3, #F8A302);color: var(--77, #943F00); }
.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; }
.catalog-summary .box-catalog {padding: 40px 20px; text-align: center;border-radius: 16px;border: 10px solid var(--w, #FFDE7B);opacity: 0.9;background: #140202;}
.catalog-summary .box-catalog .content { text-align:justify;color:#fff; margin-bottom: 45px;}
.catalog-summary .box-catalog .dow-app a,.buton-dowapp a {width: 390px; display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 10px;
background: var(--3, #F8A302);padding: 12px 24px;height: 60px;margin: 0 auto;text-transform: uppercase;color: #000;font-weight: 700;border: 3px solid var(--111, #FFED4D);}
.title-model { font-size:32px; font-weight:800;text-align:center;text-transform:uppercase;color: #FED769; }
 .describe { text-align:left;color:#fff; margin:24px 0;text-align:justify; }
 .describe 
.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  ul { padding:0; margin:0; }
.download .row { text-align:center;}
.download .row  li {list-style: none;}
.download .row a { display:flex;background:#000; border:1px solid #fff; border-radius:12px;width:260px; height:74px;justify-content:center;align-items:center; font-weight: 500;}
.download .row a:hover { color:#fff; }
.download .row a span { font-size:16px;text-transform:uppercase;width:150px; }
#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;}    
#countdown, #countdown_1 {
    margin-top:12px;
    display: none;
    background: #250043;
    width: 260px;
    border-radius: 16px;
    border: 2px solid #F8F662;
    padding: 16px;
    text-transform: uppercase;
    text-align: center; color: #fff;}
#countdown #countdownSpan, #countdown_1 #countdownSpan2 {
    display: block !important;
    color: #F47F20;
    font-weight: bold;}
#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; } 
.single h1 {position: static;margin: 30px auto;transform: none;color:#DB900C;  }
.single h1,.single h2,.single h3,.single h4 {color:#DB900C; }
.single a {color: blue;}
.single a:hover {color: red;}
.single .content-post img {display: block;margin: 20px auto;}
/*footer*/
footer { background:#200; }
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;
}

@media (max-width:767px){
    h1 { top: 10%;left: 0;transform: none;font-size: 28px; }
	.catfish {width: 100% !important;}
    .popup { width: 60% !important; }
.popup a img { height:auto; }
    body { font-size:14px; }
.margin-top { margin-top:15px; }
.banner-brand img {display: none;}
.logo img { height:50px; }
.container-mb { max-width:100%;padding:0; }
.instruct .display-flex { align-items: center;}
.instruct .box ,.instruct .download { width:100%; }
.instruct .box { margin-bottom:0; }
.instruct .box img { display: none; }
.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,.catalog-summary .box-catalog .content { margin-bottom:15px;  }
.catalog-summary .box-catalog { padding:15px; }
.describe {margin-top:0px;margin-bottom:15px; }
.describe .row > div:first-child {margin-bottom:15px;  }
.catalog-summary .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:18px; }
.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;}
    .getphone br { display:none; }   
#countdown, #countdown_1 { width:100%;padding:5px }     
#custom-alert { width:100%;margin-bottom:15px;padding:5px }
.banner-brand {top:18px;}
.list-button , .instruct{ margin-top: 0;}
.catalog-summary  { margin-top:15px; }

}