/* btn */
.%css-ctar% .aiin-btn {
	position:relative;
	display:table-cell;
	padding:5px;
	border:1px solid #ccc;
	background-color:white;

	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
	line-height:1;
}
.%css-ctar% .aiin-btn.aiin-sel {
}
.%css-ctar% .aiin-btn.aiin-not-allowed {
	cursor:default;
}
/* photo */
.%css-ctar% .aiin-photo {
	position:relative;
	width:100px;
	height:100px;
	background:url("%url-tpl%img/photo.jpg");
	background-size:cover;
	margin-bottom:5px;
}
/* photo-cover */
.%css-ctar% .aiin-photo-cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,128,64,0.5);
	transition:background-color 0.5s;
}
.%css-ctar% .aiin-btn:hover .aiin-photo-cover,
.%css-ctar% .aiin-btn.aiin-sel .aiin-photo-cover {
	background-color:rgba(0,0,0,0);
}
/* label */
.%css-ctar% .aiin-label {
	position:absolute;
	bottom:5px;
	right:5px;
	height:16px;
	width:auto;
}
/* handle */
.%css-ctar% .aiin-handle {
	position:relative;
	text-align:center;
}
/* vcnt */
.%css-ctar% .aiin-vcnt {
	position:relative;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#000;
	vertical-align:middle;
	letter-spacing:1px;
}
/* check */
.%css-ctar% .aiin-check {
	position:absolute;
	top:5px;
	left:5px;
	width:16px;
	height:16px;
	background:url("%url-tpl%img/check.png");
	background-size:100% 100%;
	opacity:0;
	transform:rotateY(-270deg);
	transition:transform 1s, opacity 0.5s;
}
.%css-ctar% .aiin-btn.aiin-sel .aiin-check {
	opacity:0.8;
	transform:rotateY(0);
}