html,body{height:100%;background-color:#1a2e27}.pcCon2{height:100%;display:block;background-color:#1a2e27;margin:0 auto}.mobileCon{height:100%;display:none;background-color:#1a2e27}.template-page #MainContent{height:100%;padding-bottom:0}.flexCon{display:flex}.flex-well{flex:1}.loopCon{height:100%;position:relative}.swiperCon{width:1440px;height:64px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.swiperConAmt{transition:all .5s ease}.swiperConAmt.active{top:45%;opacity:.3}.mySwiper1 .ss1{width:auto!important;color:#fff6e3;font-size:20px;font-weight:500;line-height:32px;letter-spacing:1px;word-wrap:break-word;opacity:.3;cursor:pointer}.mySwiper1 .ss1.active{opacity:.9}.m-mySwiper1 .m-ss1{width:auto!important;height:auto!important;color:#fff6e3;font-size:16px;font-weight:500;line-height:24px;letter-spacing:1px;word-wrap:break-word;opacity:.3;cursor:pointer;pointer-events:auto}.m-mySwiper1 .m-ss1.active{opacity:.9}.bigBgCon,.bigBgCon .mySwiper2{height:100%}.mySwiper2 .ss2{width:100%!important;height:100%!important}.mySwiper2 .bigBg{height:100%;opacity:.3;position:relative;cursor:ew-resize;transition:opacity .5s ease}.mySwiper2 .bigBg.active,.mySwiper2 .bigBg1.active{opacity:.9}.mySwiper2 .bigBg1 .bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mySwiper2 .bigBg2.active{opacity:.9}.mySwiper2 .bigBg2 .bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mySwiper2 .bigBg3.active{opacity:.9}.mySwiper2 .bigBg3 .bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mySwiper2 .bigBg4.active{opacity:.9}.mySwiper2 .bigBg4 .bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mySwiper2 .bigBg5.active{opacity:.9}.mySwiper2 .bigBg5 .bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.craTextCon{width:78%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);min-width:700px;z-index:20;min-height:404px;opacity:0;display:none}.craTextConAmt{transition:all .5s ease}.craTextConAmt.active{top:50%;opacity:1}.craTextCon .craText{width:412px}.craTextCon .p1{color:#1a2e27;font-size:32px;font-weight:500;line-height:48px;letter-spacing:1px;word-wrap:break-word;margin-bottom:32px}.craTextCon .p1.color1{color:#1a2e27}.craTextCon .p1.color2{color:#fff6e3}.craTextCon .p2{color:#1a2e27;font-size:18px;font-weight:400;line-height:32px;word-wrap:break-word;margin-bottom:32px}.craTextCon .p2.color1{color:#1a2e27}.craTextCon .p2.color2{color:#fff6e3}.craTextCon .closeCon{width:134.6px;height:52px;background:#d1d5d480;box-shadow:0 0 1px #0000001c inset;border-radius:24px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:center;align-items:flex-start;display:inline-flex;cursor:pointer;position:absolute;bottom:0;left:0}.closeCon .c1{padding:8px 20px;justify-content:flex-start;align-items:center;gap:8px;display:flex}.closeCon .c1 .closeCon2{padding-top:8px;padding-bottom:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:inline-flex}.closeCon .c1 .closeCon2 .close{color:#1a2e27;font-size:14px;font-weight:600;line-height:20px;word-wrap:break-word}.closeIcon{width:16px}.upBtnCon{position:absolute;bottom:0;right:0}.upBtnCon img{display:inline-block;width:40px;cursor:pointer}.upBtnCon .leftBtn{margin-right:24px}.leftBtn.op2,.rightBtn.op2{opacity:.4}.m-loopCon{height:100%;position:relative}.m-swiperCon{width:85%;height:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.m-bigBgCon{width:100%;height:100vh;opacity:.3;transition:opacity .5s ease}.m-bigBgCon.active{opacity:1}.m-bigBgCon .m-mySwiper2{height:100%}.m-mySwiper2 .m-ss2{width:100%!important;height:100vh!important}.m-mySwiper2 .m-bigBg{height:100vh;position:relative;cursor:ew-resize}.m-mySwiper2 .m-bigBg1 .m-bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-mySwiper2 .m-bigBg2.active{opacity:.9}.m-mySwiper2 .m-bigBg2 .m-bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-mySwiper2 .m-bigBg3.active{opacity:.9}.m-mySwiper2 .m-bigBg3 .m-bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-mySwiper2 .m-bigBg4.active{opacity:.9}.m-mySwiper2 .m-bigBg4 .m-bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-mySwiper2 .m-bigBg5.active{opacity:.9}.m-mySwiper2 .m-bigBg5 .m-bigImg{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-craTextCon{width:85%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:20;min-height:260px;opacity:0;display:none;pointer-events:none}.m-craTextConAmt{transition:all .5s ease}.m-craTextConAmt.active{top:50%;opacity:1}.m-craTextCon .p1{color:#1a2e27;font-size:28px;font-weight:500;line-height:36px;letter-spacing:1px;word-wrap:break-word;margin-bottom:32px}.m-craTextCon .p1.color1{color:#1a2e27}.m-craTextCon .p1.color2{color:#fff6e3}.m-craTextCon .p2{color:#1a2e27;font-size:14px;font-weight:400;line-height:24px;word-wrap:break-word;margin-bottom:32px}.m-craTextCon .p2.color1{color:#1a2e27}.m-craTextCon .p2.color2{color:#fff6e3}.m-craTextCon .m-closeCon{width:104px;height:48px;background:#d1d5d480;box-shadow:0 0 1px #0000001c inset;border-radius:24px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:center;align-items:center;display:inline-flex;cursor:pointer;pointer-events:auto}.m-closeCon .c1{padding-left:16px;padding-right:16px;justify-content:flex-start;align-items:center;gap:8px;display:flex}.m-closeCon .c1 .m-closeCon2{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:inline-flex}.m-closeCon .c1 .m-closeCon2 .close{color:#1a2e27;font-size:12px;font-weight:600;line-height:18px;word-wrap:break-word}.m-closeIcon{width:16px}.m-swiperConAmt{transition:all .5s ease}.m-swiperConAmt.active{top:45%;opacity:0}.swBottomDiv{pointer-events:auto;position:relative;bottom:15%;left:0;width:100%;height:30%;z-index:1000}.m-button{transform:rotate(180deg)!important}@media screen and (max-width:767px){.pcCon2{display:none}.mobileCon{display:block}}@media screen and (max-width:1440px){.swiperCon{width:1000px}}@media screen and (width:375px)and (height:667px){.m-mySwiper2 .m-ss2{height:calc(100vh + 10px)!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/craftmanship.css.map */