.new-public-course-wrapper .course-header-info .portal .course-state .course-information{color:#000;display:flex;margin-top:24px}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .div,.new-public-course-wrapper .course-header-info .portal .course-state .course-information span{align-items:center;display:flex;flex-direction:column}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .finish-rate{align-items:center;display:flex;justify-content:space-around;width:500px}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .finish-rate .vertical-divider{border-left:1px solid #ccc;height:60px;margin:0 3px;width:2px}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .finish-rate .finish-content{font-size:24px;margin-top:20px}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .finish-rate .stage-status{align-items:center;display:flex;justify-content:space-between;width:65%}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .form-buttons{position:relative}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .form-buttons a{font-size:13px}.new-public-course-wrapper .course-header-info .portal .course-state .course-information .form-buttons .button{padding:4px 14px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-catalog .catalog .course-module .module-summary .audit-status{background-color:var(--primary-brand-color-lightened-4);border:1px solid var(--primary-brand-color-lightened-3);border-radius:20px;color:#357a77;font-size:13px;line-height:25px;margin-left:10px;padding:0 10px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-catalog .catalog .course-module .module-summary .if-passed{position:absolute;right:70px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-catalog .catalog .course-module .module-summary .hour{position:absolute;right:40px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-catalog .catalog .course-module .module-content .syllabus .sign-up{color:#00bbbd;float:right;margin-right:10px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-catalog .catalog .course-module .module-content .syllabus .sign-up-end{color:var(--secondary-text-color)}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-catalog .catalog .course-module .module-content .no-courses{color:#c5bebe;font-size:13px;margin-left:16px;margin-top:12px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route{color:#333;font-family:Noto Sans TC,sans-serif;font-size:14px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:16px;overflow:hidden}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-summary{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;padding:12px 16px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-summary .expand-collapse-button{color:#353535;margin-right:16px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-summary .module-info{display:flex;flex-direction:column;width:100%}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-summary .module-info .module-name{align-items:center;display:flex;font-size:16px;justify-content:space-between}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-summary .module-info .required-num{color:#00bbbd;padding:0 2px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-summary .module-info .stage-status-label{border-radius:4px;display:inline;font-size:12px;line-height:1.2;padding:4px 6px!important;vertical-align:middle;white-space:nowrap}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .column-header:nth-child(odd){background-color:rgba(247,248,250,.87)}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-content{padding:1px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-content .titleText{color:#606060}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-content .column-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;padding:8px 0}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-content .column-header span{display:inline-block;line-height:1.5;padding:4px 8px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-content .column-header .left-padding{padding-left:15px}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .module-content .column-header .course-action{color:#00bbbd;cursor:pointer;font-size:14px;padding-left:8px;white-space:nowrap}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .status-label{border-radius:4px;display:inline;font-size:12px;line-height:1.2;padding:1px 6px!important;vertical-align:middle;white-space:nowrap}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .status-completed{background-color:#e6f5f3;border:1px solid #19a99d;color:#19a99d}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .status-in-progress{background-color:#fef3e6;border:1px solid #f7931e;color:#f7931e}.new-public-course-wrapper .body-info .course-content-wrapper .details .course-route .route-module .status-not-start{background-color:#f5f5f5;border:1px solid #ccc;color:#999}.join-course-confirm-popup .popup-content .main-area .warn-area{margin:60px 40px}.join-course-confirm-popup .popup-content .main-area .warn-area .warn-message{font-size:16px;text-align:center}#learning-route-popup .popup-header{align-items:center;display:flex;justify-content:space-between}#learning-route-popup .popup-header .popup-title{font-size:16px;margin:0}#learning-route-popup .popup-header .font-cancel{color:#929292}#learning-route-popup .main-area{border-bottom:none;padding:20px 20px 0}#learning-route-popup .main-area .subject-title-area{align-items:center;display:flex;height:auto;justify-content:space-between;padding-bottom:15px;padding-top:0}#learning-route-popup .main-area .subject-title-area .title{font-size:16px;font-weight:700}#learning-route-popup .main-area .subject-title-area .search-section{align-items:center;display:flex}#learning-route-popup .main-area .subject-title-area .search-section .button{background-color:#00bbbd;border:none}#learning-route-popup .main-area .subject-title-area .search-section .icon-search{color:#fff}#learning-route-popup .main-area .course-content{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:16px;overflow:hidden}#learning-route-popup .main-area .course-content .theme-color{color:#00bbbd}#learning-route-popup .main-area .course-content .column-content,#learning-route-popup .main-area .course-content .column-header{padding:10px 0}#learning-route-popup .main-area .course-content .column-content:nth-child(odd),#learning-route-popup .main-area .course-content .column-header:nth-child(odd){background-color:hsla(220,9%,94%,.84)}#learning-route-popup .popup-footer{align-items:center;display:flex;gap:2px;justify-content:center;padding-top:0;position:relative}#learning-route-popup .popup-footer .course-count{color:#888;left:0;padding-left:20px;position:absolute}