.productArea .productItem .productTitle,.productArea .productItem .productImage img,.productArea .productItem,.productArea .productListArrow,.productArea .tabList .tabItem,.fiveTopicBox .recommandItem .recommandImg img,.fiveTopicBox .recommandSwiper .recommandArrow,.fiveTopicBox .productArrow,.fiveTopicBox .thirdClssList .thirdClassTitle,.fiveTopicBox .detailTxtContentTop .subClassList .subClassTitle,.fiveTopicBox .detailTxtContentTop .subClassList .subClassDot,.fiveTopicBox .detailTxtContentTop .subClassList .subClassNum,.fiveTopicBox .detailTxtContentTop .subClassArrow,.fiveTopicBox .detailBtn,.fiveTopicBox .detailClose,.fiveTopicBox .fiveTopicMItem .Img::after,.fiveTopicBox .fiveTopicMItem .Img::before,.fiveTopicBox .fiveTopicArrow{transition:all .4s}.mainArea{background-color:#0a0c10;padding-bottom:0}.createproTopBox{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.createproTopBox #topBoxCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.createproTopBox .wrap{position:relative;z-index:1}@media(max-width: 1024px){.createproTopBox{background-size:cover;height:60vh;height:60dvh}}@media(max-width: 640px){.createproTopBox{height:80vh;height:80dvh}}.createproTopBox .Img{text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 auto 80px;max-width:480px}@media(max-width: 640px){.createproTopBox .Img{margin-bottom:40px}}.createproTopBox .Img img{width:100%;height:auto;display:block;backface-visibility:hidden}.createproTopBox .Txt{font-family:"Nunito Sans",sans-serif;color:#fff;text-align:center;max-width:clamp(320px,50vw,780px);margin-left:auto;margin-right:auto;position:relative}.createproTopBox .deco{position:absolute;left:0;top:-15%;width:320px;height:335px;aspect-ratio:320/335;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media(max-width: 1024px){.createproTopBox .deco{left:-10%}}@media(max-width: 820px){.createproTopBox .deco{top:-10%;width:200px;height:auto}}@media(max-width: 640px){.createproTopBox .deco{width:160px;top:-8%}}.createproTopBox .deco::before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.08);backdrop-filter:blur(2.5px);clip-path:polygon(0% 0%, 99.83% 0%, 99.57% 44.92%, 46.32% 100%, 0% 100%)}.createproTopBox .deco svg{position:relative;height:100%;width:100%;z-index:1;stroke-width:1px;stroke:#fff}.createproTopBox .title{font-size:clamp(30px,3.1vw,60px);font-weight:700;letter-spacing:1px;text-shadow:0 0 34.555px rgba(0,0,0,.1);margin-bottom:40px;text-box-edge:cap alphabetic;text-box-trim:trim-both}.createproTopBox .subtitle{color:#d2d2d2;font-size:clamp(14px,1rem,16px);line-height:26px;letter-spacing:.5px;text-shadow:0 0 34.555px rgba(0,0,0,.1);text-box-edge:cap alphabetic;text-box-trim:trim-both}.createproCenterBox{position:relative}.createproCenterBox .bg{font-style:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.createproCenterBox .bg img{width:100%;height:auto;display:block;backface-visibility:hidden}.createproCenterBox .Txt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}.createproCenterBox .intro{color:#fff;font-size:clamp(20px,1.56vw,30px);font-family:"Nunito Sans",sans-serif;font-weight:700;letter-spacing:.5px}.fiveTopicBox{position:relative;background:#0a0c10}@media(max-width: 1024px){.fiveTopicBox{height:60vh}}@media(min-width: 1025px){.fiveTopicBox .fiveTopicMList{display:flex;overflow:visible}.fiveTopicBox .fiveTopicMList>.swiper-wrapper{display:flex;flex-wrap:nowrap}.fiveTopicBox .fiveTopicMList>.swiper-scrollbar{display:none}}@media(max-width: 1024px){.fiveTopicBox .fiveTopicMList{overflow:hidden;position:relative}}.fiveTopicBox .fiveTopicArrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;z-index:10}@media(max-width: 1024px){.fiveTopicBox .fiveTopicArrow{display:flex}}.fiveTopicBox .fiveTopicArrow.fiveTopicArrowPrev{left:20px}@media(max-width: 640px){.fiveTopicBox .fiveTopicArrow.fiveTopicArrowPrev{left:12px}}.fiveTopicBox .fiveTopicArrow.fiveTopicArrowNext{right:20px}@media(max-width: 640px){.fiveTopicBox .fiveTopicArrow.fiveTopicArrowNext{right:12px}}.fiveTopicBox .fiveTopicArrow.swiper-button-disabled{opacity:.25;pointer-events:none}@media(min-width: 1181px){.fiveTopicBox .fiveTopicArrow:hover{opacity:.6}}.fiveTopicBox .fiveTopicMItem{position:relative;overflow:hidden;cursor:pointer}@media(min-width: 1025px){.fiveTopicBox .fiveTopicMItem{flex:1;transition:flex .5s ease}}@media(max-width: 1024px){.fiveTopicBox .fiveTopicMItem{height:60vh}}.fiveTopicBox .fiveTopicMItem .Img{font-size:0;height:100vh;position:relative}@media(max-width: 1024px){.fiveTopicBox .fiveTopicMItem .Img{height:60vh}}.fiveTopicBox .fiveTopicMItem .Img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fiveTopicBox .fiveTopicMItem .Img::before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background:linear-gradient(to bottom, rgba(10, 12, 16, 0.9) 0%, rgba(10, 12, 16, 0) 100%);z-index:1;pointer-events:none}.fiveTopicBox .fiveTopicMItem .Img::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(to bottom, rgba(10, 12, 16, 0) 0%, rgba(10, 12, 16, 0.9) 100%);z-index:1;pointer-events:none}.fiveTopicBox .fiveTopicMItem .Txt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:clamp(20px,40vw,80px);text-align:center}@media(max-width: 1024px){.fiveTopicBox .fiveTopicMItem .Txt{padding-bottom:120px}}@media(max-width: 640px){.fiveTopicBox .fiveTopicMItem .Txt{padding-bottom:80px}}.fiveTopicBox .fiveTopicMItem .icon{width:80px;height:80px;margin-bottom:20px;aspect-ratio:1}@media(max-width: 1440px){.fiveTopicBox .fiveTopicMItem .icon{width:60px;height:60px}}.fiveTopicBox .fiveTopicMItem .icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fiveTopicBox .fiveTopicMItem .title{color:#fff;font-size:clamp(16px,1vw,20px);font-weight:700;letter-spacing:.2px;font-family:"Nunito Sans",sans-serif}.fiveTopicBox .fiveTopicMItem .clickHint{margin-top:12px}.fiveTopicBox .fiveTopicMItem .clickHint .btn{color:#fff;background-color:#f14595;min-width:200px;text-box-edge:cap alphabetic;text-box-trim:trim-both}.fiveTopicBox .fiveTopicMItem .clickHint .btn::before{border-color:#fff}@media(min-width: 1025px){.fiveTopicBox .fiveTopicMItem .clickHint{display:none}}@media(min-width: 1025px){.fiveTopicBox .fiveTopicMList:hover .fiveTopicMItem{flex:.5}.fiveTopicBox .fiveTopicMList .fiveTopicMItem:hover{flex:2}}@media(min-width: 1025px)and (max-width: 1440px){.fiveTopicBox .fiveTopicMList .fiveTopicMItem:hover{flex:1.5}}@media(min-width: 1025px){.fiveTopicBox .fiveTopicMList .fiveTopicMItem:hover .Img::before,.fiveTopicBox .fiveTopicMList .fiveTopicMItem:hover .Img::after{opacity:.25}}.fiveTopicBox .fiveTopicMList.isActive{pointer-events:none}.fiveTopicBox>.detailWrap{display:none;clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);background:#0a0c10;position:fixed;left:0;top:0;width:100%;height:100%;height:100dvh;z-index:9999;overflow-y:auto;overflow-x:hidden}.fiveTopicBox .detailClose{position:fixed;right:40px;top:40px;z-index:10000;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer}@media(max-width: 640px){.fiveTopicBox .detailClose{width:30px;height:30px;right:20px;top:20px}}@media(min-width: 1181px){.fiveTopicBox .detailClose:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.6)}}.fiveTopicBox .detailHero{position:relative;overflow:hidden;font-size:0;height:100vh;height:100dvh}@media(max-width: 1024px){.fiveTopicBox .detailHero{height:100vh}}.fiveTopicBox .detailHero>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(0.8)}.fiveTopicBox .detailHeroTxt{position:absolute;left:0;top:0;width:50%;max-width:620px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;z-index:2;padding:clamp(40px,5vw,120px) 0 250px clamp(40px,5vw,120px)}@media(max-width: 1180px){.fiveTopicBox .detailHeroTxt{width:100%;max-width:none;text-align:center;padding:clamp(40px,5vw,120px) clamp(20px,5vw,60px) 200px}}.fiveTopicBox .detailTitle{color:#fff;font-size:clamp(40px,3.5vw,54px);font-weight:900;font-family:"Nunito Sans",sans-serif;text-align:left;width:100%}@media(max-width: 1024px){.fiveTopicBox .detailTitle{text-align:center}}.fiveTopicBox .detailSubtitle{color:#fff;font-size:clamp(16px,1.25vw,24px);margin-top:20px}.fiveTopicBox .heroScrollArrow{margin:28px auto 0;line-height:0;animation:heroScrollArrowBounce 1.8s ease-in-out infinite}.fiveTopicBox .heroScrollArrow svg{width:36px;height:auto}.fiveTopicBox .detailBtn{margin-top:40px;padding:15px 42px;border:1px solid rgba(0,0,0,0);border-radius:50px;background:#f14595;color:#fff;min-width:240px;font-family:"Nunito Sans",sans-serif;font-weight:500;letter-spacing:1px;cursor:pointer}@media(min-width: 1181px){.fiveTopicBox .detailBtn:hover{background-color:#fff;color:#f14595}.fiveTopicBox .detailBtn:hover::before{border-color:#f14595}}.fiveTopicBox .detailContent{position:relative;padding:40px 0;overflow:hidden;z-index:1;height:100vh;height:100dvh}@media(max-width: 1024px){.fiveTopicBox .detailContent{height:auto}}.fiveTopicBox .detailContent .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden}.fiveTopicBox .detailContent .bg img{position:absolute;left:0;top:0;width:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .6s ease}@media(max-width: 1280px){.fiveTopicBox .detailContent .bg img{height:100%}}.fiveTopicBox .detailContent .bg img.active{opacity:1}.fiveTopicBox .detailTxtContent{position:relative;z-index:2}@media(min-width: 641px){.fiveTopicBox .detailTxtContent .wrap{max-width:80vw}}@media(max-width: 640px){.fiveTopicBox .detailTxtContent .wrap{max-width:90vw}}.fiveTopicBox .parentContentBox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding-bottom:32px;margin-bottom:30px}@media(max-width: 820px){.fiveTopicBox .parentContentBox{gap:12px;margin-bottom:40px}}@media(max-width: 640px){.fiveTopicBox .parentContentBox{padding-bottom:20px;margin-bottom:20px}}.fiveTopicBox .parentContentBox::after{content:"";position:absolute;width:80px;height:1px;background-color:#fff;left:50%;bottom:0;transform:translateX(-50%)}.fiveTopicBox .parentContentBox .icon{width:80px;height:80px;margin-bottom:0;aspect-ratio:1}@media(max-width: 640px){.fiveTopicBox .parentContentBox .icon{width:60px;height:60px}}.fiveTopicBox .parentContentBox .icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.fiveTopicBox .parentContentBox .title{color:#fff;font-size:clamp(24px,3.1vw,60px);font-weight:700;font-family:"Nunito Sans",sans-serif}@media(max-width: 640px){.fiveTopicBox .parentContentBox .title{text-align:center}}.fiveTopicBox .parentContentBox .subtitle{color:#fff;font-size:clamp(16px,1.25vw,24px);font-family:"Nunito Sans",sans-serif}.fiveTopicBox .parentContentBox .desc{color:#d2d2d2;font-size:clamp(14px,1rem,16px);font-family:"Nunito Sans",sans-serif}.fiveTopicBox .detailTxtContentTop{position:relative;display:flex;gap:160px}@media(max-width: 1024px){.fiveTopicBox .detailTxtContentTop{gap:80px}}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop{flex-direction:column;gap:40px}}.fiveTopicBox .detailTxtContentTop .subClassListWrap{display:flex;flex-direction:row;align-items:stretch;flex-shrink:0;gap:12px}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop .subClassListWrap{flex-direction:column;width:100%}}.fiveTopicBox .detailTxtContentTop .subClassArrowGroup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop .subClassArrowGroup{display:none}}.fiveTopicBox .detailTxtContentTop .subClassArrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6}@media(min-width: 1181px){.fiveTopicBox .detailTxtContentTop .subClassArrow:hover{opacity:1}}.fiveTopicBox .detailTxtContentTop .subClassArrow.disabled{opacity:.15;pointer-events:none}.fiveTopicBox .detailTxtContentTop .subClassList{flex-shrink:0;overflow:hidden}@media(min-width: 821px){.fiveTopicBox .detailTxtContentTop .subClassList{height:256px;margin-top:-24px}}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop .subClassList{height:auto;margin-top:0;width:100%}}.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem{display:flex;align-items:center;gap:16px;position:relative;padding:24px 0;cursor:pointer;height:auto !important}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem{flex-direction:row;padding:12px 20px;gap:8px;width:auto !important;flex-shrink:0;border:1px solid hsla(0,0%,100%,.2);border-radius:8px}.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem.current{border-color:hsla(0,0%,100%,.6)}}.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem:not(:last-child)::after{content:"";position:absolute;left:49px;top:calc(50% + 12px);height:calc(100% - 24px);width:1px;background:hsla(0,0%,100%,.4)}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem:not(:last-child)::after{display:none}}.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem.current .subClassNum{color:#fff;font-weight:700}.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem.current .subClassDot{width:10px;height:10px;min-width:10px;background:#fff;box-shadow:0 0 0 5px hsla(0,0%,100%,.25)}.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem.current .subClassTitle{color:#fff;font-weight:700}@media(min-width: 1181px){.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem:hover .subClassNum{color:#fff}.fiveTopicBox .detailTxtContentTop .subClassList .subClassItem:hover .subClassTitle{color:#fff}}.fiveTopicBox .detailTxtContentTop .subClassList .subClassNum{font-family:"Nunito Sans",sans-serif;font-size:clamp(16px,1vw,20px);font-weight:700;color:hsla(0,0%,100%,.5);min-width:30px;text-box-edge:cap alphabetic;text-box-trim:trim-both}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop .subClassList .subClassNum{display:none}}.fiveTopicBox .detailTxtContentTop .subClassList .subClassDot{width:6px;height:6px;min-width:6px;border-radius:50%;background:hsla(0,0%,100%,.5)}.fiveTopicBox .detailTxtContentTop .subClassList .subClassTitle{font-weight:500;color:hsla(0,0%,100%,.7);letter-spacing:1px;text-box-edge:cap alphabetic;text-box-trim:trim-both}.fiveTopicBox .detailTxtContentTop .subClassContent{letter-spacing:.5px;max-width:1030px;font-family:"Nunito Sans",sans-serif}.fiveTopicBox .detailTxtContentTop .subClassContent .title{font-size:clamp(18px,1.56vw,30px);font-weight:700;color:#fff;text-box-edge:cap alphabetic;text-box-trim:trim-both;margin-bottom:40px}@media(max-width: 820px){.fiveTopicBox .detailTxtContentTop .subClassContent .title{margin-bottom:20px}}.fiveTopicBox .detailTxtContentTop .subClassContent .desc{font-size:16px;letter-spacing:.5px;color:#d2d2d2;text-box-edge:cap alphabetic;text-box-trim:trim-both}.fiveTopicBox .thirdClssList{margin-top:30px}@media(min-width: 821px){.fiveTopicBox .thirdClssList{display:flex;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:10px}.fiveTopicBox .thirdClssList>.swiper-wrapper{display:flex;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:10px;transform:none !important}.fiveTopicBox .thirdClssList .swiper-slide{width:auto}}@media(max-width: 820px){.fiveTopicBox .thirdClssList{overflow:hidden}}@media(max-width: 820px){.fiveTopicBox .thirdClssList .thirdClassItem{width:auto !important;flex-shrink:0}}.fiveTopicBox .thirdClssList .thirdClassItem.current .thirdClassTitle{background:#f14595;border-color:rgba(0,0,0,0)}@media(min-width: 1181px){.fiveTopicBox .thirdClssList .thirdClassItem:hover .thirdClassTitle{background:#f14595;border-color:rgba(0,0,0,0)}}.fiveTopicBox .thirdClssList .thirdClassTitle{font-family:"Nunito Sans",sans-serif;font-size:clamp(13px,.7vw,15px);font-weight:500;color:#fff;letter-spacing:1px;padding:15px 42px;border:1px solid #fff;background:hsla(0,0%,100%,.2);border-radius:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-box-edge:cap alphabetic;text-box-trim:trim-both;cursor:pointer}@media(max-width: 640px){.fiveTopicBox .thirdClssList .thirdClassTitle{padding:7.5px 30px}}.fiveTopicBox .productSwiperWrap{position:relative;display:flex;align-items:center;gap:20px;margin-top:20px}.fiveTopicBox .productArrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;z-index:2}.fiveTopicBox .productArrow.productArrowPrev{left:calc(50% - 425px - 65px - 40px)}@media(max-width: 1536px){.fiveTopicBox .productArrow.productArrowPrev{left:calc(50% - 350px - 15px - 40px)}}@media(max-width: 640px){.fiveTopicBox .productArrow.productArrowPrev{left:0}}.fiveTopicBox .productArrow.productArrowNext{right:calc(50% - 425px - 65px - 40px)}@media(max-width: 1536px){.fiveTopicBox .productArrow.productArrowNext{right:calc(50% - 350px - 15px - 40px)}}@media(max-width: 640px){.fiveTopicBox .productArrow.productArrowNext{right:0}}@media(min-width: 1181px){.fiveTopicBox .productArrow:hover{opacity:1}}.fiveTopicBox .productArrow.swiper-button-disabled{opacity:.15;pointer-events:none}.fiveTopicBox .datailProductSwiper{overflow:hidden;width:100%;max-width:850px;margin:0 auto;position:relative;z-index:1}@media(max-width: 1536px){.fiveTopicBox .datailProductSwiper{max-width:700px}}.fiveTopicBox .datailProductSwiper .productItem{width:100%;position:relative;transition:none}.fiveTopicBox .datailProductSwiper .comingSoonMask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;background-color:rgba(0,0,0,.65)}.fiveTopicBox .datailProductSwiper .comingSoonMask span{color:#fff;font-size:clamp(16px,1.1vw,22px);font-weight:700}.fiveTopicBox .datailProductSwiper .product-scrollbar{display:none}.fiveTopicBox .largeWrap{max-width:92.5vw;margin-left:auto;margin-right:auto;position:relative}.fiveTopicBox .subProductSwiper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}@media(max-width: 1280px){.fiveTopicBox .subProductSwiper{width:120%;left:-10%}}@media(max-width: 1024px){.fiveTopicBox .subProductSwiper{display:none}}.fiveTopicBox .subProductSwiper .subProductItem{display:flex;align-items:center;justify-content:flex-start;opacity:.4;transition:opacity .4s,transform .4s}.fiveTopicBox .subProductSwiper .subProductItem.swiper-slide-active{opacity:0;pointer-events:none}.fiveTopicBox .subProductSwiper .subProductItem.swiper-slide-next{justify-content:flex-end}.fiveTopicBox .subProductSwiper .Img{max-width:310px;width:100%;aspect-ratio:310/160}.fiveTopicBox .subProductSwiper .Img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fiveTopicBox .productContentWrap{position:relative}.fiveTopicBox .productContentWrap .productLink{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.fiveTopicBox .productContent{display:flex;background-image:url("../images/createproBorder.png");background-size:contain;background-repeat:no-repeat;gap:20px;overflow:hidden;padding:0 70px 0 30px;position:relative;min-height:248px}@media(max-width: 1536px){.fiveTopicBox .productContent{padding:0 20px;min-height:200px}}@media(max-width: 640px){.fiveTopicBox .productContent{padding:40px 60px 20px;background-image:url("../images/createproBorder3.png");background-position:center}}@media(max-width: 640px){.fiveTopicBox .productContent{flex-direction:column;gap:20px}}.fiveTopicBox .productContent .Img{flex-shrink:0;max-width:400px;width:100%;aspect-ratio:20/11}@media(max-width: 1536px){.fiveTopicBox .productContent .Img{max-width:300px}}.fiveTopicBox .productContent .Img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fiveTopicBox .productContent .Txt{display:flex;flex:1;width:100%;flex-direction:column;justify-content:center;padding:40px 0}.fiveTopicBox .productContent .productTitle{color:#fff;font-size:clamp(18px,1.56vw,30px);font-weight:700;font-family:"Nunito Sans",sans-serif;margin-bottom:8px;line-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 1536px){.fiveTopicBox .productContent .productTitle{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}.fiveTopicBox .productContent .productSubtitle{color:#fff;font-size:clamp(18px,1vw,20px);font-weight:400;letter-spacing:.5px;margin-bottom:20px}@media(max-width: 640px){.fiveTopicBox .productContent .productSubtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.fiveTopicBox .productContent .productDesc{color:#d2d2d2;font-size:clamp(13px,.75vw,15px);font-family:"Nunito Sans",sans-serif;font-weight:500;letter-spacing:.5px}.fiveTopicBox .detailRecommend{background-size:cover;background-position:center;padding:125px 0 60px;position:relative;z-index:2}@media(max-width: 640px){.fiveTopicBox .detailRecommend{padding:80px 0}}.fiveTopicBox .detailRecommend .wrap{display:flex;align-items:center;gap:160px;max-width:90vw;margin-left:auto;margin-right:0;padding-right:0}@media(max-width: 1024px){.fiveTopicBox .detailRecommend .wrap{flex-direction:column;align-items:flex-start;gap:80px}}@media(max-width: 820px){.fiveTopicBox .detailRecommend .wrap{margin-right:auto;padding-right:20px}}@media(max-width: 640px){.fiveTopicBox .detailRecommend .wrap{gap:40px}}.fiveTopicBox .detailRecommend .leftBox{flex-shrink:0;color:#fff;font-family:"Nunito Sans",sans-serif}.fiveTopicBox .detailRecommend .leftBox .title{font-size:clamp(30px,3.1vw,60px);font-weight:700;letter-spacing:1px;text-shadow:0 0 34.555px rgba(0,0,0,.1);text-box-edge:cap alphabetic;text-box-trim:trim-both;margin-bottom:40px}@media(max-width: 640px){.fiveTopicBox .detailRecommend .leftBox .title{margin-bottom:20px}}.fiveTopicBox .detailRecommend .leftBox .desc{font-size:12px;letter-spacing:.5px}.fiveTopicBox .detailRecommend .rightBox{flex:1;min-width:0}@media(max-width: 1024px){.fiveTopicBox .detailRecommend .rightBox{max-width:90vw}}@media(max-width: 640px){.fiveTopicBox .detailRecommend .rightBox{max-width:100%}}.fiveTopicBox .recommandSwiper{padding-top:60px;padding-left:60px;margin-top:-60px;margin-left:-60px;position:relative}@media(max-width: 640px){.fiveTopicBox .recommandSwiper{padding-left:20px;padding-right:0;margin-left:-20px;overflow:visible}}.fiveTopicBox .recommandSwiper .recommandArrow{position:absolute;top:calc(50% + 30px);transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;z-index:5}@media(min-width: 1025px){.fiveTopicBox .recommandSwiper .recommandArrow{display:none}}.fiveTopicBox .recommandSwiper .recommandArrow.recommandArrowPrev{left:0}.fiveTopicBox .recommandSwiper .recommandArrow.recommandArrowNext{right:-20px}.fiveTopicBox .recommandSwiper .recommandArrow.swiper-button-disabled{opacity:.25;pointer-events:none}@media(min-width: 1181px){.fiveTopicBox .recommandSwiper .recommandArrow:hover{opacity:.6}}.fiveTopicBox .recommandItem{position:relative;color:#fff;font-family:"Nunito Sans",sans-serif;letter-spacing:.5px;max-width:480px;width:100%}@media(min-width: 1181px){.fiveTopicBox .recommandItem:hover .recommandImg img{filter:brightness(1.15) saturate(1.2) contrast(1.05)}.fiveTopicBox .recommandItem:hover .recommandImg::after{animation:cardShine .6s ease-out forwards}}.fiveTopicBox .recommandItem .recommandItemInner{position:relative;padding:40px;background-image:url("../images/createproBorder2.png");background-size:contain;background-repeat:no-repeat}@media(max-width: 1280px){.fiveTopicBox .recommandItem .recommandItemInner{padding:25px 40px}}@media(max-width: 640px){.fiveTopicBox .recommandItem .recommandItemInner{padding:40px 0 20px;margin:0 20px;background-image:url("../images/createproBorder3.png");background-position:center}}.fiveTopicBox .recommandItem .recommandLink{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}.fiveTopicBox .recommandItem .recommandAvatar{position:absolute;left:-50px;top:-50px;width:135px;height:135px;aspect-ratio:1}@media(max-width: 1280px){.fiveTopicBox .recommandItem .recommandAvatar{width:100px;height:100px}}@media(max-width: 820px){.fiveTopicBox .recommandItem .recommandAvatar{width:80px;height:80px;left:-10px;top:-20px}}@media(max-width: 640px){.fiveTopicBox .recommandItem .recommandAvatar{width:60px;height:60px}}.fiveTopicBox .recommandItem .recommandAvatar::before{content:"";position:absolute;width:150px;height:150px;left:-7.5px;top:-7.5px;border:1px solid #fff;background-color:hsla(0,0%,100%,.2);border-radius:50%;overflow:hidden;z-index:1}@media(max-width: 1280px){.fiveTopicBox .recommandItem .recommandAvatar::before{width:115px;height:115px}}@media(max-width: 820px){.fiveTopicBox .recommandItem .recommandAvatar::before{width:95px;height:95px}}@media(max-width: 640px){.fiveTopicBox .recommandItem .recommandAvatar::before{width:75px;height:75px}}.fiveTopicBox .recommandItem .recommandAvatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:2}.fiveTopicBox .recommandItem .recommandImg{position:relative;margin-bottom:25px;aspect-ratio:415/240;overflow:hidden}@media(max-width: 640px){.fiveTopicBox .recommandItem .recommandImg{max-width:80%;margin:0 auto 25px;aspect-ratio:3/2}}.fiveTopicBox .recommandItem .recommandImg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(1) saturate(1)}.fiveTopicBox .recommandItem .recommandImg:not(.empty)::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.1) 70%, rgba(255, 255, 255, 0) 100%);transform:skewX(-20deg);transition:none;pointer-events:none;z-index:1}@media(max-width: 640px){.fiveTopicBox .recommandItem .recommandTxt{padding:20px 30px}}.fiveTopicBox .recommandItem .recommandTitle{font-size:clamp(18px,1.56vw,30px);font-weight:700;margin-bottom:10px;text-box-edge:cap alphabetic;text-box-trim:trim-both;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.fiveTopicBox .recommandItem .recommandSubtitle{font-size:clamp(16px,1.04vw,20px);text-box-edge:cap alphabetic;text-box-trim:trim-both;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.fiveTopicBox .recommandItem .recommandDesc{font-size:clamp(13px,.75vw,15px);text-box-edge:cap alphabetic;text-box-trim:trim-both;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fiveTopicBox .fiveTopicClose{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto}.fiveTopicBox .fiveTopicClose .btn{position:relative;border:1px solid #fff;background-color:hsla(0,0%,100%,.25);cursor:pointer;margin:20px 0}.fiveTopicBox .fiveTopicClose .btn::before,.fiveTopicBox .fiveTopicClose .btn::after{content:"";position:absolute;top:50%;right:8%;width:14px;height:1px;background-color:#fff}.fiveTopicBox .fiveTopicClose .btn::before{transform:translate(-50%, -50%) rotate(45deg)}.fiveTopicBox .fiveTopicClose .btn::after{transform:translate(-50%, -50%) rotate(-45deg)}.createproBottomBox .Img img{width:100%;height:auto;display:block;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.productArea{background-color:#fff;padding:120px 0;overflow-x:hidden}@media(max-width: 1536px){.productArea{padding:80px 0}}@media(max-width: 640px){.productArea{padding:40px 0}}.productArea .titleBox{margin-bottom:60px}@media(max-width: 1536px){.productArea .titleBox{margin-bottom:40px}}.productArea .titleBox .title{font-size:clamp(30px,3.1vw,60px);font-weight:700;text-align:center}.productArea .tabList{text-align:center;max-width:90%;margin:0 auto 60px}@media(max-width: 1536px){.productArea .tabList{margin-bottom:40px}}@media(min-width: 641px){.productArea .tabList{display:flex;align-items:center;justify-content:center;overflow:visible}.productArea .tabList>.swiper-wrapper{display:flex;flex-wrap:nowrap;transform:none !important}.productArea .tabList .swiper-slide{flex:1;width:auto}}@media(max-width: 640px){.productArea .tabList{overflow:hidden}}.productArea .tabList .tabItem{display:block;padding:20px 40px;border-bottom:2px solid #e0e0e0;font-size:clamp(14px,1.25vw,24px);font-weight:500;color:#888;white-space:nowrap;cursor:pointer;align-self: flex-end;}@media(max-width: 640px){.productArea .tabList .tabItem{padding:14px 20px;font-size:14px}}.productArea .tabList .tabItem.active{color:#272626;border-bottom-color:#272626}@media(min-width: 1181px){.productArea .tabList .tabItem:hover{color:#272626}}.productArea .tabContent{display:grid}.productArea .tabPane{grid-area:1/1;opacity:0;pointer-events:none;min-width:0}.productArea .tabPane.active{pointer-events:auto}.productArea .productListWrap{position:relative;margin-left:-60px;margin-right:-60px;width:calc(100% + 120px)}@media(max-width: 1024px){.productArea .productListWrap{margin-left:-40px;margin-right:-40px;width:calc(100% + 80px)}}@media(max-width: 640px){.productArea .productListWrap{margin-left:0;margin-right:0;width:100%}}.productArea .productCardsBg{padding:20px 60px;overflow:hidden;position:relative}@media(max-width: 1024px){.productArea .productCardsBg{padding:16px 40px;max-width:90%;margin:0 auto}}@media(max-width: 640px){.productArea .productCardsBg{padding:12px 24px}}.productArea .productCardsBg::before,.productArea .productCardsBg::after{content:"";position:absolute;top:0;height:100%;width:80px;z-index:2;pointer-events:none}@media(max-width: 640px){.productArea .productCardsBg::before,.productArea .productCardsBg::after{width:40px}}.productArea .productCardsBg::before{left:0;background:linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0))}.productArea .productCardsBg::after{right:0;background:linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0))}.productArea .productListArrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;color:#333}.productArea .productListArrow.productListArrowPrev{left:12px}@media(max-width: 1024px){.productArea .productListArrow.productListArrowPrev{left:0}}@media(max-width: 640px){.productArea .productListArrow.productListArrowPrev{left:-12px}}.productArea .productListArrow.productListArrowNext{right:12px}@media(max-width: 1024px){.productArea .productListArrow.productListArrowNext{right:0}}@media(max-width: 640px){.productArea .productListArrow.productListArrowNext{right:-12px}}.productArea .productListArrow.swiper-button-disabled{opacity:0;pointer-events:none}@media(min-width: 1181px){.productArea .productListArrow:hover{color:#272626}}.productArea .productListSwiper{overflow:visible}.productArea .productItem{display:block;text-align:center;background:#f4f4f4;border-radius:16px;padding:24px}@media(max-width: 640px){.productArea .productItem{padding:24px 16px 20px;border-radius:12px}}.productArea .productItem .productImage{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;font-size:0}.productArea .productItem .productImage img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.productArea .productItem .productTitle{margin-top:16px;font-size:clamp(16px,1.04vw,20px);height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;color:#333}@media(min-width: 1181px){.productArea .productItem:hover .productTitle{color:#272626}.productArea .productItem:hover .productImage img{transform:scale(1.05)}}@keyframes cardShine{0%{left:-100%}100%{left:150%}}