body{
	margin:0;
	background:#000;
	color:#FFF;
}
.header{
	height:66px;
	font-weight:bold;
	font-size:18px;
	background: url(headerbg.png);
}
.header a{
	float:right;
	height:66px;
	margin-left:20px;
	text-decoration:none;
	background: url(headerbg.png);
}
.header a:link, .header a:visited, .header a:active {
	color:#666;
}
.header a:hover{
	color:#000;
	background: url(headerbgh.png);
}
.container{
	padding-top:20px;
	background:url(background.jpg);
	background-repeat:repeat-y;
	background-size:100% auto;
}
.container a:link, .container a:visited, .container a:active {
	color:#AAA;
}
.container a:hover{
	color:#FFF;
}
table{
	border-collapse:collapse;
}
.container table{
	border:solid;
	border-color:#333;
}

.container table{
	margin:auto;
	border:solid;
	border-color:#333;
	border-width:20px;
}



.timetable{
	background:url(bg.png);
}

.timetable td, .timetable th{
	padding:0px;
	border:solid;
	border-color:#333;
}
.timetable td{
	text-align:center;
	width:150px;
	height:150px;
}
.timetable td.link{
	position:relative;
	background-size:auto;
	transition: transform .2s;
	-o-transition: -o-transform .2s;
	-ms-transition: -ms-transform .2s;
	-moz-transition: -moz-transform .2s;
	-webkit-transition: -webkit-transform .2s;
	-webkit-backface-visibility: hidden;
}
.timetable td.link:hover{
	cursor:pointer;
	transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	z-index:1;
}
.timetable img{
	height:150px;
	width:150px;
}



.apply thead th{
	font-size:24px;
}
.apply td, .apply th{
	padding:20px;
}
.apply tbody td, .apply tbody th{
	font-size:20px;
}
.apply tbody tr:hover{
	background-color:#555;
}





.result thead th{
	font-size:24px;
}
.result td, .result th{
	padding:20px;
}
.result tbody td, .result tbody th{
	font-size:20px;
	width:150px;
}
.result tbody tr:hover{
	background-color:#555;
}





.rule thead th{
	font-size:24px;
}
.rule td, .rule th{
	padding:20px;
}
.rule tbody td, .rule tbody th{
	font-size:20px;
	line-height: 35px;
}




.event{
	width:70%;
}

.event thead th{
	font-size:24px;
}
.event td, .event th{
	padding:20px;
}
.event tbody td, .event tbody th{
	font-size:20px;
	line-height: 35px;
}





.mark{
	position:fixed;
	top:100px;
	right:0px;
	font-size:22px;
	z-index:1;
	background-color:#333;
	transition: background-color .2s;
	-o-transition: background-color .2s;
	-ms-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-webkit-transition: background-color .2s;
}
.mark th, .mark td{
	padding:10px;
}
.mark tbody tr:hover{
	background-color:#999;
}
.footer{
	position:relative;
	bottom:0px;
	background-color:#222;
	margin-top:20px;
	padding:5px;
	text-align:center;
}