.Slider_box {
	position:relative;
	background: url(../slider/content.index/sl_1.jpg) top left no-repeat;
	z-index: 5;
}
.Slider_Spacer
{
	width: 100%;
	visibility:hidden;
}

.Slider_fader {
	position:absolute;
	width: 100%;
	height: 100%;
	background: url(../slider/content.index/sl_1.jpg) top left no-repeat;
	z-index: 7;
}

@media only screen and (min-width: 981px) {
.slider {
right: 0px; 
height: 100vh;
overflow: hidden;
width: 96.257vh;
max-width: 66.176%;
position: absolute;
}
.Slider_box, .Slider_fader {
	background-size: auto 100vh;
	float: right;
	height: 100%;
}
}

@media only screen and (max-width: 980px) {
.slider {
width: 100%;
height: auto;
overflow: hidden;
position: absolute;
top: 90px;
left: 0px;
margin: 0 0;
}
.Slider_box, .Slider_fader {
	width: 100%;
	background-size: cover;
}
}

.Slider_TextBox {
position: absolute;
font-size: 24px;
font-weight: normal;
font-style: italic;
display: block;
z-index: 6;
}

.stbx0 { color: #7d717e; top: 66%; left: 60%; width: 35%; }
.stbx1 { color: #cccccc; top: 40%; left: 55%; width: 40%; }
.stbx2 { color: #746d79; top: 8%; left: 65%; width: 30%; }
.stbx3 { color: #464c67; top: 5%; left: 15%; width: 55%; }
.stbx4 { color: #91182e; top: 18%; left: 42%; width: 28%; }
.stbx5 { color: #746d79; top: 7%; left: 7%; width: 48%; }
.stbx6 { color: #c272af; top: 20%; left: 57%; width: 35%; }
.stbx7 { color: #464c67; top: 6%; left: 50%; width: 36%; }
.stbx8 { color: #551832; top: 24%; left: 70%; width: 25%; }

@media only screen and (min-width: 981px) and (max-height: 880px) {
.Slider_TextBox { font-size: 18px; }
.stbx0 { top: 27%; left: 52%; width: 42%; }
.stbx1 { top: 75%; left: 10%; width: 45%; }
.stbx2 { top: 5%; left: 45%; width: 50%; }
.stbx3 { top: 5%; left: 10%; width: 55%; }
.stbx4 { top: 18%; left: 40%; width: 28%; }
.stbx5 { top: 7%; left: 7%; width: 65%; }
.stbx6 { top: 18%; left: 54%; width: 40%; }
.stbx7 { top: 6%; left: 35%; width: 60%; }
.stbx8 { top: 15%; left: 15%; width: 30%; }
}

@media only screen and (min-width: 1201px) and (max-height: 880px) {
.Slider_TextBox { font-size: 20px; }
.stbx0 { top: 62%; left: 54%; width: 42%; }
.stbx1 { top: 30%; left: 55%; width: 40%; }
.stbx2 { top: 8%; left: 55%; width: 40%; }
.stbx3 { top: 5%; left: 10%; width: 60%; }
.stbx4 { top: 18%; left: 40%; width: 30%; }
.stbx5 { top: 6%; left: 6%; width: 52%; }
.stbx6 { top: 15%; left: 55%; width: 40%; }
.stbx7 { top: 6%; left: 52%; width: 40%; }
.stbx8 { top: 12%; left: 12%; width: 30%; }
}

@media only screen and (min-width: 1201px) and (max-height: 750px) {
.Slider_TextBox { font-size: 18px; }
.stbx6 { top: 15%; left: 48%; width: 45%; }
}

@media only screen and (min-width: 1361px) and (max-height: 880px) {
.Slider_TextBox { font-size: 22px; }
.stbx0 { top: 66%; left: 59%; width: 37%; }
.stbx1 { top: 38%; left: 53%; width: 40%; }
.stbx3 { top: 5%; left: 12%; width: 60%; }
.stbx4 { top: 18%; left: 40%; width: 28%; }
.stbx5 { top: 6%; left: 6%; width: 50%; }
.stbx6 { top: 18%; left: 56%; width: 38%; }
}

@media only screen and (min-width: 1361px) and (max-height: 750px) {
.Slider_TextBox { font-size: 20px; }
.stbx0 { top: 27%; left: 50%; width: 45%; }
.stbx1 { top: 34%; left: 53%; width: 40%; }
.stbx2 { top: 8%; left: 60%; width: 35%; }
.stbx3 { top: 4%; left: 10%; width: 64%; }
.stbx4 { top: 12%; left: 35%; width: 35%; }
.stbx5 { top: 5%; left: 5%; width: 57%; }
.stbx6 { top: 16%; left: 52%; width: 44%; }
.stbx7 { top: 5%; left: 47%; width: 42%; }
}

@media only screen and (min-width: 981px) and (max-height: 650px) {
.Slider_TextBox { font-size: 18px; }
.stbx0 { top: 25%; left: 50%; width: 45%; }
.stbx1 { top: 30%; left: 53%; width: 40%; }
.stbx2 { top: 8%; left: 55%; width: 40%; }
.stbx3 { top: 4%; left: 7%; width: 67%; }
.stbx4 { top: 12%; left: 35%; width: 35%; }
.stbx5 { top: 5%; left: 5%; width: 70%; }
.stbx6 { top: 14%; left: 49%; width: 47%; }
.stbx7 { top: 5%; left: 47%; width: 42%; }
}

@media only screen and (min-width: 981px) and (max-height: 520px) {
.Slider_TextBox { font-size: 14px; }
.stbx0 { top: 10%; left: 50%; width: 45%; }
.stbx1 { top: 27%; left: 54%; width: 42%; }
.stbx2 { top: 5%; left: 35%; width: 60%; }
.stbx3 { top: 2%; left: 5%; width: 90%; }
.stbx4 { top: 5%; left: 25%; width: 52%; }
.stbx5 { top: 5%; left: 5%; width: 90%; }
.stbx6 { top: 5%; left: 48%; width: 48%; }
.stbx7 { top: 5%; left: 5%; width: 90%; }
.stbx8 { top: 8%; left: 8%; width: 35%; }
}

@media only screen and (max-width: 1360px) and (min-height: 881px) {
.Slider_TextBox { font-size: 22px; }
.stbx0 { top: 62%; left: 62%; width: 34%; }
.stbx1 { top: 30%; left: 55%; width: 40%; }
.stbx4 { top: 18%; left: 47%; width: 28%; }
.stbx6 { top: 18%; left: 60%; width: 37%; }
.stbx7 { top: 6%; left: 55%; width: 36%; }
.stbx8 { top: 15%; left: 15%; width: 30%; }
}

@media only screen and (max-width: 1200px) and (min-height: 881px) {
.Slider_TextBox { font-size: 20px; }
.stbx0 { top: 27%; left: 57%; width: 38%; }
.stbx1 { top: 70%; left: 10%; width: 50%; }
.stbx2 { top: 5%; left: 45%; width: 50%; }
.stbx5 { top: 7%; left: 7%; width: 55%; }
.stbx7 { top: 6%; left: 40%; width: 52%; }
.stbx8 { top: 15%; left: 15%; width: 30%; }
}

@media only screen and (max-width: 980px) {
.Slider_TextBox { font-size: 24px; }
.stbx0 { color: #7d717e; top: 66%; left: 60%; width: 35%; }
.stbx1 { color: #cccccc; top: 40%; left: 55%; width: 40%; }
.stbx2 { color: #746d79; top: 8%; left: 65%; width: 30%; }
.stbx3 { color: #464c67; top: 5%; left: 15%; width: 55%; }
.stbx4 { color: #91182e; top: 18%; left: 42%; width: 28%; }
.stbx5 { color: #746d79; top: 7%; left: 7%; width: 48%; }
.stbx6 { color: #c272af; top: 20%; left: 57%; width: 35%; }
.stbx7 { color: #464c67; top: 6%; left: 50%; width: 36%; }
.stbx8 { color: #551832; top: 24%; left: 70%; width: 25%; }
}

@media only screen and (max-width: 900px) {
.slider {
width: 100%;
height: 935px;
overflow: hidden;
position: absolute;
top: 90px;
left: 0px;
margin: 0 0;
}
.Slider_box, .Slider_fader {
	background-size: auto 100vh;
	float: right;
	height: 100%;
}
.Slider_TextBox { font-size: 22px; }
.stbx0 { top: 62%; left: 62%; width: 34%; }
.stbx1 { top: 30%; left: 55%; width: 40%; }
.stbx4 { top: 18%; left: 47%; width: 28%; }
.stbx6 { top: 18%; left: 60%; width: 37%; }
.stbx7 { top: 6%; left: 55%; width: 36%; }
.stbx8 { top: 15%; left: 15%; width: 30%; }
}

@media only screen and (max-width: 850px) {
.Slider_TextBox { font-size: 20px; }
.stbx0 { top: 27%; left: 57%; width: 38%; }
.stbx1 { top: 70%; left: 10%; width: 50%; }
.stbx2 { top: 5%; left: 45%; width: 50%; }
.stbx5 { top: 7%; left: 7%; width: 55%; }
.stbx7 { top: 6%; left: 40%; width: 52%; }
.stbx8 { top: 15%; left: 15%; width: 30%; }
}

@media only screen and (max-width: 767px) {
.slider {
width: 100%;
height: auto;
overflow: hidden;
position: absolute;
top: 90px;
left: 0px;
margin: 0 0;
}
.Slider_box, .Slider_fader {
	width: 100%;
	background-size: cover;
}
}

@media only screen and (max-width: 683px) {
.Slider_TextBox { font-size: 18px; }
.stbx0 { top: 25%; left: 50%; width: 45%; }
.stbx1 { top: 30%; left: 53%; width: 40%; }
.stbx2 { top: 8%; left: 55%; width: 40%; }
.stbx3 { top: 4%; left: 7%; width: 67%; }
.stbx4 { top: 12%; left: 35%; width: 35%; }
.stbx5 { top: 5%; left: 5%; width: 70%; }
.stbx6 { top: 14%; left: 49%; width: 47%; }
.stbx7 { top: 5%; left: 47%; width: 42%; }
}

@media only screen and (max-width: 555px) {
.slider {
width: 100%;
height: calc(100vh - 90px);
overflow: hidden;
position: absolute;
top: 90px;
left: 0px;
margin: 0 0;
}
.Slider_box, .Slider_fader {
	background-size: auto (100vh - 90px);
	float: right;
	height: 100%;
}
.Slider_TextBox { font-size: 14px; }
.stbx0 { top: 3%; left: 10%; width: 80%; }
.stbx1 { top: 75%; left: 10%; width: 45%; }
.stbx2 { top: 5%; left: 35%; width: 60%; }
.stbx3 { top: 2%; left: 5%; width: 90%; }
.stbx4 { top: 5%; left: 25%; width: 52%; }
.stbx5 { top: 5%; left: 5%; width: 90%; }
.stbx6 { top: 70%; left: 15%; width: 45%; }
.stbx7 { top: 5%; left: 5%; width: 90%; }
.stbx8 { top: 6%; left: 6%; width: 45%; }
}

@media only screen and (max-width: 360px) {
.slider { top: 80px; height: calc(100vh - 80px);}
.Slider_box, .Slider_fader {
	background-size: auto (100vh - 80px);}
}