#title {
	max-width: 500px;
	margin: 0;
	height: 0; /* 155px */
	padding-bottom: 31%;
	background: url("./titl.png") no-repeat left top;
	background-size: contain;
	text-indent: -9999px;
	z-index: 9;
}
.subtitl {
	color: #707;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px;
}

#slideslicki {
	position: relative;
	height: 0;
	padding-bottom: 32%;
	display: block;
}
#fsbox1, #fsbox2, #fsbox3 {
	display: block;
	width: 28.9%;
	height: 87%;
	border: 4px solid #fff;
	border-radius: 100px;
	position: absolute;
	text-indent: -9999px;
}
#fsbox1 {
	z-index: 8;
	top: 0;
	left: 0;
	background: url("./01.jpg") no-repeat center top;
	background-size: contain;
}
#fsbox2 {
	z-index: 7;
	top: 0;
	left: calc(28.9% * 0.74);
	background: url("./02.jpg") no-repeat center top;
	background-size: contain;
}
#fsbox3 {
	z-index: 6;
	top: 0;
	left: calc(57.8% * 0.74); /*350px;*/
	background: url("./03.jpg") no-repeat center top;
	background-size: contain;
}
#slideslicki:after {
	clear: both;
}

.bxcap p {
	border: 2px dotted orange;
	padding: 3px 12px;
	border-radius: 10px;
}
.fstconlst li {
	list-style: none;
	border-top: 1px dotted #ddd;
	border-left: 14px solid #92c872;
	padding-left: 7px;
	font-weight: normal;
	line-height: 2em;
	margin-bottom: 10px;
	border-radius: 7px;
	font-weight: bold;
}
.fstconlst li:nth-child(even) {
	color: #e9546a;
	border-left: 14px solid #e9546a;
}
.fstconlst li:nth-child(odd) {
	color: #00ab71;
	border-left: 14px solid #00ab71;
}
.dtdsc dt {
	margin-top: 1em;
}
.subsps {
	text-indent: 1em;
	color: #666;
}

.cplce {
	border-top: 1px dotted #ccc;
}

/* programs layout */
#progsche {
	width: 96%;
	margin: 0 auto;
}
.minquar {
	max-width: 175px;
	float: left;
	margin-right: 5px;
	font-size: small;
}
.minquar dl {
	margin-left: 0;
	padding-left: 0;
}
.minquar dt {
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
}
.minquar dt.placetitle {
	font-weight: bold;
	font-size: medium;
	padding-left: 0.7em;
	background-color: #00a1e9;
	color: #fff;
	text-shadow: 0 -1px 0 #13569f;
}
.minquar dd {
	text-indent: -17px;
}
.minquar dt.rain, .minquar dt.rain + dd {
	color: #33b;
}

.minquar span {
	font-weight: bold;
	border-left: 14px solid #ff5e16;
	padding-left: 3px;
}
.minquar em {
	text-transform: uppercase;
	font-style: normal;
}
.minquar .placetitle+dd {
	padding-left: 1em;
}
/* minicorner layout */
.mincorner {
	max-width: 340px;
	width: calc(50% - 10px);
	margin-right: 10px;
	font-size: small;
	float: left;
}
.mincorner .cornertitle {
	font-weight: bold;
	font-size: medium;
	padding-left: 0.7em;
	background-color: #00a1e9;
	color: #fff;
	text-shadow: 0 -1px 0 #13569f;
}
.mincorner .placetitle {
	border-top: 1px solid #ddd;
	margin-top: 3px;
}
.mincorner dd {
	padding-left: 17px;
}
.mincorner dd.star {
	border-left: 14px solid #ff5e16;
	padding-left: 3px;
	margin-top: 7px;
	font-weight: bold;
}

@media screen and (min-width:480px) {
	#title {
		max-width: 500px;
		margin: 0;
		height: 155px;
		padding-bottom: 0;
		background: url("./titl.png") no-repeat left top;
		background-size: contain;
		text-indent: -9999px;
		z-index: 9;
	}
	#slideslicki {
		position: relative;
		height: 230px;
		display: block;
		padding-bottom: 0;
	}
	#fsbox1, #fsbox2, #fsbox3 {
		display: block;
		width: 200px;
		height: 200px;
		border-radius: 100px;
		border: 4px solid #fff;
		position: absolute;
		text-indent: -9999px;
	}
	#fsbox1 {
		z-index: 8;
		top: 0;
		left: 0;
		background: url("./01.jpg") no-repeat center top;
		background-size: contain;
	}
	#fsbox2 {
		z-index: 7;
		top: 0;
		left: 175px;
		background: url("./02.jpg") no-repeat center top;
		background-size: contain;
	}
	#fsbox3 {
		z-index: 6;
		top: 0;
		left: 350px;
		background: url("./03.jpg") no-repeat center top;
		background-size: contain;
	}
	#slideslicki:after {
		clear: both;
	}
}
@media screen and (min-width:768px) {
	/* programs layout */
	#progsche {
		width: 100%;
	}
	.mincorner {
		width: 340px;
	}
}