@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500');
.won-indicator{
	animation:8s ease-in-out infinite fade;
	background: #c21101;
    border-radius: 25px;
    z-index: 1;
}
.jackpot-prize .won-indicator {
    border-radius: 25px 0 0 25px;
	border-right: 2px solid #fff;
}
@keyframes fade {
    0%   {display:0;}
    20%  {opacity:0;}
    40%  {opacity:0;}
    60%  {opacity:1;}
	80%  {opacity:1;}
    100% {opacity:1;}
}
.card_back span{

  animation: blink-animation .5s steps(5, start) infinite;
  -webkit-animation: blink-animation .5s steps(5, start) infinite;
	text-decoration:underline;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
body{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
}
.animated{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;	
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	line-height: 1.3;
}
hr{
	border-top:1px solid #eee;
}
a{
	color:inherit;
}
a:hover,a:focus{
	color:#c21101;
	text-decoration: none;
}
.jp-btn:hover, .jp-btn:focus:focus {
color:inherit;
text-decoration: none;
}
.lucky_num_link:hover,.lucky_num_link:focus{
	color:inherit;
	text-decoration: underline;
}
.paper a{
	color:#337ab7;
}
.paper img{
	/*border:1px solid #ccc;*/
	max-width:100%;
}
.paper ul li {
	margin-bottom:10px;	
}
.no-space{
	margin:0;
	padding:0;
}
.no-margin{
	margin:0;
}
.text-white{
	color:#fff;	
}
.navbar-nav{
	margin:27px 10px 0;
	font-weight: bold;
}
.navbar-brand{
	height:inherit;
	padding:10px 0;
}
.navbar-default{
	background:#fff;
}
.navbar{
	margin:0;
}
.navbar-right > li > a{
	padding:8px 20px;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: inherit;
}
.navbar-right{
	margin-top:28px;
}
.full_center {
    min-height: 610px;
}
.temp2{
	margin-top:15px;	
	margin-bottom:15px;	
}
.temp2 .side_right{
	border-left:1px solid #eee;
}
.odd-row {
    background: #ffecea;
}
.carousel-inner img {
    width: 100%;
}
.carousel-control.left,.carousel-control.right{
	background-image:none;	
}
.paper table {
    width: 100%;
	min-width:600px;
}
.paper table th {
    background: #203369;
    padding: 10px 5px;
    color: #fff;
    border: 1px solid #fff;
}
.paper table td {
    background: #f1f1f1;
    padding: 10px 5px;
    color: #333;
    border: 1px solid #fff;
}
span.contentsubtitle {
    background: #c21101;
    font-size: 16px;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 25px;
    margin-bottom: 15px;
}
span.contentback {
   border: 2px solid #1c377c;
    color: #1c377c;
    font-weight: bold;
    padding: 7px 15px;
    border-radius: 25px;
    display: inline-block;
    margin-top: 25px;
    transition: all ease-in-out .5s;
}
span.contentback:hover {
    border: 2px solid #1c377c;
    background: #1c377c;
    color: #fff !important;
    font-weight: bold;
    border-radius: 25px;
}
.table-discipline td{
	padding:0 !important;
	background:transparent;
	width:50%;
}
.discipline-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
 background-color:#555555 ;
    color: #fff !important;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 20px;
  font-weight: 400;
  padding: 40px;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
}
.discipline-btn:hover, .discipline-btn:focus {
  color: #fff;
  outline: 0;
}
.first {
  border-color: #c21101;
  border-radius: 0;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.first:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #c21101;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
}
.first:hover {
  color: #fff;
}
.first:hover:after {
  width: 110%;
}
.fullwidthcontent img {
    max-width: 100%;
    margin-bottom: 2px;
	height: auto!important;
}
.fullwidthcontent h3 {
    color: #c21101;
    font-weight: 300;
    font-size: 30px;
}
.mainNav {
			
			
		}
			/* First Level */
			.mainNav ul {
				margin: 0;
				padding: 0;
				list-style: none;
				border-bottom: 1px solid #eee;
			}
			.mainNav ul li {
				border-top: 1px solid #eee;
			}
			.mainNav ul li a {
				color: #c21101;
				display: block;
				font-size: 22px;
				line-height: normal;
				padding:12px 20px;
				font-weight: 300;
				text-decoration:none;
				cursor:pointer;
			}
			.mainNav ul li a:hover {
				background: #f1f1f1;
				text-decoration: none;
			}
			.tile_menu_btns.active.accordion-header-only {
				background: #f1f1f1;
				border-left: 3px solid #c21101;
			}
				/* Second Level */
				.mainNav ul ul {
					border-bottom: none
				}
				.mainNav ul ul li {
					border-top: 1px solid #eee;
					
				}
				.mainNav ul ul li a {
					color: #c21101;
					display: block;
					font-size: 1em;
					line-height: normal;
					padding: 0.5em 1em 0.5em 2.5em;
				}
				.mainNav ul ul li a:hover {
					
				}
						/* Third Level */
				.mainNav ul ul ul {
					border-top:1px solid #eee;
				}
				.mainNav ul ul ul li {
					border:none;
				}
				.mainNav ul ul ul li a {
					padding-left:3.5em; 
					padding-top:0.25em; 
					padding-bottom:0.25em;
				}
			/* Accordion Button */
			ul li.has-subnav .accordion-btn {
				color: #c21101;
				
				font-size: 14px;
			}
		
	
.tile_menu_btns.grad {
    text-align:left;
    padding: 15px;
    font-size: 22px;
    font-weight: 300;
    color: #c21101;
    border-bottom: 1px solid #eee;
	cursor:pointer;
}
.tile_menu_btns.grad.active {
    background: #f1f1f1;
    border-left: 3px solid #c21101;
}
.main-title{
	color:#c21101;
	font-weight:300;	
}
.next-arrow, .previous-arrow {
    margin-top: 70%;
}

.col-2-winning-history{
	width:12%;	
}
.col-md-plus {
    width: 1%;
    padding: 0;
    margin: 0;
}
span.plus {
    font-size: 20px;
    font-weight: 600;
}
/*winning history table*/
/*table color*/
.title-bg{
	padding:6px 0;
	background:#27235e;	
	color:#fff;
	text-transform: uppercase;
}
.odd{
	padding:10px 0;	
	background:#e5e5e5;
}
.even{
	padding:10px 0;
	background:#f1f1f1;	
}

.announcement{
	color:#fc0000;	
	margin:15px 0;
}

.shadow{
	background:url('/media/1506/shadow.png')no-repeat bottom;	
	margin-bottom:15px;
	padding-bottom:50px;
}

.effect2{
	margin-bottom:30px;
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
		 -moz-box-shadow: 0 8px 6px -6px #ccc;
			  box-shadow: 0 8px 6px -6px #ccc;
}
.meaning{
	color:#fc0000;	
	text-transform:uppercase;
}
.paper {
    margin-top: 17px;
}
.paper h4{
	color:#c21101;
	font-weight:300;	
	font-size:28px;
}
/*hide edge menu scrollbar*/
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.sidenav::-webkit-scrollbar {
    width: 0.8em;
	
}
 
.sidenav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:10px;
	
}
 
