@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap');
body
{
	background-color:#a70062;
	margin:0px;
	font-family: 'Titillium Web', sans-serif;
}
marquee
{
	margin-bottom:10px;
	color:#FFFFFF;
}
.clock {
    
    color: #900;
    font-size: 20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	margin:0px 0px 15px  0px;
	text-align:center;
   font-family: 'Orbitron', sans-serif;
    letter-spacing: 7px;
 background-image: linear-gradient(#ff9600, #ffea00);
   


}
.lucky
{
	padding:10px 25px;
	background-color: #FF3;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border:1px solid #FFF;
	font-size:40px;
	font-weight:600;
	margin-top:30px;
	text-align:center;
}
.lucky h2
{
	margin:0px;
	color:#0033CC;
	font-size:24px;
	}

.header h1
{
	margin:0px;
	padding:18px 0px;
	text-align:center;
	color: #FF0;
	font-size:46px;
	font-family: 'Russo One', sans-serif;
	letter-spacing:5px;
  background-image: linear-gradient(#ed0bb5, #610a4c);
  display:block;
}
.refresh a
{
	position:fixed;
	top:450px;
	right:0px;
	padding:6px;
	font-size:15px;
	background-color: #039;
	color:#fff;
	border:1px solid #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
	cursor:pointer;
}
.main
{
	margin:40px 50px;
}
.bk
{
	display:inline-table;
	vertical-align:top;letter-spacing:1px;
	
}
.b1
{
	width:34%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:1px solid #fff;
	text-align:center;
}
.b2
{
	width:58%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:1px solid #fff;
	color:#FFFFFF;
}
.mr
{
	margin-right:20px;
}
.pd
{
	padding:15px;
}
.txt
{
	line-height:24px;
	font-size:14px;
}
.htitle
{
	font-size:20px;
	margin:8px 0px;
	color:#FF0;	
}
.maintitle
{
	background-image: linear-gradient(#6506e5, #b508d4);
	font-size:35px;
	text-align:center;
	padding:5px 0px;
	color:	#FFF;
	
	font-weight:600;
	letter-spacing:8px;
	
}
.result
{
	background-color:#FFFFFF;
	text-align:center;
	padding:25px 0px;
}
.result li 
{
	list-style:none;
}
.result li h2
{
	font-size:32px;letter-spacing:3px;
	padding:8px 0px;
	margin:0px;
}.result li p
{ font-size:15px; color:#990000;margin:0px; padding:10px 0px;}
.result li span
{letter-spacing:3px;
	font-size:30px;
	color:#000099;
	font-weight:bold;
}
.col1
{
	color:#FF0000;
}
.col2
{
	color: #000;
}
.col3
{
	color: #906;
}
.col4
{
	color: #060;
}
.col5
{
	color:#996600;
}
.hightlight
{
	background-color:#ffde00;
}
.panel
{
	background-color: #603;
	text-align:center;
	padding:25px 0px;
}
.panel h2
{
	margin:0px;
	padding:8px 0px;
	border-bottom:1px #CCC solid;
	font-size:24px;
}
.panel h2 a
{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	
	letter-spacing:3px;
}
.panel h2 a:hover
{
	color:#CCCCCC;
}
.time
{
	background-color:#990066;text-align:center;
	padding:25px 0px;
}
.time table
{
	 width:90%; 
}
.time td
{
	color:#FFFFFF;
	padding:5px 0px;font-size:18px;border-bottom:1px #660000 solid;
}.time th
{
	color:#000;
	padding:5px 0px;
	font-size:22px;
	background-color:#FFCC00;
}
.info
{
	background-color:#993366;
	color:#FFF;padding:25px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:1px #FFFFFF solid;
	letter-spacing:2px;
	margin-bottom:30px;
	
}
.info h4
{
	color:#F90;
	text-align:center;
	margin:0px;
	font-size:20px;
}
.bottom
{
	padding:8px 0px;
	text-align:center;
	background-color:#FFCC00;
	color:#000;
	font-size:26px;
	letter-spacing:2px;
	font-weight:600;
}

	
.button a
{
	padding:6px 0px;
	width:200px;
	text-align:center;
	background-image: linear-gradient(#6506e5, #b508d4);
	font-size:21px;
	color:#FFFFFF;
	display:inline-block;
	text-decoration:none;
	margin:0px 20px 30px 20px;
	
}
.white
{
	background-color:#FFF;
	
}


.wpbutton{text-align:center;font-size:23px;line-height:28px; font-weight:bold;margin-top:20px;	letter-spacing:2px;}
.wpbutton img{margin-top:14px;}
.wpbutton span{padding:3px 8px;}
@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) {
	
	.header h1
{
	margin:0px;
	padding:18px 0px;
	text-align:center;
	color: #FF0;
	font-size:46px;
	font-family: 'Russo One', sans-serif;
	letter-spacing:5px;
  background-image: linear-gradient(#ed0bb5, #610a4c);
  display:block;
}
.main
{
	margin:20px 10px;
}
.bk
{
	display:inline-table;
	vertical-align:top;letter-spacing:1px;
}
.b1
{
	width:90%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:1px solid #fff;
	text-align:center;margin-bottom:20px;
}
.b2
{
	width:90%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:1px solid #fff;
	color:#FFFFFF;
	text-align:center;
}
.mr
{
	margin-right:0px;
}
.pd
{
	padding:15px;
}
.txt
{
	line-height:24px;
	font-size:14px;
}
.htitle
{
	font-size:20px;
	margin:8px 0px;
	color:#FF0;	
}
.maintitle
{
	background-image: linear-gradient(#6506e5, #b508d4);
	font-size:35px;
	text-align:center;
	padding:5px 0px;
	color:	#FFF;
	
	font-weight:600;
	letter-spacing:8px;
	
}
.result
{
	background-color:#FFFFFF;
	text-align:center;
	padding:25px 0px;
}
.result li 
{
	list-style:none;
}
.result li h2
{
	font-size:32px;letter-spacing:3px;
	padding:8px 0px;
	margin:0px;
}.result li p
{ font-size:15px; color:#990000;margin:0px; padding:10px 0px;}
.result li span
{letter-spacing:3px;
	font-size:30px;
	color:#000099;
	font-weight:bold;
}
.col1
{
	color:#FF0000;
}
.col2
{
	color: #000;
}
.col3
{
	color: #906;
}
.col4
{
	color: #060;
}
.col5
{
	color:#996600;
}
.hightlight
{
	background-color:#ffde00;
}
.panel
{
	background-color: #603;
	text-align:center;
	padding:25px 0px;
}
.panel h2
{
	margin:0px;
	padding:8px 0px;
	border-bottom:1px #CCC solid;
	font-size:24px;
}
.panel h2 a
{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	
	letter-spacing:3px;
}
.panel h2 a:hover
{
	color:#CCCCCC;
}
.time
{
	background-color:#990066;text-align:center;
	padding:25px 0px;
}
.time table
{
	 width:90%; 
}
.time td
{
	color:#FFFFFF;
	padding:5px 0px;font-size:18px;border:1px #660000 solid;
}.time th
{
	color:#000;
	padding:5px 0px;
	font-size:22px;
	background-color:#FFCC00;
}
.info
{
	background-color:#993366;
	color:#FFF;
	padding:25px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:1px #FFFFFF solid;
	letter-spacing:2px;
	margin-bottom:30px;
	
}
.info h4
{
	color:#F90;
	text-align:center;
	margin:0px;
	font-size:20px;
}
.bottom
{
	padding:8px 0px;
	text-align:center;
	background-color:#FFCC00;
	color:#000;
	font-size:26px;
	letter-spacing:2px;
	font-weight:600;
}
.button a
{
	padding:6px 0px;
	width:150px;
	text-align:center;
	background-image: linear-gradient(#6506e5, #b508d4);
	font-size:18px;
	color:#FFFFFF;
	display:inline-block;
	text-decoration:none;
	margin:0px 10px 30px 10px;
	
}
.white
{
	background-color:#FFF;
	
}
.clock {
    
   color: #000;
    font-size: 25px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	margin:10px 0px 15px  0px;
	padding:3px 0px;
	text-align:center;
   font-family: 'Orbitron', sans-serif;
    letter-spacing: 7px;
 background-image: linear-gradient(#ff9600, #ffea00);
   
   


}
}