@font-face {
	font-family: sev;
	letter-spacing:16px;
	src: url(sev.ttf);
}

@font-face {
	font-family: tuf;
	letter-spacing:16px;
	src: url(tuf.otf);
}

@font-face {
	font-family: rws;
	letter-spacing:40px;
	src: url(venus.ttf);
}


::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b61111;
  border-radius: 10px;
}

body { color:#fff; font-size:15px; font-family:arial; font-family:tuf; }
H1 { margin:0px; margin-bottom:10px; text-shadow:3px 3px 9px #000; }

table {	
	background:#FFF;
	border:1px groove #000; 
	padding:5px;
	width:100%;
	color:#000;
}

table a:link {	color:#044; text-decoration:none; }
table a:visited {	color:#044; }
table a:hover {	color:#0FF; }

h2 { margin:2px; font-size:15px; color:#77F; }
td { 	background:#AAA; border-bottom:1px dotted #000; }

#syl {	color:#FFF; }
#syl :link {	color:#FFF; }
#syl :visited {	color:#FFF; }
#syl :hover {	color:#F00; }

#syg {	color:#FFF; }
#syg :link {	color:#FFF; }
#syg :visited {	color:#FFF; }
#syg :hover {	color:#F00; }

/*Main Banner*/
.banner { 	
	left:0;
	top:0;
	width:100%; 
	border:1px solid #000; 
	background:#777;
	color:#FFF;
	margin-bottom:4px;
	background-size: 100%; 	
	font-size:19px;		
	background-image:url('img/backa.jpg'); 
	background-size: 100% 100%; 
}

.banner1 { width:100%; padding-bottom:10px; overflow:hidden; overflow-x:scroll;  }
.banner2 { width:100%; background:#515151;  }
.banner3 { width:100%; background:#000; color:#FFF;  }

.Letter { font-size:25px; margin:14px; margin-top:30px;  color:#0F0; }

.close {
	background:#777;
	border-radius:10px;
	border:2px solid #FFF;
	box-shadow:3px 3px 5px #000;
	font-size:32px;
	color:#F00;
	width:34px;
	margin:7px;
	padding:5px;
	text-align:center;
	float:left;
	cursor:pointer;
}

.topbar { 
	font-family:sev; 
	font-size:20px; 
	background:#000; 
	padding:8px; 
	border:1px solid #333; 
	border-radius:10px; 
	z-index:3000; 
	position:absolute; 
	top:13px;
	left:13px; 
}

.Searchbar {
	width:100%;
	background:#202020;
	position:relative;
	top:-5px;
	padding-bottom:3px;
	text-shadow:3px 3px 5px #000;
}

.LinkBar {
	position:relative;
	top:+5px;
	width:100%;
	text-align: center;
	font-size:17px;
	text-shadow:3px 3px 4px #000;
	margin-bottom:20px;
	}

.LinkBar a:link {
	text-decoration:none;
	color:#990;
	margin-right:20px;
}


.LinkBar a:visited {
	text-decoration:none;
	color:#990;
}

.LinkBar a:hover {
	text-decoration:none;
	color:#FFF;
}

.Input {
	height:25px;
	margin-right:5px;
	border:1px solid #999;
	border-radius:7px;
	font-size:20px;
}

.button {
	height:25px;
	font-size:13px;
	text-align:left;
}


.banner1Inlay { width:39800px;}
.banner1Inlay1 { width:1900px;}

.stripe {
	height:310px;
	width:100%;
	overflow-x:scroll;
	background:#2d3c43;
	border:1px solid #000;	
}

.stripeIn {
	

}
.fs9 { font-size:9px; }

.sidebar { font-family:tuf; }
.Sea { background:#000; padding:7px; border:1px solid #000; border-radius:10px; z-index:1000; position:absolute;top:12px;right:13px; }
.Sab { height:55%; overflow:hidden; overflow-y:scroll;  background:#000; padding:7px; border:1px solid #000; border-radius:10px; z-index:1000; position:absolute;top:62px;left:13px; box-shadow:4px 4px 7px #000; }
.Sac { background:#933; }
.sysi { position:relative;float:left; height:54px; margin-left:16px;}
.sysj { position:relative;float:left; height:72px; width:72px;margin-left:2px;}
.sysf { position:relative;float:left; height:40px; width:40px;margin-right:5px;}

/*   Icons 		*/

.Icon1 { position:relative; top:+5px; margin-right:4px; height:26px; }
.Icon2 { position:relative; top:-9px; margin-right:4px; height:62px; }
.Icon3 { position:relative; top:+17px;margin-right:5px; height:55px; }
.Icon4 { position:relative;top:+5px;margin-right:3px; width:21px  }
.Icon5 { position:relative;top:+2px; height:21px; width:21px }
.Icon6 { position:relative;top:+4px; }
.Icon7 { position:relative;top:+8px;margin-right:5px; height:28px; }
.Icon8 {  width:165px  }

.Tit { height:26px;font-size:14px;color:#FFF; }
.tth { border:1px solid #FFF; margin-top:2px; }

.kicks {  border:0px; background:transparent; }
.ki1 { font-size:18px; border:0px; text-align:right;  background:transparent;  }
.ki2 { font-size:18px;border:0px; text-align:left;  background:transparent;  }

/*   Structure 		*/

.tfloat { float:left; }
.trfloat { float:right;}
.cfloat { clear:both; }

.cl {	clear:both;	}
	
.size15 { font-size:18px; }
.marL10 { margin-left:10px; }
.marR10 { margin-right:10px; }


.mma {
height:55%; overflow:hidden;overflow-y:scroll; background:#000; padding:17px; border:1px solid #000; border-radius:10px; z-index:1000; position:absolute;top:69px;right:13px;width:480px;
}

.Lis1 {
	background:#444;
	padding:7px;
	border-radius:7px;
}

.Lis1 a:link { color:#FFF; text-decoration:none; }
.Lis1 a:visited { color:#FFF; }
.Lis1 a:hover { color:#F00; }

.Lis {
	background:#222;
	padding:7px;
	border-radius:7px;
}
.Lis a:link { color:#FFF; text-decoration:none; }
.Lis a:visited { color:#FFF; }
.Lis a:hover { color:#F00; }

.VIEWS {
	color:#FFF;
	margin-top:3px;
	font-size:14px; }

.HitBox {
	position:relative;
	top:+2px;
	font-size:13px;
	margin-top:3px;
	margin-bottom:3px;
}

.Masters {
border:3px groove #000;
border-radius:10px;
font-size:18px;
text-decoration:none;
padding:9px;
padding-bottom:15px;
float:left; 
margin:15px; 
width:310px;
}

.MastersS {
background:#DDD;
border:3px groove #000;
border-radius:10px;
font-size:18px;
text-decoration:none;
padding:9px;
padding-bottom:15px;
float:left; 
margin:15px; 
color:#000;
width:310px;
}

.Kind {
	width:100%;
	border:1px solid #000;
	color:#000;
	font-size:16px;
	text-shadow:0px 0px 6px #555;
	background-image:url('img/kind.jpg'); 
	background-size: 100% 100%;
	padding-top:6px; 	padding-bottom:6px; 
}

.marquee {
  line-height: 0px;
  white-space: nowrap;
  color:#FFF;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 10s linear infinite;
}

.ads {
  line-height: 0px;
  white-space: nowrap;
  color:#FFF;
  overflow: hidden;
  box-sizing: border-box;
}

.ads p {
  display: inline-block;

}

@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}

.Mas { 
	background:#999; 				
	background-image:url('img/cloud.jpg'); 
	background-size: 100% 100%; 	
	height:200px;	
	color:#FFF;
}

.MasS { 
	background:#000; 
	background-image:url('img/clouda.jpg'); 
	background-size: 100% 100%;
	height:200px;	
	color:#FFF; 		
}

.thumb { 
	color:#FFF; 
	padding:5px;
	text-shadow:2px 2px 3px #000;
	float:left; 
	width:310px; 
	height:280px; 
	border:1px solid #000; 
	background:#3c6fc5;
	box-shadow:3px 3px 6px #000; 
	border-radius:1px; 
	background-image:url('img/thp.jpg'); 
	background-size: 100% 100%; 
}

.Thumb {
	border:1px solid #000;
	box-shadow:1px 1px 7px #000;
	position:relative;
	background-image:url('img/back4.jpg'); 
	background-size: 100% 100%; 
}

.Videoplayer {
 width:100%;
 background:#157eab;
 color:#000;
}

/*
.Videoplayer {
	left:10px;
	top:10px;
	position:fixed;
	background:#000;
	width:98.9%;
	height:95%;
	border-radius:10px;
	border:2px solid #FFF;
	box-shadow:3px 3px 5px #000;
	z-index:20000;
	background-image:url('img/embback.png'); 
	background-size: cover;
	overflow:hidden; 
	overflow-y:scroll;	
}

*/
.Videoplayer hr {
	border:2px solid #422;
	margin:4px;
}
.Videoplayer h2 {
	color:#F77;
	margin:4px;
	font-size:22px;
}


.EMBFRAME {
	background:#157eab;
	width:100%;
	height:1000px; 
	border:0px;
	color:#000;		
	line-height: normal;
	overflow:auto; 
}


.FilterA{
	background:#4bb953;
	border:1px double #666;
	padding-bottom:17px;
	padding-top:17px;
	margin:10px;
	color:#FF0;
	font-size:16px;
	box-shadow:3px 3px 3px #444;
	border-radius:15px;
	width:365px;	
	text-align:center;
	background-image:url('img/buttonb.png'); 
	background-size: 100% 100%; 	
	text-shadow:2px 2px 13px #FFF;
	text-decoration:none;
}

.Filter {
	background:#383120;
	border:1px solid #333;
	padding-bottom:17px;
	padding-top:17px;
	margin:10px;
	color:#FFF;
	font-size:16px;
	box-shadow:3px 3px 3px #222;
	border-radius:12px;
	width:365px;	
	text-align:center;
	background-image:url('img/buttona.png'); 
	background-size: 100% 100%; 	
	text-shadow:3px 3px 13px #000;
	text-decoration:none;
}

.Filter:hover {
	background:#30af1b;
	border:1px solid #666;
	margin:10px;
	color:#fff;
	box-shadow:3px 3px 13px #FFF;
	background-image:url('img/buttonc.png'); 
	background-size: 100% 100%; 	
}

.rp {
	float:left;
	width:310px;
	height:280px; 
	border:1px solid #000;		
	border-radius:1px;
	background:#3c6fc5;
	background-image:url('img/thp.jpg'); 
	background-size: 100% 100%;
	font-size:14px; 
	padding:5px;
	color:#FFF;
	margin:8px;
	box-shadow:3px 3px 5px #000;
	text-shadow:2px 2px 3px #000;
	
}