.sidenav::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: 1px solid #ccc;
}
.menu{
	margin-top:35px;
	display:block;
}
.menu-text{
	font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #7c7c7c;
}
.menu-title{
	font-size: 25px;
    font-weight: 300;
    color: #fff;
    padding: 8px 8px 15px 32px;
    margin: 0 0 15px;
    border-bottom: 1px solid #444;
}
.hamburger-img{
	width:22px;
	float:left;
	margin:5px;
}
.jackpot-bar{
	background: #c21101;
    color: #ffffff;
	padding:5px 0;
}
.current-lang{
	font-weight:bold;color:#c21101;
}
.contact-form .form-control {
    padding: 11px 15px;
    height: auto;
    background: #f1f1f1;
    color: #808080;
    border: 1px solid #e2e2e2;
    border-radius: 25px;
}
.g-recaptcha > div {
    margin: 0 auto 10px;
}
.content-btn {
    color: #fff;
    background: #152364;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: bold;
}
.contact-info td {
    padding: 0 10px 10px 0;
}
.past-six-section{
	
}
.past-divider{
	background:#eee;
	height:30px;
}
.btn-login{
	border: 2px solid #1c377c;
    color: #1c377c !important;
    font-weight: bold;
    padding: 7px 15px;
    border-radius: 25px;
    display: inline-block;
    margin-top: 25px;
    transition: all ease-in-out .5s;
}
.btn-login:hover{
	border:2px solid #1c377c;
	background:#1c377c !important;
	color:#fff !important;
	font-weight: bold;
	border-radius:25px;
}
.lang{
	margin-top:35px;
	display:inline-block;
	text-align:right;
}
.lang.active{
	font-weight: bold;
    color: #c21101;
}
.lang-position{
	text-align:right;	
}
.jp-drawcol{
	width:15%;
	float:left;
	padding:9px 15px;	
	text-align:left;
	border-right:1px solid #a20e01;
}
.jp-draw{
	display:block;	
	font-size:13px;
}
.jp-drawdate{
	display:inline-block;	
	font-size:11px;
}
.jp-info {
	width: 13.5%;
	float: left;
	padding: 5px 15px;
	text-align:center;
}
.jp-info.old-jackpot {
    width: 16%;
    float: left;
    padding: 5px 15px;
    text-align: center;
	margin:0;
}
.jackpot-border-right{
	border-right:1px solid #ccc;	
}
.next-draw{
	text-align:right;
	margin:0 10px;	
}
.livedraw{
	width:35%;
	float:left;
	background:#1c377c;
	padding:30px 0;
	
}
.livedraw-6d{
	width:35%;
	float:left;
	background:#bc2129;
	padding:80px 0;
	min-height:390px;
}
.livedraw-border{
	border:1px solid #ccc;	
	margin-bottom:10px;
}
.rolling-number.greyout{
	background:#777;
	/*background:#ccc;*/
}
.livedraw-tab {
	padding:10px 0;
}
.livedraw-tab > li{
	width:32%;
	margin:0 2px;
}
.livedraw-tab > li > a{
	text-align:center;
	border-radius:25px;
	margin:0;
	border:0;
	font-size:12px;
	background: #ccc; 
	color: #333;
}
.livedraw-tab > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	border:none;    
	background: #bc2129; 
	color: #fff;
}
.jp-title{
	display:block;
	font-size:14px;	
}
.jp-currency{
	display:inline-block;	
	font-size:11px;
}
.jp-price{
	display:inline-block;	
	font-size:18px;
	font-weight:600;
}
.news_details h4:hover{
	text-decoration:underline;	
}
.news_thumb img {
    width: 100%;
    max-height: 180px;
    object-fit: cover;
    border: 1px solid #ccc;
    box-shadow: 1px 0 3px #ccc;
}
.winning-title{
	color:#c21101;
	font-weight:300;
}
.winning-horse-label{
	color:#fff;	
	background:#bc2129;
	border-radius:25px;
	padding:5px 10px;
	display:block;
}
.winning-horse{
	display:block;	
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin:8px 0;
}
.winning-horse-display{
	background:#fff;
	border-radius:25px;
	padding:5px 10px;
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:25px;
    height: 50px;
    overflow: hidden;
    position: relative;
}
.rolling-number{
	float:left;
	width:70px;
	height:70px;
	line-height:70px;
	background:#fff;
	font-size:25px;
	border-radius:50%;
	font-weight:bold;
	margin:30px -8px;
	text-align:center;
	position:relative;
	overflow:hidden;
}
.winning-border{
	border-top:1px solid #eee;
	margin:0 0 10px;
}
.padding-5{
	padding:0 5px;
}
.prize-column{
	font-family: 'Ubuntu', sans-serif;
	width:30%;
	float:left;
	padding:0 5px;
}
.jackpot-column{
	font-family: 'Ubuntu', sans-serif;
	width:20%;
	float:left;
	padding:0 5px;
}
.prize-column.old-game{
	width:60%;
}
.jackpot-column.old-game{
	width:40%;
}
.old-game-text-right{
	text-align:right !important; 
 }
.old-game-text-left{
	text-align:left !important; 
 }
