.shop01-template-08{position:relative;display:block;padding-top:20px;padding-bottom:140px;overflow:hidden;isolation:isolate}.shop01-template-08 .bg{position:absolute;left:0;top:0;z-index:1;width:83%;height:100%;z-index:-1;background-size:cover;background-repeat:no-repeat;background-position:center}.shop01-template-08 .main_title{position:relative;z-index:3;margin-bottom:70px;top:0;left:0;font-family:"Microsoft JhengHei",sans-serif}.shop01-template-08 .main_title .tw{font-size:30px;font-weight:bold;color:#fff}.shop01-template-08 .main_title .en{font-size:72px;color:#ea260c;font-weight:bold;display:block;line-height:72px;margin-top:20px}.shop01-template-08 .this_container{width:85%;position:relative;margin:0 auto;display:block;max-width:1400px;z-index:5}.shop01-template-08 .down_swiper{width:100%;position:relative;display:block;padding:0 0;font-family:"Microsoft JhengHei",sans-serif}.shop01-template-08 .down_swiper .swiper-container{overflow:visible}.shop01-template-08 .shop01-template-08__swiper .swiper-slide{position:relative;float:left;width:286px;height:464px;margin-bottom:70px;transition:all .6s ease;font-family:"Microsoft JhengHei",sans-serif;box-shadow:1px 1px 37px rgba(0,0,0,.15);background-color:#fff}.shop01-template-08 .swiper-slide .imgs{display:flex;align-items:center;position:relative;transition:all .8s ease;padding:30px;transform:scale(1)}.shop01-template-08 .swiper-slide .imgs::after{content:"";background-color:#ea260c;position:absolute;width:30px;height:3px;bottom:0;left:35px;transition:all .3s ease}.shop01-template-08 .swiper-slide .imgs .img{width:100%;display:block;background-size:cover;background-repeat:no-repeat;background-position:center}.shop01-template-08 .swiper-slide .imgs .img:before{content:"";display:block;width:100%;padding-bottom:100%}.shop01-template-08 .swiper-slide .text_box{position:relative;overflow:hidden;font-weight:bold;padding:15px 35px 0}.shop01-template-08 .swiper-slide .text_box .name{font-size:20px;display:block;font-weight:bold;margin-bottom:5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.shop01-template-08 .swiper-slide .text_box .price{position:relative;display:flex;color:#3f3f3f;font-size:16px;margin-bottom:0;border-bottom:0;padding-bottom:0;transition:all .3s ease;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.shop01-template-08 .swiper-slide .text_box .num{display:block;position:relative;transition:all .3s ease}.shop01-template-08 .swiper-slide .text_box .num::after{content:""}.shop01-template-08 .swiper-container{height:100%;overflow:hidden}.shop01-template-08 .swiper-slide{opacity:0}.shop01-template-08 .swiper-slide.swiper-slide-active,.shop01-template-08 .swiper-slide.swiper-slide-active+.swiper-slide,.shop01-template-08 .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide,.shop01-template-08 .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide,.shop01-template-08 .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide,.shop01-template-08 .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide,.shop01-template-08 .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{opacity:1}.shop01-template-08__swiper-bottom{position:absolute;left:0;font-size:28px;z-index:10;font-weight:bold;color:#fff;display:flex;bottom:-99px;width:172px;justify-content:space-between;margin-left:0}.shop01-template-08__swiper-bottom .icon-left{margin-bottom:25px;cursor:pointer;position:relative;width:75px;height:75px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;font-size:26px;transition:all .5s ease}.shop01-template-08__swiper-bottom .icon-right{margin-bottom:25px;cursor:pointer;position:relative;width:75px;height:75px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;font-size:26px;transition:all .5s ease}.shop01-template-08__swiper-bottom .swiper-button-disabled{opacity:.3;pointer-events:none}@media(min-width: 1199px){.shop01-template-08__swiper-bottom .icon-right:hover,.shop01-template-08__swiper-bottom .icon-left:hover{background-color:#ea260c;border-color:#ea260c}.shop01-template-08 .shop01-template-08__swiper .swiper-slide:hover .imgs::after{width:calc(100% - 70px)}}@media(max-width: 1350px){.shop01-template-08 .this_container{width:90%}}@media(max-width: 1200px){.shop01-template-08 .main_title .tw{font-size:24px}.shop01-template-08 .swiper-slide .imgs{height:250px}.shop01-template-08 .shop01-template-08__swiper .swiper-slide{width:245px;height:380px;margin-bottom:56px}.shop01-template-08 .swiper-slide .text_box .name{font-size:16px;line-height:20px}.shop01-template-08__swiper-bottom .icon-left,.shop01-template-08__swiper-bottom .icon-right{width:50px;height:50px;font-size:18px}.shop01-template-08__swiper-bottom{width:125px}}@media(max-width: 1000px){.shop01-template-08{padding-top:70px;padding-bottom:140px}.shop01-template-08 .main_title .tw{font-size:20px}.shop01-template-08 .main_title{margin-bottom:35px}.shop01-template-08 .shop01-template-08__swiper .swiper-slide{width:290px;height:367px}.shop01-template-08 .swiper-slide .text_box .price{font-size:14px}.shop01-template-08__swiper-bottom{width:125px;bottom:-80px}}@media(max-width: 600px){.shop01-template-08 .this_container{width:100%}.shop01-template-08 .main_title{left:5%}.shop01-template-08 .swiper-container{overflow:hidden}.shop01-template-08 .main_title .tw{font-size:18px}.shop01-template-08 .shop01-template-08__swiper .swiper-slide{margin-bottom:0;transition:none;box-shadow:none}.shop01-template-08 .swiper-slide .imgs{height:250px;padding:20px}.shop01-template-08__swiper-bottom .icon-left,.shop01-template-08__swiper-bottom .icon-right{width:40px;height:40px;font-size:13px}.shop01-template-08__swiper-bottom{width:100px;bottom:-100px;left:50%;transform:translateX(-50%)}.shop01-template-08 .bg{width:100%}}@media(min-width: 0)and (max-width: 739px){.shop01-template-08 .bg.desktop{display:none !important}}@media(min-width: 740px){.shop01-template-08 .bg.mobile{display:none !important}}/*# sourceMappingURL=08.css.map */