@charset "utf-8";
/* CSS Document */

/*************************************************
                   Winner Xshot CSS
*************************************************/
@font-face { font-family: pslsirintr; src: url('../font/psl168pro.ttf'); }
img {
	max-width:100%;
	background-size:100% auto;
}
/* header */
.xshotlogo{
	width: 229px;
	height: 85px;
}
.language, .social{float:right; display: inline; overflow: hidden; z-index: 99999; margin-top: 0;}
.language--in, .social--in{margin-left: -20px; margin-right: -20px;}
.logo {
  float: left;
  display: block;
  margin-top: 0px;
  border:0px solid;
  max-width:250px;
  overflow:hidden;
  position:relative;
  padding:5px 0px;   
}
/* end header */

/* bootstrap css edit */
.navbar-default{
	background: url(../images/topmenubg.jpg) repeat-x;
	height: 120px;
}
.navbar-default .navbar-nav > li > a{ font-size:17px !important; font-weight:600;}
.navbar-default .navbar-nav > li > a:hover{ color:#FF0 !important;}

.navbar-toggle{ margin-top:42px;}
.navbar-top{ margin-top:5px;}

/* all content */
.content{
	background: url(../images/contentbg.jpg) repeat-y center;
	height: 100%;
}
.span1 > img {
	max-width:100%;
	background-size:100% auto;
}
.space01{
	width: 1143px;
	height: 15px;
	margin: 0 auto;
}
.download{
	margin-top: 10px;
}
.row > .container > .download > a > img {
	max-width:100%;
	background-size:100% auto;
}
.stat{
	margin-top: 10px;
	padding-bottom: -15px;
}
.stat-img {
	width:100%;
}
.Button1 {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	height:20px;
	border: 1px solid #7b0002;
	color: #FF6600;
	background-color: #FFFFFF;
    cursor: hand;
}

.Button2 {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	color: #00a0a0;
	background-color: #FFFFFF;
    cursor: hand;
}

/*input text searh*/
.textbox{
	font-size: 14px;
	height:20px;
	padding:2px;
	border:solid 1px #7b0002;
	color:#4d86bb;
	width:auto;
	min-width:200px;
}
.select{
	font-size: 14px;
	height:20px;
	border:solid 1px #7b0002;
	color:#4d86bb;
	width:auto;
}

.topicnews{
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #4e88b8;
	text-decoration: none;
}
.topicnews:hover{
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #d61d1f;
	text-decoration: none;
}

.topicdatein{
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #d61d1f;
	text-decoration: none;
}
.info_news:hover{
	background-color:#ffe6a2;
}
/* four blue button */
.fourbtn{ 
	margin-top: 10px;
	max-width:100%;
	background-size:100% auto;
	
}
.fourbtn--margin{
	/*margin-left: 2px; margin-right: 2px;*/
}
/* end four blue button*/

/* logged in */
.log-in {
	float: left;
}
.log-in > table {
    background: url("../images/logged-in/bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-top: 10px;
}
.logged{
	color: #fff;
	font-size: 16px;
	font-style: bold;
}
.log-in > img{
	max-width:100%;
	background-size:100% auto;
}
.point{
	color: #f6e10a;
}
.profile-bt{
	background: url(../images/logged-in/profile-bt.png) no-repeat;
	width: 83px;
	height: 32px;
	background-size:100% auto;
	display: inline-block;
}
.profile-bt:hover{
	background: url(../images/logged-in/profile-bt-hover.png) no-repeat;
	width: 83px;
	height: 32px;
	background-size:100% auto;
}
.logout-bt{
	background: url(../images/logged-in/logout-bt.png) no-repeat;
	width: 83px;
	height: 32px;
	background-size:100% auto;
	display: inline-block;
}
.logout-bt:hover{
	background: url(../images/logged-in/logout-bt-hover.png) no-repeat;
	width: 83px;
	height: 32px;
	background-size:100% auto;
}
/* end logged in */

/* news tab */
.news{
	margin: 5px 0 0 0;
	min-height: 323;
	background: #fff;
	overflow: hidden;
	max-width:100%;
	background-size:100% auto;
}
.moretab {
	width: 60px;
	height: 22px;
	margin-top: 30px;
	margin-bottom: 7px;
	margin-right: 20px;
	float:right;
	text-align: center;
	background: url(../images/tabupdate/more.png) no-repeat;
	}
/* end tab news */
.feature {
	margin-top: 14px;
	display: inline;
	max-width:100%;
	background-size:100% auto;
	max-width: 143px;
	max-height: 142px;
}
.feature--center{
	margin-left: 9px;
	margin-right: 9px;
}
/* special button */
.special{
	background: #503429;
	margin: 15px 0 15px 0;
	padding-bottom: 15px;
}
.spebtn{
	margin: 13px 0 0 0;
	display: inline;
	max-width:100%;
	background-size:100% auto;
	max-width: 270px;
	max-height: 135px;
}
/*end all content */
/* footer facebook*/
.special_facebook{
	background: #FFFFFF;
	margin: 15px 0 15px 0;
	padding-bottom: 15px;
}
/* footer facebook*/
/* bottom banner */
.bannerbottom{
	background: url(../images/bottombanner.jpg) no-repeat center;
	height: 290px;
	width: 100%;
}
/* end bottom banner */

/* footer */
.footerwrap{
	background: #000000;
	width: 100%;
}
.footerwrap > .container > .info > a > img{
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
.footer-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.info{
	color:#cbff00;
	margin: 0 auto;
}
.info2{
	color:#d2d2d2;
	font-size: 10px;
	margin: 0 auto;
}

.logo-winner a{ display:block;}
.logo-winner a img{ max-width:100%; width:100%;}
.icon12+ img{ max-width:100%; width:100%;}
.align p{ color:#cbff00; margin-top:10px; font-size:16px;}
.align{ text-align:center;}
.margin-bottom{ margin-bottom:20px;}
.margin{ margin-top:20px; margin-bottom:20px;}
.logo-winner-768{ display:none;}

.footer-logo{ float:right;}
.footer-copy{ float:none; text-align:center !important;}
.footer-12{ float:left;}

/* end footer */

/* subpage css */
.sub-bigcontainer{min-height: 975px; margin-bottom: 10px;}
.sub-container{margin-top: 10px; background: #fff; min-height: 955px;}
.sub-container p{margin-left: 0px;}
.sub-headspace{padding-top: 1px;}
.sub-download{
	margin-top: 10px;
}
.sub-stat{
	margin-top: 10px;
	padding-bottom: -15px;
}
.sub-head{background: url(../images/tabupdate/tabbg.jpg) repeat-x; height: 32px; margin: 10px 10px 0 10px;}
.sub-bigcontainer > .sub-container > .col-sm-12 {
	width: 100%;
	height: auto;
	background: white;
}
.sub-bigcontainer > .sub-container > .col-sm-12 > img{
	max-width:100%;
	background-size:100% auto;
}
.title{
	text-align: middle;
	display: block;
	color: #fff;
	padding: 5px 15px;
	font-size: 17px;
	text-transform: uppercase;
}
.sub-bigcontainer > .sub-container > .col-sm-12 > table{
	font-size: 14px;
}
/* ranking */
.firstblood-bt{background: url(../images/ranking/firstblood-bt.png) no-repeat; display: inline-block; margin: 5px; width:73px; height: 73px; background-size:100% auto;}
.doublekill-bt{background: url(../images/ranking/doublekill-bt.png) no-repeat; display: inline-block; margin: 5px; width:73px; height: 73px; background-size:100% auto;}
.top100-bt{background: url(../images/ranking/top100-bt.png) no-repeat; display: inline-block; margin: 5px; width:73px; height: 73px; background-size:100% auto;}
.firstblood-bt:hover{background: url(../images/ranking/firstblood-bt-hover.png) no-repeat; max-width:100%; background-size:100% auto;}
.doublekill-bt:hover{background: url(../images/ranking/doublekill-bt-hover.png) no-repeat; max-width:100%; background-size:100% auto;}
.top100-bt:hover{background: url(../images/ranking/top100-bt-hover.png) no-repeat; max-width:100%; background-size:100% auto;}
/* bootstrap css edit */
.navbar-default{
	background: url(../images/topmenubg.jpg) repeat-x;
	height: 120px;
}
/* ranking */
.topic{
	background: #c20000;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: white;
	font-size: 20px;
}
@media only screen and (min-width: 1024px){
	.statfloat{
		max-width:100%; background-size:100% auto;
	}
	.statfloat--stat{
		margin-left: 3px;
	}
}

@media screen and (max-width: 1229px) {
	.align p{ font-size:14px;}
}

@media screen and (max-width: 1023px) {
.collapsing, .in {background-color: #333;}
.collapsing ul li a, .in ul li a {color: #fff!important;}
.collapsing ul li a:hover, .in ul li a:hover {color: #666!important;}
}

@media only screen and (max-width: 1024px) {
.news{
	margin: 5px 0 0 0;
	height: auto;
	background: #fff;
	overflow: hidden;
	max-width:100%;
	background-size:100% auto;
}
.moretab {
	width: 60px;
	height: 22px;
	margin-top: 30px;
	text-align: center;
	background: url(../images/tabupdate/more.png) no-repeat;
	float: right;
}

@media only screen and (max-width: 991px) {
	.align p{ font-size:12px;}
}
@media only screen and (max-width: 640px) {
.statfloat{
	float: left; max-width:50%; background-size:100% auto;
}
.statfloat--stat{
	margin-left: 3px; max-width:46%;
}
.moretab {
	width: 60px;
	height: auto;
	margin-top: 30px;
	text-align: center;
	background: url(../images/tabupdate/more.png) no-repeat;
	float: right;
	}
.fourbtn--margin1{
	clear:both;
	margin:0 auto;
}
.fourbtn--margin2{
	clear:both;
	margin:0 auto;
}
.fourbtn--margin3{
	clear:both;
	margin:0 auto;
}
.fourbtn--margin4{
	clear:both;
	margin:0 auto;
}
.log-in{
	float:none !important;
	display:inline-table;
	margin: auto !important;
	padding-bottom:10px;
}
}
.footer-copy{ float:none; text-align:center !important;}
.footer-12{ float:none; text-align:center !important;}
@media only screen and (max-width: 768px) {
.stat-responsive{
	max-width:390px; background-size:100% auto;
}
.news{
	margin: 5px 0 0 0;
	height: autopx;
	background: #fff;
	overflow: hidden;
	max-width:100%;
	background-size:100% auto;
}
.moretab {
	width: 60px;
	height: 22px;
	margin-top: 30px;	
	text-align: center;
	background: url(../images/tabupdate/more.png) no-repeat;
	float: right;
}
.logo-winner-768{ display:block;}
.logo-winner{ display:none;}
.footer-copy{ float:none; text-align:center !important;}
.footer-12{ float:none; text-align:center !important;}
}

@media only screen and (max-width: 767px) {
	.align p{ font-size:20px;}
}
/* end tab news */

@media only screen and (max-width: 1024px){
	.statfloat{
		float:left; max-width:50%; background-size:100% auto;
	}
	.statfloat--stat{
		max-width:46%;
	}
	.sub-download{
		display: none;
	}
	.sub-stat{
		display: none;
	}
	/* four blue button */
	.fourbtn{ 
		margin-bottom: 10px;
		max-width:100%;
		background-size:100% auto;
	}
	.fourbtn--margin1{
		/*float: left;*/
	}
	.fourbtn--margin2{
		/*float: right;*/
	}
	.fourbtn--margin3{
		/*float: left;*/
	}
	.fourbtn--margin4{
		/*float: right;*/
	}
	/* end four blue button*/
	
	/* logged in */
	.log-in {
		float: left;
	}
	.log-in > table {
		background: url("../images/logged-in/bg.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
		margin-top: 10px;
		max-width: 100%;
	}

	/* end logged in */
}
@media screen and (max-width: 1024px){
	/* logged in */
	.log-in {
		float: left;
	}
	.log-in > table {
		background: url("../images/logged-in/bg.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
		margin-top: 10px;
		max-width: 100%;
	}

	/* end logged in */
}