@charset "utf-8";

.livegroup, .recommendgroup {
	display: block;
	width: 100%;
	heigh: auto;
	background-color: #f3f3f3;
	padding: 8px 10px 8px 10px;
	margin: 0 0 8px 0;
}

.group_title {
	background-image: url(../../images/mobile/all_live_icon.png);
	background-repeat: no-repeat;
	margin: 0 0 5px 8px;
}

.group_title a {
	text-decoration: none;
	line-height: 20px;
	font-size: 12pt;
	font-weight: bold;
	color: #929292;
	margin-left: 25px;
}

.livechannel, .newschannel {
	margin: 0px 5px 0px 5px;
}

.channel_cover {
	position: relative;
	width: 100%;
	height: auto;
}

.channel_title, .recommend_movie_title {
	display: block;
	background-color: #fff;
	height: 36px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 8px;
}

.channel_title a, .recommend_movie_title a {
	text-decoration: none;
	line-height: 36px;
	font-size: 10pt;
	font-weight: bold;
	color: #929292;
	margin-left: 10px;
}

.channel_icon_viewer {
	background-image: url(../../images/mobile/index_viewnumber_icon.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	margin: 2px 0px 2px -5px;
}

.channel_info {
	background: rgba(225, 141, 3, 0.9);
	height: 34px;
	width: auto;
	position: absolute;
	z-index: 85;
	padding: 0 20px 0 15px;
}

.channel_info a {
	text-decoration: none;
	line-height: 38px;
	font-size: 10pt;
	color: #fff;
}

.channel_mask {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	/*background: rgba(0,0,0,0.2);*/
}

.channel_btn_play {
	background-image: url(../../images/mobile/index_play_btn_n.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 52px;
	height: 52px;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -26px;
	z-index: 85;
}

.channel_btn_share {
	background-image: url(../../images/mobile/live_share_icon.png);
	float: right;
	width: 30px;
	height: 30px;
	margin: 5px;
}

.channel_btn_subscribe {
	background-image: url(../../images/mobile/live_subscribe_icon.png);
	float: right;
	width: 30px;
	height: 30px;
	margin: 5px;
}

/*控制項*/
.group_option {
	height: 29px;
	width: 120px;
	position: relative;
	left: 50%;
	margin: 5px 0 0 -50px;
}

.group_option li {
	float: left;
	list-style: none;
}

.group_option a {
	text-decoration: none;
	line-height: 25px;
	font-size: 12pt;
	color: #e5722a;
}

.group_option_icon_more {
	background-image: url(../../images/mobile/index_more_btn.png);
	float: left;
	width: 25px;
	height: 25px;
	margin: 2px
}

.group_option_icon_change {
	background-image: url(../../images/mobile/index_change_btn.png);
	float: left;
	width: 25px;
	height: 25px;
	margin: 2px
}

.group_option_decoreline {
	display: block;
	background-color: #F60;
	width: 2px;
	height: 30px;
}

/*推薦*/
.recommend_movie {
	margin: 0px 5px 0px 5px;
}

.recommend_movie_cover {
	position: relative;
	overflow: hidden;
	height: auto;
}

/*置底Banner*/
.Banner_bottom {
	overflow: hidden;
	margin: 0 15px 8px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.livechannel_warp01_more, .livechannel_warp02_more {
	display: none;
}

.group_option_icon_display {
	width: 25px;
	height: 25px;
	position: relative;
	margin: 5px auto 5px auto;
}

/*20181114 Twitch*/
.channel_nav.twitch{
	z-index: 99;
}

.channel_nav.twitch .back_btn{
	padding: 10px 0 0 35px;
}

.channel_nav.twitch .title img{
	width: 73px;
}

.twitch.livegroup{
	padding-top: 14px;
}

.twitch .group_title{
	background-image: none;
	margin-left: 0;
	margin-bottom: 6px;
}

.twitch .group_title .icon_vLine{
	margin: 0;
}

.twitch .group_title a{
	margin-left: 8px;
}

.twitch .group_title a img{
	width: 55px;
}

.livechannel_warp02_all{
	padding: 10px;
}

.livegroup .col-xs-6{
	padding: 0;
}

.twitch-user-block{
	margin-bottom: 10px;
}

.twitch .channel_btn_play{
	z-index: 65;
}

.twitch-user-block .col-xs-6{
	padding-top: 0;
	padding-bottom: 0;
}

.twitch .live-tag{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background-color: rgba(225, 141, 4, 0.9);
	color: #fff;
	font-size: 10px;
	padding: 2px 4px;
}

.twitch-user .user-image{
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 25px;
	        border-radius: 25px;
	overflow: hidden;
	position: relative;
	margin-right: 8px;	
}

.twitch-user .user-image img{
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

.twitch-user{
	display: flex;
	align-items:center;
	margin-bottom: 8px;
}

.twitch .row-top .newschannel{
	margin: 0;
}
/*20181114 Twitch end*/