html, body{
	min-height: 100%;
}
*{
	margin:0;
	padding:0;
	font-size: 12px;
}
ul{
	list-style:none;
}
.hide{
    display: none;
}
.lf{
	float: left;
}
.lr{
	float: right;
}
.red, .red a,.red a h5, .red a p{
    color:#FF0000 !important;
}

html{
    background-color: #1F1F1F;
}

a{text-decoration:none;}

.main-group{
	width:100%;
	margin:0 auto;
	background-size: 100% 100%;
	padding:80px 60px 140px 60px;
	box-sizing:border-box;
}
.main-group .header{
	text-align: center;
	font-size:28px;
	color: #fff;
}
.main-group .items-group{
	margin-top:30px;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.main-group .items-group .item{
	width:32%;
	background: rgba(255,255,255, .2);
	box-sizing:border-box;
	margin-top:30px;
	padding:20px;
	display: flex;
	color: #d8d8d8;
	-webkit-transition: all 1.5s;  
	-moz-transition: all 1.5s;  
	-ms-transition: all 1.5s;  
	-o-transition: all 1.5s;  
	transition: all 1.5s;
	cursor: pointer;
}

.main-group .items-group .item a{color:#fff;}

.main-group .items-group .item:hover{
 	background: rgba(198,198,198, 1);
 	color: #000;
	box-shadow: -1px 1px 22px 0px rgba(0,0,0,0.93);
-webkit-box-shadow: -1px 1px 22px 0px rgba(0,0,0,0.93);
-moz-box-shadow: -1px 1px 22px 0px rgba(0,0,0,0.93);
}

.desc-group{height:180px;}
.desc-group h3{
	font-size:24px;
	color: #05a2a2;
	text-align: center;
	/*text-indent: 24px;*/
}
.desc-group p{
	margin-top:30px;
	font-size: 14px
}


@media screen and (max-width: 640px){
	.main-group .items-group{
		margin-top:0;
	}
	.main-group .items-group .item{
		width: 100%
	}
}