body {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  color: #333;
  background: #f3f3f3;
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }

  .container {
    width: 1200px;
    max-width: 100%;
  }
}

@media (max-width: 479px) {
  .col-tn-12 {
    width: 100%;
  }

  .hidden-tn {
    display: none !important;
  }
}

.col-padding-5 {
  padding-left: 5px;
  padding-right: 5px;
}

a:hover {
  text-decoration: none;
}

.error {
  color: red;
  font-style: italic;
}

.nopadding {
  padding: 0;
  margin: 0;
}

.noright_padding {
  padding-right: 0;
}

img {
  max-width: 100%;
}

/** PAGING **/
#pagination {
  text-align: center;
}

#pagination li a {
  margin: 0 5px;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 5px;
  color: #666;
}

#pagination .active {
  background: #00aeef;
  color: #fff;
}

/** GENERAL **/
img {
  max-width: 100%;
}

label {
  font-weight: 500;
}

.nopadding {
  padding: 0;
  margin: 0;
}

.noright_padding {
  padding-right: 0;
}

.error {
  color: red;
  font-style: italic;
  font-size: 12px;
}

.ckeditor h1,
.ckeditor h2,
.ckeditor h3 {
  line-height: 1.41;
}

.ckeditor h2 {
  font-size: 22px;
}

.white-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.box_shadow {
  background: #fff;
  box-shadow: 0 0 7px 0 #dedede;
  padding: 15px;
}

/* .main_content {background: #f4f4f4;} */

#menu_top ul,
#menu_footer ul,
.flex-direction-nav,
#category_menu ul,
#course_detail .nav_info ul,
#course_detail .countinfo,
#news_list .sub_hot {
  list-style: none;
  margin: 0;
  padding: 0;
}

.course_list .title:hover,
#news_detail .other a:hover,
#news_list .item_list .name:hover,
#news_list .top .name:hover {
  color: #00aeef;
}

#teacher_lists h1.mod_title,
#teacher_detail h1.mod_title,
#test_detail h1.mod_title,
#course_index h1.mod_title,
#course_list h1.mod_title,
#course_detail .neo_title,
#document_lists .mod_title,
#document_detail .mod_title {
  font-size: 22px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 100%;
  color: #333;
}

#course_index h1.mod_title a,
#course_list h1.mod_title a,
#document_lists .mod_title a {
  color: #333;
  line-height: 1.25;
}

#course_top .mod_title,
#home_choose .choose h2,
#home_choose .testimonial .mod_title,
#home_teacher .mod_title,
#home_news .mod_title,
#home_document .mod_title {
  font-size: 32px;
  text-align: center;
  color: #333333;
  margin-bottom: 30px;
  font-weight: 400;
}

.right_title {
  background: #00aeef;
  padding: 10px;
  color: #fff;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.owl-dots {
  text-align: center;
  margin-bottom: 15px;
  /*for centering the dots*/
}

.owl-dot.active {
  background: #fbb040;
}

.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #0082c7;
  margin-right: 5px;
  display: inline-block;
  /*for making them horizontal, if you want vertical then you can use- display: block*/
}

/************** HEADER *******/
#header .logo {
  float: left;
  margin-top: 10px;
}

#header .search {
  margin-left: 40px;
  margin-top: 15px;
  float: left;
  position: relative;
}

#header .nav-link {
  margin-right: -5px;
  margin-top: 1px;
  display: inline-block;
  background: #00aeef;
  height: 40px;
  line-height: 40px;
  color: #fff;
  padding: 0 10px;
  border-radius: 5px 0 0 5px;
}

#header .nav-link i {
  font-size: 17px;
  margin-right: 10px;
}

#header .search input {
  display: inline-block;
  height: 40px;
  border: 1px solid #00aeef;
  border-left: 0;
  width: 370px;
  max-width: 100%;
  padding-left: 10px;
  border-radius: 0 5px 5px 0;
}

#header .search button {
  position: absolute;
  right: 10px;
  top: 10px;
  background: none;
  border: none;
  color: #999999;
  font-size: 20px;
}

#header .hotline {
  position: relative;
  padding-left: 30px;
  margin-left: 45px;
  margin-top: 20px;
  float: left;
}

#header .hotline {
  color: #999999;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 100%;
}

#header .hotline i {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 30px;
  color: #dc0000;
}

#header .hotline a {
  color: #dc0000;
  font-size: 20px;
  font-weight: 700;
  display: block;
  line-height: 100%;
}

#header .member {
  margin-top: 15px;
  float: right;
  position: relative;
}

#header .member .reg_button {
  border: 1px solid #00aeef;
  border-radius: 7px;
  padding: 10px 25px;
  color: #00aeef;
  display: inline-block;
}

#header .member .log_button {
  border: 1px solid #00aeef;
  border-radius: 7px;
  padding: 10px 25px;
  color: #fff;
  display: inline-block;
  background: #00aeef;
  margin-left: 10px;
}

#header .member .avatar {
  display: inline-block;
  color: #333;
  cursor: pointer;
}

#header .member .avatar img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

#header .member .shopcart,
#header .member .notify {
  display: inline-block;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}

#header .counter {
  text-align: center;
  background: #e14242;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 11px;
  line-height: 15px;
  position: absolute;
}

#header .member .member_icon {
  padding: 10px 15px;
  position: relative;
}

#header .member .active .member_icon {
  width: 100%;
  background: #fff;
  z-index: 3;
  bottom: -1px;
  color: #333;
}

#header .member .member_dropdow {
  position: absolute;
  right: 0px;
  width: 100%;
  /* max-width: 360px; */
  background: #fff;
  padding: 10px;
  width: 360px;
  display: none;
  border: 1px solid #ddd;
  z-index: 2;
  font-size: 14px;
}

#header .member .member_dropdow .linklist {
  display: block;
  border-bottom: 1px dashed #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #333;
  font-size: 13px;
}

#header .member .member_dropdow .linklist:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#header .member .active {
  background: #eee;
  color: #333;
  border: 1px solid #ddd;
  border-bottom: 0;
}

#header .member .member_dropdow .empty {
  font-size: 13px;
  text-align: center;
}

#header .member .member_dropdow .order_item {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  color: #333;
  display: block;
  color: #666;
}

#header .member .member_dropdow .order_item a {
  color: #666;
  margin-right: 10px;
}

#header .member .member_dropdow .price {
  float: right;
  color: #00aeef;
  font-size: 15px;
}

#header .member .member_dropdow .payment {
  background: #00aeef;
  display: block;
  padding: 7px 15px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}

#header .order_name,
#header .order_delete {
  float: left;
}

#header .order_name {
  width: 220px;
}

#header .order_total {
  text-align: right;
  font-size: 16px;
  color: #00aeef;
  font-weight: 500;
  margin: 15px 0;
}

/**************** MENU TOP ********/
#menu_top {
  margin-top: 15px;
  background: #00aeef;
  box-shadow: 0 5px 7px 0px #999;
}

#menu_top .level1 {
  float: left;
}

#menu_top .link1:before {
  border-right: 1px solid #eee;
  height: 20px;
  line-height: 40px;
  content: "";
  display: block;
  position: absolute;
  right: 0;
}

#menu_top .link1 {
  display: block;
  padding: 10px 30px;
  color: #fff;
  position: relative;
}

#menu_top .level1:last-child .link1:before {
  border-right: 0;
}

#menu_top .fa-angle-down {
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}

#menu_top .active .link1 {
  background: #00aeef;
  border-radius: 5px 5px 0 0;
  color: #fff;
}

#menu_top .active .link1 i {
  color: #fff;
}

#menu_sub {
  display: none;
}

#menu_sub a {
  color: #fff;
  display: inline-block;
  padding: 0 30px;
}

#menu_sub .active,
#menu_sub a:hover {
  background: #fbb040;
}

#advertise_home {
  text-align: center;
  margin-bottom: 40px;
}

#advertise_home .owl-item img {
  width: auto;
}

#advertise_home a {
  display: inline-block;
}

#course_top {
  margin-bottom: 40px;
}

.course_list .citem {
  /* margin-bottom: 20px; */
}

.course_list .item {
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 0 0 7px 0 #999;
}

.course_list .info {
  border-top: 0;
  padding-top: 15px;
  background: #fff;
}

.course_list .img {
  display: block;
}

.course_list .img img {
  width: 100%;
}

.course_list .title,
.course_thumb .title {
  line-height: 2;
  font-weight: 500;
  color: #333333;
  margin-bottom: 15px;
  display: block;
  height: 40px;
}

.course_thumb .title {
  margin-bottom: 5px;
}

.course_thumb .price {
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  color: #00aeef;
}

.course_list .short_info,
.course_thumb .short_info {
  color: #999999;
  /* margin-bottom: 10px; */
  margin-bottom: 0px;
  font-size: 13px;
  float: right;
}

.course_list .short_info span,
.course_thumb .short_info span {
  margin: 0 5px;
}

.course_list .short_info i,
.course_thumb .short_info i {
  margin-right: 10px;
}

/* .course_list .teacher {
  height: 40px;
} */
.course_list .desc {
  color: #999999;
  margin-bottom: 15px;
  height: auto;
  overflow-y: hidden;
}

.course_list .review .star {
  float: left;
  width: 50%;
  color: #ffb400;
}

.course_list .price {
  float: right;
  width: 50%;
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  color: #ff6600;
}

.course_list .teacher {
  color: #8a8a8a;
  float: left;
  display: block;
  height: 40px;
}

.course_list .detail {
  border-top: 1px solid #efefef;
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.course_list .detail a {
  float: left;
  width: 50%;
  color: #8a8a8a;
}

.course_list .detail a i {
  margin-left: 10px;
}

.course_list .detail a:hover {
  color: #00aeef;
}

.course_list .detail a:first-child {
  border-right: 1px solid #cccccc;
}

.course_list .detail .learn_save {
  color: #666;
}

.course_list .detail .learn_save .fa-heart {
  margin-right: 10px;
  margin-left: 0;
  font-size: 16px;
}

.course_list .detail .saved {
  color: #00aeef;
}

.course_list .viewmore {
  margin: 40px auto 0 auto;
  background: #00aeef;
  display: block;
  width: 230px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 15px 0;
  border-radius: 5px;
}

/* .course_list .teacher, */
.course_thumb .teacher {
  margin-bottom: 10px;
}

.course_list .teacher span,
.course_thumb .teacher span {
  color: #00aeef;
  font-weight: 500;
}

/**************** Huong dan hoc ********/

#home_guide {
  background: #fff;
  padding-bottom: 50px;
}

#home_guide .content {
  background: url("../images/dash.gif") repeat-x scroll 50% 50%;
  text-align: center;
}

#home_guide .mod_title {
  font-size: 36px;
  text-align: center;
  color: #02a3df;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 30px;
}

#home_guide .item {
  height: 120px;
  float: left;
  display: inline-block;
  line-height: 120px;
  background: url("../images/module/cycle_blue.png") no-repeat scroll 50% 50%;
  position: relative;
}

#home_guide .item img {
  cursor: pointer;
  position: relative;
  z-index: 2;
}

#home_guide .item span {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  text-align: center;
  top: -30px;
  font-weight: 500;
}

#home_choose {
  background: #f5f9fd;
}

#home_choose ul {
  list-style: none;
  padding-left: 0;
}

#home_choose .choose h2 {
  text-align: center;
}

