.main-banner *{margin:0;padding:0}.main-banner ul,.main-banner ol{font:inherit;color:inherit;list-style:none;padding:0}.main-banner h1,.main-banner h2,.main-banner h3,.main-banner h4,.main-banner h5,.main-banner p{font:inherit;color:inherit}.main-banner button,.main-banner a,.main-banner .button{font:inherit;color:inherit;text-transform:none;letter-spacing:0;background-color:transparent;border:none;cursor:pointer}.main-banner dl,.main-banner dt,.main-banner dd{display:initial;font:inherit;color:inherit}.main-banner img{vertical-align:top}.main-banner em,.main-banner i{font-style:normal}.main-banner a{text-decoration:none}.main-banner{position:relative;max-width:192rem;max-height:80rem;padding-top:41.667%;text-align:center;overflow:hidden}.main-banner:after{content:"";display:none;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}.main-banner .only_mobile{display:none!important}.main-banner.bn2{height:72rem;padding-top:0;margin:0 auto;max-width:unset;margin-top:-.1rem;justify-content:center;background-color:#000;transition:all .9s}.main-banner.bn2:after{display:block}.main-banner.bn2 h3{font-size:6.4rem}.main-banner.bn2 .text_info{max-width:192rem;width:auto;padding:0 10rem;color:#02060f;top:35%;transform:translateY(-50%)!important;opacity:.4!important;transition:top 1.2s,opacity .7s}.main-banner.bn2 .img{display:block;opacity:.3;filter:blur(0);transform:translateY(10rem) scale(.7)!important;overflow:hidden;position:absolute;top:0;transition:opacity .9s,transform 1s;width:100%;height:100%}.main-banner.bn2 img{width:271.8rem;max-width:none;height:auto;position:absolute;top:0;left:auto;-o-object-fit:unset;object-fit:unset;-o-object-position:unset;object-position:unset;transform:translateY(35rem) translate(-67rem) scale(1.4);transition:transform 1s}.main-banner.bn2.active,.main-banner.bn2.focus{transform:translateY(0) scale(1)!important}.main-banner.bn2.active .img,.main-banner.bn2.focus .img{opacity:1;transform:translateY(0) scale(1)!important}.main-banner.bn2.active .text_info,.main-banner.bn2.focus .text_info{opacity:1!important;top:50%;color:#02060f;transition:all .9s}.main-banner.bn2.active img{transform:translateY(-30rem) translate(-57rem) scale(.8445)}.main-banner.bn2.focus img{transform:translateY(-50rem) translate(-57rem) scale(.8445)}.main-banner.bn2.right .text_info{text-align:right}.main-banner.bn2.left .text_info{text-align:left}@media screen and (max-width: 768px){.main-banner.bn2.right .text_info,.main-banner.bn2.left .text_info{left:0;right:0;text-align:center}}.main-banner .layout_inner{position:absolute;top:0;left:0;right:0;bottom:0;color:#02060f;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:0}.main-banner .text_info{max-width:80rem;width:50%;box-sizing:content-box;position:absolute;z-index:100;left:0;right:0;margin:auto;text-align:center;padding:0 6.25%}.main-banner h2,.main-banner h3,.main-banner h4,.main-banner h5{font-size:5.6rem;line-height:1.1;font-family:futura-pt,sans-serif;font-weight:400;transform:translateY(10rem);opacity:0;transition:all 1s}.main-banner h4{font-size:2.8rem}.main-banner p{margin-top:2rem;font-size:2rem;line-height:1.85;transform:translateY(7rem);opacity:0;transition:all 1s}.main-banner button,.main-banner a{display:inline-block;margin-top:4rem;background:#02060f;text-align:center;color:#fff;font-size:1.8rem;width:32rem;height:5.2rem;line-height:5.2rem;font-family:futura-pt,sans-serif;font-weight:400;transform:translateY(5rem);opacity:0;transition:all 1s}.main-banner .img{width:100%;height:100%;padding:0;transform:scale(1);transition:all .5s;opacity:0;position:relative;top:0;filter:blur(.5rem);transition:all 1s;opacity:1;transform:scale(1.5) translateY(0)}.main-banner img{width:auto;height:100%;min-width:100%;max-width:none;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.main-banner.right .layout_inner{display:flex;align-items:center}.main-banner.right .text_info{order:2;left:auto;right:0}.main-banner.left .layout_inner{display:flex;align-items:center}.main-banner.left .text_info{order:2;left:0;right:auto}.main-banner.active h2,.main-banner.active h3,.main-banner.active p,.main-banner.focus h2,.main-banner.focus h3,.main-banner.focus p,.main-banner.active button,.main-banner.active a,.main-banner.focus button,.main-banner.focus a{opacity:1;transform:translateY(0);transition:all 1s}.main-banner.active .img,.main-banner.focus .img{opacity:1;transform:scale(1) translateY(0);transition:all 2s;filter:blur(0)}@media (min-width: 1921px){.main-banner{height:80rem;padding:0;margin:0 auto}.main-banner.bn2.active img{width:100%;transform:translateY(-30rem) translate(0) scale(1)}}@media (max-width: 1280px){.main-banner h2,.main-banner h3,.main-banner h4,.main-banner h5{font-size:3.6rem}.main-banner p{margin-top:1.2rem;font-size:1.4rem}.main-banner button,.main-banner a{width:21rem;height:3.6rem;line-height:3.6rem}.main-banner.bn2{height:44rem}.main-banner.bn2 h3{font-size:4.2rem}.main-banner.bn2 img{width:160rem}.main-banner.bn2.active img{transform:translateY(-27rem) translate(-25rem) scale(1)}}@media (max-width: 768px){.main-banner{max-width:100%;height:62rem;padding:0}.main-banner h2,.main-banner h3,.main-banner h4,.main-banner h5{font-size:2.8rem}.main-banner p{margin-top:1rem;font-size:1.4rem}.main-banner img{-o-object-fit:cover;object-fit:cover}.main-banner .only_mobile{display:block!important}.main-banner .only_pc{display:none!important}.main-banner .layout_inner{display:flex;align-items:center;flex-direction:column}.main-banner .text_info{left:auto;right:auto;width:auto;padding-top:6rem}.main-banner button,.main-banner a{font-size:1.4rem}.main-banner.bn2{max-height:44rem}.main-banner.bn2 h3{font-size:3.2rem}.main-banner.bn2 p{margin-top:2rem;font-size:1.4rem}.main-banner.bn2 .text_info{width:auto;padding:0 3.2rem;padding-top:0!important}.main-banner.bn2 .img{left:0;transform:translateY(3rem) scale(.7)}.main-banner.bn2 img{width:81.8rem;left:0;transform:translateY(-13rem) translate(-10rem) scale(1);-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.main-banner.bn2.active .img{transform:translateY(0) scale(1)}.main-banner.bn2.active img{transform:translateY(-10rem) translate(-19rem) scale(1)}}@media all and (min-width: 769px) and (max-width: 1025px){.main-banner .text_info{padding:0 3.2%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/main-banner-common.scss.css.map */