/*===general start===*/
body{
	margin:0px;
	font-family: "DIN Next",Helvetica,Arial,sans-serif;
	min-width:1300px;
}

#header .top-content{
	padding:0px 30px;
	padding-top:5px;
	background: #333;/*#f2f2f2;*/
}

#header .top-content .left{
	float:left;
}

#header .top-content .logo-img{
	width:80px;
}

#header .top-content .logo-txt{
	display:inline-block;
	font-size:56px;
	font-weight:bold;
	color:#fff;/*#0062b7;*/
	position: relative;
    top: -19px;
}

#header .top-content .right{
	float:right;
	padding-top:16px;
}

#header .top-content .crest-a{
	width:200px;
	display: inline-block;
    position: relative;
    top: 4px;
	margin-left:8px;
}

#header .top-content .adult-txt{
	display:inline-block;
	color:#fff;/*#004586;*/
	width: 120px;
    font-size: 12px;
	padding-left:10px;
	position: relative;
    top: -5px;
}

#header .bottom-content{
	padding-top:10px;
	border-bottom: 1px solid #b3b3b3;
}

#header .menu-ul{
	list-style-type: none;
	margin:0;
	padding:0;
	width:1200px;
	margin:0 auto;
}

#header .menu-ul > li{
	float:left;
	position:relative;
}

#header .menu-ul .main-menu-a{
	color:#1b9ddb;
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration: none;
	display: inline-block;
    text-align: center;
}

#header .menu-ul .main-menu-a:hover, #header .menu-ul .main-menu-a.active{
	background-color: #1b9ddb;
	color:#fff;
}

#header .menu-ul .sub-menu-list{
	width:150px;
	background-color:#1b9ddb;
	position:absolute;
	top:43px;
	display:none;
}

#header .menu-ul .sub-menu-list .list{
	padding:10px;
}

#header .menu-ul .sub-menu-list .white-line{
	border-top:1px solid #b3b3b3; 
	border-bottom:7px solid #fff;
}

#header .menu-ul .sub-menu-list .sub-menu-a{
	color:#fff;
	/*padding:2px 10px;*/
	display:inline-block;
	padding:3px 0px;
	text-decoration: none;
}

#header .menu-ul .sub-menu-list .sub-menu-a:hover{
	text-decoration:underline;
}

#container .fixed-w{
	width:1200px;
	margin:0 auto;
}

#main-content{
	padding-top:30px;
	padding-bottom:20px;
}

#footer{
	padding: 10px 0px;
	background-color:#0062b7;
}

#footer .outer{
	width:730px;
	margin:0 auto;
	color:#fff;
}

#footer .lock-img{
	width:100px;
}

#footer .lock-txt{
	display: inline-block;
    color: #fff;
    width: 600px;
    position: relative;
    top: -20px;
}

#footer .lock-txt .title{
	font-weight:bold;
}

#footer .lock-txt .content{
	padding-top: 8px;
}
/*===general end===*/



/*===common start===*/
@font-face{
	font-family:'DIN Next';
	src:url(/templates/fonts/100.basic.woff2) format('woff2'),url(/templates/fonts/100.basic.woff) format('woff');
	font-display:fallback;
	font-style:normal;
	font-weight:100;
	unicode-range:U+00A0-00FF,U+0100-017F,U+0180-024F;
}

.clear{
	clear:both;
}

.f-s-18{
	font-size:18px;
}

.dis-ib{
	display:inline-block;
}

a{
	text-decoration:none;
}
/*===common end===*/


/*===index-area start===*/
#index-area .section-1{
	height:600px;
	background-image:url(/templates/images/banner-1.png);
	background-size:cover;
	background-position: 50%;
}

#index-area .section-1 .img-table{
	margin:0 auto;
	position: relative;
    top: 149px;
}

#index-area .section-1 .img-table td{
	padding:0px 20px;
}

#index-area .section-2, #main-content .section-3, #main-content .section-4{
	margin-top:50px;
}
/*===index-area end===*/



/*===winning-numbers start===*/
#winning-numbers-area .top-title{
	border-bottom: 1px solid #ccc;
	padding-bottom:10px;
}

#winning-numbers-area .top-title .left{
	float:left;
	color:#f58220;
	font-size:40px;
}

#winning-numbers-area .top-title .right{
	float:right;
	padding-top: 10px;
}

#winning-numbers-area .top-title .right .s-date{
	padding: 3px 10px;
	width:70px;
}

#winning-numbers-area .top-title .right .s-number{
	padding: 3px 10px;
	width:90px;
}

#winning-numbers-area .top-title .right .search-btn{
	padding: 8px 10px;
	background-color: #B32317;
    border-color: #B32317;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	border-radius:10px;
	cursor:pointer;
}

#winning-numbers-area .search-result{
	padding:30px;
}

#winning-numbers-area .search-result .result-table{
	border-collapse: collapse;
	width:100%;
	margin:20px 0;
}

#winning-numbers-area .search-result .result-table td{
	border:1px solid #ccc;
	padding:5px 10px;
	text-align:center;
}

#winning-numbers-area .search-result .result-table tr.title{
	background-color:#0062b7;
	color:#fff;
}

#winning-numbers-area .search-result .lottery-ball{
	font-size: 26px;
	background-color: #f58220;
	background: radial-gradient(circle at 25% 25%,#fdefdf 1%,#ed892c 30%,#de7b2c 90%);
	color: #004c93;
	border-radius: 50%;
	float:left;
	width:40px;
	height:40px;
	font-weight:bold;
	line-height: 38px;
	margin:5px;
}

#winning-numbers-area .pagination .prev {
    margin-right: 8px;
}

#winning-numbers-area .pagination a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 6px;
    text-align: center;
    width: 19px;
	cursor:pointer;
}

#winning-numbers-area .pagination .page.active {
	align-content: center;
    align-items: center;
    background: #5E5F62;
    border-radius: 50%;
    color: #FFF;
    display: inline-flex;
    justify-content: center;
    margin: 0 2px;
    width: 34px;
    height: 34px;
}

#winning-numbers-area .pagination .next {
    margin-left: 8px;
}
/*===winning-numbers end===*/



/*===rules start===*/
#rules-area .title{
	font-weight:bold;
	font-size:18px;	
}

#rules-area .content{
	padding-left:10px;
}

#rules-area .content ul{
	padding:0;
	margin:0;
	padding-left:16px;
	padding-top: 10px;
}

#rules-area .content ul li{
	line-height:32px;
}
/*===rules end===*/