@charset "UTF-8";@import url(//cdn.jsdelivr.net/combine/gh/necolas/normalize.css@8.0.1/normalize.min.css,gh/fabien-d/alertify.js@0.3.11/themes/alertify.core.min.css);@import url(//cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@v5.15.4/css/all.min.css);@import url(//fonts.googleapis.com/css?family=Comfortaa);@import url(//cdn.jsdelivr.net/gh/vdustr/taipei-sans-tc@v0.1.1/packages/core/dist/Regular/TaipeiSansTCBeta-Regular.min.css);.alertify-message{line-height:2;word-break:break-all}.alertify{background:padding-box #fff;border:10px solid rgba(0,0,0,.5);border-radius:8px;box-shadow:0 3px 3px rgba(0,0,0,.3);line-height:1.8;-webkit-background-clip:padding;-moz-background-clip:padding}.alertify img,.alertify video{max-width:100%;max-height:70vh}.alertify-text{border:2px solid #ccc;padding:10px;border-radius:255px 15px 225px/15px 225px 15px 255px;outline:0}.alertify-text:focus{box-shadow:1px 1px 6px 2px rgb(74,194,154,.5)}.alertify-text:invalid{background:#fcf7e5}.alertify-button{border-radius:4px;color:#fff;font-weight:700;margin-bottom:.3em;padding:6px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));background-image:-ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));background-image:linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0))}.alertify-button:focus,.alertify-button:hover{outline:0;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));background-image:-ms-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0));background-image:linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0))}.alertify-button:focus{box-shadow:0 0 15px #f0c36d}.alertify-button:active{position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.alertify-button-cancel,.alertify-button-cancel:focus,.alertify-button-cancel:hover{background-color:#ed3e40;border:1px solid #f16c6e}.alertify-button-ok,.alertify-button-ok:focus,.alertify-button-ok:hover{background-color:#4ac29a;border:1px solid #80d4b8}.alertify-log{background:rgba(0,0,0,.9);padding:15px;border-radius:4px;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-log-error{background:rgba(249,97,74,.9)}.alertify-log-success{background:rgba(209,193,165,.9);color:#222}.tb,body,body>section{margin:0 auto}.fbox,.tr{display:flex}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;-webkit-appearance:none}body{padding:0;color:#000;line-height:1.2;font-family:Comfortaa,"Taipei Sans TC",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"\5FAE\8EDF\6B63\9ED1\9AD4","Microsoft JhengHei","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei";font-size:medium;font-smooth:always;text-rendering:optimizeSpeed;-webkit-touch-callout:none;scroll-behavior:smooth;overscroll-behavior:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body::-webkit-scrollbar{display:none;width:0;background:0 0}body.loading::after{position:fixed;top:0;left:0;width:100%;height:100%;content:"";background:url(//cdn.jsdelivr.net/gh/chennien/hearty.me@4/dist/images/sleeping_kitten.png) center center/250px no-repeat,linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)) 0 0/250px;cursor:wait;pointer-events:none;z-index:2}body>section{width:100%;max-width:1150px}a:active,a:hover,a:link,a:visited{text-decoration:none;cursor:pointer;color:inherit}h1,h2,h3,h4,h5{margin:1em auto;line-height:1.4;letter-spacing:1.5px}input[type=checkbox]{transform:scale(1.1)}input:focus{box-shadow:1px 1px 6px 2px rgba(187,120,94,.5)}input[type=email],input[type=text],input[type=url],textarea{padding:.5em 1em;line-height:2;border:1px solid #ccc;border-radius:2em;background:0 0;box-shadow:inset 0 1px 3px #ddd;caret-color:#555;outline:0}input[type=file]{outline:0}[onclick]{cursor:pointer}.fbox{flex-flow:row nowrap;align-items:center;justify-content:center}.f1{flex:1}.f2{flex:2}.f3{flex:3}.tb{width:100%}.tr{flex-flow:row nowrap}.tr>*{display:block;flex:1}.pace{user-select:none;pointer-events:none}.pace-inactive{display:none}.pace-progress{position:fixed;width:100%;top:0;right:100%;height:2px;background:#fff;z-index:9}[data-fal]::before,[data-falr]::after,[data-far]::before,[data-farr]::after,[data-fas]::before,[data-fasr]::after{font-family:"Font Awesome 5 Pro","Taipei Sans TC";font-weight:500}[data-fab]::before,[data-fabr]::after{font-family:"Font Awesome 5 Brands","Taipei Sans TC";font-weight:500}[data-fad]::before,[data-fadr]::after{font-family:"Font Awesome 5 Duotone","Taipei Sans TC";font-weight:500}[data-fab]::before,[data-fad]::before,[data-fal]::before,[data-far]::before,[data-fas]::before{margin-right:.4em}[data-fabr]::after,[data-fadr]::after,[data-falr]::after,[data-farr]::after,[data-fasr]::after{margin-left:.4em}[data-fab]::before{content:attr(data-fab)}[data-fabr]::after{content:attr(data-fabr)}[data-fad]::before{content:attr(data-fad)}[data-fadr]::after{content:attr(data-fadr)}[data-fal]::before{content:attr(data-fal);font-weight:300}[data-falr]::after{content:attr(data-falr);font-weight:300}[data-far]::before{content:attr(data-far)}[data-farr]::after{content:attr(data-farr)}[data-fas]::before{content:attr(data-fas);font-weight:900}[data-fasr]::after{content:attr(data-fasr);font-weight:900}input[type=email],input[type=number],input[type=tel],input[type=url]{ime-mode:disabled}[data-off]{display:none!important;visibility:hidden!important;opacity:0!important}@media only screen and (min-width:1025px) and (orientation:landscape){.mobile:not(.desktop),.tablet:not(.desktop){display:none!important}}@media screen and (max-width:767px){.desktop:not(.mobile),.tablet:not(.mobile){display:none!important}.fbox{flex-flow:column wrap}}@media only screen and (min-width:768px) and (max-width:1024px){.desktop:not(.tablet),.mobile:not(.tablet){display:none!important}}.bubbles{position:relative;width:100%;height:100%;min-height:200px}.bubbles div{position:absolute;top:53%;border-radius:50%;border:1px solid rgba(255,255,255,.8)}.bubbles .small{width:10px;height:10px;left:50%;animation:flow-s 2s linear infinite}.bubbles .small-l{width:10px;height:10px;left:43%;animation:flow-s-l .9s linear infinite}.bubbles .s-medium{width:20px;height:20px;left:43%;animation:flow-s 1.3s linear infinite}.bubbles .medium{width:25px;height:25px;left:45%;animation:flow-m .8s linear infinite}.bubbles .large{width:5px;height:5px;left:57%;animation:flow-l .7s linear infinite}@keyframes flow-l{0%{top:53%;left:57%;opacity:0}25%{top:49%;left:57.5%;opacity:1}50%{left:58%;opacity:1}75%{left:57.5%;opacity:1}100%{top:32%;left:57%;opacity:0}}@keyframes flow-s{0%{top:53%;left:50%;opacity:0}25%{top:49%;left:51%;opacity:1}50%{top:45%;left:52%;opacity:1}75%{top:41%;left:51%;opacity:1}100%{top:37%;left:50%;opacity:0}}@keyframes flow-s-m{0%{top:53%;left:43%;opacity:0}25%{top:49%;left:42.5%;opacity:1}50%{top:45%;left:42%;opacity:1}75%{top:41%;left:42.5%;opacity:1}100%{top:37%;left:43%;opacity:0}}@keyframes flow-m{0%{top:53%;left:45%;opacity:0}25%{top:48%;left:44.5%;opacity:1}50%{top:43%;left:44%;opacity:1}75%{top:38%;left:44.5%;opacity:1}100%{top:33%;left:45%;opacity:0}}@keyframes flow-s-l{0%{top:53%;left:43%;opacity:0}25%{top:48%;left:43.5%;opacity:1}50%{top:43%;left:44%;opacity:1}75%{top:38%;left:43.5%;opacity:1}100%{top:33%;left:43%;opacity:0}}.faq div,.features span,.plans .tr ul{font-size:small}.brands>div,nav .logo{transition:filter .2s linear}.upgrade,nav .toggle a:not([data-active]):hover{opacity:1}.btn[title]::before,.upgrade .icon label:hover,.upgrade>div,nav .toggle a{box-shadow:rgba(0,0,0,.1) 1px 1px 1em 1px}.upgrade .icon input,body:not(.upgrade-on) .upgrade{opacity:0;pointer-events:none}.btns_action>*,.landing .main{box-shadow:0 1px 3px rgba(0,0,0,.1)}body{color:#444}body.upgrade-on{overflow:hidden;overflow:clip}body,body::before{background:#bce8da;background:-webkit-linear-gradient(to top,#fff 0,#bce8da 80%),#bce8da;background:linear-gradient(to top,#fff 0,#bce8da 80%),#bce8da}body.pro,body.pro::before{background:#aff1fc;background:-webkit-linear-gradient(to top,#fff 0,#aff1fc 80%),#aff1fc;background:linear-gradient(to top,#fff 0,#aff1fc 80%),#aff1fc}body,body.pro{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){body::before{position:fixed;content:"";top:0;left:0;width:100%;height:100%;z-index:-1}}.pace-progress{background:#4ac29a}.pro .pace-progress{background:#00a4e4}nav{position:-webkit-sticky;position:sticky;top:0;top:env(safe-area-inset-top,0);justify-content:space-between;z-index:1}nav .logo{display:flex;align-items:center;margin:1em .2em;text-align:left;text-shadow:1px 1px #fff;cursor:pointer}.content,.landing,.landing h1,nav .toggle a{text-align:center}.btns_action>:hover,nav .logo:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}nav .logo::before{content:"";width:32px;height:32px;margin-right:.6em;background:url(//d.appsoda.net/i/favicon.png) 0 0/contain}.btns_action>[title]::after,.landing h1[title]::before,.upgrade .website [title]::after,footer a[title]::after,footer li[title]::after,nav .logo[title]::after{content:attr(title)}nav .toggle{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;list-style:none;margin:1em 0;padding:0}nav .toggle a{letter-spacing:1.5px;background:#fff;background:-webkit-linear-gradient(top,#fff,rgba(255,255,255,.6));background:linear-gradient(top,#fff,rgba(255,255,255,.6));padding:.8em;cursor:pointer}nav .toggle a:nth-child(odd){border-radius:2em 0 0 2em}nav .toggle a:nth-child(2n){border-radius:0 2em 2em 0}nav .toggle a[data-active]{border:.5px solid #fff}nav .toggle a:not([data-active]){opacity:.7;transition:opacity .2s linear}.content{padding:4em 0;background:rgba(255,255,255,.95)}.content~.content{border-top:1px solid #ececec}.landing{margin:0 auto -10vh;margin-top:env(safe-area-inset-top,0)}.landing h1{margin:3em auto;padding:0 .2em;color:#444;letter-spacing:1px}.highlight,.upgrade .icon>div{position:relative}.highlight::before{position:absolute;content:"";width:100%;top:.6em;height:.7em;z-index:-1;background:#4ac29a}.pro .btns_action>[data-active],.pro .highlight::before,.pro .upgrade .website [title=""][data-empty]::after{background-color:#00a4e4}.landing .main{width:600px;height:auto;max-width:90%;border-radius:.5em;margin:0 auto;outline:0;border:3px solid #4ac29a}.pro .main{border-color:#00a4e4}video::-webkit-media-controls-timeline{display:none}.features{padding-top:8em;border-radius:3em 3em 0 0;background:-webkit-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,.95));background:linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,.95))}.btns_action,.plans .tr div~div ul,footer ul{padding:0;list-style:none}.features .f1{padding:0 .4em;line-height:1.8}.features .fal{display:block;margin:.4em auto;font-size:5em}.features span{width:100%}.plans .tb{max-width:1050px;background:#f5f5f5;border-radius:1em;line-height:2.5}.plans .tr:first-child{position:-webkit-sticky;position:sticky;top:0;top:env(safe-area-inset-top,0);background:#eee}.plans .tr>div{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;border:1px solid #fff;word-break:break-all;padding:.2em 0}.plans .tr>div:first-child{flex:2}.plans .tr [data-delivery],.quoted{flex-flow:row nowrap}.plans .tr ul{width:100%;text-align:justify;margin:0;list-style:circle;padding:0 0 0 1.5em}.faq div,.quoted,footer{text-align:left}.plans .v::before,.plans .x::before{font-family:"Font Awesome 5 Pro",Comfortaa,"Taipei Sans TC";font-weight:500}.plans .v::before{content:"\f00c"}.plans .x::before{content:"\f00d"}.plans .tr [data-delivery]::before{content:attr(data-delivery) "\00a0"}.faq details{width:96%;margin:0 auto;padding:.8em 0;color:#555}.faq details~details{border-top:1px dashed #ccc}.faq summary{cursor:pointer;outline:0}.faq p{color:#666;line-height:1.4;text-indent:1em}.faq a{font-size:x-small}.faq a[href]::after{content:"\f35d";font-family:"Font Awesome 5 Pro";margin-left:.4em}.brands{border-radius:0 0 3em 3em;background:#fff;background:-webkit-linear-gradient(top,rgba(255,255,255,.95),#fff);background:linear-gradient(top,rgba(255,255,255,.95),#fff)}.btns_action>*,.upgrade .website [title=""][data-empty]::after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0))}.brands>div{margin:2em 1em;background:#fff;-webkit-filter:contrast(1.2) grayscale(1);filter:contrast(1.2) grayscale(1);overflow:hidden;overflow:clip}.brands>div:hover{-webkit-filter:contrast(1) grayscale(0);filter:contrast(1) grayscale(0)}.brands img{max-width:100%;max-height:100%;margin:0 .8em;outline:0;border-radius:.5em;cursor:pointer;opacity:0}.brands p{font-size:small;color:#555}.testimonials{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;letter-spacing:1px}.quoted{display:flex;justify-content:center;align-items:center;font-size:small;font-style:italic;line-height:2.2;max-width:850px;margin:1em auto}.quoted::after,.quoted::before{content:"\f10d";font-family:"Font Awesome 5 Pro";font-weight:900;color:rgba(0,0,0,.2);font-size:2em;margin:0 .5em}.quoted::after{content:"\f10e"}.quoted~a{margin:1em auto;font-size:x-small;color:#555}.quoted~a::before{content:"\2014\00a0"}.btn{color:#555;pointer-events:none}.btn[title]::before{display:block;content:attr(title);margin:2em auto;padding:1em 1.2em;background:#fff;background:-webkit-linear-gradient(top,#fff,rgba(255,255,255,.6));background:linear-gradient(top,#fff,rgba(255,255,255,.6));border:1px solid #fff;border-radius:1em;cursor:pointer;pointer-events:auto;transition:background .2s linear}.btn[data-far][title]::before{content:attr(data-far) "\00a0\00a0" attr(title);font-family:"Font Awesome 5 Pro",Comfortaa,"Taipei Sans TC"}.btn[title]:hover::before{background:rgba(255,255,255.8);font-weight:900}.btn[data-float]{position:-webkit-sticky;position:sticky;bottom:-1em}.upgrade{position:fixed;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:center;top:0;top:env(safe-area-inset-top,0);left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .2s linear;overflow-x:hidden;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2}.laptop,.preview>div,.upgrade>div{position:relative}.upgrade::after{position:absolute;content:"\f057";top:0;right:10vw;font-size:3em;line-height:1;font-family:"Font Awesome 5 Duotone";color:#999;background:#eaeaea;border-radius:50%;box-shadow:1px 1px 2px 1px rgba(87,63,55,.3);cursor:pointer}.upgrade::-webkit-scrollbar{display:none;width:0;background:0 0}.upgrade>div{margin:.6em auto;min-width:80%;align-items:flex-start;border-radius:1em}.upgrade>div>div{width:100%}.upgrade .product{display:flex;flex:2;flex-flow:column wrap;padding:0 1em}.upgrade .laptop img{max-width:100%;border:1px solid #888;border-radius:.2em}.upgrade .benefits{color:#555}.upgrade .benefits ul{list-style:none;margin:0 auto;padding:0 .9em;text-align:left;line-height:2;word-break:break-word;font-size:small}.upgrade .benefits li::before{content:"\f00c";font-family:"Font Awesome 5 Pro";font-weight:500;margin-right:.6em}.upgrade form{display:inline-block;flex:3;font-size:small;line-height:2}.upgrade .focused~.tr{opacity:.4;cursor:not-allowed}.upgrade .focused~.tr>*{pointer-events:none}.upgrade .tr>*,.upgrade .tr[title]::before{display:flex;flex-flow:row nowrap;align-items:center;padding:0 .8em}.upgrade .tr[title]::before{content:attr(title);flex:1;justify-content:flex-end}.upgrade .tr>*{flex:3;justify-content:center;border-left:1px solid #eee}.upgrade .website [title=""][data-empty]::after{content:attr(data-empty);background-image:linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));background-color:#4ac29a;color:#fff;padding:.6em;border-radius:1em}.upgrade .website img{display:none;width:20px;height:20px;margin-right:.4em;border-radius:.5em}.upgrade .icon label{display:flex;align-items:center;justify-content:center;width:100px;height:100px;color:#777;background:#f5f5f5;border:2px dashed #333;border-radius:1em;margin:1em;cursor:pointer;overflow:hidden;overflow:clip}.upgrade .icon label:empty::before{content:"\f382";font-family:"Font Awesome 5 Pro";font-weight:900;font-size:x-large}.upgrade .icon img{object-fit:contain;width:100%;height:100%;padding:2px;image-orientation:from-image;transition:.3s ease-in-out}.upgrade .icon img:hover{transform:scale(1.2)}.upgrade .icon input{position:absolute;top:0;left:0;width:100%;margin:0}.upgrade input{margin:1em;background:rgba(255,255,255,.1)}.upgrade input[type=email],.upgrade input[type=text],.upgrade input[type=url]{width:96%}.upgrade [data-usd]:not([data-usd="0"]){display:none}.upgrade [data-usd]::before{content:"US$ " attr(data-usd)}.upgrade [data-twd][data-billed]::after{content:" ( = NT$ " attr(data-twd) " " attr(data-billed) ")";font-size:smaller}.btns_action{display:flex;justify-content:space-evenly;text-align:center}.btns_action>*{display:inline-flex;letter-spacing:2px;margin:.4em auto;padding:.6em 1em;border:none;border-radius:.6em;color:#fff;line-height:2;background-color:#888;background-image:linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));cursor:pointer;transition:filter .2s linear}.btns_action>[data-active]{background-color:#4ac29a}.laptop{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;width:320px;max-width:100%;margin:30px auto;border-radius:7px 7px 0 0;background:#3d3d3d;box-shadow:0 0 0 1.5px #000,0 0 0 3px #f5f5f5,0 0 9px #000;padding:2.5px}.laptop::before{position:absolute;content:"";bottom:-15px;width:115%;height:8px;border-radius:2px;border-bottom:3px solid #9c9c9c;background:#f5f5f5;box-shadow:0 2px 3px #b2c1d4}.laptop::after{position:absolute;content:"";bottom:-8px;width:45px;height:4px;background:#9c9c9c;border-radius:0 0 1.5px 1.5px}footer{width:100%;color:#fff;background:#333;margin-top:2em;padding:1px 0 1px 1.2em;letter-spacing:.5px}footer [data-soda]{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:#bce8da;background-image:linear-gradient(90deg,#bce8da,#fff 90%)}.pro footer [data-soda]{color:#aff1fc;background-image:linear-gradient(90deg,#aff1fc,#fff 90%)}footer .s{font-size:small}footer .fbox{align-items:flex-start;width:100%;max-width:1100px;margin:2em auto}footer ul{margin:0;line-height:2}footer li{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}footer a:active,footer a:hover,footer a:link,footer a:visited,footer input{color:#fff}footer img.inverted{border-radius:.5em;-webkit-filter:grayscale(1) invert(1) brightness(1.2);filter:grayscale(1) invert(1) brightness(1.2);transition:.2s linear}footer img.inverted:hover{-webkit-filter:none;filter:none;background:rgba(255,255,255,.9)}footer img[data-creditcard]{height:30px}footer .newsletter,footer .producthunt{margin:1em auto}footer .producthunt img{object-fit:contain;cursor:pointer}footer .newsletter input{width:100%;max-width:100%;font-size:small}footer .newsletter a{min-width:100px;text-align:center;margin:0 .4em;padding:.4em .6em;border:1px solid #ccc;border-radius:1em;font-size:small;transition:.2s linear}footer .newsletter a:hover{color:#222;background:rgba(255,255,255,.9);font-weight:700}select{margin:auto .4em;padding:.5em;border:1px solid #555;border-radius:.5em;outline:0;color:#333;background:0 0}footer select{margin:1em 0;color:#fff;background:#222;border:1px solid #fff}.preview{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.6);z-index:2}.preview>div{display:flex;align-items:center;justify-content:center;width:inherit;height:inherit}.preview>div[title]::before{position:absolute;content:"\f00d\00a0" attr(title);font-family:"Font Awesome 5 Pro",Comfortaa,"Taipei Sans TC";top:0;top:env(safe-area-inset-top,0);padding:1em 2em;letter-spacing:3px;background:rgba(0,0,0,.75);color:#fff;font-weight:bolder;border:2px solid #fff;border-top:0;border-radius:0 0 .6em .6em;cursor:pointer}.preview iframe{width:96%;height:96%;border:2px solid #ccc;border-radius:.5em;box-shadow:10px 10px 30px rgba(0,0,0,.3);background:url(//i.hearty.app/b/images/sleeping_kitten.png?o=1) center center/250px no-repeat}@media screen and (max-width:767px){nav{flex-flow:column wrap}.highlight{border-bottom:3px solid #4ac29a}.pro .highlight{border-bottom:3px solid #00a4e4}.highlight::before{display:none}.upgrade .icon label{height:90px}.upgrade .laptop{order:1}footer .f1~.f1{margin-top:.8em}}