#home_choose .choose li {
  margin-bottom: 15px;
  overflow: hidden;
}

#home_choose .choose img {
  float: left;
  margin-right: 20px;
  width: 90px;
}

#home_choose .testimonial {
  background: #219cde;
  padding-bottom: 70px;
}

#home_choose .testimonial .mod_title {
  color: #fff;
}

#home_choose .testimonial .item {
  position: relative;
  padding: 0 15px;
}

/* #home_choose .testimonial .image img {} */
#home_choose .testimonial .img {
  border: 2px solid #fff;
  display: block;
  float: left;
  overflow: hidden;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-bottom: 20px;
  margin-left: 50px;
}

#home_choose .testimonial .content:before {
  background: url("../images/icons.png") scroll 0 0;
  width: 33px;
  height: 30px;
  content: " ";
  display: block;
  position: absolute;
  left: -50px;
  top: 0;
}

#home_choose .testimonial .content {
  color: #fff;
  border-top: 1px solid #fff;
  margin-left: 50px;
  padding-top: 20px;
  position: relative;
  color: #fefefe;
  line-height: 1.6;
}

#home_choose .testimonial .name {
  color: #fff;
  font-weight: bold;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
}

#home_choose .testimonial .class {
  color: #eee;
  font-weight: bold;
  float: left;
  margin-left: 20px;
}

/* #home_guide {background: url(../images/bg/guide_bg.jpg) scroll 50% 100% no-repeat #e8f9ff ; min-height: 600px; margin-bottom: 70px;}

#home_guide .guide_icon {position: relative;}
#home_guide .guide_icon .fa-arrow-right {position: absolute; right: 10%; top: 50%; font-size: 40px; color: #28576b}
#home_guide .register_bg {background: #00aeef; border-radius: 10px;}
#home_guide .register {padding: 40px 15px 60px; }
#home_guide .register .form_title {font-size: 30px; color: #FFF; text-align: center; margin-bottom: 30px; font-weight: 500}
#home_guide .register .form-control {height: 50px;}
#home_guide .form-group {margin-bottom: 20px}
#home_guide .register button {background: #fbb040; text-align: center; padding: 10px 0; color: #FFF; width: 100%; border: none; font-size: 16px; border-radius: 3px;}*/

/**************** Tab kho hoc ********/
/* #course_tab {margin-bottom: 70px;}
#course_tab .nav {text-align: center; margin-bottom: 40px;}
#course_tab .nav li {display: inline-block; float: none; border: 1px solid #efefef; border-left: none; text-transform: uppercase;}
#course_tab .nav li:first-child {border-radius: 5px 0 0 5px; border-left: 1px solid #efefef;}
#course_tab .nav li:last-child {border-radius: 0 5px 5px 0;}
#course_tab .nav .active {background: #00aeef;}
#course_tab .nav a {color: #333; display: block; width: 100%; padding: 10px 50px;}
#course_tab .nav a:hover, #course_tab .nav a:focus {background: none;}
#course_tab .nav .active a{color: #FFF;}*/
/**************** Giao vien ********/
#home_teacher {
  background: #fff;
  padding: 40px 0;
  margin-bottom: 30px;
}

#home_teacher .slider {
  position: relative;
}

#home_teacher .item {
  background: #f3f4f5;
}

#home_teacher .img {
  float: left;
  margin-right: 15px;
}

#home_teacher .item .name {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}

/* #home_teacher .item .info {float: left;} */
#home_teacher .item .info {
  padding-top: 1px;
}

#home_teacher .item .school {
  color: #333;
  margin-bottom: 15px;
}

#home_teacher .item .slogan {
  color: #666;
}

#home_topscore {
  border: 1px solid #e56b72;
  padding: 15px 15px 55px;
  margin-bottom: 70px;
}

#home_topscore .mod_title {
  background: url("../images/graphics/bang_vang.jpg") no-repeat scroll 50% 50%;
  height: 80px;
  text-align: center;
  line-height: 105px;
  color: #ffce6f;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

#home_topscore .item {
  margin-bottom: 5px;
}

#home_topscore .item .img {
  min-width: 85px;
  margin-right: 10px;
  display: table-cell;
}

#home_topscore .item .img img {
  width: 85px;
  border-radius: 50%;
  border: 4px solid #e56b72;
}

#home_topscore .item .info {
  border-bottom: 1px solid #efefef;
  padding: 10px 0 15px 15px;
  height: 100px;
  width: 100%;
  display: table-cell;
  vertical-align: top;
}

#home_topscore .item .name {
  font-weight: 700;
  text-transform: uppercase;
  color: #e41e24;
  margin-bottom: 7px;
}

#home_topscore .item .other {
  font-size: 13px;
  color: #999999;
}

#home_news {
  margin-bottom: 70px;
}

#home_news .hotnews .img {
  display: block;
  margin-bottom: 10px;
}

#home_news .hotnews .name {
  color: #333;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

#home_news .item {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#home_news .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#home_news .item .img {
  margin-bottom: 5px;
  display: block;
  float: left;
  margin-right: 10px;
  width: 180px;
}

#home_news .item .name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #333;
  display: block;
}

#home_document {
  background: #fff;
  padding: 30px 0 70px;
}

#home_document .nav {
  text-align: center;
  margin-bottom: 40px;
}

#home_document .nav li {
  display: inline-block;
  float: none;
}

#home_document .nav .active a,
#home_document .nav a:hover {
  color: #e00000;
  border-bottom: 2px solid #e00000;
}

#home_document .nav a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 2px solid #fff;
  color: #333;
  font-weight: 500;
}

#home_document .nav a:hover {
  background: none;
}

/* #home_document .item {} */
#home_document .name:before {
  width: 5px;
  height: 5px;
  background: #ff0000;
  content: " ";
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

#home_document .name {
  color: #333;
  display: block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#home_document .name:hover {
  color: #02a3df;
}

#footer {
  background: #123645;
  padding: 25px 0;
  /* margin-top: 40px; */
}

#footer .logo {
  margin-bottom: 20px;
}

#footer .info a {
  display: block;
  color: #e6a341;
  margin-bottom: 10px;
}

#footer .info a i {
  width: 30px;
}

#footer .info a span {
  color: #768e98;
}

#menu_footer .level1 {
  width: 50%;
  float: left;
}

#menu_footer .link1 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  line-height: 100%;
}

#menu_footer .ulmenu2 .link2 {
  display: block;
  margin-bottom: 20px;
  color: #768e98;
  line-height: 100%;
}

#copyright {
  text-align: center;
  padding: 20px 0 15px 0;
  background: #072b3a;
  color: #768e98;
  font-size: 13px;
}

#copyright p {
  margin-bottom: 5px;
}

#breadcrumb {
  color: #666666;
  margin: 20px 0;
}

#breadcrumb a {
  display: inline-block;
  color: #666666;
}

#breadcrumb span {
  display: inline-block;
  margin: 0 10px;
}

/*************************** NEWS **************/
#news_list .img {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
#news_list .img img {
  width: 100%;
}

#news_list .top {
  /* margin-bottom: 30px; */
  border-bottom: 1px solid #dedede;
}

#news_list .top .name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
  display: block;
}

#news_list .top h1 {
  margin-top: 0;
}

#news_list .top .hot .img {
  display: block;
  margin-bottom: 20px;
}

#news_list .top .hot .img {
  margin-bottom: 20px;
}

#news_list .top .hot .name {
  font-size: 22px;
}

#news_list .item_list .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #333333;
  display: block;
}

#news_list .item_list .publish_time {
  color: #999;
  font-size: 13px;
  margin-bottom: 10px;
}

#news_list .item_list .publish_time i {
  margin-right: 10px;
}

#news_list .item_list hr {
  margin-left: 15px;
  margin-right: 15px;
  border-color: #dedede;
}

#news_list .sub_hot li {
  border-top: 1px solid #dedede;
  margin-top: 7px;
  color: red;
  padding-top: 7px;
  list-style: square inside;
}

#news_list .sub_hot li a {
  color: #333;
}

#news_detail .publish_time span {
  margin: 0 15px;
}

#news_detail h1.title {
  font-size: 26px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 5px;
  margin-top: 0;
}

#news_detail .social_share {
  font-size: 13px;
}

#news_detail h3.desc {
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 20px;
  font-size: 15px;
}

#news_detail .content {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
}

#news_detail .tags a {
  display: inline-block;
  background: #efefef;
  border-radius: 4px;
  padding: 5px 15px;
  margin-right: 10px;
  color: #333;
}

#news_detail .tags {
  border-bottom: 1px solid #efefef;
  padding-bottom: 30px;
  margin-bottom: 40px;
}

#news_detail .other {
  margin-bottom: 40px;
}

#news_detail .other a {
  color: #333;
  display: inline-block;
  background: url("../images/dot_box.gif") no-repeat scroll 0 7px;
  padding-left: 20px;
  margin-bottom: 10px;
}

#news_detail .other a span {
  margin-left: 10px;
  color: #999;
  margin-bottom: 10px;
}

#news_detail .other .mod_title {
  font-size: 24px;
  color: #00aeef;
  margin-bottom: 20px;
}

#comment .comment_title {
  background: #00aeef;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
}

#comment .item {
  margin-bottom: 20px;
}

#comment .txt {
  margin-bottom: 15px;
  background: #efefef;
  padding: 15px;
}

#comment .avatar {
  float: left;
}

#comment .avatar a {
  color: #666;
  font-size: 13px;
}

#comment .avatar img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

#comment .short_link {
  float: right;
}

#comment .short_link a {
  color: #666;
  border-right: 1px solid #ddd;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
}

#comment .short_link a:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0;
}

#comment .short_link i {
  margin-right: 10px;
  color: #fbb040;
}

#comment .reply {
  margin-left: 50px;
}

#comment .reply_more {
  float: right;
  text-decoration: underline;
  font-size: 13px;
}

#comment .viewmore {
  background: #dedede;
  text-align: center;
  color: #333;
  display: block;
  padding: 10px;
}

#comment .comment_block {
  padding: 10px 0;
  background: #fff;
}

#comment .write_comment {
  margin-top: 20px;
  text-align: right;
}

#comment .write_comment textarea {
  background: #eee;
  margin-bottom: 15px;
}

#comment .write_comment button {
  background: #00aeef;
  color: #fff;
  display: inline-block;
}

#comment .quick_reply {
  margin-left: 50px;
}

#comment .write_comment img {
  display: inline-block;
  height: 30px;
  width: 30px;
}

#comment .loading {
  text-align: center;
  display: none;
}

/********************** COURSE ****************/
#category_menu {
  box-shadow: 0 0 5px 0 #dddddd;
  background: #f9fafa;
}

#category_menu .link1 {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  display: block;
  border-bottom: 1px solid #efefef;
  padding: 10px;
  background: #fff;
}

#category_menu .level1 {
  position: relative;
}

#category_menu .level1 .icon-plus {
  position: absolute;
  display: inline-block;
  top: 12px;
  right: 12px;
}

#category_menu .level1 .icon-plus i {
  color: #999;
  font-size: 22px;
}

#category_menu .link1 i {
  color: #999;
  font-size: 20px;
  margin-right: 10px;
  width: 20px;
}

#category_menu .active .link1 {
  color: #e00000;
}

#category_menu .link2 {
  color: #333;
  display: block;
  padding: 10px 10px 10px 20px;
}

#category_menu .link2 .fa-angle-right {
  color: #b4b4b4;
  margin-right: 15px;
}

