@font-face { font-family: ThaiF;  src: url('../fonts/Superspace.ttf'); }

body {
	font-family : ThaiF;
	background-color: #000000;
	overflow-x: hidden;
}

.bgimg {
    background-image: url('../images/bg2.jpg');
}

.Socket .alert{
	font-size: 22px;
	font-weight: bold;
}
.Socket span{
	display: inline-block;
	font-weight: bold;
	padding: 10px 10px 10px 10px;	
}


.bg{
	left: 0;
	right: 0;
	z-index: -1;
	display: block;
/*	background-image: url(../img/bg.png);*/
	background-size: 100%;
	width: 100%;
	height: 100%;
}

.logoarea{
	text-align: right;
	width: 100%;
	height: 160px;
	margin-right: 20px;
}

.banerarea{
	width: 100%;
	height: 60px;
}


.menuarea{
	width: 100%;
	margin-left: 20px;
}

.howtobutton{
	background: rgb(191,210,85);
	background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
	background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
	padding: 1.2em;
	border-radius: 15px;
	position: absolute;
	display: inline-block;
	margin-left : 5px;
}

.howtobutton a{
	font-family : ThaiF;
	display: inline-block;
	color: #000000;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	font-size:1.4em;
	text-shadow: 1px 2px 3px #fff;
}

.howtobutton:hover{
	background: rgb(230,240,163);
	background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
	background: linear-gradient(to bottom,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 );
}

.footlogo{
	background: rgb(252,234,187);
	background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
	height: 5px;
	width: 100%;
}

ul.topnav {
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	margin: auto;
	display:inline-block;
}

ul.topnav li {float: left;}

