html{height:100%}
body{margin:0; height:100%; font-family: Arial Black, Arial Bold;}

.after:after {display:block; clear:both; line-height:0; font-size:0; content:'';}

.wrap {}

.w970 {max-width:970px; margin:0 auto;}
.wrap #title {text-align:center; padding:20px; cursor:pointer; }
.wrap #title img.logo {width:40%}
.wrap .channel_url {text-align: center; margin-bottom:10px; font-size:20px;}
.wrap .channel {margin-bottom:0; padding:20px; background-color: #424242;}
.wrap .channel iframe {display: none;}
.wrap .channel.on {display:block;}

.listWrap { }
.listWrap .room {cursor:pointer; padding:30px;  border: 1px solid #BDBDBD; border-radius:4px; margin-bottom:10px;}
.listWrap .room:hover {background-color: #eee;}
.listWrap .room .title {float:left;font-size:30px;}
.listWrap .room .count {float:right;font-size:30px;}

.room_id {
	padding:6px;
	border:0;
	border-bottom:1px solid #808080;
	font-weight: bold;
}

.btn {
	border: none;
	display: inline-block;
	outline: 0;
	padding:6px 13px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration:none !important;
	text-align:center;
	cursor:pointer;
	white-space: nowrap;

	color: white;
	background-color: #FF5722;
}

.refresh {cursor:pointer;}

input {-webkit-appearance: none; border-radius: 0}