@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Mochiy+Pop+P+One&display=swap";body{font-size:16px;color:#545e56;font-family:"Noto Sans TC","微軟正黑體",sans-serif;background-color:#eaf1ee}body:before{position:absolute;background:#f9fffc;content:"";width:100%;height:150px;z-index:-1}body.hold{overflow:hidden}a{cursor:pointer}.appClick{color:#00c891;text-decoration:underline;display:inline-block}#app{min-width:375px;overflow:hidden}#app #navBar:before{display:none}#app #floatingButton{transition:all .2s ease-out;right:-120px;width:120px}#app #floatingButton embed{width:100%}#app.sticky #floatingButton{right:0px}@media(max-width: 440px){#app.sticky #floatingButton{width:88px}}#app.sticky #navBar{top:0;width:100%;position:fixed;z-index:9;transition:all .3s ease-out}#app.sticky #navBar:before{display:flex;transition:all .3s ease-out;opacity:1;z-index:-1}#app.sticky #navBar.up{transform:translateY(-100px)}#app.sticky #navBar.down{transform:translateY(0px)}#app.sticky #navBar.down .mainLogo{max-width:206px}@media(max-width: 767px){#app.sticky #navBar.down .mainLogo{max-width:134px}}@media(min-width: 768px){#app.sticky #navBar .wrapper{padding:6px;padding-left:16px;padding-right:16px}}#app.sticky #navBar .mainLogo{max-width:168px}#app .join_wrapper{position:relative;display:flex;justify-content:center;height:72px;margin:10px 0;margin-top:72px}@media(max-width: 440px){#app .join_wrapper{margin:0px 0}}#app .earning_detail,#app .join_btn{position:absolute;transition:all 100ms ease-in-out;transform:translate(0, 0px);text-wrap:nowrap}#app .earning_detail .btn,#app .join_btn .btn{padding:16px 24px 16px;border-radius:16px;background-color:#00c891}@media(max-width: 440px){#app .earning_detail .btn,#app .join_btn .btn{padding:6px 18px 10px}}#app .earning_detail .btn:before,#app .join_btn .btn:before{font-size:32px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:2px;text-align:center;color:#fff}#app .earning_detail:active .btn,#app .join_btn:active .btn{background:#fe5f55}#app .earning_detail .text,#app .join_btn .text{width:100%}#app .earning_detail:hover,#app .join_btn:hover{text-decoration:none;transform:translate(6px, 6px)}#app .earning_detail:hover .btn,#app .join_btn:hover .btn{box-shadow:0px 0px 0 0 #ffbdb8}#app .center{text-align:center}@media(max-width: 768px){#app #QA .wrapper{max-width:none;padding-top:0 !important;padding:16px 20px}#app #QA .wrapper .section_label{margin-left:-15px}}@media(max-width: 440px){#app #terms .wrapper{max-width:none;padding-top:0}}#app #terms .modal-container{max-width:1200px}#app .wrapper{display:flex;flex-direction:column;max-width:1232px;margin:auto;padding:16px 70px;justify-content:center}@media(max-width: 768px){#app .wrapper{padding:0 10px;padding-top:10px;padding:16px 20px}}#app .top{background:#f5fffd}#app .hero_bottom{width:100%;position:relative;margin-bottom:20px}#app #heroBanner{background:#ecfbff;position:relative;z-index:1}#app #heroBanner .join_wrapper{justify-content:left}@media(max-width: 990px){#app #heroBanner .join_wrapper{justify-content:center;margin-top:30px;order:2}}#app #heroBanner .join_btn{height:70px}@media(max-width: 440px){#app #heroBanner .join_btn{height:46px}#app #heroBanner .join_btn .btn:before{font-size:28px}}#app #heroBanner .btn:before{content:"立即加入";line-height:34px}#app #join_creator .join_btn{height:70px}#app #join_creator .btn:before{content:"立即加入";line-height:34px}@media(max-width: 440px){#app #join_creator{padding:5px 0px 5px}#app #join_creator .btn:before{font-size:28px}#app #join_creator .features{padding-left:0;padding-right:0}}#app #join_flow .join_btn{height:64px}@media(max-width: 440px){#app #join_flow{padding:5px 0px 5px}#app #join_flow .btn:before{font-size:28px}#app #join_flow .features{padding-left:0;padding-right:0}}#app #income_calculator .earning_detail{width:308px;height:64px}@media(max-width: 440px){#app #income_calculator .earning_detail{width:220px;height:42px}}#app #creator_insight .join_btn{width:308px;height:64px}@media(max-width: 440px){#app #creator_insight .join_btn{height:42px}}#app #income_calculator{padding-bottom:40px;padding-top:10px;margin-bottom:20px;position:relative}#app #income_calculator .btn:before{content:"收益詳情";line-height:40px}@media(max-width: 440px){#app #income_calculator .btn:before{font-size:28px}}#app #income_calculator:before{position:absolute;width:100%;height:calc(100% - 40px);bottom:0;content:"";background:#f2eaea;z-index:-1}#app #income_calculator h3{color:#505050;font-size:1.125rem;font-weight:700;font-style:Bold;letter-spacing:0px;text-align:left;line-height:26px}@media(max-width: 440px){#app #income_calculator h3{font-size:1rem}}#app #income_calculator>.wrapper>.title{margin-left:-8px;margin-right:-8px;border-radius:12px;border:solid 2px #27266c;background-color:#00c891;text-align:center;position:relative}#app #income_calculator>.wrapper>.title .icon{position:absolute;top:-22px;right:40px}@media(max-width: 768px){#app #income_calculator>.wrapper>.title .icon{top:0;right:2%;height:53px}}#app #income_calculator>.wrapper>.title+p{font-size:1.75rem;padding:26px 0 10px;text-align:center;margin:0;color:#333}@media(max-width: 440px){#app #income_calculator>.wrapper>.title+p{font-size:1.188rem}}#app #income_calculator h2{color:#fff;font-size:1.5rem;font-weight:bold;letter-spacing:1.5px;line-height:50px;margin-bottom:0;position:relative;text-align:center}@media(max-width: 440px){#app #income_calculator h2 img{height:32px}}#app #income_calculator h2 span{position:relative;z-index:1;background:#00c891}#app #income_calculator h2+p{color:#fff;font-size:1.5rem;letter-spacing:0;text-align:center}@media(max-width: 440px){#app #income_calculator h2+p{font-size:18px}}#app #income_calculator .wrapper{max-width:1200px}#app #income_calculator .wrapper.offset{max-width:768px;position:relative;left:-6%}@media(max-width: 1020px){#app #income_calculator .wrapper.offset{left:0%}}#app #income_calculator .wrapper .boundary{max-width:768px}@media(max-width: 1200px){#app #income_calculator .wrapper .boundary{left:0%}}#app #income_calculator .earning_detail{position:relative;cursor:pointer}#app #income_calculator h3.title{padding:0px 35px;display:inline-flex;align-items:center;position:relative}@media(min-width: 441px){#app #income_calculator h3.title{padding:0px 54px}}#app #income_calculator h3.title:before{content:"";width:32px;height:32px;background:url(../img/icn-calculator-money_new.svg) no-repeat;background-size:100%;position:absolute;left:-2px}@media(max-width: 440px){#app #income_calculator h3.title:before{width:22px;height:24px;left:6px}}@media(min-width: 441px){#app #income_calculator h3.title:before{left:14px}}#app #income_calculator .bottom{padding:0px 20px}@media(min-width: 441px){#app #income_calculator .bottom{padding:0px 50px}}@media(min-width: 1021px)and (max-width: 1200px){#app #income_calculator .bottom{position:relative;display:flex;align-items:center;justify-content:center;margin-top:100px;margin-left:200px}}@media(min-width: 789px)and (max-width: 1021px){#app #income_calculator .bottom{position:relative;display:flex;margin-top:170px;margin-left:200px;align-items:center;justify-content:flex-start}}@media(min-width: 601px)and (max-width: 788px){#app #income_calculator .bottom{position:relative;display:flex;margin-left:100px;align-items:center;justify-content:center;margin-left:10px}}#app #income_calculator .remark{color:#333;font-size:14px;font-weight:300;letter-spacing:0;line-height:20px;text-align:left;padding-left:20px;padding-top:20px;margin-bottom:0}#app #income_calculator #uu{position:relative}#app #income_calculator #uu .message{opacity:0;transition:all .2s ease-out;transform:translate(-50%, -50%);position:absolute;border:solid 2px #333;background:#ffc458;border-radius:12px;padding:16px;color:#333;top:-360px;right:-472px;font-size:1.125rem;max-width:300px;min-width:300px;margin-bottom:50px}#app #income_calculator #uu .message.show{opacity:1}@media(max-width: 440px){#app #income_calculator #uu .message{padding:10px}}@media(min-width: 1021px)and (max-width: 1200px){#app #income_calculator #uu .message{z-index:1;top:-100px;right:-530px;max-width:200px;min-width:200px;min-height:150px}}@media(min-width: 789px)and (max-width: 1021px){#app #income_calculator #uu .message{z-index:1;top:-70px;right:-530px;max-width:200px;min-width:200px;min-height:150px}}@media(min-width: 601px)and (max-width: 788px){#app #income_calculator #uu .message{z-index:1;top:80px;right:-170px;position:relative}}@media(max-width: 600px){#app #income_calculator #uu .message{z-index:1;top:50px;right:-50%;max-width:100%;position:relative;text-align:center;font-size:1rem}}#app #income_calculator #uu .message:before{content:"";display:block;transform:rotate(180deg);background-size:100%;width:43px;position:absolute;height:30px;bottom:-21px;left:42px;background:#ffc458;clip-path:polygon(50% 0, 100% 100%, 0 100%);scale:50%}@media(min-width: 1021px)and (max-width: 1200px){#app #income_calculator #uu .message:before{transform:rotate(270deg);top:76px;left:-28px;background:#ffc458;clip-path:polygon(50% 0, 100% 100%, 0 100%)}}@media(min-width: 789px)and (max-width: 1020px){#app #income_calculator #uu .message:before{transform:rotate(-90deg);bottom:76px;left:-28px;background:#ffc458;clip-path:polygon(50% 0, 100% 100%, 0 100%)}}@media(min-width: 601px)and (max-width: 788px){#app #income_calculator #uu .message:before{transform:rotate(180deg);bottom:-22px;left:130px;background:#ffc458;clip-path:polygon(50% 0, 100% 100%, 0 100%)}}@media(max-width: 600px){#app #income_calculator #uu .message:before{transform:rotate(180deg);bottom:-22px;left:42.5%;background:#ffc458;clip-path:polygon(50% 0, 100% 100%, 0 100%)}}#app #income_calculator #uu .message:after{content:"";display:block;transform:rotate(180deg);background-size:100%;width:43px;position:absolute;height:30px;bottom:-24px;left:42px;background:#333;clip-path:polygon(50% 0, 100% 100%, 0 100%);scale:55%;z-index:-1}@media(min-width: 1021px)and (max-width: 1200px){#app #income_calculator #uu .message:after{transform:rotate(270deg);top:76px;left:-31px}}@media(min-width: 789px)and (max-width: 1020px){#app #income_calculator #uu .message:after{transform:rotate(-90deg);bottom:76px;left:-31px}}@media(min-width: 601px)and (max-width: 788px){#app #income_calculator #uu .message:after{transform:rotate(180deg);bottom:-25px;left:130px}}@media(max-width: 600px){#app #income_calculator #uu .message:after{transform:rotate(180deg);bottom:-24px;left:42.5%}}#app #income_calculator #uu embed,#app #income_calculator #uu img{bottom:-70px;right:-422px;position:absolute;width:450px}@media(min-width: 1021px)and (max-width: 1200px){#app #income_calculator #uu embed,#app #income_calculator #uu img{width:260px;right:-260px;bottom:-120px;position:absolute}}@media(min-width: 789px)and (max-width: 1020px){#app #income_calculator #uu embed,#app #income_calculator #uu img{width:310px;right:-310px;bottom:-120px;position:absolute}}@media(min-width: 601px)and (max-width: 788px){#app #income_calculator #uu embed,#app #income_calculator #uu img{right:-70px;bottom:-20px;position:relative;width:220px}}@media(max-width: 600px){#app #income_calculator #uu embed,#app #income_calculator #uu img{margin-top:-10px;right:-4%;bottom:0;width:90%;position:relative}}#app #income_calculator h1 span{opacity:0}#app #income_calculator h1+p{text-align:center}#app #income_calculator .earning_highlight{display:inline-flex;color:#333;line-height:100%;font-weight:500;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease}#app #income_calculator .earning_highlight.growth{font-size:5rem}@media(max-width: 440px){#app #income_calculator .earning_highlight{font-size:3rem}}#app #income_calculator .earning_highlight .small{font-size:20px;padding-top:41px;line-height:100%}@media(min-width: 441px)and (max-width: 468px){#app #income_calculator .earning_highlight .small{padding-top:41px}}@media(max-width: 440px){#app #income_calculator .earning_highlight .small{padding-top:38px}}#app #income_calculator .income_calculater_top{display:block;height:11px;width:100%;border-radius:34px;background-color:#414141}#app #income_calculator .income_calculater{background:#fff;border-radius:16px;margin:0 10px;padding:16px 0px;margin-bottom:20px;border-radius:16px;border:solid 2px #333}@media(max-width: 440px){#app #income_calculator .income_calculater{padding:20px 0px;box-shadow:none;margin-bottom:8px}}#app #income_calculator .income_calculater hr{height:8px;width:100%;background:#f9f9f9;border-top:none}#app #income_calculator .cost{font-weight:bold;font-size:4rem;text-align:center;display:flex;justify-content:center}#app #income_calculator .cost .post_no,#app #income_calculator .cost .dollar{padding-top:40px;font-size:20px;font-weight:500;line-height:100%}@media(max-width: 440px){#app #income_calculator .cost .post_no,#app #income_calculator .cost .dollar{padding-top:26px}}@media(max-width: 440px){#app #income_calculator .cost{font-size:4rem}#app #income_calculator .cost .dollar{padding-top:40px}}#app #income_calculator .posts{font-size:1.2rem;font-weight:500;text-align:left;padding:0px 20px}@media(min-width: 441px){#app #income_calculator .posts{padding:0px 54px}}#app #income_calculator .posts h3{display:inline-flex;align-items:center;position:relative}@media(max-width: 440px){#app #income_calculator .posts h3{margin-left:15px}}#app #income_calculator .posts h3:before{content:"";width:30px;height:30px;background:url(../img/icn-calculator-posts_new.svg) no-repeat;position:absolute;left:-39px;background-size:100%}@media(max-width: 440px){#app #income_calculator .posts h3:before{width:22px;height:24px;left:-29px}}#app #income_calculator #earning_counter .boundary{position:relative}#app #income_calculator #earning_counter .boundary #track{position:absolute;display:block;width:100%;height:20px;border-radius:60px;background:#d8ece3;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);transition:all .15s ease-out;top:calc(50% - 3px);transform:translate(0%, -50%)}#app #income_calculator #earning_counter #post_vol,#app #income_calculator #earning_counter #income_vol{position:relative;z-index:1;width:100%;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;--c: orange;--g: 0px;--l: 0px;--s: 50px;--k: 10px;height:var(--s);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden}#app #income_calculator #earning_counter input#post_vol[type=range]::-webkit-slider-thumb,#app #income_calculator #earning_counter input#income_vol[type=range]::-webkit-slider-thumb{background:url(../img/handle-v-2.png);background-size:100% auto;position:relative;height:var(--s);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 var(--l) inset var(--c);clip-path:polygon(0 calc(50% + var(--k) / 2), -100vw calc(50% + var(--k) / 2), -100vw calc(50% - var(--k) / 2), 0 calc(50% - var(--k) / 2), 0 0, 100% 0, 100% calc(50% - var(--k) / 2), 100vw calc(50% - var(--k) / 2), 100vw calc(50% + var(--k) / 2), 100% calc(50% + var(--k) / 2), 100% 100%, 0 100%);-webkit-appearance:none;appearance:none}#app #income_calculator #earning_counter #tickmarks{display:flex;justify-content:space-between;color:#000;width:100%;position:relative}@media(max-width: 440px){#app #income_calculator #earning_counter #tickmarks{margin-top:-8px}}#app #income_calculator #earning_counter #tickmarks option{position:relative;display:none}#app #income_calculator #earning_counter #tickmarks option span{position:absolute}#app #income_calculator #earning_counter #tickmarks option:before{content:"";position:absolute;width:0px;height:0px;background:#000;display:inline-block;top:-10px;margin-left:9px}#app #income_calculator #earning_counter #tickmarks option:after{font-size:.875rem}@media(max-width: 440px){#app #income_calculator #earning_counter #tickmarks option:after{font-size:.875rem}}#app #income_calculator #earning_counter #tickmarks option:first-child:before{font-size:14px;color:#333;margin-top:-6px;left:8px;margin-left:0px}#app #income_calculator #earning_counter #tickmarks option:first-child:after{content:"15";position:absolute;left:17px}@media(max-width: 440px){#app #income_calculator #earning_counter #tickmarks option:first-child:after{left:11px}}#app #income_calculator #earning_counter #tickmarks option:nth-child(2){margin-left:-15px}#app #income_calculator #earning_counter #tickmarks option:nth-child(2):before{left:-30px;margin-left:0px}@media(max-width: 376px)and (max-width: 768px){#app #income_calculator #earning_counter #tickmarks option:nth-child(2):before{left:-12px}}@media(max-width: 375px){#app #income_calculator #earning_counter #tickmarks option:nth-child(2):before{left:-13px}}#app #income_calculator #earning_counter #tickmarks option:nth-child(2):after{content:"75";position:absolute;left:-12px}@media(max-width: 376px)and (max-width: 768px){#app #income_calculator #earning_counter #tickmarks option:nth-child(2):after{left:-12px}}@media(max-width: 440px){#app #income_calculator #earning_counter #tickmarks option:nth-child(2):after{left:-5px}}#app #income_calculator #earning_counter #tickmarks option:nth-child(3){margin-left:-40px}#app #income_calculator #earning_counter #tickmarks option:nth-child(3):before{left:-7px;margin-left:0px}@media(max-width: 376px)and (max-width: 768px){#app #income_calculator #earning_counter #tickmarks option:nth-child(3):before{left:5px}}#app #income_calculator #earning_counter #tickmarks option:nth-child(3):after{content:"150";position:absolute;left:-9px}@media(max-width: 376px)and (max-width: 768px){#app #income_calculator #earning_counter #tickmarks option:nth-child(3):after{left:-6px}}@media(max-width: 375px){#app #income_calculator #earning_counter #tickmarks option:nth-child(3):after{left:-6px}}#app #income_calculator #earning_counter #tickmarks option:nth-child(4){margin-left:-35px}#app #income_calculator #earning_counter #tickmarks option:nth-child(4):before{right:-8px;margin-left:0px}@media(max-width: 376px)and (max-width: 768px){#app #income_calculator #earning_counter #tickmarks option:nth-child(4):before{right:-15px}}#app #income_calculator #earning_counter #tickmarks option:nth-child(4):after{content:"225";position:absolute;left:-2px}@media(max-width: 375px){#app #income_calculator #earning_counter #tickmarks option:nth-child(4):after{left:-5px}}#app #income_calculator #earning_counter #tickmarks option:last-child:before{right:8px}#app #income_calculator #earning_counter #tickmarks option:last-child:after{content:"300";position:absolute;right:12px}#app #income_calculator #features_counter{padding:0px 16px 0px 16px}@media(min-width: 441px){#app #income_calculator #features_counter{padding:0px 54px}}#app #income_calculator #features_counter h3{display:inline-flex;align-items:center;position:relative}@media(max-width: 440px){#app #income_calculator #features_counter h3{padding-left:17px}}#app #income_calculator #features_counter h3:before{content:"";width:32px;height:32px;background:url(../img/icn-selected-posts_new.svg) no-repeat;background-size:100%;position:absolute;left:-40px}@media(max-width: 440px){#app #income_calculator #features_counter h3:before{width:22px;height:24px;left:-11px}}#app #income_calculator #features_counter ul{padding:0;list-style:none;display:flex;justify-content:space-between;margin-bottom:0}#app #income_calculator #features_counter input[name=features],#app #income_calculator #features_counter input[name=views]{display:none}#app #income_calculator #features_counter input[name=features]+label,#app #income_calculator #features_counter input[name=views]+label{position:relative;color:#333;margin-bottom:0;padding-left:35px;padding-right:15px;font-size:1.25rem}@media(max-width: 440px){#app #income_calculator #features_counter input[name=features]+label,#app #income_calculator #features_counter input[name=views]+label{padding-left:25px}}@media(max-width: 440px){#app #income_calculator #features_counter input[name=features]+label,#app #income_calculator #features_counter input[name=views]+label{font-size:16px}}#app #income_calculator #features_counter input[name=features]+label:before,#app #income_calculator #features_counter input[name=views]+label:before{content:"";position:absolute;top:3px;left:0px;height:25px;width:25px;background:#fff;border:1px solid #333;border-radius:50%}@media(max-width: 440px){#app #income_calculator #features_counter input[name=features]+label:before,#app #income_calculator #features_counter input[name=views]+label:before{height:20px;width:20px;top:3px;left:-3px}}#app #income_calculator #features_counter input[name=features]:checked+label:after,#app #income_calculator #features_counter input[name=views]:checked+label:after{content:"";position:absolute;top:8px;left:5px;height:15px;width:15px;background:#333;border-radius:50%}@media(max-width: 440px){#app #income_calculator #features_counter input[name=features]:checked+label:after,#app #income_calculator #features_counter input[name=views]:checked+label:after{height:16px;width:16px;top:5px;left:-1px}}#app #income_calculator #features_counter input[name=features]:disabled+label,#app #income_calculator #features_counter input[name=views]:disabled+label{color:#ccc}#app #income_calculator #features_counter input[name=features]:disabled+label:before,#app #income_calculator #features_counter input[name=views]:disabled+label:before{border:1px solid #cdcdcd}#app #income_calculator #features_counter label{padding:0 30px 0 5px}#app #income_calculator #views_counter{padding:0px 16px 0px 16px}@media(min-width: 441px){#app #income_calculator #views_counter{padding:0px 54px}}#app #income_calculator #views_counter h3{display:inline-flex;align-items:center;position:relative}@media(max-width: 440px){#app #income_calculator #views_counter h3{padding-left:17px}}#app #income_calculator #views_counter h3:before{content:"";width:32px;height:32px;background:url(../img/icn-pv_new.svg) no-repeat;background-size:100%;position:absolute;left:-40px}@media(max-width: 440px){#app #income_calculator #views_counter h3:before{width:22px;height:24px;left:-11px}}#app #income_calculator #views_counter ul{padding:0;list-style:none;display:flex;justify-content:space-between}#app #income_calculator #views_counter input[name=features],#app #income_calculator #views_counter input[name=views]{display:none}#app #income_calculator #views_counter input[name=features]+label,#app #income_calculator #views_counter input[name=views]+label{position:relative;color:#333;margin-bottom:0;padding-left:35px;padding-right:15px;font-size:1.25rem}@media(max-width: 440px){#app #income_calculator #views_counter input[name=features]+label,#app #income_calculator #views_counter input[name=views]+label{padding-left:25px}}@media(max-width: 440px){#app #income_calculator #views_counter input[name=features]+label,#app #income_calculator #views_counter input[name=views]+label{font-size:16px}}#app #income_calculator #views_counter input[name=features]+label:before,#app #income_calculator #views_counter input[name=views]+label:before{content:"";position:absolute;top:3px;left:0px;height:25px;width:25px;background:#fff;border:1px solid #333;border-radius:50%}@media(max-width: 440px){#app #income_calculator #views_counter input[name=features]+label:before,#app #income_calculator #views_counter input[name=views]+label:before{height:20px;width:20px;top:3px;left:-3px}}#app #income_calculator #views_counter input[name=features]:checked+label:after,#app #income_calculator #views_counter input[name=views]:checked+label:after{content:"";position:absolute;top:8px;left:5px;height:15px;width:15px;background:#333;border-radius:50%}@media(max-width: 440px){#app #income_calculator #views_counter input[name=features]:checked+label:after,#app #income_calculator #views_counter input[name=views]:checked+label:after{height:16px;width:16px;top:5px;left:-1px}}#app #income_calculator #views_counter label{padding:0 30px 0 5px}@media(max-width: 440px){#app #income_calculator #result .post_effort{font-size:1rem}#app #income_calculator #result .post_effort .large{color:#ffb939;font-weight:500;font-size:3rem}}#app #income_calculator #result .income{color:#ffb939;font-size:1.5rem}#app #income_calculator #result .large{color:#ffb939;font-weight:500;font-size:4rem;display:inline;line-height:4rem;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease}#app #income_calculator #result .large.growth{font-size:5rem}#app #income_calculator #result .coin_visual{width:60px;display:inline-block}#app #income_calculator #result .coin_visual embed,#app #income_calculator #result .coin_visual img{display:block;width:100%;position:relative;left:-2px;top:5px}@media(max-width: 440px){#app #income_calculator #result .coin_visual embed,#app #income_calculator #result .coin_visual img{width:80%}}#app #heroBanner{background:#ecfbff;background:url(../img/bg-hero.jpg) top center no-repeat;background-size:cover;height:auto;padding-bottom:0px;text-align:center}@media(max-width: 440px){#app #heroBanner{margin-top:0px;padding-bottom:15px}#app #heroBanner .wrapper{padding:0 8px}}@media(min-width: 991px){#app #heroBanner{background-size:auto 491px;height:491px}}#app #heroBanner .wrapper{min-height:500px}#app #heroBanner h1{color:#00c891;font-family:"Mochiy Pop P One",sans-serif;font-weight:400;letter-spacing:2px;font-size:2.5rem;text-align:center}@media(max-width: 990px){#app #heroBanner h1{order:1}}#app #heroBanner h1 span{opacity:100;position:absolute;color:#ae90ff;font-size:2rem;line-height:150%;left:50%;transform:translate(-50%, 0);width:100%}@media(max-width: 440px){#app #heroBanner h1{margin-bottom:0px}}#app #heroBanner h1 embed,#app #heroBanner h1 img{max-width:800px;width:100%}#app #heroBanner h1+p{color:#7a7f83;font-size:32px;font-weight:400;letter-spacing:0;text-align:center;padding:0 25%;padding-bottom:0px}@media(max-width: 960px){#app #heroBanner h1+p{font-size:26px;padding:0 100px}}@media(max-width: 769px){#app #heroBanner h1+p{padding:0 20px}}@media(max-width: 440px){#app #heroBanner h1+p{font-size:19px;padding:0 10px;line-height:140%}}@media(min-width: 441px){#app #heroBanner h1{z-index:1;font-size:3rem;margin-bottom:0;line-height:120%}#app #heroBanner h1 span{font-size:2.5rem}}@media(min-width: 575px){#app #heroBanner h1{font-size:3.5rem}#app #heroBanner h1 span{font-size:3rem}}@media(min-width: 768px){#app #heroBanner h1{font-size:4rem}#app #heroBanner h1 span{font-size:3.5rem}}@media(min-width: 991px){#app #heroBanner h1{font-size:4.5rem;text-align:left}#app #heroBanner h1 span{font-size:4rem;width:unset;left:unset;transform:unset}}#app #heroBanner .motionGraphic{position:relative;height:0px;top:0;z-index:-1}@media(max-width: 990px){#app #heroBanner .motionGraphic{order:3}}#app #heroBanner .motionGraphic #g1{animation-delay:250ms}#app #heroBanner .motionGraphic #g2{animation-delay:0ms}@media(min-width: 441px)and (max-width: 768px){#app #heroBanner .motionGraphic{top:30px;height:auto;position:relative;top:0;padding-top:100%}#app #heroBanner .motionGraphic #g1,#app #heroBanner .motionGraphic #g2{top:20% !important;width:50% !important}#app #heroBanner .motionGraphic #g1{left:0% !important}#app #heroBanner .motionGraphic #g2{right:0% !important}}@media(max-width: 440px){#app #heroBanner .motionGraphic{height:auto;position:relative;top:0;padding-top:100%}#app #heroBanner .motionGraphic #g1,#app #heroBanner .motionGraphic #g2{top:20% !important;width:50% !important}#app #heroBanner .motionGraphic #g1{left:7% !important}#app #heroBanner .motionGraphic #g2{right:0% !important}#app #heroBanner .motionGraphic.mobile{display:none}}#app #heroBanner .motionGraphic #g1,#app #heroBanner .motionGraphic #g2{position:absolute;width:30%;transition:all .15s ease-out;top:50%;transform:translate(0%, -50%)}#app #heroBanner .motionGraphic #g1{left:-50px}#app #heroBanner .motionGraphic #g2{right:-30px}@media(max-width: 440px){#app #heroBanner .motionGraphic #g1{transform:translate(-11%, -40%);scale:1.2}#app #heroBanner .motionGraphic #g2{transform:translate(-25%, 12%);scale:2}}@media(min-width: 441px)and (max-width: 538px){#app #heroBanner .motionGraphic #g1{transform:translate(-1%, -50%);scale:1.2}#app #heroBanner .motionGraphic #g2{transform:translate(-25%, 12%);scale:2}}@media(min-width: 539px)and (max-width: 768px){#app #heroBanner .motionGraphic #g1{transform:translate(-1%, -35%);scale:1.2}#app #heroBanner .motionGraphic #g2{transform:translate(-25%, 12%);scale:2}}@media(min-width: 769px)and (max-width: 990px){#app #heroBanner .motionGraphic{height:auto;position:relative;top:0;padding-top:75%}#app #heroBanner .motionGraphic #g1{scale:2}#app #heroBanner .motionGraphic #g2{transform:translate(-30%, -30%);scale:1.6;width:50%;left:50%;right:0}}@media(min-width: 991px)and (max-width: 1119px){#app #heroBanner .motionGraphic #g1{transform:translate(0%, -50%);left:0;scale:1.5}#app #heroBanner .motionGraphic #g2{transform:translate(0%, -50%);right:1%;scale:1.5}}@media(min-width: 1120px)and (max-width: 1179px){#app #heroBanner .motionGraphic #g2{transform:translate(0%, -40%);right:5%;scale:1.5}}@media(min-width: 1180px)and (max-width: 1440px){#app #heroBanner .motionGraphic #g2{transform:translate(0%, -40%);right:10%;scale:1.5}}@media(min-width: 1441px){#app #heroBanner .motionGraphic #g1{transform:translate(0%, -35%);left:0;scale:1.6}#app #heroBanner .motionGraphic #g2{transform:translate(0%, -35%);right:10%;scale:1.6}}#app #heroBanner #dateCounter .flipdown{display:none}#app #heroBanner #dateCounter>p{color:#545e56;font-size:1.5rem;font-weight:bold;letter-spacing:0;line-height:36px;margin-bottom:0}@media(max-width: 441px){#app #heroBanner #dateCounter>p{font-size:1.2rem}}#app #heroBanner #dateCounter .countdown{position:relative}@media(min-width: 441px){#app #heroBanner #dateCounter .countdown>div{font-size:20px;font-weight:500}}@media(min-width: 769px){#app #heroBanner #dateCounter .countdown>div{margin-top:12px;margin-bottom:24px}}#app #heroBanner #dateCounter .countdown>div p{margin-bottom:18px}#app #heroBanner #dateCounter .countdown .dateCounter_wording{font-size:28px;font-weight:400}@media(max-width: 440px){#app #heroBanner #dateCounter .countdown .dateCounter_wording{font-size:1.188rem}}#app #heroBanner #dateCounter .countdown .box{display:inline-block;border-radius:50px;border:solid 2px #333;background-color:#fff383}#app #heroBanner #dateCounter .countdown .box p{margin:0;padding:6px 16px;font-weight:700;color:#333}@media(max-width: 440px){#app #heroBanner #dateCounter .countdown .box p{padding:3px 16px 4px}}#app #heroBanner #dateCounter #flipdown{margin-top:10px}#app #heroBanner #dateCounter #milestone{padding-top:80px;margin-bottom:50px}@media(min-width: 769px){#app #heroBanner #dateCounter #milestone{padding-top:55px;margin-bottom:55px}}@media(max-width: 440px){#app #heroBanner #dateCounter #milestone{padding-top:60px}}#app #heroBanner #dateCounter #milestone #end_earn,#app #heroBanner #dateCounter #milestone #run,#app #heroBanner #dateCounter #milestone #coins,#app #heroBanner #dateCounter #milestone #pig{position:absolute;width:71px;left:-30px;bottom:25px;display:none}@media(max-width: 440px){#app #heroBanner #dateCounter #milestone #end_earn,#app #heroBanner #dateCounter #milestone #run,#app #heroBanner #dateCounter #milestone #coins,#app #heroBanner #dateCounter #milestone #pig{width:50px;left:-15px}}#app #heroBanner #dateCounter #milestone #end_earn{left:-20px}#app #heroBanner #dateCounter #milestone #timeline{height:20px;margin:auto;background:#5059c8;position:relative;display:flex}@media(max-width: 440px){#app #heroBanner #dateCounter #milestone #timeline{max-width:calc(100% - 55px)}}@media(min-width: 441px)and (max-width: 768px){#app #heroBanner #dateCounter #milestone #timeline{max-width:calc(100% - 60px)}}@media(min-width: 769px)and (max-width: 990px){#app #heroBanner #dateCounter #milestone #timeline{max-width:calc(100% - 150px)}}@media(min-width: 991px){#app #heroBanner #dateCounter #milestone #timeline{max-width:40%}}#app #heroBanner #dateCounter #milestone #timeline span{left:0;background:#000;position:absolute;height:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%),#d3d3d3;background-repeat:repeat-y;background-size:50px 200px;background-position:0 0;animation:shine 1s infinite;z-index:1;z-index:1;width:0;transition:all 800ms cubic-bezier(0, 0, 0.81, 0.05)}#app #heroBanner #dateCounter #milestone #timeline #currentpoint,#app #heroBanner #dateCounter #milestone #timeline #endtpoint,#app #heroBanner #dateCounter #milestone #timeline #startpoint{position:absolute;width:20px;height:20px;border-radius:60%;z-index:2;top:0px}#app #heroBanner #dateCounter #milestone #timeline #currentpoint:before,#app #heroBanner #dateCounter #milestone #timeline #endtpoint:before,#app #heroBanner #dateCounter #milestone #timeline #startpoint:before{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:60%;background:#fff;left:5px;top:5px}#app #heroBanner #dateCounter #milestone #timeline #startpoint{left:-10px;display:none}#app #heroBanner #dateCounter #milestone #timeline #currentpoint{margin-left:-10px;z-index:10;background:#4f4dda;left:0;transition:all 800ms cubic-bezier(0, 0, 0.81, 0.05)}#app #heroBanner #dateCounter #milestone #timeline #endtpoint{right:-10px;z-index:9;background:#ffc458}#app #heroBanner #dateCounter #milestone #timeline #label_count{border-radius:5px;left:-25px;top:30px;position:absolute;display:flex;height:30px;font-size:14px;align-items:center;justify-content:center;color:#333;min-width:70px;border:solid 1.5px #333;background-color:#ffc458}#app #heroBanner #dateCounter #milestone #timeline #label_count div{text-wrap:nowrap;padding:0 5px}#app #heroBanner #dateCounter #milestone #timeline #label_count:before{content:"";position:absolute;top:-8px;background:#ffc458;clip-path:polygon(50% 0, 100% 100%, 0 100%);width:15px;height:10px;z-index:1}#app #heroBanner #dateCounter #milestone #timeline #label_count:after{content:"";position:absolute;top:-10px;background:#333;clip-path:polygon(50% 0, 100% 100%, 0 100%);width:15px;height:10px}#app #heroBanner #dateCounter #milestone #timeline .breakpoint{display:flex;position:absolute;height:100%;width:100%;justify-content:space-between;z-index:2}#app #heroBanner #dateCounter #milestone #timeline .breakpoint .point{position:relative}#app #heroBanner #dateCounter #milestone #timeline .breakpoint .point:after{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:60%;background:#fff;left:-5px;top:5px}#app #heroBanner #dateCounter #milestone #timeline .breakpoint .point:first-child:before{content:"";display:block;position:absolute;width:20px;height:20px;border-radius:60%;background:#d5d5d5;left:-10px;top:0;z-index:0}#app #heroBanner #dateCounter #milestone #timeline .breakpoint .point:last-child:before{content:"";display:block;position:absolute;width:20px;height:20px;border-radius:60%;background:#5059c8;left:-10px;top:0;z-index:0}#app #navBar{background:#f9fffc;display:flex;justify-content:space-between;flex-direction:column}#app #navBar .wrapper{padding:24px;flex-direction:row}@media(max-width: 767px){#app #navBar .wrapper{flex-direction:column;padding:0}#app #navBar .wrapper>div.left{align-items:center;display:flex;width:100%;padding:4px 16px;justify-content:space-between}#app #navBar .wrapper>div.left img{height:auto;max-width:134px}#app #navBar .wrapper>div.left .mobile_community{margin-right:0}}#app #navBar:before{content:"";position:absolute;width:100%;height:100%;background:#f9fffc;opacity:0}@media(min-width: 768px){#app #navBar{flex-direction:row}}#app #navBar .mainLogo{transition:all .15s ease-out;max-width:206px}@media(min-width: 768px){#app #navBar .mainLogo{max-width:206px}}#app #navBar .mobile_community{color:#fff;background:#05c791;padding:5px 10px;border-radius:50px;font-size:12px;display:flex;flex-direction:row}#app #navBar .mobile_community img{width:15px;margin-left:2px;margin-top:-3px}#app #navBar .modile_download_app_btn{text-align:center;background:#3087d9;justify-content:center;color:#fff;padding:5px;font-size:14px;width:100%}#app #navBar .modile_download_app_btn img{width:10px;margin-top:-4px;margin-right:6px}#app #navBar>div.right{justify-content:flex-end}#app #navBar>div{display:flex;align-items:center;padding:10px;justify-content:space-between;width:100%}#app #navBar a{margin:5px}#app #navBar a:hover{text-decoration:none}#app #navBar .download_app_btn{display:flex;background:#3087d9;padding:5px 10px 6px;border-radius:50px}#app #navBar .download_app_btn img{width:8px;margin-right:6px}#app #navBar .download_app_btn span{color:#fff}#app #navBar .web_community_btn{display:flex;background:#05c791;padding:5px 10px;border-radius:50px}#app #navBar .web_community_btn img{width:15px;margin-right:6px}#app #navBar .web_community_btn span{color:#fff}#app #features{background:url(../img/bg-dot@2x.png),linear-gradient(to bottom, #ecfbff 0%, #ecfbff 20%, #eaf1ee 60%);background-color:rgba(0,0,0,0);background-size:20px;background-repeat:repeat-x;z-index:-1;position:relative}#app #features h2{color:#00c58e;font-size:2.75rem;padding:12px 78px;margin:0;font-weight:bold;letter-spacing:1.17px;line-height:64px;text-shadow:#f5fff9 3px 0px 0px,#f5fff9 2.83487px .981584px 0px,#f5fff9 2.35766px 1.85511px 0px,#f5fff9 1.62091px 2.52441px 0px,#f5fff9 .705713px 2.91581px 0px,#f5fff9 -0.287171px 2.98622px 0px,#f5fff9 -1.24844px 2.72789px 0px,#f5fff9 -2.07227px 2.16926px 0px,#f5fff9 -2.66798px 1.37182px 0px,#f5fff9 -2.96998px .42336px 0px,#f5fff9 -2.94502px -0.571704px 0px,#f5fff9 -2.59586px -1.50383px 0px,#f5fff9 -1.96093px -2.27041px 0px,#f5fff9 -1.11013px -2.78704px 0px,#f5fff9 -0.137119px -2.99686px 0px,#f5fff9 .850987px -2.87677px 0px,#f5fff9 1.74541px -2.43999px 0px,#f5fff9 2.44769px -1.73459px 0px,#f5fff9 2.88051px -0.838247px 0px,6px 6px 4px rgba(113,150,136,.5),-3px -3px 0 #f5fbfc,-1px -5px 0 #f5fbfc,-5px -1px 0 #f5fbfc,-5px -5px 0 #f5fbfc,-1px -3px 0 #f5fbfc,-3px -1px 0 #f5fbfc,-5px -3px 0 #f5fbfc,-3px -5px 0 #f5fbfc,-2px -2px 0 #6fb297,-2px -6px 0 #6fb297,-6px -2px 0 #6fb297,-6px -6px 0 #6fb297,-2px -4px 0 #6fb297,-4px -2px 0 #6fb297,-6px -4px 0 #6fb297,-4px -6px 0 #6fb297}@media(max-width: 768px){#app #features h2{padding:12px;font-size:28px;padding-bottom:10px;line-height:140%;letter-spacing:0}}#app #features .row{justify-content:center}#app #features .block{padding:24px 0px 12px 0px;border-radius:16px}#app #features .block .title{margin:0 -8px;border-radius:12px;text-align:center;margin-bottom:36px;position:relative}#app #features .block .title .icon{position:absolute;top:-22px;right:40px}@media(max-width: 550px){#app #features .block .title .icon{top:10px;right:1%;height:53px}}@media(min-width: 551px)and (max-width: 768px){#app #features .block .title .icon{top:0px;height:53px}}#app #features .block .features{padding-left:8px;padding-right:8px;margin-bottom:8px}#app #features .block .features .card{padding:16px;background:none;position:relative;height:100%;border:0;box-shadow:0px 0px 18px 0px rgba(112,145,135,.25);border-radius:12px}#app #features .block .features .card:after{content:"";top:0;left:0;position:absolute;width:100%;height:100%;border-radius:12px;border:solid 2px rgba(0,0,0,0);background-color:#e3f9f1;z-index:-1}#app #features .block .features .items{text-align:center;width:100%;margin:0 auto}#app #features .block .features .items img{width:100%;max-width:172px}#app #features .block .features h5{font-weight:500;font-size:1.1rem;margin-top:0px;text-align:center;color:#333;min-height:64px;margin-bottom:0px;line-height:140%;position:relative}@media(max-width: 990px)and (min-width: 768px){#app #features .block .features h5{position:unset}}@media(min-width: 991px){#app #features .block .features h5 div{position:absolute;top:50%;transform:translateY(-50%)}}@media(max-width: 767px){#app #features .block .features h5 div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}}#app #features .block .xsmall{line-height:20px;padding:5px;font-size:14px;display:inline-block;border-radius:10px;margin-top:0px;color:#fff;font-weight:400}@media(max-width: 440px){#app #features .block .xsmall{margin-top:0px}}@media(max-width: 440px){#app #features .block .features .items{max-width:120px;width:100%}#app #features .block .features h5{font-size:1rem;margin-top:5px;margin-bottom:16px;margin:0}}#app #join_creator{margin-top:200px;padding-top:0;padding-bottom:30px;background:#d2dcfb;background:linear-gradient(to bottom, #d2dcfb 0%, #d2dcfb 5%, #f5fff9 95%);position:relative}@media(max-width: 440px){#app #join_creator{padding-bottom:10px}}#app #join_creator h2{color:#5800aa;font-size:2.75rem;padding:12px 78px;margin:0;font-weight:bold;letter-spacing:1.17px;line-height:64px;text-shadow:#e6e1ef 3px 0px 0px,#e6e1ef 2.83487px .981584px 0px,#e6e1ef 2.35766px 1.85511px 0px,#e6e1ef 1.62091px 2.52441px 0px,#e6e1ef .705713px 2.91581px 0px,#e6e1ef -0.287171px 2.98622px 0px,#e6e1ef -1.24844px 2.72789px 0px,#e6e1ef -2.07227px 2.16926px 0px,#e6e1ef -2.66798px 1.37182px 0px,#e6e1ef -2.96998px .42336px 0px,#e6e1ef -2.94502px -0.571704px 0px,#e6e1ef -2.59586px -1.50383px 0px,#e6e1ef -1.96093px -2.27041px 0px,#e6e1ef -1.11013px -2.78704px 0px,#e6e1ef -0.137119px -2.99686px 0px,#e6e1ef .850987px -2.87677px 0px,#e6e1ef 1.74541px -2.43999px 0px,#e6e1ef 2.44769px -1.73459px 0px,#e6e1ef 2.88051px -0.838247px 0px,6px 6px 4px rgba(150,150,201,.5),-3px -3px 0 #d2dcfb,-1px -5px 0 #d2dcfb,-5px -1px 0 #d2dcfb,-5px -5px 0 #d2dcfb,-1px -3px 0 #d2dcfb,-3px -1px 0 #d2dcfb,-5px -3px 0 #d2dcfb,-3px -5px 0 #d2dcfb,-2px -2px 0 #8035ec,-2px -6px 0 #8035ec,-6px -2px 0 #8035ec,-6px -6px 0 #8035ec,-2px -4px 0 #8035ec,-4px -2px 0 #8035ec,-6px -4px 0 #8035ec,-4px -6px 0 #8035ec}@media(max-width: 768px){#app #join_creator h2{padding:12px;font-size:28px;padding-bottom:10px;line-height:140%;letter-spacing:0}}#app #join_creator .row{justify-content:center}#app #join_creator .block{padding:0 0 12px 0;border-radius:16px}#app #join_creator .block .title{margin:0 -8px;border-radius:12px;text-align:center;position:relative}#app #join_creator .block .title .icon{position:absolute;top:-22px;right:40px}@media(max-width: 550px){#app #join_creator .block .title .icon{top:10px;right:1%;height:53px}}@media(min-width: 551px)and (max-width: 768px){#app #join_creator .block .title .icon{top:0px;height:53px}}#app #join_creator .block .subtitle{margin:0 -8px;text-align:center;margin-bottom:36px;position:relative}#app #join_creator .block .subtitle h3{position:relative;color:#545e56;font-size:1.5rem;padding:12px 78px 36px;margin:0;font-weight:400;letter-spacing:1.17px;line-height:36px}@media(max-width: 768px){#app #join_creator .block .subtitle h3{padding:12px;font-size:20px;padding-bottom:10px;line-height:140%;letter-spacing:0}}@media(max-width: 400px){#app #join_creator .block .subtitle h3{font-size:17px;font-weight:300}}#app #join_creator .block .features{padding-left:8px;padding-right:8px;margin-bottom:8px}#app #join_creator .block .features .card{padding:16px;background:none;position:relative;height:100%;border:0;box-shadow:0px 0px 18px 0px rgba(112,145,135,.25);border-radius:12px}#app #join_creator .block .features .card:after{content:"";top:0;left:0;position:absolute;width:100%;height:100%;border-radius:12px;border:solid 2px rgba(0,0,0,0);background-color:#e3f9f1;z-index:-1}#app #join_creator .block .features .items{text-align:center;width:100%;margin:0 auto;margin-bottom:10px;background:#fff;overflow:hidden;border-radius:20px;border:1px solid #9ecfc2;box-shadow:4px 4px 1px 8px rgba(0,200,145,.5)}#app #join_creator .block .features .items img{width:100%;max-width:172px;padding:2px}#app #join_creator .block .xsmall{line-height:20px;padding:5px;font-size:14px;display:inline-block;border-radius:10px;margin-top:0px;color:#fff;font-weight:400}@media(max-width: 440px){#app #join_creator .block .xsmall{margin-top:0px}}#app #join_creator .icon{position:absolute;top:-22px;left:40px}@media(max-width: 768px){#app #join_creator .icon{top:0px;height:50px;left:0%}}#app #join_creator .join_btn .btn{background:#ae90ff}#app #join_creator .join_btn:hover{text-decoration:none;transform:translate(6px, 6px)}#app #join_creator .join_btn:hover .btn{box-shadow:0px 0px 0 0 #9dcac8}#app #join_creator .join_btn:active .btn{background:#04899d}#app #join_creator .wrapper>div{font-size:20px;font-weight:300;color:#333;text-align:left}@media(max-width: 768px){#app #join_creator .wrapper>div{margin-top:-80px}}@media(max-width: 440px){#app #join_creator .wrapper>div{font-size:16px;font-weight:300}}#app #join_creator .ocean{height:5%;width:100%;position:absolute;top:-25px;left:0;background:#d2dcfb;z-index:-2}#app #join_creator .ocean .wave{background:url(../img/wave.svg) repeat-x;position:absolute;top:-198px;width:6400px;height:198px;animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;transform:translate3d(0, 0, 0)}#app #join_creator .ocean .wave:nth-of-type(2){top:-175px;animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;opacity:1}@keyframes wave{0%{margin-left:0}100%{margin-left:-1600px}}@keyframes swell{0%,100%{transform:translate3d(0, -25px, 0)}50%{transform:translate3d(0, 5px, 0)}}#app #join_creator .creator_wrapper{height:30%;width:100%;background:rgba(0,0,0,0);position:relative;display:flex;align-items:flex-start;overflow:hidden;width:100vw;margin-left:-50vw;margin-top:40px;left:50%}#app #join_creator .creator_wrapper .box{display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,0);height:100%;width:160px;margin:0;padding:0;border:0;min-width:0;word-wrap:break-word;position:relative;flex-shrink:0;overflow:hidden}#app #join_creator .creator_wrapper .box .creator_avatar{width:120px;height:120px;margin:0 20px}#app #join_creator .creator_wrapper .box img{height:100%;width:100%;object-fit:cover;border-radius:9999px}#app #join_creator .creator_wrapper .box .text{font-size:.85rem;line-height:1.5;font-weight:400;color:#969696;margin:16px 20px;text-align:center}#app #join_creator .creator_wrapper .box .text span{font-size:1rem;color:#212529;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px}#app #join_flow{background:#d6f2fb;background:linear-gradient(to bottom, #f5fff9 10%, #d6f2fb 35%);padding-top:25px;padding-bottom:30px;position:relative}@media(max-width: 440px){#app #join_flow{padding-bottom:10px}}#app #join_flow h2{color:#5456ed;font-size:2.75rem;padding:12px 78px;margin:0;font-weight:bold;letter-spacing:1.17px;line-height:64px;text-shadow:#f5f6ff 3px 0px 0px,#f5f6ff 2.83487px .981584px 0px,#f5f6ff 2.35766px 1.85511px 0px,#f5f6ff 1.62091px 2.52441px 0px,#f5f6ff .705713px 2.91581px 0px,#f5f6ff -0.287171px 2.98622px 0px,#f5f6ff -1.24844px 2.72789px 0px,#f5f6ff -2.07227px 2.16926px 0px,#f5f6ff -2.66798px 1.37182px 0px,#f5f6ff -2.96998px .42336px 0px,#f5f6ff -2.94502px -0.571704px 0px,#f5f6ff -2.59586px -1.50383px 0px,#f5f6ff -1.96093px -2.27041px 0px,#f5f6ff -1.11013px -2.78704px 0px,#f5f6ff -0.137119px -2.99686px 0px,#f5f6ff .850987px -2.87677px 0px,#f5f6ff 1.74541px -2.43999px 0px,#f5f6ff 2.44769px -1.73459px 0px,#f5f6ff 2.88051px -0.838247px 0px,6px 6px 4px rgba(150,150,201,.5),-3px -3px 0 #f5fff9,-1px -5px 0 #f5fff9,-5px -1px 0 #f5fff9,-5px -5px 0 #f5fff9,-1px -3px 0 #f5fff9,-3px -1px 0 #f5fff9,-5px -3px 0 #f5fff9,-3px -5px 0 #f5fff9,-2px -2px 0 #6f74b2,-2px -6px 0 #6f74b2,-6px -2px 0 #6f74b2,-6px -6px 0 #6f74b2,-2px -4px 0 #6f74b2,-4px -2px 0 #6f74b2,-6px -4px 0 #6f74b2,-4px -6px 0 #6f74b2}@media(max-width: 768px){#app #join_flow h2{padding:12px 0;font-size:28px;padding-bottom:10px;line-height:140%;letter-spacing:0}}#app #join_flow h2 span{color:#fb6054;text-shadow:#fff5f5 3px 0px 0px,#fff5f5 2.83487px .981584px 0px,#fff5f5 2.35766px 1.85511px 0px,#fff5f5 1.62091px 2.52441px 0px,#fff5f5 .705713px 2.91581px 0px,#fff5f5 -0.287171px 2.98622px 0px,#fff5f5 -1.24844px 2.72789px 0px,#fff5f5 -2.07227px 2.16926px 0px,#fff5f5 -2.66798px 1.37182px 0px,#fff5f5 -2.96998px .42336px 0px,#fff5f5 -2.94502px -0.571704px 0px,#fff5f5 -2.59586px -1.50383px 0px,#fff5f5 -1.96093px -2.27041px 0px,#fff5f5 -1.11013px -2.78704px 0px,#fff5f5 -0.137119px -2.99686px 0px,#fff5f5 .850987px -2.87677px 0px,#fff5f5 1.74541px -2.43999px 0px,#fff5f5 2.44769px -1.73459px 0px,#fff5f5 2.88051px -0.838247px 0px,6px 6px 4px rgba(150,150,201,.5),-3px -3px 0 #f5fff9,-1px -5px 0 #f5fff9,-5px -1px 0 #f5fff9,-5px -5px 0 #f5fff9,-1px -3px 0 #f5fff9,-3px -1px 0 #f5fff9,-5px -3px 0 #f5fff9,-3px -5px 0 #f5fff9,-2px -2px 0 #b2716f,-2px -6px 0 #b2716f,-6px -2px 0 #b2716f,-6px -6px 0 #b2716f,-2px -4px 0 #b2716f,-4px -2px 0 #b2716f,-6px -4px 0 #b2716f,-4px -6px 0 #b2716f}#app #join_flow .subtitle{margin:0 -8px;text-align:center;margin-bottom:36px;position:relative}#app #join_flow .subtitle h3{position:relative;color:#545e56;font-size:1.5rem;padding:12px 78px;margin:0;font-weight:400;letter-spacing:1.17px;line-height:36px}@media(max-width: 768px){#app #join_flow .subtitle h3{padding:12px;font-size:20px;padding-bottom:10px;line-height:140%;letter-spacing:0}}@media(max-width: 400px){#app #join_flow .subtitle h3{font-size:17px;font-weight:300}}#app #join_flow .icon{position:absolute;top:-22px;left:40px}@media(max-width: 768px){#app #join_flow .icon{top:0px;height:50px;left:0%}}#app #join_flow .join_btn{width:375px;height:auto}@media(max-width: 550px){#app #join_flow .join_btn{width:80%}}#app #join_flow .join_btn .btn{background:rgba(0,0,0,0);border:0;padding:0;width:100%}#app #join_flow .join_btn:hover{text-decoration:none;transform:translate(6px, 6px)}#app #join_flow .join_btn:hover .btn{box-shadow:0px 0px 0 0 #9dcac8}#app #join_flow .join_btn:active .btn{background:#04899d}#app #join_flow .wrapper>div{font-size:20px;font-weight:300;color:#333;text-align:left}@media(max-width: 440px){#app #join_flow .wrapper>div{font-size:16px;font-weight:300}}#app #join_flow .wrapper .xsmall{line-height:20px;font-size:14px;display:inline-block;border-radius:10px;margin-top:10px;color:#fff}@media(max-width: 440px){#app #join_flow .wrapper .xsmall{padding:0 0px}}#app #join_flow .row{justify-content:center}#app #join_flow .title{text-align:center;position:relative}#app #join_flow .features{padding:0;padding-left:6px;padding-right:6px;max-width:860px;margin-bottom:8px}#app #join_flow .features .card{padding:8px 10px 16px;background:none;position:relative;height:100%;border:0}#app #join_flow .features .card:after{content:"";top:0;left:0;position:absolute;width:100%;height:100%;border-radius:12px;border:solid 2px #333;background-color:#fff;z-index:-1}#app #join_flow .features .text{font-size:1.125rem;font-weight:300;color:#333;line-height:1.39;margin:8px 10px 0}@media(max-width: 440px){#app #join_flow .features .text{font-size:1rem}}#app #join_flow .features .items{text-align:center;margin:auto;margin-bottom:10px;background:#fff;overflow:hidden;border-radius:20px;border:1px solid #9ecfc2;box-shadow:4px 4px 1px 8px rgba(0,200,145,.5);overflow:hidden;border-radius:20px;border:1px solid #b5d4cc;-webkit-box-shadow:4px 4px 1px 0px #8bdbbc;-moz-box-shadow:4px 4px 1px 0px #8bdbbc;box-shadow:4px 4px 1px 0px #8bdbbc}#app #join_flow .features .items img{padding:2px;width:100%}#app #join_flow .features h5{margin-top:15px;text-align:center}#app #join_flow .program_btn{display:block;width:100%;height:100%}#app #join_flow .program_btn img{width:100%}@media(max-width: 550px){#app #join_flow .program_btn .btn{padding:0}}#app #join_flow .join_wrapper{margin-top:24px}#app #creator_insight{padding-top:16px}#app #creator_insight .title h2{position:relative;color:#00c891;font-size:2.75rem;padding:12px 78px;margin:0;font-weight:bold;letter-spacing:1.17px;line-height:52px;background:#00c891;background:linear-gradient(to right, #00c891 30%, #ae90ff 50%, #b36eff 70%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width: 768px){#app #creator_insight .title h2{padding:12px;font-size:28px;padding-bottom:10px;line-height:140%;letter-spacing:0}}#app #creator_insight .title h2 span{position:relative;z-index:1;background:#d2f7e3}#app #creator_insight .title .icon{position:absolute;top:-22px;left:40px}@media(max-width: 768px){#app #creator_insight .title .icon{top:0px;left:-1%;scale:79%}}#app #creator_insight .subtitle{margin:0 -8px;text-align:center;position:relative}#app #creator_insight .subtitle h3{position:relative;color:#545e56;font-size:1.5rem;padding:12px 78px;margin:0;font-weight:400;letter-spacing:1.17px;line-height:36px}@media(max-width: 768px){#app #creator_insight .subtitle h3{padding:12px;font-size:20px;padding-bottom:10px;line-height:140%;letter-spacing:0}}@media(max-width: 400px){#app #creator_insight .subtitle h3{font-size:17px;font-weight:300}}#app #creator_insight .subtitle_2{margin:0 -8px;text-align:center;margin-bottom:36px;position:relative}#app #creator_insight .subtitle_2 h3{position:relative;color:#00c891;font-size:1.75rem;padding:12px 78px;margin:0;font-weight:bold;letter-spacing:1.17px;line-height:36px}@media(max-width: 768px){#app #creator_insight .subtitle_2 h3{padding:12px;font-size:23px;padding-bottom:10px;line-height:140%;letter-spacing:0}}@media(max-width: 400px){#app #creator_insight .subtitle_2 h3{font-size:21px}}#app #creator_insight .wrapper>div{text-align:center}#app #creator_insight .wrapper .xsmall{text-align:left;line-height:20px;font-size:14px;display:block;border-radius:10px;margin-top:10px}@media(max-width: 440px){#app #creator_insight .wrapper .xsmall{padding:0 0px}}#app #creator_insight .row{display:flex;justify-content:center}#app #creator_insight .block{margin:0;padding:0;padding:27px 0px;border-radius:16px}#app #creator_insight .block .title{margin:0 -8px;text-align:center;position:relative}@media(max-width: 768px){#app #creator_insight .block .title .icon{top:-5px;height:60px}}#app #creator_insight .block .features{display:flex;margin:0;padding-left:18px;padding-right:18px;margin-bottom:36px;position:relative}#app #creator_insight .block .features .card{padding:16px;background:none;position:relative;height:100%;border:0;width:100%}#app #creator_insight .block .features .card:after{content:"";top:0;left:0;position:absolute;width:100%;height:100%;border-radius:50px;background-color:#eaf1ee;box-shadow:0 0 4px 4px #eaf1ee,8px 8px 16px rgba(0,0,0,.25),-8px -8px 16px #fff;z-index:-1}@media(min-width: 768px){#app #creator_insight .block .features .card{min-height:234px}}@media(min-width: 992px){#app #creator_insight .block .features .card{min-height:320px}}@media(min-width: 1200px){#app #creator_insight .block .features .card{min-height:347px}}#app #creator_insight .block .features .items{text-align:center;width:56%;margin:0 auto}#app #creator_insight .block .features .items img{width:100%}#app #creator_insight .block .features .description{color:#3b443c;text-align:center;font-size:.8rem;line-height:1.2;padding:0;font-weight:500;letter-spacing:0}@media(max-width: 440px){#app #creator_insight .block .features .description{font-size:.82rem;padding-bottom:8px}}@media(min-width: 768px){#app #creator_insight .block .features .description{font-size:1rem}}@media(min-width: 992px){#app #creator_insight .block .features .description{font-size:1.4rem}}@media(min-width: 1200px){#app #creator_insight .block .features .description{font-size:1.6rem}}#app #creator_insight .block .features .number{color:#00c891;text-align:center;font-size:1.8rem;line-height:1.2;padding:0;font-weight:600;letter-spacing:0;text-shadow:3px 3px 1px rgba(255,255,255,.75)}@media(max-width: 440px){#app #creator_insight .block .features .number{font-size:2.2rem}}@media(min-width: 768px){#app #creator_insight .block .features .number{font-size:2.6rem}}@media(min-width: 992px){#app #creator_insight .block .features .number{font-size:4rem}}@media(min-width: 1200px){#app #creator_insight .block .features .number{font-size:4.6rem}}#app #creator_insight .block .features .number .unit{font-size:1.2rem;font-weight:550;margin-top:6px}@media(max-width: 440px){#app #creator_insight .block .features .number .unit{font-size:1.4rem;margin-top:4px}}@media(min-width: 768px){#app #creator_insight .block .features .number .unit{font-size:1.8rem}}@media(min-width: 992px){#app #creator_insight .block .features .number .unit{font-size:2.2rem}}@media(min-width: 1200px){#app #creator_insight .block .features .number .unit{font-size:2.9rem}}#app #creator_insight .block .features .odometer{font-family:inherit;color:#00c891;text-align:center;font-size:1.8rem;line-height:1.2;padding:0;font-weight:600;letter-spacing:0;text-shadow:3px 3px 1px rgba(255,255,255,.75)}@media(max-width: 440px){#app #creator_insight .block .features .odometer{font-size:2.2rem}}@media(min-width: 768px){#app #creator_insight .block .features .odometer{font-size:2.6rem}}@media(min-width: 992px){#app #creator_insight .block .features .odometer{font-size:4rem}}@media(min-width: 1200px){#app #creator_insight .block .features .odometer{font-size:4.6rem}}#app #creator_insight .block .features h5{margin-top:15px;text-align:center}#app #creator_insight .block #content-0.features .description{padding-top:6px}@media(min-width: 768px){#app #creator_insight .block #content-1.features .card{flex-direction:row}}@media(max-width: 767px){#app #creator_insight .block #content-1.features .card{flex-direction:column-reverse}}#app #creator_insight .block #content-1.features .items{width:25%;margin:0}@media(max-width: 767px){#app #creator_insight .block #content-1.features .items{width:56%}}#app #creator_insight .block #content-1.features .number,#app #creator_insight .block #content-1.features .creators-odometer{font-size:1.8rem}@media(max-width: 440px){#app #creator_insight .block #content-1.features .number,#app #creator_insight .block #content-1.features .creators-odometer{font-size:2.2rem}}@media(min-width: 768px){#app #creator_insight .block #content-1.features .number,#app #creator_insight .block #content-1.features .creators-odometer{font-size:4.8rem}}@media(min-width: 992px){#app #creator_insight .block #content-1.features .number,#app #creator_insight .block #content-1.features .creators-odometer{font-size:7rem}}@media(min-width: 1200px){#app #creator_insight .block #content-1.features .number,#app #creator_insight .block #content-1.features .creators-odometer{font-size:8rem}}#app #creator_insight .block #content-1.features .unit{font-size:1.2rem}@media(max-width: 440px){#app #creator_insight .block #content-1.features .unit{font-size:1.4rem;margin-top:4px}}@media(min-width: 768px){#app #creator_insight .block #content-1.features .unit{font-size:3rem}}@media(min-width: 992px){#app #creator_insight .block #content-1.features .unit{font-size:4.2rem}}@media(min-width: 1200px){#app #creator_insight .block #content-1.features .unit{font-size:4.6rem}}#app #creator_insight .block #content-1.features .stat{padding:0 16px}@media(max-width: 440px){#app #creator_insight .block #content-1.features .stat{padding:0}}#app #creator_insight .block #content-1.features .description{font-size:1rem;font-weight:bold}@media(max-width: 440px){#app #creator_insight .block #content-1.features .description{font-size:.82rem}}@media(min-width: 768px){#app #creator_insight .block #content-1.features .description{font-size:2.6rem}}@media(min-width: 992px){#app #creator_insight .block #content-1.features .description{font-size:3.4rem}}@media(min-width: 1200px){#app #creator_insight .block #content-1.features .description{font-size:3.6rem}}@media(min-width: 768px){#app #creator_insight .block #content-2.features .card{flex-direction:row}}#app #creator_insight .block #content-2.features .items{width:60%}@media(max-width: 767px){#app #creator_insight .block #content-2.features .items{width:56%}}#app #creator_insight .block #content-2.features .number,#app #creator_insight .block #content-2.features .events-odometer{font-size:1.8rem}@media(max-width: 440px){#app #creator_insight .block #content-2.features .number,#app #creator_insight .block #content-2.features .events-odometer{font-size:2.2rem}}@media(min-width: 768px){#app #creator_insight .block #content-2.features .number,#app #creator_insight .block #content-2.features .events-odometer{font-size:4.8rem}}@media(min-width: 992px){#app #creator_insight .block #content-2.features .number,#app #creator_insight .block #content-2.features .events-odometer{font-size:7rem}}@media(min-width: 1200px){#app #creator_insight .block #content-2.features .number,#app #creator_insight .block #content-2.features .events-odometer{font-size:8rem}}#app #creator_insight .block #content-2.features .stat{padding:0 16px}@media(max-width: 767px){#app #creator_insight .block #content-2.features .stat{padding:0}}@media(max-width: 1160px){#app #creator_insight .block #content-2.features .items_group{width:40%}}@media(max-width: 767px){#app #creator_insight .block #content-2.features .items_group{width:100%}}@media(max-width: 440px){#app #creator_insight .block #content-2.features .description{padding-bottom:2px}}#app #creator_insight .block #content-2.features .xsmall{text-align:center}@media(max-width: 767px){#app #creator_insight .block #content-2.features .xsmall{font-size:.68rem;line-height:14px;margin-top:2px}}#app #creator_insight .block #content-3 .description{padding-top:6px}@media(min-width: 768px){#app #creator_insight .block #content-3 .description{padding-top:16px}}@media(min-width: 992px){#app #creator_insight .block #content-3 .description{padding-top:30px}}#app #creator_insight .block #content-3 .channels-odometer{font-size:1.8rem}@media(max-width: 440px){#app #creator_insight .block #content-3 .channels-odometer{font-size:2.2rem}}@media(min-width: 768px){#app #creator_insight .block #content-3 .channels-odometer{font-size:2.6rem}}@media(min-width: 992px){#app #creator_insight .block #content-3 .channels-odometer{font-size:5.4rem}}@media(min-width: 1200px){#app #creator_insight .block #content-3 .channels-odometer{font-size:6.6rem}}#app #creator_insight .block #content-3 .unit{margin-top:6px}@media(min-width: 768px){#app #creator_insight .block #content-3 .unit{margin-top:6px}}@media(min-width: 992px){#app #creator_insight .block #content-3 .unit{margin-top:24px}}#app #creator_insight .join_btn span{position:relative;z-index:1}#app #creator_insight .join_btn .btn{background:#07beb8;box-shadow:6px 6px 0 0 #9dcac8;border:solid 1.5px #f6fffd}#app #creator_insight .join_btn .btn:before{content:"社群個人頁面";line-height:40px}@media(max-width: 440px){#app #creator_insight .join_btn .btn:before{font-size:28px}}#app #creator_insight .join_btn:hover{text-decoration:none;transform:translate(6px, 6px)}#app #creator_insight .join_btn:hover .btn{box-shadow:0px 0px 0 0 #9dcac8}#app #creator_insight .join_btn:active .btn{background:#04899d}#app #QA{padding-top:20px}#app #QA .wrapper{counter-reset:my-awesome-counter;padding-bottom:0px}#app #QA .wrapper .title h2{padding-bottom:0;margin-bottom:0;font-size:1.5rem}@media(max-width: 440px){#app #QA .wrapper .title h2 img{height:32px}}#app #QA .wrapper .title h2:before{top:67%}#app #QA .wrapper .title .icon{position:absolute;top:-22px;right:40px}@media(max-width: 768px){#app #QA .wrapper .title .icon{top:0px;left:0px;height:53px}}#app #QA .wrapper .bg{background:#fff;padding:16px 20px;border-radius:16px;border:solid 1px #e8e9e9;margin-left:-8px;margin-right:-8px}@media(max-width: 440px){#app #QA .wrapper .bg{padding:16px}}@media(min-width: 441px)and (max-width: 990px){#app #QA .wrapper .bg{padding:16px 40px}}#app #QA .wrapper a{color:#00c891}#app #QA .title{text-align:center;margin-bottom:8px;margin-left:-8px;margin-right:-8px;border-radius:12px;border:solid 1.5px #27266c;background-color:#00c891;position:relative}#app #QA .title h2{color:#fff;font-size:2.25rem;font-weight:bold;letter-spacing:1.5px;line-height:50px;padding-bottom:20px;position:relative;text-align:center}#app #QA .title h2 span{position:relative;z-index:1;background:#fff}#app #QA .group{position:relative;padding-top:8px}@media(min-width: 990px){#app #QA .group{margin:0 100px}}#app #QA .group h2{margin-left:-30px}#app #QA .group h2 span{font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#00b684;font-size:1.125rem;margin-left:10px;font-weight:500;letter-spacing:0;line-height:36px;text-align:left;border-radius:21px;background-color:#eaf3ec;padding:2px 12px}@media(max-width: 440px){#app #QA .group h2 span{font-size:14px;font-weight:500}}#app #QA .group .row{counter-increment:my-awesome-counter;margin-right:0px;margin-left:0px;position:relative}#app #QA .group .row .collapse{font-size:16px}#app #QA .group .row>.title-bar[aria-expanded=false]:after{right:0;transform:translate(-50%, -50%);position:absolute;width:1.5625rem;height:1.5625rem;content:"";background:url(../img/arrow_collapse_1.svg) no-repeat;background-position-y:center;transition:all .15s ease-out;transform:rotate(90deg);top:8px}@media(max-width: 440px){#app #QA .group .row>.title-bar[aria-expanded=false]:after{right:0px}}#app #QA .group .row>.title-bar[aria-expanded=true]:after{right:0;transform:translate(-50%, -50%);position:absolute;width:1.5625rem;height:1.5625rem;content:"";background:url(../img/arrow_collapse_1.svg) no-repeat;background-position-y:center;transition:all .15s ease-out;transform:rotate(-90deg);top:10px}@media(max-width: 440px){#app #QA .group .row>.title-bar[aria-expanded=true]:after{top:8px;right:-1px}}#app #QA .group .row:before{content:counter(my-awesome-counter);left:-4px;padding-right:20px;font-weight:500;font-size:1.3rem;position:absolute;color:#333}@media(min-width: 990px){#app #QA .group .row:before{left:-5px}}@media(max-width: 440px){#app #QA .group .row:before{top:8px;font-size:1rem;line-height:25px}}#app #QA .group .row:after{content:"";height:1px;width:1001px;margin:20px 0;border:.5px solid #d4d4d4;width:100%;margin-left:20px}@media(max-width: 440px){#app #QA .group .row:after{margin:10px 0;margin-left:20px}}#app #QA .group .row>.title-bar{padding-left:1.6rem;padding-right:2.1rem;color:#333;font-size:1.25rem;font-weight:500;letter-spacing:0;width:100%;position:relative;cursor:pointer}@media(max-width: 440px){#app #QA .group .row>.title-bar{font-size:1rem;font-weight:500;line-height:25px;padding:8px 30px 8px 20px}}#app #QA .group .row p{padding-top:10px;margin-bottom:9px;padding-left:1.2rem;font-size:1.25rem;line-height:160%;font-weight:300}@media(max-width: 440px){#app #QA .group .row p{font-size:1rem;line-height:25px}}#app #QA .group .row p ol b{color:#585858;margin-bottom:-10px;display:block}#app #terms{background:#d6f2fb;padding:10px}#app #terms .modal-header{background:none;padding-bottom:0}#app #terms .wrapper{max-width:1200x;color:#333;font-size:1.25rem}#app #terms .wrapper h2{font-family:"Noto Sans TC","微軟正黑體",sans-serif;color:#333;font-size:1.25rem;letter-spacing:1px;line-height:33px}#app #terms .wrapper ol{font-size:1rem;font-weight:300;letter-spacing:0;line-height:30px}#app #terms .wrapper ol a{color:#00c891}#app #terms .wrapper .more{color:#212529;text-align:center}@media(max-width: 440px){#app #terms .wrapper .more{font-size:16px;padding:20px}}#app #terms .wrapper .terms{opacity:1;color:#ae90ff;font-weight:400;text-align:left;text-decoration:underline;display:inline-flex;align-items:center}#app #footer{background:#d6f2fb;padding-bottom:30px;padding-top:10px}@media(min-width: 990px){#app #footer{padding:16px 0px}}#app #footer .copyright{font-size:14px;font-weight:200;color:#545e56;padding:5px 0}#app #footer ul{list-style:none;padding:0;display:flex}@media(max-width: 440px){#app #footer ul{flex-direction:column}#app #footer ul li{padding-right:0px;padding:5px 0}}#app #footer ul li{padding-right:20px}#app #footer ul li a{color:#545e56;text-decoration:underline;opacity:1;font-size:1rem;opacity:1;letter-spacing:0px}@media(max-width: 440px){#app #footer ul li a{font-size:14px}}#app .floatingButton{position:fixed;right:0;bottom:30%;z-index:1}@media(max-width: 440px){#app .floatingButton img{width:88px}}#app #pagesModal .modal-header{padding:10px;justify-content:flex-end}#app #pagesModal .modal-header .close_btn{background:none;border:0;display:flex;outline:0;font-size:16px;align-items:center}#app #pagesModal .modal-container{border-radius:0;max-width:100%;width:100%;height:100%;position:relative}#app #pagesModal .modal-container iframe{position:fixed;border:0;left:0;width:100%;height:calc(100% - 67px)}@keyframes flash{0%{opacity:1;transform:translate(45px)}100%{opacity:0;transform:translate(0)}}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;display:table}.modal-mask .modal-wrapper{transform:translateY(20px);visibility:hidden;opacity:0}.modal-mask .calc_dec{opacity:0}.modal-mask .backdrop{opacity:0}.modal-mask.active{transform:translateY(0px);opacity:1;transition:all .5s;visibility:visible}.modal-mask.active .modal-wrapper{transform:translateY(0px);transition:all .3s ease;visibility:visible;opacity:1}.modal-mask.active .calc_dec{opacity:1;transition:all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}.modal-mask.active .backdrop{transition:all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19);opacity:1}img.coins{position:absolute;transition:all .2s ease-out;transform:translate(-50%, -50%);left:50%;z-index:3}.modal-wrapper{display:table-cell;vertical-align:middle}.backdrop{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease;z-index:0}.modal-container{overflow-y:auto;position:relative;width:90%;margin:0 auto;max-width:618px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;z-index:2;box-sizing:border-box;border:1px solid #fff;border-radius:16px;background-color:#fff;box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.modal-header{position:relative;background:linear-gradient(180deg, #fff0aa 0.04%, #ffffff 100%);justify-content:space-between;border-bottom:none}.modal-header .close_btn{background:none;border:0;outline:0}.modal-header h3{margin-top:0;color:#42b983}.modal-body{padding-top:0}.modal-body *{font-family:"Noto Sans TC","微軟正黑體"}.modal-body .info_remark{color:#969494;font-size:.75rem}.modal-body .info_remark a{text-decoration:underline;color:#969494}.modal-body .calc_dec{max-height:600px;overflow-y:auto}@media(max-width: 440px){.modal-body .calc_dec{max-height:500px}}.modal-body .calc_dec h3{color:#534505;font-size:17px;font-weight:600;letter-spacing:0;line-height:24px}.modal-body .calc_dec h3{color:#534505;font-size:17px;font-weight:600;letter-spacing:0;line-height:24px}.modal-body .calc_dec h4{font-size:17px;font-weight:600;padding-top:15px;color:#534505}.modal-body .calc_dec p{padding:0;margin:0}.modal-body .calc_dec .formula{font-size:12.8px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.64;letter-spacing:normal;color:#534505;margin-bottom:16px}.modal-body .calc_dec ol{padding-left:28px}.modal-body .calc_dec .info_remark{color:#969494;font-size:.75rem}.modal-body .calc_dec .info_remark a{text-decoration:underline;color:#969494}.modal-body .calc_dec ul.column{list-style:none;display:flex;padding:0;margin:0;justify-content:center}.modal-body .calc_dec ul.column li{text-align:center;padding:10px}.modal-body .calc_dec ul.column li:before{display:none}.modal-body .calc_dec ul.column li.line{padding:0px;width:1px;background:#f4f4f4}.modal-body .calc_dec ul.column li h3{padding-top:15px;font-size:.75rem;font-weight:500;line-height:1.64;text-align:center;color:#534505}.modal-body .calc_dec ul.column li p{font-size:.75rem;color:#a09874}.modal-body .calc_dec .point{counter-reset:my-awesome-counter;list-style:none}.modal-body .calc_dec .point li{counter-increment:my-awesome-counter;font-size:16px}.modal-body .calc_dec .point li:before{content:"-";left:-19px;top:-1px;padding-right:20px;font-weight:300;position:absolute;height:auto;width:auto;background:none}.modal-body .calc_dec .point,.modal-body .calc_dec .example{counter-reset:my-awesome-counter;list-style:none}.modal-body .calc_dec .point li,.modal-body .calc_dec .example li{counter-increment:my-awesome-counter;font-size:16px;position:relative}.modal-body .calc_dec .point li:before,.modal-body .calc_dec .example li:before{content:"(" counter(my-awesome-counter) ")";left:-23px;top:-1px;padding-right:20px;font-weight:300;position:absolute;height:auto;width:auto;background:none}.modal-body .calc_dec>ul{counter-reset:my-awesome-counter}.modal-body .calc_dec>ul li{counter-increment:my-awesome-counter;list-style:none;color:#333;font-family:"PingFang TC";font-size:12px;letter-spacing:0;line-height:22px;padding-bottom:10px;position:relative}.modal-body .calc_dec>ul li:before{content:counter(my-awesome-counter);height:26px;width:26px;background-color:#ffde3b;border-radius:60%;left:0;display:flex;font-weight:500;font-size:14px;position:absolute;color:#333;justify-content:center;align-items:center;left:-36px;top:-2px}.modal-default-button{float:right}.modal-enter{opacity:0}.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.vert-move{-webkit-animation:mover 2s infinite alternate;animation:mover 2s infinite alternate}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes shine{to{background-position:100% 0,0 0}}.st0{fill:#489bff}.st1{font-family:"MyriadPro-Regular"}.st2{font-size:52.9764px}.st3{font-family:"KozGoPr6N-Regular-83pv-RKSJ-H"}.st4{font-size:33.9042px}@media(max-width: 440px){#app.sticky #navBar.down .mainLogo{max-width:134px}#app #navBar .mainLogo{max-width:134px}#app #features .block{padding:0}#app #features .block .features{max-width:49%;padding-left:3px;padding-right:3px}#app #creator_insight .block{padding:0}#app #creator_insight .block .row{padding-bottom:16px}#app #creator_insight .block .features{padding-left:14px;padding-right:14px}#app #creator_insight .block .features .card{padding:10px}#app #creator_insight .block .features .card::after{border-radius:40px}}.mobile-only-break{display:none}@media(max-width: 500px){.mobile-only-break{display:inline}}/*# sourceMappingURL=style.min.css.map */