@import url('reset.css');
*{box-sizing: border-box;}

 @font-face {
 					font-family: 'pixChicago';
 					src: url('../fonts/PixChicago.eot');
	}
 
 @font-face {
 					font-family: 'pixChicago';
 					src: url('../fonts/PixChicago.woff') format('woff'),
 					url('../fonts/PixChicago.svg#pixChicago') format('svg');
	}

@font-face {
					font-family: 'Panoptica-Pixel';
					src: url('../fonts/Panoptica-Pixel.eot');
 }

@font-face {
					font-family: 'Panoptica-Pixel';
					src: url('../fonts/Panoptica-Pixel.woff') format('woff'),
					url('../fonts/Panoptica-Pixel.svg#Panoptica-Pixel') format('svg');
 }
 
a {
	text-decoration: none;
}
a:hover {
	color: #ff404b;
}


h1 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 120px;
	color: #1A1A49;
	font-weight: 400;
	line-height: .7;
}

h2 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 30px;
	color: #1A1A49;
	/* font-weight: 400; */
}

h3 {
	font-family: 'Panoptica-Pixel', menlo, Monaco, monospace;
	font-size: 16px;
	color: #1A1A49;
	}

h4 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 24px;
	color: #1A1A49;
	padding-bottom: 10px;
	text-decoration: underline;

}

strong {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 24px;
	color: #1A1A49;
}


strong {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 24px;
	color: #1A1A49;
}

h5 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 18px;
	color: #1A1A49;
}


p {
	font-family: 'Panoptica-Pixel', menlo, Monaco, monospace;
	font-size: 22px;
	color: #1A1A49;
	padding-bottom: 10px;
}


body {
	background-color: #ED3393;
}
	
#container{
	width: 604px;
	height: 862px;	
	margin: 85px auto;
	padding: -10px;	
}
	
.title_box{
	width: 604px;
	height: 147px;
	background-color: #fff;
	margin-bottom: 16px;
	padding: 15px;
}
	
.left_column{
	float:left;
}
	
.act_1_box{
	width: 253px;
	height: 69px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	margin-right: 15px;
	

}
		
.act_2_box{
	width: 182px;
	height: 715px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: left;
	margin-right: 15px;
	padding: 5px;
	overflow-y: scroll;
	overflow-x: none;
	-webkit-overflow-scrolling: touch;
}

.empty_box_1{
	width: 253px;
	height: 69px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;	
}

.empty_box_3{
	width: 253px;
	height: 69px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;	
}

.act_3_box{
	width: 253px;
	height: 460px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
}

.empty_box_2{
	width: 139px;
	height: 69px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: left;
	
	cursor: pointer;
}

.empty_box_2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%);	
}


.empty_box_4{
	width: 139px;
	height: 307px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: left;
}

.empty_box_5{
	width: 139px;
	height: 307px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: left;
}