@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_141501 { background-color: #ffffff; border: 1px solid #000; box-sizing: border-box; cursor: pointer; display: block; height: 90px; overflow: hidden; position: relative; width: 728px; z-index: 1; } #b_141501 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_141501 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_141502 { top: 0px; left: 364px; z-index: 1; } #img_141502 { width: 364px; height: 90px; } #img_141502.bnfy-enter { -webkit-animation: custom-background-scale-up 14000ms 0ms ease 1 both; animation: custom-background-scale-up 14000ms 0ms ease 1 both; } #el_141503 { top: 17.47705078125px; left: 408.611328125px; z-index: 2; } #img_141503 { width: 120px; height: 12px; } #img_141503.bnfy-enter { -webkit-animation: fade-in 2000ms 1600ms ease 1 both; animation: fade-in 2000ms 1600ms ease 1 both; } #el_141504 { top: 33.660888671875px; left: 425.9202880859375px; z-index: 3; } #img_141504 { width: 82px; height: 12px; } #img_141504.bnfy-enter { -webkit-animation: fade-in 2000ms 2300ms ease 1 both; animation: fade-in 2000ms 2300ms ease 1 both; } #el_141505 { top: 49.81103515625px; left: 428.4815673828125px; z-index: 4; } #img_141505 { width: 77px; height: 12px; } #img_141505.bnfy-enter { -webkit-animation: fade-in 2000ms 3100ms ease 1 both; animation: fade-in 2000ms 3100ms ease 1 both; } #el_141506 { top: 71.1298828125px; left: 419.67529296875px; z-index: 5; } #img_141506 { width: 88px; height: 7px; } #img_141506.bnfy-enter { -webkit-animation: fade-in 2000ms 3900ms ease 1 both; animation: fade-in 2000ms 3900ms ease 1 both; } #el_141507 { top: 54px; left: 601px; z-index: 6; } #img_141507 { width: 114px; height: 23px; } #img_141507.bnfy-enter { -webkit-animation: fade-in 1000ms 6000ms ease 1 both; animation: fade-in 1000ms 6000ms ease 1 both; } #el_141510 { top: 0px; left: 0px; z-index: 7; } #img_141510 { width: 364px; height: 90px; } #img_141510.bnfy-enter { -webkit-animation: fade-in 1000ms 0ms ease 1 both; animation: fade-in 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 custom-background-scale-up { 0% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; } 100% { -webkit-transform: translateX(0px) translateY(0px) scale(1.2) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; }
} @keyframes custom-background-scale-up { 0% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; } 100% { transform: translateX(0px) translateY(0px) scale(1.2) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; }
} @-webkit-keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } }