html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{height:0;box-sizing:content-box;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{max-width:100%;padding:0;white-space:normal;color:inherit;box-sizing:border-box;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0;box-sizing:border-box}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.video__card__icon,.video__card__title--yt::before,.alertMsg__icon,.loading__body::after,.btn--loading::after,.btn--arrow-right::after,.btn--arrow-outward::after,.btn--sync::after,.btn--login::after,.btn--logout::after,.scene__bg__cloud::before,.scene__bg__wave::before{background-repeat:no-repeat;background-size:contain;background-position:center}.scene__bg__cloud::before,.scene__bg__wave::before{content:"";width:100%;display:block}.video__card__img::before{content:"";width:100%;display:block}.btn{display:flex;justify-content:center;align-items:center}.editor a{text-decoration:none}.editor a:hover{text-decoration:underline}.video__card__icon,.video__card__title--yt::before,.alertMsg__icon,.loading__body::after,.btn--loading::after,.btn--arrow-right::after,.btn--arrow-outward::after,.btn--sync::after,.btn--login::after,.btn--logout::after,.scene__bg__cloud::before,.scene__bg__wave::before{background-repeat:no-repeat;background-size:contain;background-position:center}.scene__bg__cloud::before,.scene__bg__wave::before{content:"";width:100%;display:block}.video__card__img::before{content:"";width:100%;display:block}.video__card__img>img,.video__card__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.editor--h1{font-size:2.375rem;letter-spacing:.11875rem;line-height:3.325rem}@media(max-width: 1400px){.editor--h1{font-size:2.25rem;letter-spacing:.1125rem;line-height:3.15rem}}@media(max-width: 1200px){.editor--h1{font-size:2.125rem;letter-spacing:.10625rem;line-height:2.975rem}}@media(max-width: 992px){.editor--h1{font-size:2rem;letter-spacing:.1rem;line-height:2.8rem}}@media(max-width: 768px){.editor--h1{font-size:1.875rem;letter-spacing:.09375rem;line-height:2.625rem}}@media(max-width: 576px){.editor--h1{font-size:1.75rem;letter-spacing:.0875rem;line-height:2.45rem}}.editor--h2{font-size:2rem;letter-spacing:.05rem;line-height:2.8rem}@media(max-width: 1400px){.editor--h2{font-size:1.9rem;letter-spacing:.0475rem;line-height:2.66rem}}@media(max-width: 1200px){.editor--h2{font-size:1.8rem;letter-spacing:.045rem;line-height:2.52rem}}@media(max-width: 992px){.editor--h2{font-size:1.7rem;letter-spacing:.0425rem;line-height:2.38rem}}@media(max-width: 768px){.editor--h2{font-size:1.6rem;letter-spacing:.04rem;line-height:2.24rem}}@media(max-width: 576px){.editor--h2{font-size:1.5rem;letter-spacing:.0375rem;line-height:2.1rem}}.alertMsg__title,.editor--h3{font-size:1.5rem;letter-spacing:0rem;line-height:2.1rem}@media(max-width: 1400px){.alertMsg__title,.editor--h3{font-size:1.45rem;letter-spacing:0rem;line-height:2.03rem}}@media(max-width: 1200px){.alertMsg__title,.editor--h3{font-size:1.4rem;letter-spacing:0rem;line-height:1.96rem}}@media(max-width: 992px){.alertMsg__title,.editor--h3{font-size:1.35rem;letter-spacing:0rem;line-height:1.89rem}}@media(max-width: 768px){.alertMsg__title,.editor--h3{font-size:1.3rem;letter-spacing:0rem;line-height:1.82rem}}@media(max-width: 576px){.alertMsg__title,.editor--h3{font-size:1.25rem;letter-spacing:0rem;line-height:1.75rem}}.btn,.editor__info__label,.editor--h4{font-size:1.25rem;letter-spacing:0rem;line-height:1.75rem}@media(max-width: 1400px){.btn,.editor__info__label,.editor--h4{font-size:1.225rem;letter-spacing:0rem;line-height:1.715rem}}@media(max-width: 1200px){.btn,.editor__info__label,.editor--h4{font-size:1.2rem;letter-spacing:0rem;line-height:1.68rem}}@media(max-width: 992px){.btn,.editor__info__label,.editor--h4{font-size:1.175rem;letter-spacing:0rem;line-height:1.645rem}}@media(max-width: 768px){.btn,.editor__info__label,.editor--h4{font-size:1.15rem;letter-spacing:0rem;line-height:1.61rem}}@media(max-width: 576px){.btn,.editor__info__label,.editor--h4{font-size:1.125rem;letter-spacing:0rem;line-height:1.575rem}}.video__card__title,.alertMsg__text,.editor__info__value,.editor--p{font-size:1.125rem;letter-spacing:0rem;line-height:1.575rem}@media(max-width: 1400px){.video__card__title,.alertMsg__text,.editor__info__value,.editor--p{font-size:1.1rem;letter-spacing:0rem;line-height:1.54rem}}@media(max-width: 1200px){.video__card__title,.alertMsg__text,.editor__info__value,.editor--p{font-size:1.075rem;letter-spacing:0rem;line-height:1.505rem}}@media(max-width: 992px){.video__card__title,.alertMsg__text,.editor__info__value,.editor--p{font-size:1.05rem;letter-spacing:0rem;line-height:1.47rem}}@media(max-width: 768px){.video__card__title,.alertMsg__text,.editor__info__value,.editor--p{font-size:1.025rem;letter-spacing:0rem;line-height:1.435rem}}@media(max-width: 576px){.video__card__title,.alertMsg__text,.editor__info__value,.editor--p{font-size:1rem;letter-spacing:0rem;line-height:1.4rem}}html{height:100%}body{height:100%;min-height:100vh;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;font-family:arial,"Microsoft JhengHei",sans-serif;background-color:#f3f9ec}.container{width:100%;min-height:100%;background-image:linear-gradient(180deg, #80ccd8, #d2e9d8 50%);overflow:hidden;display:flex;flex-direction:column;align-items:center;position:relative;cursor:default}.content{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.scene__bg{position:fixed;inset:0 0 0 0;pointer-events:none}.scene__bg__cloud{width:100%;min-width:120rem;position:absolute;bottom:0;left:0}.scene__bg__cloud::before{padding-bottom:38.2291666667%;background-image:url(../assets/images/hero_cloud.png)}.scene__bg__wave{width:100%;min-width:120rem;position:absolute;bottom:0;left:0}.scene__bg__wave::before{padding-bottom:19.2708333333%;background-image:url(../assets/images/hero_wave.png)}.gotop{width:2.75rem;height:2.75rem;background-color:#eeac1b;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M328-400q-9%200-14.5-6t-5.5-14q0-2%206-14l145-145q5-5%2010-7t11-2q6%200%2011%202t10%207l145%20145q3%203%204.5%206.5t1.5%207.5q0%208-5.5%2014t-14.5%206H328Z%22%20%2F%3E%3C%2Fsvg%3E");border-radius:50%;opacity:0;position:fixed;right:2.5%;bottom:6%;z-index:1040;transition:.3s background-color;cursor:pointer;background-repeat:no-repeat;background-size:contain;background-position:center}.gotop:hover{background-color:#cc910f}.demoAlert{max-width:95%;padding:.5rem;margin:1rem;background-color:#f1f0f5;border:.0625rem solid #7a6c9d;border-radius:1rem;box-shadow:2px 2px 2px rgba(0,0,0,.05);box-sizing:border-box;align-self:flex-start}.demoAlert>legend{padding:.25rem .5rem;color:#f1f0f5;background-color:#7a6c9d;border-radius:1rem;box-sizing:border-box}.editor{width:100%;text-align:justify;word-wrap:break-word;color:#373d44;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem}.editor *{line-height:2rem !important}.editor a{word-break:break-all;color:#039be5}.editor img{width:100%;max-width:100%;height:auto;margin-right:auto;margin-left:auto;display:block}.editor ul,.editor ol{padding-right:1rem;box-sizing:border-box}.editor__info{width:100%;display:flex;flex-direction:column;gap:.5rem}.editor__info__item{width:100%;display:flex;flex-direction:column;gap:.25rem}.editor__info__label{width:100%;font-weight:bold;color:#22262a}.editor__info__value{width:100%;min-height:3.375rem;padding:.75rem;color:#22262a;background-color:#f1f2f4;border:.125rem solid #c9cfd4;border-radius:.5rem;box-sizing:border-box}.editor--h1,.editor--h2,.editor--h3{font-weight:bold}.editor--danger{color:#c00}.editor--center{text-align:center}.editor--bold{font-weight:bold}.editor--pointer{cursor:pointer}.btnGroup{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.btnGroup--social>.btn{min-width:200px}.btn{padding:.5rem 1rem;margin:.25rem;font-weight:bold;text-decoration:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-shrink:0;align-items:stretch;transition:.3s background-color,.3s color;cursor:pointer}.btn:focus{outline:none}.btn--primary{color:#fff;background-color:#5a822c;border:2px solid #405c1f;border-radius:1rem}.btn--primary:hover{color:#fff;background-color:#405c1f}@media(max-width: 1200px){.btn--primary:hover{color:#fff;background-color:#5a822c}}.btn--secondary{color:#fff;background-color:#eeac1b;border:2px solid #cc910f;border-radius:1rem}.btn--secondary:hover{color:#fff;background-color:#cc910f}@media(max-width: 1200px){.btn--secondary:hover{color:#fff;background-color:#eeac1b}}.btn--cancel{color:#fff;background-color:#778592;border:2px solid #626e7a;border-radius:1rem}.btn--cancel:hover{color:#fff;background-color:#626e7a}@media(max-width: 1200px){.btn--cancel:hover{color:#fff;background-color:#778592}}.btn--fb{color:#fff;background-color:#5799d1;border:2px solid #467aa7;border-radius:1rem}.btn--fb:hover{color:#fff;background-color:#467aa7}@media(max-width: 1200px){.btn--fb:hover{color:#fff;background-color:#5799d1}}.btn--line{color:#fff;background-color:#95a849;border:2px solid #77863a;border-radius:1rem}.btn--line:hover{color:#fff;background-color:#77863a}@media(max-width: 1200px){.btn--line:hover{color:#fff;background-color:#95a849}}.btn--loading{text-indent:1000%;white-space:nowrap;overflow:hidden;position:relative}.btn--loading::after{content:"";width:1.875rem;height:1.875rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M480-80q-82%200-155-31.5t-127.5-86Q143-252%20111.5-325T80-480q0-83%2031.5-155.5t86-127Q252-817%20325-848.5T480-880q17%200%2028.5%2011.5T520-840q0%2017-11.5%2028.5T480-800q-133%200-226.5%2093.5T160-480q0%20133%2093.5%20226.5T480-160q133%200%20226.5-93.5T800-480q0-17%2011.5-28.5T840-520q17%200%2028.5%2011.5T880-480q0%2082-31.5%20155t-86%20127.5q-54.5%2054.5-127%2086T480-80Z%22%20%2F%3E%3C%2Fsvg%3E");position:absolute;top:50%;right:50%;transform:translate(50%, -50%) rotate(0deg);animation:loading-btn-circle .8s linear infinite}.btn--arrow-right::after{content:"";width:1.75rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M420-308q-8%200-14-5.5t-6-14.5v-304q0-9%206-14.5t14-5.5q2%200%2014%206l145%20145q5%205%207%2010t2%2011q0%206-2%2011t-7%2010L434-314q-3%203-6.5%204.5T420-308Z%22%20%2F%3E%3C%2Fsvg%3E");display:block;flex-shrink:0;transition:.3s transform;margin-left:0}.btn--arrow-outward::after{content:"";width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M640-624%20284-268q-11%2011-28%2011t-28-11q-11-11-11-28t11-28l356-356H280q-17%200-28.5-11.5T240-720q0-17%2011.5-28.5T280-760h400q17%200%2028.5%2011.5T720-720v400q0%2017-11.5%2028.5T680-280q-17%200-28.5-11.5T640-320v-304Z%22%20%2F%3E%3C%2Fsvg%3E");display:block;flex-shrink:0;transition:.3s transform;margin-left:0}.btn--sync::after{content:"";width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M240-478q0%2045%2017%2087.5t53%2078.5l10%2010v-58q0-17%2011.5-28.5T360-400q17%200%2028.5%2011.5T400-360v160q0%2017-11.5%2028.5T360-160H200q-17%200-28.5-11.5T160-200q0-17%2011.5-28.5T200-240h70l-16-14q-52-46-73-105t-21-119q0-94%2048-170.5T337-766q14-8%2029.5-1t20.5%2023q5%2015-.5%2030T367-691q-58%2032-92.5%2088.5T240-478Zm480-4q0-45-17-87.5T650-648l-10-10v58q0%2017-11.5%2028.5T600-560q-17%200-28.5-11.5T560-600v-160q0-17%2011.5-28.5T600-800h160q17%200%2028.5%2011.5T800-760q0%2017-11.5%2028.5T760-720h-70l16%2014q49%2049%2071.5%20106.5T800-482q0%2094-48%20170.5T623-194q-14%208-29.5%201T573-216q-5-15%20.5-30t19.5-23q58-32%2092.5-88.5T720-482Z%22%20%2F%3E%3C%2Fsvg%3E");display:block;flex-shrink:0;transition:.3s transform;margin-left:.25rem}.btn--sync:hover::after{transform:rotateZ(180deg)}@media(max-width: 1200px){.btn--sync:hover::after{transform:rotateZ(0deg)}}.btn--login::after{content:"";width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M520-120q-17%200-28.5-11.5T480-160q0-17%2011.5-28.5T520-200h240v-560H520q-17%200-28.5-11.5T480-800q0-17%2011.5-28.5T520-840h240q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H520Zm-73-320H160q-17%200-28.5-11.5T120-480q0-17%2011.5-28.5T160-520h287l-75-75q-11-11-11-27t11-28q11-12%2028-12.5t29%2011.5l143%20143q12%2012%2012%2028t-12%2028L429-309q-12%2012-28.5%2011.5T372-310q-11-12-10.5-28.5T373-366l74-74Z%22%20%2F%3E%3C%2Fsvg%3E");display:block;flex-shrink:0;transition:.3s transform;margin-left:0}.btn--logout::after{content:"";width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h240q17%200%2028.5%2011.5T480-800q0%2017-11.5%2028.5T440-760H200v560h240q17%200%2028.5%2011.5T480-160q0%2017-11.5%2028.5T440-120H200Zm487-320H400q-17%200-28.5-11.5T360-480q0-17%2011.5-28.5T400-520h287l-75-75q-11-11-11-27t11-28q11-12%2028-12.5t29%2011.5l143%20143q12%2012%2012%2028t-12%2028L669-309q-12%2012-28.5%2011.5T612-310q-11-12-10.5-28.5T613-366l74-74Z%22%20%2F%3E%3C%2Fsvg%3E");display:block;flex-shrink:0;transition:.3s transform;margin-left:.25rem}@keyframes loading-btn-circle{to{transform:translate(50%, -50%) rotate(360deg)}}.loading{display:none;position:fixed;inset:0 0 0 0;z-index:1050;pointer-events:all}.loading__body{width:2.75rem;height:2.75rem;margin:auto;background-color:rgba(0,0,0,.8);border-radius:50%;position:relative;pointer-events:none}.loading__body::after{content:"";width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M480-80q-82%200-155-31.5t-127.5-86Q143-252%20111.5-325T80-480q0-83%2031.5-155.5t86-127Q252-817%20325-848.5T480-880q17%200%2028.5%2011.5T520-840q0%2017-11.5%2028.5T480-800q-133%200-226.5%2093.5T160-480q0%20133%2093.5%20226.5T480-160q133%200%20226.5-93.5T800-480q0-17%2011.5-28.5T840-520q17%200%2028.5%2011.5T880-480q0%2082-31.5%20155t-86%20127.5q-54.5%2054.5-127%2086T480-80Z%22%20%2F%3E%3C%2Fsvg%3E");position:absolute;top:50%;right:50%;transform:translate(50%, -50%) rotate(0deg);animation:loading-basic-circle .6s ease-in-out infinite}@keyframes loading-basic-circle{to{transform:translate(50%, -50%) rotate(360deg)}}.alertMsg{padding:2.5%;word-break:break-all;background-color:rgba(0,0,0,.8);box-sizing:border-box;opacity:0;overflow:hidden auto;display:none;flex-direction:column;position:fixed;inset:0 0 0 0;z-index:1050}.alertMsg.active{opacity:1;display:flex}.alertMsg__body{width:100%;max-width:720px;padding:2rem;margin:auto;background-color:#fff;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(max-width: 576px){.alertMsg__body{padding:1.5rem}}.alertMsg__page{width:100%;max-width:480px;padding:1.5rem;margin:auto;background-color:#fff;border-radius:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;align-items:center}.alertMsg__content{width:100%;display:flex;flex-direction:column;gap:.5rem;align-items:center}.alertMsg__icon{width:3.75rem;height:3.75rem;border-radius:50%}.alertMsg__icon--danger{background-color:#c00;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m480-424%20116%20116q11%2011%2028%2011t28-11q11-11%2011-28t-11-28L536-480l116-116q11-11%2011-28t-11-28q-11-11-28-11t-28%2011L480-536%20364-652q-11-11-28-11t-28%2011q-11%2011-11%2028t11%2028l116%20116-116%20116q-11%2011-11%2028t11%2028q11%2011%2028%2011t28-11l116-116Zm0%20344q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%20%2F%3E%3C%2Fsvg%3E")}.alertMsg__icon--warning{background-color:#fbc02d;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M480-280q17%200%2028.5-11.5T520-320q0-17-11.5-28.5T480-360q-17%200-28.5%2011.5T440-320q0%2017%2011.5%2028.5T480-280Zm0-160q17%200%2028.5-11.5T520-480v-160q0-17-11.5-28.5T480-680q-17%200-28.5%2011.5T440-640v160q0%2017%2011.5%2028.5T480-440Zm0%20360q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%20%2F%3E%3C%2Fsvg%3E")}.alertMsg__icon--question{background-color:#9aca62;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M478-240q21%200%2035.5-14.5T528-290q0-21-14.5-35.5T478-340q-21%200-35.5%2014.5T428-290q0%2021%2014.5%2035.5T478-240Zm2%20160q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Zm4-172q25%200%2043.5%2016t18.5%2040q0%2022-13.5%2039T502-525q-23%2020-40.5%2044T444-427q0%2014%2010.5%2023.5T479-394q15%200%2025.5-10t13.5-25q4-21%2018-37.5t30-31.5q23-22%2039.5-48t16.5-58q0-51-41.5-83.5T484-720q-38%200-72.5%2016T359-655q-7%2012-4.5%2025.5T368-609q14%208%2029%205t25-17q11-15%2027.5-23t34.5-8Z%22%20%2F%3E%3C%2Fsvg%3E")}.alertMsg__icon--completed{background-color:#7cb342;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m424-408-86-86q-11-11-28-11t-28%2011q-11%2011-11%2028t11%2028l114%20114q12%2012%2028%2012t28-12l226-226q11-11%2011-28t-11-28q-11-11-28-11t-28%2011L424-408Zm56%20328q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%20%2F%3E%3C%2Fsvg%3E")}.alertMsg__title{font-weight:bold;text-align:center;color:#22262a}.alertMsg__text{margin:auto;text-align:justify;word-break:break-all;color:#22262a}.alertMsg--on{width:100%;height:100%;overflow:hidden}.video{width:100%;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr}@media(max-width: 768px){.video{grid-template-columns:1fr 1fr}}@media(max-width: 576px){.video{grid-template-columns:1fr}}.video__card{width:100%;display:flex;flex-direction:column;gap:.25rem;position:relative;cursor:pointer}.video__card:hover .video__card__icon{opacity:1}.video__card__img{width:100%;border-radius:1rem;box-sizing:border-box;overflow:hidden;position:relative;z-index:0}.video__card__img::before{padding-bottom:56.25%}.video__card__img>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;z-index:-1;transition:.3s transform;cursor:pointer}.video__card__icon{width:4.125rem;height:4.125rem;background-color:#eeac1b;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m426-330%20195-125q14-9%2014-25t-14-25L426-630q-15-10-30.5-1.5T380-605v250q0%2018%2015.5%2026.5T426-330Zm54%20250q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%20%2F%3E%3C%2Fsvg%3E");border-radius:50%;opacity:0;transition:.3s opacity}@media(max-width: 768px){.video__card__icon{opacity:1}}.video__card__title{font-weight:bold;word-break:break-all;color:#373d44}.video__card__title--yt{display:flex;align-items:center}.video__card__title--yt::before{content:"";width:1.5rem;height:100%;margin-right:.25rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23363d44%22%20d%3D%22M478-240q21%200%2035.5-14.5T528-290q0-21-14.5-35.5T478-340q-21%200-35.5%2014.5T428-290q0%2021%2014.5%2035.5T478-240Zm2%20160q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Zm4-172q25%200%2043.5%2016t18.5%2040q0%2022-13.5%2039T502-525q-23%2020-40.5%2044T444-427q0%2014%2010.5%2023.5T479-394q15%200%2025.5-10t13.5-25q4-21%2018-37.5t30-31.5q23-22%2039.5-48t16.5-58q0-51-41.5-83.5T484-720q-38%200-72.5%2016T359-655q-7%2012-4.5%2025.5T368-609q14%208%2029%205t25-17q11-15%2027.5-23t34.5-8Z%22%20%2F%3E%3C%2Fsvg%3E");display:block;flex-shrink:0}.video__card.watched .video__card__title::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%237cb342%22%20d%3D%22m424-408-86-86q-11-11-28-11t-28%2011q-11%2011-11%2028t11%2028l114%20114q12%2012%2028%2012t28-12l226-226q11-11%2011-28t-11-28q-11-11-28-11t-28%2011L424-408Zm56%20328q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22%20%2F%3E%3C%2Fsvg%3E")}.player{background-color:rgba(0,0,0,.8);opacity:0;display:flex;position:fixed;inset:0 0 0 0;z-index:1040;transition:.3s opacity}.player.active{opacity:1}.player__panel{width:100%;height:3.25rem;padding:.25rem .5rem;background-color:rgba(0,0,0,.4);box-sizing:border-box;display:flex;flex-shrink:0;gap:.25rem;justify-content:flex-end;position:absolute;top:0;left:0;z-index:1040}.player__panel__close{width:2.75rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M480-424%20284-228q-11%2011-28%2011t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11%2028-11t28%2011l196%20196%20196-196q11-11%2028-11t28%2011q11%2011%2011%2028t-11%2028L536-480l196%20196q11%2011%2011%2028t-11%2028q-11%2011-28%2011t-28-11L480-424Z%22%20%2F%3E%3C%2Fsvg%3E");cursor:pointer;background-repeat:no-repeat;background-size:75%;background-position:center}.player__wrap{padding:.25rem;margin:auto;background-color:#fff;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem}.player__video{width:100%;border-radius:1rem;overflow:hidden;flex-grow:1;position:relative}.player__video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}canvas{position:relative}.pgb{position:fixed;inset:0 0 0 0;pointer-events:none}.app{position:relative}.app__rotate{padding:.5rem 1rem;font-size:1.25rem;letter-spacing:.09375rem;font-weight:bold;white-space:nowrap;color:#000;background-color:#fbc02d;border-radius:.5rem;box-sizing:border-box;outline:.125rem solid #000;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none;justify-content:center;position:absolute;bottom:5%;left:50%;transform:translateX(-50%);pointer-events:none;cursor:default}