@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
body {
	font-family: 'Roboto', sans-serif;
	padding: 0;
	margin: 0;
}
* {
	box-sizing: border-box;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.program-summary {
	width: 100%;
	display: inline-block;
	float: left;
}
	.program-summary .game-item-main {
	    padding: 10px 5px;
	    display: inline-block;
	    width: 100%;
	}
	.page-program-summary {
		width: 100%;
		display: inline-block;
		float: right;
		background: white;
	}
	.page-program-summary h2 {
		display: inline-block;
    	width: 100%;
    	margin-bottom: 20px;
    	border-bottom: 1px solid #000000;
    	margin-top: 40px;
    	padding-bottom: 10px;
    	color: #000000;
	}
	.program-summary aside {
		float: left;
		width: 23.5%;
		display: inline-block;
		background: white;
		padding: 20px 40px;
		margin-bottom: 20px;
	}
	.program-summary aside a {
		width: 100%;
		display: inline-block;
	}
	.program-summary aside .program-summary img {
		display: table;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.game-item-main > div {
		float: left;
		color: #000000;
		font-weight: bold;
	}
	.program-link-team 			{ text-decoration: underline; color: #0264ad; }
	.page-program-time			{ width: 8%; }
	.page-program-timeset 		{ font-size: 12px; }

	.page-program-home 			{ width: 28%; }
	.page-program-away 			{ width: 28%; }
	.page-program-ref 			{ width: 21%; }
	.page-program-field			{ width: 10%; text-align: center;}
	.page-program-info			{ width: 5%; }
	
	.game-item-detail {
		display: none;
		width: 100%;
	}
	.game-detail {
		width: 57%;
	    display: inline-block;
	    margin: 20px 8%;
	    border-top: 1px solid rgba(0, 0, 0, 0.2);
	    font-size: 12px;
	    line-height: 26px;
	}
	.game-detail li {
		width: 50%;
		/*display: inline-block;*/
		float: left;
	}

	.more-icon-i { 
	    width: 15px;
	    height: 15px;
	    display: block;
	    border-radius: 50%;
	    text-align: center;
	    color: #ffffff;
	    font-size: 10px;
	    padding: 0;
	    padding-top: 2px;
	    cursor: pointer;
	    margin: 0 auto;
	    background: #000000;
	 }
	 .page-program-info .icon span {
		margin-top: 1px;
	    display: inline-block;
	    font-size: 10px;
	    float: left;
	    width: 100%
	 }

	 .referee-tab {
	 	display: none;
	 }


.page-result-time 			{ width: 8%; }
.page-result-date 			{ margin-right: 10px; }
.page-result-timeset 		{ font-size: 12px; }
.result-program-field 		{ display: none; }
.page-result-home 			{ width: 40%; }
.page-result-away 			{ width: 40%; }

.game-item {
	display: inline-block;
	float: left;
	width: 100%;
	/*border-bottom: 1px solid #cce0ef;*/
	color: #616161;
	font-size: 14px;
	padding: 10px 5px;
	margin: 0;
}
.game-item:nth-child(odd) {
	background: #f3f3f3;
}	
.game-item:last-child {
	border-bottom: 0;
}
.game-item > div {
	float: left;
}

.main-program-time 				{ font-size: 10px; }
.main-program-day 				{ width: 7.5%;}
.main-program-today 			{ width: 15%;}
.main-program-date 				{ width: 10%;	}
.main-program-time 				{ width: 10%; }
.main-program-home-team 		{ width: 35%; }
.main-program-away-team 		{ width: 35%; }
.main-program-result-home 		{ width: 8%; }
.main-program-result-away		{ width: 10%;}

.main-result-today 				{ width: 15%;}
.main-result-date 				{ width: 10%;	}
.main-result-time 				{ width: 10%; }
.main-result-home-team 			{ width: 38%; }
.main-result-away-team 			{ width: 38%; }
.main-result-result-home 		{ width: 8%; }
.main-result-result-away		{ width: 10%;}

.red {
	color: red;
}

@media screen and (max-width: 640px) {
	.referee-tab {
		display: inline-block;
	}


	.game-detail {
	    width: 100%;
	    margin: 20px 0 0 1%;
	    padding: 20px 0 0 20px;
	    font-size: 12px;
	}
	.page-program-summary {
		width: 100%;
	}
	.program-summary aside {
		width: 100%;
	}

	.program-time {
		width: 15%;
	}
	.program-home {
		width: 37.5%;
	}
	.program-away {
		width: 37.5%;
	}
	.page-program-date 		{ width: 100%; display: inline-block; font-weight: bold; padding-top: 9px; line-height: 0px; margin-right: 0; float: left;}
	.page-program-time 		{ width: 15%; }
	.page-program-ref 		{ display: none;} 
	.page-program-home 		{ width: 40%; }
	.page-program-field 	{ display: none; }
	.page-program-away 		{ width: 40%; }
	.page-program-summary {
		width: 100%;
	}
	.game-item {
		font-size: 11px;
	}
	

}
@media screen and (min-width: 641px) and (max-width: 641px) {





}