body{font-size:13px; font-family:arial; margin:0; padding:0;
	background-image:url(ch.svg);
	background-repeat: no-repeat;
    background-position:center top;
    background-size:cover;
	background-attachment: fixed;
}
h1{margin:0;padding:0;font-weight:normal;}
ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none;}
.clear{clear:both;}

@media screen and (min-width: 1100px){
	.topline{
	height:5px;
	width:100%;
	background:#00c300;
}
.topmenu{
	width:100%;
	height:60px;
	background:#272727;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.logo{float:left;}
.topnav{float:right;}
.topnav > div{float:right;}
.navig{
	margin:1px 10px 0 0;
}
.navig a{
	font-size:15px;
	color:#fff;
	display:inline-block;
	padding:18px 18px;
	background:rgba(255,255,255, 0.02);
	transition: 0.4s;
	cursor:pointer;
}
.navig a:hover{
	background:rgba(255,255,255, 0.2);
}
.search{
	margin:11px 10px;
}
.sb{
	display:flex;
}
.sbut > input{
	padding:7px 10px;
	background:#00c300;
	color:#fff;
	border-radius:4px;
	margin:0 0 0 10px;
}
.sinp > input{
	border:1px solid #00c300;
	color:#676767;
	border-radius:4px;
	padding:6px 9px;
	background:rgba(255,255,255, 0.8);
}
   .video-box {background:#000 url(../images/loader.gif) center 50px no-repeat; min-height:200px; padding:10px 10px 0 10px; 
width:100%; float:right; height:470px;} 
    
    .foots a{
	font-size:15px;
	color:#fff;
	display:inline-block;
	padding:18px 18px;
	background:rgba(255,255,255, 0.02);
	transition: 0.4s;
	cursor:pointer;
    }
    
.allblocksearch{
	width:100%;
	padding:10px 0;
}
#searchinput{
	border:1px solid #00c300;
	color:#676767;
	border-radius:4px;
	padding:6px 9px;
	background:rgba(255,255,255, 0.8);
}
#dosearch{
	padding:7px 10px;
	background:#00c300;
	color:#fff;
	border-radius:4px;
	margin:0 0 0 10px;
	border:none;
	cursor:pointer;
}
.ssfull{display:flex;}
.bghead{
	width:1100px;
	height:55px;
	margin:0 auto;
}
.zplt{
	height:70px;
	width:100%;
}

.wrapper{
	background:rgba(244,244,244, 0.85);
	width:1100px;
    height:550px;
	margin:0 auto;
	border-radius:4px;
	border:1px solid #444;
}

.box{
	padding:8px;
}
.blockcat{
	height:1px;
	overflow:hidden;
}
.categs{
	display:flex;
	flex-wrap: wrap;
	padding:8px;
	background:#686868;
	border-radius:4px;
	margin-top:1px;
}
.categs a{
	display:block;
	color:#fff;
	margin:0 3px 7px 3px;
	background:#00c300;
	padding:4px 8px;
	border-radius:3px;
	font-size:14px;
}

