@charset "utf-8";
/* ================================================================================================== */
/* slideshow */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container and common */
.slideshow,
.slideshow .slide { display:block; position:relative; width:100%!important; height:auto!important; overflow:hidden; background:#fff; }
.slideshow { margin:8px auto 16px auto!important; padding:56%/*360/640*/ 0 56px 0!important; }
.slideshow:first-child { margin-top:0!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* slide */
	.slideshow .slide { position:absolute; top:0!important; left:0!important; margin:0!important; padding:0!important; }
		
		/* ------------------------------------------------------------------------------ */
		/* slide - image */
		.slideshow .slide img { display:block; width:100%; height:auto; margin:0; padding:0; overflow:hidden; background:none; border:none; }

/* ------------------------------------------------------------------------------ */
/* toggle */
.slideshow .btnToggle {	display:none!important; }

/* ------------------------------------------------------------------------------ */
/* slideshowControls */
.slideshow .controls { position:absolute; bottom:10px; right:10px; width:73px; height:36px; margin:0; padding:0; overflow:hidden; z-index:20; }
	
	/* ------------------------------------------------------------------------------ */
	/* prev | next */
	.slideshow .btnPrev,
	.slideshow .btnNext { 
		display:block!important; position:absolute; top:0; left:0; width:36px; height:36px; margin:0; cursor:pointer; /*vertical-align:middle;*/
		background-image:url(../img/slideshow-btn-nav.png); background-repeat:no-repeat; }
	.slideshow .btnPrev { background-position:0 0; }
	.slideshow .btnNext { background-position:0 -40px; left:auto; right:0; }
	
	/* interaction */
	.slideshow .btnPrev:hover,
	.slideshow .btnPrev:focus,
	.slideshow .btnPrev:active { background-position:-40px 0; }
	.slideshow .btnNext:hover,
	.slideshow .btnNext:focus,
	.slideshow .btnNext:active { background-position:-40px -40px; }
	
	/* disabled */
	.slideshow .btnPrev.disabled,
	.slideshow .btnNext.disabled { 
		cursor:default!important;
		/*opacity*/
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter:alpha(opacity=50); }
	
	/* remove bg in ie6, multiple classes CSS not supported */
	.ie6 .slideshow .disabled { background:none!important; }
		
	/* IE7 display inline with text-indent fix */
	.ie6 .slideshow .btnPrev,
	.ie6 .slideshow .btnNext,
	.ie7 .slideshow .btnPrev,
	.ie7 .slideshow .btnNext { text-indent:0!important; }
	.ie6 .slideshow .btnPrev span,
	.ie6 .slideshow .btnNext span,
	.ie7 .slideshow .btnPrev span,
	.ie7 .slideshow .btnNext span { display:none!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* pager */
	.slideshow .controls .pager { display:none!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* pager buttons */
	
/* ------------------------------------------------------------------------------ */
/* caption */
.slideshow .captionContainer { 
	position:absolute; bottom:0; left:0; width:100%; height:56px; margin:0; padding:0; overflow:hidden; }
	
	.slideshow .caption { 
		width:auto; height:24px; margin:16px 100px 16px 25px!important; padding:0; overflow:hidden;
		white-space:nowrap; text-overflow:ellipsis;
		color:#333; font-size:15px; font-weight:400; line-height:24px; }

/* responsive */
@media only screen and (max-width:640px) {
	
	/* smaller text */
	.slideshow .caption { font-size:12px; }

}
@media (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
	   
	.slideshow .btnPrev,
	.slideshow .btnNext { background-image:url(../img/slideshow-btn-nav@2x.png); background-size:80px 80px; }
	
}


/* ================================================================================================== */
/* slideshow tour */
/* ================================================================================================== */

/* ------------------------------------------------------------------------------ */
/* container and common */
.slideshow.tour,
.slideshow.tour .slide { display:block; position:relative; width:100%!important; height:auto!important; overflow:hidden; background:#fff; }
.slideshow.tour { margin:0 auto!important; padding:38%/*390/1024*/ 0 0 0!important; }

/* -------------------------------------------------------------------------- */
/* controls */
.slideshow.tour .controls { 
	position:relative; bottom:auto; right:auto; width:100%; max-width:960px; height:auto; margin:0 auto; padding:0; overflow:visible; z-index:20; }
	
	/* arrow */
	.slideshow.tour .controls:before { 
		content:'';
		display:block; position:absolute; top:-17px; left:45px; width:0; height:0; margin:0; padding:0; overflow:hidden;
		border:10px solid transparent; border-bottom-color:#fff;
		font-size:0; line-height:0; }

	/* caption */
	.slideshow.tour .caption { 
		width:70%; height:auto; margin:0!important; padding:15px 0 15px 25px; overflow:hidden; float:left; clear:left;
		white-space:normal; color:#444; font-size:14px; font-weight:400; line-height:15px; }
	
	/* buttons */
	.slideshow.tour .buttons { 
		width:auto; height:15px; margin:0; padding:15px 25px 15px 0; float:right; clear:right;
		white-space:nowrap; color:#444; font-size:14px; font-weight:400; line-height:15px; }
	
		/* btnToggle */
		.slideshow.tour .btnToggle { display:inline!important; color:#444; cursor:pointer; outline:0 none!important; }
		.slideshow.tour .btnToggle:hover,
		.slideshow.tour .btnToggle:focus,
		.slideshow.tour .btnToggle:active { color:#444; }
		
			/* icon */
			.slideshow.tour .btnToggle .iconInline { vertical-align:middle; font-size:14px; line-height:15px; }
		
		/* interaction */
		.slideshow.tour .btnToggle.pause .icon-play,
		.slideshow.tour .btnToggle.resume .icon-pause 	{ display:inline-block; }
		.slideshow.tour .btnToggle.pause .icon-play,
		.slideshow.tour .btnToggle.resume .icon-pause 	{ display:none; }
		
		/* pagerText */
		.slideshow.tour .pagerText { vertical-align:middle; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:800px) {

	/* bigger icon */
	.slideshow.tour .btnToggle .iconInline { font-size:21px; }

}
@media only screen and (max-width:640px) {

	/* stack caption and buttons */
	.slideshow.tour .caption,
	.slideshow.tour .buttons { width:auto; float:none; clear:both; }
	
	/* hide caption text */
	.slideshow.tour .caption,
	.slideshow.tour .controls:before { display:none!important; }
	
	/* center align pager text */
	.slideshow.tour .buttons { padding:15px 25px; text-align:center; }

}