.divTable {
	display: table;
	width: 96%;
	max-width: 380px;
	border: 1px solid #999
}
.divTable70 {
	display: inline-block;
	width: 68%;
	max-width: 260px
}
.divTable30 {
	display: inline-block;
	width: 28%;
	max-width: 120px
}
.divTableRow {
	display: table-row
}
.divTableHeading {
	background-color: #eee;
	display: table-header-group
}
.divTableCell, .divTableHead {
	display: table-cell;
	text-rendering: optimizeLegibility;
	padding: 1.5px 2px;
	text-align: center;
	vertical-align: middle
}
.divTableHeading {
	background-color: #eee;
	display: table-header-group;
	font-weight: 700
}
.divTableFoot {
	background-color: #eee;
	display: table-footer-group;
	font-weight: 700
}
.divTableBody {
	display: table-row-group;
	max-width: 400px
}
a.noline:link {
	color: #000;
	text-decoration: none
}
a.noline:visited {
	color: #000;
	text-decoration: none
}
a.noline:hover {
	color: red;
	text-decoration: none
}
a.noline:active {
	color: blue;
	text-decoration: none
}
.button-red {
	background: #ca3c3c;
	color: #faebd7;
	font-weight: 600
}
body {
	color: #000;
	background-color: white
	
}
.pure-img-responsive {
	max-width: 100%;
	height: auto
}
.title-font {
	font: 700 20px asap;
	color: #666
}
.fd-title-font {
	font: 700 18px asap;
	color: #000
}
.fd-title-font-white {
	font: 700 18px asap;
	color: #fff
}
.sg-title-font-white {
	font: 700 16px asap;
	color: #fff
}
.header-color {
	background-color: rgba(45, 62, 80, .8)
}
.header-text {
	color: #faebd7
}
.magnum-bg {
	background-color: rgba(255, 194, 15, .8)
}
.sporttoto-bg {
	background-color: #ed232a
}
.pmp-bg {
	background-color: rgba(8, 23, 92, .8)
}
.cs-bg {
	background-color: rgba(45, 86, 0, .8)
}
.ee-bg {
	background-color: rgba(252, 4, 4, .8)
}
.stc-bg {
	background-color: rgba(2, 138, 54, .8)
}
.sg-bg {
	background-color: rgba(5, 95, 142, .8)
}
.gd-bg {
	background-color: rgba(218, 3, 0, .8)
}
.steelblue {
	background-color: #4682b4
}
.number-font {
	font: 700 20px asap
}
.number-font-33d {
	font: 700 18px asap
}
.prize123-font {
	font: 700 27px asap;
	letter-spacing: 1px;
	font-weight: 700
}
.prize123-font-33d {
	font: 700 23px asap;
	letter-spacing: 1px;
	font-weight: 700
}
.prize123-pos {
	width: 220px;
	padding: 0 5px
}
.magnum-border {
	border: 5px solid rgba(255, 194, 15, .8)
}
.pmp-border {
	border: 5px solid rgba(8, 23, 92, .8)
}
.sporttoto-border {
	border: 5px solid #ed232a;
	font: 700 20px asap
}
.cs-border {
	border: 5px solid rgba(45, 86, 0, .8)
}
.ee-border {
	border: 5px solid rgba(252, 4, 4, .8)
}
.stc-border {
	border: 5px solid rgba(2, 138, 54, .8)
}
.sg-border {
	border: 5px solid rgba(5, 95, 142, .8)
}
.gd-border {
	border: 5px solid rgba(218, 3, 0, .8)
}
.num-detail-border {}
.num-detail-header {
	background: #ca3c3c
}
.a-right {
	text-align: right
}
.a-left {
	text-align: left
}
.no-border {
	border: 0!important
}
.round-border-top {
	border-top-left-radius: 1.5em;
	border-top-right-radius: 1.5em;
	-moz-border-radius-topleft: 1.5em;
	-moz-border-radius-topright: 1.5em
}
.round-border-top-bg {
	border-top-left-radius: .9em;
	border-top-right-radius: .9em;
	-moz-border-radius-topleft: .9em;
	-moz-border-radius-topright: .9em
}
.round-border-bottom {
	border-bottom-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	-moz-border-radius-bottomleft: 1.5em;
	-moz-border-radius-bottomright: 1.5em
}
.no-border-bottom {
	border-bottom: 0!important
}
.no-border-top {
	border-top: 0!important
}
.no-border-top-bottom {
	border-top: 0;
	border-bottom: 0
}
.magnum-jp-gold {
	margin: 5px;
	display: inline-block;
	border: 3px solid #f7b61c;
	font: 700 20px Asap;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	padding: 3px;
	border-radius: .4em;
	-moz-border-radius: .4em
}
.magnum-jp-gold-table th {
	border: 3px solid #f7b61c;
	letter-spacing: 1px;
	vertical-align: middle;
	font: 700 20px Asap;
	margin: 5px;
	padding: 2px 3px;
	width: 12px
}
.magnum-jp-border-right {
	border-right: 3px solid #f7b61c
}
.magnum-jp-font {
	font: 700 16px Asap
}
.magnum-jp-font-small {
	font: 700 12px Asap
}
.st-jp-gold {
	border: 3px solid #ed232a;
	margin: 2px 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	padding: 2px;
	border-radius: .4em;
	-moz-border-radius: .4em
}
.sg-jp-toto {
	border: 3px solid rgba(5, 95, 142, .8);
	margin: 2px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	padding: 2px;
	border-radius: .4em;
	-moz-border-radius: .4em
}
.st-jp-gold-table th {
	border: 3px solid #ed232a;
	letter-spacing: 1px;
	vertical-align: middle;
	font: 700 20px Asap;
	margin: 5px;
	padding: 2px 3px;
	width: 12px
}
.st-jp-num-size {
	font: 700 22px Asap;
	width: 25px
}
.st-jp-num-size-large {
	font: 700 23px Asap;
	width: 28px
}
.st-jp-title {
	display: inline-block;
	font: 700 12px asap;
	color: #666
}
.st-jp-title-xl {
	display: inline-block;
	font: 700 24px asap;
	color: #666
}
.st-5d6d-title {
	display: inline-block;
	font: 700 32px asap;
	color: #666
}
.inline-block {
	display: inline-block
}
.round-border {
	border: 1px solid red;
	border-radius: .5em;
	-moz-border-radius: .5em
}
.live-text {
	font: 700 20px asap;
	color: red;
	text-align: right;
	vertical-align: middle
}
.live-text-light {
	font: 700 20px asap;
	color: #e0ffff;
	text-align: right;
	vertical-align: middle
}
.today-text {
	font: 700 20px asap;
	color: blue;
	text-align: right;
	vertical-align: middle
}
.today-text-light {
	font: 700 20px asap;
	color: #e0ffff;
	text-align: right;
	vertical-align: middle
}
.div-hidden {
	display: none
}
.div-show {
	display: inline
}
.margin-med {
	margin: 5px;
	vertical-align: middle
}
.padding-top-bottom {
	padding: 3px 0
}
.padding-side {
	padding: 0 1px
}
.padding-right1 {
	padding: 0 5px
}
.menu-padding {
	padding: 0 10px
}
.top-menu-padding {
	padding-top: 65px
}
.pure-table-padding th, td {
	padding: .5em .7em!important
}
.search-option-btn-inactive {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.search-option-btn-bg {
	background: rgba(202, 60, 60, .9);
	border-radius: .5em;
	-moz-border-radius: .5em
}
.no-margin {
	margin: 0!important
}
.no-padding {
	padding: 0!important
}
.width-95 {
	width: 95%
}
.max-width {
	max-width: 400px!important
}
.ads-width {
	min-width: 250px!important;
	max-width: 400px!important
}
.top-menu {
	padding-bottom: 3px
}
.align-center {
	text-align: center!important;
	vertical-align: middle!important;
	align-items: center!important;
	justify-content: center!important
}
.align-item-center {
	align-items: center!important
}
.align-top {
	vertical-align: top!important;
	vertical-align: text-top!important
}
.align-center-mjp {
	vertical-align: middle!important;
	align-items: center!important
}
.blink_me {
	animation-name: blinker;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite
}
@-moz-keyframes blinker {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes blinker {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes blinker {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
.refresh-btn {
	z-index: 12!important;
	top: 5px!important;
	right: 5px!important;
	position: fixed;
	display: block;
	background: #2d3e50;
	padding: .5em;
	height: auto;
	color: #fff;
	font-size: .8em
}
.ws-btn {
	z-index: 12!important;
	top: 5px!important;
	right: 50px!important;
	position: fixed;
	display: block;
	background: #2d3e50;
	padding: .5em;
	height: auto;
	color: #ff0!important;
	font-size: .8em
}
.img-circle {
	border-radius: 20%
}
div.circle {
	width: 25px;
	height: 25px;
	margin: 5px;
	display: inline-block;
	border-radius: 50%;
	border: 3px solid #f7b61c;
	font: 700 21px Asap;
	text-align: center;
	vertical-align: middle
}
div.circle-transparent {
	width: 25px;
	height: 25px;
	margin: 5px;
	display: inline-block;
	border-radius: 50%;
	font: 700 20px Asap;
	text-align: center;
	vertical-align: middle
}
div.circle-small {
	width: 20px;
	height: 20px;
	margin: 1px;
	display: inline-block;
	border-radius: 50%;
	border: 3px solid #f7b61c;
	font: 700 16px Asap;
	text-align: center;
	vertical-align: middle
}
.menu-div-child {
	display: inline-block;
	width: 32%;
	padding: 1px 0
}
.menu-single-div {
	width: 30%;
	display: inline-block
}
.menu-header {
	background-color: #2d3e50;
	border: 2px solid #2d3e50
}
.menu-content {
	background-color: rgba(45, 62, 80, .6)
}
.menu-border {
	border: 2px solid #2d3e50
}
.menu-round-border-top {
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em
}
.menu-round-border-bottom {
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em
}
.menu-btn {
	z-index: 12!important;
	top: 5px!important;
	left: 5px!important;
	position: fixed;
	display: block;
	background: #2d3e50;
	padding: .5em;
	height: auto;
	color: #fff;
	font-size: .8em
}
.top-menu-btn {
	width: 33%;
	font-size: .9em;
	font-weight: 600;
	background: #114862;
	border-radius: 10px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	color: #faebd7
}
.top-menu-btn-sg {
	background: #055f8e;
	!important
}
.top-menu-btn-wm {
	background: #fbbc05!important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .2);
	color: #000!important
}
.top-menu-btn-em {
	background: #007e03;
	!important
}
.top-menu-btn-pastresult {
	background: #4285f4;
	!important
}
.grayscale-40 {
	-webkit-filter: grayscale(30%);
	filter: grayscale(30%)
}
.highlight {
	color: #faebd7;
	background: #ca3c3c;
	filter: grayscale(0);
	-webkit-filter: grayscale(0)
}
.max-results-width {
	max-width: 1250px
}
.past-draw-date-width {
	width: 150px;
	margin-top: 3px;
	background: #ca3c3c;
	color: #faebd7;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	font-weight: 600
}
.hidediv {
	display: none
}
.prev-next-button {
	background: #2d3e50;
	color: #faebd7;
	border-color: #faebd7;
	font-size: 125%
}
.calendar-button {
	background: #ca3c3c;
	color: #faebd7;
	border-color: #faebd7;
	font-size: 125%
}
.button-xsmall {
	font-size: 70%
}
.button-small {
	font-size: 85%
}
.button-large {
	font-size: 110%
}
.button-xlarge {
	font-size: 125%
}
.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	background-color: #114862;
	overflow-x: hidden;
	overflow-y: hidden;
	display: none;
	transition: 1s
}
.overlay-content {
	position: relative;
	top: 0%;
	width: 100%;
	color: #faebd7
}
.overlay a {
	padding: 3px 0;
	text-decoration: none;
	font: 700 16px asap;
	color: #faebd7;
	display: block
}
.overlay a:hover, .overlay a:focus {
	color: #f1f1f1
}
.overlay .closebtn {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 30px;
	color: #fff;
	z-index: 99999
}
.home-menu {
	padding: .2em;
	text-align: center;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}
.home-menu {
	background: #2d3e50
}
.pure-menu.pure-menu-fixed {
	border-bottom: none;
	z-index: 4
}
.home-menu .pure-menu-heading {
	color: #fff;
	font-weight: 400;
	font-size: 120%
}
.home-menu .pure-menu-selected a {
	color: #fff
}
.home-menu a {
	color: #6fbef3
}
.home-menu li a:hover, .home-menu li a:focus {
	background: 0 0;
	border: none;
	color: #aecfe5
}
.no-letter-spacing {
	letter-spacing: 0!important
}
.menu-padding {
	padding: 7.2px
}
.winning-numbers xb {
	border: red 3px solid;
	width: 30px;
	height: 28px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: 700;
	border-radius: 12px 0;
	margin: 0;
	letter-spacing: 0
}
.bonus-numbers bb {
	border: #ffc000 3px solid;
	font-size: 20px;
	font-weight: 700
}
.container {
	--d: 6px;
	--c: blue;
	--f: 16px;
	position: relative;
	display: inline-block
}
.container::before {
	content: attr(data-ribbon);
	position: absolute;
	font-size: var(--f);
	top: 15px;
	right: 5px;
	transform: translate(29.29%, -100%) rotate(45deg);
	color: #fff;
	text-align: center;
	border: 1px solid transparent;
	border-bottom: 0;
	transform-origin: bottom left;
	padding: 5px 35px calc(var(--d) + 5px);
	background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d) no-repeat var(--c);
	background-clip: padding-box;
	clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)), 0 100%);
	-webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
	-webkit-mask-size: 300vmax 300vmax;
	-webkit-mask-composite: destination-in;
	mask-composite: intersect
}
.left::before {
	left: 0;
	right: auto;
	transform: translate(-29.29%, -100%) rotate(-45deg);
	transform-origin: bottom right
}
@media(min-width:374px) {
	.number-font {
		font: 700 25px asap
	}
	.prize123-font {
		font: 700 33px asap
	}
	div.circle, div.circle-transparent {
		width: 30px;
		height: 30px;
		font: 700 23px Asap
	}
	.magnum-jp-gold {
		font: 700 25px Asap
	}
}
@media(min-width:410px) {
	.number-font {
		font: 700 27px asap
	}
	.prize123-font {
		font: 700 38px asap
	}
	div.circle, div.circle-transparent {
		width: 33px;
		height: 33px;
		font: 700 28px Asap
	}
	.magnum-jp-gold {
		font: 700 30px Asap
	}
}
@media(min-width:1000px) {
	.number-font {
		font: 700 23px asap
	}
	.prize123-font {
		font: 700 30px asap
	}
	div.circle, div.circle-transparent {
		width: 30px;
		height: 30px;
		font: 700 23px Asap
	}
	.magnum-jp-gold {
		font: 700 20px Asap
	}
}