/*
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url(https://fonts.googleapis.com/css?family=Pacifico);
*/
	.ficon {text-align:left;margin-right:12px;}
	.rule { display: block;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: auto;
		margin-right: auto;
		clear:both;
		width: 80%;
		height: 4px;
		background: -webkit-linear-gradient(#619ec6 0%, #233947 100%);
		background: -o-linear-gradient(#619ec6 0%, #233947 100%);
		background: -moz-linear-gradient(#619ec6 0%, #233947 100%);
		background: linear-gradient(#619ec6 0%, #233947 100%);
	}
	.lanserve-panel {
		position: relative;
		width: 31.5rem;
		margin: 5rem auto 0 auto;
		clear:both;
	}

	.lanserve-panel:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
	.lanserve-panel-title
	{
		position: relative;
		font-size:1.5rem;
		width: 31.5rem;
		margin: 0 auto 0 auto;
		clear:both;
	}
	.lanserve-panel-title h2
	{
		padding:0.375rem 0.37rem 0.375rem 0.37rem;
		opacity: 0.7;
		color: var(--blue-off-white);
		text-align:center;
		font-size:150%;
		text-shadow: 6px 6px 12px var(--blue-shadow-text-color);
	}
	.lanserve-panel-title h2 i
	{
		-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
		animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	}
	.lanserve-group {
		flex: 1 1 auto;
		width:100%;
		margin:0 auto 0 auto;
		clear:both;
		overflow:hidden;
		text-align: center;
		font-size:100%;
	}
	/*	------------
			Button
		------------	*/
	
	/*	------ gray ---------	*/
	.butn-gray {
		border-radius: 3px;
		box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);
		background: rgb(204,204,204);
	}
	.butn-gray:hover {
		color: rgba(0,223,252,1);
		box-shadow: 5px 8px 16px var(var(--butn-blue-shadow-color));
		background: #333;
		opacity: 1;
		visibility: visible;
		box-shadow: 1px 1px 7px rgba(0,0,0,.5);
	}
	.butn-gray.disabled:hover {
		color: rgb(158, 168, 195);
		background-color: rgb(58, 86, 160);
		box-shadow: none;
		background: rgb(204,204,204);
	}
	
	/*	------ Lite Blue ---------	*/
	.butn-lite-blu {
		border-radius: 3px;
		box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);
		background: var(--butn-blue-color);
		color: var(--blue-off-white);
	}
	.butn-lite-blu:hover {
		color: white;
		box-shadow: 5px 8px 16px var(var(--butn-blue-shadow-color));
		background: var(--butn-blue-hover-color);
		opacity: 1;
		visibility: visible;
		box-shadow: 1px 1px 7px rgba(0,0,0,.5);
	}
	.butn-lite-blu.disabled:hover {
		color: var(--butn-blue-3ddark-color);
		box-shadow: none;
		background: var(--butn-blue-shadow-color);
	}
	
	/*	------ Blue ---------	*/
	.butn-blue {
		border-radius: 3px;
		border-top: 2px solid var(--blue-but-top-border);
		border-left: 2px solid var(--blue-but-top-border);
		border-right: 2px solid var(--blue-but-left-border);
		border-bottom: 2px solid var(--blue-but-left-border);
		padding: 2px 4px 2px 4px;
		color: var(--blue-off-white);
		/*color: var(--menu-text-color);
		background: var(--menu-back-color);*/
		background: -webkit-linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
		background: -o-linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
		background: -moz-linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
		background: linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
	}
	.butn-blue:hover {
		/*
		color: var(--menu-text-color);
		background: var(--butn-blue-hover);
		*/
		border-bottom: 2px solid var(--blue-but-top-border);
		border-right: 2px solid var(--blue-but-top-border);
		border-left: 2px solid var(--blue-but-left-border);
		border-top: 2px solid var(--blue-but-left-border);
		opacity: 1;
		visibility: visible;
		box-shadow: 1px 1px 7px rgba(0,0,0,.5);
		background: -webkit-linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
		background: -o-linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
		background: -moz-linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
		background: linear-gradient(var(--butn-blue-hover-color) 0%, var(--butn-blue-radial-dark) 100%);
	}
	.butn-blue.disabled:hover {
		color: var(--butn-blue-3ddark-color);
		box-shadow: none;
		background: var(--butn-blue-shadow-color);
	}
	
	/*	------ Green ---------	*/
	.butn-3d-green {
		border-radius: 3px;
		box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);
		background: var(--butn-green-color);
		color: white;
	}
	.butn-3d-green:hover {
		color: white;
		box-shadow: 5px 8px 16px var(--butn-green-3ddark-color);
		background: var(--butn-green-hover-color);
		opacity: 1;
		visibility: visible;
		box-shadow: 1px 1px 7px rgba(0,0,0,.5);
	}
	.butn-3d-green.disabled:hover {
		color: var(--butn-green-3ddark-color);
		box-shadow: none;
		background: var(--butn-green-shadow-color);
	}
/*	See kaakenet34.css for other 'butn-....')	*/
	
	/*	------------
			Menu
		------------	*/
.text-center {
	text-align: center;
}

.container {
	width: 350px;
	margin: 50px auto;
}
.container > ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.title {
	font-family: 'Pacifico';
	font-weight: norma;
	font-size: 40px;
	text-align: center;
	line-height: 1.4;
	color: var(--butn-blue-color);
}
#menusubitem {
	display: block;
	color: var(--butn-dropdown-text);
	background: var(--butn-dropdown-back);
	-moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	-webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
	padding: 10px 10px;
}
#menusubitem:hover {
	background: var(--butn-dropdown-backhover);
}
.menusubitem {
	display: block;
	color: var(--butn-dropdown-text);
	background: var(--butn-dropdown-back);
	-moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	-webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
	padding: 10px 10px;
}
.menusubitem:hover {
	background: var(--butn-dropdown-backhover);
}
.dropdown a {
	text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
	position: relative;
	display: block;
	color: white;
	background: var(--butn-blue-color);
	-moz-box-shadow: 0 1px 0 var(--butn-blue-3dlite-color) inset, 0 -1px 0 var(--butn-blue-3ddark-color) inset;
	-webkit-box-shadow: 0 1px 0 var(--butn-blue-3dlite-color) inset, 0 -1px 0 var(--butn-blue-3ddark-color) inset;
	box-shadow: 0 1px 0 var(--butn-blue-3dlite-color) inset, 0 -1px 0 var(--butn-blue-3ddark-color) inset;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
	background: var(--butn-blue-hover-color);
}
.dropdown .icon-arrow, .dropdown .icon-next {
	position: absolute;
	display: block;
	font-size: 0.7em;
	color: #fff;
	top: 14px;
	right: 10px;
}
.dropdown .icon-arrow.open {
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}
.dropdown .icon-arrow.close {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}
.dropdown .icon-arrow:before {
	content: '\25BC';
}
.dropdown .icon-next:before {
	content: ' ';
}
.dropdown .dropdown-menu {
	max-height: 0;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}
