@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 900px) {
body {
	background-color: #FFFFFF; 
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 !important;
	margin: 0 !important:
}	
.lotto-menu {
	width:100% !important;
	max-width:100% !important;
	background-color: #ffffff; 
	padding: 0 auto 0 auto !important;
	margin: 0 auto 0 auto !important;
	border-radius:10px 10px 10px 10px  !important;
}
.lotto-list {
	width:100% !important;
	max-width:100% !important;
	max-width:100%;
	background-color: #ffffff; 
	padding: 0 auto 0 auto !important;
	margin: 0 auto 0 auto !important;
	border-radius:10px 10px 10px 10px  !important;
}
.lotto-list-max {
	width:100% !important;
	max-width:100% !important;
	max-width:100%;
	background-color: #ffffff; 
	padding: 0 auto 0 auto !important;
	margin: 0 auto 0 auto !important;
	border-radius:10px 10px 10px 10px  !important;	
}
	
#footer>div {
	color: #333333 !important;	
    margin-top: 20px;
	font-size: 16px;
}

#footer>div>a {
	color: #111111 !important;	
	font-size: 16px;
	line-height: 40px;	
	text-decoration:none;
}
.desk {
	display:none !important;
}
.mobi {	
	display:block !important;
}

}

@media screen and (min-width: 901px) {
body {
	background-color: #b10302; 
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 !important;
	margin: 0 !important:
}	
	
.lotto-menu {
	width:90% !important;
	margin: 0 auto 0 auto !important;
	max-width:800px;
	background-color: #ffffff; 
	padding: 30px !important;
	margin: 0 auto 0 auto !important;
	border-radius:10px 10px 10px 10px  !important;	
}
	
.lotto-list {
	width:90% !important;
	max-width:800px;
	background-color: #ffffff; 
	padding: 30px !important;
	margin: 0 auto 0 auto !important;
	border-radius:10px 10px 10px 10px  !important;	
}
	
.lotto-list-max {
	width:90% !important;
	max-width:1200px;
	background-color: #ffffff; 
	padding: 30px !important;
	margin: 0 auto 0 auto !important;
	border-radius:10px 10px 10px 10px  !important;	
}	
	
#footer>div {
	color: #eeeeee !important;	
}
	
#footer>div>a {
	color: #FFEFE4 !important;	
	text-decoration:none;
	font-size: 18px;
	line-height: 40px;	
}	

#footer {
	background-color: none !important;
	width:100% !important;
	max-width:100% !important;
	margin: 30px auto 30px auto;
}

#footer>div {
	background-color: none !important;
	width:100%;
	text-align: center;
	font-size: 16px;
	margin: 0px auto 0px auto;
	padding: 0;
}
.desk {
	display:block !important;
}
.mobi {	
	display:none !important;
}
	
}

.lotto-list>a>img,.lotto-list>img,.lotto-menu>a>img,.lotto-menu>img,.lotto-list-max>a>img,.lotto-list-max>img {
	width:100% !important;
}

.lotto-menu>a,.lotto-menu>a>img {
  border-radius: 10px 10px 10px 10px !important;
}

.nav-area {
  width: 98%;
  text-align: center;
  background: #470001; 
  padding: 1%;
  margin: 0;
  background-image: url("/lotto/img/redback-01m.jpg");
  background-color: #1e000e;
  margin-bottom: 5px;
  border-radius:10px 10px 10px 10px  !important;	
}

.nav-area:first-child {
  border-radius: 10px 10px 10px 10px !important;
}

.nav-area:last-child {
  border-radius: 10px 10px 10px 10px !important;
}

.nav-area>h1 {
	color:#eeeeee;
	font-size: 30px;
	line-height: 40px;
}

.nav-area>p>a {
	text-decoration:none;
}

.nav-area>a>img {
	width: 100%;
	border-radius: 10px 10px 0px 0px  !important;
}

.nav-area>p {
	color:#4f0025;
	width: 100%;
	font-weight: 600;
}

.nav-area>div>.gohome,.nav-area>div {
	color:#d42c84;
}
.nav-area>div>.gohome {
	padding: 10px 20px 10px 20px; 
	background-color: rgba(0, 0, 0, .8);
	border-radius: 10px 10px 0px 0px  !important;
}

.nav-area>p>a {
	color:#eeeeee;
}

.nav-area>p>a,.nav-area>div>.gohome {
	font-size: 16px;
	line-height: 30px;
	text-decoration:none;
}

.nav-area>div {
	margin: -35px 0 0 0;
	padding: 0;
}

.foot-nav {
  width: 98%;
  text-align: center;
  background: #470001; 
  padding: 1%;
  margin: 0;
  background-image: url("/lotto/img/redback-01m.jpg");
  background-color: #1e000e;
  margin: 5px 0 0 0;
  border-radius: 10px 10px 10px 10px !important;
}

.foot-nav>p>a {
	text-decoration:none;
}

.foot-nav>p {
	width: 100%;
}

.foot-nav>p>a {
	color:#eeeeee;
	font-size: 16px;
	line-height: 30px;
}

div[id$="table_content"]>div>input {
	margin-top: -40px !important;	
}

.search-help {
	width: 50% !important;
	text-align: left !important;
	margin-top: 20px !important;
}