.list > div{
	display: -webkit-flex; 
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.list{
	display: -webkit-flex; 
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tn{
	color:#00c300;
	font-size:24px;
	text-shadow:0 1px 1px #444;
	background:#787878;
	padding:7px;
	border-radius:3px;
}
.navigation{
	width:100%;
	padding:10px 0;
	text-align:center;
}
.navigation a{
	display:inline-block;
	padding:10px 12px;
	border-radius:4px;
	margin:0 2px;
	color:#fff;
	background:#00c300;
}
.navigation span{
	padding:0 5px;
}
.short{
	width:24%;
	margin:1% 0.5%;
	position:relative;
}
.short > a{
	background:rgba(0,0,0, 0.6);
	display:block;
	padding:2% 0 0 0;
	transition: 0.6s;
	border-radius:2px;
	position:relative;
}
.short > a:hover{background:rgba(0,0,0, 0.8);}
.shimg{
	width:96%;
	height:160px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.shimg img{
	max-width:130%;
	width:100%;
	min-height:160px;
}
.shduration{
	position:absolute;
	margin-top:-22px;
	left:2%;
	background:rgba(0,0,0, 0.4);
	color:#f0f0f0;
	padding:5px 9px;
	font-size:11px;
}
.shbot{
	height:40px;
}
.shrate{
	height:16px;
	margin-top:3px;
	padding:0 3px;
	display:flex;
	justify-content: space-around;
	color:#f8f8f8;
	font-size:12px;
}
.shrate > div{width:49%;}
.ratingtypeplusminus{color:#f8f8f8; font-size:12px;}

.views i{
	border-radius:8px;
	margin:0 3px 0 6px;
	display:block;
	float:right;
}
.views div{
	float:right;
}
.views{text-align:right; color:#f7f7f7; padding-top:2px; font-size:12px;}
.shtit{
	height:12px;
	padding:2px 4px;
	overflow:hidden;
	color:#f0f0f0;
}

.setx{
	width:1080px;
	padding:10px;
	background:#323232;
	border-radius:3px;
	border:1px solid #222;
	color:#f0f0f0;
	margin:20px auto 0 auto;
}
.setx h1{
	color:#989898;
	padding:0 0 5px 8px;
}
.setx a{
	text-decoration:underline;
	color:#898989;
}
.fullflex{
	padding:10px 15px;
	margin-top:10px;
	border-top:1px solid #ededed;
}
.fulltwo{
	display:flex;
	margin-top:10px;
}
.lone{
	width: 640px;
	padding:0 10px 0 0;
	border-right:1px solid #bbb;
}
.relbl{
	display: -webkit-flex; 
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.shortpost{
	width:46%;
	overflow:hidden;
	background:rgba(0,0,0, 0.6);
	padding:1%;
	margin:1% 0.8%;
}
.shortpost a{
	color:#f9f9f9;
}
.rt{
	font-size:18px;
	text-align:center;
	color:#767676;
}
.posttext img{
	float:left;
	margin:0 10px 10px 0;
	max-width:160px;
}
.posttitle{
	height:18px;
	line-height:18px;
	overflow:hidden;
}
.postinfo{
	width:100%;
	overflow:hidden;
	height:155px;
	text-align:center;
}
.postinfo img{
	height:155px;
}
.fullinfo{
	padding:10px;
	margin:10px 0;
	border-top:1px solid #bbb;
	display:flex;
}
.fullinfo div{
	margin:0 15px;
}
.fc a{
	background:#00c300;
	color:#fff;
	padding:5px 15px;
	border-radius:3px;
}
.comments-tree-list{
	list-style:none;
}
.comblock{
	margin:10px 5px;
	border-top:1px solid #787878;
	padding:15px 0;
}
.textbox{
	padding:5px 10px;
	border:1px solid #00c300;
	border-radius:3px;
	width:330px;
}
.textarea{
	padding:5px 10px;
	border:1px solid #00c300;
	border-radius:3px;
	width:330px;
}
.infobls{
	background:#ededed;
	padding:8px;
	border-radius:4px;
}
.dod{
	display:flex;
	justify-content: flex-start;
}
.button{
	color:#fff;
	background:#00c300;
	padding:8px 40px;
	border-radius:4px;
	margin: 5px 0 0 0;
	border:none;
	margin:0 0 0 10px;
}
.inpcom{
	margin:8px 0;
}
.comment{
	background:#ebeef2;
	padding:5px 8px;
	border-radius:3px;
	margin:3px 0;
}
.comment a{
	color:#00c300;
}
.comdate{
	font-size:11px;
	color:#999;
}
.comments{
	color:#454545;
	padding:5px 15px;
	font-size:14px;
}

.footbg{
	background:#434343;
	margin:15px 0 0 0;
	width:100%;
	min-height:20px;
}
footer{
	padding:10px;
	width:1080px;
	margin:0 auto;
	color:#eee;
	font-size:12px;
	text-align:center;
}
}


@media screen and (max-width: 1099px){
.topline{
	height:2px;
	width:100%;
	background:#00c300;
}
.topmenu{
	width:100%;
	height:50px;
	background:#272727;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.logo{float:left;}
.topnav{float:right;}
.topnav > div{float:right;}
.navig{
	margin:1px 10px 0 0;
}
.navig a{
	font-size:15px;
	color:#fff;
	display:inline-block;
	padding:13px 5px;
	background:rgba(255,255,255, 0.02);
	transition: 0.4s;
	cursor:pointer;
}
.navig a:hover{
	background:rgba(255,255,255, 0.2);
}
.search{
	margin:11px 10px;
}
.sb{
	display:flex;
}
.sbut > input{
	padding:7px 10px;
	background:#00c300;
	color:#fff;
	border-radius:4px;
	margin:0 0 0 10px;
}
.sinp > input{
	border:1px solid #00c300;
	color:#676767;
	border-radius:4px;
	padding:6px 9px;
	background:rgba(255,255,255, 0.8);
}
.allblocksearch{
	width:100%;
	padding:10px 0;
}
#searchinput{
	border:1px solid #00c300;
	color:#676767;
	border-radius:4px;
	padding:6px 9px;
	background:rgba(255,255,255, 0.8);
}
#dosearch{
	padding:7px 10px;
	background:#00c300;
	color:#fff;
	border-radius:4px;
	margin:0 0 0 10px;
	border:none;
	cursor:pointer;
}
.ssfull{display:flex;}
.bghead{
	width:98%;
	height:55px;
	margin:0 auto;
}
.zplt{
	height:70px;
	width:100%;
}

.wrapper{
	background:rgba(244,244,244, 0.85);
	margin:0 auto;
}
.media-wrapper{
	max-width:96%;
    height:470px ;
	margin:0 auto;
	overflow:hidden;
}
.box{
	padding:8px 1px;
}
.blockcat{
	height:1px;
	overflow:hidden;
}
.categs{
	display:flex;
	flex-wrap: wrap;
	padding:8px;
	background:#686868;
	border-radius:4px;
	margin-top:1px;
}
.categs a{
	display:block;
	color:#fff;
	margin:0 3px 7px 3px;
	background:#00c300;
	padding:7px 9px;
	border-radius:3px;
	font-size:15px;
}

.list > div{
	display: -webkit-flex; 
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.list{
	display: -webkit-flex; 
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tn{
	color:#00c300;
	font-size:24px;
	text-shadow:0 1px 1px #444;
	background:#787878;
	padding:7px 0;
	border-radius:3px;
	text-align:center;
}
.navigation{
	width:100%;
	padding:10px 0;
	text-align:center;
}
.navigation a{
	display:inline-block;
	padding:10px 12px;
	border-radius:4px;
	margin:7px 3px;
	color:#fff;
	background:#00c300;
}
.navigation span{
	padding:0 5px;
}
.short > a:hover{background:rgba(0,0,0, 0.8);}
.shimg{
	width:96%;
	height:160px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.shimg img{
	max-width:130%;
	width:100%;
	min-height:160px;
}
.shduration{
	position:absolute;
	margin-top:-22px;
	left:2%;
	background:rgba(0,0,0, 0.4);
	color:#f0f0f0;
	padding:5px 9px;
	font-size:11px;
}
.shbot{
	height:40px;
}
.shrate{
	height:16px;
	margin-top:3px;
	padding:0 3px;
	display:flex;
	justify-content: space-around;
	color:#f8f8f8;
	font-size:12px;
}
.shrate > div{width:49%;}
.ratingtypeplusminus{color:#f8f8f8; font-size:12px;}

.views i{
	border-radius:8px;
	margin:0 3px 0 6px;
	display:block;
	float:right;
}
.views div{
	float:right;
}
.views{text-align:right; color:#f7f7f7; padding-top:2px; font-size:12px;}
.shtit{
	height:12px;
	padding:2px 4px;
	overflow:hidden;
	color:#f0f0f0;
}

.setx{
	padding:10px;
	background:#323232;
	border-radius:3px;
	border:1px solid #222;
	color:#f0f0f0;
	margin:20px auto 0 auto;
}
.setx h1{
	color:#989898;
	padding:0 0 5px 8px;
}
.setx a{
	text-decoration:underline;
	color:#898989;
}
.fullflex{
	padding:10px 15px;
	margin-top:10px;
	border-top:1px solid #ededed;
}
.fulltwo{
	margin-top:10px;
}
.lone{
	padding:0;
	border-right:1px solid #bbb;
}
.lone iframe{
	width:100%;
	height:100%;
}
.fulltitle h1{
	font-size:18px;
}
.relbl{
	display: -webkit-flex; 
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.shortpost{
	width:46%;
	overflow:hidden;
	background:rgba(0,0,0, 0.6);
	padding:1%;
	margin:1% 0.8%;
}
.shortpost a{
	color:#f9f9f9;
}
.rt{
	font-size:18px;
	text-align:center;
	color:#767676;
}
.posttext img{
	float:left;
	margin:0 10px 10px 0;
	max-width:160px;
}
.posttitle{
	height:18px;
	line-height:18px;
	overflow:hidden;
}
.postinfo{
	width:100%;
	overflow:hidden;
	height:155px;
}
.postinfo img{
	height:155px;
}
.fullinfo{
	padding:10px;
	margin:10px 0;
	border-top:1px solid #bbb;
	display:flex;
}
.fullinfo div{
	margin:0 15px;
}
.fc a{
	background:#00c300;
	color:#fff;
	padding:5px 15px;
	border-radius:3px;
}
.comments-tree-list{
	list-style:none;
}
.comblock{
	margin:10px 5px;
	border-top:1px solid #787878;
	padding:15px 0;
}
.textbox{
	padding:5px 10px;
	border:1px solid #00c300;
	border-radius:3px;
	width:300px;
}
.textarea{
	padding:5px 10px;
	border:1px solid #00c300;
	border-radius:3px;
	width:300px;
}
.dod > div{text-align:center;}
.infobls{
	background:#ededed;
	padding:8px;
	border-radius:4px;
}
.button{
	color:#fff;
	background:#00c300;
	padding:8px 40px;
	border-radius:4px;
	margin: 5px 0 0 0;
	border:none;
	margin:0 0 0 10px;
}
.inpcom{
	margin:8px 0;
	text-align:center;
}
.comment{
	background:#ebeef2;
	padding:5px 8px;
	border-radius:3px;
	margin:3px 0;
}
.comment a{
	color:#00c300;
}
.comdate{
	font-size:11px;
	color:#999;
}
.comments{
	color:#454545;
	padding:5px 15px;
	font-size:14px;
}

.footbg{
	background:#434343;
	margin:15px 0 0 0;
	width:100%;
	min-height:20px;
}
footer{
	padding:10px;
	margin:0 auto;
	color:#eee;
	font-size:12px;
	text-align:center;
}
}

@media screen and (min-width:600px) and (max-width: 1099px){
.short{
	width:24%;
	margin:1% 0.5%;
	position:relative;
}
.short > a{
	background:rgba(0,0,0, 0.6);
	display:block;
	padding:2% 0 0 0;
	transition: 0.6s;
	border-radius:2px;
	position:relative;
}
}

@media screen and (max-width: 599px){
.short{
	width:49%;
	margin:1% 0.5%;
	position:relative;
}
.short > a{
	background:rgba(0,0,0, 0.6);
	display:block;
	padding:2% 0 0 0;
	transition: 0.6s;
	border-radius:2px;
	position:relative;
}
}