/* slideshow container */
.ctar {
	position:relative;
	border:15px solid #888;
	background-color:#edd;
}
/* slide background for aspect ratio */
.slide-bg {
	position:relative;
	width:100%;
	padding-bottom:50%;
}
/* input panel */
.inp-panel {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.btn-prev,
.btn-next {
	position:absolute;
	top:10px;
	width:100px;
	height:100px;
	background-color:rgba(255,255,255,0.5);
	cursor:pointer;
}
.btn-prev {
	left:10px;
}
.btn-next {
	right:10px;
}
.ctar-pagebtn {
	position:absolute;
	bottom:20px;
	right:20px;
	padding:20px 10px;
	line-height:0;
	background-color:rgba(0,0,0,0.5);
	border-radius:10px;
}
.btn-page {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 10px;	
	background-color:rgba(255,255,255,0.5);
	border-radius:50%;
	cursor:pointer;
}
/* progress-bar */
.sigxyz-progressbar {
	position:absolute;
	left:0;
	width:100%;
}
@keyframes sigxyz-kf-progressbar {
	0% {
		width:0%;
	}
	100% {
		width:100%;
	}
}
/* slide current & next */
.slide-base {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
/* slideshow transition */
/* tfx:fade */
@keyframes kf-sshow-tfx-fade-f {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes kf-sshow-tfx-fade-t {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/* tfx:zoom */
.init-sshow-tfx-zoom-t {
	transform-origin:50% 50%;
}
@keyframes kf-sshow-tfx-zoom-t-c {
	0% {
		transform:scale(0,0);
	}
	100% {
		transform:scale(1,1);
	}
}
@keyframes kf-sshow-tfx-zoom-t-u {
	0% {
		transform:scale(1,1);
	}
	100% {
		transform:scale(0,0);
	}
}
/* tfx:scroll */
@keyframes kf-sshow-tfx-scroll-f-left {
	0% {
		left:0%;
	}
	100% {
		left:-100%;
	}
}
@keyframes kf-sshow-tfx-scroll-t-left {
	0% {
		left:100%;
	}
	100% {
		left:0%;
	}
}
@keyframes kf-sshow-tfx-scroll-f-right {
	0% {
		left:0%;
	}
	100% {
		left:100%;
	}
}
@keyframes kf-sshow-tfx-scroll-t-right {
	0% {
		left:-100%;
	}
	100% {
		left:0%;
	}
}
@keyframes kf-sshow-tfx-scroll-f-up {
	0% {
		top:0%;
	}
	100% {
		top:-100%;
	}
}
@keyframes kf-sshow-tfx-scroll-t-up {
	0% {
		top:100%;
	}
	100% {
		top:0%;
	}
}
@keyframes kf-sshow-tfx-scroll-f-down {
	0% {
		top:0%;
	}
	100% {
		top:100%;
	}
}
@keyframes kf-sshow-tfx-scroll-t-down {
	0% {
		top:-100%;
	}
	100% {
		top:0%;
	}
}
/* tfx:turn */
.init-sshow-tfx-turn-f-left {
	transform-origin:0% 50%;
}
@keyframes kf-sshow-tfx-turn-f-left {
	0% {
		transform:scaleX(1);
	}
	100% {
		transform:scaleX(0);
	}
}
.init-sshow-tfx-turn-t-left {
	transform-origin:100% 50%;
}
@keyframes kf-sshow-tfx-turn-t-left {
	0% {
		transform:scaleX(0);
	}
	100% {
		transform:scaleX(1);
	}
}
.init-sshow-tfx-turn-f-right {
	transform-origin:100% 50%;
}
@keyframes kf-sshow-tfx-turn-f-right {
	0% {
		transform:scaleX(1);
	}
	100% {
		transform:scaleX(0);
	}
}
.init-sshow-tfx-turn-t-right {
	transform-origin:0% 50%;
}
@keyframes kf-sshow-tfx-turn-t-right {
	0% {
		transform:scaleX(0);
	}
	100% {
		transform:scaleX(1);
	}
}
.init-sshow-tfx-turn-f-down {
	transform-origin:50% 100%;
}
@keyframes kf-sshow-tfx-turn-f-down {
	0% {
		transform:scaleY(1);
	}
	100% {
		transform:scaleY(0);
	}
}
.init-sshow-tfx-turn-t-down {
	transform-origin:50% 0%;
}
@keyframes kf-sshow-tfx-turn-t-down {
	0% {
		transform:scaleY(0);
	}
	100% {
		transform:scaleY(1);
	}
}
.init-sshow-tfx-turn-f-up {
	transform-origin:50% 0%;
}
@keyframes kf-sshow-tfx-turn-f-up {
	0% {
		transform:scaleY(1);
	}
	100% {
		transform:scaleY(0);
	}
}
.init-sshow-tfx-turn-t-up {
	transform-origin:50% 100%;
}
@keyframes kf-sshow-tfx-turn-t-up {
	0% {
		transform:scaleY(0);
	}
	100% {
		transform:scaleY(1);
	}
}
/* tfx:cover */
.init-sshow-tfx-cover-up,
.init-sshow-tfx-cover-down {
	top:auto;
}
.init-sshow-tfx-cover-left,
.init-sshow-tfx-cover-right {
	left:auto;
}
@keyframes kf-sshow-tfx-cover-t-c-down {
	0% {
		bottom: 100%;
	}
	100% {
		bottom: 0;
	}
}
@keyframes kf-sshow-tfx-cover-t-u-down {
	0% {
		bottom: 0;
	}
	100% {
		bottom: -100%;
	}
}
@keyframes kf-sshow-tfx-cover-t-c-up {
	0% {
		top: 100%;
	}
	100% {
		top: 0;
	}
}
@keyframes kf-sshow-tfx-cover-t-u-up {
	0% {
		top: 0;
	}
	100% {
		top: -100%;
	}
}
@keyframes kf-sshow-tfx-cover-t-c-left {
	0% {
		left: 100%;
	}
	100% {
		left: 0;
	}
}
@keyframes kf-sshow-tfx-cover-t-u-left {
	0% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}
@keyframes kf-sshow-tfx-cover-t-c-right {
	0% {
		right: 100%;
	}
	100% {
		right: 0;
	}
}
@keyframes kf-sshow-tfx-cover-t-u-right {
	0% {
		right: 0;
	}
	100% {
		right: -100%;
	}
}
/* tfx:bounce */
.init-sshow-tfx-bounce-up,
.init-sshow-tfx-bounce-down {
	top:auto;
}
.init-sshow-tfx-bounce-left,
.init-sshow-tfx-bounce-right {
	left:auto;
}
@keyframes kf-sshow-tfx-bounce-t-c-down {
	0% {
		bottom: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
	32% {
		bottom: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
	62% {
		bottom: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
	90% {
		bottom: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes kf-sshow-tfx-bounce-t-u-down {
	0% {
		bottom: 0;
		animation-timing-function: ease-in;
	}
	16% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		bottom: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		bottom: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		bottom: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
}
@keyframes kf-sshow-tfx-bounce-t-c-up {
	0% {
		top: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		top: 0;
		animation-timing-function: ease-out;
	}
	32% {
		top: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		top: 0;
		animation-timing-function: ease-out;
	}
	62% {
		top: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		top: 0;
		animation-timing-function: ease-out;
	}
	90% {
		top: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		top: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes kf-sshow-tfx-bounce-t-u-up {
	0% {
		top: 0;
		animation-timing-function: ease-in;
	}
	16% {
		top: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		top: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		top: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		top: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		top: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		top: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		top: -100%;
		animation-timing-function: ease-out;
	}
}
@keyframes kf-sshow-tfx-bounce-t-c-left {
	0% {
		left: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		left: 0;
		animation-timing-function: ease-out;
	}
	32% {
		left: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		left: 0;
		animation-timing-function: ease-out;
	}
	62% {
		left: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		left: 0;
		animation-timing-function: ease-out;
	}
	90% {
		left: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		left: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes kf-sshow-tfx-bounce-t-u-left {
	0% {
		left: 0;
		animation-timing-function: ease-in;
	}
	16% {
		left: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		left: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		left: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		left: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		left: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		left: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		left: -100%;
		animation-timing-function: ease-out;
	}
}
@keyframes kf-sshow-tfx-bounce-t-c-right {
	0% {
		right: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		right: 0;
		animation-timing-function: ease-out;
	}
	32% {
		right: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		right: 0;
		animation-timing-function: ease-out;
	}
	62% {
		right: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		right: 0;
		animation-timing-function: ease-out;
	}
	90% {
		right: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		right: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes kf-sshow-tfx-bounce-t-u-right {
	0% {
		right: 0;
		animation-timing-function: ease-in;
	}
	16% {
		right: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		right: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		right: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		right: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		right: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		right: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		right: -100%;
		animation-timing-function: ease-out;
	}
}
/* tfx:kenburns */
.init-sshow-tfx-kenburns-cc {
	transform-origin:50% 50%;
}
.init-sshow-tfx-kenburns-br {
	transform-origin:0% 0%;
}
.init-sshow-tfx-kenburns-bl {
	transform-origin:100% 0%;
}
.init-sshow-tfx-kenburns-tl {
	transform-origin:100% 100%;
}
.init-sshow-tfx-kenburns-tr {
	transform-origin:100% 0%;
}
@keyframes kf-sshow-tfx-kenburns-f {
	0% {
		opacity:1;
		transform:scale(1,1);
	}
	100% {
		opacity:0;
		transform:scale(1.5,1.5);
	}
}
@keyframes kf-sshow-tfx-kenburns-t {
	0% {
		opacity:0;
		transform:scale(1.5,1.5);
	}
	100% {
		opacity:1;
		transform:scale(1,1);
	}
}
/* tfx:slice */
@keyframes kf-sshow-tfx-slice-c-up {
	0% {
		top:100%;
		opacity:0.5;
	}
	100% {
		top:0%;
		opacity:1;
	}
}
@keyframes kf-sshow-tfx-slice-u-up {
	0% {
		top:0;
		opacity:1;
	}
	100% {
		top:-100%;
		opacity:0.75;
	}
}
@keyframes kf-sshow-tfx-slice-c-down {
	0% {
		top:-100%;
		opacity:0.5;
	}
	100% {
		top:0%;
		opacity:1;
	}
}
@keyframes kf-sshow-tfx-slice-u-down {
	0% {
		top:0;
		opacity:1;
	}
	100% {
		top:100%;
		opacity:0.75;
	}
}
@keyframes kf-sshow-tfx-slice-c-left {
	0% {
		left:100%;
		opacity:0.5;
	}
	100% {
		left:0%;
		opacity:1;
	}
}
@keyframes kf-sshow-tfx-slice-u-left {
	0% {
		left:0;
		opacity:1;
	}
	100% {
		left:-100%;
		opacity:0.75;
	}
}
@keyframes kf-sshow-tfx-slice-c-right {
	0% {
		left:-100%;
		opacity:0.5;
	}
	100% {
		left:0%;
		opacity:1;
	}
}
@keyframes kf-sshow-tfx-slice-u-right {
	0% {
		left:0;
		opacity:1;
	}
	100% {
		left:100%;
		opacity:0.75;
	}
}
/* tfx:gate */
@keyframes kf-sshow-tfx-gate-c-l {
	0% {
		left:-100%
	}
	100% {
		left:0%;
	}
}
@keyframes kf-sshow-tfx-gate-c-r {
	0% {
		right:-100%
	}
	100% {
		right:0%;
	}
}
@keyframes kf-sshow-tfx-gate-u-l {
	0% {
		left:0%
	}
	100% {
		left:-100%;
	}
}
@keyframes kf-sshow-tfx-gate-u-r {
	0% {
		right:0%
	}
	100% {
		right:-100%;
	}
}
@keyframes kf-sshow-tfx-gate-c-t {
	0% {
		top:-100%
	}
	100% {
		top:0%;
	}
}
@keyframes kf-sshow-tfx-gate-c-b {
	0% {
		bottom:-100%
	}
	100% {
		bottom:0%;
	}
}
@keyframes kf-sshow-tfx-gate-u-t {
	0% {
		top:0%
	}
	100% {
		top:-100%;
	}
}
@keyframes kf-sshow-tfx-gate-u-b {
	0% {
		bottom:0%
	}
	100% {
		bottom:-100%;
	}
}