@import url('https://fonts.googleapis.com/css?family=Sarabun');
*{margin:0; overflow:hidden; font-family:"Sarabun" !important;}


body{background-color:#000; background-image:url(temp.png);}


#topRight{width:350px; margin:0; top:0; right:0; position: absolute; box-shadow:rgba(164,225,249,1) 5 5 5; display:inline-block; float:right;}
#timendate{width:100%; padding-top:0px; text-align:center; font-family:"Open Sans"; font-size: 55px; font-weight:400; color:rgb(158,158,158); z-index:100;}
#time{margin:0; padding:0; width:100%; height:0px; overflow:visible; font-size:70px; color:rgb(76,175,80); font-weight:100;}
#day{margin:0; padding:0; width:100%; height:0px; overflow:visible;}
#month{margin:0; padding:0; width:50%; height:0px; overflow:visible; display:inline;}
#date{margin:0; padding:0; width:50%; height:0px; overflow:visible; display:inline; color:#FF3300;}
#left{margin:0; padding: 0; width: 350px; height: 100vh; overflow:visible; overflow-wrap:break-word; display: inline-block; top:0; font-size:12px !important;}

#links{
margin-left:4px;
padding:0;
width:342px;
margin-top:10px;
height:auto;
min-height:245px;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
background-color:#2a2a2a;
border-top: solid 3px;
border-color:#2461b2;
text-align:left;
color:#aaa;
}

#links a
{
	margin-left:3px;
	padding:1px;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-color:#2461b2;
}
#links a:hover{background-color:#1b4a88;}

.TitleBar{background-color:#333; font-weight:bold; height:25px; font-size:16px; padding-top:5px; padding-left:10px; color:aaa; text-align:left; border:solid 1px; border-color:rgba(0,0,0,0.3); margin-bottom:2px;}