.logo1{
	width:80px;
	display: block;
	margin:15px auto 20px;
}
.logo2{
	width:200px;
	display: block;
	margin:15px auto 20px;
}
.logo3{
	width:50px;
	display: block;
	margin:auto;
}
.jplogo1{
	width:60px;
	display: block;
	margin:auto;
}
.jplogo2{
	width:60px;
	display: block;
	margin:32px auto 0;
}
.jplogo3{
	width:45px;
	display: block;
	margin:32px auto 0;
}
.bonuslogo1{
	width: 68px;
    display: block;
    margin: 0 auto 32px;
}
.push-right-30 {
    right: 30%;
    position: relative;
}
.pull-left-20 {
    left: 20%;
    position: relative;
}
.prize-label{
	background:#1c377c;
	border-radius:25px;
	color:#fff;
	width: 100%;
	display: block;
	text-align:center;
	padding:5px;
	font-weight:bold;
	white-space:nowrap;
}
.bonus-label{
	background:#bc2129;
	border-radius:25px;
	color:#fff;
	width: 100%;
	display: block;
	text-align:center;
	padding:5px;
	font-weight:bold;
}
.prize-number{
	display: block;
	width: 100%;
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-size:18px;
	min-height: 35px;
	white-space:nowrap;
}
.jackpot-title{
	display: block;
	width: 100%;
	color:#bc2129;
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-size:18px;
}
.jackpot-prize{
	background:#1c377c;
	border-radius:25px 0 0 25px;
	font-size:18px;
	padding:10px;
	color:#fff;
	width: 83%;
	display: block;
	text-align:center;
	font-weight:bold;
	float:left;
}
.jp-prize-number{
	display: inline-block;
	
	text-align:center;
	padding:2px 5px;
	font-weight:bold;
	font-size:18px;
}
.bonus-prize{
	background:#1c377c;
	border-radius:25px;
	font-size:18px;
	padding:10px;
	color:#fff;
	width: 100%;
	display: block;
	text-align:center;
	font-weight:bold;
	float:left;
}
.fourdalign{
	margin-top:10px;
}
.sixdbonusalign{
	margin-top:10px;
}
.sixdalign{
	margin-top:8px;
}
.result-link{
	font-weight:bold;
}
.result-link span.fa.fa-angle-right {
    background: #c21101;
    color: #fff;
    padding: 2px 6px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.jackpot-result{
	float:left;
	width:17%;
	background:#bc2129;
	border-radius:0 25px 25px 0;
	color:#fff;
	font-size:32px;
	padding:0 12px;
	text-align:center;
}
.jackpot6d-label{
	text-align:right;
	padding:5px;
	font-weight:bold;
	font-size:18px;
	color:#bc2129;
	display:block;
}
.jackpot6d-number{
	display: block;
	
	padding:5px;
	font-weight:bold;
	font-size:18px;
}
.prize-footer{
	font-size:14px;
	color:#fff;
	background:#bc2129;
	padding:3px ;
	margin:15px -15px 0;
}
.old-jp {
    margin-top: 12px;
}
.fourdalign.old-game {
    margin-top: 27px;
}
.old-game-threed {
    margin-top: 35px;
}
.carousel-inner > .item > img{
	width:100%;
}
.carousel{
	margin:20px 0 0;
}
.stacked-on{
	margin-top:-50px;
}
.lucky-box{
	background:#c00000;
	padding:16px;
	color:#fff;
}
.special-box{
	/*background: #eee url(/media/1486/calendar-bg.png);
    background-repeat: no-repeat;
    background-position: top right;*/
	background: #eee url(/media/1744/special-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px 0;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
    align-content: center;
    flex-flow: row wrap;
	-webkit-justify-content: center;
	-webkit-flex-flow: row wrap;
    justify-content: center;
    min-height: 202px;
}
.special-box-space{
	width:100%;	
}
.specialdraw-label{
	background: #bc2129;
    border-radius: 50px;
    color: #fff;
    display: block;
    width: 65%;
    text-align: center;
    padding: 5px;
    margin: 10px auto;
	font-weight: 300;
	font-size:20px;
}
.special-date{
	font-weight:bold;
	font-size:30px;
}
.bonus-space{
	margin:40px 0 0;
}
.zodiac-center{
	text-align:center;
	margin-top:8px;
}
.zodiac-left{
	text-align:left;
	margin-top:6px;
	margin-bottom:7px;
}
.zodiac-prize{
	font-weight:bold;
	font-size:18px;
	padding:3px 0 0;
	min-height:35px;
}
.zodiac-img{
	width:27px;
	display:inline-block;
	margin:-10px 1px 0;
}
.tile-2{
	background-size:cover;
	background-repeat: no-repeat;
	min-height:285px;
	background-position:center center;
}
.tile-4{
	background-size:cover;
	background-repeat: no-repeat;
	min-height:285px;
	background-position:center center;
}
.old-game-tile-wrapper{
		
}
.old-game-tile-wrapper .tile-4{
	background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
    background-position: center center;
}
.tile-title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 100px 0 30px;
	text-shadow:1px 1px 3px #333;
	font-weight:300;
}
.press-section{
	background:#1b377c;
	min-height:280px;
	padding:30px 0 0;
}
.press-title, .press-paragraph{
	color:#fff;
	text-align:center;
}
.press-section-b{
	margin-top:-100px;
	margin-bottom:50px;
}
.press-border{
	border:3px solid #fff;
	height:180px;
	width:100%;
	object-fit:cover;
}
.btn-read{
	background:#23527c;
	color:#fff;
	border-radius:25px;
	padding:8px 30px;
	display:inline-block;
}
.btn-read:hover, .btn-read:focus{
	text-decoration: none;
    color: #fff;
    transition: all ease-in-out .5s;
    background: #091c4a;
}
.lucky_num{color:#fff; text-align:center;   }
.lucky_num_widget{padding-top:15px; padding-bottom:10px; padding-left:15px;position:relative; overflow:hidden; display:block;}
.lucky_num_widget .lucky_num_digits{float:left; width: 50%; text-align: center;}
.lucky_num-1, .lucky_num-2, .lucky_num-3, .lucky_num-4{ overflow:hidden;display:inline-block; zoom:1; padding:5px 13px; background:#fff; color:#000; font-size:23px;line-height: 46px; height:60px; margin-left:-15px;
position:relative; width:60px;  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; 
}
.anim_mask{position:absolute; left:20px; width: 20px;height: 40px;overflow: hidden;}
.anim_numbers{background:#fff url("https://stgdmccms1.blob.core.windows.net/media/1079/num_sprite.jpg")  repeat-y center bottom; position:absolute; z-index:1; width:100%; width: 20px; left: 0px; bottom:0px; margin-bottom:-8px;
}

.lucky_num_widget .lucky_num_refresh{float:left; cursor:pointer;}
.lucky_num p{margin:0px; font-size:.9em; }
.lucky_num p img{vertical-align:middle;}

/*Career page*/
.panel-default>.panel-heading.panel-career {
   padding:0;
}
.panel-default>.panel-heading.panel-career a,.panel-default>.panel-heading.panel-career a:hover,.panel-default>.panel-heading.panel-career a:focus{
	display: block;
    font-weight: normal;
	text-decoration:none;
    font-size: 20px;	
	color: #fff !important;
	 background-color: #c21101;
	padding:20px;
}
.btn-career,.btn-career:hover,.btn-career:focus {
    background: #c21101;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 15px;
    border-radius: 25px;
    display: inline-block;
}
.panel-default>.panel-heading.panel-career a:after {
  content: "";
  position: relative;
  top: 5px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  font-size:15px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.panel-body ul li{
	list-style-position: outside;
	padding-left: 15px;
}

.panel-default>.panel-heading.panel-career a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading.panel-career a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* utilities */
#calc input[type=checkbox][disabled]+label{color:#666;}
.calc_close_small{position:absolute; right:0px; top:0px; background:url("https://stgdmccms1.blob.core.windows.net/media/1200/calc-close.png") no-repeat; width:19px; height:19px;  cursor:pointer;}
#calc{position:absolute; z-index:300; top:50%; left:50%; z-index:100; width:215px; min-height:60px; height:auto; background: #fff; margin-left:-107px; max-height:500px; overflow:auto; font-size:14px;
margin-top:-30px;display:none;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);}
#calc_panel{background:#005EA2; height:30px; color:#fff; position:absolute; width:215px;}
#calc_panel span{line-height:30px; font-weight:bold; padding-left:15px;}
.calc_content{margin-top:30px;} 