ul.topnav li a {
	margin-top: 10px;
	font-family : ThaiF;
	display: inline-block;
	color: #FF0000;
	text-align: center;
	padding: 0.6em 1em;
	text-decoration: none;
	transition: 0.3s;
	font-size:1.2em;
	text-shadow: 1px 2px 3px #fff;
	border-right: 1px solid #FF0000;
	background: rgb(252,234,187);
	background: -moz-linear-gradient(top,  rgba(255, 0, 0, 0.3) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom,  rgba(255, 0, 0, 0.3) 0%,rgba(255, 0, 0, 0.3) 50%,rgba(255, 0, 0, 0.3) 51%,rgba(255, 0, 0, 0.3@font-face { font-family: ThaiF;  src: url('../fonts/Superspace.ttf'); }

body {
	font-family : ThaiF;
	background-color: #000000;
	overflow-x: hidden;
}

.bgimg {
    background-image: url('../images/bg2.jpg');
}

.Socket .alert{
	font-size: 22px;
	font-weight: bold;
}
.Socket span{
	display: inline-block;
	font-weight: bold;
	padding: 10px 10px 10px 10px;	
}


.bg{
	left: 0;
	right: 0;
	z-index: -1;
	display: block;
/*	background-image: url(../img/bg.png);*/
	background-size: 100%;
	width: 100%;
	height: 100%;
}

.logoarea{
	text-align: right;
	width: 100%;
	height: 160px;
	margin-right: 20px;
}

.banerarea{
	width: 100%;
	height: 60px;
}


.menuarea{
	width: 100%;
	margin-left: 20px;
}

.howtobutton{
	background: rgb(191,210,85);
	background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
	background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
	padding: 1.2em;
	border-radius: 15px;
	position: absolute;
	display: inline-block;
	margin-left : 5px;
}

.howtobutton a{
	font-family : ThaiF;
	display: inline-block;
	color: #000000;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	font-size:1.4em;
	text-shadow: 1px 2px 3px #fff;
}

.howtobutton:hover{
	background: rgb(230,240,163);
	background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
	background: linear-gradient(to bottom,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 );
}

.footlogo{
	background: rgb(252,234,187);
	background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
	height: 5px;
	width: 100%;
}

ul.topnav {
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	margin: auto;
	display:inline-block;
}

ul.topnav li {float: left;}

ul.topnav li a {
	margin-top: 10px;
	font-family : ThaiF;
	display: inline-block;
	color: #FF0000;
	text-align: center;
	padding: 0.6em 1em;
	text-decoration: none;
	transition: 0.3s;
	font-size:1.2em;
	text-shadow: 1px 2px 3px #fff;
	border-right: 1px solid #FF0000;
	background: rgb(252,234,187);
	background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FF0000',GradientType=0 );
}

ul.topnav li a:hover {    
	background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgb(255, 255, 255) 50%,rgb(255, 238, 193) 51%,rgba(251,223,147,1) 100%);
	color: #ED0000;
}

ul.topnav li.icon {display: none;}

.topnav-bordera {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;   
}

.topnav-borderb {
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;  
}

.profileCard{
	margin : 1.5em;
	height: auto;
	background-color: rgb(70, 69, 69);
	border: 3px solid  #ffe036;
	border-radius: 10px;
	text-align: center;	
}

.infoCard{
	margin : 1.5em;
	height: auto;
	padding: 1em;
	background-color: #FFFFFF;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	text-align: center;	
	font-size: 1.2em;
}

.VideoCard{
	margin : 1.5em;
	height: auto;
	padding: 0.2em;
	background-color: #FFFFFF;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	text-align: center;	
	font-size: 1.2em;
}

.mcard{
/*	margin : 1em;*/
	margin-bottom: 0.5em;
	height: auto;
	padding: 0.5em;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
}

.marqueeCard{
	margin : 1em;
	margin-bottom: 0.5em;
	height: auto;
	padding: 0.5em;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
}

.marqueeCard img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.sliderCard  {
	margin : 1em;
	height: auto;
	background-color: #000000;
	/*border: 3px solid  #ffe036;*/
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
}

.sliderCard img{
	width: 100%;
}
.statCard {
	/*width: 85%;*/
	margin : 1.5em;
	height: auto;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	max-height: 700px;

}

.statTable{
	width: 90%;
	margin: auto;
	overflow-y: scroll;
	height: 500px;
}

.statTable table:last-child {
	margin-bottom: 32px;
}

.SocketCard  {
	margin : 1em;
	height: auto;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
	text-align: center;
	padding: 1em;
}

.promotion  {
	margin : 1em;
	height: auto;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
	padding: 1em;
}

.SocketCard a{
	margin: 3px;
	width: 120px;
	text-align: center;
}

.Socket {
	width: auto;
	margin: auto;
}

.Pin{
	width: 2.1em;
	height: 2.1em;
	border-radius: 8px;
	background-color: #6b6767;
	margin: 2px;
	padding: 2px;
}

.Pin img{
	max-width: 90%;
	max-height: 90%;
}

.Pin:Hover{
	background-color: #B9B9B9;

}


.alert-df {
	color: #000000;
	background-color: #D6D5D5;
	border-color: #EAEAEA;
}

.colSocket{
	vertical-align: top;
	display: inline-block;
}

.promotion p{
	padding: 0.3em;
	color: #fff;
}

.promotion h3{
	margin: 0.5em;
	color: #ffdd8f;
	font-weight: bold;
}

@media screen and (max-width:1450px) {
	#back{display: block;margin: 5px auto}
	#new{display: block;margin: 5px auto}
}

@media screen and (max-width:1202px) {
	.Pin{width: 1.9em;height: 1.9em;}
}

@media screen and (max-width:1108px) {
	.Pin{width: 1.8em;height: 1.8em;}
}

@media screen and (max-width:1064px) {
	.Pin{width: 1.7em;height: 1.7em;}
	.alert img{width: 20%}
	.vertically img{width: 20%}
	.alert{padding: 8px;}
}

@media screen and (max-width:1018px) {
	.Pin{width: 1.6em;height: 1.6em;}
	.alert img{width: 20%}
	.vertically img{width: 20%}
	.alert{padding: 8px;}
	.btn-lg{padding: 5px;}
}

@media screen and (max-width:990px) {
.banerarea {display: none;}
.logoarea{text-align: center;}
.menuarea{margin-bottom: 5px;}
.Pin{width: 2em;height: 2em;}
}

@media screen and (max-width:680px) {

	input {
	width: 100% !important;
	}
	ul.topnav.responsive {
		position: relative;
		width: 100%;
	}
	ul.topnav li:not(:first-child) {
		display: none;
	}

	ul.topnav li.icon {
		float: right;
		display: inline-block;
	}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav {
		/*display: block;*/
		text-align: left;
		width: 97%;
		background: rgb(252,234,187);
		background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
		background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );

	}

	.logoarea.responsive {
		text-align: center;
		height: 100px;

	}

	ul.topnav li a{
		width: 100%;
		margin-top :0;
		border-right : 0px;
		text-align: center;
	}


	.howtobutton{
		display: none;
	}

	html, body {
		max-width: 100%;
		overflow-x: hidden;
	}

	.bg{
		background-size: 0;
		width: 110%; 
	}

	.logoarea{
		text-align: center;
		padding: 0;
		margin: 0;	
	}

	.header{
		/*width: 1000px;*/

	}

	.profileCard,.infoCard,.VideoCard{
		margin: 5px;
	}
	.logoarea img{
		width: 130px;
	}

.banerarea {display: none;}
.logoarea{text-align: center;}
.menuarea{margin-bottom: 5px;}

	.SocketCard{
		margin: 20px;
		padding: 10px 0 30px 0;
	}

	.Pin{
		width: 1.3em;
		height: 1.3em;
		margin: 1px;
		border-radius: 5px;
	}

	.menuarea {    
		margin-left:0px;
	}
	.topnav-bordera {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0; 

	}

	.topnav-borderb {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;   
	}

}

body::-webkit-scrollbar {
	width: 0.8em;
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}


div::-webkit-scrollbar {
	width: 0.8em;
}
div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
div::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FF0000',GradientType=0 );
}

