.button{align-items:center;background-color:#fff;border:1px solid #d6d6d6;border-radius:4px;color:#000;display:inline-flex;font-size:14px;font-weight:700;height:32px!important;justify-content:center;text-align:center;text-decoration:none;width:100%}.button:hover{border-color:#f9b833;color:#f9b833}.button-primary{background-color:#fcd535;border:none;color:#000}.button-primary:hover{background-color:#fcd949;color:#000}.button-lg{font-size:16px;height:48px!important}.bn-table{color:#333;font-size:14px;width:100%}.bn-table tbody tr{border-bottom:1px solid #eaecef}.bn-table td{height:64px;vertical-align:middle}.bn-table td:last-child{padding-right:0;width:240px}.bn-table th{background-color:#fafafa;color:#999;font-size:12px;height:40px;vertical-align:middle}.bn-table th:last-child{width:260px}.bn-content{background-color:#fff;min-height:100%;min-width:100%}.bn-content .bn-title{align-items:center;background-color:#fafafa;display:flex;height:96px;justify-content:space-between;padding-left:32px;padding-right:32px}.bn-content .bn-title .text{font-size:28px;font-weight:700;margin:0}.bn-content .bn-title .icon{color:#f1f2f3;font-size:64px}.bn-content .bn-title:hover .icon{color:#ebebeb}.bn-content .bn-text-content{padding:32px}.bn-content .tool-bar{display:flex}.bn-content .tool-bar a,.bn-content .tool-bar button{margin-left:8px;margin-right:8px}.classroom-advice-page{background-color:#fff;min-height:calc(100% + 20px)}.classroom-advice-page .title{align-items:center;background-color:#fafafa;display:flex;height:96px;justify-content:space-between;padding-left:32px;padding-right:32px;padding-top:20px}.classroom-advice-page .title .text{font-size:28px;font-weight:700;margin:0}.classroom-advice-page .title .icon{color:#f1f2f3;font-size:64px}.classroom-advice-page .title:hover .icon{color:#ebebeb}.classroom-advice-page .content{padding:32px}.classroom-advice-page .content .advice-select-table{color:#333;font-size:14px}.classroom-advice-page .content .advice-select-table .student-info{align-items:center;display:flex;height:64px;padding-bottom:1px}.classroom-advice-page .content .advice-select-table .student-info .icon{color:#0ecb81;font-size:14px;padding-left:10px}.classroom-advice-page .content .advice-select-table .sub-text{color:#969696;font-size:12px}.classroom-advice-page .content .advice-select-table tr{border-bottom:1px solid #eaecef}.classroom-advice-page .content .advice-select-table tr:first-child{border-bottom:none}.classroom-advice-page .content .advice-select-table td{height:64px;vertical-align:middle}.classroom-advice-page .content .advice-select-table td:last-child{padding-right:0;width:240px}.classroom-advice-page .content .advice-select-table th{background-color:#fafafa;color:#999;font-size:12px;height:40px;vertical-align:middle}.classroom-advice-page .content .advice-select-table th:last-child{width:260px}.classroom-advice-page .content .advice-select-table .goto-other-classroom{align-items:center;background-color:#fafafa;color:#707a8a;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:48px;justify-content:center;text-align:center}.classroom-advice-page .content .advice-select-table .goto-other-classroom .icon{font-size:18px;padding-left:6px}.classroom-advice-page .content .advice-select-table .skill-comp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');background-position-x:calc(100% - 28px);background-position-y:50%;background-repeat:no-repeat;background-size:12px;border:1px solid #ebebeb;border-radius:4px;cursor:pointer;font-size:14px;height:48px;margin-right:24px;padding-left:24px;width:100%}.classroom-advice-page .content .advice-select-table .skill-comp-select:focus{outline:none}.classroom-advice-page .content .advice-select-table .skill-comp-select:focus-visible{border:1px solid #fb0}.classroom-advice-page .content .warn{background-color:#fafafa;border-radius:20px;color:#707a8a;font-size:14px;margin-bottom:32px;padding:32px}.classroom-advice-page .content .warn .warn-title{color:#474d57;font-size:18px;font-weight:700}.classroom-advice-page .content .warn .warn-text{padding-top:16px}.classroom-advice-page .content .warn .warn-hl{color:#c99400}.classroom-advice-page .content .warn .warn-icon{color:#f1f2f3;font-size:64px;text-align:right}.classroom-advice-page .content .warn:hover .warn-icon{color:#ebebeb}.classroom-list-page{background-color:#fff;min-height:calc(100% + 20px)}.classroom-list-page .title{align-items:center;background-color:#fafafa;height:96px;padding-left:32px;padding-right:32px}.classroom-list-page .title .text{font-size:28px;font-weight:700;margin:0}.classroom-list-page .title .description{color:#707a8a;font-size:14px;padding-top:8px}.classroom-list-page .title .icon{color:#f1f2f3;font-size:64px}.classroom-list-page .title:hover .icon{color:#ebebeb}.classroom-list-page .content{padding:32px}.classroom-list-page .content .advice-select-table{color:#333;font-size:14px}.classroom-list-page .content .advice-select-table .student-info{align-items:center;display:flex;height:64px;padding-bottom:1px}.classroom-list-page .content .advice-select-table .student-info .icon{color:#0ecb81;font-size:14px;padding-left:10px}.classroom-list-page .content .advice-select-table .sub-text{color:#969696;font-size:12px}.classroom-list-page .content .advice-select-table tr{border-bottom:1px solid #eaecef}.classroom-list-page .content .advice-select-table tr:first-child{border-bottom:none}.classroom-list-page .content .advice-select-table td{height:64px;vertical-align:middle}.classroom-list-page .content .advice-select-table td:last-child{padding-right:0;width:240px}.classroom-list-page .content .advice-select-table th{background-color:#fafafa;color:#999;font-size:12px;height:40px;vertical-align:middle}.classroom-list-page .content .advice-select-table th:last-child{width:260px}.classroom-list-page .content .advice-select-table .goto-other-classroom{align-items:center;background-color:#fafafa;color:#707a8a;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:48px;justify-content:center;text-align:center}.classroom-list-page .content .advice-select-table .goto-other-classroom .icon{font-size:18px;padding-left:6px}.classroom-list-page .content .advice-select-table .skill-comp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');background-position-x:calc(100% - 28px);background-position-y:50%;background-repeat:no-repeat;background-size:12px;border:1px solid #ebebeb;border-radius:4px;cursor:pointer;font-size:14px;height:48px;margin-right:24px;padding-left:24px;width:100%}.classroom-list-page .content .advice-select-table .skill-comp-select:focus{outline:none}.classroom-list-page .content .advice-select-table .skill-comp-select:focus-visible{border:1px solid #fb0}.classroom-list-page .content .warn{background-color:#fafafa;border-radius:20px;color:#707a8a;font-size:14px;margin-bottom:32px;padding:32px}.classroom-list-page .content .warn .warn-title{color:#474d57;font-size:18px;font-weight:700}.classroom-list-page .content .warn .warn-text{padding-top:16px}.classroom-list-page .content .warn .warn-hl{color:#c99400}.classroom-list-page .content .warn .warn-icon{color:#f1f2f3;font-size:64px;text-align:right}.classroom-list-page .content .warn:hover .warn-icon{color:#ebebeb}.classroom-list-page .table>:not(:first-child){border-top:unset}.competition-host-page{background-color:#fff;min-height:calc(100% + 20px)}.competition-host-page .title{align-items:center;background-color:#fafafa;height:96px;padding-left:32px;padding-right:32px;padding-top:20px}.competition-host-page .title .text{font-size:28px;font-weight:700;margin:0}.competition-host-page .title .description{color:#707a8a;font-size:14px;padding-top:8px}.competition-host-page .title .icon{color:#f1f2f3;font-size:64px}.competition-host-page .title:hover .icon{color:#ebebeb}.competition-host-page .content{padding:32px}.competition-host-page .content .advice-select-table{color:#333;font-size:14px}.competition-host-page .content .advice-select-table .student-info{align-items:center;display:flex;height:64px;padding-bottom:1px}.competition-host-page .content .advice-select-table .student-info .icon{color:#0ecb81;font-size:14px;padding-left:10px}.competition-host-page .content .advice-select-table .sub-text{color:#969696;font-size:12px}.competition-host-page .content .advice-select-table tr{border-bottom:1px solid #eaecef}.competition-host-page .content .advice-select-table tr:first-child{border-bottom:none}.competition-host-page .content .advice-select-table td{height:64px;vertical-align:middle}.competition-host-page .content .advice-select-table td:last-child{padding-right:0;width:240px}.competition-host-page .content .advice-select-table th{background-color:#fafafa;color:#999;font-size:12px;height:40px;vertical-align:middle}.competition-host-page .content .advice-select-table th:last-child{width:260px}.competition-host-page .content .advice-select-table .goto-other-classroom{align-items:center;background-color:#fafafa;color:#707a8a;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:48px;justify-content:center;text-align:center}.competition-host-page .content .advice-select-table .goto-other-classroom .icon{font-size:18px;padding-left:6px}.competition-host-page .content .advice-select-table .skill-comp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');background-position-x:calc(100% - 28px);background-position-y:50%;background-repeat:no-repeat;background-size:12px;border:1px solid #ebebeb;border-radius:4px;cursor:pointer;font-size:14px;height:48px;margin-right:24px;padding-left:24px;width:100%}.competition-host-page .content .advice-select-table .skill-comp-select:focus{outline:none}.competition-host-page .content .advice-select-table .skill-comp-select:focus-visible{border:1px solid #fb0}.competition-host-page .content .warn{background-color:#fafafa;border-radius:20px;color:#707a8a;font-size:14px;margin-bottom:32px;padding:32px}.competition-host-page .content .warn .warn-title{color:#474d57;font-size:18px;font-weight:700}.competition-host-page .content .warn .warn-text{padding-top:16px}.competition-host-page .content .warn .warn-hl{color:#c99400}.competition-host-page .content .warn .warn-icon{color:#f1f2f3;font-size:64px;text-align:right}.competition-host-page .content .warn:hover .warn-icon{color:#ebebeb}.competition-home-page{background-color:#fff;min-height:calc(100% + 20px)}.competition-home-page .title{align-items:center;background-color:#fafafa;height:96px;padding-left:32px;padding-right:32px;padding-top:20px}.competition-home-page .title .text{font-size:28px;font-weight:700;margin:0}.competition-home-page .title .description{color:#707a8a;font-size:14px;padding-top:8px}.competition-home-page .title .icon{color:#f1f2f3;font-size:64px}.competition-home-page .title:hover .icon{color:#ebebeb}.competition-home-page .content{padding:32px}.competition-home-page .content .advice-select-table{color:#333;font-size:14px}.competition-home-page .content .advice-select-table .student-info{align-items:center;display:flex;height:64px;padding-bottom:1px}.competition-home-page .content .advice-select-table .student-info .icon{color:#0ecb81;font-size:14px;padding-left:10px}.competition-home-page .content .advice-select-table .sub-text{color:#969696;font-size:12px}.competition-home-page .menu-title{font-size:28px;font-weight:700;margin:0 0 20px;text-align:center}.event-page{background-color:#fff;min-height:calc(100% + 20px)}.event-page .title{align-items:center;background-color:#fafafa;height:96px;padding:20px 32px}.event-page .title .text{font-size:28px;font-weight:700;margin:0}.event-page .title .description{color:#707a8a;font-size:14px;padding-top:8px}.event-page .title .icon{color:#f1f2f3;font-size:64px}.event-page .title:hover .icon{color:#ebebeb}.event-page .content{padding:32px}.event-page .content .advice-select-table{color:#333;font-size:14px}.event-page .content .advice-select-table .student-info{align-items:center;display:flex;height:64px;padding-bottom:1px}.event-page .content .advice-select-table .student-info .icon{color:#0ecb81;font-size:14px;padding-left:10px}.event-page .content .advice-select-table .sub-text{color:#969696;font-size:12px}.event-page .content .advice-select-table tr{border-bottom:1px solid #eaecef}.event-page .content .advice-select-table tr:first-child{border-bottom:none}.event-page .content .advice-select-table td{height:64px;vertical-align:middle}.event-page .content .advice-select-table td:last-child{padding-right:0;width:240px}.event-page .content .advice-select-table th{background-color:#fafafa;color:#999;font-size:12px;height:40px;vertical-align:middle}.event-page .content .advice-select-table th:last-child{width:260px}.event-page .content .advice-select-table .goto-other-classroom{align-items:center;background-color:#fafafa;color:#707a8a;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:48px;justify-content:center;text-align:center}.event-page .content .advice-select-table .goto-other-classroom .icon{font-size:18px;padding-left:6px}.event-page .content .advice-select-table .skill-comp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');background-position-x:calc(100% - 28px);background-position-y:50%;background-repeat:no-repeat;background-size:12px;border:1px solid #ebebeb;border-radius:4px;cursor:pointer;font-size:14px;height:48px;margin-right:24px;padding-left:24px;width:100%}.event-page .content .advice-select-table .skill-comp-select:focus{outline:none}.event-page .content .advice-select-table .skill-comp-select:focus-visible{border:1px solid #fb0}.event-page .content .warn{background-color:#fafafa;border-radius:20px;color:#707a8a;font-size:14px;margin-bottom:32px;padding:32px}.event-page .content .warn .warn-title{color:#474d57;font-size:18px;font-weight:700}.event-page .content .warn .warn-text{padding-top:16px}.event-page .content .warn .warn-hl{color:#c99400}.event-page .content .warn .warn-icon{color:#f1f2f3;font-size:64px;text-align:right}.event-page .content .warn:hover .warn-icon{color:#ebebeb}.announcement-page{background-color:#fff;min-height:calc(100% - 300px)}.announcement-page .announcement{display:flex;justify-content:center;margin-top:20px}.announcement-page .announcement-detail{max-width:1000px;width:1000px}.announcement-page h1.title{font-weight:700}.announcement-page .content{margin:20px 0}.announcement-page .subtitle{font-weight:700}.announcement-page .attachments{margin:60px 0}.announcement-page .attachments .attachments-title{font-weight:700;margin-top:50px}.announcement-page .attachments ul li{margin:10px 0}.block-links{height:100px}.block-links a{text-align:center;text-decoration:none}.admin-wrapper .sidebar{min-height:100vh;width:280px}.admin-wrapper .admin-table th{color:gray;font-weight:400}.admin-wrapper .admin-table td,.admin-wrapper .admin-table th{padding:30px}.admin-wrapper .admin-table tbody,.admin-wrapper .admin-table td,.admin-wrapper .admin-table th,.admin-wrapper .admin-table thead,.admin-wrapper .admin-table tr{border:none}.admin-wrapper .admin-table tr{border-bottom:4px solid #f8f9fa}.admin-wrapper .admin-table .btn-edit{color:#66bb6a}.embed .manage-menu,.embed footer,.embed nav{display:none!important}nav.navbar{box-shadow:inset 0 -1px 0 #eee}body,html{height:100%}body{background-color:#f5f6fa}a{text-decoration:none}.grid-container{grid-column-gap:30px;grid-row-gap:30px;display:grid;grid-template-columns:repeat(3,1fr)}.grid-container a{background:#f8f9fa;background-color:#fff;border:1px solid #c2c2c2;border-radius:4px;padding:20px}.grid-container a:hover{background:#f2f2f2}.main{min-height:calc(100% - 280px)}footer{box-shadow:inset 0 1px 0 #eee}footer .suggest-icon{border-radius:4px;max-width:100px}table.light-border tr{border-bottom:1px solid #eee}.manage-container{display:flex;min-height:90vh}.manage-container .manage-menu{background-color:#fff;box-shadow:inset -1px 0 0 #eee;flex:1;font-size:14px;padding:.5rem 1rem}.manage-container .manage-menu .heading{padding:.5rem 1rem}.manage-container .manage-menu .nav-link{padding-bottom:1rem;padding-top:1rem}.manage-container .manage-menu .nav-link span{left:80px;position:absolute}.manage-container .manage-menu .nav-link{color:#444}.manage-container .manage-menu .nav-link.active{background-color:#eee;border-radius:4px;color:#333}.manage-container .manage-menu p.classroom-name{padding:.1rem 1rem}.manage-container .manage-content{flex:6;padding:10px}.manage-container .manage-content h4{font-weight:700}.remider-blockquote blockquote{background-color:#fff;border-left:.7rem solid #007bff;margin:1.5em .7rem;padding:.5em .7rem}.remider-blockquote blockquote.quote-orange{border-color:#fd7e14}.remider-blockquote blockquote.quote-orange h5{color:#fd7e14;font-weight:700}.step-progress-container{width:100%}.step-progress-container .step-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.step-progress-container .step-progress .step{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center}.step-progress-container .step-progress .step-icon-backgroud{align-items:center;background-color:#ebebeb;border-radius:50%;color:#aaa;display:flex;font-size:16px;height:64px;justify-content:center;width:64px;z-index:1}.step-progress-container .step-progress .step-icon-backgroud:after{align-items:center;background-color:#ebebeb;bottom:0;content:"";height:10px;left:calc(50% + 31.5px);position:absolute;right:0;top:25px;width:100%;z-index:0}.step-progress-container .step-progress .step:last-child .step-icon-backgroud:after{display:none}.step-progress-container .step-progress .step.finished .step-icon-backgroud:after{background-color:#b3cf35}.step-progress-container .step-progress .step.finished .step-icon-backgroud{background-color:#b3cf35;color:#fff}.step-progress-container .step-progress .step.finished .step-current{color:#b3cf35}.step-progress-container .step-progress .step.current .step-current{color:#5bbdeb}.step-progress-container .step-progress .step.current .step-icon-backgroud{background-color:#5bbdeb;color:#fff}.step-progress-container .step-progress .step .step-current{color:#8d8d8d;font-size:18px;font-weight:700}.step-progress-container .step-progress .step .step-description{color:#a5a5a5;font-size:12px;font-weight:700}.school-info .name{font-size:16px;font-weight:700}.school-info .address,.school-info .phone{font-size:14px}.nav-link.active{font-weight:700}.btn-admin{bottom:0;height:36px;left:0;position:fixed;width:36px;z-index:99999}.btn-admin:before{background:rgba(255,193,7,.8);border:1px solid #ffc107;border-top-right-radius:4px;content:"";height:36px;position:absolute;width:36px;z-index:-99999}.btn-admin .text{align-items:center;color:#000;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.btn-admin .text:hover{color:#323232}.navbar-brand{align-items:center;display:flex}.nav-item:hover{background-color:#f6f6f6;border-radius:6px;color:#000}.nav-item .dropdown-toggle:after{margin-left:unset!important}