html {overflow-x:hidden;}
body {
    line-height: normal;
    font-family: Tahoma, Arial;
    font-size: 14px;
    color:#fff;
    background: url('/data/1780/uploads/bg-body.jpg');
    background-size:1920px auto;
    background-position:left 0px;
    background-repeat:repeat;
}
body, html{}

html.stop{height:100%;}
body.stop{overflow-y:hidden; height:100%;}

*{padding:0; margin:0; vertical-align:middle;  box-sizing:border-box;}
table{width:100%;}
button{outline:0; border:0;}
input{outline:0; border:0;}
iframe{width:100%; height:650px; border:0;}
a, a:hover, a:active, a:focus{color:#fff;text-decoration:none;}
ul, ol{margin-left:20px;}
li{list-style-type:disc;}

h1{font-size:28px; color:#fff; font-weight:900; margin:0.67em 0; text-align:center;}
h2{font-size:22px; color:#fbd123; font-weight:bold;margin:0.83em 0; text-align:center;}
h3{font-size:18px; color:#f4d55a; font-weight:bold;margin:1em 0; text-align:center;}
h4{font-size:16px; color:#fff; font-weight:bold;margin:1em 0;}
p{margin:20px 0; line-height:1.5em;}

.w1000{max-width:1000px; margin:auto; width:100%;}

@media screen and (min-width: 1920px) {
    body {background-size:100% auto;}
}
@media screen and (max-width: 1023px) {
    body>div{transition:transform 0.5s;/* transform:translateX(0);*/ min-height:100vh;}
    .slide-nav-left{transform:translateX(350px);}
}
@media screen and (max-width: 420px) {
    .slide-nav-left{transform:translateX(250px);}
}

#imgLogo{display:none !important;}
/******************************************************************** HEADER ******************/
#divHeader{}

#divHeader-top{}
#divHeader-top>div{display:table; max-width:1000px; width:100%; margin:auto; padding:5px 15px;}
#divHeader-top>div>div{display:table-cell;}

#divLogo{padding:5px 0;}
#divHeader-logo img{height:75px;}

@media screen and (max-width: 500px) {
    #divHeader-logo{text-align:center;}
    #divHeader-logo img{height:60px;}
    #divHeader-top>div>div{display:block;}

}
/*----------------- header-top right ---*/
#divHeader-right{}
#divHeader-right>div{display:table; margin-left:auto;}
#divHeader-right>div>div{display:inline-block;}

.btnLogin{color:#000; padding:7px 20px; font-weight:bold; font-size:14px; text-transform:uppercase; background: rgb(191,150,0); background: -webkit-linear-gradient(0deg, rgba(191,150,0,1) 0%, rgba(252,244,156,1) 100%); background: -webkit-linear-gradient(bottom, rgba(191,150,0,1) 0%, rgba(252,244,156,1) 100%); background: linear-gradient(0deg, rgba(191,150,0,1) 0%, rgba(252,244,156,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf9600",endColorstr="#fcf49c",GradientType=1);}
.btnLogin:hover{}

.btnRegister{margin:0 5px;}
.btnRegister a{padding:7px 20px; display:block; color:#fff; font-weight:bold; text-transform:uppercase; background: rgb(96,0,0); background: -moz-linear-gradient(0deg, rgba(96,0,0,1) 00%, rgba(255,4,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(96,0,0,1) 00%, rgba(255,4,0,1) 100%); background: linear-gradient(0deg, rgba(96,0,0,1) 00%, rgba(255,4,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#600000",endColorstr="#ff0400",GradientType=1);}
.btnRegister a:hover{color:#ff0000; background:#fff;}

.divLanguage{padding: 5px;}
.divLanguage a{display:inline-block; margin:0 2px;}
.divLanguage img{height:25px; border-radius:50%;}

#divHeader-logo{}

.btn-close{position:absolute;top:5px; right:5px;}
.btn-close>div{padding:15px 10px;}
.btn-close span{width:25px; height:4px; margin:4px 0; background-color:#fff; display:block;}
.btn-close span:first-child{transform:translateY(4px) rotate(45deg);}
.btn-close span:last-child{transform:translateY(-4px) rotate(-45deg);}

@media screen and (min-width: 320px) {
    .btnLogin{display:none !important;}
    #divLogin-bottom{display:none;}
    .login-new:after{display:none;}
    #btnCloseLogin{display:none;}

    #customform{font-size:0;}
    #customform dl{display:inline-block;}
    #customform dd{}
    #customform input{padding:8px 15px;}
    #customform_UserName,#customform_Password{max-width:165px; margin-right:5px;color:#fff;background-color: #000;border: 1px solid #555;}
    #customform input#customform_submit{cursor:pointer; color:#420; text-transform:uppercase; font-weight:bold; padding-left:25px; padding-right:25px;background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),  radial-gradient(ellipse farthest-corner at left top, #fdd436 0%, #b1862a 8%, #725b26 25%, #5d4a1f 62.5%, #5d4a1f 100%);}
    #customform input#customform_submit:hover{background-color: #f9d302; color:#fff;}
}


@media screen and (max-width: 500px) {
    #divHeader-right{text-align:center; padding:10px 0 5px;}
}

@media screen and (max-width: 350px) {
    .btnRegister a, .btnLogin{font-size:12px; padding:10px 10px;}
}


/*----------------- header-top float ---*/
#divHeader-topFloat{position:absolute; top:0; left:0; right:0; z-index:11; background-color:rgba(0,0,0,0.6); border-bottom:1px solid #444; width:100%;}
#divHeader-right>div#divHeader-topFloat>div{display:block;}

.topAnnouncement{color:#ecdeb2; padding:5px 10px; max-width:1000px; margin:auto; width:100%;}
.topAnnouncement>div{width:100%; overflow:hidden; display:table;}
.topAnnouncement>div>div{display:table-cell;}
.topAnnouncement li{list-style-type:none;}
.topAnnouncement .icn-announcement{white-space:nowrap;}
.topAnnouncement .icn-announcement>img{width:25px; margin-right:5px;}

.topContact{display:table; margin-left:auto;}
.topContact .tooltip{display:none;position:absolute; top:100%; margin-left:50%; transform:translateX(-50%); z-index:5;}
.topContact>ul{padding:0; display:table; margin:0;}
.topContact>ul>li{list-style-type:none; display:table-cell; padding:5px 10px; position:relative; font-size:12px; white-space:nowrap;}
.topContact>ul>li:hover{text-decoration:underline;}
.topContact>ul>li:hover .tooltip{display:block;}
.topContact img{margin-right:5px; height:25px; width:25px;}
.topContact .tooltip img{height:120px; width:120px;}

@media screen and (max-width: 1024px) {
    #divHeader-right > div#divHeader-topFloat > div{}

    .topContact img{width:20px; height:20px;}
}
@media screen and (max-width: 1023px) {
    .topContact {display:none !important;}
}
@media screen and (max-width: 767px) {
    .topAnnouncement>div{display:block;}
    .topAnnouncement>div>div{display:block;float:left;}

    .topAnnouncement>div>div:first-child{width:20vw;}
    .topAnnouncement>div>div:last-child{width:70vw;}
}
/******************************************************************** CSS MENU ******************/
/*----------------- btn menu ---*/
@media screen and (min-width: 1024px) {
    #btnMenu{display:none;}
}
@media screen and (max-width: 1023px) {
    #btnMenu{display:inline-block; position:relative; padding-left:5px;}
    #btnMenu.active{/*background-color:#00ffae;*/ padding-left:0;}
    #btnMenu>div{padding:10px;}
    #btnMenu.active>div{padding:15px; height:100%;}
    #btnMenu span{width:25px; height:4px; display:block; margin:4px 0; background-color:#eed836; transition:transform 0.3s linear; box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
    #btnMenu span:nth-child(2){width:20px;}
    #btnMenu.active span{/*background-color:#000;*/}
    #btnMenu.active span:first-child{transform:translateY(8px) rotate(45deg);}
    #btnMenu.active span:nth-child(2){opacity:0; transform:translateX(8px);}
    #btnMenu.active span:last-child{transform:translateY(-8px) rotate(-45deg);}
}
@media screen and (max-width: 650px) {
    #btnMenu {max-width:60px; max-height:60px;}
    #btnMenu.active{padding:0;}
    #btnMenu>div{padding:10px;}
    #btnMenu span{width:20px; height:3px;margin:4px 0;}
    #btnMenu span:nth-child(2){width:15px;}
    #btnMenu.active span:first-child{transform:translateY(7px) rotate(45deg);}
    #btnMenu.active span:last-child{transform:translateY(-7px) rotate(-45deg);}
}
@media screen and (max-width: 500px) {
    #btnMenu{position:absolute; left:0; margin-top:10px;}
    #btnMenu>div{padding:15px;}
}
/*----------------- css menu ---*/
#divHeader-menu{border-top:1px solid transparent; position:relative; background-color:rgba(0,0,0,0.6);}
#divHeader-menu:before{content:''; position:absolute; top:-5px; left:0; right:0; margin:auto; width:100%; height:10px; pointer-events:none; background-image: url('/data/1780/uploads/img-border.png'); background-position:center left; background-size:100% 100%; z-index:10;}

#cssmenu{z-index:9; border-bottom:1px solid #af9559;}
#cssmenu > ul {text-align:center; font-size:0px; padding: 0; display:table; margin:0 auto; max-width:1000px; width:100%;}
#cssmenu > ul > li{display:table-cell; float:none; position:static; padding:0;}
#cssmenu > ul > li > a{border-image:none; font-size:14px; padding:15px 19px 12px !important; text-transform:capitalize; border:0; text-align:center;}
#cssmenu > ul > li > a img{display:block; margin:auto; margin-bottom:5px; text-align:center; width:30px; height:30px;}
#cssmenu > ul > li > a:hover{color:#fff;}
#cssmenu > ul > li:hover > a {color: #fff;}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{}
#cssmenu > ul > li:hover a:after, #cssmenu > ul > li.active a:after{display:block;}
#cssmenu > ul:hover li.active a:after{}
#cssmenu > ul:hover li.active a{}
#cssmenu > ul li.active:hover a:after{display:block;}
#cssmenu > ul li.active:hover a{}
#cssmenu > ul > li.has-sub > a::after{width: 0; height: 0; display:none; border-style: solid; border-width: 10px 10px 0 10px; border-color: #af9559 transparent transparent transparent !important; transform:none; top:100%; left:0; right:0; margin:auto;}
#cssmenu > ul > li.has-sub:hover > a::after{display:block;}

#cssmenu > ul > li.active ul{padding-top:5px;}

#cssmenu ul li:hover > ul > li {height: auto;}
#cssmenu ul ul{left:0; right:0; text-align:center; z-index:-1; font-size:0px; display:none; margin:0 auto; width:100%; padding:10px 0;}
#cssmenu ul > li:hover ul{display:block;}
#cssmenu ul ul:before{content:''; position:absolute; border-top:1px solid transparent; left:0; right:0; width:100vw; top:0; bottom:0; background-color:rgba(0,0,0,0.9); -webkit-transform:translateX(-50%); transform:translateX(-50%); margin-left:50%; margin-top:1px;}
#cssmenu ul ul:after{content:''; background-color:#af9559; position:absolute; bottom:0px; left:0px; right:0px; width:100vw; height:5px; pointer-events:none; -webkit-transform:translateX(-50%); transform:translateX(-50%); margin-left:50%;}
#cssmenu li:hover > ul {left: 0;}
#cssmenu ul ul li{display:inline-block; height:auto; width:16.66%;}
#cssmenu ul ul li.menuover{display:block; float:left; width:14.28%;}
#cssmenu ul ul li:hover{height:auto; border:none;}
#cssmenu ul ul li a{width:auto; color:#fff; font-size:12px; padding:20px 20px 25px; background-color:transparent; text-align:center; text-shadow:1px 1px 3px rgba(0,0,0,0.6);}
#cssmenu ul ul li a:hover{color:#fff; background-color:#033b70;}
#cssmenu ul ul li a:after{display:none !important;}
#cssmenu ul ul li a img{display:block; margin-bottom:10px; width:100%;}

@media screen and (max-width: 1023px) {    
    #cssmenu{position:fixed; top:0; /*bottom:0;*/ left:0; right:auto; height:100vh; margin:auto 0; background-color:rgba(0,0,0,0.5); z-index:97; width:0;}
    #cssmenu.active{width:100%;}
    #cssmenu>ul{width:350px; display:block; position:absolute; overflow-y:auto; overflow-x:hidden; background-color: #000; border-right: 1px solid #d8ba5b; left:0; top:0; bottom:0; height:100%; padding-top:90px; padding-bottom:150px; transform:translateX(-350px); transition: transform 0.5s;}
    #cssmenu>ul:before{content:''; position:absolute; height:50px; left:0; right:0; top:25px; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
    #cssmenu>ul:after{content:''; position:absolute; top:0; bottom:0; right:0; margin:auto; width:100vh; height:10px; pointer-events:none; background-image: url('/data/1780/uploads/img-border.png'); background-position:center left; background-size:100% 100%; z-index:10; transform-origin:right center; transform:rotate(90deg) translateX(50%); visibility:visible;}
    #cssmenu>ul>li{float:none; display:block;}
    #cssmenu>ul>li>a{display:block; padding:15px 0px 15px 50px !important; text-align:left; border-bottom:1px solid #444;}
    #cssmenu>ul>li>a>img{width:30px; height:30px; display:inline-block; margin-right:10px; margin-bottom:0;}
    #cssmenu>ul>li.has-sub>ul{display:none !important;}

    #cssmenu > ul > li.has-sub > a::after{display:none !important;}
}
@media screen and (max-width: 420px) {
    #cssmenu>ul{width:250px; transform:translateX(-250px);}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #cssmenu.active>ul{transform:translateX(0);}
}

/******************************************************************** Footer ******************/
#divFooter-top{padding:5px 0 10px;border-top:1px solid #033b70; position:relative; background: rgb(2,19,45); background: -moz-linear-gradient(0deg, rgba(2,19,45,1) 00%, rgba(2,44,80,1) 100%); background: -webkit-linear-gradient(0deg, rgba(2,19,45,1) 00%, rgba(2,44,80,1) 100%); background: linear-gradient(0deg, rgba(2,19,45,1) 00%, rgba(2,44,80,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02132d",endColorstr="#022c50",GradientType=1);}
#divFooter-top:after{content:''; position:absolute; bottom:-5px; left:0; right:0; margin:auto; width:100%; height:10px; pointer-events:none; background-image: url('/data/1780/uploads/img-border.png'); background-position:center left; background-size:100% 100%; z-index:2;}
#divFooter-top ul{text-align:center; font-size:0; padding:0; margin:0;}
#divFooter-top ul>li{display:inline-block;}
#divFooter-top ul>li a{font-size:14px; padding:7px 15px; color:#aaa; display:block; position:relative;}
#divFooter-top ul>li:hover a{text-decoration:underline; color:#fff;}
#divFooter-top ul>li:not(:first-child) a:after{content:''; position:absolute; top:0; bottom:0; left:-2px; width:4px; height:4px; border-radius:50%; background-color:#888; pointer-events:none; margin:auto;}
#divFooter-top ul>li:hover a:after, #divFooter-top ul>li:hover+li a:after{background-color:#eaeaea;}

#divFooter-partnerLogo{background-color:rgba(0,0,0,0.8);overflow:hidden; padding:10px 0;}
#divFooter-partnerLogo h4{text-align:center; color:#888; position:relative;}
#divFooter-partnerLogo h4:after{content:''; position:absolute; bottom:-20px; left:0; right:0; margin:auto; width:100px; height:1px; background-color:#444;}
#divFooter-partnerLogo .swiper-container{margin:30px 0 5px;}
#divFooter-partnerLogo img{padding:10px;}

#divFooter-copyright{/*background-color:#031734;*/background-color:#000; padding:15px 0; text-align:center; color:#888; border-top:1px solid #222;}

@media screen and (min-width: 1024px) {
    #divFooter-mobile>div{display:none;}
    #divFooter-mobile>div#divFloat-contact{display:block;}
}
@media screen and (max-width: 1024px) {
    .footer-logo-top{padding:10vw 0 2vw;}

}
@media screen and (max-width: 1023px) {
    #divFooter-partnerLogo>div{width:95%; margin:auto;}

    #divFooter-copyright{padding-bottom: 75px;}

    #divFloat-contact.active{background: rgb(112,112,112); background: -moz-linear-gradient(0deg, rgba(112,112,112,1) 50%, rgba(92,92,92,1) 100%); background: -webkit-linear-gradient(0deg, rgba(112,112,112,1) 50%, rgba(92,92,92,1) 100%); background: linear-gradient(0deg, rgba(112,112,112,1) 50%, rgba(92,92,92,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#707070",endColorstr="#5c5c5c",GradientType=1);}

    #divFooter-mobile{position:fixed; bottom:0; left:0; right:0; margin:auto; z-index:95; display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
    #divFooter-mobile>div{float:left; cursor:pointer; width:25%; background: rgb(2,19,45); background: rgb(191,150,0); background: -moz-linear-gradient(0deg, rgba(191,150,0,1) 50%, rgba(252,244,156,1) 100%); background: -webkit-linear-gradient(0deg, rgba(191,150,0,1) 50%, rgba(252,244,156,1) 100%); background: linear-gradient(0deg, rgba(191,150,0,1) 50%, rgba(252,244,156,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf9600",endColorstr="#fcf49c",GradientType=1);}
    #divFooter-mobile>div>a{text-align:center; font-weight:bold; display:block; padding:10px 0; color:#000;}
    #divFooter-mobile>div>a img{height:20px; width:20px; display:block; margin:auto;}
    #divFooter-mobile>div:not(:last-child){border-right:1px solid #222;}

    .footer-logo-top:after{left:-20%; right:-20%}
    .footer-content:after{left:-20%; right:-20%}

}
@media screen and (max-width: 320px) {
    #divFooter-mobile>div{font-size:3.5vw;}
}

/********************* contact float */
#divFloat-contact.active .mdi-close{display:block;}
#divFloat-contact .contactList{position:absolute; bottom:55px; display:none;}
#divFloat-contact.active .contactList{display:block;}

#divFloat-contact .contactDetail{display:none;}
#divFloat-contact .contactBody{width:auto; margin:0;}
#divFloat-contact .contactBody a{display:block; border-radius:50%; border:0; width:55px; height:55px; position:relative; margin: 10px auto; box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
#divFloat-contact .contactBody a>div{position:absolute; background-color:transparent; border-radius:50%; top:0; bottom:0; left:0; right:0; margin:auto; display:block;}
#divFloat-contact .contactIcon{width:auto;}
#divFloat-contact .contactIcon img{width:35px; height:35px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s;}

@media screen and (min-width: 1024px) {
    #divFooter-mobile>div#divFloat-contact{position:fixed; bottom:15px; left:15px; z-index:150; width:auto; display: none;}
    .iconContact{border-radius:50%; width:55px; height:55px; box-shadow:1px 1px 3px rgba(0,0,0,0.5); position:relative; cursor:pointer;}
    .iconContact img{height:30px; width:30px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

    #icnContect_more div{display:none;}

    #divFloat-contact .mdi-close{display:none;}
    #divFloat-contact.active .mdi-headphones-settings{display:none;}

    #divFloat-contact .contactIcon:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@media screen and (max-width: 1023px) {
    #divFloat-contact .mdi-close, #divFloat-contact.active .mdi-close{display:none;}
    #divFloat-contact .contactList{right:15px;}

    #icnContect_more{background-color:transparent !important; text-align:center; padding:10px 0;}
    #icnContect_more img{height:20px; width:20px; margin:auto; display:block;}
    #icnContect_more div{color:#000; font-weight: bold;}

}
/******************************************************************** BODY ******************/
#divBody>div{max-width:1000px; width:100%; margin:auto; background-color:rgba(0,0,0,0.7); overflow:hidden;}
#divBody>div#theme-contain-home{
    max-width:initial; max-width:none; width:100%; background-color:transparent;
}

#theme-contain-registration,
#theme-contain-s-sport,
#theme-contain-m-sport,
#theme-contain-live-score,
#theme-contain-live-tv
{
    background-image:url('/data/1780/uploads/bg-body2.jpg'); background-size:cover;
}
/*----------------- banner ---*/
.flexslider{background-color:#000; margin:0; border:0;}
.flexslider img{width:100%;}

.divBanner{position:relative;}
.divBanner img{width:100%;}
.divBanner:before{content:''; position:absolute; bottom:-5px; left:0; right:0; margin:auto; width:100%; height:10px; pointer-events:none; background-image: url('/data/1780/uploads/img-border.png'); background-repeat:no-repeat; background-position:center left; background-size:100% 100%; z-index:10;}

.flex-direction-nav{height:0;}

/*----------------- section 1 ---*/
.homeSection1-title{text-align:center; margin-bottom:25px; width:90%; margin:auto;}
.homeSection1-title h1{margin-bottom:5px;}
.homeSection1-title p{margin-top:0;}

.slot-container{}
.slot-container>div{font-size:0; text-align:center;}
.slot-shortcut{display:inline-block; font-size:0px; width:33.33%; cursor:pointer; position:relative;}
.slot-shortcut:after{content:''; box-sizing:border-box; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; background-color:transparent; pointer-events:none; border-width:1px; border-color:#444; border-style:solid; z-index:2;}
.slot-shortcut-bg img{width:100%; transition: transform 0.2s; transform-origin:center bottom; position:relative; z-index:3; pointer-events:none;}
.slot-shortcut-bg{background-size:100% 100%; background-position:center; position:relative;}
.slot-shortcut-title{padding:10px 15px; background-color:#000; color:#fff; border-top:1px solid #444; font-size:18px; font-weight:bold; text-align:left;}
.slot-shortcut-title>img{width:auto; margin-right:5px;}

.slot-shortcut:hover:after {
    z-index:4;
    animation:myShortcutShine 2s linear infinite;
    border-image: linear-gradient(#d6c695, #ad964e) 1;
    box-shadow: 7px 0px 7px rgba(173,150,78,0.7), 0px 7px 7px rgba(173,150,78,0.7), -7px 0px 7px rgba(214,198,149,0.7), 0px -7px 7px rgba(214,198,149,0.7), inset -4px -4px 4px rgba(173,150,78,0.7), inset 4px 4px 4px rgba(214,198,149,0.7);
}
.slot-shortcut:hover .slot-shortcut-bg img{transform:scale(1.2); z-index:5;}

@keyframes myShortcutShine{
    0%, 100%{box-shadow: 7px 0px 7px rgba(173,150,78,0.7), 0px 7px 7px rgba(173,150,78,0.7), -7px 0px 7px rgba(214,198,149,0.7), 0px -7px 7px rgba(214,198,149,0.7), inset -4px -4px 4px rgba(173,150,78,0.7), inset 4px 4px 4px rgba(214,198,149,0.7);}
    50%{box-shadow: 2px 0px 2px rgba(173,150,78,0.7), 0px 2px 2px rgba(173,150,78,0.7), -2px 0px 2px rgba(214,198,149,0.7), 0px -2px 2px rgba(214,198,149,0.7), inset -4px -4px 4px rgba(173,150,78,0.7), inset 4px 4px 4px rgba(214,198,149,0.7);}
}

@media screen and (max-width: 1023px) {
    .slot-shortcut:hover:after{animation:none;}
    .slot-container{width:95%; margin:auto;}
}
@media screen and (max-width: 650px) {
    .slot-shortcut{width:50%;}
    .slot-shortcut-title{font-size:14px;}
    .sub-slot .logo{height:10vw; width:auto;}
}



/*----------------- section 2 ---*/
.marquee-container{background-color:rgba(0,0,0,0.7); border: 1px solid #d9c000; padding:20px; padding-left:0; margin:10px auto;}
.marquee-container>div{overflow:hidden; width:100%; }
.marquee-container>div>div{}
.marquee-left{float:left;}
.marquee-right{}
.marquee-title{text-align:center; width:150px;}
.marquee-title img{display:block; margin: 5px auto;}
.marquee-title b{font-size:18px;}
.marquee-title p{margin:0; font-size:12px;}
.marquee-slot{}
.marquee-slot a{display:block; text-align:center; position:relative;}
.marquee-slot a:after{content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:8px; border-width:2px; border-style:solid; border-color:transparent;}
.marquee-slot a:hover:after{border-color:#ff0000;}
.marquee-slot img{width:100%;  border-radius:8px;}
.marquee-slot.swiper-container, .marquee-slot .swiper-wrapper{-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
@media screen and (max-width: 768px) {
    .marquee-container{width:95%;}
}
@media screen and (max-width: 768px) {
    .marquee-container{padding-left:10px;}
    .marquee-title{text-align:center; width:140px;}
}
@media screen and (max-width: 650px) {
    .marquee-container{padding:10px;}
    .marquee-title{width:100px; margin-right: 10px;}
    .marquee-title img{display:block; margin: 5px auto; height:30px;}
    .marquee-title b{font-size:14px;}
    .marquee-title p{margin:0; font-size:10px;}
    .marquee-slot a{width:125px; height:100%;}
    .marquee-container>div>div{height:75px;}
    .marquee-slot img{width:100%; height:auto;}

}

/*----------------- section 3 ---*/
#homeSection3>div{background-color:rgba(0,0,0,0.6);}

.divStep-container{padding:20px 20px 10px;}
.divStep-wrapper{display:table; width:100%;}
.divStep-wrapper>div{display:table-cell;}

.divStep-left{}
.divStep-left img{max-height:100px; height:11vw;}

.divStep-right{width:100%;}
.divStep-right>div{display:table; width:100%; position:relative; z-index:2;}
.step{display:table-cell; text-align:center; width:25%; position:relative;}
.step-img{display:table; margin:auto; margin-bottom:5px; padding:10px; border:2px solid #f1bc19; border-radius:50%; background-color:#000;}
.step-img img{max-width:50px; max-height:50px; width:12vw; height:12vw;}
.step p{margin:0; padding:0; font-size:12px; color:#fff;}
.step h5{font-size:18px; color:#f4d55a; text-shadow:1px 1px 1px rgba(0,0,0,0.8);}

.step:not(:first-child) .step-img:after{content:''; background-image:url('/data/1780/uploads/icn-step-empty.png'); background-position:center top 25px; position:absolute; top:0; bottom:0; left:0; right:0; transform:translateX(-50%); margin-left:50%; background-repeat:no-repeat; margin:auto; z-index:-1;}

.text-container{padding:10px;}
.text-wrapper{border:1px solid #d9c000; background-color:#000; padding:20px; text-align:justify;}

@media screen and (max-width: 1023px) {
    .step:not(:first-child) .step-img:after{background-size:80% auto; background-position:center top 35px;}
}
@media screen and (max-width: 767px) {
    .divStep-container{padding:20px 10px 10px;}

    .step:not(:first-child) .step-img:after{background-position:center top 5vw;}
    .step-img{padding:2vw;}
    .step-img img{width:7vw; height:7vw;}
    .step p{font-size:2vw;}
    .step h5{font-size:3vw;}


}

.iframe-sport{padding:25px;}
.iframe-sport>iframe{border:1px solid #000;}

/*--------------------------------------------- START slot ---*/
.slot-body ul {text-align:center; margin:auto; overflow:hidden;}
.slot-body li {width: 50%; float:left; height: 212px; background-repeat: no-repeat; text-align:left; margin:0 auto; background-image:url('/data/1780/uploads/bg-slot.png'); list-style-type:none; background-size:100% 100%;}
.tbldetail {width: 100%;height : 212px;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.tbldetail tr:first-child > td, .tbldetail tr:nth-child(4) > td {height: 1px;}
.title {font-size: 32px; font-family: FuturaLightBT;padding: 5px 0 5px 20px; color: #fff; text-transform:uppercase;}
.pd1 {padding: 0 40% 0 20px;}
.pd2 {padding-bottom:15px;}
.country {color: #fbff98; font-size: 14px;}
.detail {font-size: 9px; letter-spacing: 0.5px; color: #fff;}
.tbldetail {background-repeat: no-repeat; background-position: right bottom;}
.btn-playNow{color:#2b6ba2; display:block; text-align:center; font-weight:bold; font-size:12px; padding:10px; background-image:url('/data/1780/uploads/btn-playNow.png'); height:36px; max-height:36px; width:140px; max-width:140px; background-size:100% 100%; background-repeat:no-repeat;}
.btn-playNow:hover{color:#2b6ba2;}

@media screen and (max-width: 850px) {
.slot-body li {display: block; width: 496px; float:none; max-width:496px;}
}
@media screen and (max-width: 545px) {
    .slot-body li {width: 90%;}
}
@media screen and (max-width: 370px) {
    .pd1 {padding: 0 20px;}
    .pd2 {text-align:center;}
    .tbldetail{background-image:none !important;}
    .title {text-align:center;}
}

/*--------------------------------------------- adminloginX ---*/
#theme-contain-adminloginx input{padding:5px 7px; border:1px solid #666; margin:5px auto; background-color:#fff;}
#theme-contain-adminloginx>p+table{width:350px; margin:0 auto;}ds
#theme-contain-adminloginx>p+table>tbody>tr>td:nth-child(2){padding-left:10px;}

/*--------------------------------------------- promotions ---*/
#divPromotions{padding:10px;}
#divPromotions img{width:100%; max-width:100%;}
#promo{padding:10px;}

#faq_modal{padding:0; margin:10px 0;}
#faq_modal>li{list-style-type:none; margin:10px auto;}
#faq_modal>li .fancybox img{width:100%; border:1px solid #444;}

.fancybox-skin {background: #191919; color: #ffffff; padding: 20px; border:1px solid #444;}
.fancybox-inner h4>img{width:100%; max-width:100%;}

/*--------------------------------------------- contact ---*/
#theme-contain-contact {width: 80%;margin: 50px auto;}
#theme-contain-contact td {padding: 5px 0;}
#theme-contain-contact input {border: 1px solid #bbb;width: 100%;padding: 7px 0; background-color:#fff;}
#theme-contain-contact input[value="Submit"] {border: 0;border-radius: 5px;cursor: pointer;width: auto;padding: 5px 10px;color: #222;background: #eccd5e;background: -webkit-linear-gradient(top, #eccd5e 0%,#b88f23 100%);background: linear-gradient(to bottom, #eccd5e 0%,#b88f23 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eccd5e', endColorstr='#b88f23',GradientType=0 );}
#theme-contain-contact button,
#theme-contain-contact input,
#theme-contain-contact select,
#theme-contain-contact textarea
{
    background-color:#fff;
}

#theme-contain-contact>table{display:none;}

/*--------------------------------------------- contact us ---*/
.contactBody{max-width:500px; margin:auto; width:90%;}

.contactBody{}
.contactBody a{}
.contactBody a>div{display:table; width:100%; border-radius:15px; background-color:rgba(255,255,255,0.2); margin:15px auto; padding:10px 25px;}
.contactBody a>div>div{display:table-cell;}
.contactIcon{text-align:center; width:55px;}
.contactDetail{padding:10px;}
.contactDetail h4{margin:0; color:#fff; font-weight:normal; font-size:20px;}
.contactDetail p{margin:0; color:#aaa; line-height:normal; font-size:12px;}


@media screen and (max-width: 767px) {
    .contactBody a>div{padding:5px 15px;}
    .contactIcon {width:40px;}
    .contactIcon img{width:30px; height:30px;}
}

/*--------------------------------------------- live tv ---*/
#api-leaguefeed #versus{font-weight:800;}
#api-leaguefeed .brick>ul>li{list-style-type:none; padding:0;}

/*--------------------------------------------- news ---*/
#news_template_list{}
#news_template_list ul li{list-style-type:none; overflow:hidden; padding:10px;}
#news_template_list #title a{color:#fff;}
#news_template_list #title a:hover{color:#fff; text-decoration:underline;}
#news_template_list #message{color:#aaa;}

/*--------------------------------------------- registration ---*/
#registerform dl{display:table;width:100%;}
#registerform dl>*{display:table-cell;}
#registerform dl>dt{width:30%;}

.w3-text-red{color:#dc4a4a;}

#divFormRegister{max-width:550px; margin:25px auto;background: rgba(0,0,0,0.6);padding:30px 8px 50px; border:1px solid #af9559;}

#registerform *{box-sizing:border-box;}
#registerform{max-width:550px; width:90%; margin:0 auto; text-align:left; font-size:16px;}
#registerform dl{margin:0; margin-bottom:10px; overflow:auto;}
#registerform dd{margin-bottom:5px;}
#registerform dt{color:#ccc;font-family:Arial; font-size:11px; font-weight:bold;}
#registerform input, #registerform select{max-width:100%; width:100%;padding:10px 10px; border-radius:2px; color:#555;}
#registerform select{color:#888;}
#registerform_FullNameDescription{color:#dc4a4a; font-size:12px;}
#groupUsername input#registerform_UserName{width:63%; float:left;margin-right:2%;}
#groupUsername input.btnCheckUser{width:35%; float:left; background-color:#eaeaea; cursor:pointer;}
#groupVerifyCode{}
#groupVerifyCode img{height:35px;width:100%;}
#groupVerifyCode dd{width:100%; max-width:222px; float:left; margin-right:5px;}
#groupVerifyCode dd>input#registerform_varifycode{}
#groupVerifyCode dd:last-child{max-width:100px !important; width:100%;margin-right:0;}
input#registerform_btnSubmit{margin-top:20px;font-size:14px;text-transform:capitalize;color: #000; cursor:pointer; padding: 10px 10px; text-transform: uppercase;border-radius: 5px;background: #000;background-size:100% 100%; max-width:200px; font-weight:bold;background: linear-gradient(top,#dbb880,#9e7837);background: -moz-linear-gradient(top,#dbb880,#9e7837);background: -webkit-linear-gradient(top,#dbb880,#9e7837);}
input#registerform_btnSubmit:hover{background: linear-gradient(top,#9e7837,#dbb880);background: -moz-linear-gradient(top,#9e7837,#dbb880);background: -webkit-linear-gradient(top,#9e7837,#dbb880);}


#registerform dl#groupBankBranch{display:none;}


#registerform #groupAffiliate{display:none;}

/*--------------------------------------------- lottery ---*/
#drawresult ul > li{background-color:#000  !important; padding:0  !important; font-size:14px  !important; border:0 !important; border-top-left-radius:0  !important; border-top-right-radius:0  !important; vertical-align:top  !important; width:31.33% !important; margin:1% !important;}
#drawresult ul > li table tr td{color:#fff  !important;}
#drawresult ul > li table caption{border-radius:0  !important; color:#fff  !important; padding:10px 5px  !important; padding-left:50px !important; }

#drawresult ul > li#M table{border:1px solid #f2bc00  !important;}
#drawresult ul > li#M table caption{background-color:#f2bc00  !important; color:#000  !important;}

#drawresult ul > li#P table{border:1px solid #148ea4  !important;}
#drawresult ul > li#P table caption{background-color:#148ea4  !important;}

#drawresult ul > li#T table{border:1px solid #dd0000  !important;}
#drawresult ul > li#T table caption{background-color:#dd0000  !important;}

#drawresult ul > li#S table{border:1px solid #12689a  !important;}
#drawresult ul > li#S table caption{background-color:#12689a  !important;}

#drawresult ul > li#B table{border:1px solid #eee  !important;}
#drawresult ul > li#B table caption{background-color:#eee  !important; color:#000  !important;}

#drawresult ul > li#K table{border:1px solid #2f9405  !important;}
#drawresult ul > li#K table caption{background-color:#2f9405  !important;}

#drawresult ul > li#W table{border:1px solid #094405  !important;}
#drawresult ul > li#W table caption{background-color:#094405  !important;}

#drawresult ul > li#H table{border:1px solid #95650a  !important;}
#drawresult ul > li#H table caption{background-color:#95650a  !important;}

#drawresult ul > li#N table{border:1px solid #777  !important;}
#drawresult ul > li#N table caption{background-color:#777  !important;}

#drawresult ul > li#R table{border:1px solid #00aced  !important;}
#drawresult ul > li#R table caption{background-color:#00aced  !important; color:#000  !important;}

@media screen and (max-width: 600px) {
    #drawresult ul > li{width:48% !important;}
}

@media screen and (max-width: 424px) {
    #drawresult ul > li{width:98% !important;}
}