/* 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;
}
.%css-ctar% .aiin-aura1 {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	border-radius:50%;
	background:#f19231;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-aura1 {
	animation-name:%css-ctar%-kf-aura1-radiate-hover;
	animation-iteration-count:1;
	animation-timing-function:linear;
	animation-duration:1.5s;
}
@keyframes %css-ctar%-kf-aura1-radiate-hover {
	0% {
		opacity:1;
		transform:scale(1,1);
	}
	100% {
		opacity:0;
		transform:scale(2,2);
	}
}
.%css-ctar% .aiin-aura1-1 {
	animation-delay:0s;
}
@media (hover:none) {
	.%css-ctar% .aiin-aura1-1 {
		animation-delay:1s;
	}
}
.%css-ctar% .aiin-btn.aiin-init .aiin-aura1 {
	animation-name:none;
}
/* reldiv */
.%css-ctar% .aiin-reldiv1 {
	position:relative;
	width:80px;
	height:80px;
}
/* pie */
.%css-ctar% .aiin-pie1-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.%css-ctar% .aiin-pie1-pie-frame {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 0 13px 0 #888;
	transition:box-shadow 2s;
}
.%css-ctar% .aiin-pie1-safari-transitionfix {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-pie1-pie-frame {
	box-shadow:0 0 13px 0 red;
}
.%css-ctar% .aiin-pie1-pie,
.%css-ctar% .aiin-pie1-pie-left,
.%css-ctar% .aiin-pie1-pie-right,
.%css-ctar% .aiin-pie1-mask-left,
.%css-ctar% .aiin-pie1-mask-right {
	position:absolute;
	top:0;
	height:100%;
}
.%css-ctar% .aiin-pie1-pie {
	position:absolute;
	top:0;
	width:200%;
	background:radial-gradient(#f19231, red);
	border-radius:50%;
	opacity:0;
}
.%css-ctar% .aiin-pie1-pie-left .aiin-pie1-pie {
	left:0;
}
.%css-ctar% .aiin-pie1-pie-right .aiin-pie1-pie {
	right:0;
}
.%css-ctar% .aiin-pie1-pie-left,
.%css-ctar% .aiin-pie1-pie-right,
.%css-ctar% .aiin-pie1-mask-left,
.%css-ctar% .aiin-pie1-mask-right {
	width:50%;
	overflow:hidden;
}
.%css-ctar% .aiin-pie1-mask-left,
.%css-ctar% .aiin-pie1-pie-left {
	left:0;
}
.%css-ctar% .aiin-pie1-mask-right,
.%css-ctar% .aiin-pie1-pie-right {
	right:0;
}
.%css-ctar% .aiin-pie1-mask-left,
.%css-ctar% .aiin-pie1-mask-right {
	background-color:#aaa;
}
.%css-ctar% .aiin-pie1-mask-left {
	transform-origin:100% 50%;
}
.%css-ctar% .aiin-pie1-mask-right {
	transform-origin:0% 50%;
}
.%css-ctar% .aiin-btn:hover .aiin-pie1-pie,
.%css-ctar% .aiin-btn.aiin-sel .aiin-pie1-pie {
	opacity:1;
}
.%css-ctar% .aiin-pie1-mask-right,
.%css-ctar% .aiin-pie1-mask-left {
	animation-timing-function:linear;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-fill-mode:forwards;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-pie1-mask-left {
	animation-name:%css-ctar%-kf-pie1-mask-left;
}
@media (hover:hover) {
	.%css-ctar% .aiin-btn:hover .aiin-pie1-mask-left {
		animation-name:%css-ctar%-kf-pie1-mask-left;
	}
}
@keyframes %css-ctar%-kf-pie1-mask-left {
	0% {
		transform:rotateZ(0deg);
	}
	50% {
		transform:rotateZ(0deg);
	}
	100% {
		transform:rotateZ(180deg);
	}
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-pie1-mask-right {
	animation-name:%css-ctar%-kf-pie1-mask-right;
}
@media (hover:hover) {
	.%css-ctar% .aiin-btn:hover .aiin-pie1-mask-right {
		animation-name:%css-ctar%-kf-pie1-mask-right;
	}
}
@keyframes %css-ctar%-kf-pie1-mask-right {
	0% {
		transform:rotateZ(0deg);
		opacity:1;
	}
	50% {
		transform:rotateZ(180deg);
		opacity:1;
	}
	50.0001% {
		opacity:0;
	}
	100% {
		transform:rotateZ(360deg);
		opacity:0;
	}
}
.%css-ctar% .aiin-btn.aiin-init.aiin-sel .aiin-pie1-mask-left,
.%css-ctar% .aiin-btn.aiin-init.aiin-sel .aiin-pie1-mask-right {
	animation-delay:-100000s;
}
.%css-ctar% .aiin-filldiv1 {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-align:center;
}
.%css-ctar% .aiin-absline1 {
	position:absolute;
	left:0;
	width:100%;
	line-height:1;
	top:25px;
}
.%css-ctar% .aiin-span1 {
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.%css-ctar% .aiin-absline2 {
	position:absolute;
	left:0;
	width:100%;
	line-height:1;
	bottom:20px;
}
.%css-ctar% .aiin-vcnt {
	color:#fff;
	font-size:11px;
	font-weight:bold;
}