@import url(https://fonts.googleapis.com/css?family=Fredoka+One&display=swap);.login[data-v-3be2ac64]{width:100vw;height:100vh;position:relative;top:0;left:0;font-size:16px}.login__wrapper[data-v-3be2ac64]{width:300px;height:620px;position:absolute;left:calc(50% - 150px);top:calc(50% - 310px)}.login__title[data-v-3be2ac64]{margin-top:5rem;margin-bottom:5rem}.login__title img[data-v-3be2ac64]{width:150px}.login__content__form .login__content__form__title[data-v-3be2ac64]{margin-bottom:5rem}.login__content__form .login__content__form__content input[type=password][data-v-3be2ac64],.login__content__form .login__content__form__content input[type=text][data-v-3be2ac64]{border:1px solid var(--color-grey-lighter);padding:1rem;width:90%;height:20px;line-height:20px;border-radius:3px;margin:1rem 0}.login__content__form .login__content__form__content button[data-v-3be2ac64]{border:1px solid var(--color-grey-lighter);width:100%;height:4em;line-height:4em;border-radius:3px;margin:1rem 0;background:var(--color-grey-lighter-most)}.login__content__form .login__content__form__content button[name=signUp][data-v-3be2ac64]{background:#000;color:#fff;border:0}.login__content__form .login__content__form__content .submit[data-v-3be2ac64]{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem}footer[data-v-3be2ac64]{position:absolute;bottom:0;margin-bottom:1rem;font-size:.8rem;line-height:1.5rem}.header-info--staff[data-v-524749f9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:3rem;height:3rem;font-size:1.25em;background:var(--color-light-blue)}img[data-v-0a188284]{height:30px;padding-top:8px;margin-right:1rem}.header-info--company[data-v-0a188284]{background:var(--color-navy-blue);color:var(--color-white);line-height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-info--company .company-name[data-v-0a188284]{text-align:left}.header-info--company .company-name h1[data-v-0a188284]{font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex}.header-info--company .company-setting a[data-v-0a188284]:not(:last-child){margin-right:1rem}.header-info--company .company-setting svg[data-v-0a188284]{width:14px;height:14px;position:relative;top:2px;margin-right:6px}.header[data-v-3aff086e]{z-index:900;position:relative}.meta-nav[data-v-50a0ad7e]{position:fixed;bottom:0;left:0;width:100vw;background:#000;height:4rem;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.meta-nav #meta-nav__slected[data-v-50a0ad7e]{width:33%;height:4rem;background:var(--color-blue-green);position:absolute;z-index:100;-webkit-transition:.3s;transition:.3s}.meta-nav>a[data-v-50a0ad7e]{text-align:center;width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:4rem;display:block;position:relative;z-index:900;font-size:1.5rem}.main__setting .item[data-v-0ea29293]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid var(--color-grey-lighter);padding:var(--box-padding-size) var(--box-padding-size)}.main__setting .item .item__title[data-v-0ea29293]{font-weight:700;margin-right:1rem}.main__setting .item[data-v-0ea29293]:first-child{border-top:1px solid var(--color-grey-lighter)}@media (min-width:680px){.main__list[data-v-3995c812]{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:980px){.main__list[data-v-3995c812]{display:grid;grid-template-columns:1fr 1fr 1fr}}@media (min-width:1280px){.main__list[data-v-3995c812]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}.course-box[data-v-3995c812]{margin:2rem;-webkit-box-shadow:0 0 10px #d9d9d9;box-shadow:0 0 10px #d9d9d9;border-radius:1rem;overflow:hidden}.course-box .course-box__image[data-v-3995c812]{height:180px;background:pink;overflow:hidden}.course-box .course-box__info[data-v-3995c812]{padding:1.5rem}.course-box .course-box__info h3[data-v-3995c812]{font-size:1.5rem;margin-bottom:6px}button.start[data-v-2a863be7]{width:100%;background:#f9f9f9;border:1px solid #e9e9e9;padding:.5rem;line-height:2em;border-radius:6px;font-size:1em;font-weight:700}button.start[data-v-2a863be7]:hover{background:#333;color:#fff}.courseContent[data-v-2a863be7]{font-size:18px}.courseContent .courseContent__image[data-v-2a863be7]{width:100%;height:240px;background:pink;overflow:hidden}.courseContent .courseContent__title[data-v-2a863be7]{padding:2rem}.courseContent .courseContent__title h3[data-v-2a863be7]{font-size:1.5em;margin-bottom:1rem}.courseContent .courseContent__intro[data-v-2a863be7]{background:#f9f9f9;padding:2rem}.courseContent .courseContent__intro h3[data-v-2a863be7]{margin-bottom:1rem}.courseContent .courseContent__unit[data-v-2a863be7]{padding:2rem}.courseContent .courseContent__unit h3[data-v-2a863be7]{margin-bottom:1rem}.courseContent .courseContent__unit .unit-list__item[data-v-2a863be7]{line-height:3em;display:grid;grid-template-columns:1fr 7fr 2fr;font-weight:700}.courseContent .courseContent__unit .unit-list__item .grey[data-v-2a863be7]{color:#333}.download[data-v-606e0bf4]{background:#ffdead;padding:.5em;border-radius:6px;-webkit-box-shadow:0 0 3px grey;box-shadow:0 0 3px grey;font-weight:700}.download[data-v-606e0bf4]:hover{background:navy;color:#fff}.courseContent[data-v-606e0bf4]{font-size:18px}.courseContent .courseContent__image[data-v-606e0bf4]{max-width:960px;height:auto;text-align:center;margin:0 auto}.courseContent .courseContent__title[data-v-606e0bf4]{padding:2rem}.courseContent .courseContent__title h3[data-v-606e0bf4]{font-size:1.5em;margin-bottom:1rem}.courseContent .courseContent__intro[data-v-606e0bf4]{background:#f9f9f9;padding:2rem}.courseContent .courseContent__intro h3[data-v-606e0bf4]{margin-bottom:1rem}.courseContent .courseContent__unit[data-v-606e0bf4]{padding:2rem}.courseContent .courseContent__unit h3[data-v-606e0bf4]{margin-bottom:1rem}.courseContent .courseContent__unit .unit-list__item[data-v-606e0bf4]{display:grid;grid-template-columns:1fr 8fr 1fr;font-weight:700}.courseContent .courseContent__unit .unit-list__item .grey[data-v-606e0bf4]{color:#333}@media (min-width:680px){.main__list[data-v-7a301144]{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:980px){.main__list[data-v-7a301144]{display:grid;grid-template-columns:1fr 1fr 1fr}}@media (min-width:1280px){.main__list[data-v-7a301144]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}.course-box[data-v-7a301144]{margin:2rem;-webkit-box-shadow:0 0 10px #d9d9d9;box-shadow:0 0 10px #d9d9d9;border-radius:1rem;overflow:hidden}.course-box .course-box__image[data-v-7a301144]{height:180px;background:pink;overflow:hidden}.course-box .course-box__info[data-v-7a301144]{padding:1.5rem}.course-box .course-box__info h3[data-v-7a301144]{font-size:1.5rem;margin-bottom:6px}button.start[data-v-852ee678]{width:100%;background:#f9f9f9;border:1px solid #e9e9e9;padding:.5rem;line-height:2em;border-radius:6px;font-size:1em;font-weight:700}button.start[data-v-852ee678]:hover{background:#333;color:#fff}.courseContent[data-v-852ee678]{font-size:18px}.courseContent .courseContent__image[data-v-852ee678]{width:100%;height:240px;background:pink;overflow:hidden}.courseContent .courseContent__title[data-v-852ee678]{padding:2rem}.courseContent .courseContent__title h3[data-v-852ee678]{font-size:1.5em;margin-bottom:1rem}.courseContent .courseContent__intro[data-v-852ee678]{background:#f9f9f9;padding:2rem}.courseContent .courseContent__intro h3[data-v-852ee678]{margin-bottom:1rem}.courseContent .courseContent__unit[data-v-852ee678]{padding:2rem}.courseContent .courseContent__unit h3[data-v-852ee678]{margin-bottom:1rem}.courseContent .courseContent__unit .unit-list__item[data-v-852ee678]{line-height:3em;display:grid;grid-template-columns:1fr 7fr 2fr;font-weight:700}.courseContent .courseContent__unit .unit-list__item .grey[data-v-852ee678]{color:#333}.courseContent[data-v-75e23a6a]{font-size:18px}.courseContent .courseContent__image[data-v-75e23a6a]{width:100%;height:auto}.courseContent .courseContent__title[data-v-75e23a6a]{padding:2rem}.courseContent .courseContent__title h3[data-v-75e23a6a]{font-size:1.5em;margin-bottom:1rem}.courseContent .courseContent__intro[data-v-75e23a6a]{background:#f9f9f9;padding:2rem}.courseContent .courseContent__intro h3[data-v-75e23a6a]{margin-bottom:1rem}.courseContent .courseContent__unit[data-v-75e23a6a]{padding:2rem}.courseContent .courseContent__unit h3[data-v-75e23a6a]{margin-bottom:1rem}.courseContent .courseContent__unit .unit-list__item[data-v-75e23a6a]{display:grid;grid-template-columns:1fr 8fr 1fr;font-weight:700}.courseContent .courseContent__unit .unit-list__item .grey[data-v-75e23a6a]{color:#333}@media (min-width:680px){.main__list[data-v-bf099562]{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:980px){.main__list[data-v-bf099562]{display:grid;grid-template-columns:1fr 1fr 1fr}}@media (min-width:1280px){.main__list[data-v-bf099562]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}.course-box[data-v-bf099562]{margin:2rem;-webkit-box-shadow:0 0 10px #d9d9d9;box-shadow:0 0 10px #d9d9d9;border-radius:1rem;overflow:hidden}.course-box .course-box__image[data-v-bf099562]{height:180px;background:pink;overflow:hidden}.course-box .course-box__info[data-v-bf099562]{padding:1.5rem}.course-box .course-box__info h3[data-v-bf099562]{font-size:1.5rem;margin-bottom:6px}button.start[data-v-dbfa5d68]{width:100%;background:#f9f9f9;border:1px solid #e9e9e9;padding:.5rem;line-height:2em;border-radius:6px;font-size:1em;font-weight:700}button.start[data-v-dbfa5d68]:hover{background:#333;color:#fff}.courseContent[data-v-dbfa5d68]{font-size:18px}.courseContent .courseContent__image[data-v-dbfa5d68]{width:100%;height:240px;background:pink;overflow:hidden}.courseContent .courseContent__title[data-v-dbfa5d68]{padding:2rem}.courseContent .courseContent__title h3[data-v-dbfa5d68]{font-size:1.5em;margin-bottom:1rem}.courseContent .courseContent__intro[data-v-dbfa5d68]{background:#f9f9f9;padding:2rem}.courseContent .courseContent__intro h3[data-v-dbfa5d68]{margin-bottom:1rem}.courseContent .courseContent__unit[data-v-dbfa5d68]{padding:2rem}.courseContent .courseContent__unit h3[data-v-dbfa5d68]{margin-bottom:1rem}.courseContent .courseContent__unit .unit-list__item[data-v-dbfa5d68]{line-height:3em;display:grid;grid-template-columns:1fr 7fr 2fr;font-weight:700}.courseContent .courseContent__unit .unit-list__item .grey[data-v-dbfa5d68]{color:#333}.courseContent[data-v-2c2827b0]{font-size:18px}.courseContent .courseContent__image[data-v-2c2827b0]{width:100%;height:auto}.courseContent .courseContent__title[data-v-2c2827b0]{padding:2rem}.courseContent .courseContent__title h3[data-v-2c2827b0]{font-size:1.5em;margin-bottom:1rem}.courseContent .courseContent__intro[data-v-2c2827b0]{background:#f9f9f9;padding:2rem}.courseContent .courseContent__intro h3[data-v-2c2827b0]{margin-bottom:1rem}.courseContent .courseContent__unit[data-v-2c2827b0]{padding:2rem}.courseContent .courseContent__unit h3[data-v-2c2827b0]{margin-bottom:1rem}.courseContent .courseContent__unit .unit-list__item[data-v-2c2827b0]{display:grid;grid-template-columns:1fr 8fr 1fr;font-weight:700}.courseContent .courseContent__unit .unit-list__item .grey[data-v-2c2827b0]{color:#333}body,h1,h2,h3,h4,h5,html,li,ul{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}li,ul{list-style:none;line-height:1.4}a{color:inherit;text-decoration:inherit}:root{--box-padding-size:1.5rem;--color-navy-blue:#141d36;--color-light-blue:#daf1ff;--color-black:#333;--color-white:#fff;--color-grey-lighter:#f0f0f0;--color-grey-lighter-most:#f9f9f9;--color-purple:#750d41;--color-blue-green:#1fa68f;--color-yellow:#ffd500;--color-yellow-lighter:#ffef9e}html{color:var(--color-black);font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header-info{width:100%}.header-info>div{padding-left:var(--box-padding-size);padding-right:var(--box-padding-size)}.main{padding-bottom:6rem}.main .add{position:fixed;bottom:5rem;right:2rem;background:var(--color-yellow);height:50px;width:50px;border-radius:25px}.main .add svg{color:#141d36;width:40px;height:40px;margin:5px}.main .main__title{padding:0 var(--box-padding-size);line-height:4rem;text-align:center;font-size:.9em;position:-webkit-sticky;position:sticky;top:0;background:#fff;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9;z-index:100}.main .main__title h2{text-align:center}.main .main__title.main__title--3row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .main__title.main__title--3row>div{width:30%;text-align:left}.main .main__title.main__title--3row>div.sort span{font-weight:700}.main .main__title.main__title--3row>div.sort span:before{content:"/ ";font-weight:400}.main .main__title.main__title--3row>div:last-child{text-align:right}.main .main__title.main__title--3row>div.icon svg{width:20px;height:20px;top:5.5px;position:relative}.main .main__list.main__list--event .item__title{padding:calc(var(--box-padding-size)/2) var(--box-padding-size);background:var(--color-grey-lighter)}.main .main__list.main__list--event .item{border-bottom:1px solid var(--color-grey-lighter);padding:0 var(--box-padding-size);display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.65}.main .main__list.main__list--event .item>div{padding:calc(var(--box-padding-size)/2) 0;height:3rem}.main .main__list.main__list--event .item .item__date{-webkit-box-flex:2.5;-ms-flex:2.5;flex:2.5}.main .main__list.main__list--event .item .item__content{-webkit-box-flex:5;-ms-flex:5;flex:5}.main .main__list.main__list--event .item .item__car-plate{-webkit-box-flex:2;-ms-flex:2;flex:2;margin-left:1rem;text-align:right}.main .main__list.main__list--event .item .item__car-plate span{background:var(--color-yellow-lighter);padding:.5rem;border-radius:.3rem;line-height:3rem}.main .main__list.main__list--event .item .item__edit{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;padding:0}.main .main__list.main__list--event .item .chat-icon{margin:-calc(var(--box-padding-size)/2) 0;margin-left:1rem;margin-right:-1.5rem;padding-right:1.25rem;height:110%;border-left:1px solid var(--color-grey-lighter);padding-left:1.25rem;padding-top:1.25rem}.main .main__list.main__list--event .item .chat-icon svg{width:2rem;height:2rem}.main .main__list.main__list--event .item:first-child{border-top:1px solid var(--color-grey-lighter)}.main .main__list.main__list--icon .item{border-bottom:1px solid var(--color-grey-lighter);display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.65;padding:0 var(--box-padding-size)}.main .main__list.main__list--icon .item .item__icon{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5}.main .main__list.main__list--icon .item .item__icon>div,.main .main__list.main__list--icon .item .item__icon>div img{width:3.25rem;height:3.25rem;border-radius:1.865rem;background:#f9f9f9}.main .main__list.main__list--icon .item .item__icon>div img{-o-object-fit:cover;object-fit:cover}.main .main__list.main__list--icon .item>div{padding:calc(var(--box-padding-size)/2) 0;height:3.2rem}.main .main__list.main__list--icon .item .item__content{-webkit-box-flex:4;-ms-flex:4;flex:4}.main .main__list.main__list--icon .item .item__car-plate{-webkit-box-flex:2;-ms-flex:2;flex:2;margin-left:1rem;text-align:right}.main .main__list.main__list--icon .item .item__car-plate span{background:var(--color-yellow-lighter);padding:.5rem;border-radius:.3rem;line-height:3rem}.main .main__list.main__list--icon .item .item__edit{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;padding:0}.main .main__list.main__list--icon .item .chat-icon{margin:-calc(var(--box-padding-size)/2) 0;margin-left:1rem;margin-right:-1.5rem;padding-right:1.25rem;height:4rem;border-left:1px solid var(--color-grey-lighter);padding-left:1.25rem;padding-top:1.25rem}.main .main__list.main__list--icon .item .chat-icon svg{width:2rem;height:2rem}.main .main__form{padding:0 var(--box-padding-size)}.main .main__form input{padding:1rem;border:1px solid #999;width:90%;border-radius:3px;margin-bottom:.5rem}