#exproler
{
	width: 100%;
	height: 100%;
    display: none;
}

#exprolerWindow
{
	width: 40%;
	height: 100%;
	left: 55%;
	top: 0%;
	background-color:rgba(0, 0, 0, 0.0);
	overflow: hidden;
}

#exprolerPath 
{
	width: 100%;
	height: 10%;
	left: 0%;
	top: 28%;
	font-size: var(--text-font-size);
	font-family: "gothic";
	line-height: 140%;
	padding: 2% 5%;
	display: none;
}

#exprolerBorder0
{
	width: 90%;
	top: 38%;
	left: 3%;
	display: none;
}

#exprolerBack
{
	width: 8%;
	height: 3%;
	top: 58%;
	left: 0%;
	background-image: url("../resources/image/arrow_left00.png");
	background-size: contain;
	background-repeat: no-repeat;
}

#exprolerBack::before
{
	border: none;
}

#exprolerList 
{
	width: 100%;
	height: 35%;
	left: 5%;
	top: 55%;
	line-height: 100%;
	padding: 0% 8% 0% 8%;
	overflow-y: scroll;
	font-size: var(--text-font-size);
}