*{margin: 0;padding: 0;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clear{zoom:1}
.fl{float: left;}
.fr{float: right;}
.disBlock{display: block;}
ul,li{list-style: none;}
img{
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.mediaPopBox{
	width: 100%;
	height: 100%;
	background: rgba(33, 36, 46, 0.95);
	z-index: 10000000;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
.mediaPicBox{
	width: 700px;
    min-height: 0px;
    border-radius: 6px;
    color: rgb(24, 42, 60);
    box-shadow: rgb(23, 26, 36) 0px 0px 8px;
    background: padding-box rgb(244, 244, 244);
    padding: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.closeBtn{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 28px;
    height: 28px;
    text-decoration: none;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(192, 57, 43);
    border-image: initial;
    cursor: pointer;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    color: rgb(192, 57, 43);
}
.closeBtn:hover{
	background: rgb(192, 57, 43);
	color: #fff;
}
.mediaPN{
	font-size: 2em;
	margin: 0.67em 0;
	text-align: center;
}
.mediaPI_wrap{
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.mediaPI_wrap ul{
	width: 100%;
	text-align: center;
}
.mediaPI_wrap ul li{
	width: 120px;
	border: 2px rgb(192, 57, 43) solid;
	display: inline-block;
	margin-right: 6px;
}
.mediaPI_wrap ul li:last-child{margin-right: 0;}
.mediaPI_wrap ul li:nth-child(5n){margin-right: 0;}
.mediaPI_wrap ul li a{
	width: 100%;
	height: 100%;
}
.mediaPI_wrap ul li a img{
	width: 100%;
	height: auto;
}
.mediaBM{
	font-size: 16px;
	line-height: 16px;
	margin: 15px 0;
	text-align: center;
}
@media screen and (max-width: 760px){
	.mediaPicBox{width: 350px;padding: 25px;}
	.mediaPN{
		font-size: 20px;
		margin: 15px 0;
	}
	.mediaPI_wrap ul{
		width: 80%;
		position: relative;
		height: auto;
		margin: 0 auto;
	}
	.mediaPI_wrap ul li{
		width: calc((100% - 20px) / 2);
		width: -moz-calc((100% - 20px) / 2);
		width: -webkit-calc((100% - 20px) / 2);
	}
	.mediaPI_wrap ul li:nth-of-type(odd){margin-right: 10px;}
	.mediaPI_wrap ul li:nth-of-type(even){margin-right: 0;}
	.mediaPI_wrap{height: auto;}
}
@media screen and (min-width: 761px) and (max-width: 1100px){
	.mediaPI_wrap ul{width: 100%;}
}