#category_menu .active2 .link2 {
  color: #e00000;
}

#course_list .block_item {
  margin-bottom: 55px;
  /* padding-bottom: 55px; */
  /* border-bottom: 1px solid #e7e7e7; */
}

#course_list .mod_title {
  margin-bottom: 10px;
  line-height: 100%;
  margin-top: 0;
}

#course_list .mod_title a {
  color: #00aeef;
  font-size: 30px;
}

#course_list .mod_desc {
  color: #666666;
  margin-bottom: 30px;
}

/* OVERVIEW */
#course_detail h1.mod_title {
  font-size: 25px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

#course_detail .mod_desc {
  font-size: 16px;
  margin-bottom: 5px;
}

#course_detail .review {
  font-size: 16px;
  margin-bottom: 5px;
  color: #a1a1a1;
  float: left;
}

#course_detail strong {
  /* margin: 0 15px; */
  color: #333;
}

#course_detail .review .fa-star {
  color: #fbb040;
}

#course_detail .statistic .teacher:before {
  content: ".";
  margin-left: 20px;
  font-size: 35px;
  line-height: 5px;
  float: left;
  margin-right: 20px;
}

#course_detail .statistic .teacher {
  font-size: 16px;
  float: left;
}

#course_detail .statistic .teacher h2 {
  line-height: 0;
  margin: 0;
  display: inline-block;
}

#course_detail .statistic .teacher a {
  font-size: 16px;
  color: #00aeef;
  font-weight: normal;
}

#course_detail .desc_info {
  margin-bottom: 30px;
  margin-top: 25px;
}

#course_detail .countinfo li {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

#course_detail .countinfo li:last-child {
  border: none;
}

#course_detail .countinfo li i {
  margin-right: 10px;
}

#course_detail .countinfo span {
  float: right;
}

#course_detail .course_reg .price {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 100%;
  color: #e00000;
  margin-top: 10px;
}

#course_detail .course_reg .price .discount {
  font-size: 18px;
  color: #999999;
  text-decoration: line-through;
  margin-left: 15px;
  font-weight: 500;
}

#course_detail .course_button {
  margin-top: 20px;
  margin-bottom: 25px;
}

#course_detail .learn_free,
#course_detail .learn_register {
  background: #00aeef;
  border-radius: 5px;
  padding: 10px 25px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  margin-right: 10px;
}

#course_detail .learn_register {
  background: #f57c00;
  margin-right: 0;
}

#course_detail .course_video {
  margin-bottom: 20px;
}

#course_detail .main_content {
  background: #fff;
  padding-top: 30px;
}

#course_detail .nav_info {
  background: #f5f5f5;
  display: block;
  overflow: hidden;
  border-radius: 7px;
}

#course_detail .nav_info li {
  float: left;
  padding: 10px 30px;
  font-size: 16px;
  cursor: pointer;
}

#course_detail .nav_info .active {
  color: #00aeef;
  background: #fff;
  box-shadow: 0 0 7px 0 #dedede;
}

#course_detail .fix_nav {
  display: none;
}

#course_main_desc .content {
  line-height: 1.6;
  font-size: 15px;
}

#course_popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#course_popup .video {
  background: #333;
  font-size: 14px;
  color: #999;
  height: 100%;
  position: relative;
  padding-left: 30px;
}

#course_popup .video .info {
  float: left;
  font-size: 14px;
}

#course_popup .video .info a {
  color: #999;
  border-right: 1px solid #999;
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
}

#course_popup .video .info a:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

#course_popup .video .info i {
  margin-right: 10px;
}

#course_popup .tabinfo {
  background: #fff;
  position: relative;
  padding-left: 0;
  height: 100%;
}

#course_popup .tabinfo .nav-tabs li {
  width: 25%;
  border-bottom: 1px solid #dedede;
}

#course_popup .tabinfo .nav-tabs a {
  background: #eee;
  padding-left: 0;
  padding-right: 0;
  color: #333;
  margin-right: 0;
  border-radius: 0;
  border-right: 1px solid #dedede;
  text-align: center;
}

#course_popup .tabinfo .nav-tabs .active a {
  background: #00aeef;
  color: #fff;
}

#course_popup .tab-content {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 15px;
  overflow-y: auto;
}

#course_popup .title {
  font-size: 14px;
  margin: 0;
  line-height: 1.42;
}

#course_popup .course_top {
  margin: 15px 0;
  color: #999;
}

#course_popup .course_top .back {
  border-right: 1px solid #999;
  padding-right: 20px;
  float: left;
  margin-right: 20px;
  color: #999;
}

#course_popup .course_top .back i {
  font-size: 18px;
  margin-right: 20px;
}

.course_video {
  margin-bottom: 15px;
}

.other_video {
  float: right;
  color: #fff;
}

.other_video a {
  color: #999;
  font-size: 14px;
}

.other_video a:first-child {
  margin-right: 20px;
}

.other_video i.fa-angle-right {
  margin-left: 15px;
}

.other_video i.fa-angle-left {
  margin-right: 15px;
}

#course_popup_1 .topic {
  background: #ddd;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  line-height: 50px;
}

#course_popup_1 .course_detail_class a {
  color: #333;
  display: block;
  border-bottom: 1px solid #dedede;
  padding-bottom: 13px;
  padding-top: 15px;
  padding-left: 15px;
}

#course_popup_1 .course_detail_class a:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#course_popup_1 .course_detail_class .selected {
  background: #ddd;
}

#course_popup_2,
#course_popup_3 {
  margin-top: 15px;
}

#course_detail .course_short_desc .short_title {
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#course_detail .main_block {
  margin-bottom: 35px;
}

#course_detail .nav_fix_position {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: #fff;
  z-index: 3;
  border-bottom: 1px solid #dedede;
  box-shadow: 0 0 7px 0 #dedede;
}

#course_detail .nav_fix_position ul {
  margin: 0 auto;
  padding: 0 15px;
}

#course_detail .nav_fix_position .active {
  background: #00aeef;
  color: #fff;
}

#course_detail .nav_fix_position .fix_nav {
  padding: 0;
  float: right;
  display: block;
}

#course_detail .nav_fix_position .learn_register {
  margin: 5px 0;
  font-weight: 500;
  font-size: 15px;
  padding: 5px 15px;
}

#course_main_detail .topic {
  background: #ededed;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  line-height: 1.5;
  color: #00aeef;
}

#course_main_detail .register {
  float: right;
}

#course_main_detail .register a {
  background: #f57c00;
  padding: 10px 20px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  margin-left: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 100%;
}

#course_main_detail .table {
  margin-bottom: 0;
}

#course_main_detail .table td {
  padding: 0 8px;
  height: 50px;
  vertical-align: middle;
  color: #666;
}
#course_main_detail .table td .title-done {
  color: #999 !important;
}
#course_main_detail .table td:first-child a {
  color: #333;
}

#course_main_detail .table td i {
  margin-right: 10px;
}

#course_main_detail .table .fa-play-circle {
  color: #f57c00;
  font-size: 22px;
}

#course_main_teacher .img img {
  border-radius: 50%;
}

#course_main_teacher .name {
  font-size: 18px;
  font-weight: 700;
  color: #00aeef;
  display: block;
}

#course_main_teacher .school {
  color: #999999;
  margin-bottom: 20px;
}

#course_main_teacher .slogan {
  font-size: 16px;
  margin-bottom: 15px;
}

#course_main_teacher .detail ul {
  margin: 0;
  padding-left: 15px;
  list-style: square;
}

/* Detail */
#course_detail .mod_desc span {
  margin: 0 15px;
}

#course_detail .suggest_reg {
  border: 1px solid #ececec;
  padding: 15px;
  margin-bottom: 20px;
}

#course_detail .suggest_reg .name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

#course_detail .suggest_reg .time {
  margin-bottom: 10px;
}

#course_detail .suggest_reg .time i {
  margin-right: 10px;
}

#course_detail .suggest_reg .time span {
  margin: 0 15px;
}

#course_detail .suggest_reg .price_suggest {
  float: right;
  color: #00aeef;
  font-size: 18px;
  font-weight: 700;
}

#course_detail .suggest_reg .star {
  float: left;
}

#course_detail .order {
  background: #f57c00;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  margin-top: 20px;
  border-radius: 5px;
  display: block;
}

#course_detail .other_topic .topic {
  background: #f3f3f3;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

#course_detail .other_topic .register {
  float: right;
  background: #f57c00;
  padding: 10px 20px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  margin-left: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 100%;
}

#course_detail .other_topic .name {
  overflow: hidden;
}

#course_detail .other_topic .price_topic {
  color: #00aeef;
  font-size: 16px;
  margin-top: 5px;
}

#course_detail .other_topic .course_item {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#course_detail .other_topic .course_item a {
  color: #333;
}

#course_detail .other_topic .course_item i {
  margin-right: 10px;
  color: #f57c00;
  font-size: 22px;
  margin-left: 15px;
}

#document_lists .block_item {
  margin-bottom: 20px;
}

#document_lists .block_item .mod_title,
#document_detail .mod_title {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}

#document_lists .item {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#document_lists .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#document_lists .item a {
  float: right;
  display: block;
}

#document_lists .item a.name {
  color: #333;
  float: left;
}

#document_lists .item a i {
  color: #666;
  font-size: 18px;
  margin-left: 15px;
}

#document_detail {
  margin-bottom: 10px;
}

#document_detail .info {
  margin-bottom: 25px;
}

#document_detail .info i {
  margin-right: 10px;
  color: #999;
}

#document_detail span {
  display: block;
  float: left;
  border-left: 1px solid #dedede;
  margin-top: 10px;
  padding-left: 15px;
  margin-left: 15px;
  color: #666666;
}

#document_detail span:first-child {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

#document_detail .mod_title {
  margin-bottom: 10px;
  line-height: 1.25;
}

#document_detail a.dowload_link {
  background: #00aeef;
  border-radius: 5px;
  padding: 7px 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  margin-right: 10px;
  float: right;
}

#teacher_lists .item {
  background: url("../images/bg/teacher_bg.jpg") no-repeat #fff;
  background-size: contain;
  margin: 0;
  max-width: 265px;
  text-align: center;
  /* min-height: 420px; */
  height: 445px;
  border-radius: 10px;
  margin-bottom: 25px;
  position: relative;
}

#teacher_lists.col-md-push-9 .item {
  height: auto;
}

#teacher_lists .item .info .slogan {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: justify;
}

#teacher_lists .item .img {
  display: inline-block;
  margin: 30px 40px;
}

#teacher_lists .item .img img {
  border-radius: 50%;
}

#teacher_lists .item .name {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  display: block;
}

#teacher_lists .item .school {
  color: #999999;
  margin-bottom: 20px;
}

#teacher_lists .item .info {
  margin: 0 20px;
}

#teacher_lists .item:hover .name {
  color: #00aeef;
}

#teacher_detail .tprofile {
  border: 1px solid #cff3ff;
  padding: 15px 10px;
  background: #f3fcff;
  border-radius: 3px;
}

#teacher_detail .tprofile .profile_title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}

#teacher_detail .slogan_detail {
  background: #5e35b1;
  color: #fff;
  padding: 15px 10px;
}

#users_authen {
  max-width: 400px;
  margin: 0 auto;
  color: #666666;
  margin-bottom: 30px;
  min-height: 300px;
}

