/* -- General Formatting */

body {
	background-color: #FAFAFB;
}

.container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.tbl,
.tbl-row,
.tbl-cell {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}



/* -- Graphic Formatting */

.graphic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	box-shadow: 0 0 50px rgba(0,0,0,.25);
}

.graphic img {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
}

.graphic .block {
	position: absolute;
	z-index: 20;
}

.graphic .catch {
	z-index: 15;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.graphic .arts_entertainment {
	top: 0;
	left: 0;
	width: 37.5%;
	height: 50%;
}

.graphic .music {
	bottom: 0;
	left: 0;
	width: 41.5%;
	height: 42%;
}

.graphic .sports {
	top: 0;
	right: 0;
	width: 37.5%;
	height: 50%;
}

.graphic .news {
	bottom: 0;
	right: 0;
	width: 39%;
	height: 42%;
}

.graphic .block .contain {
	position: relative;
	width: 100%;
	height: 100%;
}

.graphic .block .contain a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
}