/* div.carousel a.lazy-done {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
} */
div.carousel {
	text-align:left;
}
div.carousel,
div.carousel div.outer ul.inner li span {
	position:relative;
}
div.carousel div.outer {
	position:relative;
	overflow:hidden;
	-webkit-transform: translateZ(0);
}
div.carousel div.outer ul {
	position:absolute;
	display:table;
}
div.carousel div.outer ul.inner li {
	display:table-cell;
}
div.carousel div.outer ul.inner li span,
div.carousel div.outer ul.inner li span a,
div.carousel div.outer ul.inner li span a img {
	display:block;
}
div.carousel div.outer ul.inner li span a {
	cursor:default;
}
@media all and (min-width: 768px) {
div.carousel {
	margin-bottom:0.5em;
	margin-top: 1em;
}
div.carousel div.outer {
	height:263px;
}
div.carousel div.outer ul.inner li {
	padding-right:0;
}
div.carousel div.outer ul.inner li span,
div.carousel div.outer ul.inner li span a,
div.carousel div.outer ul.inner li span a img {
	width:470px;
	height:263px;
}
div.carousel div.outer ul.inner li span a {
	-webkit-box-shadow:0 0 16px -8px hsla(0,0%,100%,0.5);
	box-shadow:0 0 16px -8px hsla(0,0%,100%,0.5);
}
}
@media all and (max-width: 767px) {
div.carousel {
	margin-bottom:0;
	margin-top: 0.5em;
}
div.carousel div.outer {
	height:134px;
}
div.carousel div.outer ul.inner li {
	padding-right:0;
}
div.carousel div.outer ul.inner li > span,
div.carousel div.outer ul.inner li > span a,
div.carousel div.outer ul.inner li > span a img {
	width:240px;
	height:134px;
}
div.carousel div.outer ul.inner li > span > a {
	background-size:cover;
}
}


/*	disc
============================== */
div.carousel ul.ctrl-disc {
	text-align:center;
	height:34px;
	/* background-color:hsla(0,0%,100%,0.5); */
}
div.carousel ul.ctrl-disc li {
	display:inline-block;
	width:24px;
	padding-top:9px;
}
div.carousel ul.ctrl-disc li a {
	display:inline-block;
	text-decoration:none;
	width:16px;
	height:16px;
	background-color:hsla(0, 0%, 0%, 0.3);
	border-radius:8px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.carousel ul.ctrl-disc li a.now {
	background-color:red;
}
@media all and (min-width: 768px) {
	div.carousel ul.ctrl-disc {
		margin-bottom: -0.5em;
		margin-top: 0.5em;
	}
}
@media all and (max-width: 767px) {
	div.carousel ul.ctrl-disc {
		margin-bottom: -0.5em;
	}
}
/*	arrow
============================== */
@media all and (min-width: 768px) {
div.carousel ul.ctrl-arrow {
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
div.carousel ul.ctrl-arrow li {
	position:absolute;
	top:137px;
}
div.carousel ul.ctrl-arrow li.ctrl-lef {
	left:50%;
	margin-left:-412px;
}
div.carousel ul.ctrl-arrow li.ctrl-rig {
	right:50%;
	margin-right:-412px;
}
div.carousel ul.ctrl-arrow li a {
	position:relative;
	display:block;
	background-repeat:no-repeat;
	background-size:240px 120px;
	width:60px;
	height:120px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.carousel ul.ctrl-arrow li.ctrl-lef a {
	background-position:left top;
}
div.carousel ul.ctrl-arrow li.ctrl-rig a {
	background-position:-60px 0;
}
div.carousel ul.ctrl-arrow li.ctrl-lef a:hover {
	background-position:-120px 0;
}
div.carousel ul.ctrl-arrow li.ctrl-rig a:hover {
	background-position:-180px 0;
}
}
@media all and (max-width: 767px) {
div.carousel ul.ctrl-arrow {
	display:none;
}
}