

.det_slider_group{
	position:relative;height:0;padding-bottom:20%;margin-left:auto !important;margin-right:auto !important;
}
@media all AND (min-width:701px) AND (max-width:1400px) {
	.det_slider_group { padding-bottom: 16%; }
}
@media all AND (min-width:551px) AND (max-width:700px) {
	.det_slider_group { padding-bottom: 23%; }
}
@media all AND (min-width:351px) AND (max-width:550px) {
	.det_slider_group{ padding-bottom:30%; }
}
@media all AND (max-width:350px) {
	.det_slider_group{ padding-bottom:35%; }
}
.det_slider_group_list{
	position:absolute;width:100%;max-width:100%;height:100%;top:0;right:0;overflow-x:auto;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;overflow-y:hidden;
	/* scroll hide: */
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	-moz-appearance: none !imprtant;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE 10+ */
}
.det_slider_group_list::-webkit-scrollbar {
	display: none;
	width: 0px !important;
	background: transparent; /* Chrome/Safari/Webkit */
}
/* END scroll hide. */
.det_slider_group_list> .pakage_items{
	width:100%;height:100%;display:-webkit-grid;display:-moz-grid;display:-ms-grid;display:-o-grid;display:grid;grid-template-columns:repeat(10000, calc(100% / 5));
}
@media all AND (min-width:551px) AND (max-width:900px) {
	.det_slider_group_list> .pakage_items{
		grid-template-columns:repeat(10000, calc(100% / 4));
	}
}
@media all AND (max-width:550px) {
	.det_slider_group_list> .pakage_items{
		grid-template-columns:repeat(10000, calc(100% / 3));
	}
}
.det_slider_group_list> .pakage_items> .item{ height:100%;box-sizing:border-box;padding:2px; }
.det_slider_group_list> .pakage_items> .item> *{
	display:block;height:100%;background-color:rgba(0,0,0,0.2);-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;color:#fff;text-shadow:0 0 10px rgb(0, 0, 0);overflow:hidden;font-weight:bold;background-repeat:no-repeat;background-size:cover;background-position:center center;box-sizing:border-box;padding:5px;
	-webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.5);-ms-box-shadow:inset 0 0 25px rgba(0,0,0,0.5);-o-box-shadow:inset 0 0 25px rgba(0,0,0,0.5);box-shadow:inset 0 0 25px rgba(0,0,0,0.5);
	-webkit-transition: all, 0.2s ease-in-out;-moz-transition: all, 0.2s ease-in-out;-ms-transition: all, 0.2s ease-in-out;-o-transition: all, 0.2s ease-in-out;transition: all, 0.2s ease-in-out;
}
.det_slider_group_list> .pakage_items> .item> *:hover{
	-webkit-box-shadow:inset 0 0 150px rgba(0,0,0,0.7);-moz-box-shadow:inset 0 0 150px rgba(0,0,0,0.7);-ms-box-shadow:inset 0 0 150px rgba(0,0,0,0.7);-o-box-shadow:inset 0 0 150px rgba(0,0,0,0.7);box-shadow:inset 0 0 150px rgba(0,0,0,0.7);
}