#users_authen .mod_title {
  color: #00aeef;
  font-size: 24px;
  line-height: 100%;
  margin-bottom: 25px;
  font-weight: 500;
  text-align: center;
}

#users_authen .btn-submit {
  background: #00aeef;
  width: 100%;
  margin-bottom: 15px;
  color: #fff;
  padding: 13px 0;
  font-size: 15px;
  font-weight: 500;
}

#users_authen .form-control {
  height: 43px;
}

#users_authen .forgot_link {
  font-style: italic;
  text-decoration: underline;
  margin-bottom: 20px;
  display: inline-block;
  color: #666;
}

#users_authen .social a {
  display: block;
  padding: 10px 0;
  position: relative;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  width: 100%;
}

#users_authen .social a i {
  position: absolute;
  left: 15px;
  font-size: 21px;
}

#users_authen .social .facebook {
  background: #4867aa;
  margin-bottom: 10px;
}

#users_authen .social .google {
  background: #dc0202;
}

#users_authen .captcha input {
  float: left;
  margin-right: 10px;
  width: auto;
}

#users_menu {
  padding: 20px 0;
}

#users_menu a {
  display: block;
  color: #333;
  padding: 15px 15px;
  border-bottom: 0;
  border-bottom: 1px dotted #ccc;
}

#users_menu a:last-child {
  border-bottom: none;
}

#users_menu .active {
  background: #ddd;
}

#users_change_avatar {
  text-align: center;
  margin-bottom: 40px;
}

#users_change_avatar .avatar img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-bottom: 15px;
  cursor: pointer;
}

#users_change_avatar .fullname {
  font-weight: 500;
  color: #00aeef;
  font-size: 18px;
}

#users_page .mod_title {
  font-size: 24px;
  color: #00aeef;
  margin-bottom: 30px;
  margin-top: 0;
  font-weight: 500;
}

#users_page .form_label {
  font-weight: 500;
  text-align: right;
  line-height: 30px;
}

#users_page .update_btn {
  text-align: right;
}

#users_page .update_btn .update,
#users_page .updatebtn {
  background: #00aeef;
  color: #fff;
  padding: 7px 20px;
}

#users_page .update_btn .reset {
  background: #f3f3f3;
  border: 1px solid #eaeaea;
  padding: 7px 20px;
  margin-right: 15px;
}

#users_page .update_btn .reset:hover {
  background: #eaeaea;
}

#users_page .filter {
  margin-bottom: 20px;
}

#users_page .filter button {
  background: #00aeef;
  width: 100%;
  color: #fff;
  text-align: center;
}

#users_transfer .method {
  padding: 0;
}

#users_transfer .method li {
  list-style: none;
  border: 1px solid #dedede;
  cursor: pointer;
  border-right: 0;
  padding: 0 0 15px 0;
  background: #fff;
}

#users_transfer .method li:last-child {
  border-right: 1px solid #dedede;
}

#users_transfer .method li a {
  height: 140px;
  display: block;
  color: #666;
  text-align: center;
  font-size: 13px;
  padding: 15px 15px 0 15px;
}

#users_transfer .method li.active {
  background: #fff6e7;
  position: relative;
}

#users_transfer .method li.active::before {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #b4b4b4;
  margin-left: -13px;
}

#users_transfer .method li.active::after {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff6e7;
  margin-left: -12px;
}

#users_transfer .method li.active::after,
#users_transfer .method li.active::before {
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 0;
}

#users_transfer .transer_momo a {
  background: url("../images/payment/logo-momo.png") no-repeat scroll 50% 100%;
  background-size: auto;
}

#users_transfer .transer_card a {
  background: url("../images/payment/atm.png") no-repeat scroll 50% 100%;
}

#users_transfer .transer_cod a {
  background: url("../images/payment/cod.png") no-repeat scroll 50% 100%;
}

#users_transfer .transer_bank a {
  background: url("../images/payment/bank_transfer.png") no-repeat scroll 50%
    100%;
}

#users_transfer .transfer_content {
  margin-top: 40px;
}

#users_transfer .choose_telco {
  list-style: none;
  padding: 0;
}

#users_transfer .choose_telco img {
  display: block;
  margin-bottom: 10px;
}

#users_transfer .choose_telco li {
  text-align: center;
  display: inline-block;
  padding: 0 15px;
}

#users_transfer .mobilecard_info {
  margin-top: 30px;
}

#users_transfer .note ul {
  margin-top: 30px;
  padding-left: 0;
  margin-left: 10px;
}

#users_transfer .note li {
  margin-bottom: 10px;
}

#users_transfer .bank img {
  border: 1px solid #dedede;
  cursor: pointer;
  margin: 0 2px 5px;
  width: 70px;
  max-width: none;
}

#users_transaction .money_total {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 15px;
  background: #efefef;
  color: #333;
  padding: 12px;
  border-radius: 5px;
}

#users_transaction .money_total span {
  color: #00aeef;
}

#users_transaction .content th {
  background: #efefef;
}

#users_transaction .money_action .trans_in {
  background: #00aeef;
  display: inline-block;
  padding: 7px 15px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 5px;
}

#users_transaction .status {
  text-align: center;
  font-size: 18px;
}

.fa-check {
  color: #00aeef;
}

#test_course .test_border {
  border: 1px solid #c4efff;
  border-radius: 10px;
  text-align: center;
  padding: 70px 0;
  margin-bottom: 50px;
}

#test_overview .test_cate,
#test_overview .test_name {
  color: #00aeef;
  font-size: 30px;
  margin-bottom: 20px;
}

#test_overview .count,
#test_overview .time {
  font-size: 16px;
  margin-bottom: 20px;
}

#test_overview .start {
  display: inline-block;
  color: #fff;
  padding: 10px 30px;
  background: #00aeef;
  border-radius: 5px;
  font-size: 18px;
}

#test_overview .start i {
  margin-right: 20px;
}

#test_kq .test_cate,
#test_kq .test_name {
  color: #00aeef;
  font-size: 30px;
  margin-bottom: 20px;
}

#test_result {
  text-align: center;
}

#test_result .score {
  margin-bottom: 20px;
  font-size: 60px;
  color: #999;
}

#test_result .score span {
  color: #dc0202;
}

#test_result .comment {
  color: #00aeef;
  font-size: 24px;
  margin-bottom: 20px;
}

#test_result .link {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-top: 30px;
}

#test_result .result_button {
  padding: 10px 35px 10px 25px;
  background: #00aeef;
  color: #fff;
  margin-right: 15px;
  border-radius: 5px;
}

#test_result .answer_button {
  padding: 10px 35px 10px 25px;
  background: #f57c00;
  color: #fff;
  border-radius: 5px;
}

#test_result .link i {
  margin-right: 15px;
  font-size: 18px;
}

#test_detail .desc {
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 20px;
}

#test_detail .desc a {
  color: #333333;
  font-size: 16px;
  display: inline-block;
}

#test_detail .desc span {
  display: inline-block;
  margin: 0 15px;
}

#test_detail .item {
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#test_detail .question {
  font-size: 16px;
  font-weight: 500;
  margin-top: 14px;
  margin-bottom: 25px;
}

#test_detail .stt {
  font-size: 30px;
  color: #00aeef;
}

#test_detail .radio label {
  line-height: 30px;
}

#test_detail .button_page {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
}

#test_detail .button_page .btn {
  padding: 10px 20px;
}

#test_detail .button_page .prev {
  float: left;
}

#test_detail .button_page .prev i {
  margin-right: 10px;
}

#test_detail .button_page .next {
  float: right;
  color: #00aeef;
}

#test_detail .button_page .next:hover {
  background: #00aeef;
  color: #fff;
}

#test_detail .button_page .next i {
  margin-left: 10px;
}

#test_detail .send_answer i {
  margin-right: 15px;
}

#test_detail .send_answer button {
  background: #f57c00;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 20px;
}

#test_detail .countdown {
  margin-bottom: 15px;
  color: #fff;
  border-radius: 5px;
  padding: 20px 15px;
  text-align: center;
  background: #00aeef;
}

#test_detail .countdown span {
  font-size: 16px;
}

#test_detail .countdown span i {
  margin-right: 10px;
  font-size: 22px;
}

#test_detail .countdown .time_duration {
  display: block;
  font-size: 24px;
  margin-top: 10px;
}

#test_detail .answer_check {
  text-align: center;
  border: 1px solid #dedede;
  padding: 10px 5px;
  margin-top: 0px;
  border-radius: 5px;
}

#test_detail .answer_check .answer_item {
  display: inline-block;
  font-size: 11px;
  color: #cccccc;
  margin: 7px 7px;
}

#test_detail .answer_check span {
  width: 30px;
  height: 30px;
  line-height: 25px;
  display: inline-block;
  border: 1px solid #cccccc;
  text-align: center;
  margin-top: 5px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

#order_overview .item {
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}

#order_overview .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

#order_overview .total_pay {
  background: #00aeef;
  padding: 15px;
  margin-bottom: 20px;
  color: #fff;
}

#order_overview .total_pay .tt {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px dotted #dedede;
}

#order_overview .total_pay .tt span {
  font-weight: bold;
  float: right;
}

#order_overview .total_pay .tt:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#order_overview .update_btn {
  text-align: right;
  margin-bottom: 10px;
}

#order_overview .paynow,
#order_overview .transfer {
  background: green;
  display: inline-block;
  color: #fff;
}

#order_overview .account_left {
  border-bottom: 0;
}

#order_overview .coupon {
  margin-bottom: 15px;
}

#order_overview .coupon input {
  width: 130px;
  margin-right: 15px;
  margin-left: 10px;
}

#order_overview .coupon button {
  background: #fbb040;
}

#order_overview .coupon_button {
  text-align: right;
  color: #fff;
  text-decoration: underline;
  font-size: 12px;
  display: block;
}

#order_overview .delete {
  position: absolute;
  right: 0;
  background: #999;
  text-align: center;
  padding: 5px 10px;
  font-size: 20px;
  color: #fff;
  bottom: 15px;
  right: 15px;
}

#order_overview .item:hover .delete {
  display: block;
}

#order_overview .topic {
  background: #efefef;
  padding: 10px 15px 5px;
}

#order_overview .topic li {
  list-style: inside none square;
  padding-left: 15px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}

#order_overview .topic li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#order_overview .topic .price_topic {
  margin-top: 5px;
  margin-left: 15px;
}

#gototop {
  background: #fbb040;
  border: 2px solid #dedede;
  bottom: 20px;
  height: 36px;
  line-height: 36px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 36px;
  z-index: 2;
  color: #fff;
  cursor: pointer;
}

#common_message .mod_title {
  font-size: 25px;
  color: #00aeef;
  margin-bottom: 20px;
  margin-top: 0px;
}

#common_message .message {
  font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #course_detail .learn_free,
  #course_detail .learn_register,
  #course_detail .learn_save {
    padding: 15px;
  }

  #header .hotline {
    margin-left: 20px;
  }

  #header .search input {
    width: 330px;
  }

  #header .search {
    margin-left: 30px;
  }
}

