@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);

@font-face {
    font-family: 'mitrregular';
    src: url('../fonts/mitr-regular-webfont.woff2') format('woff2'),
         url('../fonts/mitr-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mitrlight';
    src: url('../fonts/mitr-light-webfont.woff2') format('woff2'),
         url('../fonts/mitr-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.42857143;
	color: #636363;
	background: url(../images/bg-index1920x759.jpg) top no-repeat;
	background-color: #000000 !important;
}
a {
	font-size: 14px;
	color: #bbb;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	font-weight: 400;
	
}
.footer li a {
	font-size: 14px;
	color: #636363;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	font-weight: 400;
	
}
.footer li a:hover {
	font-size: 14px;
	color: #f04312;
	font-family: 'mitrlight', sans-serif;
	padding: 27px 0 0;
}
.ranking ul li a {
	font-size: 14px;
	color: #ffffff;
	
	font-family: 'mitrlight', sans-serif;
	font-weight: 400;
	
}
.ranking ul li a:hover {
	font-size: 14px;
	
	font-family: 'mitrlight', sans-serif;
	
}
.slide-banner {
	float: left;
	width: 900px;
	height: 380px;
	/* margin: 5px; */
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
}

.slide-banner ol,
.slide-banner ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

.slide-banner .banner-nav,
.slide-banner .banner-stage {
	float: left;
}

.slide-banner .banner-nav {
	width: 220px;
	/* height: 327px; */
	position: relative;
	padding: 58px 0 0 0;
	background: rgba(226, 226, 226, 0.04);
}

.slide-banner .banner-nav .list {
	height: 260px;
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #2b2b2b;
	overflow: hidden;
}

.slide-banner .banner-nav li {
	/* text-align:center; */
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	list-style: none;
	padding-left: 10px;
}

.slide-banner .banner-nav li a {
	width: 100%;
	display: block;
	height: 51px;
	font-size: 16px;
	color: #ffffff;
	line-height: 51px;
	/* text-align: left; */
	font-family: 'mitrlight', sans-serif;
	/* หัวข้อสไลด์ */
}

.slide-banner .banner-nav li.selected {
	background: #f0562d;
	text-shadow: rgba(0, 0, 0, 0.46) 1px 1px 0px;
}

.slide-banner .banner-nav li.selected a {
	color: #fff;
}

.slide-banner .banner-nav .move {
	display: block;
	width: 100%;
	height: 30px;
	font-size: 31px;
	text-align: center;
	color: #9c9c9c;
	position: absolute;
	left: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: 250;
}

.slide-banner .banner-nav .prev {
	top: 17px;
}

.slide-banner .banner-nav .next {
	bottom: 40px;
}

.slide-banner .banner-nav .prev:hover {
	color: #f04312;
}

.slide-banner .banner-nav .next:hover {
	color: #f04312;
}

.slide-banner .banner-nav .paging {
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #656565;
}

.slide-banner .banner-nav .paging strong {
	font-weight: normal;
	color: #ffffff;
}

.slide-banner .banner-stage {
	position: relative;
}

.slide-banner .banner-stage,
.slide-banner .banner-stage ul,
.slide-banner .banner-stage li,
.slide-banner .banner-stage img,
.slide-banner .banner-stage div{
	width: 659px;
	height: 380px;
}

.slide-banner .banner-stage .banner-stage-info {
	position: absolute;
	width: 659px;
	height: 380px;
	padding:15px;
	left:0;
	top:0;
	color: #ffbb90;
	text-shadow: 1px 1px #2b2b2b;
	font-size: 15px;

}

.slide-banner .banner-stage li {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.slide-banner .banner-stage li.selected {
	display: block;
}

.banner {
	height: auto;
	padding: 0;
	background: rgba(0, 0, 0, 0.58);
	/* overflow: hidden; */
}

.game {
	width: 270px;
	background: rgba(226, 226, 226, 0.04);
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 4px;
	font-size: 15px;
	font-family: 'mitrlight', sans-serif;
	
}

.game a {
	color: #fff;
	font-family: 'mitrlight', sans-serif;
	/* font-family: 'Oswald', sans-serif; */
}

.game a:hover {
	color: #f0562d;
}
.game2 {
	position: relative;
	overflow: hidden ;
	width: 270px;
	background: rgba(0, 0, 0, 0.58);
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 105px;

	font-family: 'mitrlight', sans-serif;
}

.game2 a {
	color: #fff;
	font-family: 'mitrlight', sans-serif;
	/* font-family: 'Oswald', sans-serif; */
}

.game2 a:hover {
	color: #fff;
}

.ranking {
	width: 270px;
	background: rgba(226, 226, 226, 0.04);
	margin-right: 15px;
	margin-left: -10px;
}

.header {
	width: 1185px;
	margin: 0 auto;
	margin-bottom: 20px !important;
}

.content {
	/* width: 1215px; */
	background: rgb(239, 243, 232);
	margin: 0 auto;
	/* padding: 15px; */
	/* margin-top: 27px; */
	padding-bottom: 15px;
}

.gmenu {
	width: 1185px;
	margin: 0 auto;
	height: 170px;
}

.form-horizontal {
	padding: 10px;
	/* background: rgba(66, 89, 83, 0.07); */
}

.PrimaryNav {
	list-style: none;
	/* margin: 50px auto; */
	max-width: 500px;
	padding: 0;
	width: 100%;
	float: right;
	height: 47px;
}

.navbar {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	/* background: red; */
	
	background: #477082;
	z-index: 25000;
}

.mmenu {
	height: 170px;
	width: 1185px;
	margin: 0 auto;
}

.mmenu h3,
.mmenu h3 a {
	clear: both;
	padding-bottom: 0px;
	font-size: 19px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	/* text-transform: uppercase; */
	font-size: 19px;
	font-weight: 400;
	text-shadow: 1px 1px 2px #000;
	font-family: 'mitrlight', sans-serif;
	/* เมนูหลัก */
}

.mmenu ul {
	clear: both;
	/* padding-bottom: 27px; */
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	padding-left: 0px;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	/* text-transform: uppercase; */
}

.mmenu h1,
.mmenu h1 a,
.mmenu h1 a:hover {
	font-size: 12px;
	color: #666;
	padding: 27px 0 0;
}

.mmenu #category {
	float: left;
	width: 210px;
	padding: 0 0 2px;
	border-right: 1px solid rgba(255, 255, 255, 0);
	margin-right: 10px;
}

.mmenu #category li {
	padding: 0 0 0px 0px;
	text-align: center;
	list-style: none;
}

.mmenu #category li a {
	font-size: 12px;
	color: #bbb;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	font-weight: 400;
	text-shadow: 1px 1px 2px #000;
}

