.shop01-template-04{overflow:hidden;position:relative;display:block;padding-top:110px;padding-bottom:120px;background-repeat:no-repeat;background-size:cover;background-position:center;isolation:isolate}.shop01-template-04 .swiper-slide{user-select:none;-moz-user-select:none;-webkit-user-select:none}.shop01-template-04 .bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;position:absolute;z-index:-1;left:0;top:0}@media(max-width: 500px){.shop01-template-04 .bg.desktop{display:none}}@media(min-width: 501px){.shop01-template-04 .bg.mobile{display:none}}.shop01-template-04 .main_title{position:relative;z-index:3;top:0;left:0;font-family:"Microsoft JhengHei",sans-serif}.shop01-template-04 .this_container{width:85%;position:relative;margin:0 auto;padding-bottom:0;max-width:1400px}.shop01-template-04 .container_box{display:block;position:relative}.shop01-template-04 .swiper-wrapper{width:100%;margin:0}@media(min-width: 501px){.shop01-template-04 .swiper-wrapper{display:flex;flex-wrap:wrap}}.shop01-template-04 .swiper-wrapper::after{content:"";clear:both;display:block}.shop01-template-04 .swiper-container{overflow:visible}.shop01-template-04 .shop01-template-04__swiper .swiper-slide{position:relative;padding:30px;float:left;width:320px;height:520px;margin-right:30px;box-shadow:1px 1px 37px rgba(0,0,0,0);margin-bottom:70px;transition:all .6s ease;font-family:"Microsoft JhengHei",sans-serif}.shop01-template-04 .shop01-template-04__swiper .swiper-slide>a{display:block;margin:0 auto}.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(1){margin-left:380px}.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(3),.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(7),.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(11){margin-right:0}.shop01-template-04 .shop01-template-04__swiper .swiper-slide.nocart .add_car{display:none !important}.shop01-template-04 .title_box{position:absolute;width:320px;left:0;top:0;height:520px}.shop01-template-04 .title_box .title{font-family:"Lexend Deca","Microsoft JhengHei",sans-serif;font-size:60px;color:#ff0f17;line-height:53px;display:block;margin-bottom:26px}.shop01-template-04 .title_box .type{font-size:20px;font-weight:bold;margin-bottom:50px;position:relative}.shop01-template-04 .title_box .memo{color:#3f3f3f;font-size:18px;line-height:32px;display:block;position:relative;width:88%;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.shop01-template-04 .swiper-slide .circle{position:absolute;background-color:#ff0f17;width:54px;height:54px;border-radius:50%;color:#fff;text-align:center;align-items:center;display:flex;justify-content:center;font-size:16px;right:30px;top:30px;transition:all .6s ease;opacity:0;z-index:5}.shop01-template-04 .swiper-slide .imgs{display:flex;align-items:center;position:relative;transition:all .8s ease;height:320px;padding:10px;justify-content:center;align-items:center}.shop01-template-04 .swiper-slide .imgs img{max-width:100%}.shop01-template-04 .swiper-slide .imgs .img{width:100%;display:block;background-size:cover;background-repeat:no-repeat;background-position:center}.shop01-template-04 .swiper-slide .imgs .img:before{content:"";display:block;width:100%;padding-bottom:100%}.shop01-template-04 .swiper-slide .text_box{position:relative;font-weight:bold}.shop01-template-04 .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-04 .swiper-slide .text_box .price{position:relative;display:flex;color:#3f3f3f;font-size:16px;margin-bottom:22px;border-bottom:1px solid rgba(0,0,0,0);padding-bottom:14px;transition:all .3s ease}.shop01-template-04 .swiper-slide .text_box .num{display:block;position:relative;transition:all .3s ease}.shop01-template-04 .swiper-slide .text_box .num::after{content:"";background-color:#616161;position:absolute;width:110%;top:50%;left:-5%;height:1px;transition:all .3s ease .3s}.shop01-template-04 .swiper-slide .text_box .special{display:block;margin-right:15px;transition:all .3s ease}.shop01-template-04 .swiper-slide .text_box .add_car{color:#0b0d0e;text-align:right;display:block;position:relative;opacity:0;transform:translateY(10px);transition:all .3s ease;cursor:pointer}.shop01-template-04 .swiper-slide .text_box .add_car svg{width:40px;height:36px;background-position:left;display:block;position:absolute;top:-2px;left:-2px}.shop01-template-04 .link_more{font-size:20px;color:#090a0b;border:1px solid #ff0f17;display:block;width:240px;text-align:center;margin:0 auto;font-weight:bold;padding:20px 0;transition:all .3s ease}.shop01-template-04 .shop01-template-04__swiper-bottom{display:none;display:flex;align-items:center;justify-content:center}.shop01-template-04 .shop01-template-04__swiper-bottom .swiper-pagination-fraction{width:max-content;margin:0 10px}@media(min-width: 501px){.shop01-template-04 .shop01-template-04__swiper-bottom{display:none}}@media(max-width: 1650px){.shop01-template-04 .title_box{width:18.5vw;height:420px}.shop01-template-04 .shop01-template-04__swiper .swiper-slide{width:18.5vw;height:420px;margin-right:3vw}.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(1){margin-left:22vw}.shop01-template-04 .swiper-slide .imgs{height:230px}.shop01-template-04 .swiper-slide .circle{right:15px;top:15px}.shop01-template-04 .swiper-slide .text_box .price{margin-bottom:14px;padding-bottom:14px}.shop01-template-04 .swiper-slide .text_box .name{font-size:18px;line-height:24px}}@media(min-width: 1200px){.shop01-template-04 .shop01-template-04__swiper .swiper-slide:hover{box-shadow:1px 1px 37px rgba(0,0,0,.15);background-color:#fff}.shop01-template-04 .swiper-slide:hover .text_box .num{margin-left:0;transform:translateX(0%)}.shop01-template-04 .swiper-slide:hover .text_box .num::after{width:110%;left:-5%}.shop01-template-04 .swiper-slide:hover .text_box .special{transform:translateX(0%);opacity:1}.shop01-template-04 .swiper-slide:hover .text_box .price{border-color:#dadada}.shop01-template-04 .swiper-slide.nocart:hover .text_box .price{border-color:rgba(0,0,0,0)}.shop01-template-04 .swiper-slide:hover .text_box .add_car{opacity:1;transform:translateY(0)}.shop01-template-04 .swiper-slide:hover .circle{opacity:1}}@media(max-width: 1200px){.shop01-template-04 .title_box .title{font-size:38px;line-height:38px}.shop01-template-04 .swiper-slide .text_box .add_car{opacity:1;transform:translateY(0)}.shop01-template-04 .shop01-template-04__swiper .swiper-slide{height:355px;padding:18px;box-shadow:1px 1px 37px rgba(0,0,0,.05)}.shop01-template-04 .swiper-slide .imgs{height:190px}.shop01-template-04 .swiper-slide .text_box .name{font-size:16px;line-height:20px}.shop01-template-04 .link_more{font-size:18px;width:200px;padding:15px 0}.shop01-template-04 .swiper-slide .text_box .special{opacity:1;transform:translateX(0%)}.shop01-template-04 .swiper-slide .circle{opacity:1}}@media(max-width: 1000px){.shop01-template-04 .title_box{width:50%;height:420px;padding-right:50px}.shop01-template-04 .this_container{width:90%}.shop01-template-04 .title_box .memo{color:#3f3f3f;font-size:16px;line-height:28px}.shop01-template-04{padding-top:65px;padding-bottom:65px}.shop01-template-04 .shop01-template-04__swiper .swiper-slide{width:46%;margin-right:8%;height:auto;padding-bottom:30px}.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(1) .shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(3),.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(5),.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(7),.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(11){margin-right:0}.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(1){margin-left:54%;margin-right:0}.shop01-template-04 .swiper-slide .imgs{height:auto}.shop01-template-04 .swiper-slide .text_box .price{font-size:14px;border-bottom:1px solid #c9c9c9}}@media(max-width: 600px){.shop01-template-04 .shop01-template-04__swiper .swiper-slide{padding-bottom:15px;margin-bottom:30px}.shop01-template-04 .title_box{width:50%;height:300px;padding-right:0}.shop01-template-04 .title_box .title{font-size:30px;line-height:38px}.shop01-template-04 .title_box .type{font-size:18px;margin-bottom:12px;position:relative}.shop01-template-04 .title_box .memo{font-size:14px;line-height:24px}.shop01-template-04 .swiper-slide .text_box .name{font-size:14px;line-height:20px}.shop01-template-04 .swiper-slide .imgs{height:auto;padding:0;margin-bottom:15px}.shop01-template-04 .swiper-slide .text_box .add_car{font-size:12px;height:25px}.shop01-template-04 .swiper-slide .text_box .add_car::before{display:block;position:absolute;top:-4px;background-size:28px;background-repeat:no-repeat}.shop01-template-04 .swiper-slide .text_box .price{margin-bottom:10px;padding-bottom:10px}.shop01-template-04 .link_more{font-size:14px;width:150px;padding:10px 0;margin-top:25px}}@media(max-width: 500px){.shop01-template-04 .title_box .title{font-size:35px;line-height:40px}.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(1){margin-left:0;margin-right:0;width:100%}.shop01-template-04 .title_box{width:100%;height:auto;position:relative;padding-right:0;margin-bottom:35px}.shop01-template-04 .shop01-template-04__swiper .swiper-slide{padding-bottom:15px;margin-bottom:30px;width:100%;margin-right:0}}@media(hover: hover){.shop01-template-04 .link_more:hover{letter-spacing:5px;width:300px}}/*# sourceMappingURL=04.css.map */