/* btn */
.%css-ctar% .aiin-btn {
	position:relative;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
	line-height:1;
	/* cut off sticking-out corners for chrome */
	overflow:hidden;
	z-index:0;
	border-radius:8px;
	border:1px solid #ffc5a1;
}
.%css-ctar% .aiin-btn.aiin-sel {
	animation-name:%css-ctar%-kf-btn-sel;
	animation-duration:2s;
	animation-timing-function:linear;
	animation-iteration-count:1;
}
@keyframes %css-ctar%-kf-btn-sel {
	0% {
		box-shadow:
			0 0 5px 0 #f84,
			0 0 10px 0 #fc8,
			0 0 25px 0 #ffc5a1,
			0 0 50px 0 #ffc5a1;
	}
	100% {
		box-shadow:none;
	}
}
.%css-ctar% .aiin-btn.aiin-not-allowed {
	cursor:default;
}
/* btn-inner */
.%css-ctar% .aiin-btn-inner {
	position:relative;
	display:table;
	border-collapse:separate;
	border-spacing:5px 8px;
	background:#ff0000;
	background:linear-gradient(to top,#ff0000,#ffc5a1);
}
/* tcell */
.%css-ctar% .aiin-tcell {
	display:table-cell;
	vertical-align:middle;
}
.%css-ctar% .aiin-tcell:first-child {
	padding-left:10px;
}
.%css-ctar% .aiin-tcell:last-child {
	padding-right:10px;
}
/* label & vcnt & postfix */
.%css-ctar% .aiin-label,
.%css-ctar% .aiin-vcnt,
.%css-ctar% .aiin-postfix {
	opacity:.8;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-label,
.%css-ctar% .aiin-btn.aiin-sel .aiin-vcnt,
.%css-ctar% .aiin-btn.aiin-sel .aiin-postfix {
	opacity:1;
}
/* label */
.%css-ctar% .aiin-label {
	position:relative;
	width:145.36px;
	height:38px;
	opacity:.8;
	vertical-align:middle;
}
.%css-ctar% .aiin-btn:hover .aiin-label {
	animation-name:%css-ctar%-kf-label-hover;
	animation-iteration-count:infinite;
	animation-duration:.6s;
}
@keyframes %css-ctar%-kf-label-hover {
	0% {
		opacity:0;
		xtransform:translateY(5px);
		transform:scale(1.1);
	}
	100% {
		opacity:1;
	}
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-label {
	animation-name:none;
}
/* vcnt & postfix */
.%css-ctar% .aiin-vcnt,
.%css-ctar% .aiin-postfix {
	color:white;
	font-weight:bold;
	text-shadow:1px 1px 1px #ccc;
}
/* vcnt */
.%css-ctar% .aiin-vcnt {
	position:relative;
	top:1px;
	font-family:"arial";
	font-size:24px;
	text-align:right;
	min-width:15px;
}
/* postfix */
.%css-ctar% .aiin-postfix {
	position:relative;
	font-size:16px;
}
/* flame */
.%css-ctar% .aiin-flame-ctar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.%css-ctar% .aiin-flame {
	position:absolute;
	top:-20px;
	left:-20px;
	width:120%;
	height:100px;
	background:url("%url-tpl%img/flame.jpg");
	background-size:100% 100%;
	opacity:0.3;

	animation-name:%css-ctar%-kf-flame-hover;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-duration:2s;
	animation-play-state:paused;
}
.%css-ctar% .aiin-flame-1 {
	animation-delay:0;
}
.%css-ctar% .aiin-flame-2 {
	animation-delay:-0.5s;
}
.%css-ctar% .aiin-flame-3 {
	animation-delay:-1s;
}
.%css-ctar% .aiin-flame-4 {
	animation-delay:-1.5s;
}
.%css-ctar% .aiin-btn:hover .aiin-flame {
	animation-play-state:running;
}
@keyframes %css-ctar%-kf-flame-hover {
	0% {
		transform:rotate(0deg) translateX(20px) rotate(0deg) ;
	}
	50% {
		opacity:0;
	}
	100% {
		transform:rotate(-360deg) translateX(20px) rotate(360deg);
	}
}