#Course-detail{background-color:#e4eef8;min-height:100vh}#Course-detail .module_detail_layout{width:100%;max-width:1600px;margin:0 auto}@media (max-width:1360px){#Course-detail .module_detail_layout{max-width:1200px}}@media (max-width:1023px){#Course-detail .module_detail_layout{margin-top:4rem}}#Course-detail .module_detail_wrapper{flex-direction:row;justify-content:center;align-items:flex-start;padding:0 0 1rem;display:flex}@media (max-width:1023px){#Course-detail .module_detail_wrapper{flex-direction:column}}#Course-detail .cd_section_left{min-width:360px;max-width:360px;margin:0 10px;overflow:visible}@media (max-width:1023px){#Course-detail .cd_section_left{z-index:50;min-width:unset;width:100%;max-width:100%;margin:0 auto;position:fixed;top:118px;left:0;right:0}}#Course-detail .cd_section_left_wrapper{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}#Course-detail .aside_course_wrapper{width:100%}#Course-detail .aside_course_wrapper .menu_wrapper{background-color:#fff8;border:3px solid #fff;border-radius:1.5rem;width:100%;max-height:80vh;margin:0 auto;padding:1.5rem 1rem .5rem;overflow-y:scroll;box-shadow:0 6px 12px -6px #0000000d,0 1px 10px #0000000d}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar{width:.35vw;height:.35vw}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-button{background:0 0;width:0;height:0;display:none}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-button:single-button{background:0 0;width:0;height:0;display:none}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-button:start:decrement{background:0 0;width:0;height:0;display:none}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-button:end:increment{background:0 0;width:0;height:0;display:none}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-thumb{background-color:#b0b6bb;border-radius:10px}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-thumb:hover{background-color:#a0a6ac}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-track{background-color:#eeeff0;border-radius:10px;margin-block:1.25rem}#Course-detail .aside_course_wrapper .menu_wrapper::-webkit-scrollbar-track:hover{background-color:#cdd1d6}#Course-detail .aside_submenu_title{color:#008cff;word-break:break-word;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-radius:40px;margin-bottom:4px;padding:.75rem 1rem;font-size:1.125rem;font-weight:600;display:block;overflow:hidden}#Course-detail .aside_mobile_toggle,#Course-detail .aside_drawer_overlay,#Course-detail .aside_drawer_close{display:none}#Course-detail .aside_chapter_list{flex-direction:column;gap:4px;display:flex}@media (max-width:1023px){#Course-detail .aside_mobile_toggle{color:#008cff;text-align:left;cursor:pointer;width:100%;font-size:.95rem;font-weight:600;font:inherit;background-color:#fff;border:none;flex-direction:row;align-items:center;gap:8px;margin-bottom:4px;padding:.75rem 1rem;display:flex;border-radius:0!important}#Course-detail .aside_mobile_toggle_icon{flex-shrink:0}#Course-detail .aside_mobile_toggle_text{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}#Course-detail .aside_drawer_overlay{z-index:999;background:#14181e73;animation:.2s aside-fade-in;display:block;position:fixed;inset:0}#Course-detail .aside_course_wrapper{z-index:1000;width:85%;max-width:340px;transition:transform .3s;position:fixed;bottom:0;left:0;transform:translate(-100%);top:0!important}#Course-detail .aside_course_wrapper.drawer-open{transform:translate(0)}#Course-detail .aside_course_wrapper .menu_wrapper{background-color:#fff;border:none;border-radius:0;width:100%;height:100%;max-height:none;padding:3.5rem 1rem 1.5rem;position:relative;box-shadow:4px 0 24px #00000026}#Course-detail .aside_drawer_close{color:#464646;cursor:pointer;z-index:2;background-color:#f0f6fc;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:.75rem;right:.75rem}@keyframes aside-fade-in{0%{opacity:0}to{opacity:1}}}#Course-detail .aside_chapter_header{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;border-radius:12px;flex-direction:row;align-items:center;gap:8px;padding:.6rem 0 .6rem .75rem;display:flex}#Course-detail .aside_chapter_header:hover{background-color:#f0f6fc}#Course-detail .aside_chapter_name{color:#008cff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}#Course-detail .aside_chapter_count{color:#008cff;flex-shrink:0;font-size:.8rem}#Course-detail .aside_chapter_chevron{color:#8a8f98;flex-shrink:0;font-size:22px;transition:transform .2s}#Course-detail .aside_chapter.open .aside_chapter_chevron{color:#008cff;transform:rotate(180deg)}#Course-detail .aside_course_list{margin:0;padding:0;list-style:none}#Course-detail .aside_course_item{flex-direction:row;align-items:center;min-height:32px;margin:0;padding:0;display:flex}#Course-detail .aside_course_link{flex-direction:row;justify-content:space-between;align-items:center;gap:2px;width:100%;padding-left:1.5rem;text-decoration:none;display:flex}#Course-detail .aside_course_link:hover .aside_link_text{color:#008cff}#Course-detail .aside_link_text{color:#464646;text-overflow:ellipsis;white-space:nowrap;width:90%;font-size:.9rem;transition:color .15s;overflow:hidden}#Course-detail .aside_course_link.actived .aside_link_text{color:#008cff}@media (max-width:1023px){#Course-detail .aside_link_text{font-size:.8rem}}#Course-detail .aside_icon{flex-shrink:0;width:20px;height:20px}#Course-detail .cd_section_article{width:100%;margin:0}@media (max-width:1023px){#Course-detail .cd_section_article{padding-top:3.25rem}}#Course-detail .course_detail_layout{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;max-width:1600px;margin:0 auto;padding:0 0 1rem;display:flex}@media (max-width:1360px){#Course-detail .course_detail_layout{max-width:1200px}}#Course-detail .cd_article_inner{width:100%;max-width:1200px;margin:0 2rem}#Course-detail .course_detail_breadcrumb{color:#008cff;text-align:left;flex-flow:wrap;justify-content:flex-start;align-items:center;padding:1rem 0;font-size:1rem;font-weight:500;display:flex}#Course-detail .course_detail_breadcrumb span,#Course-detail .course_detail_breadcrumb a{white-space:nowrap}#Course-detail .course_detail_breadcrumb a,#Course-detail .course_detail_breadcrumb .bc_btn{color:#008cff;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}#Course-detail .course_detail_breadcrumb a:hover,#Course-detail .course_detail_breadcrumb .bc_btn:hover{opacity:.8}@media (max-width:1023px){#Course-detail .course_detail_breadcrumb{font-size:.75rem}}#Course-detail .course_article{flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}#Course-detail .section_vdo{background-color:#fff8;border:3px solid #fff;border-radius:1.5rem;width:100%;max-width:1200px;overflow:hidden}#Course-detail .section_vdo video{aspect-ratio:16/9;object-fit:contain;border-radius:8px;width:100%;height:auto;display:block}#Course-detail .section_detail{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1200px;padding:2rem;display:flex}#Course-detail .cd_accordion{flex-direction:column;gap:1rem;width:100%;display:flex}#Course-detail .cd_panel{width:100%;box-shadow:none;background-color:#0000}#Course-detail .cd_panel_header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff8;border:3px solid #fff;border-radius:48px;flex-direction:row;justify-content:space-between;align-items:center;min-height:48px;max-height:48px;padding:0 1rem;transition:all .25s ease-in-out;display:flex}#Course-detail .cd_panel_title{color:#464646;margin:0;font-size:1.125rem;font-weight:500}#Course-detail .cd_panel_icon{color:#464646;justify-content:center;align-items:center;width:28px;height:28px;padding-bottom:8px;font-size:32px;line-height:1;transition:transform .25s ease-in-out;display:flex}#Course-detail .cd_panel_icon.open{transform:rotate(45deg)}#Course-detail .content_area{padding:1rem 2rem 0}@media (max-width:1023px){#Course-detail .section_detail,#Course-detail .content_area{padding-left:0;padding-right:0}}#Course-detail .inner_html{width:100%}#Course-detail .inner_html p,#Course-detail .inner_html span,#Course-detail .inner_html li{font-size:1rem}