html {	height: 100%;
}

body {	//border: solid 4px #f00;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-shadow: #000 0px 0px 4px, #000 0px 0px 2px, #000 0px 0px 1px;
	text-align: center;
	color: #fff;
	min-width: 600px;
	background: url( '_common/bg.jpg' ) #000;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.list {	cursor: pointer;
}

.title {	font-size: 18pt;
}

.red {	color: #d00;
	text-shadow: #fff 0px 0px 4px, #fff 0px 0px 2px, #fff 0px 0px 1px;

}

.blue {	color: #93ceee;
}

a {	color: #fff;
	//font-size: 16pt;
	text-decoration: none;
}

a:hover, .red:hover, .list:hover  {	color: #93ceee;
}

th a {	padding: 0 20px;
}

.bgvideo {	padding: 0;
	position: fixed;
	z-index: -5;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.strip {	//border: solid 1px #f00;
	width: 960px;
	margin: 0 auto;
}

.foto {	background: rgba(0,0,0, 0.5);
	top: 0px;
	position: fixed;
	z-index: 5;
	height: 100%;
	display: none;
}

.fotodiv {	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
	height: 100%;
	margin: 0 auto;
}

.lr {	font-size: 32pt;
	text-shadow: #000000 0px 0px 16px;
	cursor: pointer;
}

.lr:hover {	color: #93ceee;
	text-shadow: #000000 0px 0px 24px;
}

.bot {	position: fixed;
	bottom: 0;
	padding: 40px 0px;
	z-index: 5;
}

.pic {	position: fixed;
	z-index: 5;
	height: 600px;
	display: none;
	top: 0;
	text-align: center;
	vertical-align: middle;
}

.pic div {	width: 100%;
	height: 100%;
}

.top {	vertical-align: top;
}

td, th {	//border: solid 1px #fff;
	padding: 10px 0px;
}

.left {	text-align: left;
}

.right {	text-align: right;
}

.block {	//border: solid 1px #fff;
	display: inline-block;
	width: 320px;
	vertical-align: top;
	margin: 10px 0px;
}

.block img {	width: 300px;
}