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: #f9f9f9;
}

a{text-decoration:none;}

.modal {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
}
.modal .header{
	text-align: center;
	font-size:24px;
	color: #0013f9;
}

.modal .button_delAll{
	margin-top: 20px;
    text-align: center;
    font-size: 20px;
    color: #d50202;
    padding: 10px;
    border: 2px solid #ff0000;
    cursor: pointer;
}

.modal .button_add{
	margin-top: 20px;
	margin-right: 100px;
	text-align: center;
	font-size:20px;
	color: #0d9524;
	padding: 10px;
    cursor: pointer;
}

.textarea_style{
	padding: 5px;
	font-size: 40px
}

.modal .button_del{
	margin-top: 20px;
	margin-left: 10px;
	text-align: center;
	font-size:20px;
	color: #d50202;
	padding: 10px;
    cursor: pointer;
}
.modal-content {
		background-color: #fefefe;
		margin: 10% auto;
		padding: 20px;
		border: 1px solid #888;
		width: 600px;
}

.close {
		color: #f00;
		float: right;
		margin-top: -40px;
		margin-right: -20px;
		font-size: 60px;
		font-weight: bold;
}

/*.close:hover,
.close:focus {
		color: black;
		text-decoration: none;
}*/

.main-group{
	width:100%;
	margin:0 auto;
	background: url(bg.jpg) no-repeat;
	background-size: 100% 100%;
	padding:20px 20px 20px 20px;
	box-sizing:border-box;
}

.main-group .button_main{
 margin-left: 150px;
 text-align: center;
 font-size:20px;
 color: #d50202;
 padding: 10px;
}

.main-group .header{
	text-align: center;
	font-size:28px;
	color: #fff;
}
.main-group .items-group{
	margin-top:10px;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.main-group .items-group .item{
	width:12%;
	background: rgba(255,255,255, .2);
	box-sizing:border-box;
	margin-top:10px;
	padding:5px 5px 10px 10px;
	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;*/
}

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



.redfont{color:#d50202;}

.main-group .items-group .item:hover{
 	background: rgba(198,198,198, 1);
 	color: #333;
}

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


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