.banner01_title{font-weight:700;color:#fff;text-align:center;letter-spacing:0em}.banner01_text_box{text-align:center}.banner01_text_box .banner01_text_item>p{margin:0;padding:0}.banner01_text_box .banner01_text_item>p:first-child{font-weight:700;color:#fff;letter-spacing:0em}.banner01_text_box .banner01_text_item>p:last-child{font-weight:400;color:#fff;letter-spacing:0em}.banner_video_box{width:100%;margin:0 auto;position:relative}.cardBox,#cardBox{width:100%;position:relative;left:50%;transform:translate(-50%);overflow:hidden}.cardBox div{display:block;position:absolute;height:auto;overflow:hidden;top:0;transition:.5s;color:#fff;text-align:center}.cardBox .oneShow{opacity:1;z-index:23;-webkit-transform:translateX(255px) translateZ(-300px) rotateY(-45deg);-ms-transform:translateX(255px) translateZ(-300px) rotateY(-45deg);transform:perspective(600px) translate(102%) translateZ(-0) rotateY(0)}.cardBox .twoShow{opacity:1;z-index:33;transform:translate(0) translateZ(0) rotateY(0)}.cardBox .threeShow{opacity:1;z-index:23;-webkit-transform:translateX(255px) translateZ(-300px) rotateY(-45deg);-ms-transform:translateX(255px) translateZ(-300px) rotateY(-45deg);transform:perspective(600px) translate(-102%) translateZ(-0) rotateY(0)}.cardBox .ShowEv{opacity:0;z-index:-1}video.videoItem{width:100%;height:100%}.carousel-control{position:absolute;left:50%;transform:translate(-50%,-50%);color:#fff;border:none;cursor:pointer;font-size:18px;width:100%;display:flex;justify-content:space-between}button.banner_prev,button.banner_next{background:transparent;border:0}.carousel-indicators{width:100%;text-align:center}.carousel-indicators .indicator{display:inline-block;border:2px solid #eff0f5;border-radius:50%;cursor:pointer}.carousel-indicators .indicator.active{background:#ff8b06;border:0!important;border-radius:7px}.banner01_text_item{display:none}.banner01_text_item.active{display:block!important}@media screen and (max-width: 749px){.banner01_title{font-size:18px;line-height:22px;margin:0 2rem 2rem}.banner01_text_box{margin:2rem}.banner01_text_box .banner01_text_item>p:first-child{font-size:18px;line-height:20px}.banner01_text_box .banner01_text_item>p:last-child{font-size:14px;line-height:16px}.banner_prev>svg,.banner_next>svg{width:34px;height:34px}.carousel-indicators .indicator{width:11px;height:11px}.carousel-indicators .indicator.active{width:23px;height:11px}.cardBox div{width:100%;left:0}.carousel-control{padding-left:0!important;padding-right:0!important}.carousel-control{top:35%}}@media screen and (min-width: 750px){.banner01_title{font-size:30px;line-height:34px}.banner01_text_box{margin:2rem}.banner01_text_box .banner01_text_item>p:first-child{font-size:24px;line-height:26px}.banner01_text_box .banner01_text_item>p:last-child{font-size:18px;line-height:20px}.banner_prev>svg,.banner_next>svg{width:50px;height:50px}.carousel-indicators .indicator{width:14px;height:14px}.carousel-indicators .indicator.active{width:30px;height:14px}.cardBox div{width:55%;left:22%}.swiper-time{position:relative}.oneShow:before,.threeShow:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;pointer-events:none}.carousel-control{top:50%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/index-banner01.css.map */