@media (max-width: 991px) {
  #header {
    height: 50px;
    padding-top: 10px;
    background: #00aeef;
    color: #fff;
    z-index: 2;
  }

  #header .mobile_menu {
    float: left;
    border-right: 1px solid #fbb040;
    padding-right: 15px;
  }

  #header .mobile_menu i {
    font-size: 30px;
    cursor: pointer;
    color: #fff;
  }

  #header .logo {
    float: left;
    margin-left: 15px;
    margin-top: 0;
    width: 104px;
  }

  #header .member {
    margin-top: 0;
  }

  #header .member .shopcart,
  #header .member .notify,
  #header .member .avatar {
    color: #fff;
  }

  #header .notlogin {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    padding-left: 15px;
    padding-right: 10px;
    border-left: 1px solid #eee;
  }

  #header .member .member_icon {
    padding: 5px 10px;
  }

  #home_guide {
    min-height: 550px;
  }

  #home_guide .register {
    padding: 20px 15px 30px;
  }

  #home_guide .register .form_title {
    margin-bottom: 20px;
  }

  #home_teacher .item .name {
    margin: 0;
    margin-bottom: 15px;
  }

  #home_teacher .img {
    float: none;
    margin: 0;
    margin-bottom: 20px;
  }

  #home_teacher .item .info {
    padding: 10px;
    float: none;
  }

  #home_news .hotnews {
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
  }

  #course_top .mod_title {
    font-size: 32px;
    font-weight: 400;
  }

  #course_detail .video_player {
    margin-bottom: 15px;
  }

  #course_detail .learn_free,
  #course_detail .learn_register,
  #course_detail .learn_save {
    padding: 15px;
  }

  .course_list .citem {
    margin-bottom: 15px;
  }

  #advertise_home,
  #course_top,
  #home_guide {
    margin-bottom: 40px;
  }

  #users_menu {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  #home_guide .guide_icon {
    margin-bottom: 30px;
  }

  #home_guide .mod_title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  #home_guide .register_bg {
    margin-left: 10px;
    margin-right: 10px;
  }

  #news_list .hot {
    margin-bottom: 15px;
  }
}

@media (max-width: 479px) {
  #users_page .form_label {
    text-align: left;
  }
}

.owl-nav {
  height: 0;
}

.owl-next,
.owl-prev {
  font-size: 0;
  height: 0;
}

.owl-next::before {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #666;
  content: "";
  display: block;
  font: 40px/58px FontAwesome;
  position: absolute;
  right: -40px;
  text-align: center;
  top: 33%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
}

.owl-prev::before {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #666;
  content: "";
  display: block;
  font: 40px/58px FontAwesome;
  left: -40px;
  position: absolute;
  text-align: center;
  top: 33%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
}

.owl-nav > div:hover::before {
  background: #fbb040 none repeat scroll 0 0;
  color: #fff;
}

/* ----------------------------phuoc pm update------------------------------------ */
.dp-visible {
  display: inline-block !important;
}

.dp-hidden {
  display: none !important;
}

.check-true {
  color: #21d821;
}

.check-false {
  color: red;
}

@media (max-width: 414px) {
  #test_detail h1.mod_title {
    line-height: 1.5;
  }
}

@media (max-width: 414px) {
  #test_detail .item .player .jp-audio {
    width: 100%;
  }

  #test_detail .item > div.col-xs-1.stt {
    margin-bottom: -27px;
  }

  #test_detail .item > div.col-xs-11 {
    width: 100%;
  }

  #test_detail .item > div.col-xs-11 .question {
    margin-top: 0;
    margin-left: 20px;
  }
}

#test_detail .item .answer .answer_item .user_answer {
  text-align: left;
}

#test_detail .item .answer .answer_item .user_answer .iradio_square-blue input {
  opacity: 0 !important;
}

@media (max-width: 414px) {
  #test_detail .item .answer .answer_item .user_answer {
    margin-left: 0%;
  }
}

/* #test_detail .send_answer.text-center { */
/* margin-left: 28%; */
/* } */
@media (max-width: 414px) {
  #test_detail .send_answer.text-center {
    margin-left: 0;
  }
}

#test_detail .send_answer button.btn-success {
  margin-left: 20px;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

@media (max-width: 414px) {
  #test_detail .send_answer button.btn-success {
    margin-left: 0px;
    display: block;
    margin: 20px auto 0 auto;
  }
}

.modal-result .modal-dialog .modal-content .modal-header .modal-title {
  text-align: center;
}

.modal-result .modal-dialog .modal-content .modal-body .sec-left {
  text-align: center;
}

.modal-result .modal-dialog .modal-content .modal-body .sec-left .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}

@media (max-width: 414px) {
  .modal-result .modal-dialog .modal-content .modal-body .sec-left {
    margin-bottom: 25px;
  }
}

.modal-result
  .modal-dialog
  .modal-content
  .modal-body
  .sec-left
  .result-number {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 10px solid #4d87c1;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-result
  .modal-dialog
  .modal-content
  .modal-body
  .sec-left
  .result-number
  .point {
  font-size: 45px;
  font-weight: 600;
}

.modal-result .modal-dialog .modal-content .modal-body .sec-right .box-info {
  margin-bottom: 25px;
}

.modal-result
  .modal-dialog
  .modal-content
  .modal-body
  .sec-right
  .box-info
  .item
  .info-left {
  text-align: right;
}

.modal-result
  .modal-dialog
  .modal-content
  .modal-body
  .sec-right
  .box-info
  .item
  .info-right {
  font-weight: 600;
}

.modal-result
  .modal-dialog
  .modal-content
  .modal-body
  .sec-right
  .box-info
  .item:not(:last-child) {
  margin-bottom: 15px;
}

.modal-result
  .modal-dialog
  .modal-content
  .modal-body
  .sec-right
  .box-button
  .btn {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.modal-result
  .modal-dialog
  .modal-content
  .modal-body
  .sec-right
  .box-button
  .btn:last-child {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .modal-result .modal-dialog {
    max-width: 50%;
  }
}

@media (max-width: 1024px) {
  .modal-result .modal-dialog {
    max-width: 75%;
  }
}

@media (max-width: 768px) {
  .modal-result .modal-dialog {
    max-width: 95%;
  }
}

@media (max-width: 414px) {
  .modal-result .modal-dialog {
    max-width: 100%;
  }
}

/* #header .search form input{} */
#header .search form input,
#header .search form button {
  display: inline-block !important;
}

#header .search form {
  position: relative;
}

#header .search form .menu-level-2 {
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  z-index: 9;
  display: none;
  width: 250px;
  height: auto;
  border: 1px solid #00aeef;
  border-radius: 0 0 5px 5px;
}

#header .search form .menu-level-2 .menu-child:not(:last-child) {
  border-bottom: 1px solid #00aeef;
}

#header .search form .menu-level-2 .menu-child .title-menu {
  padding: 7.5px 10px;
  background: #fff;
  color: #00aeef;
  display: block;
  width: 100%;
}

#header .search form .menu-level-2 .menu-child:last-child .title-menu {
  border-radius: 0 0 5px 5px;
}

#header .search form .menu-level-2 .menu-child .title-menu:hover {
  background: #0084b5;
  color: #fff;
}

#test_detail .answer_check {
  background: #fff;
}

#test_detail .answer_check .answer_item span.status-done {
  border-color: #00aeef;
  color: #00aeef;
}

#users_change_avatar .avatar button.btn.update {
  margin: 10px auto;
}

#advertise_home .owl-prev:before {
  left: 50px;
}

#advertise_home .owl-next:before {
  right: 50px;
}

@media (max-width: 414px) {
  #advertise_home .owl-nav {
    display: none;
  }
}

.owl-prev:before,
.owl-next:before {
  color: #00aeef;
  border: 1px solid #00aeef;
}

@media (max-width: 414px) {
  #home_teacher .mod_title,
  #course_top.course_list .mod_title {
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
  }

  #home_teacher .owl-carousel .owl-nav .owl-prev:before,
  .course_list .owl-carousel .owl-nav .owl-prev:before {
    border-radius: 2px;
    font: 25px/30px FontAwesome;
    left: unset;
    right: 35px !important;
    top: -45px;
    width: 30px;
    height: 30px;
    margin-top: 0;
    font-size: 25px;
    border: 1px solid #00aeef;
  }

  #home_teacher .owl-carousel .owl-nav .owl-next:before,
  .course_list .owl-carousel .owl-nav .owl-next:before {
    border-radius: 2px;
    font: 25px/30px FontAwesome;
    right: 0px;
    top: -45px;
    width: 30px;
    height: 30px;
    margin-top: 0;
    font-size: 25px;
    border: 1px solid #00aeef;
  }

  #home_guide .item span {
    font-size: 11px;
  }

  #home_guide {
    min-height: 300px;
    padding: 0;
  }

  #home_news {
    margin-bottom: 35px;
  }

  #home_news .item .desc {
    display: flex;
  }

  #footer .info {
    margin-bottom: 20px;
  }

  #document_lists .block_item .item a {
    float: none;
    display: inline-block;
  }

  #document_lists .block_item .item a.name {
    margin-bottom: 10px;
    line-height: 1.5;
    display: block;
  }

  #document_lists .block_item .item a.share i {
    margin-left: 0;
  }

  #teacher_lists .item {
    max-width: 100%;
  }
}

.text-center {
  text-align: center;
}

#course_main_detail .table tr td:not(:first-child) {
  text-align: center;
}

#course_main_detail .table tr td:nth-child(2) {
  /* width: 110px; */
}

#course_main_detail .table tr td a {
  font-weight: 600;
  color: #0096ce !important;
}

#course_main_detail .table tr td i {
  color: #0096ce;
  margin-right: 5px;
}

#course_detail .desc_info .row .col-sm-4 {
  margin-bottom: 20px;
}

@media (max-width: 414px) {
  #course_main_detail .table {
    margin-bottom: 20px;
  }

  /* #course_main_detail .table tr { */
  /* border-bottom: 1px solid #00aeef; */
  /* } */
  #course_main_detail .table tr td {
    height: auto;
    padding: 10px 8px;
  }

  #course_main_detail .table tr td:nth-child(1) {
    display: block;
    width: 100%;
  }

  #course_main_detail .table tr td:nth-child(2),
  #course_main_detail .table tr td:nth-child(3),
  #course_main_detail .table tr td:nth-child(4) {
    display: inline-block;
    width: 33.33% !important;
  }

  #course_main_teacher .name {
    text-align: center;
    margin-top: 20px;
  }

  #course_main_teacher .neo_title {
    text-align: center;
  }

  /* #footer { */
  /* margin-top: 20px; */
  /* } */
}

/* *{
	border: 1px solid red;
} */
@media (max-width: 414px) {
  #course_popup {
    position: unset;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: -15px;
  }

  #course_popup .video {
    padding-left: 15px;
    margin-right: 10px;
    height: 325px;
  }

  .other_video {
    margin-top: 10px;
  }

  #course_popup .course_top {
    margin-bottom: 10px;
    /* padding-top: 15px; */
  }

  #course_popup .title {
    font-size: 11px;
    padding-top: 2px;
  }

  #course_popup .course_top .back {
    padding-right: 10px;
    margin-right: 10px;
  }

  #course_popup .tab-content {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-left: 15px;
  }

  /* #course_popup .tabinfo .nav-tabs li:last-child { */
  /* margin-top: -20px; */
  /* } */
  #course_popup_1 .course_detail_class a {
    padding: 15px;
    line-height: 1.5;
  }
}

#course_main_detail .course_detail_class input[type="checkbox"],
input[type="radio"] {
  margin: 19px 0 0 15px;
  width: 18px;
  height: 18px;
  float: left;
}

