.csslider1 {
	display: inline-block;
	position: relative;
}

@media
only screen and (max-height: 750px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-height: 750px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-height: 750px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-height: 750px),
only screen and (        max-device-pixel-ratio: 2)      and (max-height: 750px),
only screen and (                max-resolution: 192dpi) and (max-height: 750px),
only screen and (                max-resolution: 2dppx)  and (max-height: 750px) { 
	.csslider1 img {
		max-height: 390px;
	}
}

.csslider1 > .cs_anchor {
	display: none;
}
.csslider1 > ul {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	
	overflow: hidden;
	white-space: nowrap;
}
.csslider1 > ul > li.img img {
	width: 100%;
}
.csslider1 > ul > li.img {
	font-size: 0pt;

	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.csslider1 > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	white-space: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.csslider1 .cs_lnk{
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0pt;
	opacity: 0;
	filter: alpha(opacity=0);
}

/* /calculate autoplay */
.csslider1 > .cs_bullets {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 6;
	font-size: 0;
	line-height: 8pt;
	text-align: right;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.csslider1 > .cs_bullets > div {
	margin-left: -50%;
	width: 100%;
}
.csslider1 > .cs_bullets > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	z-index: 1;
	line-height: 0;
	left: -44px;
	top: -48px;
}
.csslider1 > ul > li {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	opacity: 0;
	z-index: 1;

  	-webkit-transition: opacity 2000ms ease, -webkit-transform 32000ms linear;
  	-moz-transition: opacity 2000ms ease, -moz-transform 32000ms linear;
  	-ms-transition: opacity 2000ms ease, -ms-transform 32000ms linear;
  	-o-transition: opacity 2000ms ease, -o-transform 32000ms linear;
  	transition: opacity 2000ms ease, transform 32000ms linear;
}

.csslider1 > ul > li.num0 {
	opacity: 1;
	z-index: 2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
	opacity: 0;
	z-index: 1;
}

.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,
.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,
.csslider1 > #cs_slide1_2:checked ~ ul > li.num2,
.csslider1 > #cs_slide1_3:checked ~ ul > li.num3 {
	opacity: 1;
	-webkit-transform: scale(1) translate(0, 0);
	-moz-transform: scale(1) translate(0, 0);
	-ms-transform: scale(1) translate(0, 0);
	-o-transform: scale(1) translate(0, 0);
	transform: scale(1) translate(0, 0);
	
	z-index: 2;
}

/* calculate autoplay */
@-webkit-keyframes fadeout {
    0%, 24.2%		{ opacity:1; z-index: 2;}
	24.2%, 24.3% { opacity: 0.95; }
	24.3%, 24.4% { opacity: 0.9; }
	24.4%, 24.5% { opacity: 0.85; }
	24.5%, 24.6% { opacity: 0.8; }
	24.6%, 24.7% { opacity: 0.75; }
	24.7%, 24.8% { opacity: 0.5; }
	24.8%, 24.9% { opacity: 0.25; }
	24.9%, 25% { opacity: 0.125; }
    25%, 100%	{ opacity:0; z-index: 1;}
}

@keyframes fadeout {
    0%, 24.2%		{ opacity:1; z-index: 2;}
	24.2%, 24.3% { opacity: 0.95; }
	24.3%, 24.4% { opacity: 0.9; }
	24.4%, 24.5% { opacity: 0.85; }
	24.5%, 24.6% { opacity: 0.8; }
	24.6%, 24.7% { opacity: 0.75; }
	24.7%, 24.8% { opacity: 0.5; }
	24.8%, 24.9% { opacity: 0.25; }
	24.9%, 25% { opacity: 0.125; }
    25%, 100%	{ opacity:0; z-index: 1;}
}

.csslider1 > #cs_play1:checked ~ ul > li.num0,
.csslider1 > #cs_pause1:checked ~ ul > li.num0 {
	-webkit-animation: 	
		fadeout 32000ms -2000ms infinite;
	-moz-animation: 	
		fadeout 32000ms -2000ms infinite;
	-ms-animation: 
		fadeout 32000ms -2000ms infinite;
	-o-animation: 
		fadeout 32000ms -2000ms infinite;
	animation: 
		fadeout 32000ms -2000ms infinite;
}
.csslider1 > #cs_play1:checked ~ ul > li.num1,
.csslider1 > #cs_pause1:checked ~ ul > li.num1 {
	-webkit-animation: 	
		fadeout 32000ms 6000ms infinite;
	-moz-animation: 	
		fadeout 32000ms 6000ms infinite;
	-ms-animation: 
		fadeout 32000ms 6000ms infinite;
	-o-animation: 
		fadeout 32000ms 6000ms infinite;
	animation: 
		fadeout 32000ms 6000ms infinite;
}
.csslider1 > #cs_play1:checked ~ ul > li.num2,
.csslider1 > #cs_pause1:checked ~ ul > li.num2 {
	-webkit-animation: 	
		fadeout 32000ms 14000ms infinite;
	-moz-animation: 	
		fadeout 32000ms 14000ms infinite;
	-ms-animation: 
		fadeout 32000ms 14000ms infinite;
	-o-animation: 
		fadeout 32000ms 14000ms infinite;
	animation: 
		fadeout 32000ms 14000ms infinite;
}
.csslider1 > #cs_play1:checked ~ ul > li.num3,
.csslider1 > #cs_pause1:checked ~ ul > li.num3 {
	-webkit-animation: 	
		fadeout 32000ms 22000ms infinite;
	-moz-animation: 	
		fadeout 32000ms 22000ms infinite;
	-ms-animation: 
		fadeout 32000ms 22000ms infinite;
	-o-animation: 
		fadeout 32000ms 22000ms infinite;
	animation: 
		fadeout 32000ms 22000ms infinite;
}

