html {
  color: #222;
  font-size: 1.2vw;
  line-height: 1.4;
  font-family: Verdana, Geneva,'DejaVu Sans',sans-serif; 
}

body {
  background: #000000;  
  color: #fff;  

}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

a:link { 
  text-decoration :underline ; 
  color : #fff;
} 

a:hover { 
  color : #FFD700; 
    text-decoration : underline; 
} 

a:visited { 
  color : #FFD700; 
  text-decoration : none; 
} 

a:active { 
  color : #ffffff; 
} 

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #aaa;
    margin:  0;
    padding: 0;
}



audio,canvas,iframe,img,svg,video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}



.datep {font-size: .7vw}
.datep2 {font-size: .7vw}

.main_title {
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
    color : #55aaff;
}

.main_title a:link { 
  text-decoration :underline ; 
  color : #55aaff;
  	text-align: center;
} 

.main_title a:hover { 
  	color : #55aaff; 
  	text-decoration : underline; 
    	text-align: center;
} 

.main_title a:visited { 
  color : #55aaff; 
  text-decoration : none; 
  	text-align: center;
} 

.main_title a:active { 
  color : #55aaff; 
  text-decoration : none; 
  	text-align: center;
} 

.main_title_body {
	font-size: .8vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
    color : #FFD700;
    margin-bottom: .2em;
    }


.clear_2 {
  clear:both;
}

.clear_left {
  clear:left;
}

.clear_right {
  clear:right;
}

.title1 {
  text-align: left;
  font-size: 2.2vw;
  	font-weight: bold;
	line-height: 1.4;
    color : #FFD700;
}


.color_yellow {
	color : #FFD700; 
}



















































table { 
  width: 100%; 
  border-collapse: collapse; 
}

tr:nth-of-type(odd) { 
  background: #005; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  
}





@media all and (max-width: 768px) and (min-width: 1px) {
body {margin: 1% 1em 1% 1em;}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Title"; }
	td:nth-of-type(2):before { content: "Description"; }
	td:nth-of-type(3):before { content: "Link 1"; }
	td:nth-of-type(4):before { content: "Link 2"; }
	td:nth-of-type(5):before { content: "File"; }
}


@media all and (max-width: 1025px) and (min-width: 769px) {
body {margin: 1% 2em 1% 2em;}

}

@media all and (max-width: 1440px) and (min-width: 1026px) {
body {margin: 1% 5% 3% 5%;}

}

@media all and (max-width: 1920px) and (min-width: 1441px) {
body {margin: 1% 15% 3% 15%;}

}

@media all and (max-width: 2560px) and (min-width: 1921px) {
body {margin: 1% 25% 5% 25%;}

}

@media all and  (min-width: 2561px) {
body {margin: 1% 25% 5% 25%;}

}