#course_popup_1 .course_detail_class a {
  padding: 15px 15px 15px 45px;
  line-height: 2;
}

/* #course_popup .video{
		padding-left: 15px;
		margin-bottom: 15px;
		width: 100%;
	}

	#course_popup .tabinfo{
		width: 100%;
	}
	#course_popup .tabinfo{
		position: unset;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		overflow-y: auto;
	}
} */
#course_main_detail .icon-item {
  width: 30px;
  margin-right: 15px;
}

.livestream {
  display: inline-block;
  padding: 5px 10px;
  background: red;
  color: #fff;
  border-radius: 5px;
  margin: 5px 5px 5px 0;
  font-weight: 600;
  animation: example 2s infinite;
  animation-duration: 1s;
}

@keyframes example {
  from {
    background-color: red;
  }

  to {
    background-color: #f57c00;
  }
}

.livestream-prepare {
  display: inline-block;
  padding: 5px 10px;
  background: #0096ce;
  color: #fff;
  border-radius: 5px;
  margin: 5px 5px 5px 0;
  font-weight: 600;
}

.livestream-done {
  display: inline-block;
  padding: 5px 10px;
  background: #ccc;
  color: #fff;
  border-radius: 5px;
  margin: 5px 5px 5px 0;
  font-weight: 600;
}

#test_detail h1.mod_title {
  color: #00aeef;
  margin-bottom: 20px;
}

#test_detail .desc {
  padding-bottom: 10px;
  margin-bottom: 15px;
}

#test_detail #test_detail_question {
  background: #fff;
  margin-left: 0;
  border-radius: 5px;
  border: 1px solid #dedede;
  margin-bottom: 20px;
}

#test_detail #test_detail_question .item {
  padding-bottom: 10px;
  margin-bottom: 0;
  padding-top: 20px;
}

#test_detail #test_detail_question .item .stt {
  padding-right: 0;
}

#test_detail .question {
  margin-bottom: 10px;
  margin-top: 0;
  text-align: left;
}

#test_detail .button_page {
  margin-right: -15px;
}

#class_note_form textarea {
  margin: 20px 0;
  width: 100%;
}

#class_note_form .btn {
  text-align: center;
  margin: 0 auto 20px;
  display: block;
  width: 100%;
}

#transer_card label {
  display: flex;
  align-items: center;
}

#transer_card input[type="checkbox"],
input[type="radio"] {
  float: unset;
  margin: 0px 5px 0 0;
}

#transer_card .list-content li .boxContent ul {
  height: auto;
}

.list-content li.active .boxContent .cardList label {
  display: unset !important;
}

.list-content li.active .boxContent .cardList label i {
  margin-bottom: 5px;
}

.list-content li.active .boxContent .cardList label input {
  margin: 0;
}

/* .bank-online-methods label{
	display: flex !important;
} */
.bank-online-methods label input {
  margin-left: 10px !important;
}

.course_list .item .info .number-live {
  font-size: 13px;
  color: #999;
  margin-bottom: 10px;
}

.course_list .item .info .number-live span {
  font-weight: 600;
  color: #111;
}

.course_list .item .info .course-time {
  color: #999;
  font-size: 13px;
}

.course_list .item .info .course-time span {
  color: #111;
  font-weight: 600;
}

.course_list .item .info .course-time .time-begin {
  margin-bottom: 10px;
}

#users_transfer .list-content {
  padding: 0;
}

#users_transfer .list-content .boxContent {
  width: 100%;
  background: #fff;
}

#users_transfer .list-content .boxContent .cardList {
  padding-left: 20px;
}

@media (max-width: 414px) {
  #course_detail .nav_info li {
    padding: 10px 10px;
    width: 47%;
    margin: 0 5px 10px 5px;
    border-bottom: 1px solid#00aeef;
    text-align: center;
  }

  #course_detail .nav_info li.active {
    border-bottom-color: #fff;
  }

  #category_menu {
    margin-bottom: 20px;
  }
}

#teacher_lists .main_title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

#teacher_lists .slides {
  padding: 0;
}

ul.cardList li {
  margin-bottom: 0;
}

#course_main_detail .panel {
  margin-top: 15px;
}

#course_main_detail .combo-list .panel .panel-heading .item-title {
  margin-bottom: 10px;
}

#course_main_detail .combo-list .panel .panel-heading .info-common .info-child {
  margin-bottom: 10px;
}

#course_main_detail
  .combo-list
  .panel
  .panel-heading
  .info-common
  .info-child
  i {
  display: inline-block;
  margin-right: 5px;
}

#course_main_detail .combo-list .panel .panel-heading .item-title a {
  color: #0091c7;
  text-transform: uppercase;
  font-size: 18px;
}

#course_main_detail .combo-list .panel .panel-heading .item-title a span {
  display: inline-block;
  margin-right: 7.5px;
}

#course_main_detail .combo-list .panel .panel-heading .item-subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#course_main_detail
  .combo-list
  .panel
  .panel-heading
  .item-subtitle
  .info-teacher
  a {
  color: #0091c7;
}

#course_main_detail
  .combo-list
  .panel
  .panel-heading
  .item-subtitle
  .box-readmore
  a {
  color: #0091c7;
}

#course_main_detail .panel .panel-body {
  padding: 0;
}

#course_main_detail .combo-list .panel .panel-body {
  padding: 15px;
}

@media (max-width: 414px) {
  #course_main_detail .combo-list .panel .panel-heading .item-title a {
    font-size: 16px;
  }

  #course_main_detail
    .combo-list
    .panel
    .panel-heading
    .item-subtitle
    .box-readmore
    a,
  #course_main_detail
    .combo-list
    .panel
    .panel-heading
    .item-subtitle
    .info-teacher
    a {
    font-size: 13px;
  }
}

.eb-contact {
  padding: 30px 25px;
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 50px;
  border-radius: 5px;
}

.eb-contact .sec-left .title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

.eb-contact .sec-left .text {
  margin-bottom: 20px;
}

.eb-contact .sec-left .text p {
  line-height: 1.5;
  font-size: 16px;
}

.eb-contact .sec-left .list-info {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eb-contact .sec-left .list-info li:not(:last-child) {
  margin-bottom: 10px;
}

.eb-contact .sec-left .list-info li i {
  display: inline-block;
  margin-right: 10px;
  color: #0bb1ef;
  min-width: 20px;
  font-size: 20px;
}

.eb-contact .sec-left .list-info li span {
  font-size: 16px;
}

.eb-contact .sec-right .form-group {
  margin-bottom: 20px;
}

.eb-contact .sec-right .form-group label {
  font-size: 16px;
  font-weight: 600;
}

.eb-contact .sec-right .box-button {
  width: 50%;
}

.eb-contact .sec-right .box-button a {
  text-transform: uppercase;
  font-weight: 600;
  width: calc(100% - 15px);
  background-color: #00aeef;
  border-color: #00aeef;
}

.eb-contact .sec-right .box-button a:hover {
  background-color: #337ab7;
  border-color: #337ab7;
}

@media (max-width: 1024px) {
  .eb-contact .sec-left {
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .eb-contact {
    margin-top: 30px;
  }
}

@media (max-width: 414px) {
  .eb-contact {
    margin-top: 15px;
    padding: 15px;
    margin-bottom: 15px;
  }

  .eb-contact .sec-right .box-button {
    width: 100%;
  }

  .eb-contact .sec-right .box-button a {
    width: 100%;
  }
}

/* 06/03 */
#home_teacher .item .info {
  padding-right: 15px;
}

#home_teacher .item .slogan {
  font-size: 13px;
  text-align: justify;
}

#course_detail .nav_fix_position .fix_nav {
  color: red;
  font-weight: 600;
  font-size: 20px;
}

#course_detail .nav_fix_position .fix_nav span.discount {
  font-size: 14px;
  margin: 0 10px;
  color: #999;
  font-weight: 500;
  text-decoration: line-through;
}

/* 09/03 */
#menu_top .ulmenu1 > li:hover .link1 {
  background: #008bbf;
}

#menu_top .ulmenu1 > li {
  position: relative;
}

#menu_top .ulmenu1 > li .menu-child > ul {
  border: 1px solid #fff;
}

#menu_top .ulmenu1 > li .menu-child {
  position: absolute;
  display: block;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: 0 0 0;
}

#menu_top .ulmenu1 > li:hover .menu-child {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  transform: 0.5s;
  z-index: 100;
  transition: all ease-in-out 0.3s;
}

#menu_top .ulmenu1 > li .menu-child.menu-level-2 {
  top: 100%;
  left: 0;
}

#menu_top .ulmenu1 > li .menu-child .title-menu {
  padding: 10px 10px;
  color: #fff;
  display: block;
}

#menu_top .ulmenu1 > li .menu-child .title-menu:hover {
  background: #1ca9de;
}

#menu_top .ulmenu1 > li .menu-child.menu-level-2 > ul {
  background: #008bbf;
}

#menu_top .ulmenu1 > li .menu-child.menu-level-2 > ul > li {
  position: relative;
  border-bottom: 1px solid #ddd;
}

#menu_top .ulmenu1 > li .menu-child.menu-level-2 > ul > li.sub-menu-child i {
  position: absolute;
  display: inline-block;
  top: 11px;
  right: 10px;
  color: #fff;
  font-size: 18px;
}

/* #menu_top .ulmenu1 > li .menu-child.menu-level-2 > ul > li .title-menu {} */
#menu_top .ulmenu1 > li .menu-child > ul > li .menu-level-3 {
  top: -1px;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: 0 0 0;
}

#menu_top .ulmenu1 > li .menu-child > ul > li:hover .menu-level-3 {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  transform: 0.5s;
  z-index: 100;
  transition: all ease-in-out 0.3s;
}

#menu_top .ulmenu1 > li .menu-child.menu-level-3 > ul {
  background: #008bbf;
}

#menu_top .ulmenu1 > li .menu-child.menu-level-3 > ul > li {
  border-bottom: 1px solid #ddd;
}

/* #menu_top .ulmenu1 > li .menu-child.menu-level-3 > ul > li .title-menu {} */

/* index-news */
#index-new .item-common {
  /* border-radius: 10px; */
  /* border: 1px solid #ccc; */
  /* box-shadow: 1px 1px 10px 0px #ccc; */
}

#index-new .item-common .thumb {
}

#index-new .item-common .thumb img {
  border-radius: 10px 10px 0 0;
}

#index-new .item-common .info {
  padding: 15px;
}

#index-new .item-common .info .title {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

#index-new .item-common .info .author {
  color: #222;
  display: block;
  margin-bottom: 10px;
}

#index-new .item-common .info .box-vote {
}

#index-new .item-common .info .box-vote p {
}

#index-new .item-common .info .box-vote .box-vote-upper .point {
  font-weight: 600;
  margin-right: 15px;
}

#index-new .item-common .info .box-vote .box-vote-upper {
  display: flex;
  margin-bottom: 5px;
}

#index-new .item-common .info .box-vote .box-vote-upper .list-start {
}

#index-new .item-common .info .box-vote .box-vote-upper .list-start li {
  display: inline-block;
}

#index-new .item-common .info .box-vote .box-vote-upper .list-start li i {
  color: #ffbb00;
}

#index-new .item-common .info .box-vote p.text {
  font-size: 12px;
  color: #8396ab;
}

#index-new .item-common .info .box-price {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#index-new .item-common .info .box-price .old-price {
  text-decoration: line-through;
  padding-top: 5px;
  color: #8396ab;
}

