.titleline {
   position: relative;
   margin: 20px 0px 30px 0px;
   height: 40px;
}
.titleline h4 {
   border-bottom: 5pt solid #005596;
   display: inline-block;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 999;
   font-size: 17px;
   line-height: 28px;
}
.titleline .line {
   height: 1px;
   background: #ccc;
   display: block;
   position: absolute;
   width: 100%;
   bottom: -2px;
}
.btn-area {
   text-align: center;
   margin: 0 auto;
   width: 99%;
   font-size: 13px;
}
.btn-area .time-duration {
   border: 1pt solid #ccc;
   border-radius: 8px;
   padding: 3px;
   padding-left: 30px;;
   display: inline-block;
   background: url("../imgs/clock.png") no-repeat 5px center;
}
.type-course-basic {
   border-radius: 8px;
   background: #267dc1;
   padding: 5px 5px;
   color: #fff;
   font-weight: bold;
   margin: 0px 2px;
}
.type-course-advanced {
   border-radius: 8px;
   background: #bc159b;
   padding: 5px 5px;
   color: #fff;
   font-weight: bold;
   margin: 0px 2px;
}
.reg-btn {
   border-radius: 8px;
   background: #d01b1b;
   padding: 5px 5px;
   color: #fff;
   font-weight: bold;
   display: inline-block;
}
.reg-btn:hover {
   color: #fff;
   background: #c11660;
   text-decoration: none;
}
.itemscourse {
   border: 1pt solid #ccc;
   padding: 2px 2px 10px 2px;
   display: inline-block;
   margin-left: 1px;
}
.imgcourse {
   display: block;
}
.imgcourse img {
   max-width: 100%;
}
.titlecourse {
   display: block;
   padding: 10px;
   font-weight: bold;
   height: 55px;
   overflow: hidden;
   margin-bottom: 10px;
}
.freecourse {
   position: absolute;
   top: 10px;
   left: 10px;
   display: inline-block;
   padding: 5px 8px 5px 30px;
   background: url("../imgs/free.png") no-repeat 5px center #fff;
   border-radius: 6px;
   color: #1bc2d0;
}
.sellcourse {
   position: absolute;
   top: 10px;
   left: 10px;
   display: inline-block;
   padding: 5px 8px 5px 30px;
   background: url("../imgs/thuphi.png") no-repeat 5px center #fff;
   border-radius: 6px;
   color: #d01b1b;
}
.sellcourse-div {   
   background: url("../imgs/thuphi.png") no-repeat 5px center #fff;
   padding: 5px 8px 5px 40px;
   color: #d01b1b;
}
.listnews .itemsnews {
   border-bottom: 1pt dotted #ccc;
   margin-bottom: 25px;
   padding-bottom: 25px;
   overflow: hidden;
}
.listnews .itemsnews .imgsnews {
   float: left;
   margin-right: 15px;
   display: inline-block;
   background-color: rgba(0, 0, 0, 0.1);
   width: 200px;
   height: 125px;
   position: relative;
   -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.listnews .itemsnews .imgsnews img {
   max-width: none;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: auto;
}
.listnews .itemsnews .titlenews {
   font-size: 20px;
   color: #1666c1;
   margin-bottom: 5px;
}
.datetime {
   color: #d01b1b;
   font-weight: 400;
}
.listnews .itemsnews .desc {
   text-align: justify;
   color: #707070;
}
.listnews .mainnews .imgsnews {
   width: 320px;
   height: 200px;
}
.news-detail .detail {
   text-align: justify;
   color: #707070;
   line-height: 24px;
}
.news-detail .detail img {
   max-width: 100%;
}
.othernews li {
   list-style: none;
}
.othernews li a {
   margin-bottom: 10px;
   display: inline-block;
   padding-left: 20px;
   background: url("imgs/dot.png") no-repeat 0px 5px;
   color: #707070;
}
.othernews li a:hover {
   color: #333;
}
.formdangky {padding:20px;background:#eee;border: 9px dashed #005596; box-shadow: 0px 0px 5px 1px #999;
   border-radius: 8px;margin-top: 50px;margin-bottom: 20px;}
.formdangky .titledangky {background:#005596;color:#fff;padding:5px 10px;margin-bottom: 20px;}
.formdangky .subtitle {border-bottom: 1pt dotted #fff;margin-bottom: 10px;margin-top: 40px;}
.formdangky .subtitle h4 {text-transform: uppercase; font-size: 14px;}
.captcha {text-align: right;}
.captcha img {height: 30px;}
.menuright .dropdown-menu {min-width:auto;margin-right: 5px;border-radius: 5px;} 
.menuright li {display: inline;}