.goNow {font: 18px SarabunBold;color: white;background-color: #ce1f2c;padding: 0 18px;line-height: 40px;display: inline-block;text-transform: uppercase;border-radius: 5px 0}
.goNow:hover {background-color: #273375}
.showInfo {max-width: 350px;flex: 0 0 350px}
.showVideo {max-width: calc(100% - 350px);flex: 0 0 calc(100% - 350px)}

.tienTrinhKH {background-color: #cf1f2c;padding: 10px 15px}
.tienTrinhKH .titleKH {color: white;text-align: center;text-transform: uppercase}
.tienTrinhKH .tienDo .number {font: 14px/24px Sarabun;color: white;text-align: center}
.tienTrinhKH .tienDo .size {height: 7px;width: 100%;border-radius: 6px;background-color: rgba(255,255,255,0.3);margin: 5px auto;overflow: hidden}
.tienTrinhKH .tienDo .size span {display: block;height: 100%;background-color: white}

.listBaiHoc>li.active>a {color: #ce1f2c}
.listBaiHoc>li.active>a i {background-color: #ce1f2c}
.listBaiHoc>li>a {background: none;padding-left: 38px;position: relative}
.listBaiHoc>li>a i {color: white;background-color: #bbb;width: 20px;height: 20px;text-align: center;border-radius: 50%;line-height: 20px;font-size: 11px;display: inline-block;position: absolute;top: 13px;left: 10px}
.listBaiHoc .subMenu li {border-bottom: none;padding: 8px 10px 8px 50px;position: relative}
.listBaiHoc .subMenu li:before {content: "";display: block;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #cecece;position: absolute;left: 10px;top: 9px;background-color: white;z-index: 3}
.listBaiHoc .subMenu li:after {content: "";display: block;width: 1px;height: 100%;position: absolute;z-index: 2;left: 19px;bottom: 15px;background-color: #cecece}
.listBaiHoc .itemTitle a {font: 15px/20px Sarabun}
.listBaiHoc .itemTitle {margin-bottom: 0}
.showInfo .tabContent {height: calc(100vh - 85px)}