#index-new .item-common .info .box-price .new-price {
  font-size: 20px;
  font-weight: 500;
  margin-left: 15px;
}

#index-new .sec-head.sec-head-1 {
  margin-bottom: 25px;
  text-align: center;
}

#index-new .sec-head.sec-head-1 .heading {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}

#index-new .sec-head.sec-head-1 .sub-heading {
  font-size: 18px;
  color: #7d7d7d;
}

#index-new .sec-head.sec-head-2 {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#index-new .sec-head.sec-head-2 .heading {
  font-size: 30px;
  font-weight: 600;
}

/* #index-new .sec-head.sec-head-2 .box-readmore {} */
#index-new .sec-head.sec-head-2 .box-readmore .readmore {
  font-size: 18px;
  color: #1e76fc;
}

#index-new .row.row-mg-10 {
  margin-left: -10px;
  margin-right: -10px;
}

#index-new .row.row-mg-0 .col-pd-10 {
  padding-right: 10px;
  padding-left: 10px;
}

#index-new .row.row-mg-0 {
  margin-left: -0px;
  margin-right: -0px;
}

#index-new .row.row-mg-0 .col-pd-0 {
  padding-right: 0px;
  padding-left: 0px;
}

#index-new .row.row-mg-75 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

#index-new .row.row-mg-75 .col-pd-75 {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

#index-new ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#index-new .img-scaledown {
  display: block;
  width: 100%;
  height: 100%;
}

#index-new .img-scaledown img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

#index-new .img-cover {
  display: block;
  width: 100%;
  height: 100%;
}

#index-new .img-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#p-slider {
  background: #fff;
}

#p-course-favorite {
  padding: 50px 0;
  background: #fff;
}

#p-course-favorite .sec-head {
  margin-bottom: 40px;
}

#p-course-favorite .sec-body .nav.nav-tabs {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

@media (max-width: 414px) {
  #p-course-favorite .sec-body .nav.nav-tabs {
    display: block;
  }
}

#p-course-favorite .sec-body .nav.nav-tabs li a {
  border: none;
  position: relative;
  color: #666;
  font-size: 16px;
}

#p-course-favorite .sec-body .nav.nav-tabs li.active a {
  font-weight: 600;
}

#p-course-favorite .sec-body .nav.nav-tabs li a:before {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: transparent;
  border-radius: 2px 2px 0 0;
}

#p-course-favorite .sec-body .nav.nav-tabs li.active a:before {
  background: #000;
}

/* -------------- */
.p-list-course {
  padding: 30px 0;
  background: #fff;
}

#p-introduce {
  padding: 35px 0;
}

#p-introduce .item .row-mg-75 {
  align-items: center;
  display: flex;
}

@media (max-width: 414px) {
  #p-introduce .item {
    margin-bottom: 20px;
  }

  #p-introduce {
    padding-bottom: 15px;
  }
}

/* #p-introduce .col-pd-75{} */
#p-introduce .info .title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}

/* -------------- */
#p-list-video {
  padding: 50px 0 25px 0;
  background: #fff;
}

#p-course-list {
  padding: 25px 0;
  background: #fff;
}

/* #p-banner {} */
#p-feedback {
  background: #fff;
  padding: 50px 0;
}

#p-feedback .owl-nav {
  display: block;
}

#p-feedback .owl-dots {
  display: none;
}

#p-feedback .sec-body .owl-stage-outer {
  margin: 0 -10px;
}

#p-feedback .sec-body .owl-item {
  margin: 10px !important;
}

#p-feedback .sec-body .item {
  box-shadow: 1px 1px 10px 5px #f0f0f0;
}

#p-feedback .sec-body .item .thumb {
  position: relative;
}

#p-feedback .sec-body .item .thumb .overlay {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #00000038;
}

#p-feedback .sec-body .item .thumb .overlay i {
  color: #ffffffad;
  font-size: 50px;
}

#p-feedback .sec-body .item .thumb:hover .overlay {
  background-color: #0005;
}

#p-feedback .sec-body .item .thumb:hover .overlay i {
  color: #fff;
}

#p-feedback .sec-body .item .info {
  padding: 15px;
}

#p-feedback .sec-body .item .info .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

#p-feedback .sec-body .item .info .desc {
}

/* ----------------------- */
#p-library {
  padding: 50px 0;
}

@media (max-width: 414px) {
  #p-library .sec-body .row-mg-75 .col-pd-75 {
    margin-bottom: 20px;
  }
}

#p-library .sec-body .item .thumb {
  margin-bottom: 15px;
}

#p-library .sec-body .item .info .title {
  display: block;
  margin-bottom: 5px;
  color: #222;
}

@media (max-width: 414px) {
  #p-library .sec-body .item .info .title {
    font-size: 13px;
  }
}

#p-library .sec-body .item .info .title:hover {
  color: #00aeef;
}

#p-library .sec-body .item .info .btn {
  border: 1px solid #00aeef;
  border-radius: 5px;
  background: #fff;
  color: #00aeef;
}

#p-library .sec-body .item .info .btn:hover {
  background: #00aeef;
  color: #fff;
}

/* ------------------------ */
#p-news {
  padding: 50px 0;
  background: #fff;
}

@media (max-width: 414px) {
  #p-news .sec-left {
    margin-bottom: 20px;
  }
}

#p-news .sec-right > .row-mg-75 > .col-pd-75 {
  margin-bottom: 15px;
}

#p-news .sec-right .item .row-mg-75 .col-pd-75 .info a {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#p-news .sec-right .item .row-mg-75 .col-pd-75 .info .title {
  font-weight: 600;
  color: #212121;
  -webkit-line-clamp: 1;
  font-size: 16px;
  margin-bottom: 7.5px;
}

#p-news .sec-right .item .row-mg-75 .col-pd-75 .info .desc {
  color: #666;
  font-size: 13px;
  -webkit-line-clamp: 3;
}

#p-news .sec-right .item .row-mg-75 .col-pd-75 .info a:hover {
  color: #00aeef;
}

#owl-demo .item {
  background: #3fbf79;
  padding: 30px 0px;
  margin: 10px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.customNavigation {
  text-align: center;
}

.customNavigation a {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* -------------------------------- */
/* list-video */
.list-video {
  padding: 50px 0 25px 0;
  background: #fff;
}

.list-video .sec-body > .row .sec-left iframe {
  width: 100%;
  height: 406px;
}

@media (max-width: 1024px) {
  .list-video .sec-body > .row .sec-left iframe {
    height: 490px;
  }
}

@media (max-width: 768px) {
  .list-video .sec-body > .row .sec-left iframe {
    height: 366px;
  }
}

@media (max-width: 414px) {
  .list-video .sec-body > .row .sec-left iframe {
    height: 204px;
  }
}

@media (max-width: 414px) {
  .list-video .sec-body > .row .sec-left iframe {
    height: 184px;
  }
}

@media (max-width: 1024px) {
  .list-video .sec-body > .row .sec-left {
    margin-bottom: 20px;
  }
}

.list-video .sec-body > .row .sec-right {
  padding: 17.5px 15px 15px 17.5px;
  padding-bottom: 0;
  background-color: #000;
  height: 406px;
  overflow-y: scroll;
}

.list-video .sec-body > .row .sec-right .panel-body {
  padding: 0;
}

.list-video .sec-body > .row .sec-right .panel-body .list-video-child li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

@media (max-width: 768px) {
  .list-video
    .sec-body
    > .row
    .sec-right
    .panel-body
    .list-video-child
    li
    .video-child
    > .row
    .thumb {
    margin-bottom: 20px;
  }
}

.list-video
  .sec-body
  > .row
  .sec-right
  .panel-body
  .list-video-child
  li
  .video-child
  > .row
  .info
  .title-video {
  padding-top: 0px;
  margin: 0;
}

.list-video
  .sec-body
  > .row
  .sec-right
  .panel-body
  .list-video-child
  li
  .video-child
  > .row
  .info
  .title-video
  a {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.list-video .sec-body > .row .sec-right::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.list-video .sec-body > .row .sec-right::-webkit-scrollbar {
  width: 12.5px;
  background-color: #f5f5f5;
}

.list-video .sec-body > .row .sec-right::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.44, #7a99d9),
    color-stop(0.72, #497dbd),
    color-stop(0.86, #1c3a94)
  );
}

@media (max-width: 1024px) {
  .list-video .sec-body > .row .sec-right {
    height: 400px;
  }
}

@media (max-width: 414px) {
  .list-video .sec-body > .row .sec-right {
    height: 300px;
  }
}

@media (max-width: 414px) {
  .list-video .sec-body > .row .sec-right {
    height: 280px;
  }
}

@media (max-width: 1024px) {
  .list-video .sec-body {
    margin-bottom: 50px;
  }
}

#owl-slider .item img {
  display: block;
  width: 100%;
  height: auto;
}

#owl-slider .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
}

#owl-banner .item img {
  display: block;
  width: 100%;
  height: auto;
}

#owl-banner {
  position: relative;
}

#owl-banner .info {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

#owl-banner .info .title {
  font-size: 30px;
  font-weight: 600;
}

#owl-banner .info .sub-title {
  font-size: 20px;
}

#owl-banner .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
}

#owl-feedback .item img {
  display: block;
  width: 100%;
  height: auto;
}

#owl-feedback .owl-dots {
  display: none;
}

#owl-feedback .owl-nav {
  display: block !important;
}

.list-course .owl-dots {
  display: none;
}

.list-course .owl-nav {
  display: block !important;
}

@media (max-width: 414px) {
  .modal-backdrop {
    display: none;
  }

  .modal-open .modal {
    background: #00000085;
  }
}

.list-course .owl-stage-outer {
  margin: 0 -10px;
}

.list-course .owl-item {
  margin: 10px !important;
}

.list-course .item {
  box-shadow: 1px 1px 10px 5px #f0f0f0;
}

@media (max-width: 414px) {
  .list-course .owl-nav,
  .list-course .owl-dots,
  #p-feedback .owl-nav,
  #p-feedback .owl-dots {
    display: none !important;
  }

  #p-banner .info,
  #p-banner .owl-dots {
    display: none;
  }
}

#phonering-alo-phoneIcon {
  left: -50px;
  bottom: 150px;
  position: fixed;
  z-index: 999;
}

.phonering-alo-phone.phonering-alo-static {
  opacity: 0.6;
}

.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
  opacity: 1;
}

.phonering-alo-ph-circle {
  width: 150px;
  height: 150px;
  top: 15px;
  left: 45px;
  position: absolute;
  background-color: transparent;
  border-radius: 100% !important;
  border: 2px solid rgba(30, 30, 30, 0.4);
  border: 2px solid #bfebfc 9;
  opacity: 0.1;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
  -webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
  animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
  -webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
  animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
  border-color: red;
  opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover
  .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
  border-color: red;
  border-color: red;
  opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
  border-color: red;
  border-color: red;
  opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover
  .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
  border-color: #ccc;
  opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
  border-color: red;
  opacity: 0.5;
}

.phonering-alo-ph-circle-fill {
  width: 125px;
  height: 125px;
  top: 25px;
  left: 55px;
  position: absolute;
  background-color: #000;
  border-radius: 100% !important;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
  -webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
  animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
  opacity: 0 !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
  background-color: red;
  background-color: red 9;
  opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover
  .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
  background-color: red;
  background-color: red;
  opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
  background-color: red;
  background-color: red;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover
  .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
  background-color: rgba(204, 204, 204, 0.5);
  background-color: #ccc 9;
  opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
  background-color: red;
  opacity: 0.75 !important;
}

