@charset "UTF-8";.hover-wrap .circle[data-v-cd1f56a9]{align-items:center;background-color:#006aa8bf;border:2px solid transparent;border-radius:100%;color:#fff;display:flex;height:35px;justify-content:center;position:absolute;transition:all .3s ease-in-out;width:35px}@media (width < 48rem){.hover-wrap .circle[data-v-cd1f56a9]{height:30px;width:30px}}.hover-wrap .circle.hover[data-v-cd1f56a9]{background-color:#006aa8;border:2px solid #fff;transform:scale(1.25)}.hover-wrap .circle[data-list="1"][data-v-cd1f56a9]{animation:bubble-cd1f56a9 10s ease-in-out infinite;animation-delay:0;left:50%;top:20%}.hover-wrap .circle[data-list="2"][data-v-cd1f56a9]{animation:bubble-cd1f56a9 10s ease-in-out infinite reverse;animation-delay:.3s;left:2.5%;top:10%}.hover-wrap .circle[data-list="3"][data-v-cd1f56a9]{left:29.5%;top:15%}@media (width < 96rem){.hover-wrap .circle[data-list="3"][data-v-cd1f56a9]{left:29%}}.hover-wrap .circle[data-list="4"][data-v-cd1f56a9]{left:17.5%;top:50%}.hover-wrap .circle[data-list="5"][data-v-cd1f56a9]{right:15%;top:3%}.typewriter[data-v-cd1f56a9]:before{animation:typing-cd1f56a9 1.5s steps(1) 1;animation-delay:1.4s;animation-fill-mode:forwards;content:""}@keyframes typing-cd1f56a9{0%{content:""}5%{content:"雨"}10%{content:"雨水"}15%{content:"雨水積"}20%{content:"雨水積磚"}25%{content:"雨水積磚 · "}30%{content:"雨水積磚 · 儲"}35%{content:"雨水積磚 · 儲集"}40%{content:"雨水積磚 · 儲集框"}45%{content:"雨水積磚 · 儲集框架"}50%{content:"雨水積磚 · 儲集框架的"}55%{content:"雨水積磚 · 儲集框架的五"}60%{content:"雨水積磚 · 儲集框架的五大"}65%{content:"雨水積磚 · 儲集框架的五大優"}70%{content:"雨水積磚 · 儲集框架的五大優點"}75%{content:"雨水積磚 · 儲集框架的五大優點："}to{content:"雨水積磚 · 儲集框架的五大優點："}}.advantage-list[data-v-cd1f56a9]{counter-reset:item;list-style:none;padding-left:0}.advantage-list li[data-v-cd1f56a9]{counter-increment:item;display:inline-block;margin-right:15px;padding-left:8px;position:relative}.advantage-list li[data-v-cd1f56a9]:not(:last-child){margin-bottom:16px}.advantage-list li[data-v-cd1f56a9]:before{color:#333;content:counter(item) ". ";font-weight:700}.advantage-list li[data-v-cd1f56a9]:after{background-color:var(--color-primary);bottom:0;content:"";height:0;left:-4px;opacity:.2;position:absolute;transform-origin:bottom center;transition:all .3s ease;width:calc(100% + 8px)}.advantage-list li.hover[data-v-cd1f56a9]:after{height:100%}@keyframes bubble-cd1f56a9{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(10px)}to{transform:translateY(0)}}.video-icon[data-v-69aa23f9]{bottom:16px;position:absolute;right:24px}@media (width < 64rem){.video-icon[data-v-69aa23f9]{bottom:8px;right:8px}}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);inset:0;margin:0;position:absolute;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}ol li[data-v-8dc9634a]{padding-left:8px}ol li[data-v-8dc9634a]:not(:last-child){margin-bottom:16px}.video-icon[data-v-8dc9634a],.video-icon[data-v-1aa81c2d]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.case-wrap .case .cover[data-v-9dc81256]{background-color:var(--color-default-blue);bottom:0;height:0;left:0;opacity:.7;position:absolute;transition:all .3s ease;width:100%}@media (width < 64rem){.case-wrap .case .cover[data-v-9dc81256]{height:64px}}.case-wrap .case h4[data-v-9dc81256]{bottom:16px;left:0;opacity:0;position:absolute;text-align:center;transition:all .2s ease;transition-delay:.1s;width:100%}@media (width < 64rem){.case-wrap .case h4[data-v-9dc81256]{opacity:1}}.case-wrap .case:hover .cover[data-v-9dc81256]{height:64px}.case-wrap .case:hover h4[data-v-9dc81256]{opacity:1}