@import url("./font/font.css");

@viewport {
  width: device-width;
  zoom: 1;
}


html,body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:13px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
	color:#fff;
	font-weight:300;
	font-family: 'Roboto',ÎÄȪóAÕýºÚ,wenquanyi zen hei,ƒ«ºÚ pro,lihei pro,ºÚów-·±,heiti tc,΢ܛÕýºÚów,microsoft jhenghei,sans-serif;
  line-height:1.4;

}

.w1000 {width:1290px;margin:0 auto;}
.ft-left{float:left;}
.ft-rght {float: right;}
div#theme-lang {display: none;}
div#theme {background:#001832;}
.pad0{padding:0px;}
.spacer{height:30px;overflow:hidden;}
.bdr{border-bottom:3px solid #ebebeb;padding:3px;}

/*.themetbl {display:table;}
.themetblrow {display:table-row;}
.themetblcell {display:table-cell;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }*/

div#right-header {float: right;border: 0px solid #000;margin:20px 0 0;position:relative;}
div#right-header ul{padding:0px;list-style:none;}
div#right-header .time {text-align:right;color:#fff;float:right;}
div#right-header ul li{display:inline-block;vertical-align:top;}
div#theme-header-link {float: unset; border: 0px solid red;}
div#theme-header-content {padding:0 19px;}
div#theme-header {border: 0px solid #7a0101;height: 82px;}
div#theme-header-logo {border: 0px solid red;position: absolute;width: 180px;}
div#theme-header-logo img{width:100%;}

/**** menu ****/
#theme-menu {height: 46px;z-index: 500;position: relative;box-shadow: 0px 0 5px rgba(0, 0, 0, 0.8); background-image: linear-gradient(#001832, #00244c);}
.menudeks{display:block;}
nav {text-align:center;width: 100%;;padding: 0;margin: 0;position:relative;}
nav ul {list-style:none;padding:0px;margin:auto;}
nav ul li {display: inline-block; font-size:13px; text-transform:uppercase; font-family: 'roboto-m', sans-serif;}
nav ul li:nth-child(){ border:1px solid yellow;}
nav ul li.home-img a{ color:#dab867;}
nav ul li.home-img img {position:absolute;top:0px;margin-left:-46px;}
nav ul li.home-img2 img {position: absolute;top: 0px;margin-left: -35px;}
nav ul li a {display:block;padding:14px 22px;text-decoration:none;margin:auto; color:#fff;}
nav ul li a:hover {color:#fcb115; text-decoration:none;}
nav ul li a.text:hover{background: transparent;}
nav ul li:hover > ul {display:block;}
nav ul ul {
	background-color: #001832;
	padding:0;
	text-align: center;
	display:none;
	width: 100%;
	position: absolute;
	top: 46px;
	left: 0px;
  z-index: 9999;
	}
span.menu-btn{padding:5px 0; width:100%;display:block; color:#000; background:linear-gradient(to right bottom, #fffeef, #f4efca, #ecdfa5, #e6ce7f, #e0bd5a, #e1b94e, #e2b642, #e3b235, #e9bc43, #f0c650, #f6d05d, #fdda6a); font-weight: bold;border: 2px solid #f4b309;border-radius:20px;margin:14px auto 10px;}
span.menu-btn:hover { background: #d7be70;}
nav ul .submenu li {width:14%; padding:0; margin:auto;}
nav ul .submenu li a {padding:11px 20px;}
nav ul .submenu li a img {width:100%; border: 0px solid #ffb301;}
nav ul .submenu li:hover{background:url(imgs/hoverbg.png)no-repeat;background-size:100% 100%;}
nav ul .submenu li:hover {/*background-color: #8e6509; background:url(/theme/star89club/imgs/menuhover.jpg)no-repeat; background-size:100%;*/ background-color: #00000008; padding:0;}

a:hover {text-decoration:unset;color:#fdb813;}

/**** slider ****/
div#banner img{width:100%;}
div#top-slider {margin-top: -10px;}
div#top-slider .flexslider{margin:0 !important;border:0px !important;}
div#top-slider2 {margin-top: -7px;}
div#top-slider2 .flexslider {margin:0px;border:0px;}
div#top-slider2 .flexslider li{display:inline-block;height:300px;border:0px solid red;max-height:265px;}
div#top-slider2 .flex-direction-nav {height: 0;}

marquee#horizontal-scrolling-msg {color: #fff;height: 44px;box-shadow: 0px 0 5px rgba(0, 0, 0, 0.8); background-image: linear-gradient(#00244c, #001832);}
marquee#horizontal-scrolling-msg ul {margin: 0px;padding: 0px;list-style: none;margin: 13px 0;}
marquee#horizontal-scrolling-msg ul li {font-size: 14px;}

.img-lg ul {padding:15px 10px;list-style:none;background:#00244c;border: 1px solid #01162c;border-radius:5px;}
.img-lg ul li {display: inline-block;width: 10%;border: 0px solid #000;padding:0 10px;margin:0 1%;vertical-align: top;color:#6d6d6d;}
.img-lg ul li img{width:100%;filter:grayscale(1);}
.img-lg ul li img:hover{width:100%;filter:grayscale(0);}

.htitle {padding-left: 15px;font-size: 15px;font-weight: 600;margin:15px 0 10px;}
.htitle .fa {font-size:24px;color:#b8b8b8;margin-right:10px;}
.icn {margin-right:10px;margin-bottom:5px;width:25px !important;height:20px;}
.home-csn {padding: 0 0 0 5px;}
.home-csn img{width:100%;}
.home-cntnt {border: 0px solid #fcb913;overflow: hidden;margin-bottom:20px;padding:0 19px;}
.home-cntnt .btn-dwnd{margin:20px 0 0;position:relative;bottom:10px;}

#bannerdirectionleft {height:auto !important;width:100% !important;}
#bannerdirectionleft img{margin:0 10px !important;}
.imgbtm {border:0px solid red;}
.imgbtm img{width:100%;}

.flex-direction-nav .flex-next{right:0;}

.cntnt-vid    { background: #00244c;border: 1px solid #01162c;padding: 40px;border-radius: 5px;}
.cntnt-vid img{width:100%;}
.bgtitle {font-size:2em;letter-spacing: 0.2px; font-weight:600;}
.smlltitle {font-size: 1.3em;letter-spacing: 0.2px;}

.homeright {overflow:hidden;}
.homeright-icon {float: left;border: 0px solid green;width: 20%;min-height: 115px;text-align: center;}
.homeright-icon img {width: 62%;}
.title-red-small {color: #ffb713;font-size: 1.3em;letter-spacing: 0.2px;padding-bottom: 10px;}
.homeright-content {float: right;width: 80%;border: 0px solid black;min-height: 115px;}

.home-bottom {background:url(imgs/home-bottom-bg.jpg)top center no-repeat;overflow-x:hidden;background-size: cover;position:relative;padding:20px 0 10px;}
.home-bottom .col-md-6{position:unset;}
div#frame-left-banner {border: 0px solid red;width: 100%;}
.title {font-size: 16px;margin:10px 0;color:#000;font-weight:bold;text-transform:uppercase;}
.home-bottom ul{padding:0px;list-style:none;margin:42% 0 0;padding-left:7%;}
.home-bottom ul li{display:inline-block;width:45%;padding:15px 10px;}
.home-bottom ul li img{width:100%;}
.home-bottom .cntnt {float:unset;margin: 0;}
.home-bottom .icn2 {  width:100%; margin-right: 10px;}
.btn-dwnd {padding:5px 10px;color:#fff;border-radius:4px;background:#00244c;}
.btn-dwnd:hover{color:#fdb813;text-decoration:unset;}

/**** poker ****/
div#theme-contain-poker .detail ul li,div#theme-contain-battle .detail ul li  {width:42%;}

div#theme-contain-fishing .fdetail{padding:15px;}

div#theme-contain-918kiss .fdetail {padding: 15px;}

/**** page-contnt ****/
.page-contnt {margin:30px 0;overflow:hidden;}
.page-contnt img{width:100%;}
.page-title {background: #fcb80f;width: 100%;color: #001832;font-size: 18px;padding: 14px;text-transform:uppercase;font-weight:bold;}
.detail {border:0px solid red;}
.detail ul {padding: 0px;list-style: none;text-align:center;}
.detail ul li {position:relative;overflow:hidden;display: inline-block;border: 0px solid #fcbb17;margin: 0px 3px 15px;width:31%;background:url(imgs/content-list-bg.jpg) no-repeat;background-size:100% 100%;}
.detail ul li:hover img {transform: scale(1.1); transition: transform 0.3s linear;padding:5px 5px 0px} 


.page-contnt .row{margin:0px;}
.detail02 ul {padding: 0px;list-style: none;text-align:right;margin:0 12px;}
.detail02 ul li {display: inline-block;border: 0px solid #fcbb17;margin: -7px 0px 15px;width:16.1%;vertical-align:top;}
.fdetail {font-size: 14px;text-align: center;padding: 7px;background: #fcb80f;font-weight:bold;color: #041832;text-transform:uppercase;
	position: absolute;bottom: 0px;width: 100%;opacity: 0.9; filter: alpha(opacity=90);}
	

div#theme-contain-slots-game .detail ul li {width:22%;margin: 0 6px 15px;}

.seopage-content {margin: 0 auto;border-top: 0px dotted #013b7a;padding: 30px 20px 20px;line-height: 1.6em;text-align: justify;color: #969696; margin-bottom: 30px;margin-top:50px;}
.seopage-content table {text-align:center;border-spacing: 0 !important;border-collapse: collapse !important;width: 100%;color: #fff;}
.seopage-content table tbody tr:first-child th{background:#000;text-align:center;} 
.seopage-content table tbody tr:nth-child(2) td {background-color: #0066d1;color:#fcb811;}
.seopage-content table tbody td {border:1px solid #0066d1;background:#013b7a;}
.seopage-content table tbody th, table tbody td{padding:6px 10px;}

/******modal*****/
#drawresult ul > li table caption {padding-left: 0 !important;text-align: center !important;background: #001832 !important;border-radius: 2px !important;color:#fff !important;}
#drawresult ul > li {border-radius: 3px !important;vertical-align: top;color: #fff;background: #02366e !important;}
#drawresult ul > li table tr td {color: #ffffff !important;}
#drawresult ul > li table tr td {background:transparent !important;border:0px !important;}

/******modal*****/
.lang {width:37px;}
.lang img{width:100%;}

.modal-header{border:0px;}
.modal-body {color:#000;text-align:center;}
.modal-content {border-radius:0px;}
.modal-footer {border:0px;}
.modal-dialog {width: 500px;}
.modal-body ul li {   border: 0px solid red;width: 25%;margin:0 10px;}
.modal-body ul li p{text-transform:uppercase;letter-spacing:0.2em;font-weight:bold;}
.modal-body ul li img{width:100%;}
.modal-title {margin: 0;line-height: 1.42857143;color: #fff;background: #001832;padding: 10px;text-align: center;}
.modal-header .close {  border-radius: 21px;   margin-top: -24px;    background: red;    width: 25px;height: 25px;    color: #fff;    margin-right: -24px;}


/******adminloginx*****/

div#theme-contain-adminloginx input{color:#000;}


/* Float */
/*.hvr-float {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}*/

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}




/**** contact ****/

.div-float{position:fixed;z-index:10; text-align:center;top:20%;}

.float-title{max-width:50px; min-height:200px; font-size:16px; font-weight:bold;text-shadow:-1px 1px 1px #ccc; padding:10px 0; cursor:pointer; transition: 0.5s; position:relative;background:rgba(255, 255, 255, 0.5);}
.float-info{max-width:50px; min-width:50px; height:100vh; background-color:#fff; transition:0.5s; position:absolute; top:0; padding:10px 5px; box-shadow:0 0 3px rgba(0,0,0,0.3);box-sizing: border-box;}
.float-info .icn-arrow{margin-bottom:10px;}
.float-info > ul {list-style:none;padding:0px;}
.float-info > ul > li {border-top:1px dashed #aaa;width:100%;}
.float-info > ul > li > a{display:block; padding:10px 0; position:relative;}
.float-info > ul > li > a:before {content:"";position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; margin:auto; background-color:rgba(255,255,255,0.7);}
.float-info > ul > li > a:hover:before{background-color:transparent;}
.float-info-msg{position:absolute; white-space:nowrap; max-width:0; overflow:hidden; background-color:#fff; color:#222; top:0; transition: max-width 0.5s linear;}
.float-info-msg>p{padding:15px 15px 15px 10px; margin:0;}
.float-info-msg>p>img{width:95px;margin:5px;}
#divFloat-right .float-info-msg>p{padding:15px 10px 15px 15px;}

.float-info > ul > li > a:hover .float-info-msg{max-width:200px;}

#divFloat-right {right:0;}
#divFloat-right .float-title{right:0;}
#divFloat-right:hover .float-title{right:-55px;}
#divFloat-right .float-info{right:-65px; text-align:right;}
#divFloat-right:hover .float-info{right:0;}
#divFloat-right .float-info-msg{right:45px;}

#divFloat-left {left:0;}
#divFloat-left .float-title{left:0px;}
#divFloat-left:hover .float-title{left:-65px;}
#divFloat-left .float-info{left:-65px;text-align:left;}
#divFloat-left:hover .float-info{left:0;}
#divFloat-left .float-info-msg{left:45px;}


.icn-arrow {background-image: url('imgs/icn-arrow.png'); background-size:44px auto; width:22px; height:22px; display:block; margin:auto;}
.arrow-left{background-position:0 0;}
.arrow-left-c{background-position: -22px -22px;}
.arrow-right{background-position: -22px 0;}
.arrow-right-c{background-position: 0 -22px;}

.icn-float {background-image: url('imgs/icn-contact.png'); background-size:auto 25px; width:25px; height:25px; display:block; margin: auto; background-position-y:0;}
.icn-android{background-position-x:0;}
.icn-apple{background-position-x:-25px;}
.icn-whatsapp{background-position-x:-50px;}
.icn-line{background-position-x:-75px;}
.icn-wechat{background-position-x:-100px;}
.icn-facebook{background-position-x:-125px;}
.icn-mail{background-position-x:-150px;}
.icn-phone{background-position-x:-175px;}
.icn-window{background-position-x:-200px;}
.icn-twitter-2{background-position-x:-225px;}

.rotate90{transform: rotate(-90deg) translate(-150%,0px);}
.fixed-top{position:fixed; top:0;}

/******** slider *******/

.home-bottom .carousel-indicators{width:100%; margin:0px; text-align:right; left:0px; padding-right: 40px;}
.home-bottom .carousel{position:absolute;bottom:0;left:8%;width:35%;}
.home-bottom .carousel .vid-jk img{width:100%;}
.home-bottom .carousel-indicators .active{background:#00244c; width:10px; height:10px;}
.home-bottom .carousel-inner {/* min-height: 200px*/; text-align:center;}
.home-bottom .carousel-indicators li { border: 1px solid #00244c;border-radius:50%;}
.home-bottom .carousel-indicators li:hover{width:10px;}

/******** viptab *******/

#vip-table {border-top: 1px solid #808080;border-left: 1px solid #808080;background-color: rgba(0, 0, 0, 0.50); margin: 25px 0;}
#vip-table td {border-bottom: 1px solid #808080;      border-right: 1px solid #808080;text-transform:uppercase;}
#vip-table td:first-child {text-align:left;}
#vip-table tr:first-child td{text-align:center;}
.bg-whte {text-align:center;padding:15px !important;background:#001832;border-bottom: 1px solid #808080;border-right: 1px solid #808080;}
.bg-yllw{text-align:left;padding:15px !important; background:#fcb812;color:#000;border-bottom: 1px solid #808080;border-right: 1px solid #808080;}

.nav-tabs {display: block; background: #00244c; width: 100%;  margin: 30px auto 0px; border-bottom: 0px solid #ddd;}
.nav-tabs>li {width: 33.33%;margin:auto}
.nav-tabs>li>a { padding: 20px 0; margin: 0; line-height: 0; text-align: center;border: 0px solid #d3a52a;border-radius: 0 0 0 0;border-bottom: #ddd solid 3px;color: #969696;font-size: 14px;font-weight:bold;}
.nav-tabs>li:last-child>a {margin-right:0px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background: #fcb812; border: 0px solid #ddd; border-bottom: #193b7a solid 3px; color: #ffffff;font-weight:bold;}
.nav-tabs>li:hover>a {background: #013b7a;border-bottom: #00bcb9 solid 3px;}
.nav-tabs>li>a:hover {border-color: #eee #eee #ddd;color: #fff;}
.tab-content { background: rgb(11, 36, 76, 0.8); width: 100%;display: block;padding: 10px 0;color:#fff;}
.tab-content #cms5faq_modal_template_list ol {margin: 0; padding: 0;}
.tab-content #cms5faq_modal_template_list ol li {display: inline-block;width: 49%;margin: auto;text-align: center;padding: 10px;}
.tab-content #cms5faq_modal_template_list ol li img {width: 100%;}
.tab-content #cms5faq_modal_template_list ol li.question img {color: #000;background: linear-gradient(360deg, rgba(195,121,10,1) 0%, rgba(203,132,24,1) 9%, rgba(65,44,8,1) 18%, rgba(184,106,24,1) 28%, rgba(190,118,43,1) 33%, rgba(254,231,130,1) 38%, rgba(254,243,224,1) 43%, rgba(254,231,130,1) 47%, rgba(249,195,69,1) 70%, rgba(226,171,27,1) 100%) padding-box, linear-gradient(225deg, rgba(195,121,10,1) 9%, rgba(107,59,3,1) 20%, rgba(198,114,15,1) 38%, rgba(253,221,103,1) 56%, rgba(235,171,63,1) 78%, rgba(107,59,3,1) 100%) border-box;border-radius: 6px;border: 3px solid transparent;}
.sml-title{margin:15px 0 5px;font-weight:bold;}

.vip-tbcntnt{border:0px solid red;padding:10px 25px;}
.vip-tbcntnt ul, .vip-tbcntnt ol {margin: 0;margin-bottom: 25px;}
.vip-tbcntntul li {display: inline-block;width: 15%;transition: .1s;    margin: 10px 5px;}

/**** footer ****/
div#theme-footer{background:#001832;padding:15px 0 35px;overflow:hidden;}
.flink {border-bottom: 1px dotted #000;padding:10px 0;}
.flink ul {list-style:none;padding:0px;}
.flink ul li {display: inline-block;border-right:1px solid #757575;padding:0 10px;}
.flink ul li:last-child{float:right;border:0px;}
.flink ul li a{color:#fcb813;}
.flink ul li a:hover{text-decoration:underline;}

.finfo {margin:20px 0;}
.finfo ul {list-style: none;padding: 0px;}
.finfo ul li {display: inline-block;width: 23%;margin: 0 11px;text-align:center;}
.finfo ul li a{color:#fcb813;}
.finfo ul li img {width: 46px;height:53px}
.finfo .ftitle {font-size:18px;color:#fcb813;margin:10px 0;font-weight:bold;}
.finfo .fcontnt{font-size:14px;margin:15px 0;}

ul.sec-link {list-style:none;padding:0px;border-top:0px dotted;border-bottom:1px dotted;}
ul.sec-link li{display:inline-block;}
ul.sec-link li:first-child{float:left;}
ul.sec-link li:last-child{float:right;}

.socmed {padding:15px 20px;}
.stitle{border:0px solid red;font-size:12px;margin-bottom:15px;}
.socmed ul {list-style: none;padding: 0;margin:0;}
.socmed ul li {width:30px;height:30px;margin:0 5px;}
.socmed ul li img{width:100%;filter:grayscale(1);}
.socmed ul li img:hover{filter:grayscale(0);}

.licenses {padding:15px 20px;}
.licenses ul {list-style: none;padding: 0;margin:0;}
.licenses ul li{margin:0 5px;}
.licenses ul li img{width:100%;filter:grayscale(1);}
.licenses ul li img:hover{filter:grayscale(0);}
.licenses ul li:first-child{width:170px;}
.licenses ul li:last-child{width:100px;}


.mgn-ifrme {border: 0px solid red;margin: 0 0 71px;}

/**** seo content ****/
.seo-content {border: 0px solid red;margin: 25px 0px;}
.title-seo {font-size: 16px;color: #fcb813;font-weight: 800;margin: 15px 0 5px;text-transform:uppercase;}
.c-seo {line-height: 1.8em;font-size:11px;margin:10px 0 0;}
.seo-content ul {list-style: none;padding: 0px;text-align: center;}
.seo-content ul li{color:#969696;display: inline-block;width: 23%;margin: 0 10px;text-align: justify;border: 0px solid #fbb000;overflow: hidden;vertical-align:top;}
.seo-content ul li a {color:#ffb713;}
.seo-content ul li a:hover{text-decoration:underline;}

/**** login ****/
.reg-btn {background: #cc001b;border-radius: 4px;font-size:12px;text-transform:uppercase;color: #fff;padding: 7px 10px;position:relative;top:7px;font-weight:600;}

/**** login ****/

form#remoteloginform {border: 0px solid red;margin:0px;}
form#remoteloginform dl{display:table-cell;margin:0;}
form#remoteloginform dl dd input{margin: 0 5px;border-radius: 4px;border: 1px solid #003a76;padding:5px;color:#000;}
form#remoteloginform dt{display:none;}/**
input#remoteloginform {border:1px solid #fdb813 !important;background: #fdb813;color: #fff;text-transform: uppercase;border-radius: 4px;border: 0px;padding: 5px 10px !important;}
**/input#remoteloginformsubmit {background:#ffb713;border:0px solid red !important;color:#fff;font-weight:600;padding:5px 20px !important;}

.ft-link {float: left;margin: 10px 0 0 20px;position:absolute;}



.buttonplay{text-align:center; border:0px solid red;padding:20px;}
.cockfightpage img{width:70%;}

#faq_template_list{width:100%; margin:5% auto;}
#faq_template_list img{width:100%}
#faq_template_list ol#faq{padding:0; margin:0; list-style:none;}
#faq_template_list ol li#faq {margin-bottom:30px;-webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);}
#faq_template_list ol#faq li#faq div#question a {display: inline;color: #ffffff;letter-spacing: 1px;}
#faq_template_list ol#faq li#faq div#question a:hover{text-decoration:none;}
#faq_template_list ol#faq li#faq div#answer{border: 1px dashed #ababab;padding: 10px 15px;margin: 10px 0px;border-radius: 20px;font-size:12px;font-weight:400;color: #fff;background-color: #001832;}




/*================ online-casinos-in-malaysia-faq =============*/
.ansbnr {display: none;}
p.ans-title {display: none;}

#faq_template_list div#question h3, #faq_template_list div#answer h3{color:#fcb813;}
.promo .col-md-5 .more-btn {float:left;padding:4px 20px;}
#faq_template_list .reg-btn {
    padding: 6px 20px;
    background: linear-gradient(to left, #00244c, #001832);
    font-size: 18px;
    border-radius: 30px;
    margin-left: 10px !important;
font-weight:unset;
top:4px;}
#faq_template_list .reg-btn:hover{background: linear-gradient(to left, #001832, #00244c);transition: .5s ease;}

div#theme-contain-genting-online-casino .detail img{width:100%;}
div#theme-contain-genting-online-casino .detail ul li {width:23%}

.accordion > input[type="checkbox"] {position: absolute;left: -100vw;}
.accordion .content {overflow-y: hidden;height: 0; transition: height 0.3s ease;    margin-top: 0px;}
.accordion > input[type="checkbox"]:checked ~ .content {height: auto;overflow: visible;}

.accordion label {display: block;}
.accordion {margin-bottom: 1em;}
.accordion > input[type="checkbox"]:checked ~ .content {padding: 15px;border: 1px solid #e8e8e8; border-top: 0;background:#00244c;text-align: justify;}
.accordion .handle { margin: 0; font-size: 20px;}
.accordion label {color: #fff;cursor: pointer; font-weight: normal;padding: 15px;background:#fcb813;margin-bottom:0;}
.accordion label:hover, .accordion label:focus {background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);margin-bottom:0;}
.accordion .handle label:before {  font-family: 'fontawesome';  content: "\f067";  display: inline-block;  margin-right: 10px;  font-size: .58em;  line-height: 1.556em;  vertical-align: middle;}
.accordion > input[type="checkbox"]:checked ~ .handle label:before {  content: "\f068";}
.accordion { width: 100%;}
.accordion p:last-child { margin-bottom: 0;}

.accordion .handle h1,.accordion .handle h2{font-size:20px;display: inline-block; margin: 0;}
.accordion .content h2{color: #b48e37;;font-size:18px;}
.accordion .content .ctn-s {color: #b48e37;}
.home-collaps {margin: 50px auto 0;}

@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx)
{

div#theme-contain-genting-online-casino .detail ul li {width:49%}

.accordion label {padding:9px 7px;}
.accordion .handle h1, .accordion .handle h2{font-size:12px;}

}



/*================ promotion=============*/
.promo .info{background:url(imgs/bgpromo.png) top center no-repeat;background-size:cover;}
.promo .col-md-7{margin:0px !important;padding:0px !important;}
.promo .col-md-7 h3 {padding: 0; margin: 0;border: 0px solid white;}
.promo .col-md-7 img {width:auto;}
.promo .col-md-5{min-height:231px;padding:10px 30px !important; margin-left: 0px;}
.promo .col-md-5 h5{margin-bottom:40px;}
.promo .col-md-5 a:hover{color:#0738cd;}
.promo .col-md-5 .more-btn {color: #fff;padding: 7px 20px;background: linear-gradient(to left, #00244c, #001832);font-size: 18px;text-transform: uppercase;border-radius: 30px;margin-left:0 !important;cursor: pointer;}
.promo .col-md-5 .join-btn{color: #fff;padding: 7px 20px;background: linear-gradient(to left, #00244c, #001832);font-size: 18px;text-transform: uppercase;border-radius: 30px;margin-left: 15px;}
.promo .col-md-5 .more-btn:hover, .promo .col-md-5 .join-btn:hover{background: linear-gradient(to left, #001832, #00244c);transition: .5s ease;}
.promo-title{font-size:18px;font-weight:bold;color:#021f6b;}
.promo-subtitle{font-size:14px;color:#021f6b;font-weight:400;margin-bottom:10px;}

.menudeks{display:block;}
.menu-mobile{display:none;}


@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) { 
	
	html, body, .title-seo{font-size:12px;}
	 
	 .w1000 {width:100%;}
	 
	 .menudeks{display:none;}
   .menu-mobile{display:block;}
   
   /********* menu *************/
   
   .navbar-inverse .navbar-toggle {border-color: #4a4a4a;background: #000000;}
   .navbar{margin:0px;}
.navbar-inverse .navbar-nav>li>a { color: #edbd15; }
.navbar-inverse .navbar-toggle { border-color: #4a4a4a; background: #000000; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #edbd15; }
nav ul li a.text:hover{ background-color: #edbd15; color:#000;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{ background-color: #edbd15; color:#000;}
.dropdown-menu { left: -2px; }

	 div#theme-header{height:205px;}
	 div#right-header ul li:first-child {float:right;margin-right:18px;}
	 div#right-header{float:unset;margin:0px;}
	 div#theme-header-logo {right:0;left:0;margin:0 auto;position:relative;}
	 
	 .modal-dialog {width:80%;margin:0 auto;top:50px;}
	 .modal-dialog ul li:first-child  {float:unset !important; margin-right:0px !important;}
	 .modal-dialog ul li:last-child {float:unset !important; right: 0 !important;position: unset !important;}
	 .modal-body ul li p {font-size:10px;margin:10px 0;}
	 
	 div#right-header ul li:last-child {float:right;right: -5%;position: absolute;}
	 
	 nav ul .submenu li{width:30%;display:block;}
	 nav ul ul {position:relative;top:0;}
	 
	.navbar-header, div#myNavbar{ background-image: linear-gradient(#001832, #00244c);}
	button.navbar-toggle {background:#001832;}
	 
	 div#banner img{height:auto;}
	 
	 .img-lg ul li{width:30%;}
	 
	 .home-bottom {background: url(imgs/bottomimge.png)right center no-repeat;background-size: cover;text-align:center;}
	 .home-bottom .col-md-6{position:relative;}
	 .home-bottom .carousel{position:unset;width:unset;}
	 .home-bottom ul {margin:10% 0;}
	 div#myCarousel img {width: 100%;}
	 .title {font-size:14px;margin:0 0 10px;}
	 .home-bottom .cntnt {font-size:12px; margin: 10% 0 0;}
	 .home-bottom ul li img {width: 55%;}
	 
	.div-float {display:none;}
	
	.seo-content ul li{width:95%;}
	.finfo ul{text-align:center;}
	.finfo ul li{width:40%;margin:0 10px;}
	
	.flink ul{text-align:center;overflow:hidden;margin:0px;}
	.flink ul li{margin:0 7px 10px;}
	
	#vip-table img{width:75%;}
	#vip-table h3{font-size:10px;}
	#vip-table table tbody th, table tbody td {padding:4px 2px;font-size:9px !important;}
	#vip-table table tbody td {font-size:9px;}
	#vip-table tr:first-child td {text-align: center;padding:1px 2px;}
	.bg-whte, .bg-yllw {padding:4px !important; font-size:9px;}

	
	div#theme-contain-4d-result .seopage-content {width:100%;}
	#drawresult ul > li {width:48% !important;margin:2px !important;}
	
	.detail02 ul{margin:0 14px; text-align:center;}
	.detail02 ul li{width:49%;margin:0 0 15px;}
	
	div#theme-contain-slots-game .detail ul li {width: 49%;margin: 0 0px 15px;}
	
	.seopage-content table tbody tr:first-child th{    font-size: 10px;}
	
	#drawresult ul > li table caption{font-size: 12px !important;}
	/*************login***********/
	
	form#remoteloginform dl{display:table;}
	input#remoteloginformsubmit{width:147px;}
	.reg-btn{padding:7px 35px;}
	
	
	.detail ul li {width: 46%;margin: 15px 3px 5px;}
	.fdetail{font-size:12px;color:#000;}
	
	
	 }



@media only screen and (max-width: 500px){
.ctn-bg .col-sm-4 img {width:94%}}
	
	
	
	
/*************ipad***********/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	#casino-bg .container, #sports-bg .container, #lottery-bg .container, 
  	#slot-bg .container, #fishing-bg .container, 
  	#vip-bg .container, #cockfight-bg .container, 
  	#reg-bg .container, .bgfooterlink .container {margin:0 auto;}
    .webpage-casino #list3-info ul li, .webpage-games #list3-info ul li {
    width: 21%;
    margin: 0 2% 12px;}

}

/* Landscape */
/*************GALAXY***********/
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

#customform {margin: 0 auto;width: 50%;}

}


/* samsung s9... */
@media only screen and (min-device-width: 360px) and (orientation: portrait) { 
	
	}
@media only screen and (min-device-width: 740px) and (orientation: landscape) {
	
	 }
	 
	 
	 @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {.license-sponsor ul li {
    width: 20%;
    padding: 0px 3px 10px;
    float: left;
}}