.bigClassNavBar[data-v-305dcfbe]{background-color:#fcfcfc;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative;width:100%;z-index:99}.bigClassNavBar--link[data-v-305dcfbe]{color:#292929;cursor:pointer;display:inline-block;flex:0 0 auto;font-size:16px;font-weight:700;line-height:28px;margin-right:56px;padding:14px 16px;position:relative;text-align:center;white-space:nowrap}@media screen and (max-width:767px){.bigClassNavBar--link[data-v-305dcfbe]{color:#7e7e7e;flex:1;font-size:14px;line-height:20px;margin-right:0;padding:12px 8px}}.bigClassNavBar--link[data-v-305dcfbe]:last-of-type{margin-right:0}.bigClassNavBar--link-active[data-v-305dcfbe]{color:#ff7800}.bigClassNavBar--link-active[data-v-305dcfbe]:after{background-color:#ff7800;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}@media screen and (max-width:767px){.bigClassNavBar--link-active[data-v-305dcfbe]:after{bottom:-4px}}.bigClassNavBar--btn[data-v-305dcfbe]{align-items:center;border:1px solid #ff9000;border-radius:4px;color:#ff9000;display:flex;font-size:14px;height:32px;justify-content:center;width:80px}.bigClassNavBar--btn[data-v-305dcfbe]:hover{background-color:transparent;border-color:#ff9100;box-shadow:0 0 4px 0 #ff9100!important;color:#ff9100}.bigClassNavBar--btn.bigClassNavBar--link-active[data-v-305dcfbe]{background-color:#ff9000;color:#fcfcfc}.bigClassNavBar--btn.bigClassNavBar--link-active[data-v-305dcfbe]:after{display:none}.bigClassNavBar .bigClassNavBarWrap[data-v-305dcfbe]{align-items:center;display:flex;justify-content:center;margin:0 auto;width:100%}.bigClassNavBar .bigClassNavBarWrap[data-v-305dcfbe]::-webkit-scrollbar{display:none}@media screen and (max-width:767px){.bigClassNavBar .bigClassNavBarWrap[data-v-305dcfbe]{height:49px;justify-content:space-between;overflow-x:scroll;padding:0 4px}}.bigClassNavBar .bigClassNavBarWrap .course .isHint[data-v-305dcfbe]:after{background-color:red;border-radius:100%;content:"";height:10px;position:absolute;right:0;top:0;transform:translate(-100%,120%);width:10px}@media screen and (max-width:767px){.bigClassNavBar .bigClassNavBarWrap .course .isHint[data-v-305dcfbe]:after{transform:translate(-200%,100%)}}#addShadow[data-v-305dcfbe]{bottom:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.3);height:1px;left:0;position:absolute;width:100%}.avatar .avatar-img[data-v-4860440c]{height:auto;width:auto}.avatar .avatar-img .profileSideBar--headShot[data-v-4860440c]{height:24px;width:24px}.avatar .avatar-badge img[data-v-4860440c]:first-child{left:14px;top:10px}.btn-sm[data-v-4860440c]{align-items:center;display:flex;justify-content:center}.avatar .avatar-img[data-v-684a018e]{height:auto;width:auto}.avatar .avatar-img .profileSideBar--headShot[data-v-684a018e]{height:26px;width:26px}.avatar .avatar-badge img[data-v-684a018e]:first-child{left:14px;top:10px}.topicEmpty[data-v-684a018e]{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.topicEmpty img[data-v-684a018e]{width:280px}.topicEmpty>div[data-v-684a018e]{align-items:flex-start;display:flex;flex-direction:column}.topicEmpty p[data-v-684a018e]{color:#292929;font-size:16px;font-weight:700}.topicEmpty p span[data-v-684a018e]{display:block;margin-top:8px}.topicEmpty i[data-v-684a018e]{color:#7e7e7e;font-size:14px;font-style:normal}.topicEmpty a[data-v-684a018e]{margin-top:16px;width:120px}@media screen and (max-width:1023px){.topicEmpty[data-v-684a018e]{flex-direction:column}.topicEmpty>div[data-v-684a018e]{align-items:center;margin-top:12px}}.roomListContainer[data-v-684a018e]{background-color:#fcfcfc;margin-bottom:3px;padding:30px 40px}@media screen and (max-width:767px){.roomListContainer[data-v-684a018e]{padding:12px}}.h1nh2{display:none}[data-v-85ba50d8] .modal-content{padding:24px 40px}@media screen and (max-width:1023px){[data-v-85ba50d8] .modal-content{padding:24px 16px}}[data-v-85ba50d8] .modal-content .modal-header{margin-bottom:24px;padding:0}[data-v-85ba50d8] .modal-content .modal-header .headerBox{align-items:center;display:flex;flex-direction:column;margin:0 auto}[data-v-85ba50d8] .modal-content .modal-body{padding:0}[data-v-85ba50d8] .modal-content .modal-body .hint{border-radius:4px}[data-v-85ba50d8] .modal-content .modal-body .btns{display:flex;justify-content:center}[data-v-85ba50d8] .modal-content .modal-body .btns .button{height:32px;margin-right:16px;width:120px}[data-v-85ba50d8] .modal-content .modal-body .btns .button:last-child{margin-right:0}[data-v-85ba50d8] .modal-content .modal-body .btns .button button{font-family:Noto Sans TC;font-size:14px;font-weight:700;height:100%;line-height:20px;width:100%}