.mmenu #category li a:hover {
	color: #f0562d;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
}

.mmenu #category li span {
	color: #f0562d;
	font-weight: 400;
}

.overlaps {
	width: 100%;
}


.postlist {
	/* width: 900px; */
	margin-bottom: 20px;
	background-color: #fff;
	background: url(../images/bgcontent.jpg);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.bgdownload {
	/* width: 900px; */
	margin-bottom: 0px;
	background-color: #fff;
	background: url(../images/bgdownload.jpg);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.pagetitle {
	/* width: 900px; */
	margin-bottom: 0px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.pagetitle span {
	/* position: relative; */
	top: 0.3em;
	margin-top: 44px;
	padding: 10px;
	/* margin: 0 auto; */
	width: 900x;
	margin-left: 48px;
	font-size: 21px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	/* letter-spacing: 0.3em; */
	opacity: 0.8;
	transform: rotateX(-90deg);
	/* font-weight: 800; */
	animation: download 1.2s ease 1 normal forwards;
	font-family: 'mitrlight', sans-serif;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	color: #ffffff;
	background: rgba(0, 0, 0, 0.48);
}
.bgregister {
	/* width: 900px; */
	margin-bottom: 0px;
	background-color: #fff;
	background: url(../images/bgcontent.jpg);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	
}
.bgranking {
	/* width: 900px; */
	margin-bottom: 0px;
	background-color: #fff;
	background: url(../images/bgcontent.jpg) ;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	color: #636363;
}
.bgprofile {
	/* width: 900px; */
	margin-bottom: 0px;
	background-color: #fff;
	background: url(../images/bgcontent.jpg) ;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	color: #636363;
}
.news {
	background: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 900px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 1px solid #eaeaea;
	margin-bottom: 10px;
}

.news .img-figure {
	position: relative;
}

.news .img-figure img {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.news:hover .img-figure img {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-ms-transform: scale(1.10);
	-o-transform: scale(1.10);
	transform: scale(1.10);
}

.news .title {
	/*padding: 29px 30px;*/
	padding: 45px 30px;
	position: absolute;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.news .title h1 {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 19px;
	color: #dd4b39;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	text-transform: uppercase;
}

.news:hover .title {
	margin-top: -90px;
	background: #fff;
}

.news p.description {
	position: relative;
	font-weight: normal;
	line-height: 22px;
	opacity: 0;
	text-align: center;
	padding: 15px 30px 0px 30px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.news:hover p.description {
	opacity: 1;
}

p.more {
	text-align: center;
}

.more a {
	position: relative;
	font-size: 13px;
	margin-top: 30px;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: inline-block;
	color: #28998b;
}

.more a:after {
	content: '';
	width: 18px;
	height: 1px;
	position: absolute;
	left: 55px;
	top: 9px;
	background: #28998b;
	vertical-align: middle;
	margin-left: 10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.news:hover a:after {
	width: 30px;
}

.cat {
	background: #a0bc9f;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
	padding: 3px 15px;
}

.slogin {
	color: #b9b9b9 !important;
	background-color: #333 !important;
	border: 1px solid #333 !important;
}

.flogin {
	color: #fff !important;
	background-color: rgba(115, 115, 115, 0.28) !important;
	border: 1px solid #333 !important;
}

.flogin:focus {
	border-color: #333333 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(44, 45, 46) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(44, 45, 46) !important;
}
.flogin2 {
	color: #797777d7 !important;
	background-color: rgba(255, 255, 255, 0.822) !important;
	border: 1px solid #333 !important;
}

.flogin2:focus {
	border-color: #333333 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(44, 45, 46) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(44, 45, 46) !important;
}
.white {
	color: #fff;
}

.hide-bullets {
	list-style: none;
	margin-left: -40px;
	margin-top: 20px;
}

.thumbnail {
	padding: 0;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	width: 100%;
}

.col-sm-3 a {
	border: 1px solid transparent;
	border-radius: 0;
	transition: all 3s ease;
}

.col-sm-3 a:hover {
	border: 1px solid #ff4647;
	border-radius: 100% 60% / 30% 10%;
	background: linear-gradient(rgba(56, 123, 131, 0.7), rgba(56, 123, 131, 0.7));
}

.carousel-inner {
	height: 137px !important;
}

.download {
	background: url(../images/download.jpg);
	width: 270px;
	height: 137px;
}

.download span {
	/* position: relative; */
	top: 0.3em;
	margin-top: 44px;
	padding: 10px;
	/* margin: 0 auto; */
	width: 170px;
	margin-left: 48px;
	font-size: 21px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	/* letter-spacing: 0.3em; */
	opacity: 0.8;
	transform: rotateX(-90deg);
	/* font-weight: 800; */
	animation: download 1.2s ease 1 normal forwards;
	font-family: 'mitrlight', sans-serif;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	color: #ffffff;
	background: rgba(0, 0, 0, 0.48);
}

@keyframes download {
	10% {
		opacity: 0.5;
	}
	20% {
		opacity: 0.8;
		top: 3.75em;
		transform: rotateX(-360deg);
	}
	100% {
		opacity: 1;
		top: 4.50em;
		transform: rotateX(360deg);
	}
}

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}

.avatar {
	border: 1px solid #f5f5f5;
	border-radius: 10px !important;
	height: 75px;
	padding: 3px;
	width: 75px;
	margin-right: 10px;
}

.titlenews {
	/* หัวข้อข่าว */
	line-height: 1.2;
	padding-left: 5px;
	font-family: 'mitrlight', sans-serif;
}



.notice {
	/* width: 900px; */
	padding: 15px;
	background-color: #fafafa;
	border-left: 6px solid #7f7f84;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
}

.notice-sm {
	padding: 10px;
	font-size: 80%;
}

.notice-lg {
	padding: 35px;
	font-size: large;
}

.notice-success {
	border-color: #80D651;
}

.notice-success>strong {
	color: #80D651;
}

.notice-info {
	border-color: #45ABCD;
}

.notice-info>strong {
	color: #45ABCD;
}

.notice-warning {
	border-color: #FEAF20;
}

.notice-warning>strong {
	color: #FEAF20;
}

.notice-danger {
	border-color: #d73814;
}

.notice-danger>strong {
	color: #d73814;
}



.readMore {
	cursor: pointer;
}

.btn-app-store {
	background: #333333;
	color: white;
	position: relative;
	/* height: 51px; */
	padding-left: 55px;
	padding-right: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-app-store i {
	font-size: 40px;
	position: absolute;
	left: 10px;
	color: #eff3e8;
}

.btn-app-store .small {
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 2px;
	margin-top: 5px;
}

.btn-app-store .big {
	display: block;
	text-align: left;
	font-size: 21px;
	line-height: 21px;
	left: 10px;
}

.dwd {
	display: inline-block;
	/* padding: 10px 57px; */
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	font-family: 'mitrlight', sans-serif;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}

.dwd:hover {
	color: #f0562d;
}

.realmk {
	background: url(../images/kailux.jpg);
	width: 270px;
	height: 130px;
	text-shadow: 1px 1px 2px #000;
	font-family: 'mitrlight', sans-serif;
}

.row1k {
	color: #39e7ff;
	margin-left: 120px;
	padding-top: 31px;
	font-size: 14px;
}

.row2k {
	color: #3df;
	margin-left: 120px;
	padding-top: 14px;
	font-size: 12px;
}

.row3k {
	color: #39b8ed;
	margin-left: 120px;
	padding-top: 13px;
	font-size: 12px;
}

.realmd {
	background: url(../images/dilamun.jpg);
	width: 270px;
	height: 130px;
	text-shadow: 1px 1px 2px #000;
	font-family: 'mitrlight', sans-serif;
}

.row1d {
	color: #f13237;
	margin-left: 120px;
	padding-top: 31px;
	font-size: 14px;

}

.row2d {
	color: #ff2728;
	margin-left: 120px;
	padding-top: 14px;
	font-size: 12px;
}

.row3d {
	color: #d8302f;
	margin-left: 120px;
	padding-top: 13px;
	font-size: 12px;
}

.realsiege1 {
	background: url(../images/kailux.jpg);
	width: 270px;
	height: 130px;
	text-shadow: 1px 1px 2px #000;
	font-family: 'mitrlight', sans-serif;
}

.row1siege1 {
	color: #ffffff;
	margin-left: 0px;
	padding-top: 10px;
	font-size: 16px;
	font-family: 'mitrlight', sans-serif;
}

.row2siege1 {
	color: #ffffff;
	margin-left: 0px;
	padding-top: 14px;
	font-size: 16px;
	font-family: 'mitrlight', sans-serif;
}

.row3siege1 {
	color: gold;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	margin-left: 0px;
	padding-top: 13px;
	font-size: 19px;
	font-family: 'mitrlight', sans-serif;
}
.realsiege2 {
	background: url(../images/dilamun.jpg);
	width: 270px;
	height: 130px;
	text-shadow: 1px 1px 2px #000;
	font-family: 'mitrlight', sans-serif;
}

.row1siege2 {
	color: #ffffff;
	margin-left: 0px;
	padding-top: 10px;
	font-size: 16px;
	font-family: 'mitrlight', sans-serif;
}

.row2siege2 {
	color: #ffffff;
	margin-left: 0px;
	padding-top: 14px;
	font-size: 16px;
	font-family: 'mitrlight', sans-serif;
}

.row3siege2 {
	color: red; 
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	margin-left: 0px;
	padding-top: 13px;
	font-size: 19px;
	font-family: 'mitrlight', sans-serif;
}
.panel-news {
	padding: 15px;
}


.main_font {
	font-family:"mitrlight", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dfdfdf;

}
.main2_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.42857143;
	color: #636363;
}
.main3_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.42857143;
	color: #636363;
}
.reg_font {
	font-family:"mitrlight", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #636363;

}
.reg_font_header {
	font-size: 19px;
	font-weight: 400;
	
	font-family: 'mitrlight', sans-serif;
	color: #1d1a1a;

}
.menu_font_header {
	clear: both;
	padding-bottom: 0px;
	font-size: 19px;
	color: #636363;
	font-weight: normal;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	/* text-transform: uppercase; */
	font-size: 19px;
	font-weight: 400;
	
	font-family: 'mitrlight', sans-serif;
		
}
.menu_font_header_footer {
	clear: both;
	padding-bottom: 0px;
	font-size: 19px;
	color: #636363;
	font-weight: normal;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	/* text-transform: uppercase; */
	font-size: 19px;
	font-weight: 400;
	
	font-family: 'mitrlight', sans-serif;
		
}
.menu_font_header_panel {
	clear: both;
	padding-bottom: 0px;
	font-size: 19px;
	color: #f0562d;
	font-weight: normal;
	text-align: center;
	font-family: 'mitrlight', sans-serif;
	/* text-transform: uppercase; */
	font-size: 19px;
	font-weight: 400;
	
	font-family: 'mitrlight', sans-serif;
		
}
.rank1_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	color: #636363;
}
.rank2_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.42857143;
	color: #636363;
}
.siege {
	background: url(../images/background-header-news.jpg);
	width: 100%;
	height: 137px;
	margin-top: 0px;
	margin-bottom: 20px;
background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}
.dratan_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: gold;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.merac_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 16px; 
	color: red; 
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.shadow_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 11px; 
	color: #ffffff; 
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.orange_font {
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 13px; 
	color: orange; 
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.txt_border {
text-decoration: none;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.ads-popup {
	position: fixed;
	background: url(../images/banerclosebeta.png);
	background-position: top; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */

    width: 50%;
    height: 512px;
    background-color: #ffffff;
    z-index: 1000;
    left: calc(50vw - 25%);
    top: calc(50vh - 20%);
	font-family: "mitrlight", Helvetica, Arial, sans-serif;
	font-size: 30px;
	
	color: gold;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    display:none;
   border-top: 2px solid #2b2b2b;
	border-bottom: 2px solid #2b2b2b;
	border-right: 2px solid #2b2b2b;
	border-left: 2px solid #2b2b2b;
}
.addspan {
	margin-top:30px;
}