ul.topnav li a:hover {    
	background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgb(255, 255, 255) 50%,rgb(255, 238, 193) 51%,rgba(251,223,147,1) 100%);
	color: #ED0000;
}

ul.topnav li.icon {display: none;}

.topnav-bordera {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;   
}

.topnav-borderb {
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;  
}

.profileCard{
	margin : 1.5em;
	height: auto;
	background-color: rgb(70, 69, 69);
	border: 3px solid  #ffe036;
	border-radius: 10px;
	text-align: center;	
}

.infoCard{
	margin : 1.5em;
	height: auto;
	padding: 1em;
	background-color: #FFFFFF;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	text-align: center;	
	font-size: 1.2em;
}

.VideoCard{
	margin : 1.5em;
	height: auto;
	padding: 0.2em;
	background-color: #FFFFFF;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	text-align: center;	
	font-size: 1.2em;
}

.mcard{
/*	margin : 1em;*/
	margin-bottom: 0.5em;
	height: auto;
	padding: 0.5em;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
}

.marqueeCard{
	margin : 1em;
	margin-bottom: 0.5em;
	height: auto;
	padding: 0.5em;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
}

.marqueeCard img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.sliderCard  {
	margin : 1em;
	height: auto;
	background-color: #000000;
	/*border: 3px solid  #ffe036;*/
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
}

.sliderCard img{
	width: 100%;
}
.statCard {
	/*width: 85%;*/
	margin : 1.5em;
	height: auto;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	max-height: 700px;

}

.statTable{
	width: 90%;
	margin: auto;
	overflow-y: scroll;
	height: 500px;
}

.statTable table:last-child {
	margin-bottom: 32px;
}

