body {
	background: #000000;
	background-image: url(../img/back.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
	color: #eaeaea;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	font-size: 11pt;
}
a{
    color: #feea00;
    text-decoration:none;
}
a:hover{
    color: #ffffff;
}
a:active{
    color: #feea00;
}
a:visited{
    color: #feea00;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    line-height: 1.25;
    color: #fdd600;
}
h1{
  font-size:28pt;
}
h2{
  font-size:25pt;
}
h3{
  font-size:22pt;
}
h4{
  font-size:20pt;
}
h5{
  font-size:18pt;
}
h6{
  font-size:16pt;
}

br {
   display: block;
   margin: 10px 0;
}
p {
    margin: 0;
    padding: 0;
}
ul,ol,li {
	list-style:none;
	margin:0;
	padding:0;
}
.color1, .contact a:hover{
	background: linear-gradient(to bottom,  #e2e2e2 0%,#fefefe 50%,#d1d1d1 100%);

}
.color2, .contact a{
	background: linear-gradient(to bottom,  #e2b058 0%,#ffd696 50%,#e2b058 100%);

}
.color3 {
	background: #111111;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.wrapper {
	max-width: 90%;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.header {
    margin-bottom: 20px;
}
.logo {
    width: 35%;
    padding: 15px 0;
}
.logo img {
    width: 90%;
}
.login {
    width: 60%;
    background: #000000;
    padding: 3px;
}
.scroll-text {
    color: #000;
    padding: 5px 5px 3px;
    line-height: 1.5;
    position: relative;
    font-size: 14px;
}
h3.scrolltext-title, .scroll-text a {
    font-size: 12px;
    padding: 5px 10px;
    color: #000;
}
h3.scrolltext-title i {
    margin-right: 5px;
}
.text-running {
    flex: 1;
    padding: 0 5px;
    line-height: 1;
}
.game a {
    width: 20.5%;
    text-align: center;
}

.game img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.game a:last-child {
    width: 34%;
}
.game h3 {
	color: #111;
	font-size: 25px;
	padding: 3px 0;
}
/*color*/
.color-6 {
	background: #8e1b5c;
	background: -moz-linear-gradient(top,  #8e1b5c 0%, #5d112f 100%);
	background: -webkit-linear-gradient(top,  #8e1b5c 0%,#5d112f 100%);
	background: linear-gradient(to bottom,  #8e1b5c 0%,#5d112f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e1b5c', endColorstr='#5d112f',GradientType=0 );
	box-shadow: #ba0067 0 0 15px inset;
	border: 1px solid #800065;
}
/*color*/

.footer {
    margin: 15px 0;
    text-align: center;
    height: auto;
    color: #000000;
    padding: 20px;
}
.footer img {
    margin: 0 5px;
}
/***login***/

.form h3 {
    text-align: center;
}
.form {
	width: auto;
	border-radius: 10px;
}
#txtUsername,#txtPassword {
    width: 20%;
}

#txtCode {
    width: 10%;
}
input[type=text], input[type=password],.button,.captcha {
  border: 0;
  line-height: 30px;
  padding: 0;
  text-align: center;
  margin-right: 5px;
  /* flex: 1; */
}
input[type=text], input[type=password]{
  background: #ffffff;
  box-shadow: #9a9a9a 0 0 15px inset;
  /* width: 100%; */
}
input[type=text]:focus, input[type=password]:focus {
  background-color: #006cf4;
  box-shadow: #0041ad 0 0 15px inset;
  border:1px solid #006cf4;
  color: #fff;
  outline: none;
}
::placeholder {
	color:#000000;
	font-size:14px;
}
#CaptchaDiv {
    user-select: none;
    padding: 0;
    font-weight: bold;
    width: 10%;
    background: #ab6e00;
}
.button {
    text-transform: uppercase;
    font-weight: bold;
    cursor:pointer;
    font-size: 14px;
    color: #000000;
    border: none;
    flex: 1;
}
.button:hover{
	background:#dddddd;
	box-shadow:#f1f1f1 0 0 15px inset;
	color:#111;
}
a.button {
	color: #fff;
}
.button a:hover{
	color: #111;
}
.button:last-child {
	margin: 0;
}
.register-button {
    color: #430000;
}
a.register-button{
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
a.register-button:hover{
    color:#000;
}

/***login***/
/***navigation***/
.navigation {
    width: 100%;
}
.mega{
    background: #333;
    display: none;
    position: absolute;
    z-index: 999999;
    margin: 0;
    width: 100%;
    left: 0;
    top: 100%;
}
.mega:hover{
    display: block; 
}
.nav-item{
    padding: 10px 0;
    flex: 1;
    font-size: 13px;
    text-align: center;
}
.nav{
    width: 100%;
    position: relative;
}
.nav img {
    width: 45%;
    display: block;
    margin: 0 auto;
    filter: grayscale(1) contrast(0) brightness(0);
    mix-blend-mode: multiply;
}
a.nav-item {
    color: #000;
}
a.nav-item:hover {
    background: #e1b058;
    color: #fff;
}
a.nav-item:hover img {
    filter: none;
    mix-blend-mode: normal;
}
.nav-item:hover + .mega{
    display: block;
}
input#mobile-nav {
    display: none;
}

.lbl-toggle {
    display: none;
}
/***navigation***/

/***contact***/
.contact {
    height: 100%;
    margin: 15px 0;
}
.contact a {
    position: relative;
    padding: 5px 0 5px 45px;
    margin: 0 5px 0 0;
    line-height: 1.25;
    flex: 1;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.contact i {
    font-size: 35px;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.contact h3 {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.25;
}
.contact a:hover,.contact a:hover h3{
	color: #000;
}
/***contact***/