/**
 * @title          Event
 * @description    Mainly multimedia library page
 * @media          screen
 * @required       global-*.css
 */

/**
 * @section        characterList
 * @tree           #characterList < #carousel < #carouselInner < #opening  < #page < #wrapper < body
 */
#characterList a {
	display:block;
}
#characterList span {
	display: block;
	padding: 2px;
	background-color: #fff; color: #000;
	font-size:10px;
	text-decoration: none; text-align: center;
}
#characterList .flip-item,
#characterList .flip-content {
	width:123px;
}

#characterList .flip-prev {
	-webkit-transform: translateX(-98px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-moz-transform: translateX(-98px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-o-transform: translateX(-98px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-ms-transform: translateX(-98px) translateZ(-100px) rotateY(55deg) scale(0.9);
	transform: translateX(-98px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
#characterList .flip-past {
	-webkit-transform: translateX(-150px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-moz-transform: translateX(-150px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-o-transform: translateX(-150px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-ms-transform: translateX(-150px) translateZ(-100px) rotateY(55deg) scale(0.9);
	transform: translateX(-150px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
#characterList .flip-past2 {
	-webkit-transform: translateX(-200px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-moz-transform: translateX(-200px) translateZ(-100px) rotateY(55deg) scale(0.9));
	-o-transform: translateX(-200px) translateZ(-100px) rotateY(55deg) scale(0.9));
	-ms-transform: translateX(-200px) translateZ(-100px) rotateY(55deg) scale(0.9);
	transform: translateX(-200px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
#characterList .flip-past3 {
	-webkit-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-moz-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-o-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	-ms-transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
	transform: translateX(-250px) translateZ(-100px) rotateY(55deg) scale(0.9);
}
#characterList .flip-next {
	-webkit-transform: translateX(98px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-moz-transform: translateX(98px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-o-transform: translateX(98px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-ms-transform: translateX(98px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	transform: translateX(98px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}
#characterList .flip-future {
	-webkit-transform: translateX(150px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-moz-transform: translateX(150px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-o-transform: translateX(150px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-ms-transform: translateX(150px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	transform: translateX(150px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}
#characterList .flip-future2 {
	-webkit-transform: translateX(200px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-moz-transform: translateX(200px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-o-transform: translateX(200px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-ms-transform: translateX(200px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	transform: translateX(200px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}
#characterList .flip-future3 {
	-webkit-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-moz-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-o-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	-ms-transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
	transform: translateX(250px) translateZ(-100px) rotateY(-55deg) scale(0.9);
}

.clearfix:after, .flip-content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}