@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_18 { background-color: #ffffff; border: 1px solid #000; box-sizing: border-box; cursor: pointer; display: block; height: 250px; overflow: hidden; position: relative; width: 300px; z-index: 1; } #b_18 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_18 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_18 { top: 0px; left: 0px; z-index: 1; } #img_18 { width: 300px; height: 250px; } #img_18.bnfy-enter { -webkit-animation: undefined 0ms 0ms ease 1 both; animation: undefined 0ms 0ms ease 1 both; } #el_1102 { top: 0px; left: 0px; z-index: 2; } #img_1102 { width: 300px; height: 250px; } #img_1102.bnfy-enter { -webkit-animation: none 1000ms 7500ms ease 1 both; animation: none 1000ms 7500ms ease 1 both; } #el_1101 { top: 0px; left: 0px; z-index: 3; } #img_1101 { width: 300px; height: 250px; } #img_1101.bnfy-enter { -webkit-animation: none 1000ms 5000ms ease 1 both, simple-hide 0ms 6500ms both; animation: none 1000ms 5000ms ease 1 both, simple-hide 0ms 6500ms both; } #img_1101.bnfy-exit { -webkit-animation: fade-out 100ms 6500ms ease 1 both, simple-show 0ms 6500ms both; animation: fade-out 100ms 6500ms ease 1 both, simple-show 0ms 6500ms both; } #el_1100 { top: 0px; left: 0px; z-index: 4; } #img_1100 { width: 300px; height: 250px; } #img_1100.bnfy-enter { -webkit-animation: none 1000ms 2500ms ease 1 both, simple-hide 0ms 4000ms both; animation: none 1000ms 2500ms ease 1 both, simple-hide 0ms 4000ms both; } #img_1100.bnfy-exit { -webkit-animation: fade-out 100ms 4000ms ease 1 both, simple-show 0ms 4000ms both; animation: fade-out 100ms 4000ms ease 1 both, simple-show 0ms 4000ms both; } #el_199 { top: 0px; left: 0px; z-index: 5; } #img_199 { width: 300px; height: 250px; } #img_199.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both, simple-hide 0ms 1500ms both; animation: none 1000ms 0ms ease 1 both, simple-hide 0ms 1500ms both; } #img_199.bnfy-exit { -webkit-animation: fade-out 100ms 1500ms ease 1 both, simple-show 0ms 1500ms both; animation: fade-out 100ms 1500ms ease 1 both, simple-show 0ms 1500ms both; } #el_610 { top: 9px; left: 239px; z-index: 6; } #img_610 { width: 49px; height: 49px; } #img_610.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; }
@media (print), (prefers-reduced-motion: reduce) { .banner__element { -webkit-animation-duration: 1ms!important; animation-duration: 1ms!important; -webkit-transition-duration: 1ms!important; transition-duration: 1ms!important; -webkit-animation-iteration-count: 1!important; animation-iteration-count: 1!important; } } @-webkit-keyframes simple-show { 0% { visibility: hidden; } 100% { visibility: visible; } } @keyframes simple-show { 0% { visibility: hidden; } 100% { visibility: visible; } } @-webkit-keyframes simple-hide { 0% { visibility: visible; } 100% { visibility: hidden; } } @keyframes simple-hide { 0% { visibility: visible; } 100% { visibility: hidden; } } @-webkit-keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } }