@import url("/theme/Default/style.css");
@import url('https://fonts.googleapis.com/css?family=Niramit:200,400,700');


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


html,body{
	height:100%;
	width:100%;
	
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#808080;
  -webkit-font-smoothing: antialiased;
   
}


html {display:table;} 
body {
	display:table-row;	
	background:#1f1f1f;
	background-size:cover;
	overflow-x:hidden;
	}

textarea,
input[type=text],
input[type=password]{ border:1px solid #333333;  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:2px;}
 
#theme{
	display:table-cell;
	height:100%;
	width:100%;
}
.themetbl {display:table;}
.themetblrow {display:table-row;}
.themetblcell {display:table-cell;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }

#theme-header {display:block;width:100%;}
#theme-header-content { position:relative; }
                                                                                                                    
#theme-menu{width:100%;height: 45px;top:80px; z-index:500; position:absolute;} 
#theme-menu #cmsmenu {z-index:999999;}->

#theme-container { clear:both; position:relative;}
#theme-title {display:none;}
#theme-lang{display:none;}

#theme-header-link {position:absolute;right:0px; top:0px; }
#theme-header-link ul {list-style:none; }
#theme-header-link ul li { display:inline; border-left:0px solid #efefef; }

#theme-header-logo {position:absolute; padding-left:5px; top:3px;z-index:999;}
#theme-header-logo img { width:200px;}
.bgheader{height:126px;background: url(/theme/gdm777/imgs/header-bg.jpg)center repeat-x; } 


                                                                                                        
#full-slider img{width:100%;height:100%;  top:0px;; left:0px; display:block;clear:both;position:relative;z-index:10;}

