@charset "UTF-8";

*, *:before, *:after {
    box-sizing: border-box;
}

.mj_wrap {
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
}

.mj_col4 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.mj_col4 < *{
    width: calc( 25% - 9px );
    margin-right: 12px;
    margin-bottom: 12px;
}

.mj_col4 < *:nth-child(4n){
    margin-right: auto;
}

@media screen and (max-width: 960px) {
    .mj_col4 < *{
        width: calc( 33.33333% - 8px ) ;
    }
    .mj_col4 < *:nth-child(4n){
        margin-right: 12px;
    }
    .mj_col4 < *:nth-child(3n){
        margin-right: auto;
    }
}
@media screen and (max-width: 580px) {
    .mj_col4 < *{
        width: calc( 50% - 6px ) ;
    }
    .col_4 < *:nth-child(3n){
        margin-right: 12px;
    }
    .mj_col4 < *:nth-child(2n){
        margin-right: auto;
    }
}

.mj-item {
	margin: 0;
	padding: 0;
	margin: 12px;
	text-align: center;
}

.mj-item img {
	width: 210px;
	height: 297px;
	border:1px solid #ccc;
}