html{height:100%; background-color:#000000;}
body{padding:0px;margin:0px;min-height:100%;min-width:900px;background: linear-gradient(0deg, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.8)), url('/images/tc_bg0.jpg') no-repeat center top;}
a:link {color: #AAAAAA;text-decoration: underline;}
a:visited {text-decoration: underline;color: #AAAAAA;}
a:hover {text-decoration: underline;	color: #FFFFFF;}
a:active {text-decoration: underline;color: #AAAAAA;}
.hdr {
margin: 0 auto;
width: 900px;
height: 200px;
background: url("/images/tc_hdr01.png") no-repeat;
}

img {
border: 0px;
}

.center {
  margin: 0 auto;
  width: 900px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.content-bg {
  margin: auto;
  width: 800px;
  border-radius: 25px;
  border: 5px solid green;
  padding: 50px;
  padding-bottom: 50px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.notice-err {
  margin-left: 20px; 
  top:10px;
  position: relative;  
  color:#f5f5f5;
  font-family: Quicksand, sans-serif;
  background-color: #b36b00;
  width: 500px;
  text-align: center;
}


.content {
  position: relative;  
  top: 50px;
  color:#f5f5f5;
  font-family: Quicksand, sans-serif;
}

.home {
height: 15px;
background: url("/images/HOME_1.png") no-repeat;
background-size: 56px 15px;
position: relative; 
margin-left: 60px; 
top:-155px;
}

.home:hover{
background: url("/images/HOME_2.png") no-repeat;
background-size: 56px 15px;
}

.news {
height: 15px;
background: url("/images/NEWS_1.png") no-repeat;
background-size: 58px 15px;
position: relative; 
margin-left: 225px; 
top:-170px;
}

.news:hover{
background: url("/images/NEWS_2.png") no-repeat;
background-size: 58px 15px;
}

.download {
width:100%;
position: absolute;
left:50%; 
margin-left:-61px;
height: 70px;
background: url("/images/DOWNLOAD_1.png") no-repeat;
background-size: 123px 70px;
top:75px;
}

.download:hover{
background: url("/images/DOWNLOAD_2.png") no-repeat;
background-size: 123px 70px;
}

.abouts {
height: 15px;
background: url("/images/ABOUT_1.png") no-repeat;
background-size: 70px 15px;
position: relative; 
margin-left: 610px; 
top:-255px;
}

.abouts:hover{
background: url("/images/ABOUT_2.png") no-repeat;
background-size: 70px 15px;
}

.help {
height: 15px;
background: url("/images/HELP_1.png") no-repeat;
background-size: 50px 15px;
position: relative; 
margin-left: 800px; 
top:-270px;
}

.help:hover{
background: url("/images/HELP_2.png") no-repeat;
background-size: 50px 15px;
}

		.info, .success, .warning, .error, .validation {
			border: 1px solid;
			margin: 10px 0px;
			padding: 15px 10px 15px 50px;
			background-repeat: no-repeat;
			background-position: 10px center;
		}
		.info {
			color: #00529B;
			background-color: #BDE5F8;
			background-image: url('https://i.imgur.com/ilgqWuX.png');
		}
		.success {
			color: #4F8A10;
			background-color: #DFF2BF;
			background-image: url('https://i.imgur.com/Q9BGTuy.png');
		}
		.warning {
			color: #9F6000;
			background-color: #FEEFB3;
			background-image: url('https://i.imgur.com/Z8q7ww7.png');
		}
		.error{
			color: #D8000C;
			background-color: #FFBABA;
			background-image: url('https://i.imgur.com/GnyDvKN.png');
		}
		.validation{
			color: #D63301;
			background-color: #FFCCBA;
			background-image: url('https://i.imgur.com/GnyDvKN.png');
		}