@charset "UTF-8";
/* CSS Document */
.show-pict {
	height: auto;
}

.slick-next, .slick-next button, .slick-prev, .slick-prev button {
	width: 3rem;
	height: 3rem;
}	

	.slick-prev  {
		z-index: 1000;
	}
	.slick-next  {
		z-index: 1000;
	}
	@media screen and (max-width: 500px)	{
		.slick-next, .slick-next button, .slick-prev, .slick-prev button {
			width: 2rem;
			height: 2rem;
		}

	}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {	
	outline-style: var(--bs-cjcu-obvious-border-style) !important;
	outline-width: var(--bs-cjcu-obvious-border-width) !important;
	/*background-color:  !important;	
	outline-color: !important;*/
  color: var(--bs-cjcu-obvious-border-color)
}

.slick-list:focus, .slick-list img:focus, .slick-list a:focus,
.slick-list:focus-visable, .slick-list img:focus-visable, .slick-list a:focus-visable{
	outline-style: var(--bs-cjcu-obvious-border-style) !important;
	outline-width: var(--bs-cjcu-obvious-border-width) !important;
	z-index:1000;
}

.slick-prev:before, .slick-next:before {
	font-size: 3rem;
	color: rgba(255,255,255,0.80);
	opacity: .8;
}
	@media screen and (max-width: 992px)	{
		
	}
	@media screen and (max-width: 768px)	{
		
	}
	@media screen and (max-width: 500px)	{
		.slick-prev:before, .slick-next:before {
			font-size: 2rem;
		}
	}
.slick-dots li button {
	width: 1.5rem;
	height: 1.5rem;
	padding:2px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline-color: rgba(0,0,0,0.50) !important;
	outline-style: solid !important;
	outline-width: thick !important;
}