.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.csslider1.cs_pauseHover:hover > ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li{
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/* stop */

.csslider1 > .slide:checked ~ ul > li {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* /calculate autoplay */
.csslider1 > .cs_play_pause {
  	-webkit-transition: .5s opacity 0s ease;
  	-moz-transition: .5s opacity 0s ease;
  	-ms-transition: .5s opacity 0s ease;
  	-o-transition: .5s opacity 0s ease;
  	transition: .5s opacity 0s ease;
  	
}
.csslider1 > .cs_bullets {
	bottom: 5px;
	margin-bottom: 5px;
}

.csslider1 > .cs_bullets > label {
	margin: 0 6px;
	padding: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
}

.csslider1 > .cs_bullets > label.num0 {
	background-color: #E34B64;
}
.csslider1 > .slide:checked ~ .cs_bullets > label {
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
}

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_bullets > label.num3 {
	background-color: #E34B64;
}

.csslider1 > .cs_bullets > label:hover {
	background-color: #E34B64;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 24.99999994%	{ background-color: #E34B64; }
	25%, 100% { background: #000; background-color: rgba(0,0,0,0.6);}
}
@-moz-keyframes bullet {
	0%, 24.99999994%	{ background-color: #E34B64; }
	25%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-ms-keyframes bullet {
	0%, 24.99999994%	{ background-color: #E34B64; }
	25%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-o-keyframes bullet {
	0%, 24.99999994%	{ background-color: #E34B64; }
	25%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@keyframes bullet {
	0%, 24.99999994%	{ background-color: #E34B64; }
	25%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 {
	-webkit-animation: bullet 32000ms infinite -2000ms;
	-moz-animation: bullet 32000ms infinite -2000ms;
	-ms-animation: bullet 32000ms infinite -2000ms;
	-o-animation: bullet 32000ms infinite -2000ms;
	animation: bullet 32000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 {
	-webkit-animation: bullet 32000ms infinite 6000ms;
	-moz-animation: bullet 32000ms infinite 6000ms;
	-ms-animation: bullet 32000ms infinite 6000ms;
	-o-animation: bullet 32000ms infinite 6000ms;
	animation: bullet 32000ms infinite 6000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 {
	-webkit-animation: bullet 32000ms infinite 14000ms;
	-moz-animation: bullet 32000ms infinite 14000ms;
	-ms-animation: bullet 32000ms infinite 14000ms;
	-o-animation: bullet 32000ms infinite 14000ms;
	animation: bullet 32000ms infinite 14000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num3,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num3 {
	-webkit-animation: bullet 32000ms infinite 22000ms;
	-moz-animation: bullet 32000ms infinite 22000ms;
	-ms-animation: bullet 32000ms infinite 22000ms;
	-o-animation: bullet 32000ms infinite 22000ms;
	animation: bullet 32000ms infinite 22000ms;
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;
}

.csslider1.cs_pauseHover:hover > .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/* stop */

.csslider1 > .slide:checked ~ .cs_bullets > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) { 
	.csslider1 > .cs_bullets {
		display: none;
	}
}

@media
only screen and (max-width: 740px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 740px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 740px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 740px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 740px),
only screen and (                max-resolution: 192dpi) and (max-width: 740px),
only screen and (                max-resolution: 2dppx)  and (max-width: 740px) { 
	.csslider1 #rimg {
		display: none;
	}
	.csslider1 #mimg {
		display: inline-block;
	}
}


@media
only screen and (min-width: 740px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (min-width: 740px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (min-width: 740px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (min-width: 740px),
only screen and (        max-device-pixel-ratio: 2)      and (min-width: 740px),
only screen and (                max-resolution: 192dpi) and (min-width: 740px),
only screen and (                max-resolution: 2dppx)  and (min-width: 740px) { 
	.csslider1 #mimg {
		display: none;
	}
}