@font-face{font-family:'Merienda';src:url("fonts/Merienda.woff") format("woff");font-style:normal;font-weight:normal;font-variant:normal;text-decoration:inherit;text-transform:none}@font-face{font-family:'ClearSans';src:url("fonts/ClearSans-Light.woff") format("woff");font-style:normal;font-weight:normal;font-variant:normal;text-decoration:inherit;text-transform:none}@font-face{font-family:'ClearSans';src:url("fonts/ClearSans-Bold.woff") format("woff");font-style:normal;font-weight:bold;font-variant:normal;text-decoration:inherit;text-transform:none}.clearsans{font-family:"ClearSans"}.wf-loading .capture,.wf-loading .welcome{visibility:hidden}html,body{margin:0;font-family:"Helvetica","Arial";color:#4a4a4a;height:100%;background-color:#2c4762}a{text-decoration:none;color:#3fb1a3;color:rgba(255,255,255,0.7)}a:hover{color:#fff}#section1{background-color:#1e7145}#section2{background-color:#1f7982}#section3{background-color:#1f7982}#section4{background-color:#1f7982}#section5{background-color:#2c4762}#fp-nav ul li a span{background-color:#fff !important}.seemore{position:absolute;bottom:1em;left:47%;width:6%;height:auto;font-size:1.2em}.seemore i.icon{margin:0;color:rgba(255,255,255,0.95);-webkit-box-shadow:0em 0em 0em 0.1em #ffffff inset;-moz-box-shadow:0em 0em 0em 0.1em #ffffff inset;box-shadow:0em 0em 0em 0.1em #ffffff inset}.greeting,.write-image,.share-image,.community-image,.login-appear{opacity:0}.visible{opacity:1 !important;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}#section1 .ui.page.grid{height:100%}#section1 .ui.page.grid .row{margin:0;padding:0}#section1 .ui.page.grid .row .top-info{padding:1em 0 0 0}#section1 .ui.page.grid .row .top-info .logo.item{float:left;margin:.3em 0}#section1 .ui.page.grid .row .top-info .logo.item a{color:rgba(255,255,255,0.95);font-size:1.2em;font-family:"Merienda",sans-serif;text-decoration:none}#section1 .ui.page.grid .row .top-info .ui.basic.button{float:right;font-size:.9em;padding:.8em 1.5em .8em 1.2em}#section1 .ui.page.grid .row .greeting.container{padding:10% 0 0 0}#section1 .ui.page.grid .row .greeting.container .greeting{width:100%;margin-left:auto;margin-right:auto}#section1 .ui.page.grid .row .greeting.container .greeting .ui.logo.image{margin:0 auto;font-size:3em;background:none}#section1 .ui.page.grid .row .greeting.container .greeting .ui.logo.image svg{width:5em;height:5em}#section1 .ui.page.grid .row .greeting.container .greeting .capture{font-family:"ClearSans";width:41%;margin:1em auto;color:rgba(255,255,255,0.95);font-size:2.5em}#section1 .ui.page.grid .row .greeting.container .greeting .capture strong{font-weight:normal;font-family:"Merienda",sans-serif}#section1 .ui.page.grid .row .greeting.container .greeting .welcome{font-family:"ClearSans";width:50%;margin:2em auto;color:rgba(255,255,255,0.8);font-size:1.1em;line-height:1.7em}#section1 .ui.page.grid .row .greeting.container .greeting .welcome a{color:inherit;font-weight:bold}#section1 .ui.page.grid .row .greeting.container .greeting .welcome strong.kipalog{font-family:"Merienda",sans-serif}#section2 .ui.page.grid{height:100%}#section2 .ui.page.grid .row{margin:0;padding:0;height:100%}#section2 .ui.page.grid .row .write.container{height:100%;padding:10% 0 0 0;overflow:hidden;text-align:left;color:rgba(255,255,255,0.95);font-family:"ClearSans"}#section2 .ui.page.grid .row .write.container .capture{width:90%}#section2 .ui.page.grid .row .write.container .capture p.title{line-height:1.2em;font-size:2.5em;margin:0}#section2 .ui.page.grid .row .write.container .explain{margin:1.5em 0 0 0;width:90%;color:rgba(255,255,255,0.8);font-size:1.1em;line-height:1.7em}#section2 .ui.page.grid .row .write.container .ui.sample.image{width:90%;-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important;-moz-box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important;box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important}#section3 .ui.page.grid{height:100%}#section3 .ui.page.grid .row{margin:0;padding:0;height:100%}#section3 .ui.page.grid .row .share.container{height:100%;padding:10% 0 0 2%;overflow:hidden;text-align:left;color:rgba(255,255,255,0.95);font-family:"ClearSans"}#section3 .ui.page.grid .row .share.container.smart{display:none}#section3 .ui.page.grid .row .share.container .capture{width:70%}#section3 .ui.page.grid .row .share.container .capture p.title{line-height:1.2em;font-size:2.5em;margin:0}#section3 .ui.page.grid .row .share.container .explain{margin:1.5em 0 0 0;width:90%;color:rgba(255,255,255,0.8);font-size:1.1em;line-height:1.7em}#section3 .ui.page.grid .row .share.container .ui.sample.image{margin-left:3%;width:90%;-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important;-moz-box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important;box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important}#section4 .ui.page.grid{height:100%}#section4 .ui.page.grid .row{margin:0;padding:0;height:100%}#section4 .ui.page.grid .row .community.container{height:100%;padding:10% 0 0 0;overflow:hidden;text-align:left;color:rgba(255,255,255,0.95);font-family:"ClearSans"}#section4 .ui.page.grid .row .community.container .capture{width:80%}#section4 .ui.page.grid .row .community.container .capture p.title{line-height:1.2em;font-size:2.5em;margin:0}#section4 .ui.page.grid .row .community.container .explain{margin:1.5em 0 0 0;width:90%;color:rgba(255,255,255,0.8);font-size:1.1em;line-height:1.7em}#section4 .ui.page.grid .row .community.container .ui.sample.image{width:90%;-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important;-moz-box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important;box-shadow:0 6px 10px rgba(0,0,0,0.23),0 10px 30px rgba(0,0,0,0.19) !important}#section5 .ui.page.grid{height:100%}#section5 .ui.page.grid .row{margin:0;padding:0}#section5 .ui.page.grid .row .top-info{text-align:right !important;padding:1em 0 0 0}#section5 .ui.page.grid .row .top-info .ui.basic.button{font-size:.9em;padding:.8em 1.5em .8em 1.2em}#section5 .ui.page.grid .row .center-header{padding:10% 0 0 0}#section5 .ui.page.grid .row .center-header .logo{color:rgba(255,255,255,0.95);font-family:"Merienda",sans-serif;font-size:3em}#section5 .ui.page.grid .row .center-header .detail{color:rgba(255,255,255,0.9);font-family:"Merienda",sans-serif;font-weight:400;font-size:.9em}#section5 .ui.page.grid .row .input-field{padding:2em 0 .5em 0}#section5 .ui.page.grid .row .input-field .ui.form .field{margin:0}#section5 .ui.page.grid .row .input-field .ui.form .field .input input{width:30%;border-radius:0}#section5 .ui.page.grid .row .input-field .ui.form .field .ui.button{width:30%;margin:1em 0;font-size:.9em}#section5 .ui.page.grid .row .input-field .password_reset{display:-webkit-box;display:-moz-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:30%}#section5 .ui.page.grid .row .input-field .password_reset a.smart-signup-link{display:none}#section5 .ui.page.grid .row .screen-divider{padding:0 0 .8em 0 !important;width:30% !important;padding:0}#section5 .ui.page.grid .row .screen-divider .ui.divider{color:#fff;font-weight:100}#section5 .ui.page.grid .row .screen-divider .ui.divider i{border-style:solid;border-width:.1em;border-color:#fff}#section5 .ui.page.grid .row .social-segment{margin:0 0 2em 0}#section5 .ui.page.grid .row .social-segment .ui.button{margin:.25em 0;padding:.8em 1.4em .8em 1em}#section5 .ui.page.grid .row .social-segment .ui.button i{margin-right:.3em}#section5 .ui.page.grid .row .social-segment .ui.facebook.button:hover{background-color:#314983}#section5 .ui.page.grid .row .social-segment .ui.twitter.button:hover{background-color:#3180b7}#section5 .ui.page.grid .row .social-segment .ui.github.button{background-color:#808080}#section5 .ui.page.grid .row .social-segment .ui.github.button:hover{background-color:#6e6e6e}#section5 .ui.page.grid .row .blank-column{margin:1.5em 0}@media only screen and (max-width: 2000px){#section1 .ui.page.grid .row .greeting.container{padding:10% 0 0 0}#section2 .ui.page.grid .row .write.container{padding:10% 0 0 0}#section3 .ui.page.grid .row .share.container{padding:10% 0 0 0}#section4 .ui.page.grid .row .community.container{padding:10% 0 0 0}}@media only screen and (max-width: 1700px){#section1 .ui.page.grid .row .greeting.container{padding:8% 0 0 0}#section2 .ui.page.grid .row .write.container{padding:8% 0 0 0}#section3 .ui.page.grid .row .share.container{padding:8% 0 0 0}#section4 .ui.page.grid .row .community.container{padding:8% 0 0 0}}@media only screen and (max-width: 1500px){.seemore{font-size:1em}#section1 .ui.page.grid .row .greeting.container{padding:5% 0 0 0}#section1 .ui.page.grid .row .greeting.container .greeting .ui.logo.image{font-size:2.7em}#section1 .ui.page.grid .row .greeting.container .greeting .capture{width:43%;font-size:2.2em;margin:1em auto .5em auto}#section1 .ui.page.grid .row .greeting.container .greeting .welcome{width:55%;margin:1.5em auto 2em auto}#section2 .ui.page.grid .row .write.container{padding:7% 0 0 0}#section3 .ui.page.grid .row .share.container{padding:7% 0 0 0}#section2 .ui.page.grid .row .community.container{padding:7% 0 0 0}#section5 .ui.page.grid .row .center-header{padding:8% 0 0 0}#section5 .ui.page.grid .row .input-field .ui.form .field .input input{width:33%}#section5 .ui.page.grid .row .input-field .ui.form .field .ui.button{width:33%}#section5 .ui.page.grid .row .input-field .password_reset{width:33%}#section5 .ui.page.grid .row .screen-divider{width:33% !important}}@media only screen and (max-width: 1250px){#section1 .ui.page.grid .row .greeting.container{padding:8% 0 0 0}#section1 .ui.page.grid .row .greeting.container .greeting .capture{font-size:2.3em;width:50%}#section1 .ui.page.grid .row .greeting.container .greeting .welcome{width:66%}#section2 .ui.page.grid .row .write.container{padding:15% 0 0 0}#section3 .ui.page.grid .row .share.container{padding:15% 0 0 0}#section3 .ui.page.grid .row .share.container .ui.sample.image{margin-left:0}#section4 .ui.page.grid .row .community.container{padding:15% 0 0 0}}@media only screen and (max-width: 992px){.ui.page.grid{padding:0 2%}#section1 .ui.page.grid .row .greeting.container{padding:25% 0 0 0}#section1 .ui.page.grid .row .greeting.container .greeting .capture{width:60%}#section1 .ui.page.grid .row .greeting.container .greeting .welcome{width:75%}#section2 .ui.page.grid .row .five.wide.write.container{display:block;height:auto;width:70%;margin:0 auto 3em auto;padding:15% 0 0 0}#section2 .ui.page.grid .row .five.wide.write.container .capture{width:100%}#section2 .ui.page.grid .row .five.wide.write.container .explain{width:100%}#section2 .ui.page.grid .row .eleven.wide.write.container{display:block;margin:0 auto;padding:0;height:auto}#section2 .ui.page.grid .row .eleven.wide.write.container .ui.sample.image{width:100%}#section3 .ui.page.grid .row .five.wide.share.container{display:block;height:auto;width:70%;margin:0 auto 3em auto;padding:15% 0 0 0}#section3 .ui.page.grid .row .five.wide.share.container .capture{width:100%}#section3 .ui.page.grid .row .five.wide.share.container .explain{width:100%}#section3 .ui.page.grid .row .eleven.wide.share.container{margin:0 auto;padding:0;height:auto}#section3 .ui.page.grid .row .eleven.wide.share.container.smart{display:block}#section3 .ui.page.grid .row .eleven.wide.share.container.pc{display:none}#section3 .ui.page.grid .row .eleven.wide.share.container .ui.sample.image{width:97%;margin-left:0}#section4 .ui.page.grid .row .five.wide.community.container{display:block;height:auto;width:70%;margin:0 auto 3em auto;padding:15% 0 0 0}#section4 .ui.page.grid .row .five.wide.community.container .capture{width:100%}#section4 .ui.page.grid .row .five.wide.community.container .explain{width:100%}#section4 .ui.page.grid .row .eleven.wide.community.container{display:block;margin:0 auto;padding:0;height:auto}#section4 .ui.page.grid .row .eleven.wide.community.container .ui.sample.image{width:100%}#section5 .ui.page.grid .row .center-header{padding:6% 0 0 0}#section5 .ui.page.grid .row .input-field .ui.form .field .input input{width:37%}#section5 .ui.page.grid .row .input-field .ui.form .field .ui.button{width:37%}#section5 .ui.page.grid .row .input-field .password_reset{width:37%}#section5 .ui.page.grid .row .screen-divider{width:37% !important}}@media only screen and (max-width: 768px){#section1 .ui.page.grid .row .greeting.container .greeting .capture{font-size:2em;width:70%}#section1 .ui.page.grid .row .greeting.container .greeting .welcome{width:75%}#section5 .ui.page.grid .row .center-header{padding:25% 0 0 0}#section5 .ui.page.grid .row .input-field .ui.form .field .input input{width:45%}#section5 .ui.page.grid .row .input-field .ui.form .field .ui.button{width:45%}#section5 .ui.page.grid .row .input-field .password_reset{width:45%}#section5 .ui.page.grid .row .screen-divider{width:45% !important}}@media only screen and (max-width: 568px){#fp-nav{display:none}.seemore{display:none}#section1 .ui.page.grid .row .top-info .logo.item{display:none}#section1 .ui.page.grid .row .top-info .ui.inverted.basic.button{padding:.8em 1.2em;font-size:.8em}#section1 .ui.page.grid .row .top-info .ui.inverted.basic.button i{display:none}#section1 .ui.page.grid .row .greeting.container{padding:9% 0 0 0}#section1 .ui.page.grid .row .greeting.container .greeting .ui.logo.image{font-size:1.6em}#section1 .ui.page.grid .row .greeting.container .greeting .capture{font-size:1.5em;width:90%;margin:1em auto 0 auto}#section1 .ui.page.grid .row .greeting.container .greeting .welcome{font-size:1em;width:100%;margin:.7em auto 0 auto;line-height:1.6em}#section2 .ui.page.grid .row .five.wide.write.container{padding:20% 0 0 0;margin:0 5%;width:90%}#section2 .ui.page.grid .row .five.wide.write.container .capture{margin:0;width:100%}#section2 .ui.page.grid .row .five.wide.write.container .capture p.title{font-size:2.5em}#section2 .ui.page.grid .row .five.wide.write.container .explain{margin:0;width:100%}#section2 .ui.page.grid .row .eleven.wide.write.container{display:none}#section3 .ui.page.grid .row .five.wide.share.container{padding:20% 0 0 0;margin:0 5%;width:90%}#section3 .ui.page.grid .row .five.wide.share.container .capture{margin:0;width:100%}#section3 .ui.page.grid .row .five.wide.share.container .capture p.title{font-size:2.5em}#section3 .ui.page.grid .row .five.wide.share.container .explain{margin:0;width:100%}#section3 .ui.page.grid .row .eleven.wide.share.container{display:none}#section3 .ui.page.grid .row .eleven.wide.share.container.smart{display:none}#section4 .ui.page.grid .row .five.wide.community.container{padding:20% 0 0 0;margin:0 5%;width:90%}#section4 .ui.page.grid .row .five.wide.community.container .capture{margin:0;width:100%}#section4 .ui.page.grid .row .five.wide.community.container .capture p.title{font-size:2.5em}#section4 .ui.page.grid .row .five.wide.community.container .explain{margin:0;width:100%}#section4 .ui.page.grid .row .eleven.wide.community.container{display:none}#section5 .ui.page.grid.login-appear{opacity:1}#section5 .ui.page.grid.login-appear .row .top-info{display:none}#section5 .ui.page.grid.login-appear .row .center-header{padding:5% 0 .5em 0}#section5 .ui.page.grid.login-appear .row .center-header .logo{font-size:2.2em;margin:0}#section5 .ui.page.grid.login-appear .row .center-header .detail{display:none}#section5 .ui.page.grid.login-appear .row .input-field{padding:1em 0 .5em 0}#section5 .ui.page.grid.login-appear .row .input-field .ui.form .field .input input{width:100%}#section5 .ui.page.grid.login-appear .row .input-field .ui.form .field .ui.button{width:100%}#section5 .ui.page.grid.login-appear .row .input-field .password_reset{width:100%}#section5 .ui.page.grid.login-appear .row .input-field .password_reset a.password-link{position:absolute;left:4%}#section5 .ui.page.grid.login-appear .row .input-field .password_reset a.smart-signup-link{display:inline-block;position:absolute;right:4%}#section5 .ui.page.grid.login-appear .row .screen-divider{display:none}#section5 .ui.page.grid.login-appear .row .social-segment{margin:2em 0 0 0}#section5 .ui.page.grid.login-appear .row .social-segment .ui.button{width:100%}#section5 .ui.page.grid.login-appear .row .blank-column{display:none}}