﻿
.rbs_slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.rbs_slider .rbs_container {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media only screen and (min-width: 1170px) {
.rbs_bg.slide1 {
    background: rgba(0, 0, 0, 0) url("slide/slide1-lg.jpg?ver=2025") no-repeat scroll center center / cover;
}
.rbs_bg.slide2 {
    background: rgba(0, 0, 0, 0) url("slide/slide2-lg.jpg") no-repeat scroll center center / cover ;
}
}
@media only screen and (min-width: 700px) and (max-width: 1169px) {
.rbs_bg.slide1 {
    background: rgba(0, 0, 0, 0) url("slide/slide1-lg.jpg?ver=2025") no-repeat scroll center center / cover ;
    min-height: 400px !important;
}
}
@media only screen and (max-width: 699px) {
.rbs_bg.slide1 {
    background: rgba(0, 0, 0, 0) url("slide/slide1-lg.jpg?ver=2025") no-repeat scroll center center / cover ;
}
}
@media only screen and (min-width: 1170px) {
.rbs_slider .rbs_container .rbs_bg {
    height: calc(100vh - 0px);
    left: 0;
    min-height: 440px;
    min-width: calc(100vw - 17px);
    opacity: 1;
    top: 0;
    transition-property: opacity, transform;
}
}
@media only screen and (max-width: 1169px) {
.rbs_slider .rbs_container .rbs_bg {
    height: calc(100vh - 273px);
    left: 0;
    min-height: 330px;
    min-width: calc(100vw - 17px);
    opacity: 1;
    top: 0;
    transition-property: opacity, transform;
    min-height: 600px;
}
}
.rbs_slider .rbs_container .rbs_bg {
    transform-origin: left bottom 0;
    width: 100%;
}
.rbs_slider .rbs_container *:nth-child(2n+1) {
    transform-origin: right top 0;
}
.rbs_slider .rbs_container *:nth-child(3n+1) {
    transform-origin: left top 0;
}
.rbs_slider .rbs_container *:nth-child(4n+1) {
    transform-origin: right bottom 0;
}
.rbs_slider .rbs_container .fx:first-child + .rbs_bg ~ .rbs_bg {
    z-index: -1;
}
.rbs_slider .rbs_container .fx {
    animation-timing-function: ease-in;
    position: relative;
}
.rbs_slider .rbs_overlay {
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