.SocketCard  {
	margin : 1em;
	height: auto;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
	text-align: center;
	padding: 1em;
}

.promotion  {
	margin : 1em;
	height: auto;
	background-color: #000000;
	border: 3px solid  #ffe036;
	border-radius: 10px;
	color: #E8E11B;
	font-size: 1.2em;
	padding: 1em;
}

.SocketCard a{
	margin: 3px;
	width: 120px;
	text-align: center;
}

.Socket {
	width: auto;
	margin: auto;
}

.Pin{
	width: 2.1em;
	height: 2.1em;
	border-radius: 8px;
	background-color: #6b6767;
	margin: 2px;
	padding: 2px;
}

.Pin img{
	max-width: 90%;
	max-height: 90%;
}

.Pin:Hover{
	background-color: #B9B9B9;

}


.alert-df {
	color: #000000;
	background-color: #D6D5D5;
	border-color: #EAEAEA;
}

.colSocket{
	vertical-align: top;
	display: inline-block;
}

.promotion p{
	padding: 0.3em;
	color: #fff;
}

.promotion h3{
	margin: 0.5em;
	color: #ffdd8f;
	font-weight: bold;
}

@media screen and (max-width:1450px) {
	#back{display: block;margin: 5px auto}
	#new{display: block;margin: 5px auto}
}

@media screen and (max-width:1202px) {
	.Pin{width: 1.9em;height: 1.9em;}
}

@media screen and (max-width:1108px) {
	.Pin{width: 1.8em;height: 1.8em;}
}

@media screen and (max-width:1064px) {
	.Pin{width: 1.7em;height: 1.7em;}
	.alert img{width: 20%}
	.vertically img{width: 20%}
	.alert{padding: 8px;}
}

@media screen and (max-width:1018px) {
	.Pin{width: 1.6em;height: 1.6em;}
	.alert img{width: 20%}
	.vertically img{width: 20%}
	.alert{padding: 8px;}
	.btn-lg{padding: 5px;}
}

@media screen and (max-width:990px) {
.banerarea {display: none;}
.logoarea{text-align: center;}
.menuarea{margin-bottom: 5px;}
.Pin{width: 2em;height: 2em;}
}

@media screen and (max-width:680px) {

	input {
	width: 100% !important;
	}
	ul.topnav.responsive {
		position: relative;
		width: 100%;
	}
	ul.topnav li:not(:first-child) {
		display: none;
	}

	ul.topnav li.icon {
		float: right;
		display: inline-block;
	}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav {
		/*display: block;*/
		text-align: left;
		width: 97%;
		background: rgb(252,234,187);
		background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
		background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );

	}

	.logoarea.responsive {
		text-align: center;
		height: 100px;

	}

	ul.topnav li a{
		width: 100%;
		margin-top :0;
		border-right : 0px;
		text-align: center;
	}


	.howtobutton{
		display: none;
	}

	html, body {
		max-width: 100%;
		overflow-x: hidden;
	}

	.bg{
		background-size: 0;
		width: 110%; 
	}

	.logoarea{
		text-align: center;
		padding: 0;
		margin: 0;	
	}

	.header{
		/*width: 1000px;*/

	}

	.profileCard,.infoCard,.VideoCard{
		margin: 5px;
	}
	.logoarea img{
		width: 130px;
	}

.banerarea {display: none;}
.logoarea{text-align: center;}
.menuarea{margin-bottom: 5px;}

	.SocketCard{
		margin: 20px;
		padding: 10px 0 30px 0;
	}

	.Pin{
		width: 1.3em;
		height: 1.3em;
		margin: 1px;
		border-radius: 5px;
	}

	.menuarea {    
		margin-left:0px;
	}
	.topnav-bordera {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0; 

	}

	.topnav-borderb {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;   
	}

}

body::-webkit-scrollbar {
	width: 0.8em;
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}


div::-webkit-scrollbar {
	width: 0.8em;
}
div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
div::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}