/* btn */
.%css-ctar% .aiin-btn {
	position:relative;
	display:inline-block;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
	line-height:0;
}
/* reldiv */
.%css-ctar% .aiin-reldiv1 {
	position:relative;
	width:60px;
	height:40px;
}
/* borderlight */
.%css-ctar% .aiin-borderlight1-outer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:3px;
	overflow:hidden;
}
.%css-ctar% .aiin-borderlight1-inner {
	position:absolute;
	top:4px;
	left:4px;
	bottom:4px;
	right:4px;
	border-radius:2px;
	background-color:#1e1f25;
	background-image:radial-gradient(#333 1px, #1e1f25 1px);
	background-size:5px 5px;
}
.%css-ctar% .aiin-borderlight1-bg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:200%;
	height:200%;
	background:#707485;
}
.%css-ctar% .aiin-btn:hover .aiin-borderlight1-bg,
.%css-ctar% .aiin-btn.aiin-sel .aiin-borderlight1-bg {
	transform-origin:center;
	animation-name:%css-ctar%-kf-borderlight1-bg-hover;
	animation-iteration-count:1;
	animation-timing-function:linear;
	animation-duration:1s;
}
@keyframes %css-ctar%-kf-borderlight1-bg-hover {
	0% {
		transform:translate(-50%,-50%) rotateZ(0);
		background:linear-gradient(to left, #707485 0%, #707485 40%, white 50%, #707485 60%, #707485 100%);
	}
	50% {
		transform:translate(-50%,-50%) rotateZ(180deg);
		background:linear-gradient(to left, #707485 0%, #707485 40%, white 50%, #707485 60%, #707485 100%);
	}
}
.%css-ctar% .aiin-btn.aiin-init.aiin-sel .aiin-borderlight1-bg {
	animation-delay:-10000s;
}
/* filldiv */
.%css-ctar% .aiin-filldiv1 {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
/* absline */
.%css-ctar% .aiin-absline1 {
	position:absolute;
	left:0;
	width:100%;
	line-height:1;
	top:8px;
	height:16px;
	text-align:center;
}
/* ipos:hcenter */
.%css-ctar% .aiin-ipos1 {
	position:relative;
	display:inline-block;
	width:auto;
	height:100%;
}
.%css-ctar% .aiin-ipos1-space {
	width:auto;
	height:100%;
}
/* vmark */
.%css-ctar% .aiin-vmstd1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:opacity 1s, transform 1s;
}
.%css-ctar% .aiin-vmstd1-off {
	background:url("%url-tpl%img/vmark-off.png");
	background-size:100% 100%;
	opacity:0.5;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vmstd1-off {
	opacity:0;
}
.%css-ctar% .aiin-vmstd1-on {
	background:url("%url-tpl%img/vmark-on.png");
	background-size:100% 100%;
	opacity:0;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vmstd1-on {
	opacity:1;
}
/* vmark:action */
.%css-ctar% .aiin-btn.aiin-sel .aiin-vmstd1-off {
	opacity:0;
}
.%css-ctar% .aiin-vmstd1-on {
	background:url("%url-tpl%img/vmark-on.png");
	background-size:100% 100%;
	opacity:0;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vmstd1-on {
	opacity:1;
}
.%css-ctar% .aiin-vmstd1-off {
	transform:scale(1);
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vmstd1-off {
	transform:scale(1);
}
.%css-ctar% .aiin-vmstd1-on {
	transform:scale(1);
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-vmstd1-on {
	transform:scale(1);
}
.%css-ctar% .aiin-btn:hover .aiin-vmstd1-on {
	animation-name:%css-ctar%-kf-vmstd1-blink;
	animation-iteration-count:2;
	animation-timing-function:ease;
	animation-duration:0.2s;
}
@keyframes %css-ctar%-kf-vmstd1-blink {
	50% {
		opacity:0;
	}
	50.00001% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}
/* absline */
.%css-ctar% .aiin-absline2 {
	position:absolute;
	left:0;
	width:100%;
	line-height:1;
	bottom:5px;
	text-align:center;
}
.%css-ctar% .aiin-vcnt {
	color:#fff;
	font-size:7px;
	font-weight:bold;
}