.joyexper{margin-bottom:5rem;margin-top:2rem}@media(max-width:767.98px){.joyexper{margin-bottom:2.5rem}}.joyexper ul{display:flex;margin-left:-.7rem}@media(max-width:767.98px){.joyexper ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0}}.joyexper ul li{position:relative;list-style:none}@media(max-width:767.98px){.joyexper ul li{margin-bottom:2rem}}.joyexper ul li:first-child{flex:4 1}@media(max-width:767.98px){.joyexper ul li:first-child{margin-bottom:3rem}}.joyexper ul li:nth-child(2){flex:2 1}.joyexper ul li h1{position:absolute;top:.4166rem;left:-1rem;width:2.15rem;height:2.15rem;background:#4abfcf;opacity:.2;border-radius:10px;transform:rotate(45deg)}@media(max-width:767.98px){.joyexper ul li h1{width:1.248rem;height:1.248rem;border-radius:3.76868px;top:.8rem;left:-.5rem}}.joyexper ul li p{font-size:1rem;line-height:1.2rem;padding-top:1rem;margin-bottom:.3rem;font-weight:600}@media(max-width:767.98px){.joyexper ul li p{font-size:1.125rem;margin-bottom:.6rem}}.joyexper ul li span{font-size:.75rem;line-height:1.5rem;color:#666;display:inline-block;font-weight:400}@media(max-width:767.98px){.joyexper ul li span{font-size:1rem;display:block;width:20.43rem;line-height:1.5rem}}.brief{font-weight:400;margin-bottom:8rem;line-height:1.25rem;font-size:.75rem;color:#3e3e3e;padding:0}@media(max-width:767.98px){.brief{margin-bottom:4.94rem;padding:0 15px;font-size:1rem;line-height:1.75}}.brief .brief-title{color:#50afbc;font-family:var(--font-butler);font-weight:700;font-size:2rem}@media(max-width:767.98px){.brief .brief-title{font-size:1.5rem}}.brief .brief-flex{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(max-width:767.98px){.brief .brief-flex{display:flex;flex-direction:column;justify-content:center;align-items:center}}.brief .brief-left{flex:2 1;margin-top:2.5rem;margin-right:3rem}@media(max-width:767.98px){.brief .brief-left{margin-right:0}}.brief .brief-left p{margin-bottom:1.5rem}@media(max-width:767.98px){.brief .brief-left .black-font{color:#000}}.brief .brief-right{flex:1 1}.brief .brief-right .brief-img{margin-left:0;margin-top:.4rem}@media(max-width:767.98px){.brief .brief-right .brief-img{display:none}}.brief .brief-right .brief-Mobile{display:none;object-fit:contain}@media(max-width:767.98px){.brief .brief-right .brief-Mobile{display:block;margin-top:.8rem}}.ux{font-weight:400;font-size:.75rem;line-height:1.25rem;color:#3e3e3e;margin-bottom:4rem}@media(max-width:767.98px){.ux{margin-bottom:2.44rem;font-size:1rem;line-height:1.75rem}}.ux .ux-flex{display:flex;justify-content:space-between}@media(max-width:767.98px){.ux .ux-flex{flex-direction:column-reverse}}.ux h2{display:flex;align-items:center;margin-left:-5%}.ux h2 .ux-img{position:relative}@media(max-width:767.98px){.ux h2 .ux-img{margin:0 auto}}.ux h2 .ux-img .ux-shadow{position:absolute;top:-3.3rem;left:-2rem;display:inline-block;width:21.1rem;height:14.5rem;background:#f7fcfd;border-radius:22px;z-index:-2}@media(max-width:767.98px){.ux h2 .ux-img .ux-shadow{display:none}}.ux h2 .ux-img .uxpcshow{margin-left:-1rem}@media(max-width:767.98px){.ux h2 .ux-img .uxpcshow{display:none}}.ux h2 .ux-img .uxmobileshow{display:none}@media(max-width:767.98px){.ux h2 .ux-img .uxmobileshow{display:block;margin-top:1.5rem;margin-left:4%}.ux h2 .ux-img .uxmobileshow img{width:106%}}.ux .UX-flow{padding-left:7%}.ux .UX-flow .mobileshow{display:none}@media(max-width:767.98px){.ux .UX-flow .mobileshow{display:block}.ux .UX-flow .pcshow{display:none}}.ux .UX-flow h1{font-family:var(--font-butler);font-weight:700;font-size:2rem;line-height:2.2rem;color:#50afbc;margin-bottom:2.2rem}@media(max-width:767.98px){.ux .UX-flow h1{font-size:1.5rem;width:100%}}.ux .UX-flow p{margin-bottom:1.6rem}@media(max-width:767.98px){.ux .UX-flow p{line-height:1.75rem}}.brand-design{margin-bottom:7rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:767.98px){.brand-design{align-items:flex-start;margin-bottom:4rem}}.brand-design .brand-title{color:#50afbc;font-family:var(--font-butler);font-size:2rem;font-weight:700;margin-bottom:1.5rem}@media(max-width:767.98px){.brand-design .brand-title{font-size:1.5rem;margin-bottom:1.81rem}}.brand-design .brand-imgs{text-align:center}.brand-design .brand-imgs img{margin-top:1.6rem}@media(max-width:767.98px){.brand-design .brand-imgs img{margin-top:1rem}.brand-design .brand-imgs img:first-child{width:90%}.brand-design .brand-imgs img:nth-child(2),.brand-design .brand-imgs img:nth-child(3){width:50%}.brand-design .brand-imgs img:nth-child(4),.brand-design .brand-imgs img:nth-child(5){width:85%}}.brand-design p{font-weight:400;width:42.8rem;font-size:.75rem;line-height:1.25rem;text-align:center;color:#3e3e3e}@media(max-width:767.98px){.brand-design p{font-size:1rem;line-height:1.75rem;width:100%;text-align:left}}.ux-guide{font-weight:400;background:url(/_next/static/media/ux-bg.a2f49e2b.svg) no-repeat 50%;background-size:100%;background-position:0 16rem}@media(max-width:767.98px){.ux-guide{background:url(/_next/static/media/ux-bg.a2f49e2b.svg) no-repeat;background-size:cover;padding-top:2rem}}.ux-guide .ux-title{font-family:var(--font-butler);font-size:2rem;font-weight:700;line-height:1.833rem;text-align:center;color:#4abfcf;margin:0 auto 3.5rem}@media(max-width:767.98px){.ux-guide .ux-title{text-align:left;font-size:1.5rem;margin-bottom:1rem}.ux-guide .main{background-size:auto;background-repeat:repeat-y;background:none}}.ux-guide .main .main-color{display:flex;justify-content:space-between}@media(max-width:767.98px){.ux-guide .main .main-color{display:flex;flex-direction:column;justify-content:center;align-items:center}}.ux-guide .main .main-color .color-margin{margin-right:7%}@media(max-width:767.98px){.ux-guide .main .main-color .color-margin{margin-right:0}}.ux-guide .main .main-color .color-shadow{flex:1 1;padding:1rem;background:#fff;box-shadow:0 6.22478px 18.6744px rgba(25,84,102,.08);border-radius:20px}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow{box-shadow:none;background:none;padding-left:1rem}}.ux-guide .main .main-color .color-shadow h1{font-size:1.25rem;line-height:2.16666rem;text-align:center;color:#000;font-weight:400;margin-bottom:0}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow h1{text-align:left;font-size:1.125rem}}.ux-guide .main .main-color .color-shadow p{font-size:1rem;line-height:1.25rem;text-align:center;color:#666;font-weight:400;margin-bottom:0;margin-top:.5rem}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow p{text-align:left;font-size:1rem;color:#3e3e3e;font-weight:400}}.ux-guide .main .main-color .color-shadow span{display:inline-block;font-size:.75rem;line-height:1rem;text-align:center;color:#a3a3a3;font-weight:300;margin-top:3%}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow span{text-align:left;padding:0;font-size:.875rem;margin-top:5%}}.ux-guide .main .main-color .color-shadow .color-img{padding:1rem}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow .color-img{width:100%;margin-top:8%}}.ux-guide .main .main-color .color-shadow .color-img img{object-fit:contain}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow .color-img h1{height:7rem;margin-top:3rem}}.ux-guide .main .main-color .color-shadow .color-img .colorimg-text{display:flex;justify-content:space-between}.ux-guide .main .main-color .color-shadow .color-img .colorimg-text p{font-size:18px;line-height:1.25rem}.ux-guide .main .main-color .color-shadow .color-img .colorimg-text span{font-size:.75rem;line-height:1.25rem;color:#4abfcf;padding:0}@media(max-width:991.98px){.ux-guide .main .main-color .color-shadow .color-img .colorimg-text span{display:none}}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow .color-img .colorimg-text span{display:inline-block;font-size:1rem}}.ux-guide .main .main-color .color-shadow .color-img .color-az{display:flex;justify-content:space-between;margin-bottom:9%}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow .color-img .color-az{display:none}}.ux-guide .main .main-color .color-shadow .color-img .color-az p{font-size:.75rem;line-height:1rem;letter-spacing:-.06em;color:#a3a3a3;text-align:left;width:5.24rem;font-weight:400}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow .tp-img{margin:5% 0}}.ux-guide .main .main-color .color-shadow .tp-img .colorimg-text .tp-proxima{font-size:.75rem}@media(max-width:767.98px){.ux-guide .main .main-color .color-shadow .tp-img .colorimg-text .tp-proxima{font-size:1rem}}.ux-guide .main .inputsShadow{margin-top:7%;box-shadow:0 6.22478px 18.6744px rgba(25,84,102,.08);border-radius:20px}.ux-guide .main .main-ipt{width:100%}@media(max-width:767.98px){.ux-guide .main .main-ipt{display:none}}.mobile{position:relative;overflow:hidden;margin:7.7rem auto 0}@media(max-width:767.98px){.mobile{margin-top:0}}.mobile .mob-sides{background-color:#5f9ea0;width:300px;height:299px;background:linear-gradient(47.81deg,#ffffff 10.61%,rgba(255,255,255,0) 126.23%);opacity:.5;border-radius:59px;transform:rotate(45deg);position:absolute;right:-203px;top:30%}@media(max-width:991.98px){.mobile .mob-sides{width:265px}}@media(max-width:767.98px){.mobile .mob-sides{top:21%;right:-41%;border-radius:20px;width:202px;height:168px;opacity:.3}}.mobile .mobile-bluebg{position:absolute;top:9%;bottom:20%;width:100%;background-color:#4abfcf;z-index:-2}@media(max-width:767.98px){.mobile .mobile-bluebg{top:0;bottom:12%}}.mobile .mContent{display:flex;justify-content:space-between}@media(max-width:767.98px){.mobile .mContent{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;padding-top:11%}}.mobile .mContent img{width:100%;object-fit:contain;max-height:36.7rem;flex:1 1;margin-left:-14%}@media(max-width:767.98px){.mobile .mContent img{margin-left:26%;width:114%}}.mobile .mContent .mobile-text{flex:1 1;align-self:center;padding-bottom:10%;margin-left:-7%;margin-top:-5%}@media(max-width:991.98px){.mobile .mContent .mobile-text{margin-left:-20%}}@media(max-width:767.98px){.mobile .mContent .mobile-text{margin-left:-44%;padding-bottom:7%}}.mobile .mContent .mobile-text p{font-family:var(--font-butler);font-size:2rem;font-weight:700;line-height:3.35rem;color:#fff;margin-bottom:.5rem}@media(max-width:767.98px){.mobile .mContent .mobile-text p{font-size:1.5rem;line-height:1.5rem;height:1rem;margin-bottom:.5rem}}.mobile .mContent .mobile-text span{font-size:1.25rem;line-height:1.2rem;color:#fff;opacity:.8;font-weight:300}@media(max-width:767.98px){.mobile .mContent .mobile-text span{font-size:1rem}}.property-detail{margin-top:4%;padding-bottom:60%;background-image:url(/_next/static/media/property-d.008aec8b.png);background-repeat:no-repeat;background-size:100% 100%}@media(max-width:767.98px){.property-detail{background:url(/_next/static/media/property-dmo.548f21fb.png) no-repeat;background-size:100%;padding-bottom:78%}}.events{margin-top:8.5rem;font-weight:400}@media(max-width:767.98px){.events{margin-top:15%}}.events .events-flex{display:flex;justify-content:space-between;padding:0 4rem}@media(max-width:767.98px){.events .events-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}}.events span{font-weight:400;font-size:1rem;line-height:1.83rem;text-align:center;color:#50afbc;margin-top:1rem}@media(max-width:767.98px){.events span{font-family:var(--font-butler);font-size:1.5rem;font-weight:700;margin-bottom:3.1rem}}.events .events-left{flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width:767.98px){.events .events-left{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;margin-right:0}}.events .events-left .events-animation{width:50%;height:78%;box-shadow:0 1rem 4rem rgba(49,92,98,.2)}@media(max-width:767.98px){.events .events-left .events-animation{width:80%}}.events .events-right{flex:1 1;margin-top:3.5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width:767.98px){.events .events-right{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;margin-bottom:10%;margin-top:3.75rem}}.events .events-right .events-animation{width:50%;height:85%;box-shadow:0 1rem 4rem rgba(49,92,98,.2)}@media(max-width:767.98px){.events .events-right .events-animation{width:80%}}.display{background:url(/_next/static/media/disjoy-bg.6654c5ab.png) no-repeat;background-size:80%;background-position:100% 0;margin-top:6.47rem;position:relative;padding-bottom:57%}@media(max-width:767.98px){.display{overflow:hidden;background:none;background:url(/_next/static/media/displaymobile-bg.495b7d9a.png) no-repeat;background-size:100%;padding-bottom:91%;margin-top:3.47rem}}.display .disjoy-bg{position:absolute;top:14%;left:0;z-index:-2;width:40%}@media(max-width:767.98px){.display .disjoy-bg{width:65%;top:10%}}.web{margin-top:2rem;background-color:#4abfcf;position:relative;display:flex}@media(max-width:767.98px){.web{flex-direction:column;padding-bottom:36%;margin-top:0}}.web .web-text{display:flex;flex-direction:column;justify-content:center;padding-top:14%;flex:2 1;padding-left:14%;padding-bottom:10%}@media(max-width:991.98px){.web .web-text{flex:3 1}}@media(max-width:767.98px){.web .web-text{padding-top:6%;padding-left:0;text-align:center}}.web .web-text p{white-space:nowrap;font-family:var(--font-butler);font-size:2rem;line-height:3.35rem;color:#fff}@media(max-width:767.98px){.web .web-text p{font-size:1.5rem;line-height:2rem;margin-bottom:0}}.web .web-text span{font-weight:400;font-size:1.25rem;line-height:1.2rem;color:#fff;opacity:.8}@media(max-width:767.98px){.web .web-text span{font-size:1rem;line-height:1.75rem;font-weight:300}}.web .web-right{flex:5 1;position:relative}.web .web-img{position:absolute;right:10%;top:20%}@media(max-width:767.98px){.web .web-img{left:1%;right:2%}}.web .web-img img{object-fit:contain;width:110%}@media(max-width:767.98px){.web .web-img img{width:100%}}.web .web-fang{position:absolute;top:25%;left:-10rem;width:15.3683rem;height:13.929rem;background:linear-gradient(47.81deg,#ffffff 10.61%,rgba(255,255,255,0) 126.23%);opacity:.5;border-radius:50.2426px;transform:rotate(-135deg)}@media(max-width:767.98px){.web .web-fang{top:7.5rem}}.properties{display:flex;justify-content:space-between;font-weight:400;font-size:1rem;line-height:1.83rem;color:#50afbc;margin-top:9rem;background:url(/_next/static/media/set-bg.8cc35b83.png) no-repeat bottom;background-size:100%;padding-bottom:9%}@media(max-width:767.98px){.properties{font-family:var(--font-butler);font-size:1.5rem;font-size:700;line-height:1.5rem;padding-bottom:14%}}.properties .squareBg{position:absolute;top:-2.5rem;left:-4.5rem;display:block;width:12.58rem;height:12.58rem;background:#4abfcf;opacity:.04;border-radius:47.7061px;z-index:-3}@media(max-width:767.98px){.properties .squareBg{width:10.25rem;height:10.25rem;top:2.5rem;left:-2rem}}.properties .proFlex{display:flex;flex-direction:row;justify-content:space-between;align-items:auto}@media(max-width:767.98px){.properties .proFlex{display:flex;flex-direction:column;justify-content:center;align-items:cener}}.properties .proFlex .proper-left{margin-right:6.4rem;margin-top:6rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width:767.98px){.properties .proFlex .proper-left{margin:0}}.properties .proFlex .proper-left .proleft-bottom,.properties .proFlex .proper-left .proleft-top{position:relative;margin-top:5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width:767.98px){.properties .proFlex .proper-left .proleft-bottom,.properties .proFlex .proper-left .proleft-top{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin-top:0;margin-bottom:5.5rem}.properties .proFlex .proper-left .proleft-bottom .unit-img,.properties .proFlex .proper-left .proleft-top .unit-img{width:100%;margin-left:1rem}}.properties .proFlex .proper-left .proleft-bottom .detail-cover,.properties .proFlex .proper-left .proleft-top .detail-cover{position:absolute;top:6rem;left:-3.2rem;width:7.125rem;height:6.7rem;filter:drop-shadow(0 0 1.57301px rgba(74,191,207,.6)),drop-shadow(12.5841px 9.43808px 3.93253px rgba(141,160,165,.4))}@media(max-width:767.98px){.properties .proFlex .proper-left .proleft-bottom .detail-cover,.properties .proFlex .proper-left .proleft-top .detail-cover{width:6.8rem;height:6.37rem;top:10rem;left:-.5rem}.properties .proFlex .proper-left .proleft-bottom p,.properties .proFlex .proper-left .proleft-top p{margin-bottom:2rem}.properties .proFlex img{width:100%}}.properties .proFlex .proper-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width:767.98px){.properties .proFlex .proper-right{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}}.properties .proFlex .proper-right .proright-bottom,.properties .proFlex .proper-right .proright-top{margin-top:5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media(max-width:767.98px){.properties .proFlex .proper-right .proright-bottom,.properties .proFlex .proper-right .proright-top{margin-top:0;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}.properties .proFlex .proper-right .payment-margin{margin-top:5.5rem}}.joyhub_header__04h4_{position:relative;padding-top:3.958rem;overflow:hidden;background-image:linear-gradient(90deg,#4abfcf,#4abfcf 50%,#4abfcf 0,#30a0af 0,#30a0af);background-position:50%;background-size:100%;background-repeat:no-repeat}@media(max-width:767.98px){.joyhub_header__04h4_{height:812px;background-image:linear-gradient(1turn,#4abfcf,#4abfcf 50%,#4abfcf 0,#30a0af 0,#30a0af)}}.joyhub_header__04h4_ .joyhub_bg01__qQghi{position:absolute;left:calc(75% - 10rem);top:0;width:20rem}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_bg01__qQghi{left:50%;transform:translateX(-50%)}}.joyhub_header__04h4_ .joyhub_bg02__gaW4_{position:absolute;right:0;bottom:0;width:11rem}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_bg02__gaW4_{bottom:50%}}.joyhub_header__04h4_ .joyhub_title__coCaQ{color:#fff;font-family:var(--font-butler);font-weight:700;font-size:1.833rem;line-height:2.125rem}.joyhub_header__04h4_ .joyhub_headerContent__kRQFz{margin-top:1rem}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_headerContent__kRQFz{margin-top:406px}.joyhub_header__04h4_ .joyhub_goBack__HDV18{display:none}}.joyhub_header__04h4_ .joyhub_headerSecondTitle__z795i{width:50%;margin-top:.5rem;font-weight:400;font-size:.916rem;line-height:1.458rem;color:#fff}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_headerSecondTitle__z795i{width:100%}}.joyhub_header__04h4_ .joyhub_tag__8JeWh{margin:2rem 0;font-size:.916rem;line-height:1.458rem;color:#fff}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_tag__8JeWh{margin-top:-2rem;margin-bottom:1rem}}.joyhub_header__04h4_ .joyhub_divide__jSWqm{width:calc(50% - 2.375rem);border-bottom:1px solid hsla(0,0%,100%,.15);margin:1.375rem 0}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_divide__jSWqm{width:100%;margin:1rem 0}}.joyhub_header__04h4_ .joyhub_desc__ygh6f{width:calc(50% - 2.375rem);color:#fff;font-size:.75rem;font-weight:400;line-height:1.208rem}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_desc__ygh6f{font-size:.875rem;width:100%}}.joyhub_header__04h4_ .joyhub_logoImg__GfU6X{margin-top:5.916rem;margin-bottom:5rem;width:5.666rem}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_logoImg__GfU6X{margin-top:2rem}}.joyhub_header__04h4_ .joyhub_headerImage__S46C7{position:absolute;width:32rem;left:calc(50% + 1rem);top:50%;transform:translateY(-50%)}@media(max-width:767.98px){.joyhub_header__04h4_ .joyhub_headerImage__S46C7{width:27rem;top:6rem;left:50%;transform:translate(-50%)}}@media(max-width:575.98px){.joyhub_header__04h4_ .joyhub_headerImage__S46C7{width:27rem;top:6rem;left:1rem;transform:translate(0)}}