@charset "utf-8";
/* CSS Document */
#banner * { vertical-align:top; }

#banner div.c { 
	border-bottom-right-radius:25px; 
	overflow:hidden; 
	padding:0px;
}
#banner div.c img {
	width:100%;	
}
#banner div.c a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}
#banner div.c div+div {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;	
}
#banner div.hidden { display:none; }

#nav { position:absolute; z-index:1; bottom:0px; left:50%; transform:translateX(-50%); background:rgba(255,255,255,.8); border-top-left-radius:10px; border-top-right-radius:10px; padding:10px 30px; text-align:center; transition:all .3s; opacity:0; visibility:hidden; }
#banner div.c:hover+#nav, #nav:hover { opacity:1; visibility:visible; }

#nav a { display:inline-block; width:20px; height:20px; margin:0px 5px; }
#nav a::after { width:16px; height:16px; background:#b4e7f1; border-radius:50%; top:2px; left:2px; z-index:2; }
#nav a:not(.sel):hover::after { background:#14b3d0; } 
#nav a.sel { cursor:default; }