@media all and (min-aspect-ratio: 1/1) {
	.pro_masonry-layout {
		width: 100%;
		column-count: 3;
		column-gap: 1vw;
		overflow: hidden;
	}
	.one_pro_user {
		background-color: white;
		height: 35vmax;
		overflow: hidden;
	}
	.one_pro_user_l {
		background-color: white;
		/*height: 55vmax;*/
		overflow: hidden;
	}
}
@media all and (max-aspect-ratio: 1/1) {
	.pro_masonry-layout {
		width: 100%;
		column-count: 1;
		column-gap: 1vw;
		overflow: hidden;
	}
	.one_pro_user {
		background-color: white;
		height: 40vh;
		overflow: hidden;
	}
	.one_pro_user_l {
		background-color: white;
		/*height: 50vmax;*/
		overflow: hidden;
	}
}
.vip_table {
	color: white;
	background-color: #58575c;
}
.vip_table tr td {
	text-align: center;
}
.vip_table tr td hr {
	width: 30%;
}
.pro_masonry-layout_panel {
	border: none;
	break-inside: avoid;
	padding: 5px;
	/*background-color:#2c2c3a;
	background-color:#e8e000;*/
	background-color: #58575c;
	margin-bottom: 1vw;
}
.pro_user_avatar {
	width: 12vw;
	height: 12vw;
	border: 2px solid #e8e000;
	border-radius: 50%;
	/*box-shadow: 5px 5px 3px 3px #58575c;*/
	margin: 5px;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.pro_user_avatar:hover {
	border-radius: 5%;
}