[ani-autoplay-video],[ani-video-wrapper]{contain:paint;overflow:hidden;position:relative}[ani-autoplay-video] canvas,[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] img,[ani-video-wrapper] video{height:100%;left:0;position:absolute;top:0;width:100%}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill;z-index:10}[ani-autoplay-video] video,[ani-video-wrapper] video{z-index:10}[ani-autoplay-video] img,[ani-video-wrapper] img{-o-object-fit:cover;object-fit:cover;z-index:0}[ani-first-video],[ani-video-wrapper]{contain:paint;overflow:hidden;position:relative}[ani-first-video] canvas,[ani-first-video] img,[ani-first-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] img,[ani-video-wrapper] video{height:100%;left:0;position:absolute;top:0;width:100%}[ani-first-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill;z-index:10}[ani-first-video] video,[ani-video-wrapper] video{z-index:10}[ani-first-video] img,[ani-video-wrapper] img{-o-object-fit:cover;object-fit:cover;z-index:0}[ani-scroll-container]{will-change:transform}.g--popup{height:100vh;height:calc(var(--vh, 1vh)*100);left:0;position:fixed;top:0;transform:translateY(100vh);transform:translateY(calc(var(--vh, 1vh)*100));width:100%;z-index:9999}.g--popup.show{transform:translateY(0)}.g--popup.disappear,.g--popup.show{transition:transform .5s}.g--popup .g--popup-container{display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{margin-top:-12px;position:absolute;top:50%;transform:translateY(-50%)}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper video{display:block;height:auto;max-height:75vh;max-height:calc(var(--vh, 1vh)*75);outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper video{-o-object-fit:contain;object-fit:contain}.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close{cursor:pointer;height:18px;margin-left:auto;position:absolute;right:0;top:-32px;width:18px;z-index:2}.video-portrait.g--popup .g--popup-close{top:8px}.g--popup .g--popup-close .inner{height:100%;width:100%}.g--popup-container{background:#000}.g--popup-close polygon{fill:#fff}[data-theme=white] .g--popup-container{background:#fff}[data-theme=white] .g--popup-close polygon{fill:#000}@media (min-width:650px){.g--popup .g--video-wrapper{width:80vw;width:calc(var(--vw, 1vw)*80)}.g--popup .g--popup-close{height:15px;right:0;top:-25px;width:15px}}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper{width:100vw;width:calc(var(--vw, 1vw)*100)}.g--popup .g--popup-close{height:20px;right:16px;top:-48px;width:20px}}@media (min-width:1024px){.g--popup .g--video-wrapper{max-width:75vw;max-width:calc(var(--vw, 1vw)*75)}}@media $portrait{.g--popup .g--popup-close .inner{transform:scale(.5)}}.container{width:100%}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[var\(--nav-bg\)\]{background-color:var(--nav-bg)}.bg-\[\#2CFF73\]{--tw-bg-opacity:1;background-color:rgba(44,255,115,var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#201F1C\]{--tw-bg-opacity:1;background-color:rgba(32,31,28,var(--tw-bg-opacity))}.bg-\[\#F7F5F1\]{--tw-bg-opacity:1;background-color:rgba(247,245,241,var(--tw-bg-opacity))}.border-\[var\(--divider\)\]{border-color:var(--divider)}.border-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.rounded-36px{border-radius:36px}.border-solid{border-style:solid}.border-0{border-width:0}.border-\[1px\]{border-width:1px}.border-t-1{border-top-width:1px}.cursor-pointer{cursor:pointer}.flex{display:flex}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.h-0{height:0}.h-full{height:100%}.h-50px{height:50px}.h-48px{height:48px}.text-13px{font-size:13px;line-height:1}.text-14px{font-size:14px;line-height:1}.leading-22px{line-height:22px}.mx-auto{margin-right:auto}.ml-auto,.mx-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-8px{margin-left:8px}.mt-4px{margin-top:4px}.mt-12px{margin-top:12px}.-mt-1px{margin-top:-1px}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-95{opacity:.95}.overflow-hidden{overflow:hidden}.p-20px{padding:20px}.px-64px{padding-left:64px;padding-right:64px}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0px{top:0}.top-50px{top:50px}.bottom-0{bottom:0}.right-0{right:0}.left-1\/2{left:50%}.top-0{top:0}.text-\[var\(--nav-text\)\]{color:var(--nav-text)}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.tracking-0\.5px{letter-spacing:.5px}.whitespace-nowrap{white-space:nowrap}.w-full{width:100%}.w-screen{width:100vw;width:calc(var(--vw, 1vw)*100)}.z-900{z-index:900}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-999{z-index:999}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.-rotate-90{--tw-rotate:-90deg}.-translate-x-1\/2{--tw-translate-x:-50%}@media (min-width:650px) and (min-width:1400px){.rounded-8rpx{border-radius:8px}.h-877rpx{height:877px}.h-428rpx{height:428px}.h-18rpx{height:18px}.mt-16rpx{margin-top:16px}.mt-40rpx{margin-top:40px}.ml-8rpx{margin-left:8px}.mb-32rpx{margin-bottom:32px}.mt-20rpx{margin-top:20px}.p-48rpx{padding:48px}.pt-140rpx{padding-top:140px}.pb-150rpx{padding-bottom:150px}.pb-73rpx{padding-bottom:73px}.pb-94rpx{padding-bottom:94px}.pb-80rpx{padding-bottom:80px}.-top-60rpx{top:-60px}.-top-140rpx{top:-140px}.left-140rpx{left:140px}.w-1638rpx{width:1638px}.w-1313rpx{width:1313px}.w-1312rpx{width:1312px}.w-762rpx{width:762px}.w-542rpx{width:542px}.w-18rpx{width:18px}.w-979rpx{width:979px}.pc\:gap-4rpx{grid-gap:4px;gap:4px}.pc\:w-874rpx{width:874px}.pc\:w-870rpx{width:870px}.pc\:w-1313rpx{width:1313px}.pc\:w-1312rpx{width:1312px}.pc\:pt-80rpx{padding-top:80px}.pc\:pb-119rpx{padding-bottom:119px}.pc\:mt-120rpx{margin-top:120px}.pc\:mt-40rpx{margin-top:40px}.pc\:h-494rpx{height:494px}.pc\:h-490rpx{height:490px}.pc\:h-726rpx{height:726px}}@media (min-width:650px) and (min-width:1024px) and (max-width:1399px){.rounded-8rpx{border-radius:.5556vw;border-radius:calc(var(--vw, 1vw)*.5556)}.h-877rpx{height:60.9028vw;height:calc(var(--vw, 1vw)*60.9028)}.h-428rpx{height:29.7222vw;height:calc(var(--vw, 1vw)*29.7222)}.h-18rpx{height:1.25vw;height:calc(var(--vw, 1vw)*1.25)}.mt-16rpx{margin-top:1.1111vw;margin-top:calc(var(--vw, 1vw)*1.1111)}.mt-40rpx{margin-top:2.7778vw;margin-top:calc(var(--vw, 1vw)*2.7778)}.ml-8rpx{margin-left:.5556vw;margin-left:calc(var(--vw, 1vw)*.5556)}.mb-32rpx{margin-bottom:2.2222vw;margin-bottom:calc(var(--vw, 1vw)*2.2222)}.mt-20rpx{margin-top:1.3889vw;margin-top:calc(var(--vw, 1vw)*1.3889)}.p-48rpx{padding:3.3333vw;padding:calc(var(--vw, 1vw)*3.3333)}.pt-140rpx{padding-top:9.7222vw;padding-top:calc(var(--vw, 1vw)*9.7222)}.pb-150rpx{padding-bottom:10.4167vw;padding-bottom:calc(var(--vw, 1vw)*10.4167)}.pb-73rpx{padding-bottom:5.0694vw;padding-bottom:calc(var(--vw, 1vw)*5.0694)}.pb-94rpx{padding-bottom:6.5278vw;padding-bottom:calc(var(--vw, 1vw)*6.5278)}.pb-80rpx{padding-bottom:5.5556vw;padding-bottom:calc(var(--vw, 1vw)*5.5556)}.-top-60rpx{top:-4.1667vw;top:calc(var(--vw, 1vw)*-4.1667)}.-top-140rpx{top:-9.7222vw;top:calc(var(--vw, 1vw)*-9.7222)}.left-140rpx{left:9.7222vw;left:calc(var(--vw, 1vw)*9.7222)}.w-1638rpx{width:113.75vw;width:calc(var(--vw, 1vw)*113.75)}.w-1313rpx{width:91.1806vw;width:calc(var(--vw, 1vw)*91.1806)}.w-1312rpx{width:91.1111vw;width:calc(var(--vw, 1vw)*91.1111)}.w-762rpx{width:52.9167vw;width:calc(var(--vw, 1vw)*52.9167)}.w-542rpx{width:37.6389vw;width:calc(var(--vw, 1vw)*37.6389)}.w-18rpx{width:1.25vw;width:calc(var(--vw, 1vw)*1.25)}.w-979rpx{width:67.9861vw;width:calc(var(--vw, 1vw)*67.9861)}.pc\:gap-4rpx{grid-gap:.2778vw;grid-gap:calc(var(--vw, 1vw)*.2778);gap:.2778vw;gap:calc(var(--vw, 1vw)*.2778)}.pc\:w-874rpx{width:60.6944vw;width:calc(var(--vw, 1vw)*60.6944)}.pc\:w-870rpx{width:60.4167vw;width:calc(var(--vw, 1vw)*60.4167)}.pc\:w-1313rpx{width:91.1806vw;width:calc(var(--vw, 1vw)*91.1806)}.pc\:w-1312rpx{width:91.1111vw;width:calc(var(--vw, 1vw)*91.1111)}.pc\:pt-80rpx{padding-top:5.5556vw;padding-top:calc(var(--vw, 1vw)*5.5556)}.pc\:pb-119rpx{padding-bottom:8.2639vw;padding-bottom:calc(var(--vw, 1vw)*8.2639)}.pc\:mt-120rpx{margin-top:8.3333vw;margin-top:calc(var(--vw, 1vw)*8.3333)}.pc\:mt-40rpx{margin-top:2.7778vw;margin-top:calc(var(--vw, 1vw)*2.7778)}.pc\:h-494rpx{height:34.3056vw;height:calc(var(--vw, 1vw)*34.3056)}.pc\:h-490rpx{height:34.0278vw;height:calc(var(--vw, 1vw)*34.0278)}.pc\:h-726rpx{height:50.4167vw;height:calc(var(--vw, 1vw)*50.4167)}}@media (min-width:650px){.pc\:justify-center{justify-content:center}.pc\:h-36px{height:36px}.pc\:text-12{font-size:12px;letter-spacing:-.12px;line-height:167%}.pc\:text-48{font-size:48px;letter-spacing:.02em;line-height:58px}.pc\:text-28{font-size:28px;letter-spacing:.02em;line-height:34px}.pc\:text-22{font-size:22px;letter-spacing:.02em;line-height:26px}.pc\:text-14{font-size:14px;letter-spacing:.02em;line-height:22px}.pc\:text-36{font-size:36px;letter-spacing:.02em;line-height:50px}.pc\:px-20px{padding-left:20px;padding-right:20px}.pc\:py-9px{padding-bottom:9px;padding-top:9px}.pc\:-top-2vw{top:-2vw;top:calc(var(--vw, 1vw)*-2)}.pc\:-right-2vw{right:-2vw;right:calc(var(--vw, 1vw)*-2)}.pc\:w-full{width:100%}}@media (max-width:1023px) and (max-width:1023px){.rounded-4ex{border-radius:1.1111vw;border-radius:calc(var(--vw, 1vw)*1.1111)}.h-182ex{height:50.5556vw;height:calc(var(--vw, 1vw)*50.5556)}.h-28ex{height:7.7778vw;height:calc(var(--vw, 1vw)*7.7778)}.m-12ex{margin:3.3333vw;margin:calc(var(--vw, 1vw)*3.3333)}.mt-4ex{margin-top:1.1111vw;margin-top:calc(var(--vw, 1vw)*1.1111)}.mt-12ex{margin-top:3.3333vw;margin-top:calc(var(--vw, 1vw)*3.3333)}.ml-8ex{margin-left:2.2222vw;margin-left:calc(var(--vw, 1vw)*2.2222)}.px-16ex{padding-left:4.4444vw;padding-left:calc(var(--vw, 1vw)*4.4444);padding-right:4.4444vw;padding-right:calc(var(--vw, 1vw)*4.4444)}.py-20ex{padding-bottom:5.5556vw;padding-bottom:calc(var(--vw, 1vw)*5.5556);padding-top:5.5556vw;padding-top:calc(var(--vw, 1vw)*5.5556)}.pb-60ex{padding-bottom:16.6667vw;padding-bottom:calc(var(--vw, 1vw)*16.6667)}.top-0ex{top:0;top:calc(var(--vw, 1vw)*0)}.-bottom-60ex{bottom:-16.6667vw;bottom:calc(var(--vw, 1vw)*-16.6667)}.w-328ex{width:91.1111vw;width:calc(var(--vw, 1vw)*91.1111)}.w-28ex{width:7.7778vw;width:calc(var(--vw, 1vw)*7.7778)}.mo\:w-330ex{width:91.6667vw;width:calc(var(--vw, 1vw)*91.6667)}.mo\:w-328ex{width:91.1111vw;width:calc(var(--vw, 1vw)*91.1111)}.mo\:w-371ex{width:103.0556vw;width:calc(var(--vw, 1vw)*103.0556)}.mo\:w-94ex{width:26.1111vw;width:calc(var(--vw, 1vw)*26.1111)}.mo\:pt-26ex{padding-top:7.2222vw;padding-top:calc(var(--vw, 1vw)*7.2222)}.mo\:pb-233ex{padding-bottom:64.7222vw;padding-bottom:calc(var(--vw, 1vw)*64.7222)}.mo\:pb-50ex{padding-bottom:13.8889vw;padding-bottom:calc(var(--vw, 1vw)*13.8889)}.mo\:mt-102ex{margin-top:28.3333vw;margin-top:calc(var(--vw, 1vw)*28.3333)}.mo\:mt-4ex{margin-top:1.1111vw;margin-top:calc(var(--vw, 1vw)*1.1111)}.mo\:mb-32ex{margin-bottom:8.8889vw;margin-bottom:calc(var(--vw, 1vw)*8.8889)}.mo\:mt-32ex{margin-top:8.8889vw;margin-top:calc(var(--vw, 1vw)*8.8889)}.mo\:h-184ex{height:51.1111vw;height:calc(var(--vw, 1vw)*51.1111)}.mo\:h-182ex{height:50.5556vw;height:calc(var(--vw, 1vw)*50.5556)}.mo\:h-382ex{height:106.1111vw;height:calc(var(--vw, 1vw)*106.1111)}.mo\:h-36ex{height:10vw;height:calc(var(--vw, 1vw)*10)}.mo\:rounded-36ex{border-radius:10vw;border-radius:calc(var(--vw, 1vw)*10)}}@media (max-width:1023px){.mo\:border-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.mo\:border-solid{border-style:solid}.mo\:border-1px{border-width:1px}.mo\:flex{display:flex}.mo\:flex-col{flex-direction:column}.mo\:flex-col-reverse{flex-direction:column-reverse}.mo\:justify-center{justify-content:center}.mo\:h-50px{height:50px}.mo\:h-32px{height:32px}.mo\:h-\[calc\(100vh-40px\)\]{height:calc(100vh - 40px);height:calc(var(--vh, 1vh)*100 - 40px)}.mo\:h-80vh{height:80vh;height:calc(var(--vh, 1vh)*80)}.mo\:text-32m{font-size:32px;line-height:150%}.mo\:text-20m{font-size:20px;line-height:120%}.mo\:text-14m{font-size:14px;line-height:17px}.mo\:text-24m{font-size:24px;line-height:133%}.mo\:text-14px{font-size:14px;line-height:1}.mo\:leading-\[1\.428\]{line-height:1.428}.mo\:py-6px{padding-bottom:6px;padding-top:6px}.mo\:px-18px{padding-left:18px;padding-right:18px}.mo\:pl-20px{padding-left:20px}.mo\:pr-20px{padding-right:20px}.mo\:top-0px{top:0}.mo\:text-center{text-align:center}.mo\:whitespace-nowrap{white-space:nowrap}.mo\:w-full{width:100%}.mo\:w-46\.89vh{width:46.89vh;width:calc(var(--vh, 1vh)*46.89)}.mo\:gap-4px{grid-gap:4px;gap:4px}}@media (min-width:650px) and (max-width:1023px) and (min-width:650px){.h-\[406apx\]{height:52.8646vw;height:calc(var(--vw, 1vw)*52.8646)}.mt-\[4apx\]{margin-top:.5208vw;margin-top:calc(var(--vw, 1vw)*.5208)}.mt-\[10apx\]{margin-top:1.3021vw;margin-top:calc(var(--vw, 1vw)*1.3021)}.left-\[220apx\]{left:28.6458vw;left:calc(var(--vw, 1vw)*28.6458)}.top-\[0apx\]{top:0;top:calc(var(--vw, 1vw)*0)}.w-\[759apx\]{width:98.8281vw;width:calc(var(--vw, 1vw)*98.8281)}.pad\:w-\[624apx\]{width:81.25vw;width:calc(var(--vw, 1vw)*81.25)}.pad\:w-\[620apx\]{width:80.7292vw;width:calc(var(--vw, 1vw)*80.7292)}.pad\:w-\[500apx\]{width:65.1042vw;width:calc(var(--vw, 1vw)*65.1042)}.pad\:w-\[14apx\]{width:1.8229vw;width:calc(var(--vw, 1vw)*1.8229)}.pad\:w-\[418apx\]{width:54.4271vw;width:calc(var(--vw, 1vw)*54.4271)}.pad\:w-\[720apx\]{width:93.75vw;width:calc(var(--vw, 1vw)*93.75)}.pad\:pt-\[26apx\]{padding-top:3.3854vw;padding-top:calc(var(--vw, 1vw)*3.3854)}.pad\:pb-\[95apx\]{padding-bottom:12.3698vw;padding-bottom:calc(var(--vw, 1vw)*12.3698)}.pad\:mt-\[71apx\]{margin-top:9.2448vw;margin-top:calc(var(--vw, 1vw)*9.2448)}.pad\:mr-\[4apx\]{margin-right:.5208vw;margin-right:calc(var(--vw, 1vw)*.5208)}.pad\:mb-\[32apx\]{margin-bottom:4.1667vw;margin-bottom:calc(var(--vw, 1vw)*4.1667)}.pad\:mt-\[20apx\]{margin-top:2.6042vw;margin-top:calc(var(--vw, 1vw)*2.6042)}.pad\:mt-\[24apx\]{margin-top:3.125vw;margin-top:calc(var(--vw, 1vw)*3.125)}.pad\:ml-\[29apx\]{margin-left:3.776vw;margin-left:calc(var(--vw, 1vw)*3.776)}.pad\:h-\[350apx\]{height:45.5729vw;height:calc(var(--vw, 1vw)*45.5729)}.pad\:h-\[346apx\]{height:45.0521vw;height:calc(var(--vw, 1vw)*45.0521)}.pad\:h-\[514apx\]{height:66.9271vw;height:calc(var(--vw, 1vw)*66.9271)}.pad\:h-\[14apx\]{height:1.8229vw;height:calc(var(--vw, 1vw)*1.8229)}.pad\:h-\[234apx\]{height:30.4688vw;height:calc(var(--vw, 1vw)*30.4688)}.pad\:h-\[406apx\]{height:52.8646vw;height:calc(var(--vw, 1vw)*52.8646)}}@media (min-width:650px) and (max-width:1023px){.pad\:flex-row{flex-direction:row}.pad\:items-start{align-items:flex-start}.pad\:justify-start{justify-content:flex-start}.pad\:justify-center{justify-content:center}.pad\:flex-1{flex:1 1 0%}.pad\:text-32pad{font-size:32px;line-height:48px}.pad\:text-20pad{font-size:20px;letter-spacing:.02em;line-height:24px}.pad\:text-14pad{font-size:14px;letter-spacing:.02em;line-height:17px}.pad\:text-14padbutton{font-size:14px;line-height:22px}.pad\:text-22pad{font-size:22px;letter-spacing:-.01em;line-height:26px}.pad\:text-34pad{font-size:34px;line-height:48px}.pad\:text-16pad{font-size:16px;letter-spacing:.02em;line-height:19px}.pad\:text-10px{font-size:10px;line-height:1}.pad\:leading-18px{line-height:18px}.pad\:mt-0{margin-top:0}.pad\:ml-4px{margin-left:4px}.pad\:mr-4px{margin-right:4px}.pad\:overflow-hidden{overflow:hidden}.pad\:pl-\[26px\]{padding-left:26px}.pad\:pr-\[2px\]{padding-right:2px}.pad\:pb-0{padding-bottom:0}.pad\:-right-5vw{right:-5vw;right:calc(var(--vw, 1vw)*-5)}.pad\:text-left{text-align:left}.pad\:w-auto{width:auto}.pad\:w-full{width:100%}.pad\:w-\[297px\]{width:297px}}.zn--wrapper{font-size:16px}.zn--wrapper img:not(.loaded),.zn--wrapper img:not([src]),.zn--wrapper img[src=""]{opacity:0}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.zn--replacement-tool{--p-6:#4c3fb3;--p-5:#6a5ecc;--p-4:#968dda;--k-2:#e5e5e5;--k-3:#a9a9b5;--white:#fff}.zn--wrapper[mode=EDITING] .zn-text-inner:hover{background:#4c3fb3;color:#fff}.zn--wrapper .zn-text-inner{font-size:inherit;line-height:inherit}.zn--wrapper [contenteditable=true]{caret-color:#4c3fb3;outline:none}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{margin:0 auto 10px}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:calc(50vw - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;transform:translate(-50%)}#section-kv .frame-box{border:none;display:block;outline:none}#section-kv .left-button{align-items:center;border:1px solid #000;display:flex;flex-direction:row;justify-content:center;letter-spacing:.02em;white-space:nowrap}#section-kv .right-button{align-items:center;background:#2cff73;display:flex;flex-direction:row;justify-content:center;letter-spacing:.02em;white-space:nowrap}#section-kv #id-kv-phone-bg{opacity:0}#section-kv #id-kv-phone-bg.active{opacity:1;transition:opacity 2s ease}#section-kv .kv-bg{opacity:0}#section-kv .kv-bg.active{opacity:1;transition:opacity 2s ease}#section-videos .annq{align-items:center;border:1px solid #dcdcdc;display:flex;flex-direction:row;justify-content:center}#navbar .button-pop{background-color:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;display:none}#navbar .button-pop.active{display:block}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}.oppo-navbar-v2.is-start{display:none!important}@media (min-width:650px) and (min-width:1400px){.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{width:320px}#section-kv .left-button{border-radius:36px;font-size:14px;height:36px;line-height:22px;width:94px}#section-kv .right-button{border-radius:36px;font-size:14px;gap:4px;height:36px;line-height:22px;padding:9px 20px;width:95px}#section-videos .annq{border-radius:24px;gap:6px;height:40px;padding:9px 20px;width:119px}}@media (min-width:650px) and (min-width:1024px) and (max-width:1399px){.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{width:22.2222vw;width:calc(var(--vw, 1vw)*22.2222)}#section-kv .left-button{border-radius:2.5vw;border-radius:calc(var(--vw, 1vw)*2.5);font-size:.9722vw;font-size:calc(var(--vw, 1vw)*.9722);height:2.5vw;height:calc(var(--vw, 1vw)*2.5);line-height:1.5278vw;line-height:calc(var(--vw, 1vw)*1.5278);width:6.5278vw;width:calc(var(--vw, 1vw)*6.5278)}#section-kv .right-button{border-radius:2.5vw;border-radius:calc(var(--vw, 1vw)*2.5);font-size:.9722vw;font-size:calc(var(--vw, 1vw)*.9722);gap:.2778vw;gap:calc(var(--vw, 1vw)*.2778);height:2.5vw;height:calc(var(--vw, 1vw)*2.5);line-height:1.5278vw;line-height:calc(var(--vw, 1vw)*1.5278);padding:.625vw 1.3889vw;padding:calc(var(--vw, 1vw)*.625) calc(var(--vw, 1vw)*1.3889);width:6.5972vw;width:calc(var(--vw, 1vw)*6.5972)}#section-videos .annq{border-radius:1.6667vw;border-radius:calc(var(--vw, 1vw)*1.6667);gap:.4167vw;gap:calc(var(--vw, 1vw)*.4167);height:2.7778vw;height:calc(var(--vw, 1vw)*2.7778);padding:.625vw 1.3889vw;padding:calc(var(--vw, 1vw)*.625) calc(var(--vw, 1vw)*1.3889);width:8.2639vw;width:calc(var(--vw, 1vw)*8.2639)}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only,.pc-only{display:none}}@media (max-width:1023px) and (max-width:1023px){.zn--replacement-tool{--border-radius:3.3333vw;--border-radius:calc(var(--vw, 1vw)*3.3333)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{width:38.8889vw;width:calc(var(--vw, 1vw)*38.8889)}}@media (min-width:650px) and (max-width:1023px){#section-kv .left-button,#section-kv .right-button{font-size:14px;line-height:22px}}@media (min-width:650px) and (max-width:1023px) and (min-width:650px){#section-kv .left-button,#section-kv .right-button{border-radius:4.6875vw;border-radius:calc(var(--vw, 1vw)*4.6875);gap:.5208vw;gap:calc(var(--vw, 1vw)*.5208);height:4.6875vw;height:calc(var(--vw, 1vw)*4.6875);padding:1.1719vw 2.6042vw;padding:calc(var(--vw, 1vw)*1.1719) calc(var(--vw, 1vw)*2.6042);width:12.2396vw;width:calc(var(--vw, 1vw)*12.2396)}#section-videos .annq{border-radius:3.125vw;border-radius:calc(var(--vw, 1vw)*3.125);height:3.6458vw;height:calc(var(--vw, 1vw)*3.6458);width:11.5885vw;width:calc(var(--vw, 1vw)*11.5885)}}@media (min-width:1024px){#oc-container{padding-top:50px!important}}@font-face{font-display:swap;font-family:OPPOSans-Ver3-Bold;font-style:normal;font-weight:400;src:url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.woff2) format("woff2"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.woff) format("woff"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.ttf) format("truetype"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver3-Medium;font-style:normal;font-weight:400;src:url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff2) format("woff2"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff) format("woff"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.ttf) format("truetype"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver3-Regular;font-style:normal;font-weight:400;src:url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff2) format("woff2"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff) format("woff"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.ttf) format("truetype"),url(https://code.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.eot) format("embedded-opentype")}.zn--wrapper{font-family:OPPOSans-Ver3-Regular,OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-b{font-family:OPPOSans-Ver3-Bold,OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .font-m{font-family:OPPOSans-Ver3-Medium,OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-l,.zn--wrapper .font-r{font-family:OPPOSans-Ver3-Regular,OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}html{overflow:unset!important}*,:after,:before{box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}#oc-header{transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}@media (min-width:650px) and (min-width:1400px){.fade-in-pc[data-slight]{transform:translateY(50px)}.fade-in-pc{transform:translateY(80px)}.fade-in[data-slight]{transform:translateY(50px)}.fade-in{transform:translateY(80px)}}@media (min-width:650px) and (min-width:1024px) and (max-width:1399px){.fade-in-pc[data-slight]{transform:translateY(3.4722vw);transform:translateY(calc(var(--vw, 1vw)*3.4722))}.fade-in-pc{transform:translateY(5.5556vw);transform:translateY(calc(var(--vw, 1vw)*5.5556))}.fade-in[data-slight]{transform:translateY(3.4722vw);transform:translateY(calc(var(--vw, 1vw)*3.4722))}.fade-in{transform:translateY(5.5556vw);transform:translateY(calc(var(--vw, 1vw)*5.5556))}}@media (orientation:portrait) and (max-width:1023px) and (min-width:721px){#oc-header{overflow:hidden}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}@media (max-width:1023px){.fade-in-mo{opacity:0;transition:transform .6s,opacity .6s}.fade-in-mo[data-slow]{transition:transform 1s,opacity 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:transform .6s,opacity .6s}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;transform:translateY(0)}}@media (max-width:1023px) and (max-width:1023px){.fade-in-mo[data-slight]{transform:translateY(8.3333vw);transform:translateY(calc(var(--vw, 1vw)*8.3333))}.fade-in-mo{transform:translateY(13.8889vw);transform:translateY(calc(var(--vw, 1vw)*13.8889))}.fade-in[data-slight]{transform:translateY(8.3333vw);transform:translateY(calc(var(--vw, 1vw)*8.3333))}.fade-in{transform:translateY(13.8889vw);transform:translateY(calc(var(--vw, 1vw)*13.8889))}}@media (min-width:1024px){.fade-in-pc{opacity:0;transition:transform .6s,opacity .6s}.fade-in-pc[data-slow]{transition:transform 1s,opacity 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:transform .6s,opacity .6s}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;transform:translateY(0)}}
