* {
	margin: 0;
	padding: 0;
}

a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none;
	color: #888888;
}

html,
body {
	background-color: #f2f2f2;
	/*max-width: 800px;*/
	margin: 0 auto;
}

.content {
	padding: 0px 8px;
	/*border-radius: 12px 12px 0 0;*/
	/*box-shadow: #c4c4c4 0px 0px 10px;*/
	background:#058b52 ;
}

.pre_content {
	height: 700px;
	overflow: hidden;
	border-radius: 6px;
}

.pre_content iframe {
	width: 100%;
	height: 1030px;
	margin-top: -340px;
}

.top h3{
	text-align: center;
	font-size: 1.1em;
	line-height: 40px;
	color: white;
}
.top h3 > span{
	font-size: 12px;
	color: #42eda4;
}
video {
	width: 100%;
}
.top{
	text-align: center;
	padding: 10px 0;
}
.top img{
	margin-top: 10px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	/*padding: 20px;*/
}
.title{
	text-align: initial;
	width: 100%;
	color: white;
	background-color: #4bac83;
	border-radius: 6px;
	font-size: 12px;
	line-height: 22px;
	margin-top: 10px;
}
.title span{display: inline-block;}
.title span:nth-child(1){
	width: 20px;
	height:18px;
	background: #a1bef4;
	font-weight: bold;
	border-radius: 50%;
	padding-bottom: 2px; 	
}
.title a{
	color: #42eda4;
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
}

.live h2{
	text-align: center;
	background: #058b52;
	margin: 0;
	color: white;
	padding: 16px 0 10px 0;
	font-size: 24px;
	font-weight: bold;
}