.calc_content select{width:90%; margin:5%; border:#ccc solid 2px; outline:none; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#calc_panel .calc_close{background:url("https://stgdmccms1.blob.core.windows.net/media/1200/calc-close.png") no-repeat; width:28px; height:30px; float:right; cursor:pointer;}
.calc_key_num{width:90%; margin:0px auto 10px auto; display:none;}
.calc_key_num label{font-size:12px; margin-right:20px;}
.calc_calculate, .calc_add{color:#fff; background:#F00; padding:10px; margin-bottom:10px; border:none; display:block; margin:10px 0px;float:left; margin-right:5px;}
.calc_add{background:#181B60;} 

.jackpot3DSmallValue{font-size: 12px;padding-left: 3px;color: #fc0000;font-weight: 600;}
.calc_4djackpot input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_3djackpot input[type=text]:nth-child(-n+2){width:50px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_4djackpot input[type=text], .calc_3djackpot input[type=text]{padding:3px 5%; width:82%;}
.calc_dmcjackpot input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_dmcjackpotSP input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_dmcjackpotSP-old input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_entry select{border: #CCC solid 1px;}
.calc_entry input{border: #CCC solid 1px; text-align:center;}
.calc_onethreed input[type=text], .calc_threed input[type=text]{padding:3px 0px; width:185px; border: #CCC solid 1px; text-align:center;}
.calc_onethreed input[type=text]:nth-child(n+2), .calc_threed input[type=text]:nth-child(n+2){width:90px; margin:10px auto; padding:3px 0px; display:inline-block; border: #CCC solid 1px; text-align:center;}
.calc_superonethreed input[type=text], .calc_threed input[type=text]{padding:3px 0px; width:185px; border: #CCC solid 1px; text-align:center;}
.calc_superonethreed input[type=text]:nth-child(n+2), .calc_threed input[type=text]:nth-child(n+2){width:90px; margin:10px auto; padding:3px 0px; display:inline-block; border: #CCC solid 1px; text-align:center;}
.calc_entry:nth-child(n+2){border-top: #666 solid 1px;padding-top: 8px; margin-top: 6px;}
.calc_result{width:90%; margin:0px auto 10px auto; line-height:25px;}
.calc_result div{ border-top:#666 solid 3px; border-bottom:#666 solid 3px; padding:5px 0px;} 

/* big winning number */
.big_win_table .big_win_th {background: #181B60;color: #FFF;overflow: hidden;font-size: 1em;padding: 10px 0px;text-transform: uppercase;font-weight: bold;position: relative;}
.big_win_table .big_win_td {overflow: hidden;position: relative;height: auto; padding:10px 0px;}
.big_win_table .big_win_td1 {float: left; width: 14%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td2 {float: left; width: 14%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td3 {float: left; width: 10%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td4 {float: left; width: 10%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td5 {float: left; width: 14%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td6 {float: left; width: 38%;text-align: left;position: relative;display: table; }
.big_win_table .big_win_th .big_win_td6 {float: left; width: 38%;text-align: center;position: relative;display: table; }
/*.big_win_table .big_win_td7 {float: left; width: 16%;text-align: center;position: relative;display: table; }*/
.big_win_table .big_win_td>div>div{position: relative;display: table-cell;vertical-align: middle;}
.big_win_table .big_win_td:nth-child(even) {background: #EEE;}
.right-border{
	background: url(https://stgdmccms1.blob.core.windows.net/media/1190/line-bg.png);
    background-repeat: no-repeat;
    background-position: right 35px;
}
/* dream num */
.dream_number{}
.dream_number>h3{margin:0px;}
.dream_number_left{float:left; width:50%;}
.dream_num_right{float:right; width:40%; margin-bottom:10px;}
.dream_num_right label{font-style:italic; color:#666;}
.dream_num_right input[type=text]{padding:10px; width:70%;}
.dream_num_right input[type=button], .dream_num_right img{vertical-align:middle; display:inline-block; *display:inline; zoom:1}
.dream_num_right img{}
.dream_num_result{border-top:#333 solid thin; clear:both;}
.dream_num_table .dream_num_th{background:#181B60; color:#fff; overflow:hidden; font-size:1em; padding:6px 0px; text-transform: uppercase; font-weight:bold; position:relative;}
.dream_num_table .dream_num_td{overflow:hidden; position:relative; height: 120px;}
.dream_num_table .dream_num_td .dream_num_td1, .dream_num_table .dream_num_td .dream_num_td2, .dream_num_table .dream_num_td .dream_num_td3{height: 120px;}
.dream_num_table .dream_num_td:nth-child(even){background:#eee;}
.dream_num_table .dream_num_td1{float:left; width:25%; text-align:center; position: relative; display:table; }
.dream_num_table .dream_num_td2{float:left; width:20%; text-align:center; position: relative; display:table; }
.dream_num_table .dream_num_td3{float:left; width:50%; position: relative; display:table; }
.dream_num_table .dream_num_td1 img{width:100px; height:100px; border:#333 1px solid; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto;}
.dream_num_table .dream_num_td2>div, .dream_num_table .dream_num_td3>div{position:relative; display: table-cell;
vertical-align: middle;}
.aus_search{padding:10px 0px;}
.aus_search select{ margin-right: 5px;}

/* fav_num */
.my_fav_num{}
.my_fav_num_nav{display:block;}
.my_fav_num_nav> div {display:inline-block; *display:inline; zoom:1; margin-right:20px; margin-bottom:10px; }
.my_fav_num_nav label{display:block; padding:3px 10px; color:#333;}
.my_fav_num_nav select{margin-left:10px; padding:2px 5px;}
.my_fav_num_nav button.addFav_btn, .my_fav_num_nav button.deleteList_btn, .my_fav_num_nav button.addGroup_btn{border:none; padding:0px; height:26px; color:#fff; background:#666; vertical-align: middle;-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;}
.my_fav_num_nav button.addFav_btn img, .my_fav_num_nav button.deleteList_btn img, .my_fav_num_nav button.addGroup_btn img{vertical-align:middle;}
.my_fav_num_nav button.addFav_btn span, .my_fav_num_nav button.deleteList_btn span, .my_fav_num_nav button.addGroup_btn span{line-height: 6px;display: inline-block; padding:0px 10px;}
.my_fav_num_content{text-align:left; padding: 20px 0px;}
.fav_num_tile{display:inline-block; width:15%; margin:10px .5%;  position:relative;}
.fav_num_tile .fav_num_title{background:#181B60; text-align:left; padding:5px 10px; color:#fff; font-size:1.6em; font-weight:normal; letter-spacing:1px;}
.fav_num_tile .fav_num_close{background:url("/media/1752/close_fav.png") no-repeat; width:40px; height:38px; position:absolute; right:0px; top:0px;}
.fav_num_tile .fav_num_meaning{height:80px; padding:6px 10px; text-align:center; display:table;}
.fav_num_tile .fav_num_meaning .fav_num_meaning_wrapper{display:table;}
.fav_num_tile .fav_num_meaning .fav_num_img{display:table-cell; vertical-align:middle; padding:5px 15px 5px 5px;}
.fav_num_tile .fav_num_meaning .fav_num_desc{display:table-cell; vertical-align:middle;}

/* user_profile only css */

#user_container .user_img{ width:300px; overflow:hidden; float:left; position:relative; height:300px; top:0px; left:0px;}
#user_container .user_img2{float: left;clear: both;width:100%;}
#user_container .img_upload{overflow: hidden;width: auto;float: left;width:300px;}
#user_container .user_img img{ width:auto; height:90%; position:absolute; top:0px; bottom:0px; right:0px; left:0px; margin:auto;  border:thick #ccc solid;}
#user_container .user_details{display:block; margin-left:300px; vertical-align:top;}
#user_container .user_details .user_details_row{padding:8px 5px; overflow:hidden; display:block; zoom:1; position:relative; }
#user_container .user_details .user_details_row table{display:inline-block; zoom:1; *display:inline;}
#user_container .user_details .user_details_row table label{padding:5px 10px;}
#user_container .user_details .user_details_row:nth-child(2n){background:#eee;}
#user_container .user_details .user_details_row .user_label{width:100px; float:left; font-weight:bold; padding:5px 0px;}
#user_container .user_details .user_details_row .user_data{display: block; margin-left: 120px;}
/*#user_container .user_details .user_details_row .user_data input{padding:3px; width:90%; margin-left:5px;}
#user_container .user_details .user_details_row .user_data input[type=checkbox]{width:auto; margin:0px 5px;}
#user_container .user_details .user_details_row .user_data input[disabled]{border:none; background:none;}*/
#user_container .user_details .user_details_row .user_data .checkbox{display: inline-block; margin:0 10px 0 5px;}
#user_container .user_details .user_details_row .user_data .checkbox label{font-weight:bold;}
.user, .sign_out, #headerClock , .user_profile, .user_num, .user_logout{float:left;}
#menu, .chi_icon, .eng_icon{float:left; line-height:75px; font-size:1.4em; cursor:pointer;}
.useLng{color:red;}
.user{padding:0px;}
#seperator{float:left; width:1px; height:25px; margin:25px 8px; background:#333;}
.user_window{zoom:1; float:right;}
.user_tip{display:none;}
.user_profile{width:34px; height:35px; margin:25px 2px; background:url("/media/1514/user_sprite.png") no-repeat 0px 0px;}
.user_num{width:34px; height:35px;margin:25px 2px; background:url("/media/1514/user_sprite.png") no-repeat 0px -35px;}
.user_logout{width:34px; height:35px;margin:25px 2px; background:url("/media/1514/user_sprite.png") no-repeat 0px -70px;}
.user_profile:hover{background-position:-34px 0px;}
.user_num:hover{background-position:-34px -35px;}
.user_logout:hover{background-position:-34px -70px;}
.user_icon{float:right; margin-left:10px;}
.user_name{overflow: hidden;position:absolute; top:40px;}
.user_id{padding: 0px 20px;overflow: hidden;}
.user_id>div{float:left; font-size:1.8em; font-weight:bold; line-height:20px;}
.user_id>span{float:left; font-size:1.4em; font-weight:normal; line-height:20px;}

/*Charts*/
.chart{width:90%; height:250px; padding:10px 5% 30px;}
.chart>div.bars{width:9%; margin:0px .5%;  float:left; height:100%; position:relative; text-align:center;}
.chart>div.bars>div{position:absolute; bottom:0px; left:0px; width:100%; height:0%; background:#9F0;
-webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-
}

.zodiac.chart {
    width: 100%;
    padding: 10px;
}
.zodiac.chart>div.bars {
    width: 7%;
}

.chart>div.bars>div img{position:absolute; bottom:-20px; left:0px; right:0px; margin:auto;}
.chart>div.bars>div span{position:relative; top:-30px; font-size:.8em;}

/*.chart>div.bar1>div,.digit.one{background:#69d2e7;}
.chart>div.bar2>div,.digit.two{background:#a7dbd8;}
.chart>div.bar3>div,.digit.three{background:#e0e4cc;}
.chart>div.bar4>div,.digit.four{background:#f38630;}
.chart>div.bar5>div,.digit.five{background:#c44d58;}
.chart>div.bar6>div,.digit.six{background:#f8ca00;}
.chart>div.bar7>div,.digit.seven{background:#ff6b6b;}
.chart>div.bar8>div,.digit.eight{background:#769d8b;}
.chart>div.bar9>div,.digit.nine{background:#556270;}
.chart>div.bar10>div,.digit.zero{background:#cff09e;}*/

.chart>div.bar1>div,.digit.zero{background:#d32f2f;}
.chart>div.bar2>div,.digit.one{background:#C2185B;}
.chart>div.bar3>div,.digit.two{background:#7B1FA2;}
.chart>div.bar4>div,.digit.three{background:#512DA8;}
.chart>div.bar5>div,.digit.four{background:#303F9F;}
.chart>div.bar6>div,.digit.five{background:#1976D2;}
.chart>div.bar7>div,.digit.six{background:#0288D1;}
.chart>div.bar8>div,.digit.seven{background:#FFA000;}
.chart>div.bar9>div,.digit.eight{background:#F57C00;}
.chart>div.bar10>div,.digit.nine{background:#E64A19;}

.horz_chart{border-top:#ccc thin solid; padding:10px 5% 30px; margin-top:20px;}
.horz_chart>div.bars{width:80%}
.horz_chart>div.bars>div{width:80%; height:30px; background:#999;  position:relative;}
.horz_chart>div.bars>div span:first-child{font-size:1.6em; color:#181B60; margin-left:-70px;}
.horz_chart>div.bars>div span:last-child{position:absolute; right:-50px; line-height:30px;}
.horz_chart>div.bars:nth-child(1n+1)>div{background:#C2185B;}
.horz_chart>div.bars:nth-child(2n+1)>div{background:#7B1FA2;}
.horz_chart>div.bars:nth-child(3n+1)>div{background:#512DA8; }
.horz_chart>div.bars:nth-child(4n+1)>div{background:#303F9F; }
.horz_chart>div.bars:nth-child(5n+1)>div{background:#1976D2; }
.horz_chart>div.bars:nth-child(6n+1)>div{background:#0288D1;}
.horz_chart>div.bars:nth-child(7n+1)>div{background:#FFA000;}
.horz_chart>div.bars:nth-child(8n+1)>div{background:#F57C00;}
.horz_chart>div.bars:nth-child(9n+1)>div{background:#E64A19;}
.horz_chart>div.bars:nth-child(10n+1)>div{background:#d32f2f;}

.digit {
    position: absolute;
    bottom: -20px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    padding: 10px;
	font-weight: bold;
    text-shadow: 1px 1px 3px #333;
}

/* num matrix */
#num_matrix{text-align:center;}
.num_matrix_box{width:48%; float:left; zoom:1; *display:inline; max-width:360px; vertical-align: top;}
.num_matrix_numbers>div{width:23%; float:left; text-align:center; height:80px; background:#b9cde5; display:table; margin:1px; font-size:2em; font-weight:bold; cursor:pointer;}
.num_matrix_numbers>div.active, .num_matrix_numbers>div.active:hover{background:#92d050;}
.num_matrix_numbers>div:hover, .num_matrix_numbers>div.clean{background:#181B60;}
.num_matrix_numbers>div span{display:table-cell; vertical-align:middle; opacity:0; filter:alpha(opacity=0);}
.play_ag_btn{background:#eee; cursor:pointer;}
.play_ag_btn:hover{background:#aaa;}
.num_matrix_meaning{clear:both; padding:10px 0px; text-align:center; display:none;}
.num_matrix_meaning>div{ display:inline-block; zoom:1; *display:inline; padding:10px; border:#ccc 2px solid; font-size:1em; text-align:center; margin-right:10px;}
/* zodiac num matrix */
.zodiac_matrix_box{width:48%; float:left; zoom:1; *display:inline; max-width:360px; vertical-align: top;}
.zodiac_box>div{width:23%; float:left; text-align:center; height:80px; background:#b9cde5; display:table; margin:1px; font-size:2em; font-weight:bold; cursor:pointer;}
.zodiac_box>div.active, .zodiac_box>div.active:hover{background:#92d050;}
.zodiac_box>div:hover, .zodiac_box>div.clean{background:#181B60;}
.zodiac_box>div span{display:table-cell; vertical-align:middle; opacity:0; filter:alpha(opacity=0);}
.play_ag_btn{background:#eee; cursor:pointer;}
.play_ag_btn:hover{background:#aaa;}
.num_matrix_meaning{clear:both; padding:10px 0px; text-align:center; display:none;}
.num_matrix_meaning>div{ display:inline-block; zoom:1; *display:inline; padding:10px; border:#ccc 2px solid; font-size:1em; text-align:center; margin-right:10px;}
.jp-modal-btn,.jp-modal-btn:hover,.jp-modal-btn:focus{
	color:#fff;
	outline:inherit;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #c21101;
    background: #c21101;
    font-weight: normal;
    color: #ffffff;
}
.matrix-tab a{
	border-radius: 25px !important;
    padding: 7px 25px !important;
    background: #333;
    color: #fff;
    margin: 5px 10px;
	border:none;
}
.matrix-tab > li.active > a, .matrix-tab > li.active > a:hover, .matrix-tab > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #c21101;
    border: none;
    /* border-bottom-color: transparent; */
}
.matrix-tab > li > a, .matrix-tab > li > a:hover, .matrix-tab > li > a:focus {
    color: #fff;
    background-color: #a5a5a5;
    border: none;
    /* border-bottom-color: transparent; */
}
.jp-modal .modal-dialog{
	margin:50px auto;
}
.modal-content{
	border-radius:0;
}
.jp-modal button.close{
	margin: -35px 10px 0 0;
    color: #fff;
    opacity: 1;
    font-size: 30px;
}
.jackpot-won-modal .modal-content{
	border-radius:0;
	background:#c40001;
	color:#fff;
}

.sitemap a {
    color: #c21101;
    font-weight: 600;
}
.sitemap ul {
    padding: 0;
    list-style: none;
    margin-top: -10px;
	margin-bottom:20px;
}

/*did i win button*/
button.btn.btn-danger{
 background:#D9534F url('/media/1517/did-i-win-inactive.png')no-repeat center center; 
 padding:12px 0;
}
button.btn.btn-danger:hover{
 background:#cccccc url('/media/1517/did-i-win-inactive.png')no-repeat center center; 
	border: none;
}
.btn-danger {
    width: 100%;
}

footer {
	padding:15px 0;
	background:#333;
	color:#fff;
}
footer a, footer p{
	color:#fff;
	margin:0;
}
footer a:hover{
	text-decoration:underline;	
}
.jp-btn {
    padding: 2px ;
    background: none;
    display: block;
    color: #eee;
}
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 100; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background:rgba(0,0,0,0.65);
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 30px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	    box-shadow: 1px 1px 3px #000;
}

/* The navigation menu links */
.sidenav a {
    padding: 4px 8px 4px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    font-weight: 300;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover,.sidenav a:focus {
    color: #fff;
	background: #c21101;
}
.sidenav a.closebtn:hover,.sidenav a.closebtn:focus {
    color: #fff;
	background: transparent;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#tlb0{
	border:none;	
}
.winning-no-btn,.winning-no-print{
	margin-top:30px;
}
table.result-btn-table td {
    padding: 3px 10px;
}

/*powertip abstract*/
#powerTip{cursor:default;font-size:1em; background-color:#333;background-color:rgba(255,0,0,.9);color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(255,0,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(255,0,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(255,0,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(255,0,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(255,0,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(255,0,0,.8);top:-10px}#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:10px solid #333;border-top:10px solid rgba(255,0,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:0;border-bottom:10px solid #333;border-bottom:10px solid rgba(255,0,0,.8);bottom:auto;top:-10px}
#powerTip.se-alt:before{left:auto;right:10px}
#powerTip .win_stat{width:100%; margin-top:5px;}
#powerTip .win_stat th{border-top:medium solid #fff;border-bottom:medium solid #fff; text-align:center;}
#powerTip .win_stat td{border-bottom:thin solid #fff; text-align:center;}
#powerTip .more_hist{font-size: .9em;padding-top: 3px; cursor:pointer;}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    /*transition: margin-left .5s;
    padding: 20px;*/
}
/* map only css*/
#map_container{background:#FFF; position:relative; min-height:500px; overflow: hidden;}
#map{position: absolute;width: 100%;height: 100%;}
#map_search{top:40px; bottom:auto; width:300px; left:auto; margin:0px; right:20px; height:45px;}
.direction_btn{background:#c61100; padding:10px; color:#fff; font-weight:bold; text-align:center; cursor:pointer;}
.map_btns{display:inline-block; padding:2px 6px; line-height:20px; color:#808080; vertical-align: middle; border-left:#666 solid thin; cursor:pointer; width:120px;}
.map_btns.activated{color:#E90000;}
.map_alert{position:absolute; z-index:100; top:0px; bottom:0px; left:0px; right:0px; width:250px; height:60px; padding:10px;
background:#fff; display:table; text-align:center; margin:auto;
border: 1px solid #CCC;
border-top-color: #D9D9D9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.map_alert p{display:table-cell; vertical-align:middle;}
.map_btns:first-child{ border-left:none; width:auto;}
#map_nav, #map_search{position:absolute; bottom:40px; left:50%; width:90%; margin-left:-45%; text-align:center; outline:rgba(0,0,0,.5) 8px solid;
  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #cad6de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cad6de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#cad6de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#cad6de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#cad6de 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#cad6de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cad6de',GradientType=0 ); /* IE6-9 */
}
#map_search_input{background:none; padding:10px; width:222px; float:left; border:none; outline:none; font-size:18px;}
#map_search_icon{border-left:#666 solid thin; display:inline-block; padding:5px 10px; line-height:20px; position: absolute;
right: 0px; cursor:pointer;}
#map_search{top:40px; bottom:auto; width:300px; left:auto; margin:0px; right:20px; height:45px;}

.jackpot-prize.face.back {
    background: #c21101;
    border-right: 1px solid #fff;
}
#jp-container {
      position: relative;
      margin: auto;
      width: 83%;
      height: 45px;
      z-index: 1;
	float:left;
}
#jp-container {
      perspective: 1000;
}
#jp_card {
    width: 100%;
    height: 100%;
}

.face {
      position: absolute;
      width: 100%;
      height: 100%;
	-ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
      backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
.face.back {
      display: block;
	-ms-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
     
}

.face.back {
    -webkit-animation: BackRotate 4s linear infinite;
    animation: BackRotate 4s linear infinite;
}

.face.front {
    -webkit-animation: Rotate 4s linear infinite;
    animation: Rotate 4s linear infinite;
}

@-webkit-keyframes Rotate {
    60% {-webkit-transform:rotateX(0deg);}
    100% {-webkit-transform:rotateX(360deg);}
}
@-webkit-keyframes BackRotate {
    60% {-webkit-transform:rotateX(180deg);}
    100% {-webkit-transform:rotateX(540deg);}
} 
@keyframes Rotate {
    60% {-webkit-transform:rotateX(0deg);}
    100% {-webkit-transform:rotateX(360deg);}
}
@keyframes BackRotate {
    60% {-webkit-transform:rotateX(180deg);}
    100% {-webkit-transform:rotateX(540deg);}
}

.flip_effect.jackpot-prize.flipped {
    background: #bc2129;
	border-right:1px solid #fff;
}
.flip_effect.bonus-prize.flipped{
	background: #bc2129;
}
.card.flip_effect.flipped .card_front {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.card.flip_effect.flipped .card_back {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
.card {
  position: relative;
  float: left;
  height:45px;
  text-align: center;
}
.card_front, .card_back {
  position: absolute;
  width: 100%;
  height: 100%;
	top:0;
	left:0;
	padding:10px;
  perspective: 1000px;
}
/*.card_front, .card_back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
}
.card_back {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  animation: blink-animation .5s steps(5, start) infinite;
  -webkit-animation: blink-animation .5s steps(5, start) infinite;
	text-decoration:underline;
}*/
.prize-number {
		cursor:pointer;
	}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}




@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
@media only screen and (max-width: 1300px) {
	.jp-info {
		width: 13.5%;
		float: left;
		padding: 5px 5px;
		text-align: center;
	}
	.jp-drawcol {
		width: 18%;
		float: left;
		padding: 5px 10px;
		text-align: left;
		border-right: 1px solid #a20e01;
	}
	.jp-title {
		display: block;
		font-size: 12px;
	}
	.jp-price {
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
	}
	.jackpot6d-label{
		font-size:14px;
	}
	.jackpot6d-number{
		font-size:15px;
	}
	.prize-number {
		padding: 5px 0;
		font-size: 15px;
		min-height:inherit;
	}
	.zodiac-prize{
		font-size:14px;
	}
	.zodiac-img{
		width:20px;
		margin:-6px 1px 0;
	}
	#jp-container {
		
		  height: 42px;
		
	}
	.jackpot-prize {
		background: #1c377c;
		border-radius: 25px 0 0 25px;
		font-size: 16px;
		padding: 10px 5px;
		color: #fff;
		height:42px;
		display: block;
		text-align: center;
		font-weight: bold;
		float: left;
	}
	.jackpot-result {
		float: left;
		width: 17%;
		background: #bc2129;
		border-radius: 0 25px 25px 0;
		color: #fff;
		font-size: 30px;
		padding: 0 10px;
	}
	.bonus-prize{
		font-size:16px;	
	}
	.prize-label,.bonus-label {
		font-size: 13px;
	}
	.logo1{
		width:auto;
		height:35px;
	}
	.logo2{
		width:auto;
		height:35px;
	}
	.tile-2{
		background-size:cover;
		background-repeat: no-repeat;
		min-height:220px;
		background-position:center center;
	}
	.tile-4{
		background-size:cover;
		background-repeat: no-repeat;
		min-height:220px;
		background-position:center center;
	}
	
}
@media only screen and (max-width: 1200px) {
	.jackpot-title{
		font-size:14px;	
	}
	.jplogo1{
		width:55px;	
	}
	.jplogo2 {
		width: 55px;
		display: block;
		margin: 31px auto 0;
	}
	.bonuslogo1{
		margin: 0 auto 29px;
    	width: 60px;
	}
	.logo1 {
		width: auto;
		margin: 15px auto 22px;
	}
	.logo2{
		width: auto;
		margin:15px auto 21px;
	}
	.logo3 {
		width: 34px;
		display: block;
		margin: 5px auto 0;
	}
	.zodiac-left{
		margin-bottom: 6px;
	}
	.bonus-space {
		margin: 35px 0 0;
	}
	.winning-horse-label{
		font-size: 13px;
	}
	.rolling-number{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.card{
		height:42px;	
	}
	
}
@media only screen and (max-width: 1082px) {
	.jp-draw{
		font-size:12px;	
	}
	
}
@media only screen and (max-width: 1024px) {
	.menu {
		margin-top: 25px;
	}
	.lang {
    	margin-top: 28px;
	}
	.btn-login{
		margin-top: 16px;	
	}
	.old-game .jackpot-title{
		font-size:20px;	
	}
	.jackpot-title{
		font-size:15px;	
	}
	.logo1 {
		width: auto;
		height: 25px;
	}
	.logo2{
		height: 25px;
    	width: auto;
		margin: 15px auto 22px;	
	}
	.logo3 {
		width: 35px;
		display: block;
		margin: 10px auto 0;
	}
	.jplogo1{
		width:55px;
		display: block;
		margin:auto;
	}
	.jplogo2{
		width:55px;
		display: block;
		margin:32px auto 0;
	}
	.jplogo3{
		width:35px;
		display: block;
		margin:32px auto 0;
	}
	.bonuslogo1{
		width: 63px;
		display: block;
		margin: 0 auto 32px;
	}
	.old-game-tile-wrapper .tile-4{
		min-height: 220px;
	}
	.zodiac-img {
		width: 19px;
		margin: -4px 1px 0;
	}
	.zodiac-prize {
		font-size: 13px;
	}
	.jackpot6d-label {
		font-size: 13px;
	}
	.bonus-space {
		margin: 33px 0 0;
	}
	.sixdalign {
		margin-top: 5px;
	}   
	/* big winning number */
.big_win_table .big_win_th {display:none;}
.big_win_table .big_win_td {float:left;width:100%;border-bottom:#999 solid thick;}
.big_win_table .big_win_td>div{width:100%;text-align:left;padding-left:50%;border: none;}
.big_win_table .big_win_td>div label{display:block; width:100%;}
.big_win_table .big_win_td>div>div {display: block; border-top:#09C thin dotted;}
.big_win_table .big_win_td:nth-child(even) {background: #eee;}

.big_win_table .big_win_td>div:before {border-top:#09C thin dotted;position: absolute;top: 0px;left: 0px;width: 46%;white-space: nowrap;color: #181B60;overflow: hidden;font-size:.9em;padding: 5px 4%;text-transform: uppercase;font-weight: bold;}
.big_win_table .big_win_td>div:nth-of-type(1):before { content: "Draw Date"; }
.big_win_table .big_win_td>div:nth-of-type(2):before { content: "Winning Number"; }
.big_win_table .big_win_td>div:nth-of-type(3):before { content: "Game Type"; }
.big_win_table .big_win_td>div:nth-of-type(4):before { content: "Prize"; }
.big_win_table .big_win_td>div:nth-of-type(5):before { content: "Amount Won"; }
.big_win_table .big_win_td>div:nth-of-type(6):before { content: "Bought At"; }
.big_win_table .big_win_td>div:nth-of-type(7):before { content: "Bought At"; }

.big_win_table .big_win_td>div>div{padding:5px 0px;}
	
	
}
@media only screen and (max-width: 1000px) {
	/*testing screen*/
	.prize-column.old-game,.jackpot-column.old-game {
		width: 80%;
	}
	.hidden-ipad-potrait{
		display:none !important;	
	}
	.push-right-30{
		right:inherit;
	}
	.pull-left-20{
		left:inherit;
	}
	.prize-column, .jackpot-column{
		width:80%;
		margin:0 auto;
		display:block;
		float:none;
	}
	.jackpot-prize{
		width:87%;	
	}
	.jackpot-result{
		width:12%;	
	}
	.jackpot-border-right{
		border-right:none;	
	}
	.prize-label, .bonus-label {
		font-size: 16px;
	}
	.prize-number {
		font-size: 18px;
	}
	.jackpot-bar {
		text-align: center;
	}
	.jp-info {
		width: 33%;
	}
	.lucky_num_refresh {
		float: left;
		cursor: pointer;
		width: 50%;
	}
	.lucky_num-1, .lucky_num-2, .lucky_num-3, .lucky_num-4 {
		padding: 1px 13px;
		line-height: 49px;
		height: 49px;
		width: 49px;
	}
	.jp-prize-number{
		font-size:15px;	
	}
	.prize-number,.zodiac-prize{
		letter-spacing:-1px;
	}
}
@media only screen and (max-width: 991px) {
	.winning-no-btn {
		margin: 0;
	}	
}
@media only screen 
and (min-width : 991px) 
and (max-width : 1170px) {
	.result-link {
		font-weight: bold;
		font-size: 13px;
	}
	table.result-btn-table td {
		padding: 3px 6px;
	}
	.result-link span.fa.fa-angle-right {
		background: #c21101;
		color: #fff;
		padding: 0px 4px;
		border-radius: 50%;
		width: 13px;
		height: 13px;
		font-size: 12px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.prize-number {
		font-size: 14px;
	}
	.jackpot6d-label {
		font-size: 12px;
	}
	.prize-label, .bonus-label {
		font-size: 12px;
	}

	.bonuslogo1 {
		margin: 0 auto 30px;
	}
	.logo2 {
		margin: 15px auto 26px;
	}
	.jp-prize-number{
		font-size:16px;	
	}
	.prize-number,.jackpot-prize,.zodiac-prize{
		letter-spacing:-1px;
	}
	.big_win_table {
		font-size: 13px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.ipad-potrait{
		display:block !important;	
	}
	.ipad-portrait-w100{
		width:100%;
	}
	.prize-column.old-game,.jackpot-column.old-game {
		width: 80%;
	}
	.hidden-ipad-potrait{
		display:none !important;	
	}
	.push-right-30{
		right:inherit;
	}
	.pull-left-20{
		left:inherit;
	}
	.prize-column, .jackpot-column{
		width:80%;
		margin:0 auto;
		display:block;
		float:none;
	}
	.jackpot-prize{
		width:87%;	
	}
	.jackpot-result{
		width:12%;	
	}
	.jackpot-border-right{
		border-right:none;	
	}
	.prize-label, .bonus-label {
		font-size: 16px;
	}
	.prize-number {
		font-size: 18px;
	}
	.jackpot-bar {
		text-align: center;
	}
	.jp-info {
		width: 33%;
	}
	.lucky_num_refresh {
		float: left;
		cursor: pointer;
		width: 50%;
	}
	.lucky_num-1, .lucky_num-2, .lucky_num-3, .lucky_num-4 {
		padding: 1px 13px;
		line-height: 49px;
		height: 49px;
		width: 49px;
	}
	.jp-prize-number{
		font-size:15px;	
	}
	.prize-number,.jackpot-prize,.zodiac-prize{
		letter-spacing:-1px;
	}
}
@media only screen and (max-width: 767px) {
	.navbar-nav{
		float:left;
	}
	.navbar-brand > img{
		width:160px;
	}
	.btn-login{
		padding: 7px 9px;
		font-size:13px;
		margin-top: 22px;
		
	}
	.historyRow{
		font-size:13px;	
	}
	#tlb0{
		margin-bottom:0;	
	}
	.table-responsive{
		border:none;	
	}
	.result-link{
		font-size: 14px;	
	}
	.paper img{
		/*border:1px solid #ccc;*/
		max-width:100%;
		height:auto !important;
	}
	.result-link span.fa.fa-angle-right{
		padding: 1px 5px;
		width: 15px;
		height: 15px;	
	}
	.menu-text{
		display: none;
	}
	.current-lang,.divider-lang{
		display:none;
	}
	.mobile-no-space{
		margin:0;
		padding:0;
	}
	.stacked-on .container{
		padding:0;
	}
	.stacked-on{
		margin-top:0;
	}
	.mobile-padding-5{
		padding:0 5px;
	}
	.dream_number_left {
		float: none;
		width: 100%;
	}
	.dream_num_right {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.livedraw{
		width:100%;
		float:left;
		background:#1c377c;
		padding:30px 0;
	}
	.livedraw-6d{
		width:100%;
	}
	.rolling-number{
		float:left;
		width:60px;
		height:60px;
		line-height:60px;
		background:#fff;
		font-size:25px;
		border-radius:50%;
		font-weight:bold;
		margin:30px -8px;
		text-align:center;
	}
	.winning-horse-label{
		font-size:14px;	
	}
	.prize-column, .jackpot-column,.prize-column.old-game,.jackpot-column.old-game{
		width:100%;
		float:none;
	}
	.jackpot-bar {
    	text-align: center;
	}
	.col-2-winning-history{
		width:22%;	
		padding:0 5px;
	}
	.col-md-plus {
		width: 4.16666665%;
		padding: 3px 3px;
	}
	.jp-drawcol{
		width:100%;
		float:none;
		padding:5px 15px;	
		text-align:center;
		border-right:none;
		border-bottom:1px solid #a20e01;
		color:#ccc;
	}
	.jackpot-result {
		float: left;
		width: 15%;
		background: #bc2129;
		border-radius: 0 25px 25px 0;
		color: #fff;
		font-size: 32px;
		padding: 0 22px;
		height:45px;
	}
	.jackpot-border-right{
		border-right:none;	
	}
	.lucky_num_widget .lucky_num_refresh{
		float:none;	
	}
	.lucky_num_refresh{
		margin:auto;	
	}
	.push-right-30{
		right:inherit;
	}
	.pull-left-20{
		left:inherit;
	}
	.jp-btn:hover, .jp-btn:focus{
		text-decoration: none;
		color:inherit;
	}
	.jp-draw{
		display:inline-block;	
		font-size:16px;
		padding-bottom:3px;
	}
	.jp-drawdate{
		display:inline-block;	
		font-size:14px;
	}
	.jp-info,.jp-info.old-jackpot {
		width: 50%;
	}
	.jp-info.jp1{
		width:100%;	
	}
	.jp-title.jp1{
		font-size:22px;	
	}
	.jp-price.jp1{
		font-size:30px;	
	}
	.jackpot-prize,.bonus-prize {
		font-size: 18px;
		height:45px;
	}
	.jackpot-prize{
		width:85%;	
	}
	.jackpot6d-label{
		font-size:18px;
	}
	.jackpot6d-number{
		font-size:18px;
	}
	.prize-number {
		padding: 5px 0;
		font-size: 18px;
		
	}
	.zodiac-prize{
		font-size:17px;
	}
	.press-section-b{
		margin:0;
	}
	.press-section{
		margin:0;
		padding:15px 15px 5px;
		min-height: 180px;
	}
	.home-press{
		margin:20px 0;
	}
	.press-border{
		height:auto;	
	}
	.news_thumb img {
		width: 100%;
		max-height: inherit;
		border: 1px solid #ccc;
		box-shadow: 1px 0 3px #ccc;
	}
	.news_details h4{
		font-size:16px;	
		margin-top:0;
	}
	.winning-no-btn{
		margin-top:5px;
	}
	.lucky_num_widget .lucky_num_digits {
		width: 100%;
	}
	.discipline-btn {
		  -webkit-box-sizing: border-box;
				  box-sizing: border-box;
		  -webkit-appearance: none;
			 -moz-appearance: none;
				  appearance: none;
		 background-color:#555555 ;
			color: #fff;
		  cursor: pointer;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -ms-flex-item-align: center;
			  align-self: center;
		  font-size: 15px;
		  font-weight: 400;
		  padding: 20px;
		  text-decoration: none;
		  text-align: center;
		  font-weight: 700;
		}
	/* big winning number */
	.big_win_table .big_win_th {display:none;}
	.big_win_table .big_win_td {float:left; width:100%; border-bottom:#999 solid thick;}
	.big_win_table .big_win_td>div{width:100%; text-align:left; padding-left:50%;}
	.big_win_table .big_win_td>div label{display:block; width:100%;}
	.big_win_table .big_win_td>div>div {display: block; border-top:#09C thin dotted;}
	.big_win_table .big_win_td:nth-child(even) {background: #eee;}

	.big_win_table .big_win_td>div:before { border-top:#09C thin dotted;position: absolute;top: 0px;left: 0px;width: 46%; white-space: nowrap; color: #181B60;overflow: hidden;font-size:.9em;padding: 5px 4%;text-transform: uppercase;font-weight: bold;}
	.big_win_table .big_win_td>div:nth-of-type(1):before { content: "Draw Date"; }
	.big_win_table .big_win_td>div:nth-of-type(2):before { content: "Winning Number"; }
	.big_win_table .big_win_td>div:nth-of-type(3):before { content: "Game Type"; }
	.big_win_table .big_win_td>div:nth-of-type(4):before { content: "Prize"; }
	.big_win_table .big_win_td>div:nth-of-type(5):before { content: "Amount Won"; }
	.big_win_table .big_win_td>div:nth-of-type(6):before { content: "Bought At"; }
	.big_win_table .big_win_td>div:nth-of-type(7):before { content: "Bought At"; }

	.big_win_table .big_win_td>div>div{padding:5px 0px;}
	.lang.active{
		display:none;
	}
	.horz_chart>div.bars {
		width: 100%;
		margin-bottom: 20px;
	}
	.digit {
		position: absolute;
		bottom: -9px;
		left: 0px;
		right: 0px;
		margin-left:-15px;
		width: 50px;
		height: 50px;
		border: 5px solid #fff;
		border-radius: 50%;
		color: #fff;
		padding: 10px 15px;
		font-weight: bold;
		text-shadow: 1px 1px 3px #333;
	}
	.next-arrow, .previous-arrow {
		margin-top: 135%;
		width: 25px;
	}
	.num_matrix_box {
		width: 100%;
		float: left;
		zoom: 1;
		max-width: 100%;
		margin-bottom: 30px;
		vertical-align: top;
	}
	.tile-2{
		background-size:cover;
		background-repeat: no-repeat;
		min-height:220px;
		background-position:center center;
	}
	
	.tile-4{
		background-size:cover;
		background-repeat: no-repeat;
		min-height:180px;
		background-position:center center;
	}
	.num_matrix_numbers>div {
		width: 24%;
		float: left;
		text-align: center;
		height: 90px;
		background: #b9cde5;
		display: table;
		margin: 1px;
		font-size: 2em;
		font-weight: bold;
		cursor: pointer;
	}
	footer p, footer .text-right{
		text-align:center;	
	}
	
}
@media screen and (min-width: 340px) and (max-width: 676px) {
    .logo1 {
		width: auto;
		height:38px;
	}
	.logo2 {
		width: auto;
		height:38px;
	}
	.logo3 {
		width: auto;
    	height: 33px;
		display: block;
		margin: 18px auto 0;
	}
}
@media only screen and (max-width: 370px) {
	.jackpot-prize {
		/*font-size: 16px;*/
		width: 84%;
	}
	.tile-2{
		background-size:cover;
		background-repeat: no-repeat;
		min-height:180px;
		background-position:center center;
	}
	.tile-4{
		background-size:cover;
		background-repeat: no-repeat;
		min-height:180px;
		background-position:center center;
	}
	.jackpot6d-label{
		font-size:16px;
	}
	.jackpot6d-number{
		font-size:16px;
	}
	.prize-label, .bonus-label {
		font-size: 14px;
	}
	.prize-number {
		padding: 5px 0;
		font-size: 16px;
	}
	.zodiac-prize{
		font-size:15px;
	}
	.rolling-number {
		float: left;
		width: 55px;
		height: 55px;
		line-height: 55px;
	}
	.tile-title{
		font-size:18px;
		padding: 60px 0 15px;
		
	}
	.btn-login{
		padding: 7px 7px;
		font-size:12px;
		margin-top: 22px;
	}
}
@media only screen and (max-width: 325px) {
	.btn-login{
		 padding: 7px 4px;
		font-size: 11px;
		margin-top: 19px;
	}	
	.prize-label, .bonus-label {
		font-size: 13px;
	}
	.result-link {
		font-size: 11px;
	}
	.tile-4{
		background-size:cover;
		background-repeat: no-repeat;
		min-height:150px;
		background-position:center center;
	}
}