.dropdown .dropdown-menu li {
	padding: 0;
}
.dropdown .dropdown-menu li a {
	display: block;
	color: var(--butn-dropdown-text);
	background: var(--butn-dropdown-back);
	-moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	-webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	box-shadow: 0 1px 0 white inset, 0 -1px 0 var(--butn-dropdown-boxshadow) inset;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
	padding: 10px 10px;
}
.dropdown .dropdown-menu li a:hover {
	background: var(--butn-dropdown-backhover);
}
.dropdown .show, .dropdown .hide {
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
.dropdown .show {
	display: block;
	max-height: 9999px;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	animation: showAnimation 0.5s ease-in-out;
	-moz-animation: showAnimation 0.5s ease-in-out;
	-webkit-animation: showAnimation 0.5s ease-in-out;
	-moz-transition: max-height 1s ease-in-out;
	-o-transition: max-height 1s ease-in-out;
	-webkit-transition: max-height 1s ease-in-out;
	transition: max-height 1s ease-in-out;
}
.dropdown .hide {
	max-height: 0;
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	animation: hideAnimation 0.4s ease-out;
	-moz-animation: hideAnimation 0.4s ease-out;
	-webkit-animation: hideAnimation 0.4s ease-out;
	-moz-transition: max-height 0.6s ease-out;
	-o-transition: max-height 0.6s ease-out;
	-webkit-transition: max-height 0.6s ease-out;
	transition: max-height 0.6s ease-out;
}

@keyframes showAnimation {
	0% {
		-moz-transform: scaleY(0.1);
		-ms-transform: scaleY(0.1);
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1);
	}
	40% {
		-moz-transform: scaleY(1.04);
		-ms-transform: scaleY(1.04);
		-webkit-transform: scaleY(1.04);
		transform: scaleY(1.04);
	}
	60% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.04);
		-ms-transform: scaleY(1.04);
		-webkit-transform: scaleY(1.04);
		transform: scaleY(1.04);
	}
	100% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.02);
		-ms-transform: scaleY(1.02);
		-webkit-transform: scaleY(1.02);
		transform: scaleY(1.02);
	}
	100% {
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}
@-moz-keyframes showAnimation {
	0% {
		-moz-transform: scaleY(0.1);
		-ms-transform: scaleY(0.1);
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1);
	}
	40% {
		-moz-transform: scaleY(1.04);
		-ms-transform: scaleY(1.04);
		-webkit-transform: scaleY(1.04);
		transform: scaleY(1.04);
	}
	60% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.04);
		-ms-transform: scaleY(1.04);
		-webkit-transform: scaleY(1.04);
		transform: scaleY(1.04);
	}
	100% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.02);
		-ms-transform: scaleY(1.02);
		-webkit-transform: scaleY(1.02);
		transform: scaleY(1.02);
	}
	100% {
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}
@-webkit-keyframes showAnimation {
	0% {
		-moz-transform: scaleY(0.1);
		-ms-transform: scaleY(0.1);
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1);
	}
	40% {
		-moz-transform: scaleY(1.04);
		-ms-transform: scaleY(1.04);
		-webkit-transform: scaleY(1.04);
		transform: scaleY(1.04);
	}
	60% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.04);
		-ms-transform: scaleY(1.04);
		-webkit-transform: scaleY(1.04);
		transform: scaleY(1.04);
	}
	100% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.02);
		-ms-transform: scaleY(1.02);
		-webkit-transform: scaleY(1.02);
		transform: scaleY(1.02);
	}
	100% {
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}
@keyframes hideAnimation {
	0% {
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
	60% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.02);
		-ms-transform: scaleY(1.02);
		-webkit-transform: scaleY(1.02);
		transform: scaleY(1.02);
	}
	100% {
		-moz-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
	}
}
@-moz-keyframes hideAnimation {
	0% {
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
	60% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.02);
		-ms-transform: scaleY(1.02);
		-webkit-transform: scaleY(1.02);
		transform: scaleY(1.02);
	}
	100% {
		-moz-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
	}
}
@-webkit-keyframes hideAnimation {
	0% {
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
	60% {
		-moz-transform: scaleY(0.98);
		-ms-transform: scaleY(0.98);
		-webkit-transform: scaleY(0.98);
		transform: scaleY(0.98);
	}
	80% {
		-moz-transform: scaleY(1.02);
		-ms-transform: scaleY(1.02);
		-webkit-transform: scaleY(1.02);
		transform: scaleY(1.02);
	}
	100% {
		-moz-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
	}
}
/* ----------------------------------------------
 * Generated by Animista on 2023-1-3 8:15:59
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.spacer { width:100%;height:0.5em;}
#termlist { margin-top:2rem;padding-bottom:1em;}
/*	---------------------------	*
 *		  Responsiveness		*
 *	---------------------------	*/
@media only screen and ( min-width: 320px ) {
	.lanserve-panel {width: 87%;margin: 10px auto 10px auto;clear:both;}
	.container {width:100%;}
	@media only screen and ( min-height: 420px ) {
		.spacer { height: 1em; }
		#termlist {margin-top:1rem;}
	}
	@media only screen and ( min-height: 640px ) {
		.spacer { height: 6em; }
		#termlist {margin-top:1rem;}
	}
	@media only screen and ( min-height: 768px ) {
		.spacer { height:12em; }
		#termlist {margin-top:2rem;}
	}
	@media only screen and ( min-height: 820px ) {
		.spacer { height:12em; }
		#termlist {margin-top:2rem;}
	}
}
@media only screen and ( min-width: 375px ) {
	.lanserve-panel {width: 74%;margin: 10px auto 10px auto;clear:both;}
	.container {width:100%;}
	@media only screen and ( min-height: 420px ) {
		.spacer { height: 2em; }
		#termlist {margin-top:1rem;}
	}
	@media only screen and ( min-height: 640px ) {
		.spacer { height: 6em; }
		#termlist {margin-top:2rem;}
	}
	@media only screen and ( min-height: 768px ) {
		.spacer { height:8em; }
		#termlist {margin-top:3rem;}
	}
	@media only screen and ( min-height: 820px ) {
		.spacer { height:12em; }
		#termlist {margin-top:4rem;}
	}
}
@media only screen and ( min-width: 640px ) {
	.lanserve-panel {width: 40%;margin: 10px auto 10px auto;clear:both;}
	.container {width:100%;}
	@media only screen and ( min-height: 420px ) {
		.spacer { height: 2em; }
		#termlist {margin-top:1rem;}
	}
	@media only screen and ( min-height: 640px ) {
		.spacer { height: 6em; }
		#termlist {margin-top:2rem;}
	}
	@media only screen and ( min-height: 768px ) {
		.spacer { height:8em; }
		#termlist {margin-top:3rem;}
	}
	@media only screen and ( min-height: 820px ) {
		.spacer { height:12em; }
		#termlist {margin-top:4rem;}
	}
}
@media only screen and ( min-width: 768px ) {
	.lanserve-panel {width: 33%;margin: 10px auto 10px auto;clear:both;}
	.container {width:100%;}
	@media only screen and ( min-height: 420px ) {
		.spacer { height: 2em; }
		#termlist {margin-top:1rem;}
	}
	@media only screen and ( min-height: 640px ) {
		.spacer { height: 6em; }
		#termlist {margin-top:2rem;}
	}
	@media only screen and ( min-height: 768px ) {
		.spacer { height:3em; }
		#termlist {margin-top:9rem;}
	}
	@media only screen and ( min-height: 820px ) {
		.spacer { height:12em; }
		#termlist {margin-top:4rem;}
	}
}
@media only screen and ( min-width: 1024px ) {
	.lanserve-panel {width: 30%;margin: 10px auto 10px auto;clear:both;}
	.container {width:100%;}
	@media only screen and ( min-height: 420px ) {
		.spacer { height: 2em; }
		#termlist {margin-top:1rem;}
	}
	@media only screen and ( min-height: 640px ) {
		.spacer { height: 6em; }
		#termlist {margin-top:2rem;}
	}
	@media only screen and ( min-height: 768px ) {
		.spacer { height:8em; }
		#termlist {margin-top:3rem;}
	}
	@media only screen and ( min-height: 820px ) {
		.spacer { height:12em; }
		#termlist {margin-top:4rem;}
	}
}
