.shop01-template-04{overflow:hidden;position:relative;display:block;padding-top:110px;padding-bottom:110px;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;float:left;width:320px;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:var(--font-family);color:var(--home-color-main);line-height:1.1;display:block;margin-bottom:36px;letter-spacing:0;font-size:36px;margin-top:-0.1em}.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:15px;line-height:1.5;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:var(--home-color-main);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:transform .35s ease;z-index:5}.shop01-template-04 .swiper-slide .imgs{display:flex;align-items:center;position:relative;transition:all .8s ease;justify-content:center;align-items:center;margin-bottom:10px}.shop01-template-04 .swiper-slide .imgs img{max-width:100%}.shop01-template-04 .swiper-slide .imgs .img{width:100%;display:block;background-size:contain;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;margin-top:15px}.shop01-template-04 .swiper-slide .text_box .name{font-size:20px;display:block;font-weight:normal;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;flex-direction:column;color:#3f3f3f;font-size:16px;margin-bottom:22px;padding-bottom:14px;transition:all .3s ease;font-weight:normal}.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;display:none}.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;display:flex;align-items:center;justify-content:space-between;position:relative;border:1px solid #0b0d0e;transition:all .3s ease;padding:8px 12px;cursor:pointer}.shop01-template-04 .swiper-slide .text_box .add_car svg{display:block;width:30px;height:30px;background-position:left;display:block}.shop01-template-04 .link_more{font-size:20px;color:var(--home-color-main-dark);border:1px solid var(--home-color-main-dark);display:block;width:240px;text-align:center;margin:0 auto;font-weight:bold;padding:20px 0;transition:all .3s ease;backdrop-filter:blur(10px)}.shop01-template-04 .shop01-template-04__swiper-bottom{display:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-footer)}.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}.shop01-template-04 .shop01-template-04__swiper .swiper-slide{width:18.5vw;margin-right:3vw}.shop01-template-04 .shop01-template-04__swiper .swiper-slide:nth-child(1){margin-left:22vw}.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 .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}}@media(max-width: 1200px){.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 .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}.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 .text_box .price{font-size:14px}}@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}.shop01-template-04 .title_box .type{font-size:18px;margin-bottom:12px;position:relative}.shop01-template-04 .title_box .memo{font-size:14px}.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 .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:30px}.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}.shop01-template-04 .swiper-slide .text_box .add_car path{transition:fill .3s ease}.shop01-template-04 .swiper-slide>a{transition:box-shadow .15s ease,transform .15s ease}.shop01-template-04 .swiper-slide>a:hover{box-shadow:0 0 25px rgba(0,0,0,.25);transform:scale(1.02)}.shop01-template-04 .swiper-slide .text_box .add_car:hover{color:#fff;background-color:#0b0d0e;border:1px solid #0b0d0e}.shop01-template-04 .swiper-slide .text_box .add_car:hover path{fill:#fff}}/*# sourceMappingURL=04.css.map */