@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: 18px;
	color: #1A1A49;
	padding-bottom: 10px;
	text-decoration: underline;
}

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

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

body {
	background-color: #00f252;
	}
	
#container{
	width: 604px;
	height: 862px;	
	margin: 85px auto;
	padding: -10px;	
		}
	
.title_box{
	width: 604px;
	height: 147px;
	background-color: #fff;
	margin-bottom: 16px;
	padding: 15px;
	}
	
.act_1_box{
	width: 296px;
	height: 69px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: left;	
	margin-right: 15px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 20px;	
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	}
		
.act_2_box{
	width: 139px;
	height: 69px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: left;
	margin-right: 15px;
}

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

.act_3_box{
	width: 604px;
	height: 445px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: left;
}

.empty_box_2{
	width: 300px;
	height: 68px;
	background-color: #fff;
	margin-bottom: 16px;
	margin-right: 16px;
	position: relative;
	float: left;
}


.empty_box_3{
	width: 300px;
	height: 68px;
	background-color: #fff;
	margin-bottom: 16px;
	margin-right: 16px;
	position: relative;
	float: left;
	margin-right: 15px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 20px;	
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.act_4_box{
	width: 288px;
	height: 152px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: right;
}