@CHARSET "UTF-8";

body.splash #header,
body.splash #sidebutton,
body.splash #footer {
	display:none;
}

body.splash #wrapper,
body.splash #page {
	background:transparent!important;
	height:100%;
	position:static;
}
body.splash {
	background:#000;
}

body.splash #splash {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height:66.55574043261231vw;
	max-height:1200px;
}
body.splash a#tv,
body.splash a#spec {
	display:block;
	width:33.27787021630616%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0;
}
body.splash a#tv {
	background:#000 url('../images/splash/tv-l.jpg') 0 0 no-repeat;
	background-size:100% auto;
	right:0;
}
body.splash a#spec {
	background:#000 url('../images/splash/spec-l.jpg') 0 0 no-repeat;
	background-size:100% auto;
	left:0;
}
body.splash #center {
	width:33.44425956738768%;
	background:#000 url('../images/splash/center-l.jpg') 0 0 no-repeat;
	background-size:100% auto;
	height:100%;
	margin:0 auto;
}
body.splash #center img {
	display:none;
}

@media only screen and (min-width: 769px) {
	body.splash a#tv:hover {
		background-image:url('../images/splash/tv-on-l.jpg');
	}
	body.splash a#spec:hover {
		background-image:url('../images/splash/spec-on-l.jpg');
	}
}

@media only screen and (max-width: 768px) {
	body.splash a#tv,
	body.splash a#spec {
		width:50%;
		height:52.9296875%;
		min-height:70vw;
		top:initial;
		float:left;
		position:static;
	}
	body.splash #center {
		width:100%;
		height:auto;
		margin:0;
	}
	body.splash #center img {
		display:block;
		width:100%;
		height:auto;
	}
}
