@charset "utf-8";
.wrapper{
	width:95%;
}
.epg_cats{
	background-color: #666;
	width:100%;
	min-height:3em;
	float:left;
}
.epg_cats .cat{
	color:#ccc;
	background-color: #666;
	padding:0.4em;
	margin:0.6em;
	float:left;
	border: 1px solid #666;
}
.epg_cats .cat_selected{
	color:#ccc;
	background-color: #444;
	padding:0.4em;
	margin:0.6em;
	float:left;
	border: 1px solid #FF9900;
}
.rowat_gray{
	background-color: #f0f0f0;
	
	
	line-height:0.5em;
	height:8em;
	margin-top:0.5em;
	
}
.rowat{
	background-color: #fff;
	
	
	line-height:0.5em;
	height:8em;
	margin-top:0.5em;
	
}
.thehint{
	font-size:0.2em;
	margin-top:0.5em;
	color:#555;
}
.thehint .num{
	color:#555;
}
.clear{
	clear:both;
}
.row{
	background-color: #fff;
}
.col1{
	background-color: #fff;
}
.more{
	background-color:#999;
	text-align: center;
	border-radius:5px;
}
.timeNow{
	color:#f75000;
	margin-right:1em;
}
.col2a{
	width:20%;
	
	font-size:1em;
	line-height:1em;
	padding:0em;
	margin:0em;
	background-color:#777;
	color:#eee;
	height:8em;
	margin-right:0.5em;
}
.channel_icon{
	
	padding:0.5em;
	
	width:45%;
	float:left;
}
.channel_icon img{
	width:100%;
	height:100%;
}
.channel_info{
	width:50%;
	
	
	padding-top:0.2em;
	float:right;
}
.channel_info .num{
	font-size:1.5em;
	line-height:1.5em;
}
.channel_info .icon{
	display: block;
	width: auto;
	height: auto;
	padding-top: 1em;
}
.col3a{
	padding-top:0.5em;
	width:27%;
	line-height:1.5em;
	float:left;
}
.col4a{
	padding-top:0.5em;
	width:23%;
	line-height:1.5em;
	float:left;
}
.col5a{
	padding-top:0.5em;
	width:23%;
	line-height:1.5em;
	float:left;
}
.col6a{
	padding-top:0.5em;
	
}
.stone{
	height:3em;
}
.neworder{
	margin-top:0.5em;
	margin-left:0.5em;
	font-size:0.7em;
	
	margin-bottom:1em;
}
.neworder .item{
	float:left;
	padding:0.5em;
}
.neworder .item a{
	color:#0000ff;
}
.neworder .item_selected{
	float:left;
	background-color:#ccc;
	padding:0.5em;
}
@charset "utf-8";
@media screen and (max-width: 813px){
	.channel_info{
		width:90%;
	}
	.epg_cats .cat{	
		padding:0.2em;
		margin:0.2em;
	}
	.epg_cats .cat_selected{	
		padding:0.2em;
		margin:0.2em;
	}
	.wrapper{
		width:100%;
	}
	.epg_cats{
		min-height:1.5em;
	}
	.stone{
		height:4em;
	}
	.channel_icon{
		display:none;
	}
	.channel_info{
		margin-left:0.5em;
		margin-right:0.5em;
		margin-bottom:0.5em;
	}
	.rowat{
		height:8em;
	}
	.rowat_gray{
		height:8em;
	}
	.col2a{
		width:30%;
		display:block;
		height:8em;
	}
	.col3a{
		width:33%;
		display:block;
		font-size:0.8em;
	}
	.col4a{
		width:28%;
		font-size:0.8em;
		display:block;
	}
	.col5a{
		display:none;
	}
	.more{
		float:right;
	}
}