.wallpaper {
	position : fixed;
	z-index : -2;
	top : 0 ; bottom : 0 ;
	left : 0 ; right : 0 ;
	background: no-repeat center center scroll;
	background-size: cover;
}

.waist {
	background-image: url('./images/index-wallpaper3.jpg');
	background-position: center;
	background-size: cover;
}

.course-list {
	background-image: url('./images/index-wallpaper2.jpg');
	background-position: center;
	background-size: cover;
}

.index-banner {
	height: 65vh;
	min-height: 300px;
	border-bottom : solid 1px #aaa;
}

h1 { font-size : 2rem; margin : 0 auto; }

h3 { margin : 0 auto; font-weight : bold; }

hr { width : 100%; }

a,
a:hover { text-decoration:none; }

.index-card {
		max-width:400px;
		min-height:340px;
		margin:0 auto;
		background-position: top center;
}

.index-card:hover { border:solid 1px #fff; }
.index-card .card-body:first-child { height:200px; }

.index-card p { text-align:justify; }

.index-card a ,
.index-card a:hover ,
.index-card a:visited {
	color:#000;
	text-decoration:none;
}

.index-card button {
	width:100%;
	border:0px;
	padding:10px 50px;
	background:#fff;
}

.index-card button:hover { background:#ddd; }

.fan-index-card {
	margin : 5% 0;
}

.img-thumbnail:hover,
.fan-index-card:hover {
	border:solid 1px #000;
}

.fan-index-card .cover {
	width : 100%;
	height : 30%;
	position : absolute;
	right : 0px;
	bottom : 0px;
	background : url('../images/card-bg.webp') no-repeat;
	background-size : 100%;
	background-position : bottom right;
	z-index : +1;
}

footer { border-top : solid 1px #999; }

aside { position:fixed;right:20px;bottom:20px;z-index:+2; }
aside > div { display:flex; justify-content:center; align-items:center; }
aside > div { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
aside > div {	border:solid 1px black;	background-color:white;	width:70px;	height:70px; }
aside > div > a { color:rgba(91, 98, 238, 1.00);text-decoration:none; }
aside > div:hover { border:solid 1px white; background-color:black; }
aside > div:hover > a { color:white; }

/* Navigator */
#menu {
	z-index:+9;
	display:none;	position:fixed;
	top:0;right:0;bottom:0;left:0;
	background-color:rgba(0,0,0,0.9);
}

#menu > div {
	width:100%;	max-width:600px; height:100vh;	margin:0 auto;
	display: flex; align-items: center;
}

#menu:target {
	display:unset;

	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

#menu hr {color:#fff;}
#menu img { max-width:200px; width:80%; }

#menu .nav-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#menu .nav-item { color:#fff;font-size:1.3rem; }
#menu .nav-item:hover {	background-color:rgba(255,255,255,0.8); }
#menu .nav-link:hover {	color:rgba(91, 98, 238, 1.00) !important; }

@keyframes fadeIn {	from { opacity:0; }	to { opacity:1; } }
/* Navigator */

.r_10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.clear { clear:both; }