.phonering-alo-ph-img-circle {
  width: 75px;
  height: 75px;
  top: 50px;
  left: 80px;
  position: absolute;
  /*background: rgba(30, 30, 30, 0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;*/
  border-radius: 100% !important;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
  -webkit-animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important;
  animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
  background-color: red;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover
  .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
  background-color: red;
  background-color: red;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
  background-color: red;
  background-color: red 9;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover
  .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
  background-color: #ccc;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
  background-color: red;
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }

  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.2;
  }

  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: 0.1;
  }

  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.1;
  }
}

@keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: 0.1;
  }

  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.1;
  }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.2;
  }

  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }
}

@keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.2;
  }

  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }
}

@media (max-width: 1366px) {
  #owl-banner .info {
    top: 20%;
  }
}

@media (max-width: 414px) {
  #p-course-favorite {
    padding-bottom: 15px;
  }

  #owl-slider .owl-dots {
    bottom: -30px;
  }

  .list-video {
    padding-top: 25px;
  }

  .list-video .sec-body {
    margin-bottom: 0px;
  }

  #index-new .sec-head.sec-head-2 .heading {
    font-size: 16px;
  }

  #index-new .sec-head.sec-head-2 .box-readmore .readmore {
    font-size: 14px;
  }

  .p-list-course {
    padding: 10px;
    padding-bottom: 25px;
  }

  #p-feedback {
    padding: 25px 0;
  }

  #index-new .sec-head.sec-head-1 {
    margin-bottom: 10px;
  }

  #index-new .sec-head.sec-head-1 .heading {
    font-size: 25px;
    margin-bottom: 0;
  }

  #p-library {
    padding: 25px 0;
  }

  #index-new .sec-head.sec-head-1 .sub-heading {
    font-size: 16px;
  }

  #p-news {
    padding: 25px 0;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

#course_list .box-table {
  background: #fff;
  margin-bottom: 0;
}
#course_list .box-table tr td:first-child {
  text-align: center;
}
#course_list .box-table tr td:last-child {
  text-align: center;
}
#course_list .box-table th {
  text-align: center;
}
#course_list .box-table th,
#course_list .box-table th a,
#course_list .box-table td {
  /* text-align: center; */
  font-size: 14px;
  vertical-align: middle;
}

#course_list .box-table th i,
#course_list .box-table th a i,
#course_list .box-table td i {
  margin-right: 5px;
}

.active-pc {
  display: block;
}

.active-mb {
  display: none;
}

@media (max-width: 414px) {
  .active-pc {
    display: none;
  }

  .active-mb {
    display: block;
  }
}

#course_list .mod_desc-mb .course-list {
  list-style: none;
  padding: 0;
}

#course_list .mod_desc-mb .course-list li:nth-child(even) {
  background: #fff;
}
#course_list .mod_desc-mb .course-list li:nth-child(odd) {
  background: #f9f9f9;
}
#course_list .mod_desc-mb .course-list li:first-child {
  border-top: 1px solid #ccc;
}
#course_list .mod_desc-mb .course-list li {
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
}
#course_list .mod_desc-mb .course-list li .box-info i {
  margin-right: 5px;
  font-size: 16px;
  width: 16px;
}
#course_list .mod_desc-mb .course-list li .course-detail .box-info .line.title {
  font-size: 18px;
  font-weight: bold;
}

#course_list .mod_desc-mb .course-list li .course-detail .box-info .line span {
  display: inline-block;
  width: 30%;
}

#course_list .mod_desc-mb .course-list li .course-detail .box-button .btn {
  width: 100%;
  display: block;
}

/* 23/03 */
#course_detail .course_reg .course_button .learn_register i {
  padding-right: 10px;
  font-size: 20px;
}

#course_detail .course_reg .course_button .icon-heart i {
  padding-left: 20px;
  padding-right: 10px;
  font-size: 20px;
}

#news_detail .content img {
  height: auto !important;
}

.dp-none {
  display: none;
}

.dp-inline-block {
  display: inline-block;
}

@media (max-width: 414px) {
  #teacher_detail h1.mod_title {
    margin-top: 20px;
  }

  #teacher_lists .item {
    height: auto;
    padding-bottom: 20px;
  }

  .course_list .title {
    height: auto;
    line-height: 1.5;
    margin-bottom: 5px;
  }

  .course_list .course_list .title {
    float: unset;
    margin-bottom: 0;
  }

  .course_list .detail a:first-child {
    border: none;
  }

  /* .course_list .detail a {
    float: unset;
    display: block;
    width: 100%;
  }
  .course_list .price {
    float: unset;
    width: 100%;
    text-align: left;
    margin-top: 5px;
    display: block;
  } */
  #advertise_home {
    margin-bottom: 20px;
  }

  #home_guide .mod_title {
    font-size: 25px;
    margin-bottom: 5px;
    margin-top: 20px;
  }
}

/* 24/03 */
#category_menu {
  margin-bottom: 20px;
}

#teacher_lists .tprofile .profile_content ul {
  padding-left: 15px;
  margin-bottom: 0;
}

#document_lists {
  margin-bottom: 20px;
}

@media (max-width: 414px) {
  #teacher_lists.col-md-push-9 .item {
    padding-bottom: 0;
  }

  #document_detail .info {
    margin-bottom: 15px;
  }

  #document_detail span {
    margin-bottom: 5px;
  }

  #document_detail a.dowload_link {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-right: 0;
  }

  #document_lists {
    margin-bottom: 20px;
  }

  #document_lists .item a {
    float: unset;
    display: inline-block;
  }

  #document_lists .item a.name {
    float: unset;
    display: block;
  }

  #document_lists .item a i {
    margin-left: 0;
    margin-right: 15px;
    margin-top: 10px;
  }

  #course_list .block_item {
    margin-bottom: 20px;
  }

  #course_top {
    margin-bottom: 0px;
  }

  #home_guide {
    margin-bottom: 25px;
  }

  #home_teacher {
    padding: 30px 0 0 0;
  }

  .course_list .short_info {
    float: unset;
  }

  .course_list .detail {
    margin-top: 0;
  }

  #course_detail .statistic .teacher:before {
    margin: 0 7.5px;
  }

  .owl-prev::before {
    width: 30px;
    height: 30px;
    font: 20px/30px FontAwesome;
    left: 0px;
  }

  .owl-next::before {
    width: 30px;
    height: 30px;
    font: 20px/30px FontAwesome;
    right: 0px;
  }

  .course_list .short_info i {
    margin: 0 5px 0 0px;
  }

  .course_list .teacher {
    margin-right: 15px;
  }

  #news_detail {
    margin-bottom: 15px;
  }

  .course_list .citem {
    margin-bottom: 5px;
  }
}

/* 25/03 */
#myModalSuccess .modal-header {
  border: none;
  padding: 10px 15px 0 0;
}

#myModalSuccess .modal-header .close {
  font-size: 30px;
}

#myModalSuccess .modal-body .thumb {
  margin: 0px 0 25px 0;
}

#myModalSuccess .modal-body .thumb .image {
  display: flex;
  justify-content: center;
}

#myModalSuccess .modal-body .thumb .image img {
  height: 250px;
}

#myModalSuccess .modal-body .info {
  text-align: center;
}

#myModalSuccess .modal-body .info .title {
  font-size: 25px;
  text-transform: uppercase;
  color: #00aeef;
  margin-bottom: 5px;
}

#myModalSuccess .modal-body .info .desc {
  font-size: 18px;
  margin-bottom: 15px;
}

#myModalSuccess .modal-body .info .course-title {
  font-weight: 600;
  color: #00aeef;
  font-size: 20px;
  display: block;
  width: 90%;
  margin: 0 auto 30px auto;
}

#myModalSuccess .modal-body .info .box-button {
  margin-bottom: 25px;
}

#myModalSuccess .modal-body .info .box-button .btn {
  font-size: 20px;
}

@media (max-width: 414px) {
  #myModalSuccess {
    padding: 0;
  }

  #myModalSuccess .modal-body .info .course-title {
    width: 100%;
  }
}

/* 06/04 */
#button_order {
  position: fixed;
  display: none;
  margin: 0px;
  bottom: 17px;
  left: 15px;
  right: 15px;
  width: 100%;
}

#button_order .btn {
  display: block;
  width: calc(100% - 30px);
  padding: 10px;
  text-align: center;
  color: #fff;
  background: #00aeef;
  text-transform: uppercase;
  font-size: 15px;
  z-index: 9999 !important;
}

@media (min-width: 415px) {
  #button_order {
    display: none !important;
  }
}
/* 08/04 */
@media (max-width: 414px) {
  #course_popup .video {
    position: fixed;
    top: 0px;
    left: -7.5px;
    width: 100%;
    z-index: 9;
    height: 325px;
  }
  #course_popup .tabinfo {
    margin-top: 340px;
  }
}
/* 14/04 */
#course_list .block_item .item_title {
  margin: 0 0 20px 0;
}
.mg-b-0 {
  margin-bottom: 0;
}
@media (max-width: 414px) {
  .livestream,
  .livestream-prepare .livestream-done {
    margin-top: 0;
  }
}
/* 17/04 */
#home_news .item .img {
  width: 100%;
  margin: 0 0 15px 0;
  text-align: center;
}
.hotnews .description {
  text-align: justify;
}
#home_news .mod_title {
  margin-bottom: 15px;
}
#home_news .item .desc {
  text-align: justify;
}
.pd-l-0 {
  padding-left: 0;
}
.pd-r-0 {
  padding-right: 0;
}
.pd-b-0 {
  padding-bottom: 0;
}
.pd-t-20 {
  padding-top: 20px;
}
.pd-b-20 {
  padding-bottom: 20px;
}
.mg-b-10 {
  margin-bottom: 10px;
}
.mg-b-15 {
  margin-bottom: 15px;
}
.mg-b-20 {
  margin-bottom: 20px;
}
#footer .info a.logo {
  text-align: center;
  margin-bottom: 25px;
}
#menu_footer .ulmenu2 li {
  margin-bottom: 10px;
}
#menu_footer .ulmenu2 .link2 {
  margin-bottom: 0;
  line-height: 1.25;
}
hr {
  margin: 10px 0 20px 0;
}
.pagination {
  margin: 5px 0 15px 0;
}
#news_list .row.item_list .desc {
  text-align: justify;
}
/* 20/04/2020 */
#course_main_desc .content .table-fix th {
  padding: 20px 10px !important;
}
#course_main_desc .content .table-fix td {
  padding: 20px 10px !important;
}
.align-center {
  text-align: center !important;
}
/* 21/04 */
.video-empty {
  width: 100%;
  height: calc(100vh - 150px);
  background-color: #000;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-empty .text {
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
}
.video-empty .text-title {
  font-size: 50px;
  font-weight: 500;
}
@media (max-width: 414px) {
  #course_popup .video{
    margin-right: 0;
  }
  #course_popup .tabinfo{
    padding-right: 0;
  }
  .video-empty {
    height: auto;
    padding: 20px 15px;
    margin-bottom: 10px;
  }
  .video-empty .text {
    font-size: 13px;
  }
  .video-empty .text-title {
    font-size: 15px;
  }
}