.w1000{width:100%; max-width:1000px; display:block;margin:auto;padding:5px;}  
a {color:#808080}
a:hover {color:#fff;text-decoration:none}
a.zoom:hover img {transform: scale(1.05);}

/*=======================  menu  =====================*/
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;width:105px;}
nav ul li.home-img a{ color:#dab867;}
nav ul li.home-img img {position:absolute;top:0px;margin-left:-50px;}
nav ul li a {color:#fff;font-weight:bold;display:block;padding:0px;text-decoration:none;margin:auto;}
nav ul li a.text {padding:17px 5px 11px;text-shadow: 1px 1px #856104;}
nav ul li a.text:hover {background:#a88821;color:#fff}
nav ul li:hover > ul {display:block;}
nav ul ul {background: rgba(0,0,0,0.92);padding:0;text-align: center;display:none;width: 100%;position: absolute;top: 46px;left: 0px;border-bottom:rgba(0,0,0,0.92) solid 2px}
span.menu-btn{padding:8px 5px 5px;background:#1f1f1f;width:100%;display:block}

nav ul .submenu li {width:auto;}
nav ul .submenu li a img {width:100%;}
nav ul .submenu li:hover {/*background:#333;background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #ffef68), color-stop(100, #886115));
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #ffef68 0%, #886115 100%);
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #ffef68 0%, #886115 100%);*/background: radial-gradient(#555, #1f1f1f);}
/*=======================end  menu  =====================*/


/*===============reg&log btn==================*/
.reg-btn{width:100px;position:absolute;right:15px;top:-6px;text-align:center;border-radius: 5px;color:#fff;
	  font-size:11px;font-weight:bold;text-decoration:none;border: 1px solid #f8b600;background-color: #e99f18;
    background: -webkit-linear-gradient(top,#ffd458,#e38f00,#f9b800);padding: 5px;color:#000}
.reg-btn:hover {background-image:linear-gradient(#d70101, #850101);color:#fff}
.reg-btn img {width:26px;margin-bottom:3px;}
.mobile {position:absolute;display:block;top:-5px;right:180px;}
.date {position:absolute;display:block;top:-2px;right:121px;width:90px;width:152px;}
/*===============reg log btn==================*/


/*===============login==================*/
.log-btn {position:absolute;top:22px;right:127px;}
#customform{display: table;margin: 0px;padding: 0px;}
#customform input[type=button] {font-weight: bold;cursor: pointer;cursor: hand;height: 30px;width: 59px;}
#customform form{display: table-row;width: 100%;}
#customform dl{display: table-cell;}
#customform dt {display: table-cell; }
#customform dd {display: table-cell;}
#customform img { margin-right: 2px;}
#customform_UserName, #customform_Password{border-radius:3px;width:120px;padding:1px 2px;height: 26px; margin-bottom:2px;
	 margin-right:3px;font-size:13px; text-align:center; color:#000;border:#666 solid 1px;}
#customform_submit {font-weight: bold;cursor: pointer;cursor: hand;height: 26px;width: 100px; color:#fff;font-size:12px;margin-bottom:10px;border:none;border-radius:3px; 
	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, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); }
#customform_submit:hover{color:#000;}
hr {border-top: 1px solid #333;}
/*===============end remotelogin==================*/



/*=======================  registration notis =====================*/
.webpage-registration #reg-list2 ol{margin:0px; padding:0px;list-style:none;min-height:560px;}
.webpage-registration #reg-list2 ol li{ display:inline-block;margin:0px; width:480px;padding:50px 30px 50px 50px;float:left;}
.webpage-registration #reg-list2 ol li:last-child {width:480px;padding:50px 15px;}
.webpage-registration #reg-list2 ol li .notice {background:rgba(0,0,0,0.6);border:#a17a17 solid 3px;display:block;width:100%;min-height:380px;padding:20px;}
.webpage-registration .notice p {background:url(/theme/gdm777/imgs/sqpurple.png) no-repeat;padding-left:15px;display:block;width:100%}
.webpage-registration #reg-list2 h4 {color:#fff}
.webpage-registration #reg-list2 h5 {color:#a17a17}
.webpage-registration #reg-list2 .agreement p{float:right;margin-right:-35px;margin-top:20px;text-align:right}
/*=======================  end registration notis =====================*/


/*=======================  registration form =====================*/
#registerform {position:relative;font-size:14px;}
#registerform dl dt {margin:5px 0px 18px;}
#registerform .btnCheckUser { padding: 0px 3px; height: 32px; width: 120px;position:absolute;top:1px;right:-36px; cursor: pointer;background:#808080;color:#fff}
#registerform .btnCheckUser:hover {background:#666}
#registerform #groupCurrency select, #registerform #groupBankName select{width:254px;height:30px;width;400px !important; padding:0px 2px;border-radius: 0px; border: 1px solid #000; }
input[type="text"], input[type="password"] { height: 18px; margin: 0; color: #000;}
select { height: 18px; margin: 0; color: #666;}
#registerform img {vertical-align: middle;width: 118px;height: 30px;float: left;margin-left: 135px;margin-top: -31px;}
#registerform input[name=VarifyCode] { width: 130px; height: 30px;}
#registerform #registerform_btnSubmit {padding:0px 10px;height:30px;background:#a17a17;;color:#fff;border:none;}
#registerform #registerform_btnSubmit:hover {background:#cc001b;cursor:pointer;}
#registerform dl {display:inline-table;float: left;width: 100%;margin-bottom: 0px;}
#registerform dt {display:table-cell;float: left;text-align: right;width: 180px;}
#registerform input[name=UserName] {width: 130px;height: 30px;margin-right: 2px;margin-left: 0px;}
#registerform input {padding:2px 5px;width: 254px; height: 30px; margin-right: 2px; margin-left:0px; border-radius: 0px;  border: 1px solid #000;}
#registerform dd{color: red; margin-left: 180px; margin-top: 2px; width: 45%;}
.small{font-size:12px !important;}
#registerform_FullNameDescription{display:none;}
/*=======================  registration form=====================*/




/*======================= country dropdown =====================*/
.dropdown {position:absolute;right:275px;top:-10px;}
.dropdown .btn-default{color: #808080 !important;background-color: #1f1f1f !important;border-color: transparent !important;padding:2px 5px !important}
.dropdown .btn-default:hover {color: #fff !important;background-color: transparent !important;border-color: #808080 !important;}
.dropdown-menu>li>a {padding: 3px 5px !important;color: #808080 !important;background-color: #1f1f1f !important;}
.dropdown-menu>li>a:hover {color: #fff !important;background-color: #404040 !important;}
.dropdown-menu>li>a img {margin-right:8px;}
.dropdown-menu {background-color:#1f1f1f !important;border:#808080 solid 1px;min-width:90px !important;}
/*======================= end country dropdown =====================*/


/*======================= news =====================*/
#theme-contain-news {width:1000px;margin:auto;padding:10px 10px;}
#cms5-newscatlist{clear:both; display:block; }
#cms5-newscatlist ul {margin:3px; padding:10px; list-style:none;  }
#cms5-newscatlist ul li { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:33%; }

#cms5-news-list {clear:both;}
#cms5-news-list ul { margin:0px; padding:0px; list-style:none;}
#cms5-news-list ul li { border-top:1px dashed #444; padding-top:10px; padding-bottom:10px; display:block; clear:both;min-height:145px;}
#cms5-news-list ul li:first-child { border:0px;}
#cms5-news-list ul li div#photo {float:left; padding:0px 15px 5px 0px;}
#cms5-news-list ul li div#title { font-size:15px; font-weight:bold; }
#cms5-news-list ul li div#title a,
#cms5-news-list ul li div#title a:visited { color:#a17a17; text-decoration:none;}
#cms5-news-list ul li div#title a:hover { }
#cms5-news-list ul li div#message { color:#999; }
#cms5-news-list ul li div#details { float:right;}
#cms5-news-list ul li div#details a,
#cms5-news-list ul li div#details a:visited {margin-top:65px;display:block; width:100px; height:25px;  background: #cc001b left top no-repeat; color:#fff; 
	text-decoration:none; text-align:center; padding-top:5px; font-weight:bold; text-decoration:none;}
#cms5-news-list ul li div#details a:hover {background:#9b0a14 }


#cms5-news-view {clear:both; }
#cms5-news-view div#backtolist,
#cms5-news-view div#backtolist a,
#cms5-news-view div#backtolist a:visited { text-align:right; text-decoration:none; color:#a17a17;}
#cms5-news-view div#photo { float:left; padding:0px 15px 60px 0px;  }
#cms5-news-view div#photo img {display:block;}
#cms5-news-view div#title { font-size:15px; font-weight:bold; color:#a17a17; }
#cms5-news-view div#datepublish {float:right;}
#cms5-news-view div#message { color:#999;margin-bottom:20px;}
#cms5-news-view div#source { padding-top:10px; color:#444444; }
#cms5-news-view div#source a,
#cms5-news-view div#source a:visited { color:#ff0000;}
#cms5-news-view div#doclink { padding-top:10px;}
#cms5-news-view span#doc1link {}
#cms5-news-view span#doc1link a,
#cms5-news-view span#doc1link a:visited{padding:5px; background:#ff0000; color:#fff;}
#cms5-news-view span#doc2link a,
#cms5-news-view span#doc2link a:visited{padding:5px; background:#ff0000; color:#fff;}
#cms5-news-view span#doc3link a,
#cms5-news-view span#doc3link a:visited{padding:5px; background:#ff0000; color:#fff;}
#cms5-news-view div#sharelink { padding-bottom:30px;}
#cms5-news-view-cat {text-align:left;  }
#sharelink-frame,#apilike {display:none;}

#cms5-pagenum{clear:both; display:block; background:#efefef; padding:1px; border:0px solid #ff0000;margin-bottom:20px;}
#cms5-pagenum ul {margin:0px; padding:0px; list-style:none; margin:5px 10px; text-align:left;}
#cms5-pagenum ul li { display:inline;}
#cms5-pagenum ul li a { padding:3px; text-decoration:none; color:#444;}
#cms5-pagenum ul li #current{ font-weight:bold; }
/*======================= end country dropdown =====================*/




/*=========================home=========================*/
.scrollmsg{position:relative;padding-left:20px;color:#dab867;height:16px;margin:10px 0px}
.scrollmsg .glyphicon {position:absolute;left:0px;color:#5c5b5b;font-size:16px;}


#home-list2 {margin:20px 15px;}
#home-list2 .col-xs-6 {margin-left:0px !important;margin-right:0pc;padding:0px 10px;}
#home-list2 .col-xs-6 img {width:100%}
#home-list2 .col-xs-6 .border {border-bottom:#a17a17 solid 3px;border-top:#a17a17 solid 3px;}

#home-list4 {margin:20px 15px;}
#home-list4 .col-xs-3 {padding:10px;}
#home-list4 .col-xs-3 img {width:100%; }


.home-info{background:url(/theme/gdm777/imgs/info-divider.png)top center no-repeat;width:990px;height:580px;margin:30px 0px;}
#home-list3{clear:both;}
#home-list3 ul{margin:0px; padding:0px; list-style:none;height:300px;}
#home-list3 ul li{ display:inline-block;margin:0px; width:330px;float:left;padding:0px 30px;}
#home-list3 ul li img {width:100%;}


.info-title {color:#dab867;font-size:20px;margin-bottom:20px;margin-left:-10px;}
.tit-gold{font-size:22px;color:#fff;}

/*********pregressbar*********/
.progressbar {
    width: 100%;
    height: 14px;
    margin-bottom: 0px;
    background-color: #303030 !important;
    -webkit-border-radius: 10px;
    -mos-border-radius: 10px;
    border-radius: 10px;
    border:red solid 0px !important;
}

.progressbar div {
    width: 30%;
    height: 14px;
    background-color: #dab867 !important;
    border-radius: 10px 0 0 10px;
    text-indent: -99999px;
    border:red solid 0px !important;

}

.ui-progressbar {
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #303030 !important;
    color: #333;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
}


.depositime{float:right;}
.depositime .run_number {
    padding: 3px;
    background-color: #3b3b3b;
    -webkit-border-radius: 5px;
    -mos-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.depositime .run_number span {
    display: block;
    width: 29px;
    height: 40px;
    text-indent: -99999px;
    background: url(/theme/gdm777/imgs/numbers.png) no-repeat;
    float: left;
}
.depositime .run_number .zero {background-position: 0 0;}
.depositime .run_number .one {background-position: 0 -50px;}
.depositime .run_number .two {background-position: 0 -100px}
.depositime .run_number .three {background-position: 0 -150px}
.depositime .run_number .four {background-position: 0 -200px}
.depositime .run_number .five {background-position: 0 -250px}
.depositime .run_number .six {background-position: 0 -300px}
.depositime .run_number .seven {background-position: 0 -350px}
.depositime .run_number .eight {background-position: 0 -400px}
.depositime .run_number .nine {background-position: 0 -450px}
.depositime p {margin: 28px 0 0 4px;font-size: .8125rem;float: right;}

.serviceagens{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:20px;}
.serviceagens dl{float: left; margin-bottom: 2px;}
.serviceagens dl dt {font-weight:normal;}
/*********end pregressbar*********/

/*********home-info-carousal*********/
.webpage-home .carousel-indicators {left:70%;width:46px;top:190px;}
.webpage-home .carousel-control.left,.webpage-home.carousel-control.right{display:none}
.webpage-home .carousel-indicators .active {background-color:#a17a17}
.webpage-home .carousel-indicators li {height: 10px !important;margin: 1px !important;padding:0px 0px !important;width:10px !important;}
/*********end home-info-carousal*********/


.small-info .small-content-title{font-size:16px;color:#fff}
.small-info p {margin-bottom:10px;font-size:11px;}
.service-icon img {width:30px !important;margin-right:5px;}
.contact-info i {font-size:30px;width:60px;vertical-align:middle;margin-bottom:5px; }
.info-list a {color:#fff;font-size:16px}
.info-list a:hover {color:#dab867;}




/*===============home-footer & footer==================*/
#theme-footer {padding:10px 5px; width: 100%;color:#4a4a4a;background:#0c0c0c;}
#theme-footer .footer-line {height:1px; margin: 10px 0px;background:url(/theme/gdm777/imgs/footer_line.gif) repeat-x;}
#theme-footer .footer-line-full {height:1px; margin: 10px 15px;background:url(/theme/gdm777/imgs/footer_line.gif) repeat-x;}
#footer-list2{clear:both;}
#footer-list2 ul{margin:0px; padding:0px;font-size:11px; list-style:none;height:auto;}
#footer-list2 ul li{ display:inline-block;margin:0px; width:635px;padding:5px;}
#footer-list2 ul li a {margin:0px 10px;}
#footer-list2 ul li a:visited {color:#4a4a4a}
#footer-list2 ul li a:hover {color:#fff} 
#footer-list2 ul li:last-child{width:350px;text-align:right;padding-right:15px;}

#footer-list4 ul{margin:0px; padding:0px;list-style:none;min-height:460px;}
#footer-list4 ul li{ display:inline-block;margin:0px; width:244px;padding:10px 15px;float:left;}
#footer-list4 ul li h4{font-size:14px;font-weight:bold;}
#footer-list4 ul li h5{font-size:12px;font-weight:bold;}
#footer-list4 ul li p {font-size:11px;}

.footer-social-media i {font-size:35px;}
.footer-social-media i:hover{color:#dab867}
.footer-small-text {margin:0px 0px 5px 10px;font-weight:bold;font-size:12px}

.grayscale{ filter: grayscale(130%);}
.grayscale:hover{ filter: grayscale(0%);}

.supporting-game img {margin-top:-36px}
/*===============end home-footer & footer==================*/




/*======================page-background===========================*/
#home-bg {background:url(/theme/gdm777/imgs/home-bg2.jpg) top center no-repeat #1f1f1f;}
#sport-bg{background:url(/theme/gdm777/imgs/sport-bg.jpg) top center no-repeat #1f1f1f;}
#slots-bg{background:url(/theme/gdm777/imgs/slots-bg.jpg) top center no-repeat #1f1f1f;}
#casino-bg{background:url(/theme/gdm777/imgs/casino-bg.jpg) top center no-repeat #1f1f1f;}
#reg-bg{background:url(/theme/gdm777/imgs/reg-bg.jpg) top center no-repeat #1f1f1f;}
#lottery-bg{background:url(/theme/gdm777/imgs/lottery-bg.jpg) top center no-repeat #1f1f1f;}
#cockfight-bg{background:url(/theme/gdm777/imgs/cockfight-bg.jpg) top center no-repeat #1f1f1f;}
#fishhunt-bg {background:url(/theme/gdm777/imgs/fish-bg.jpg) top center no-repeat #1f1f1f;min-height:1180px;}
/*======================end page-background===========================*/



/*================ page title & content=============*/
.page-title {background:#333;padding:5px 20px;color:#fff;font-size:18px;margin-top:20px;}
.page-content {background:#252525;padding:20px 20px;margin-bottom:10px}
.page-content h4 {color:#c2c2c2}
/*================ end page title & content=============*/



/*======================content list3 info===========================*/
#wrap-list3-info{background:rgba(0,0,0,0.6);padding:15px;margin-top:20px;margin-bottom:30px;}
#list3-info ul{margin:0px; padding:0px;list-style:none;min-height:199px;}
#list3-info ul li{ display:inline-block;margin:0px; width:310px;margin-right:15px;float:left;position:relative;border:#000 solid 1px;}
#list3-info ul li:last-child {margin-right:0px}
#list3-info ul li:hover{border:#a17a17 solid 1px;}
#list3-info ul li .text-bg {background:rgba(0,0,0,0.6);display:block;width:100%;height:70px;padding:10px;position:absolute;bottom:0px;}
#list3-info ul li .text1 {font-size:16px;color:#fff}
#list3-info ul li .text2 {font-size:10px;color:#fff}
/*======================end content list3 info===========================*/


/*======================content carousal===========================*/
#wrap-text-carousal{display:block;position:relative;}
#text-carousal {display:block;width:500px;padding:10px;color:#fff}
#text-carousal  .carousel-indicators {left:30%;width:46px;top:340px;}
#text-carousal  .carousel-indicators .active {background-color:#a17a17}
#text-carousal  .carousel-indicators li {height: 10px !important;margin: 1px !important;padding:0px 0px !important;width:10px !important;}
#text-carousal  .carousel-control.left {background-image:none !important;display:block;height:40px;width:40px;margin-top:320px;} 
#text-carousal  .carousel-control.right {background-image:none !important;display:block;height:40px;width:40px;margin-top:320px;margin-right:410px;}
#text-carousal  .carousel-inner {min-height:360px}
#text-carousal  .carousal-info .big-title {font-size:45px;font-weight:bold;text-shadow: 2px 2px 2px #333;margin-top:30px;}
#text-carousal  .carousal-info .small-title {font-size:25px;text-shadow: 2px 2px 2px #333;margin-bottom:20px;}
#text-carousal  .carousal-info a {font-size:15px;background-color:#a17a17;padding:8px 15px;color:#fff;}
#text-carousal  .carousal-info a:hover {background-color:#333;}
/*======================end content carousal===========================*/


/*======================sport-reg-btn===========================*/
#sport-regbtn{background:url(/theme/gdm777/imgs/register_bg.png)no-repeat;width:484px;height:43px;position:absolute;right:0px;bottom:0px;}
#sport-regbtn ul{margin:0px; padding:0px;list-style:none;}
#sport-regbtn ul li{display:inline-block;margin:0px; width:344px;padding:7px 7px;float:left;color:#fff;font-size:11px;}
#sport-regbtn ul li:last-child{width:140px;padding:10px 6px 6px 5px}
#sport-regbtn a {display:block;padding: 4px 5px;background: #a17a17;color: #fff;text-align:center}
#sport-regbtn a:hover {background: #cc001b;}
/*======================end sport-reg-btn===========================*/



/*================ promotion =============*/
#faq_template_list{width:1000px; margin:auto;}
#faq_template_list ol#faq{padding:0; margin:0; list-style:none;}
#faq_template_list ol#faq li#faq div#question a{display:inline;}
#faq_template_list ol#faq li#faq {margin-bottom:25px;}
#faq_template_list ol#faq li#faq div#question a:hover{text-decoration:none;}
#faq_template_list ol#faq li#faq div#answer{border:6px solid #0c0c0c; padding:15px 20px; margin-top:15px;color:#fff 	}
/*.promo{position:relative;}
.promocontent{position: absolute;top: 20px;left: 10px;float: left;}
.promocontent p{margin:0; padding:0;}
.promocontent span{margin:10px 5px;}
.fleft{float:left; padding-left:300px; padding-right:10px;width: 550px;text-align:right}
.fleft .title-left{color:#fff; font-size:28px; text-transform:uppercase; text-shadow: 1px 1px 1px #333;}
.fright {float:right; border:0px solid green; width: 430px; padding:0px 0px 0px 40px;}
.fright .title-right{ color:#e2b33d; font-size:24px; text-shadow: 1px 1px 1px #333;}
.fright .subtitle{ font-size:12px; color:#fff;}
.fright .more-btn{color:#333; padding:5px 20px; background:#ddd; font-size:18px; text-transform:uppercase; border:2px solid #999;cursor:pointer;margin-left:50px;}
.fright .more-btn:hover {background:#fff}
.fright .join-btn{color:#fff; padding:5px 20px; background:#a17a17;  font-size:18px; text-transform:uppercase; border:2px solid #a17a17;}
.fright .join-btn:hover {background:#cc001b;border:2px solid #cc001b;}*/

.promo .col-md-7{margin:0px !important;padding:0px !important;}
.promo .col-md-7 h3{position:absolute;right:10px;text-transform: uppercase;text-shadow: 1px 1px 1px #333;color:#fff;text-align:right;padding:10px 20px;font-size:30px}
.promo .col-md-7 img {width:100%}
.promo .col-md-5{min-height:204px;padding:10px 30px !important;background:#272727;}
.promo .col-md-5 h5{margin-bottom:40px;color:#fff}
.promo .col-md-5 a{color:#dab867}
.promo .col-md-5 .more-btn{color:#333; padding:5px 20px; background:#ddd; font-size:18px; text-transform:uppercase; border:2px solid #999;cursor:pointer;margin-left:50px;}
.promo .col-md-5 .more-btn:hover {background:#fff}
.promo .col-md-5 .join-btn{color:#fff; padding:5px 20px; background:#a17a17;  font-size:18px; text-transform:uppercase; border:2px solid #a17a17;}
.promo .col-md-5 .join-btn:hover {background:#cc001b;border:2px solid #cc001b;}
.promo-title{font-size:18px;font-weight:bold;color:#dab867}
.promo-subtitle{font-size:14px;color:#dab867;font-weight:400;margin-bottom:10px}
/*================ end promotion =============*/



/*================================ contact =============================*/
/*contact-code-oldversion*/
#list-contact ul{margin:0px; padding:0px;list-style:none;min-height:110px;}
#list-contact ul li{ display:inline-block;margin:0px; width:180px;min-height:110px;padding:15px;margin-right:12px;float:left;position:relative;border:#dab867 solid 2px;}
#list-contact ul li:last-child{margin-right:0px;}
#list-contact ul li i {font-size:30px;color:#dab867}
#list-contact ul li .social-name {font-size:16px;position:absolute;top:20px;left:60px;color:#dab867}
#list-contact ul li p {margin:5px 0px 0px 45px !important}


/*contact-code-newversion*/
.bg-contact-trans{width: 1040px; margin: 10px auto; background: rgba(0,0,0,0.75); padding: 10px; border: 1px solid #ffdf9f; padding-bottom: 0px;}

.contact-Tittle {height: 40px; border-bottom: 1px solid #666666; font-size: 14px;padding: 10px 0px;text-transform: uppercase;}

.contactCont {min-height: 556px; margin: 0 auto; background: url(/theme/gdm777/imgs/contactgdm2.jpg)bottom no-repeat;}
.contact-Wrap{width: 505px; background: rgba(12,12,12,0.64); border: 1px solid #ffd68c; margin-left: 10px;}

.contactDIV{padding: 10px 20px; font-size: 14px;}   
.clearfix {zoom: 1;}
.contact-Subtittle {float: left; margin-top: 10px;}

.contactDevice {float: left; margin-right: 20px; width: 50px;}

.contact_type {width: 393px; height: 58px; float: left; font-size: 18px;font-weight: bold;background: url(/theme/gdm777/imgs/contact_typeBG.png)repeat-x; padding: 18px 30px;
    -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; margin-top: 5px; position: relative;text-decoration: none; color: #ffffff;}

.contactBtn {height: 41px;padding-top: 7px; background: url(/theme/gdm777/imgs/contact_livechatbg.png)no-repeat; font-size: 18px;
    font-weight: bold;font-size: 16px; color: #000000; vertical-align: middle; cursor: pointer; text-transform: uppercase; display: block;}

.contactBtn img { padding: 0px 10px;}

.contact-Wrap p { border-bottom: 1px solid #ffd68c; padding: 10px;}
.contact_livechat { width: 159px; padding-top: 25px; padding-bottom: 20px; margin: 0 auto;}

.contactName{text-decoration: none; color: #ffffff;}
.contact_type a {text-decoration: none; color: #ffffff;}
.contact_type a:hover { color: #C59932; text-decoration: none;}
/*================================ end contact =============================*/




/*================ live tv =============*/
#api-leaguefeed{ clear:both; display:block; width:100%;}
#api-leaguefeed .brick > ul { list-style:none; margin:0px; padding:0px;}
#api-leaguefeed .brick > ul > li {padding:5px 10px;}
#api-leaguefeed #playtime {background:#333333; color:#ffffff; text-align:center;}
#api-leaguefeed #versus{ text-align:center; font-size:13px; font-weight:bold; padding:20px 0px;}
#api-leaguefeed #versus div:nth-child(1){ color:#0080FF;}
#api-leaguefeed #versus div:nth-child(2){ color:#000000; font-size:12px;}
#api-leaguefeed #versus div:nth-child(3){ color:#ff0000;}
#api-leaguefeed #livetv {text-align:center;}
#api-leaguefeed #livetv a,
#api-leaguefeed #livetv a:visited { display:block; color:#ffffff; text-decoration:none; text-align:center; background:#0080FF; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#api-leaguefeed #livetv a:hover { background:#0073E6;}
/*================ end  live tv =============*/


/*======================lottery table===========================*/
.lotto table {width:100%;text-align:center;border:#111 solid 3px;background:#efefef;font-size:16px;}
.lotto table th {text-align:center;background:#000;padding:5px;color:#fff}
.lotto table td , .lotto table tr  {padding:5px;border:#1f1f1f solid 1px;color:#1f1f1f}
/*======================end lottery table===========================*/



/*======================side content===========================*/
.side-download {background:url(/theme/gdm777/imgs/side-dw.png) no-repeat;width:53px;height:177px;position:fixed;z-index:999;top:25%;left:0%}
.side-contact {background:url(/theme/gdm777/imgs/side-contact.png) no-repeat;width:206px;height:418px;position:fixed;z-index:999;top:25%;right:-153px}
.side-contact:hover {right:0%;}
.side-contact .side-content {margin-left:60px;margin-top:145px}
.side-contact .side-content i {background:#333;color:#dab867;border-radius:26px;width:25px;padding:5px;font-size:16px;text-align:center;margin-right:5px;}
.side-contact .side-content p {padding:2px;margin-right:10px;border-radius:30px;background-color:#1f1f1f;}
.side-contact .side-content p.wechat {padding:2px;margin-right:10px;border-radius:20px;background-color:#1f1f1f;}
.side-contact .side-content img {margin:4px 5px 10px 17px}
/*======================end side content===========================*/


/*======================banking table===========================*/
.banking-table table{ width: 100%; background: rgba(0, 0, 0, 0.5);margin-bottom:30px;}
.banking-table table th {background-color:black; color:white; font-weight:bold; text-align:center; padding:10px 0px;border:#333 solid 1px;}
.banking-table table td{width:50%; text-align:center; background-color:#ddd; padding:5px 0px;color:#000;border:#333 solid 1px;}
.banking-table .title {color: #dab867;font-size: 18px;margin-bottom:10px;}
/*======================end banking table===========================*/


#list4{clear:both;}
#list4 ul{padding:36px 36px 0px; list-style:none;min-height:130px;}
#list4 ul li{ display:inline-block;padding:0px 0px;margin-left:18px; margin-bottom:30px;width:208px;float:left;}
#list4 ul liLkast-child{ margin-left:0px;}


.flex-control-paging li {margin-left:10px;}
.flex-control-paging li a {position:absolute !important;z-index:9 !important;bottom:55px !important;background: #777 !important;}
.flex-control-paging li a.flex-active {background: #fff !important;}


.download {text-align:center}
.download h3 {margin-top:30px;display:block;width;100%;}

/* fix */
.flexslider { 
  width:100%;
	margin: 0px 0px 0px 0px; 
	background: transparent; 
	border: 0px solid #fff; 
	position: relative; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px; 
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.2); 
	-o-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
	box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 0; 
	}

.brighten{-webkit-filter: brightness(100%);}
 .brighten:hover {
  -webkit-filter: brightness(120%);
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}



/*======================slot/casino content===========================*/
#slots-wrap-list-prod{background:rgba(0,0,0,0.6);padding:17px;margin-top:20px;margin-bottom:30px;display:block;min-height:3055px;}
#casino-wrap-list-prod{background:rgba(0,0,0,0.6);padding:17px;margin-top:20px;margin-bottom:30px;display:block;min-height:2296px;}
#sport-wrap-list-prod{background:rgba(0,0,0,0.6);padding:17px;margin-top:20px;margin-bottom:30px;display:block;min-height:3055px;}
#list-prod ul{margin:0px; padding:0px;list-style:none;}
#list-prod ul li{ display:inline-block;margin-bottom:20px; width:100%;margin-right:15px;float:left;position:relative;border:#000 solid 1px;}
#list-prod ul li:last-child {margin-right:0px}
#list-prod ul li:hover{border:#a17a17 solid 1px;}
#list-prod ul li .divider img {position:absolute;width:100%;bottom:0px;left:0px}


#list2 ul{margin:0px; padding:15px;list-style:none;min-height:360px;}
#list2 ul li{ display:inline-block;margin:0px; width:48%;float:left;position:relative;border: #333 solid 0px;}
#list2 ul li:hover{border:#a17a17 solid 0px;}
#list2 ul li .prod-btn a{padding:10px 25px;border-radius:5px;background: #c6b079;
    background: -moz-linear-gradient(top, #c6b079 0%, #b19963 31%, #876a35 69%, #725320 100%);
    background: -webkit-linear-gradient(top, #c6b079 0%,#b19963 31%,#876a35 69%,#725320 100%);
    background: linear-gradient(to bottom, #c6b079 0%,#b19963 31%,#876a35 69%,#725320 100%);
    font-size:16px;color: #fff;border-left: 1px solid #eddcb3;border-right: 1px solid #eddcb3;}
#list2 ul li .prod-btn:hover a {color:#000;}
#list2 ul li .prod-logo{margin:50px 10px 10px;}
#list2 ul li .prod-logo img {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;
    transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;transition-property: transform;z-index: 99999;overflow: hidden;}
#list2 ul li .prod-logo img:hover{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);}
#list2 ul li .prod-text{color:#fff;font-size:10px;margin:10px;}
#list2 ul li.prod img {margin-top:-11px;}

.casino1 {background:url(/theme/gdm777/imgs/bg1.jpg)top center no-repeat;width:970px;height:360px;}
.casino2 {background:url(/theme/gdm777/imgs/bg2.jpg)top center no-repeat;width:970px;height:360px;}
.casino3 {background:url(/theme/gdm777/imgs/bg3.jpg)top center no-repeat;width:970px;height:360px;}
.casino4 {background:url(/theme/gdm777/imgs/bg4.jpg)top center no-repeat;width:970px;height:360px;}
.casino5 {background:url(/theme/gdm777/imgs/bg5.jpg)top center no-repeat;width:970px;height:360px;}
.casino6 {background:url(/theme/gdm777/imgs/bg6.jpg)top center no-repeat;width:970px;height:360px;}

.slot1 {background:url(/theme/gdm777/imgs/bg-s5.jpg)top center no-repeat;width:970px;height:360px;}
.slot2 {background:url(/theme/gdm777/imgs/bg-s9.jpg)top center no-repeat;width:970px;height:360px;}
.slot3 {background:url(/theme/gdm777/imgs/bg-s1.jpg)top center no-repeat;width:970px;height:360px;}
.slot4 {background:url(/theme/gdm777/imgs/bg-s6.jpg)top center no-repeat;width:970px;height:360px;}
.slot5 {background:url(/theme/gdm777/imgs/bg-s3.jpg)top center no-repeat;width:970px;height:360px;}
.slot6 {background:url(/theme/gdm777/imgs/bg-s4.jpg)top center no-repeat;width:970px;height:360px;}
.slot7 {background:url(/theme/gdm777/imgs/bg-s8.jpg)top center no-repeat;width:970px;height:360px;}
.slot8 {background:url(/theme/gdm777/imgs/bg-s7.jpg)top center no-repeat;width:970px;height:360px;}


.divider img {width:100%;margin-top:-22px;padding:0px 0px;}
.black-bg {background:rgba(0,0,0,0.6);padding:17px 10px 8px;margin-top:20px;margin-bottom:30px;}
.sport1 {background:url(/theme/gdm777/imgs/bg-sp1.jpg)top center no-repeat;width:960px;height:360px;border:#000 solid 1px;margin:0px -10px}
.sport2{background:url(/theme/gdm777/imgs/bg-sp2.jpg)top center no-repeat;width:960px;height:360px;border:#000 solid 1px;}
.sport3 {background:url(/theme/gdm777/imgs/bg-sp3.jpg)top center no-repeat;width:960px;height:360px;border:#000 solid 1px;}


.sport1:hover, .sport2:hover, .sport3:hover {border:#a17a17 solid 1px;}
/*======================end slot/casino content===========================*/




/*======================jackpot===========================*/
#wrap-jackpot {background:url(/theme/gdm777/imgs/gdm-jackpot.png);width:975px;height:263px;position:relative;margin:10px auto;}
#count {position:absolute;top:148px;left:370px;font-size:40px;color:#dab867}
/*======================end jackpot===========================*/


/*======================home step===========================*/
#home-step {margin:15px auto 30px;}
#home-step img {margin-left:auto;margin-right:auto;display:block}
/*======================end home step===========================*/









@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) {      


nav {width: 1000px;}

}