*, ::after, ::before {     box-sizing: border-box; } 
img { -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
body,td,th{font-family:Tahoma,Arial;font-size:12px}
body{margin:0; background:#f7f7f7}
body { padding-top: 78px; }
a{font-family:Tahoma,Arial;font-size:12px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
.clear{ clear:both}
.NMP{ padding:0px; margin:0px}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,blockquote,code,pre{margin:0;padding:0;list-style-type:none}
/*Header*/
.logo{padding:2px}
.timkiem { padding-top: 13px; }
.timkiem .keyinput { border-radius: 19px; height: 36px; width: 97%; background-color: #fff; font-size: 13px; padding: 0 14px; border: 1px solid #d7d7d7;float: left; }
.timkiem .buttontk { float: left; border: none; background: #fff; margin-left: -41px; margin-top: 9px; }
.header_bottom { position: fixed; width: 100%; top: 0; left: 0; z-index: 999999999; background-color: #fff; transition: all ease .3s; box-shadow: 0 0 15px 0 #0000002e; }
.Khoiphai .thuvienh { float: right; }
.Khoiphai .thuvienh a { color: #2774da; font-weight: bold; background: rgba(0,0,0,0) url(../images/login.png) no-repeat scroll 0 -5px/37px auto; float: left; height: 37px; margin-right: 10px; margin-top: 14px; padding-left: 37px; padding-top: 4px!important; }
.Khoiphai .thuvienh a:hover{ color:#000}
.register { margin-top: 0px; float: right; }
.register .dangnhapt { color: #2774da; font-weight: bold; background: rgba(0,0,0,0) url(../images/register.png) no-repeat scroll 0 -5px/38px auto; float: left; height: 37px; margin-right: 16px; margin-top: 15px; padding-left: 36px; padding-top: 4px!important; }
.register:hover .dangnhapt{ color:#000}
.danhmuc {float: left; margin-right: 57px; padding-top: 21px; }
/*Menutrai Home*/
.Menutrai { margin-top: 0px; position: absolute; z-index: 999; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #fff; min-height: 502px; position: relative; padding: 2px 0 0px; border-top: 0px; }
.Menutrai .menuleft>ul>li{margin-bottom:0;height:32px;line-height:32px;padding:0 14px;border-left:2px solid transparent;}
.Menutrai .menuleft>ul>li:hover{background-color:#f4f7f8;border-color:#df322f}
.Menutrai .menuleft>ul>li:hover a{color:#006fba}
.Menutrai .menuleft>ul>li:hover .sub-menu{display:block}
.Menutrai .menuleft>ul>li>a{font-size:14px;font-weight:400;line-height:1.29;letter-spacing:-.1px;color:#464646;width:100%;height:100%;display:inline-block}
.Menutrai .menuleft>ul>li>a img{width:24px;margin-right:10px;height:24px;float: left;}
.Menutrai .menuleft>ul>li>.sub-menu{position:absolute;display:none;top:0;right:-100%;width:100%;height:100%;padding-top:10px;z-index:999;background:#fff;border-left:1px solid #e7eaec}
.Menutrai .menuleft>ul>li>.sub-menu>ul>li{margin-bottom:0;height:32px;line-height:32px;padding:0 14px;transition:all ease .3s;font-size:14px;font-weight:400;letter-spacing:-.1px}
.Menutrai .menuleft>ul>li>.sub-menu>ul>li:first-child{font-weight:700;letter-spacing:-.1px;color:#464646;margin-bottom:10px}
.Menutrai .menuleft>ul>li>.sub-menu>ul>li:first-child:hover{background-color:transparent;border-color:transparent}
.Menutrai .menuleft>ul>li>.sub-menu>ul>li:hover{background-color:#f4f7f8}
.Menutrai .menuleft>ul>li>.sub-menu>ul>li:hover a{color:#006fba}
.Menutrai .menuleft>ul>li>.sub-menu>ul>li>a{color:#464646}
.Menutrai.fixed{position:fixed;z-index:1.0E+19;width:255px}
.Danhmucmenu:hover .Menutrai{display:block}
.Menutrai{display:none}
.Danhmucmenu { width: 91%; position: absolute; }
.Danhmucmenu li a span { margin-top:4px;}


.Menuss li.active.itop > a{color:#f8981e!important}
.Menuss{height:42px;line-height:42px;margin:auto;width:100%}
.Menuss ul{margin:0;padding:0}
.Menuss ul li{list-style:none;float:left;display:inline;position:relative;text-align:left}
.Menuss ul li a{color:#000;float:inherit;font:14px/41px Roboto,sans-serif;height:42px;padding-left:15px;padding-right:15px;text-decoration:none;font-weight:500}
.Menuss ul li a span{padding-right:0}
.Menuss ul li a.curent{background:#005d22;color:#FFF;float:left}
.Menuss ul li a.curent span{float:left}
.Menuss li ul{position:absolute;z-index:999;width:250px;float:none;top:41px;left:0;background:#005d22;display:none;overflow:visible!important}
.Menuss li ul ul{top:0;left:250px}
.Menuss li ul a{width:250px;float:none;padding:0;border:none;background:none;text-indent:13px;border-bottom:#fff 1px solid;display:block;height:37px;line-height:37px;margin:0;color:#FFF}
.Menuss li:hover ul ul,.Menuss li:hover ul ul ul,.Menuss li:hover ul ul ul ul{display:none;z-index:100}
.Menuss li:hover ul,.Menuss li li:hover ul,.Menuss li li li:hover ul{display:block;z-index:100}
.Menuss ul li a.active{background:#005d22 none repeat scroll 0 0;color:#fff;float:left}
.Menuss ul ul li:last-child a{border:none}



.MenuTop{height:42px;line-height:42px;margin:auto;margin-top:11px; position:relative;}
.MenuTop ul{margin:0;padding:0}
.MenuTop ul li{list-style:none;float:left;display:inline;position:relative}
.MenuTop ul li a { color: #212529; float: inherit; font-size: 14px; font-family: 'Roboto Condensed',tahoma, sans-serif; height: 42px; padding-left: 12px; padding-right: 18px; text-decoration: none; text-transform: uppercase; }
.MenuTop ul li a:hover{color:#228df2}
.MenuTop ul li a span{padding-right:0}
.MenuTop ul li a.curent{background:#e00000;color:#FFF;float:left}
.MenuTop ul li a.curent span{float:left}
.MenuTop >ul>li:hover >span.menu-arrow {position: absolute; left: 20px; top: 24px;}
.MenuTop >ul >li:hover >span.menu-arrow:before{ content:" "; position: absolute;margin-top: 6px;width:32px; height:32px; background: url(../images/icontren.png);background-repeat: no-repeat;background-position: 1px 2px; }
.MenuTop ul li li { height: 32px; padding-top: 5px; }
.MenuTop li ul{ padding-bottom: 8px;background: #fff ; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); border-radius: 7px; border: 0; border-top: 3px solid #228df2;position:absolute;z-index:999;width:195px;float:none;top:39px;left:0;display:none;overflow:visible!important}
.MenuTop li ul ul { top: 0; left: 195px; box-shadow: 0 0 0 0 rgb(255 255 255 / 10%); }
.MenuTop li ul a { width: 250px;display: block; padding: 0px 11px; clear: both; white-space: nowrap;  transition: all 0.3s;  text-transform: capitalize; font-weight: 500;}
.MenuTop li ul a:hover{color:#006fbc;}

.MenuTop li:hover ul ul,.MenuTop li:hover ul ul ul,.MenuTop li:hover ul ul ul ul{display:none;z-index:100}
.MenuTop li:hover ul,.MenuTop li li:hover ul,.MenuTop li li li:hover ul{display:block;z-index:100}


.MenuTop ul li a.active{background:#e00000 none repeat scroll 0 0;color:#fff;float:left}
.MenuTop li.itop
.MenuTop li.active a{color:#228df2}
.MenuTop ul li.itop{background-image:url("../images/top.png");background-position:right 19px;background-repeat:no-repeat;}

.Danhmucmenu .aside-title { background: #228df2 none repeat scroll 0 0; border-bottom: 1px solid #ebebeb; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #fff; display: block; font-size: 14px; font-weight: 700; height: 44px; margin: 9px 0 0; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; }
.Danhmucmenu .aside-title h2 { font-size: 15px;background-position: 1px 2px;background: url(../images/Danhmucmenu.png); background-repeat: no-repeat; /* padding-right: 14px; */ float: left; margin-left: 16px; margin-top: 15px; padding-left: 23px; }
.Danhmucmenu span { margin-top: -3px; float: left; }

.bodernenxanh {margin-top: -2px; border: 1px solid #228df2; float: left; width: 100%; z-index: 99; position: relative; }
.padding-small { padding: 0 10px;     padding-left: 0px;}
.section-ss-banner .home-slider { margin-top: 10px; }
.banner-item a { position: relative; display: block; text-align: center; overflow: hidden; }
.no-padding { padding: 0!important; }
.section-ss-banner .banner-right { margin-top: 10px; padding-bottom: 7px; } 
.padding-left-small { padding-left: 10px; padding-right: 0; } 
.padding-right-small { padding-right: 5px; padding-left: 0; }
.padding-right-small:nth-child(2n) { padding-right: 0px; padding-left: 3px; }

.banner-item{position:relative}
.banner-item a{position:relative;display:block;text-align:center;overflow:hidden}
.banner-item a img{transition:1s ease 0; object-fit: cover;}
.banner-item a:hover{transition:all .3s ease 0}
.banner-item .hover_collection{position:absolute;top:0;height:96%;left:0;width:100%;background:rgba(0,0,0,0.46);z-index:5;padding:25px;opacity:0;transition:all .3s ease-in-out}
.banner-item .hover_collection:before{position:absolute;content:'';opacity:0;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;top:10px;right:10px;bottom:10px;left:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.banner-item .hover_collection:after{position:absolute;content:'';opacity:0;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;top:10px;right:10px;bottom:10px;left:10px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.banner-item .hover_collection:hover:before,.banner-item .hover_collection:hover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.banner-item:hover .hover_collection{opacity:1}


.NewsHome { padding-bottom: 10px; padding-left:0px; float: left; }
.NewsHome .item-news { float: left; background: #fff; width: 108%; }
.NewsHome .item-news img { float: left; margin-right: 10px; padding: 3px; width: 120px; height: 100px; object-fit: cover; }
.NewsHome .item-news .title-news a{color:#000000;font-family:Tahoma,Arial;font-size:12px;font-weight:700;text-decoration:none}
.NewsHome .item-news .title-news a:hover{color:#006fbc}
.NewsHome .item-news .date{color:#b8b1b1;font-size:12px;padding-top:7px}
.nopaddinglef { padding-left:0px;padding-right: 34px;}
.NewsHome .title-news { padding-top: 10px; }
.mainpage .sanpham { padding-top: 0px; }
.sanpham { padding-top: 0px; float: left; width: 100%;padding-bottom: 20px;}
.sanpham .chiacothome{margin-bottom: 20px;height:300px;padding:0px;background:#fff;padding:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.sanpham .chiacothome .Anhdaidien{width:100%}
.sanpham .chiacothome .Anhdaidien img{display:block;width:100%;object-fit:cover;height:150px;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.sanpham .chiacothome .Saodanhgia{width:100%;padding:4px;padding-top:10px;padding-left: 10px;}
.sanpham .chiacothome .Tenkhoahoc h2{margin:0;padding-bottom:10px;padding-top:0px}
.sanpham .chiacothome .teacher img { width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; display: inline-block; object-fit: cover; }
.sanpham .chiacothome .teacher span{font-size:13px;line-height:1.38;letter-spacing:-.1px;color:#9b9b9b;font-weight:400;display:inline-block;max-width:136px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(3px)}
.sanpham .chiacothome .teacher { padding-left: 4px; }
.sanpham .chiacothome .price{display: none;padding-right: 15px;margin-top:11px;float:right!important}
.sanpham .chiacothome .price .price-new{margin-left:20px;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.2px;text-align:right;color:#ff5622}
.sanpham .chiacothome .product-action{margin-top:-14px;float:left;background:#fff;display:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}
.sanpham .chiacothome:hover .product-action{display:block}
.sanpham  .Catepro .title h2 { margin: 0; font-size: 18px; line-height: 44px; display: inline-block; position: relative; padding:0 0px; font-weight: 500; margin-top: -1.5px; float: left; }
.sanpham  .Catepro .title h2 a{margin: 0; font-size: 19px; line-height: 1.2; letter-spacing: .4px; color: #464646; }
.sanpham  .mores { position: relative; display: inline-block; font-size: 14px; line-height: 1.71; letter-spacing: .3px; color: #006fbc; font-weight: 400; padding: 9px 34px; background: rgba(0,0,0,0) url(../images/b1x.svg) no-repeat scroll 107px 10px; height: 40px; text-align: right; float: right; }
.sanpham .chiacothome .Tenkhoahoc h2 a{padding-top: 6px;line-height: 19px;font-weight: bold; padding-left: 10px; padding-right: 10px;height: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; line-clamp: 2; -o-line-clamp: 2; -ms-line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; color: #464646; }
.sanpham .chiacothome:hover .price .price-new{color:#006fbc}
.sanpham .chiacothome:hover h2 a{color:#006fbc}
.sanpham .Catepro:hover .title h2 a{color:#006fbc}
.sanpham .mores:hover{color:#006fbc}
.sanpham .chiacothome:hover { border-bottom: solid 4px #09b0f2; *border-bottom: solid 4px #ebe9ea; color: #00b6fa; }
.sanpham  .sale { width: 60px; height: 30px; border-radius: 7px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); background-color: #006fbc; font-size: 18px; font-weight: 900; text-align: center; color: #fff; display: block; line-height: 30px; position: absolute; top: 10px; left: 20px; }
.sanpham .oldprice { font-size: 12px; line-height: 20px; letter-spacing: -.2px; text-align: right; color: #9b9b9b; text-decoration: line-through; }
.sanpham .back-stars {float: left; font-size: 14px; display: inline-flex; color: #dedfe0; position: relative; }
.sanpham .Catepro { margin-left: 14px; margin-bottom: 23px; float: left; width: 100%; }



.vaohoc { padding-top: 0px; float: left; width: 100%;padding-bottom: 20px;}
.vaohoc .cotvaohoc{margin-bottom: 20px;height:283px;padding:0px;background:#fff;padding:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.vaohoc .cotvaohoc .Anhdaidien{width:100%}
.vaohoc .cotvaohoc .Anhdaidien img{display:block;width:100%;object-fit:cover;height:150px;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.vaohoc .cotvaohoc .Saodanhgia{width:100%;padding:4px;padding-top:10px;padding-left: 10px;}
.vaohoc .cotvaohoc .Tenkhoahoc h2{margin:0;padding-bottom:10px;padding-top:0px}
.vaohoc .cotvaohoc .teacher img{width:30px;height:30px;margin-right:10px;border-radius:50%;display:inline-block}
.vaohoc .cotvaohoc .teacher span{font-size:13px;line-height:1.38;letter-spacing:-.1px;color:#9b9b9b;font-weight:400;display:inline-block;max-width:136px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(3px)}
.vaohoc .cotvaohoc .teacher { padding-left: 4px; }
.vaohoc .cotvaohoc .price{padding-right: 15px;margin-top:11px;float:right!important}
.vaohoc .cotvaohoc .price .price-new{margin-left:20px;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.2px;text-align:right;color:#ff5622}
.vaohoc .cotvaohoc .product-action{margin-top:-14px;float:left;background:#fff;display:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}
.vaohoc .cotvaohoc:hover .product-action{display:block}
.vaohoc  .Catepro .title h2 { margin: 0; font-size: 18px; line-height: 44px; display: inline-block; position: relative; padding:0 0px; font-weight: 500; margin-top: -1.5px; float: left; }
.vaohoc  .Catepro .title h2 a{text-transform: uppercase;margin: 0; font-size: 19px; line-height: 1.2; letter-spacing: .4px; color: #464646; }
.vaohoc  .mores { position: relative; display: inline-block; font-size: 14px; line-height: 1.71; letter-spacing: .3px; color: #006fbc; font-weight: 400; padding: 9px 34px; background: rgba(0,0,0,0) url(../images/b1x.svg) no-repeat scroll 107px 10px; height: 40px; text-align: right; float: right; }
.vaohoc .cotvaohoc .Tenkhoahoc h2 a{line-height: 19px;font-weight: bold; padding-left: 10px; padding-right: 10px;height: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; line-clamp: 2; -o-line-clamp: 2; -ms-line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; color: #464646; }
.vaohoc .cotvaohoc:hover .price .price-new{color:#006fbc}
.vaohoc .cotvaohoc:hover h2 a{color:#006fbc}
.vaohoc .Catepro:hover .title h2 a{color:#006fbc}
.vaohoc .mores:hover{color:#006fbc}
.vaohoc .cotvaohoc:hover { border-bottom: solid 4px #09b0f2; *border-bottom: solid 4px #ebe9ea; color: #00b6fa; }
.vaohoc  .sale { width: 60px; height: 30px; border-radius: 7px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); background-color: #006fbc; font-size: 18px; font-weight: 900; text-align: center; color: #fff; display: block; line-height: 30px; position: absolute; top: 10px; left: 20px; }
.vaohoc .oldprice { font-size: 12px; line-height: 20px; letter-spacing: -.2px; text-align: right; color: #9b9b9b; text-decoration: line-through; }
.vaohoc .back-stars {float: left; font-size: 14px; display: inline-flex; color: #dedfe0; position: relative; }
.vaohoc .Catepro { margin-left: 14px; margin-bottom: 7px; float: left; width: 100%; }
.vaohoc .Xem { padding-top: 12px; padding-left: 5px; float: right; padding-right: 15px; }

.awe-section-9 {margin-bottom: 0px;}
.section_bloggg { background: #fff; float:left; width:100% } 
.section_bloggg { margin-top: 0px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; }
.section_bloggg .aside-title.heading{padding-bottom:30px}
.section_bloggg h2.title-head{text-align:center;display:inline-block;margin:0 auto;width:100%;font-size:24px;padding:25px 0 15px;border-bottom:1px solid #eaeaea;position:relative}
.section_bloggg h2.title-head:before{position:absolute;content:"";height:2px;background:#ff5622;width:80px;bottom:0;right:0;margin:0 auto;left:0}
.section_bloggg h2.title-head a{color:#363636;font-weight:600;text-transform:none;font-size: 23px;}
.section_bloggg .news_hot_left{margin-top:0}
.section_bloggg .news_hot_left .image-blog-left{position:relative;overflow:hidden;border-radius: 10px;}
.section_bloggg .news_hot_left .image-blog-left a{position:relative;display:block;text-align:center;overflow:hidden}
.section_bloggg .news_hot_left .image-blog-left a img{transition:1s ease 0;width: 100%; height: 270px; border-radius: 10px;object-fit: cover;}
.section_bloggg .news_hot_left .image-blog-left .hover_collection{border-radius: 10px;position:absolute;top:0;height:100%;left:0;width:100%;background:rgba(0,0,0,0.46);z-index:5;padding:25px;opacity:0;transition:all .3s ease-in-out}
.section_bloggg .news_hot_left .image-blog-left .hover_collection:before{border-radius: 10px;position:absolute;content:'';opacity:0;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;top:10px;right:10px;bottom:10px;left:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.section_bloggg .news_hot_left .image-blog-left .hover_collection:after{border-radius: 10px;position:absolute;content:'';opacity:0;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;top:10px;right:10px;bottom:10px;left:10px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.section_bloggg .news_hot_left .content-right-blog .content_day_blog{padding-top:10px}
.blog_items .myblog .content_day_blog{font-size:14px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#707070;margin-left:1px}
.blog_items .myblog .content_day_blog .fix_left_blog img{display:inline;margin-right:5px;margin-top:-5px;width:auto}
.blog_items .myblog .content_day_blog .news_home_content_short_time{z-index:999;font-size:14px;font-weight:400;line-height:1.4;color:#707070;display:inline-block;cursor:pointer;text-decoration:none}
.blog_items .myblog .content-right-blog .title_blog_home h3{margin:5px 0;padding:0;font-size:16px;font-weight:700;line-height:1.4}
.blog_items .myblog .content-right-blog .title_blog_home h3 a{color:#363636}
.blog_items .myblog .content-right-blog:hover .title_blog_home h3 a{color:#006fbc}
.blog-item-summary{font-size:14px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;margin-bottom:20px;color:#707070;line-height:20px}
.text2line{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.section_bloggg .news_hot_left .image-blog-left a:hover{transition:all .3s ease 0;border-radius: 10px;}
.section_bloggg .news_hot_left .image-blog-left a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);border-radius: 10px;}
.section_bloggg .news_hot_left .image-blog-left:hover .hover_collection,.section_bloggg .news_hot_left .image-blog-left:hover .hover_collection:before,.section_bloggg .news_hot_left .image-blog-left:hover .hover_collection:after{opacity:1;border-radius: 10px;}
.see-more { text-align: center; padding: 15px 0 30px; }
.see-more a { padding: 10px 25px; background: #ff5622; color: #fff; border-radius: 3px; }
.see-more:hover a { padding: 10px 25px; background: #006fbc; color: #fff; border-radius: 3px; }

.bannergiangvien .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.bannergiangvien .global-be-teacher{position:relative;text-align:center;background-size:cover;background-repeat:no-repeat;background-position:center;}
.bannergiangvien .global-be-teacher-txt{position:absolute;top:20%;width:100%;color:#fff;}
.bannergiangvien .global-be-teacher-txt p{font-size:24px;}
.bannergiangvien .global-be-teacher-txt h4 { font-size: 39px; font-weight: bold; padding: 27px; }
.bannergiangvien .global-be-teacher-txt a{border:1px solid #fff;border-radius:5px;padding:10px 40px;font-size:16px;margin-top:10px;display:inline-block;color:#fff;}
.bannergiangvien .global-be-teacher-txt a:hover{background:#20a3db;}

.Giangvientieubieu{padding-top:20px;padding-bottom:20px}
.Giangvientieubieu .col .inner-box-teacher{background:#fff;min-height:275px;border:1px solid #f1f1f1;border-radius:5px;text-align:center;margin:8px;}
.Giangvientieubieu .col .img-teacher{margin-top:20px;}
.Giangvientieubieu .col .img-teacher img{object-fit: contain;border:1px solid #f1f1f1;border-radius:88px;box-shadow:1px 1px 1px #ccc;display:inline-block !important;}
.Giangvientieubieu .col .name-teacher { margin: 20px 0; font-size: 14px; color: #000; display: block; width: 90%; text-align: center; margin: auto; padding-top: 22px; }
.Giangvientieubieu .col:hover .name-teacher{color:#006fbc;}
/*.Giangvientieubieu .col{ width:20% !important;float: left; padding-left: 7.5px; padding-right: 7.5px;}*/
.Giangvientieubieu h4 { text-align: center; font-weight: bold; font-size: 25px; margin-bottom: 20px; text-transform: uppercase; margin-top: 20px; }

.help { width: 100%; float: left; background: #167edf; padding: 15px 0; }
.help .content p { padding: 0; margin: 0; font-size: 14px; }
.help .content { display: flex; -webkit-display: flex; -o-display: flex; -moz-display: flex; -os-display: flex; justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; -o-justify-content: center; -os-justify-content: center; align-items: center; color: #fff; }
.help .content p a { margin: 0 5px; } 
.help .content a { color: #fff; font-size: 14px; text-decoration: none; }
.help .content .button_help { display: inline-block; padding: 0 15px; height: 30px; line-height: 30px; background: #0089ff; text-align: center; } 
.help .content a { color: #fff; font-size: 14px; text-decoration: none; }


.section_policy { width: 100%; float: left; background: #fff; border-bottom: solid 1px #ebebeb; }
.item_policy img { float: left; margin-right: 10px; }
.section_policy .item_policy p { font-family: "Roboto",sans-serif; color: #555; padding: 0; margin: 0; font-size: 14px; }
.section_policy .item_policy { display: flex; -webkit-display: flex; -o-display: flex; -moz-display: flex; -os-display: flex; justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; -o-justify-content: center; -os-justify-content: center; align-items: center; color: #fff; padding: 20px 0; border-right: solid 1px #ebebeb; }
.section_policy .item_policy:hover p{color:#006fbc}
.help .content:hover p a{ color:#ed1c24}

.mfoter{padding: 0px;}
footer.footer { padding-top: 25px; padding-bottom: 20px; }
.footer  h4 { font-size: 14px; font-weight: 700; line-height: normal; letter-spacing: -.3px; color: #464646; margin: 0 0 15px;}
.footer .thanhtoan ul li a { font-size: 14px; font-weight: 400; line-height: 27px; letter-spacing: -.3px; color: #464646; }
.chiase  { margin-top: 11px; }
.chiase a { margin-right: 11px; }
.iconchiase{ width:32px;}
.footer .chapnhanthanhtoan{ padding-top:20px;}
.footer .thanhtoan ul li a:hover{color:#006fbc}

.facebook { color: #16428e; float: right; }
.google { color: #df322f; float: right; }
#register-modal.modal.fade.in{top:20px;}
.btn-login-submit,#login-modal .reset-password-button,#register-modal .reset-password-button,#fogot-password-dialog .reset-password-button{background-color:#006fbc;border-radius:7px;padding:13.5px 50px;border:0;font-size:16px;color:#fff!important;text-transform:none;background-color:#006fbc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:-.2px;text-align:center}

.sidenav{height:100%;width:0;position:fixed;z-index:999999999999;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:.5s;padding-top:0px}
.sidenav .closebtn{color: #000;position:absolute;top:0px;right:7px;font-size:25px;margin-left:50px}
.LogoMobile { width:95%; text-align: center;margin: auto; }

.flexnav.flexnav-show{max-height:2000px;opacity:1;padding:0px; margin:0px}
.flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px;}
.flexnav li{font-size:100%;position:relative;overflow:hidden; }
.flexnav li a{position:relative;display:block;padding:.96em;z-index:2;overflow:hidden;color:#000;border-bottom:1px solid #f0eef1;}
.flexnav li ul{width:100%;padding:0px; margin:0px}
.flexnav li ul li{font-size:100%;position:relative;overflow:hidden;}
.flexnav li ul.flexnav-show li{overflow:visible;}
.flexnav li ul li a{display:block;}
.flexnav ul li ul li a{background:#bfbfbc;}
.flexnav ul li ul li ul li a{background:#cbcbc9;}
.flexnav .touch-button{position:absolute;z-index:999;top:0;width:50px;height:50px;display:inline-block;text-align:center;right:0}
.flexnav .touch-button:hover{cursor:pointer;}
.flexnav .touch-button .navicon{position:relative;top:1.4em;font-size:12px;color:#000;}
.menu-button{position:relative;display:block;padding:1em;cursor:pointer; background:#b3aeae}
.menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px;}
.menu-button .touch-button{background:transparent;position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;text-align:center; display:none}
.menu-button .touch-button .navicon{font-size:16px;position:relative;top:1em;color:#b3aeae;}

.oldie body.one-page{padding-top:70px;}
.oldie .flexnav{overflow:visible;}
.oldie .flexnav.one-page{top:0;right:auto;max-width:1080px;}
.oldie .flexnav li{position:relative;list-style:none;float:left;display:block;background-color:#a6a6a2;width:20%;min-height:50px;overflow:visible;}
.oldie .flexnav li:hover > ul{display:block;width:100%;overflow:visible;}
.oldie .flexnav li:hover > ul li{width:100%;float:none;}
.oldie .flexnav li a{border-left:1px solid #acaca1;border-bottom:none;overflow:visible;}
.oldie .flexnav li > ul{background:#acaca1;position:absolute;top:auto;left:0;display:none;z-index:1;overflow:visible;}
.oldie .flexnav li ul li ul{top:0;}
.oldie .flexnav li ul li a{border-bottom:none;}
.oldie .flexnav li ul.open{display:block;width:100%;overflow:visible;}
.oldie .flexnav li ul.open li{width:100%;}
.oldie .flexnav li ul.open ul.open{margin-left:100%;top:0;display:block;width:100%;overflow:visible;}
.oldie .flexnav ul li:hover ul{margin-left:100%;top:0;}
.oldie .menu-button{display:none;}
.oldie.ie7 .flexnav li{width:19.9%;}

/*Trang nhóm*/
.filter-category{position:relative;padding:20px 0 1px;background:#fff;border-radius:7px;box-shadow:none;margin-top:15px}
.filter-category.top-teacher-filter{display:none}
.filter-category:first-child{margin-top:10px}
.filter-category .filter-box{margin-bottom:15px}
.filter-category .filter-box .title{margin-bottom:12px;padding-left:20px;height:17px;font-size:12px;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#464646}
.filter-category .filter-box a{position:relative;cursor:pointer;padding:0;height:21px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:-.3px;color:#464646;margin-bottom:4px}
.filter-category .filter-box a:hover{background-color:#f4f7f8}
.filter-category .filter-box a .star-icon{position:absolute;top:0;left:35px;display:inline-block;width:14.6px;height:14px;color:#f5a623}
.filter-category .filter-box a .star-icon i{width:14.6px;height:14px}
.filter-category .filter-box a .rating-text{margin-left:25px}
.filter-category .filter-box a:before{content:'';margin-right:8px;border-radius:2px;background-size:20px 20px;display:inline-block;vertical-align:text-top;width:24px;height:24px;background-image:url(../images/ic-radio-button-unchecked-black.svg);background-repeat:no-repeat}
.filter-category .filter-box ul{margin-bottom:5px}
.filter-category .filter-box li{list-style-type:none;padding:5px 0 5px 20px;margin-bottom:0!important}
.filter-category .filter-box li:hover{background-color:#f4f7f8}
.filter-category .filter-box li:hover label{color:#006fba}
.filter-category .filter-box li.extra-teacher{display:none}

.filter-category .categoryleft{margin-bottom:15px}

.filter-category .categoryleft .title {
    padding-top: 8px;
    height: 38px;
    margin-bottom: 2px;
    border-left: 4px solid #2489da;
    color: #545454;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 2px 17px 0 rgb(0 0 0 / 10%);
}

.filter-category .categoryleft .title span {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight:700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: -.3px;
    text-align: left;
    padding-left: 8px;
    color: #0082b0;
}
.filter-category .categoryleft a { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 15px; font-weight: 300 !important; font-style: normal; font-stretch: normal; line-height: 21px; text-align: left; padding-left: 5px; color: #777; }

/*.filter-category .categoryleft a:hover{background-color:#f4f7f8}*/
.filter-category .categoryleft ul{margin-bottom:0px}
.filter-category .categoryleft li{list-style-type:none;padding:5px 0 5px 7px;margin-bottom:0!important}
/*.filter-category .categoryleft li:hover{background-color:#f4f7f8}*/
.filter-category .categoryleft li:hover label{color:#006fba}
.filter-category .categoryleft li.extra-teacher{display:none}

 .sapxep-product-list{width:100%;height:48px;border-radius:7px;background-color:#fff;padding:4px 0}
 .sapxep-product-list .sub-menu .sort-title{pointer-events:none}
 .sapxep-product-list .sub-menu .sort-title:hover{background-color:#fff!important}
 .sapxep-product-list .sub-menu .sub-menu-filter{padding:17px 20px;margin-top:-3px;margin-right:5px;height:34px;display:inline-block;font-size:14px;line-height:.1;letter-spacing:-.3px;color:#9b9b9b;position:relative;cursor:pointer}
 .sapxep-product-list .sub-menu .sub-menu-filter:hover{border-radius:3px;background-color:#f4f7f8}
 .sapxep-product-list .sub-menu .sub-menu-filter.active{font-weight:600!important;color:#c91f24!important}
 .sapxep-product-list .sub-menu .sub-menu-filter:first-child{    float: left;margin-left:30px;margin-right:18px;cursor:default!important;width:80px;color:#464646!important}
 .sapxep-product-list .sub-menu .sub-menu-filter:first-child .filter-sort-icon{background-image:url(../images/shape-copy-10.svg);background-size:24px 24px;width:24px;height:24px;margin-right:7px;display:inline-block;position:absolute;top:6px;left:-10px}
 .sapxep-product-list .sub-menu .sub-menu-filter:first-child .filter-sort-text{position:absolute;left:22px;width:70px}
 .sapxep-product-list .sub-menu .sub-menu-filter:first-child .filter-sort-text:after{position:absolute;left:70px;top:-12px;content:'';width:2px;height:24px;background-color:#e7eaec}
 .sapxep-product-list .sub-menu .sub-menu-filter:last-child{margin-right:0}

.mainpage .breadcrumbs { padding: 0; height: 16px; margin-bottom: 27px; font-size: 12px; padding-top: 11px; width: 100%; margin-left:0px; }
.mainpage .breadcrumbs .items { font-size: 1.2rem; color: #707070; margin: 0; padding: 0; list-style: none none; }
.mainpage .breadcrumbs a, .mainpage .breadcrumbs .item { color: #9b9b9b;  float: left;}
.mainpage .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 18px; content: ''; background: url(../images/bria.png); font-family: 'luma-icons'; margin: 0 2px; vertical-align: top; display: inline-block; font-weight: 400; overflow: hidden; speak: none; text-align: center; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 6px 4px; }
.mainpage .breadcrumbs strong { font-weight: 400; }

.mainpage .category-image { width: 40px; text-align: center; line-height: 50px; margin: 0px 10px 0 0; margin-left: -12px; padding-bottom: 29px; }
.mainpage .category-image img { display: inline-block; float: left; width: 28px; padding-top: 10px; }
.mainpage .category-image, .mainpage .page-title{height:50px;float:left;font-family: 'Roboto Condensed',tahoma, sans-serif;}
.mainpage .page-title-wrapper h1 span{width:204px;height:41px;font-size:29px;line-height:1.14;letter-spacing:.4px;color:#464646}
.clearsp{clear:both;height: 10px;}
.modal {z-index: 999999999999;}
/*Chi tiết*/

.mainpage .sub-menu{display:flex;align-items:center;justify-content:space-around;width:100%;height:48px;border-radius:7px;background-color:#fff}
.mainpage .sub-menu.fixed-sub-menu{box-shadow:6px 6px 20px 0 rgba(57,74,103,.1);top:70px;border-radius:7px;z-index:100}/*position:fixed;*/
.mainpage .sub-menu a{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.1px;text-align:center;color:#464646;text-decoration:none;position:relative;cursor:pointer}
.mainpage .sub-menu a:hover,.mainpage .sub-menu a.active{color:#464646}
.mainpage .sub-menu a:hover,.mainpage .sub-menu a.active{color:#464646}
.mainpage .sub-menu a:hover:after,.mainpage .sub-menu a.active:after{content:'';height:4px;background-color:#df322f;width:100%;position:absolute;bottom:0;left:0}
.mainpage .sub-menu a:hover:after,.mainpage .sub-menu a.active:after{content:'';height:4px;background-color:#df322f;width:100%;position:absolute;bottom:0;left:0}
.mainpage .sub-menu a.not-active:after{content:'';height:4px;background-color:#fff!important;width:100%;position:absolute;bottom:0;left:0}
.mainpage .sub-menu a.click-active:after{content:'';height:4px;background-color:#df322f!important;width:100%;position:absolute;bottom:0;left:0}
.videochitiethochthu{ padding:10px; background:#fff; width:100%; margin-top:20px; margin-bottom:15px; border-radius:5px}
.videochitiethochthu video{ width:100%}

.videochitiethochthu{ padding:10px; background:#fff; width:100%; margin-top:0px; margin-bottom:15px; border-radius:5px}
.videochitiethochthu img{ width:100%; height:auto; border-radius: 3px;}

.Spsdangtext{ padding:10px; background:#fff; width:100%; margin-top:20px; margin-bottom:15px; border-radius:5px}


.chitietkhoahoc .course-benefits{padding:30px;width:100%;border-radius:7px;background-color:#fff}
.chitietkhoahoc .course-benefits .benefit-title{font-size:18px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:.3px;color:#464646;margin-bottom:24px}
.chitietkhoahoc .course-benefits .benefit-items{flex-wrap:wrap;justify-content:space-between}
.chitietkhoahoc .course-benefits .benefit-items {margin-bottom:14px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:25px;letter-spacing:-.1px;color:#464646}

.chitietkhoahoc .curriculum-container{margin-top:10px;padding:30px;width:100%;border-radius:7px;background-color:#fff}
.chitietkhoahoc .curriculum-container .title{font-size:18px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:.3px;color:#464646}
.chitietkhoahoc .curriculum-container .curriculum-overview{display:flex;justify-content:space-between;margin-top:24px;margin-bottom:24px}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-lessons{display:flex}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-lessons{justify-content:space-between;width:100%}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-lessons-number{display:flex;align-items:center;margin-right:27px;font-size:14px;font-style:normal;font-stretch:normal;line-height:1.71;letter-spacing:.3px;color:#464646}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-lessons-number span{color:#276fbd;margin-left:3px}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-lessons-number img{margin-right:6px}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-time{display:flex;align-items:center;font-size:14px;font-style:normal;font-stretch:normal;line-height:1.71;letter-spacing:.3px;color:#464646}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-time span{color:#276fbd;margin-left:3px}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-time img{margin-right:6px}
.chitietkhoahoc .curriculum-container .curriculum-overview .curriculum-time .sobai {margin-right: 20px;}
.chitietkhoahoc .curriculum-container .curriculum-overview{position:relative}


.chitietkhoahoc .section_lecture{width:100%;background-color:#fff}
.chitietkhoahoc .section_lecture li{list-style-type:none}
.chitietkhoahoc .section_lecture .summary{font-size:15px;margin-top:30px;margin-bottom:10px;border-radius:10px;font-weight:600}
.chitietkhoahoc .section_lecture .summary .lecture_count{color:#006fba;padding-right:30px;float:right}
.chitietkhoahoc .section_lecture .summary .lecture_length{color:#006fba;float:right}
.chitietkhoahoc .section_lecture .panel-menu .menu-list{padding:0}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu{background-color:#f4f7f8;border-radius:7px;margin-bottom:10px;float: left; width: 100%;}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .div-menu{cursor: pointer;padding-left:5px;background-color:#fff;height:60px;border:solid 1px #d0d0d0;opacity:.9;border-radius:7px}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .div-menu .menu-title{cursor:pointer; height:20px;font-size:16px;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:-.4px;text-align:left;color:#464646;margin-top:20px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .div-menu .lecture_of_title{margin-top:20px;padding-right:5px}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .lecture { display: none; margin: 0 20px; border-bottom: solid 1px #eaeaea; height: 54px; width: 96%; float: left; }
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .lecture:last-child{ border: none;}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .lecture .lecture_name{padding-top:17px;padding-left:0}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .lecture .lecture_name .lecture_index{color:#9b9b9b;font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.38;letter-spacing:-.1px;text-align:left}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .lecture .lecture_name .lecture_title{height:20px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:-.4px;text-align:left;color:#464646;overflow:hidden}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .lecture .lecture_duration{text-align:right;padding-right:0;color:#9b9b9b;padding-top:17px}
.chitietkhoahoc .section_lecture .panel-menu .menu-list li:nth-child(9){margin-bottom:20px}
.chitietkhoahoc .section_lecture .panel-menu .menu-list li:last-child{margin-bottom:20px;display:block!important}
.chitietkhoahoc .panel-menu .material-iconsText { font-size: 25px; color: #006fba; background: url(../images/file-alt-regular.svg) no-repeat; width: 22px; height: 23px; float: left; margin-right: 12px; background-position: -2px -2px; }
.chitietkhoahoc .panel-menu .material-icons { font-size: 25px; color: #006fba; background: url(../images/curriculum_lesson_number.png); width: 24px; height: 26px; float: left; margin-right: 12px; background-position: 0px 0px; background-size: 84%; background-repeat: no-repeat; }

span.incon_lecture.fas.fa-angle-down{ background: url(../images/duoi.png); width: 22px; height: 24px; float: right; background-repeat: no-repeat;background-position: 0px 6px;}
span.incon_lecture.fas.fa-angle-up{ background: url(../images/tren.png); width: 22px; height: 24px; float: right;background-repeat: no-repeat;background-position: 0px 6px;}
.mainpage .item .term{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.71;letter-spacing:.3px;color:#464646}
.mainpage .course-teacher-info{margin-top:10px;padding:30px;border-radius:7px;background-color:#fff}
.mainpage .course-teacher-info .title{font-size:18px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:.3px;color:#464646;margin-bottom:23px}
.mainpage .course-teacher-info .teacher-overview{display:flex;justify-content:space-between;align-items:center}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info{display:flex}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-image{border-radius:50%;margin-right:40px;flex-shrink:0;width:120px;height:120px}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-image{width:100px;height:100px;margin-right:24px}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-info{display:flex;flex-direction:column;justify-content:center}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-info .title-teacher{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.3px;color:#464646}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-info .teacher-name{font-size:24px;font-weight:600;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.3px;color:#464646}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-info .teacher-name{text-align:center}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-info .rating-area .star-rating .back-stars{color:#dedfe0;float: left;}
.mainpage .course-teacher-info .teacher-overview .teacher-personal-info .teacher-info{align-items:center}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info{width:214px;height:72px;flex-shrink:0;border-radius:7px;background-color:#fff;border:1px solid #dedfe0;display:flex}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info .course-number{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info .course-number .number{font-size:20px;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.4px;text-align:center;color:#464646}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info .course-number .label{font-size:10px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.2px;text-align:center;color:#464646}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info .student-number{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info .student-number .number{font-size:20px;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.4px;text-align:center;color:#464646}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info .student-number .label{font-size:10px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.2px;text-align:center;color:#464646}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info{width:100%;margin-top:16px}
.mainpage .course-teacher-info .teacher-experiences .experiences-title{font-size:18px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:.3px;color:#464646;margin-bottom:12px}
.mainpage .course-teacher-info .teacher-experiences+.view-more,.mainpage .course-teacher-info .view-less{margin-top:12px}
.mainpage .course-teacher-info .teacher-experiences+.view-more,.mainpage .course-teacher-info .view-less{margin-top:12px}
.mainpage .course-teacher-info{width:100%;padding:20px 30px;margin-top:10px;border-radius:5px;    margin-bottom: 30px;}
.mainpage .course-teacher-info .teacher-overview .teacher-course-info { width: 214px; height: 72px; flex-shrink: 0; border-radius: 7px; background-color: #fff; border: 1px solid #dedfe0; display: flex; }
.mainpage .view-more,.mainpage .view-less{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.2px;text-align:center;color:#df322f;cursor:pointer}

.fixed-sub-menu.tabfixed{position:fixed; width: 752px;}

.mainpage .saodanhgia { width: 100%; font-size: 12px; float: left; line-height: 30px;  color:#757575}
.mainpage .saodanhgia b{  color:#000;}
.mainpage .titlepro { width: 99%; font-size: 22px; float: left; font-family: 'Roboto Condensed',tahoma, sans-serif; line-height: 30px; margin: auto; padding-top: 12px; text-transform: uppercase; }
.mainpage .checkout-course-detail .checkout-course-price-container{display:flex;align-items:center;justify-content:space-between;font-size:28px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:.4px;color:#464646;margin-bottom:7px}
.mainpage .checkout-course-detail .checkout-course-price-container .price-box.price-final_price{position:relative}
.mainpage .checkout-course-detail .checkout-course-price-container .price-box.price-final_price .price{font-size:28px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:.4px;color:#464646}
.mainpage .checkout-course-detail .checkout-course-price-container .price-box.price-final_price .special-price .price{display:none; font-size:16px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:.4px;color:#ff5622}
.mainpage .checkout-course-detail .checkout-course-price-container .price-box.price-final_price .old-price .price{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:.2px;color:#9b9b9b;text-decoration:line-through}
.mainpage .checkout-course-detail .checkout-course-price-container .price-box.price-final_price .old-price{position:relative;margin-left:15px;top:-1px; float:right}
.mainpage .checkout-course-detail .checkout-buttons .add-to-cart{width:145px;height:48px;border-radius:3px;border:1px solid #d0d0d0;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-.2px;text-align:center;color:#464646;cursor:pointer;text-decoration:none;background-color:#fff}
.mainpage .checkout-course-detail .checkout-buttons .add-to-cart:hover{border-color:#9b9b9b}
.mainpage .checkout-course-detail .checkout-buttons .add-to-cart { width: 46%; float: left; margin-right: 11px; }
.mainpage .checkout-course-detail .checkout-buttons .add-to-cart.go-to-cart:hover{border-color:#ea6563;color:#ea6563}
.mainpage .checkout-course-detail .checkout-buttons .buynow-button{width:145px;height:48px;border:none;border-radius:3px;background-color:#006fbc;font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:-.2px;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:12px;box-shadow:none;outline:none}
.mainpage .checkout-course-detail .checkout-buttons .buynow-button:hover{background-color:#c91f24}
/*.mainpage .checkout-course-detail .checkout-buttons .buynow-button{width:95%}*/
.mainpage .checkout-course-detail .checkout-buttons{width:100%;}

.mainpage .hocthudetailngay { width: 100%; height: 48px; border: none; border-radius: 3px; background-color: #006fbc; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -.2px; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-left: 1px; box-shadow: none; outline: none; }
.mainpage .hocthudetailngay:hover{background-color:#c91f24}

.mainpage .checkout-course-detail .shiping-area .ship-item{display:flex;margin-bottom:8px}
.mainpage .checkout-course-detail .shiping-area .ship-item .ship-icon{flex-shrink:0;width:24px;height:24px;background-repeat:no-repeat;margin-right:6px}
.mainpage .checkout-course-detail .shiping-area .ship-item .ship-description{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.1px;color:#464646;display:flex;flex-direction:column;justify-content:center}
.mainpage .checkout-course-detail .shiping-area .ship-item .ship-description{font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.54;letter-spacing:-.1px;color:#464646;}
.mainpage .checkout-course-detail .shiping-area{width:100%;padding-top: 13px;}
.mainpage .checkout-course-detail{padding:10px;display:flex;flex-wrap:wrap;padding-top: 15px;margin-top: 0px;}
.mainpage .checkout-course-detail{width:350px;border-radius:7px;overflow:hidden;background-color:#fff;margin-bottom:10px}

.mainpage .course-detail-social-proof{width:100%;display:flex;align-items:center;border-radius:7px;background-color:#fff;}
.mainpage .course-detail-social-proof .bought-info{font-size:15px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:-.2px;color:#464646;margin-left:13px}
.mainpage .course-detail-social-proof .bought-info .bought-number{font-weight:700;color:#68bf32}
.mainpage .magebuzz-social{margin-top:24px}

.mainpage .checkout-course-detail .teacher img { width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; display: inline-block; object-fit: cover; }
.mainpage .checkout-course-detail .teacher span{font-size:13px;line-height:1.38;letter-spacing:-.1px;color:#9b9b9b;font-weight:400;display:inline-block;width:136px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(3px)}
.mainpage .checkout-course-detail .teacher { padding-left: 4px; }

.mainpage .checkout-course-detail .magiamgia { width: 100%; float: left; padding-top: 15px; padding-left: 13px; }
.mainpage .checkout-course-detail .magiamgia .title{width:100%; font-size:12px; color:#006fbc}
.mainpage .checkout-course-detail .magiamgia .inputkeymagiamgia { height: 38px; width: 214px; background-color: #e8edef; font-size: 13px; padding: 0 14px; display: inline-block; border: none; box-shadow: none; border-radius: 4px; }
.mainpage .checkout-course-detail .magiamgia .btsukien{width: 76px;height: 36px;border:none;border-radius:3px;background-color: #c3c3c3;font-size: 14px;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing: -0.2px;text-align:center;color: #585858;align-items:center;cursor:pointer;margin-left: 3px;box-shadow:none;outline:none;}
.mainpage .checkout-course-detail .infogiamgia{ padding-top:10px}

.Otherpro { padding-top: 10px; float: left; width: 100%;padding-bottom: 20px;}
.Otherpro .chiacothome{margin-bottom: 20px;height:235px;padding:0px;background:#fff;padding:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.Otherpro .chiacothome .Anhdaidien{width:100%}
.Otherpro .chiacothome .Anhdaidien img{display:block;width:100%;object-fit:cover;height:105px;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.Otherpro .chiacothome .Tenkhoahoc h2{margin:0;padding-bottom:10px;padding-top:0px}
.Otherpro .chiacothome .teacher img{width:30px;height:30px;margin-right:3px;border-radius:50%;display:inline-block}
.Otherpro .chiacothome .teacher span{font-size:13px;line-height:1.38;letter-spacing:-.1px;color:#9b9b9b;font-weight:400;display:inline-block;max-width:117px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(3px)}
.Otherpro .chiacothome .teacher { padding-left: 4px; }
.Otherpro .chiacothome .price{padding-right: 5px;margin-top:11px;float:right!important; display:none}
.Otherpro .chiacothome .price .price-new{margin-left:7px;font-size:12px;font-weight:600;line-height:20px;letter-spacing:-.2px;text-align:right;color:#ff5622}
.Otherpro .chiacothome .product-action{margin-top:-14px;float:left;background:#fff;display:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}
.Otherpro .chiacothome:hover .product-action{display:block}
.Otherpro  .Catepro .title h2 { padding-bottom: 10px;margin: 0; font-size: 18px; line-height: 44px; display: inline-block; position: relative; padding:0 0px; font-weight: 500; margin-top: -1.5px; float: left; }
.Otherpro .Catepro .title h2 a { margin: 0; font-size: 22px; line-height: 1.2; letter-spacing: .4px; color: #464646; padding-bottom: 14px; float: left; margin-left: 8px; }
.Otherpro  .mores { position: relative; display: inline-block; font-size: 14px; line-height: 1.71; letter-spacing: .3px; color: #006fbc; font-weight: 400; padding: 9px 34px; background: rgba(0,0,0,0) url(../images/b1.png) no-repeat scroll 107px 10px; height: 40px; text-align: right; float: right; }
.Otherpro .chiacothome .Tenkhoahoc h2 a{line-height: 19px;font-weight: bold; padding-left: 10px; padding-right: 10px;height: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; line-clamp: 2; -o-line-clamp: 2; -ms-line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; color: #464646; }
.Otherpro .chiacothome:hover .price .price-new{color:#006fbc}
.Otherpro .chiacothome:hover h2 a{color:#006fbc}
.Otherpro .Catepro:hover .title h2 a{color:#006fbc}
.Otherpro .mores:hover{color:#006fbc}
.Otherpro .chiacothome:hover { border-bottom: solid 4px #09b0f2; *border-bottom: solid 4px #ebe9ea; color: #00b6fa; }
.Otherpro .oldprice { font-size: 12px; line-height: 20px; letter-spacing: -.2px; text-align: right; color: #9b9b9b; text-decoration: line-through; }
.Otherpro .Tenkhoahoc { padding-top: 10px; }
.Otherpro .Otherksp{ padding-left:7px; padding-right:7px;}
.Otherpro .sale { width: 50px; height: 25px; border-radius: 7px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); background-color: #006fbc; font-size: 13px; font-weight: 900; text-align: center; color: #fff; display: block; line-height: 27px; position: absolute; top: 7px; left: 16px; }

/*.pager{text-align:center;padding-top:20px;padding-bottom:20px;margin:auto;width:100%}
.pager a{padding:3px;margin-left:3px;text-decoration:none;color:#999;font-weight:bold;}
.pager a.current{color:red;}
.pager a:hover{color:red;text-decoration:underline;}
.pager b{color:red;}
.Phantrang{margin:auto;width:100%;text-align:center;}
.Phantrang .pageactive{padding:4px;line-height:12px;height:10px;text-decoration:none;color:#ed1c24;width:8px;display:inline-table;}
.Phantrang a{font-size:12px;padding:4px;line-height:12px;height:10px;color:#666;text-decoration:none;display:inline-table;}
.Phantrang a:hover{text-decoration:none;color:#ed1c24 !important;}*/
.Phantrang a:hover { background-color: #df322f; color: #fff!important; box-shadow: none; text-decoration: none; }
.Phantrang .pageactive { background-color: #df322f; color: #fff; box-shadow: none; }
.Phantrang a {  width: 40px; height: 40px; line-height: 40px; border-radius: 7px; box-shadow: 0 5px 15px 0 rgba(0,0,0,.06); background-color: #fff; font-weight: 600; cursor: pointer; letter-spacing: .3px; text-align: center; color: #464646; font-size: 15px; vertical-align: middle; display: inline-block; margin-right: 6px; }


.user-dropdown{top:0!important;background-color:#fff}
.user-dropdown{position:relative}
.user-dropdown:hover{cursor:pointer}
.user-dropdown{display:table-cell;height:54px;vertical-align:middle}
.user-dropdown .user-avatar-small{width:34px;height:34px;margin-right:10px}
.user-dropdown .user_name{font-size:13px;font-weight:400}
.user-dropdown.open .dropdown-toggle{box-shadow:none}
.user-dropdown .user-icon{top:0;right:0}
.user-dropdown .user-avatar-small{border-radius:50%;height:40px;width:40px}
.user-dropdown .user-avatar-medium{border-radius:50%;height:27px;width:27px;border: 1px solid #d7d7d7;object-fit: cover;}
.user-dropdown .dropdown-menu{width:260px}
.user-dropdown-header { border-bottom: 1px solid #ccc; margin: 0; padding: 10px 20px 20px; float: left; width: 100%; }
.user-dropdown-header-left{position:relative;float:left;width:20%;min-height:1px;padding-left:15px;padding-right:15px;padding:0}
.user-dropdown-header-right{position:relative;float:left;width:80%;min-height:1px;padding-left:15px;padding-right:15px;padding:5px 0 0 10px}
.user-dropdown-header-right .name{overflow: hidden;text-overflow: ellipsis;font-size:14px;font-weight:500;margin-top:0px}
.user-dropdown-header-right .link{color:#797979;font-size:10px;margin-right:5px;width:20px;height:20px;border:1px solid #797979;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;display:inline-block;text-align:center;line-height:20px;font-size:10px}
.user-dropdown-header-right .link:hover{text-decoration:none}
.user-dropdown-header-right .link .fa{position:relative;top:-1px}
.user-dropdown-links{border-bottom:1px solid #ccc}
.user-dropdown-links .link{color:#212121;display:block;line-height:28px;text-decoration:none;font-size: 14px;}
.user-dropdown-links .link:hover{color:#810C15}
.user-dropdown-logout{padding:10px 20px}
.user-dropdown-logout .btn-logout{width:100%}
.user-dropdown-logout .btn{text-align:left;padding-left:0;font-size:15px;color:#464646;font-weight:400}
.user-dropdown-logout .btn .fa{margin-right:10px}


.mainpage .right-content { margin-top: 15px; }
.right-content { background: #fff; }
.right-content .page_title{position:relative}
.right-content .page_title .title_page_h1{font-family:'Roboto',sans-serif;margin:0 0 20px;padding:8px 15px 15px 0;font-size:15px;font-weight:700;border-bottom:solid 1px #167edf;text-transform:uppercase}
.right-content .list-blogs{margin-top:5px}
.right-content .blog-main{overflow:hidden;margin-top:10px;border-top:none!important;float: left;   width: 100%;}
.right-content .blog-main .blog_full{width:100%;float:left}
.right-content .margin-bottom-15{margin-bottom:15px!important}
.right-content .blog-inner{margin-bottom:40px}
.right-content .blog-inner .blog-img{overflow:hidden;position:relative}
.right-content .blog-inner .blog-img a{display:block;position:relative;width:100%;height:100%}
.right-content .blog-inner .blog-img a img{margin:0 auto;object-fit: cover; border-radius: 3px;}
.right-content .blog-main .blog_full .blog-inner h3{padding-top:0;margin-top:0}
.right-content .blog-inner h3{font-size:14px;line-height:20px;font-weight:700}
.right-content .blog-inner h3 a { color: #555; text-decoration: none; font-size: 14px; margin-bottom: 10px; float: left; width: 100%; }
.right-content .text2line{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.right-content .time_post{font-size:13px;color:#acacac}
.right-content .time_post i { background: url(../images/gios.png); width: 16px; height: 15px; float: left; margin-right: 4px; background-repeat: no-repeat; background-position: 0 0px; margin-top: 1px; }
.right-content .time_post i{color:#167edf;padding-right:5px}
.right-content .blog-inner .blog-description{padding:10px 0;color:#acacac;font-size:13px;font-weight:400; color:#677983}
.right-content .text3line{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.mainpage .left-content { margin-top: 15px; }
.left-content  .aside-item { background: #fff; margin-bottom: 25px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.left-content .aside-item{width:100%;float:left}
.left-content .title_module_arrow{width:100%;float:left;height:44px;border:solid 1px #ebebeb}
.left-content .margin-bottom-15{margin-bottom:15px!important}
.left-content .title_module_arrow.main h2{background:#167edf}
.left-content .title_module_arrow h2{margin:0;font-size:14px;line-height:44px;display:inline-block;position:relative;background:#ff640b;padding:0 10px;text-transform:uppercase;font-weight:500;margin-top:-1.5px;float:left}
.left-content .title_module_arrow h2 a,.title_module_arrow h2 span{text-decoration:none;color:#fff;display:block}
.left-content .title_module_arrow.main h2:after{border-color:transparent transparent transparent #167edf}
.left-content .title_module_arrow h2:after{content:"";width:0;height:0;border-style:solid;border-width:22px 0 22px 20px;border-color:transparent transparent transparent #ff640b;position:absolute;right:-20px;top:0}
.left-content .aside-item .list-blogs{width:100%;float:left}
.left-content .list-blogs{margin-top:5px}
.left-content .blog_list_item{margin-bottom:10px;border-top:0}
.left-content .aside-item .list-blogs .blog_list_item .blog-item-list:first-child{padding-top:0}
.left-content .blog_list_item .blog-item{padding:20px 0 15px;margin:0!important;position:relative;border-bottom:solid 1px #ebebeb;margin-bottom:15px}
.left-content .blog_list_item .blog-item .blog-item-thumbnail { display: inline-block; float: left; width: 100%; width: 84px; margin-left: 6px; }
.left-content .blog-item{overflow:hidden;margin-bottom:15px;padding:30px 0;border-bottom:dashed 1px #ebebeb}
.left-content .blog-item:last-child{overflow:hidden;margin-bottom:5px;padding:20px 0;border:none}

.left-content .img1{position:relative;overflow:hidden}
.left-content .blog-item-thumbnail{position:relative}
.left-content .blog_list_item .blog-item .blog-item-thumbnail a{display:block;text-align:center}
.left-content .blog_list_item .blog-item .blog-item-thumbnail a img{width:auto!important;max-width:100%}
.left-content .img1 img{width:100%;height:auto}
.left-content .blog_list_item .blog-item .ct_list_item{display:block;float:left;width:calc(100% - 90px);-o-width:calc(100% - 90px);-moz-width:calc(100% - 90px);-webkit-width:calc(100% - 90px);padding-left:15px}
.left-content .blog_list_item .blog-item .blog-item-name{margin:0 0 5px;line-height:19px;font-size:14px;font-weight:500}
.left-content .blog-item-name{font-family:'Open Sans',sans-serif;position:relative;font-size:18px;font-weight:500;line-height:26px;margin:0 0 10px;color:#555}
.left-content .blog_list_item .blog-item .blog-item-name a{color:#555;text-decoration:none}
.left-content .blog-item-name a{color:#555;text-decoration:none}
.left-content .text2line{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.left-content .aside-item .aside-content.aside-cate-blog{margin-bottom0px;margin-top:0}
.left-content .aside-item .aside-content.aside-cate-link-cls{margin-top:0;padding:0;border:solid 1px #ebebeb;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.left-content .aside-item .aside-content{position:relative;z-index:2}
.left-content .aside-content{width:100%;float:left}
.left-content .aside-item .aside-content.aside-cate-blog .cate_padding{padding:0}
.left-content .aside-item .aside-content.aside-cate-link-cls .cate_padding{padding:0}
.left-content .aside-cate-link-cls.aside-cate-blog .cate_padding{position:relative;z-index:2;border-bottom:0}
.left-content .cate_padding{padding:20px 0 0}
.left-content .aside-cate-link-cls.aside-cate-blog .cate_padding .nav-ul{padding:0}
.left-content .cate_padding .nav-ul{max-height:600px;overflow-y:auto;padding:0;overflow-x:hidden}
.left-content .aside-cate-link-cls.aside-cate-blog .cate_padding .nav-ul .nav-item{border-bottom:none}
.left-content .aside-item.collection-category .nav-item{position:relative;clear:left;font-size:14px;padding:0;width:100%;float:left}
.left-content .nav>li{position:relative;display:block}
.left-content .aside-cate-link-cls.aside-cate-blog .cate_padding .nav-ul .nav-item a{font-size:14px;color:#898989;padding:10px 20px 10px 30px}
.left-content .aside-item.collection-category .nav>li>a{padding:10px 20px 10px 30px}
.left-content .aside-item.collection-category .nav-item a{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#555;padding:10px 0;border-bottom:solid 1px #ebebeb;position:relative}
.left-content .aside-item.collection-category .nav-item a:before{content:"";width:5px;height:5px;background:#167edf;position:absolute;left:15px;top:17px}

.News-content{padding:10px}
.News-content .title{font:400 28px/32px arial;color:#555;padding-bottom:10px;}
.News-content .title h1{font:400 26px/32px arial;color:#228df2;padding-bottom:0px;margin:0px;}
.News-content .des-news{color:#444;float:left;font:700 14px/18px arial;padding-bottom:10px;text-rendering:geometricprecision;width:100%;}
.News-content .contents{color:#333;font:400 14px/22px arial;padding-top:10px;width:98%;}
.News-content .title-more-news{font-size:15px;color:#555;background-image:Url(../images/bullet_lage.png);background-repeat:no-repeat;background-position:1px;font-weight:700;padding-bottom:5px;border-bottom:1px dotted #d7d7d7;padding-top:10px;margin-top:15px;padding-left:24px;padding-top:6px;text-transform:uppercase}
.News-content .contents img{height:auto !important;border:0;max-width:100%;}
.list-more-news{padding-top:0;padding-bottom:0}
.list-more-news div{line-height:24px;}
.list-more-news div a{color:#555;font-weight:bold;font:13px;text-decoration:none;background-image:url(../Images/Tip_CProduct.png);background-repeat:no-repeat;padding-left:15px;background-position:0px 3px;line-height:31px;}
.list-more-news div a:hover{background-image:url(../Images/Tip_CProduct.png);color:red;}
.Checkdata { color: Red; font-weight: bold; text-align: center; margin-bottom: 20px; padding-top: 20px; width: 100%; float: left; }
.nenLiveStream{background:#fff;border-radius:5px;margin-top:6px;}
.DownloadThuvien{width:100%;margin:auto}
.DownloadThuvien .LiveDownload{width:100%;float:left;margin-bottom:20px;margin-left:13px;margin-top:10px;}
.DownloadThuvien .LiveDownload .showimg{float:left;width:250px;margin-right:10px}
.DownloadThuvien .LiveDownload .showimg img{width:250px;height:146px;object-fit:cover;border:1px solid #d7d7d7;border-radius: 3px;}
.DownloadThuvien .LiveDownload .shownhom{float:left;width:520px;}
.DownloadThuvien .LiveDownload .shownhom h2{margin:0;padding:0}
.DownloadThuvien .LiveDownload .shownhom h2 a{font-size:16px;font-weight:700;overflow:hidden;height:40px;line-height:1.3;margin-bottom:5px;margin-top:5px;text-align:left;color:#464646}
.DownloadThuvien .LiveDownload .shownhom h2 a:hover{color:#df322f}
.DownloadThuvien .LiveDownload .shownhom .Brief { margin-left: 5px; margin-top: 5px; color: #464646; font-size: 14px; line-height: 22px; }
.DownloadThuvien .LiveDownload .shownhom .Download{margin-left:5px;margin-top:5px;font-weight:bold;color:#464646}

.Live{width:100%;margin:auto}
.Live .LiveStream{width:100%;float:left;margin-bottom:20px;margin-left:13px;margin-top:10px;}
.Live .LiveStream img{margin:0 auto;width:100%!important;object-fit:cover;border-radius:3px}
.Live .LiveStream .showimg{float:left;width:250px;margin-right:10px}
.Live .LiveStream .showimg img{width:250px;height:146px}
.Live .LiveStream .shownhom{float:left;width:auto;}
.Live .LiveStream .shownhom h2{margin:0;padding:0}
.Live .LiveStream .shownhom h2 a{font-size:16px;font-weight:700;overflow:hidden;height:40px;line-height:1.3;margin-bottom:5px;margin-top:5px;text-align:left;color:#e00000}
.Live .LiveStream .shownhom h2 a:hover{color:#df322f}
.Live .LiveStream .shownhom .teacher{margin-left:5px;margin-top:5px;font-weight:bold;color:#0093df}

#my_menu{ margin-top: 10px;background-color:#fff;border-radius:7px;height:auto;padding:0;width:266px;position:relative;margin-bottom:22px;}
#my_menu #info{text-align:center;padding-top: 20px;}
#my_menu #info .image-avatar{border: 1px solid #d7d7d7;height:100px;width:100px;margin:auto;margin-top:0px;margin-bottom:20px;object-fit: cover}
#my_menu #info p{font-size:12px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.2;letter-spacing:.4px;text-align:center;margin-bottom:6px}
#my_menu #info span { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #fffbfb; background: red; border-radius: 4px; padding: 4px; }
#my_menu .nav{margin-top:30px}
#my_menu .nav li{height:30px}
#my_menu .nav .menutv:hover  { color:red!important; background:#fff!important}
#my_menu .nav .menutv:hover a{ color:red!important; background:#fff!important}
#my_menu .nav li.activex{  color:#545454;font-weight:700;}
#my_menu .nav li.activex a{ color:red; font-weight:bold}

#my_menu .nav li.active{height: 38px;margin-bottom: 8px;border-left:4px solid #30a9de;color:#545454;font-weight:700;background-color:#fff;box-shadow:0 2px 17px 0 rgba(0,0,0,0.1)}
#my_menu .nav li a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.31;letter-spacing:-.3px;text-align:left;padding-left:25px;color:#777}
#my_menu .nav li.active a{padding-left:21px!important;color:#464646;font-weight:600}
#my_menu #user_logout{text-align:center;border-top:2px solid #f3f3f3;color:#626262;width:100%;bottom:0;line-height:50px;height:50px; margin-top: 17px;}
#my_menu #user_logout i{color:red;margin-right:5px}
#my_menu #user_logout a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:43px;letter-spacing:-.1px;text-align:left;color:#464646}
#my_menu_mobile{background-color:#fff;height:60px;padding:0;display:inline-block;white-space:nowrap;width:100%;overflow-x:scroll;margin-top:60px}
#my_menu_mobile a{height:60px;margin-right:15px;padding:0;margin-right:40px;opacity:.3;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:60px;letter-spacing:-.2px;text-align:left;color:#464646;display:inline-block}
#my_menu_mobile a:first-child{padding-left:10px}
#my_menu_mobile a.active{border-bottom:2px solid red;color:#464646;opacity:1}
#my_menu_mobile::-webkit-scrollbar-track{display:none}
#my_menu_mobile::-webkit-scrollbar{display:none}
a.btns.btn-flat.btn-logout {color:red; font-weight:600}

.frm-add{margin-top:10px;color:#404040;}
.frm-add table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-add table tr td table tr td{border-bottom:none;}
.frm-add input{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add .tenthanhvien{width:20%;font-weight:bold;float:left}
.frm-add .gachke{padding-top:10px;padding-bottom:5px;float:left;width:100%;}
.frm-add{margin-top:10px;color:#404040;line-height:30px;}
.frm-add table tr td{padding-top:10px;padding-bottom:5px;}
.frm-add table tr td table tr td{border-bottom:none;}
.frm-add input{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:33px!important;padding:0 0.6em;width:253px}
.frm-add textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:33px;padding:0 0.6em;width:253px}
.frm-add select.select-box{color:#000;height:26px!important;line-height:15px;margin-bottom:3px;text-align:left;width:315px!important;z-index:10}
.frm-add .txt_file{float:left}

.mainpage wrapper_page { background: #fff; padding: 10px; margin-top: 10px; float: left; width: 100%; border-radius: 7px; margin-bottom: 10px; }
.mainpage .PageNews {    margin-left: 17px; background: #fff; padding: 10px; margin-top: 10px; float: left; width: 100%; border-radius: 7px; margin-bottom: 10px; }
.teacher-image img { width: 110px; height: 110px; object-fit: cover; border: 1px solid #f1f1f1; border-radius: 88px; box-shadow: 1px 1px 1px #ccc; display: inline-block !important; }
.videochitiethochthu iframe{width:730px;height:450px}
.btnadd { width: 200px; height: 48px; border: none; border-radius: 3px; background-color: #006fbc; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -.2px; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-left: 1px; box-shadow: none; outline: none; }
.btnadd:hover{background-color:#c91f24}
section.mainpage { padding-bottom: 25px; }
.menuthuvien { text-align: center; padding: 10px; text-transform: uppercase; font-weight: bold; font-size: 14px; }
.menutaifile{display:block;z-index:9;margin-top: 9px;border-radius: 3px;}
.sukien{margin:auto;text-align:center;}
.sukienketthuc{margin:auto;text-align:center;}
.sukienketthuc span{width:100%;text-transform:uppercase;background-color:#0d6daa;border-radius:7px;padding:12px;border:0;font-size:16px;color:#fff!important;text-transform:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:-.2px;text-align:center;width:250px}
.sukien a{width:100%;text-transform:uppercase;background-color:#b3292e;border-radius:7px;padding:12px;border:0;font-size:16px;color:#fff!important;text-transform:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:-.2px;text-align:center;width:150px}
.mainpage .Pagethanhvien {   background: #fff; padding: 10px; margin-top: 10px;  border-radius: 7px; margin-bottom: 10px; }
.btsent { padding-left: 180px; clear: both; padding-top: 10px; }
span.price-new span { margin-top: -19px !important; float: left; }
.News-content .teacher{margin-left:5px;margin-top:5px;font-size:14px;font-weight:bold;}
.xdo{font-weight:bold!important;color:#db0006 !important}
.xdam{font-weight:bold!important;color:#0093df !important}
.activcehexanh { border-left: 5px solid red; color: #ffff; font-weight: 700; background-color: #30a9de; box-shadow: 0 0px 4px 0 rgba(0,0,0,0.1); margin: -15px; height: 44px; float: left; width: 113%; padding-top: 11px; margin-top: 0px; margin-bottom: 3px; }
.activcehe { border-left: 5px solid #30a9de; color: #ffff; font-weight: 700; background-color: #30a9de; box-shadow: 0 0px 4px 0 rgba(0,0,0,0.1); margin: -15px; height: 44px; float: left; width: 113%; padding-top: 11px; margin-top: 0px; margin-bottom: 3px; }
.activcehe a { color: #fff; font-size: 13px; margin-left: 10px; }
.activcehexanh a { color: #fff; font-size: 12px; margin-left: 10px; }
section.sanpham { padding-top: 15px; }
.Sanphamdangtext { /* display: flex; */ margin-bottom: 14px; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 23px; letter-spacing: -.1px; color: #464646; }
.Sanphamdangtext.News-content table { width: 718px !important;  border:1px solid #d7d7d7 !important}
.Sanphamdangtext.News-content table th{line-height: 33px;}
.Sanphamdangtext.News-content table td{line-height: 33px;}

#Ajaxloading{ display:none; font-size:16px;width:110px;height:5em;position:fixed;z-index:3000;left:0;right:0;top:50%;bottom:0;margin:0 auto;margin-top:-100px}
#Ajaxloading .inner{background:none repeat scroll 0 0 rgba(0,0,0,0.8);font-size:12px;text-align:center;padding:14px 0;border-radius:6px!important;color:#fff}
#Ajaxloading .inner p{margin:8px 0 0}
.loading{ display:block !important}
.kichhoatkhoahoc{  margin: auto;}

.kichhoatkhoahoc .u-box-cart { text-align: center; padding: 20px; margin: 10px 0; }
.kichhoatkhoahoc .u-box-cart-title { margin: 45px 10px 5px; text-align: center;}
.kichhoatkhoahoc .u-box-cart-title p { font-size: 16px; }
.kichhoatkhoahoc .u-box-cart {text-align: center; padding: 20px; margin: 10px 0;}
.kichhoatkhoahoc .u-box-cart .u-box-cart-title h1 {font-size: 32px; font-weight: bold;}
.kichhoatkhoahoc .u-cart-txt { font-size: 20px;  }
.kichhoatkhoahoc .u-box-cart p { margin: 15px; }
.kichhoatkhoahoc  .u-kich-txt { font-size: 20px; }
.kichhoatkhoahoc  .btn-cart { display: inline-block; float: none; margin-top: 5px; } 
.kichhoatkhoahoc  .btn-cart { background: #ec5252; padding: 10px 15px; font-weight: bold; color: #fff; display: inline-block; margin: 10px 0; border-radius: 3px; border: none; }
.kichhoatkhoahoc .showthongbao{text-align: center; padding-bottom: 10px;font-size: 14px; padding-bottom: 12px; display: block;}



.page-title-wrapper{max-width:1140px;margin:auto;padding-left:15px;padding-right:15px}
.page-title-wrapper .page-title{margin-bottom:0px;font-size:20px;margin-left: -11px;}
.page-title-wrapper .page-title .count{font-size:14px;font-weight:400}
.page-title-wrapper .order-date{margin-top:-20px}


#maincontent .columns .column.main{padding-bottom:0}
#maincontent .columns .column.main .wrapper{padding-top:0}
#maincontent .columns .column.main .wrapper_course_detail{margin-bottom:50px}

.mainpage .wrapper_cart .cart-bread-crumb{height:16px;font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#9b9b9b;margin-bottom:23px}
.mainpage .wrapper_cart .cart-bread-crumb span{margin:0 10px}
.mainpage .wrapper_cart .cart-title-area{margin-bottom:30px}
.mainpage .wrapper_cart .cart-title-area span{font-size:20px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.2;letter-spacing:.4px;color:#464646}
.mainpage .wrapper_cart .empty-cart{height:420px;display:flex;justify-content:center;align-items:center}
.mainpage .wrapper_cart .empty-cart .empty-cart-container{display:flex;flex-direction:column;align-items:center}
.mainpage .wrapper_cart .empty-cart .empty-cart-container .empty-cart-icon{width:120px;height:120px;border-radius:50%;border:1px solid #ccd0d3;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.mainpage .wrapper_cart .empty-cart .empty-cart-container .empty-cart-icon .icon-cart{display:inline-block;background-image:url(../images/empty-cart-icon.svg);background-repeat:no-repeat;background-size:72px;width:72px;height:72px}
.mainpage .wrapper_cart .empty-cart .empty-cart-container .empty-cart-label{width:190px;height:38px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-.2px;text-align:center;color:#464646}
.mainpage .wrapper_cart .checkout-area{position:relative;background:#fff;border-radius:7px;box-shadow:none;padding:30px 24px 34px}
.mainpage .wrapper_cart .checkout-area .wrapper-message .message{display:none}
.mainpage .wrapper_cart .checkout-area .wrapper-message .message.notice{display:initial}
.mainpage .wrapper_cart .checkout-area .wrapper-message .message.notice .error-message{color:#df322f}
.mainpage .wrapper_cart .checkout-area .wrapper-message .message.notice .success-message{color:#006400}
.mainpage .wrapper_cart .checkout-area #block-discount .field{margin:0}
.mainpage .wrapper_cart .checkout-area .wrapper-message .page.messages .message{background:0 0;padding:0}
.mainpage .wrapper_cart .checkout-area .wrapper-message .page.messages .message div:before{display:none}
.mainpage .wrapper_cart .checkout-area .cart-totals { border-top: 0; padding-bottom: 20px; }
.mainpage .wrapper_cart .checkout-area .checkout-methods-items .cart-totals{display:none}
.mainpage .wrapper_cart .checkout-area .checkout-title{font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#464646;margin-bottom:20px}
.mainpage .wrapper_cart .checkout-area .sub .mark{border: none;padding-bottom:20px;color:#9b9b9b}
.mainpage .wrapper_cart .checkout-area .totals .title{color:#9b9b9b}
.mainpage .wrapper_cart .checkout-area .grand{padding-top:14px}
.mainpage .wrapper_cart .checkout-area .mark{background-color:inherit;font-size:12px}
.mainpage .wrapper_cart .checkout-area .amount{font-size:14px}
.mainpage .wrapper_cart .checkout-area .grand .price{color:#df322f}
.mainpage .wrapper_cart .checkout-area .table.totals{margin-bottom:0}
.mainpage .wrapper_cart .checkout-area .block.discount{margin-bottom:0}
.mainpage .wrapper_cart .checkout-area .block.discount .fieldset.coupon{position:relative}
.mainpage .wrapper_cart .checkout-area .block.discount .fieldset.coupon #coupon_code{height:36px}
.mainpage .wrapper_cart .checkout-area .block.discount .fieldset.coupon .actions-toolbar .action.apply{height:36px;position:absolute;right:0;top:0;margin-right:0;background-color:inherit;color:#464646;border:1px solid #c2c2c2}
.mainpage .wrapper_cart .checkout-area .checkout.action{height:48px;border-radius:3px;background-color:#df322f;color:#fff;border:0}
.mainpage .wrapper_cart .checkout-area .checkout.action:active{background-color:#eef1f2;color:#9b9b9b}
.mainpage .wrapper_cart .checkout-area .checkout-item{display:flex;justify-content:space-between;margin-bottom:10px}
.mainpage .wrapper_cart .checkout-area .checkout-item .item-title{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:normal;color:#9b9b9b}
.mainpage .wrapper_cart .checkout-area .checkout-item .item-price{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:normal;text-align:right;color:#464646}
.mainpage .wrapper_cart .checkout-area .checkout-item .total-title{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:normal;color:#464646}
.mainpage .wrapper_cart .checkout-area .checkout-item .total-price{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:normal;text-align:right;color:#df322f}
.mainpage .wrapper_cart .checkout-area .separate-border{width:302px;height:2px;background-color:#dedfe0;margin-bottom:13px}
.mainpage .wrapper_cart .checkout-area .input-promotion-code-area{display:flex;justify-content:space-between;margin-top:10px}
.mainpage .wrapper_cart .checkout-area .input-promotion-code-area input{border-radius:3px 0 0 3px;background-color:#fff;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.3px;font-size:14px;border:1px solid #d0d0d0;border-right:0;color:#9b9b9b;height:36px;padding-left:10px;vertical-align:middle;width:calc(100% - 78px)}
.mainpage .wrapper_cart .checkout-area .input-promotion-code-area input::placeholder{opacity:.5}
.mainpage .wrapper_cart .checkout-area .input-promotion-code-area a{height:36px;width:78px;text-align:center;vertical-align:middle;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.3px;color:#464646;display:flex;justify-content:center;align-items:center;border:1px solid #d0d0d0;border-radius:0 3px 3px 0;cursor:pointer}
.mainpage .wrapper_cart .checkout-area .checkout-button{width:302px;height:48px;border-radius:3px;background-color:#df322f;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:600;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-.2px;text-align:center;color:#fff;margin-top:20px;margin-bottom:26px;cursor:pointer}
.mainpage .wrapper_cart .checkout-area .shiping-area .ship-item{display:flex;margin-bottom:8px}
.mainpage .wrapper_cart .checkout-area .shiping-area .ship-item .ship-icon{flex-shrink:0;width:24px;height:24px;background-repeat:no-repeat;margin-right:6px}
.mainpage .wrapper_cart .checkout-area .shiping-area .ship-item .ship-icon.percentage-icon{background-image:url(../images/percentage.svg)}
.mainpage .wrapper_cart .checkout-area .shiping-area .ship-item .ship-icon.car-icon{background-image:url(../images/car.svg)}
.mainpage .wrapper_cart .checkout-area .shiping-area .ship-item .ship-icon.circle-arrow-icon{background-image:url(../images/circle-arrow.svg)}
.mainpage .wrapper_cart .checkout-area .shiping-area .ship-item .ship-description{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.1px;color:#464646;display:flex;flex-direction:column;justify-content:center}
.mainpage .wrapper_cart .cart-item-list .cart-list .styled-checkbox{position:absolute;opacity:0}
.mainpage .wrapper_cart .cart-item-list .cart-list .styled-checkbox+label{position:relative;cursor:pointer;padding:0;height:19px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-.2px;color:#464646;margin-bottom:0}
.mainpage .wrapper_cart .cart-item-list .cart-list .styled-checkbox+label:before{content:'';margin-right:5px;border-radius:2px;background-size:18px 18px;display:inline-block;vertical-align:text-top;width:24px;height:24px;background-image:url(../images/ic-check-box-outline-blank.svg);background-repeat:no-repeat}
.mainpage .wrapper_cart .cart-item-list .cart-list .styled-checkbox:checked+label:before{background-image:url(../images/checkbox_checked.svg);background-size:24px 24px;margin-left:-3px;margin-right:8px;margin-top:-2px}
.mainpage .wrapper_cart .cart-item-list .cart-list .styled-checkbox:disabled+label{color:#ccd0d3;cursor:not-allowed}
.mainpage .wrapper_cart .cart-item-list .cart-list .styled-checkbox:disabled+label:before{box-shadow:none;background-image:url(../images/ic-check-box-outline-blank-black-disabled.svg)}
.mainpage .wrapper_cart .cart-item-list .cart-list ul{margin-bottom:5px}
.mainpage .wrapper_cart .cart-item-list .cart-list li{list-style-type:none;padding:5px 0 5px 20px}
.mainpage .wrapper_cart .cart-item-list .cart-list li:hover{background-color:#f4f7f8}
.mainpage .wrapper_cart .cart-item-list .cart-list li:hover label{color:#006fba}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu{width:730px;height:48px;border-radius:7px;background-color:#fff;margin:0;margin-bottom:10px;display:flex;justify-content:space-between}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .left-sub-menu{display:flex;align-items:center}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .left-sub-menu .select-all{padding-left:20px;padding-right:73px}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .left-sub-menu .course-number{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-.2px;color:#464646}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .delete-all{display:flex;align-items:center;margin-right:30px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-.2px;color:#464646;cursor:pointer}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .delete-all .delete-icon{-webkit-mask:url(../images/delete-icon.svg) no-repeat 50% 50%;mask:url(../images/delete-icon.svg) no-repeat 50% 50%;background-color:#9b9b9b;height:24px;width:24px;margin-right:6px}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .delete-all .delete-icon:hover{background-color:#464646}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .delete-all.no-item-selected{color:#dedfe0}
.mainpage .wrapper_cart .cart-item-list .cart-list .sub-menu .delete-all.no-item-selected .delete-icon{-webkit-mask:url(../images/delete-disabled.svg) no-repeat 50% 50%;mask:url(../images/delete-disabled.svg) no-repeat 50% 50%;background-color:#dedfe0}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart{width:730px;height:120px;border-radius:7px;background-color:#fff;margin:0;padding-left:20px;display:flex;margin-bottom:4px}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-image{width:126px;height:80px;background:url(../images/image.jpeg) no-repeat center/cover;margin-left:20px;margin-right:19px;margin-top:20px}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-image img{width:100%;height:100%;object-fit:cover}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-info{float: left;width:250px;margin-top:20px}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-info .course-name{display:-webkit-box;cursor:pointer;font-size:13px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:-.2px;color:#464646;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-info .author-name{display:inline-block;cursor:pointer;font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.38;letter-spacing:-.1px;color:#9b9b9b}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-price{float: left;margin-left:30px;padding-bottom:25px;width:190px;margin-top:20px}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-price .new-price{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.11;letter-spacing:-.3px;color:#006fba;margin-bottom:5px}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-price .new-price.special-price{color:#df322f}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-price .old-price{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.67;letter-spacing:-.2px;color:#9b9b9b;text-decoration:line-through}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .course-price .current-price{font-size:18px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.11;letter-spacing:-.3px;color:#006fba;margin-bottom:28px}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .delete-area{width:36px;height:36px;display:flex;justify-content:center;align-items:center;align-self:start;margin-top:18px;border-radius:50%}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .delete-area:hover{background-color:#f4f7f8}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .delete-area:hover .delete-icon{background-color:#464646}
.mainpage .wrapper_cart .cart-item-list .cart-list .courses-in-cart .delete-area .delete-icon{-webkit-mask:url(../images/delete-icon.svg) no-repeat 50% 50%;mask:url(../images/delete-icon.svg) no-repeat 50% 50%;background-color:#9b9b9b;height:24px;width:24px;cursor:pointer}

.mainpage .cart-container .checkout-methods-items .action.primary {width: 100%;line-height: 2.2rem; padding:9px 78px; font-size: 1.8rem; }
.mainpage .wrapper_cart  .input-text{background: #fff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box;}
.cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount { border: 0; font-weight: 400; padding: 6px 0 6px 14px; text-align: right; white-space: nowrap; }
.mainpage .wrapper_cart tr{ border-bottom: 1px solid #d7d7d7; }
.mainpage .wrapper_cart  .cart-container .checkout-methods-items { margin-top: 20px; text-align: center; }
.mainpage .wrapper_cart .shiping-area { margin-top: 26px; }

.mainpage   .billing-address-form{max-width:100%!important;position:relative}
.mainpage   .billing-address-form .billing-form-error{position:absolute;bottom:5px;left:20px;font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#df322f}
.mainpage   .billing-address-form .fieldset.address{display:flex;justify-content:space-between;flex-wrap:wrap;padding:20px;border-radius:7px;border:solid 1px #e7eaec;background-color:#fff;margin-top:-5px;height:335px}
.mainpage   .billing-address-form .fieldset.address .field-error{display:none!important}
.mainpage   .billing-address-form .fieldset.address .choice.field{display:none!important}
.mainpage   .billing-address-form .fieldset.address{height:auto;border-radius:0;border-right:none;border-left:none;padding:15px}
.mainpage   .billing-address-form .fieldset.address .form-adress-title{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:normal;text-align:left;color:#464646;width:100%;margin-bottom:10px}
.mainpage   .billing-address-form .fieldset.address .form-adress-sub-title{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#464646;width:100%;margin-bottom:20px}
.mainpage   .billing-address-form .fieldset.address .field{position:relative;width:calc(50% - 5px);flex-shrink:0}
.mainpage   .billing-address-form .fieldset.address .field[name="billingAddresspayment_cod.lastname"]{order:-1}
.mainpage   .billing-address-form .fieldset.address .field[name="billingAddresspayment_cod.firstname"]{order:-1}
.mainpage   .billing-address-form .fieldset.address .field[name="billingAddresspayment_cod.checkout_email"]{order:-1}
.mainpage   .billing-address-form .fieldset.address .field[name="billingAddresspayment_cod.telephone"]{order:-1}
.mainpage   .billing-address-form .fieldset.address .field.error-field[name="billingAddresspayment_cod.region_id"]:after{right:25px}
.mainpage   .billing-address-form .fieldset.address .field.error-field[name="billingAddresspayment_cod.custom_attributes.city_id"]:after{right:25px}
.mainpage   .billing-address-form .fieldset.address .field.error-field[name="billingAddresspayment_cod.custom_attributes.sub_district_id"]:after{right:25px}
.mainpage   .billing-address-form .fieldset.address .field.error-field:after{content:url('../images/error-icon.svg');width:20px;height:20px;position:absolute;top:10px;right:15px}
.mainpage   .billing-address-form .fieldset.address .field[name="billingAddresspayment_cod.country_id"]{display:none}
.mainpage   .billing-address-form .fieldset.address .field[name="billingAddresspayment_cod.postcode"]{display:none}
.mainpage   .billing-address-form .fieldset.address .field.street .control .field{width:100%}
.mainpage   .billing-address-form .fieldset.address .field .label{display:none}
.mainpage   .billing-address-form .fieldset.address .field .input-text{height:46px;border-radius:7px;background-color:#f4f7f8;border:none!important;outline:none!important;box-shadow:none!important;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:normal;text-align:left;color:#464646}
.mainpage   .billing-address-form .fieldset.address .field .input-text ::-webkit-input-placeholder{color:#9b9b9b}
.mainpage   .billing-address-form .fieldset.address .field .input-text ::-moz-placeholder{color:#9b9b9b}
.mainpage   .billing-address-form .fieldset.address .field .input-text :-ms-input-placeholder{color:#9b9b9b}
.mainpage   .billing-address-form .fieldset.address .field .input-text :-moz-placeholder{color:#9b9b9b}
.mainpage .billing-address-form .fieldset.address .field select { height: 46px; border-radius: 7px; background-color: #f4f7f8; border: none; outline: none!important; box-shadow: none!important; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: normal; text-align: left; color: #464646; width: 100%; padding-left: 10px; }

.mainpage .billing-address-form .fieldset.address .field { margin: 0 0 10px !important; }
.mainpage  .actions-toolbar .primary { float: right; margin: 0; }
.mainpage  .actioncheckout {margin-right: 10px; width: 160px; height: 46px; border-radius: 7px; background-color:#0093dc; border: none; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; text-transform: uppercase; line-height: 1.29; letter-spacing: normal; text-align: center; color: #fff; margin-top: 15px; box-shadow: none; outline: none; }
.thongbaoss{color: #fff;padding-bottom: 16px;font-size: 13px;padding: 8px;background: #ffa903;margin-bottom: 6px;width: 99%;}

.mainpage   .opc-block-summary{border-radius:7px;background-color:#fff;padding:18px 20px 0!important}
.mainpage   .opc-block-summary{border-radius:0;padding:16px!important;margin-bottom:0}
.mainpage   .opc-block-summary .title{font-size:20px;font-weight:600;font-style:normal;font-stretch:normal;line-height:.9;letter-spacing:normal;text-align:left;color:#464646}
.mainpage   .opc-block-summary .table-totals{height:131px;position:relative}
.mainpage   .opc-block-summary .table-totals{height:80px}
.mainpage   .opc-block-summary .table-totals tr .mark{background-color:#fff;padding:0!important}
.mainpage   .opc-block-summary .table-totals tr.totals.sub{border-top:1px solid #eef1f2}
.mainpage   .opc-block-summary .table-totals tr.totals.sub th.mark{font-stretch:normal;letter-spacing:normal;font-size:12px;font-weight:600;line-height:3.33;font-style:normal;text-align:left;color:#df322f}
.mainpage   .opc-block-summary .table-totals tr.totals.sub .amount{padding:0!important}
.mainpage   .opc-block-summary .table-totals tr.totals.sub .amount .price{font-size:12px;line-height:3.33;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:right;color:#006fba}
.mainpage   .opc-block-summary .table-totals tr.totals.discount .mark{line-height:3.33;position:absolute;top:28px}
.mainpage   .opc-block-summary .table-totals tr.totals.discount .amount{padding:0!important;line-height:3.33;position:absolute;top:30px;right:0}
.mainpage   .opc-block-summary .table-totals tr.totals.discount .amount .price{font-size:12px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:right;color:#464646}
.mainpage   .opc-block-summary .table-totals tr.totals.shipping .mark{line-height:3.33;position:absolute;top:55px}
.mainpage   .opc-block-summary .table-totals tr.totals.shipping .amount{padding:0!important;line-height:3.33;position:absolute;right:0}
.mainpage   .opc-block-summary .table-totals tr.totals.shipping .amount .price{font-size:12px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:right;color:#464646}
.mainpage   .opc-block-summary .table-totals tr.grand.totals{display:none}
.mainpage   .opc-block-summary .table-totals tr.grand.totals th.mark{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:normal;text-align:left;color:#df322f;position:absolute;top:94px;border:none!important}
.mainpage   .opc-block-summary .table-totals tr.grand.totals th.mark strong{padding-top:10px}
.mainpage   .opc-block-summary .table-totals tr.grand.totals .price{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:2.86;letter-spacing:normal;text-align:right;color:#df322f}
.mainpage   .opc-block-summary .table-totals tr.grand.totals .amount{padding:0!important;position:absolute;top:95px;right:0;border:none!important}
.mainpage   .opc-block-summary .table-totals tr.grand.totals .amount strong{padding-top:0!important}
.mainpage   .opc-block-summary .table-totals tr.grand.totals .amount .price{padding:0!important}
.mainpage   .opc-block-summary .table-totals tr.grand.totals .amount:after{content:'';width:298px;display:inline-block;background-color:#eef1f2;position:absolute;right:0;height:1px}
.mainpage   .opc-block-summary .table-totals tr th.mark{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:2.67;letter-spacing:normal;text-align:left;color:#9b9b9b}
.mainpage   .opc-block-summary .table-totals tr th.mark .title{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:2.67;letter-spacing:normal;text-align:left;color:#9b9b9b}

.mainpage  .opc-block-summary .product-item-name{width:240px;font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:left;color:#464646;margin-bottom:0!important;height:36px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;line-clamp:2;-o-line-clamp:2;-ms-line-clamp:2;-webkit-line-clamp:2;-moz-line-clamp:2;box-orient:vertical;-o-box-orient:vertical;-ms-box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;height:auto;max-height:36px}
.mainpage .opc-block-summary .product-item .subtotal { display: table-cell; text-align: right;    float: right; }
.mainpage .opc-summary-wrapper .product-item-details .product-item-name-block {padding-top: 0;}
.mainpage  .opc-block-summary .product-item .product-item-name-block {display: table-cell;padding-right: 5px; text-align: left;    float: left;}
.mainpage .cart-price .price { font-size: 12px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: right; color: #006fba; }
.product-item-inner { padding-bottom: 5px; float: left; width: 100%; line-height: 20px; padding-top: 5px; }
.thongtinatm{ padding-bottom:20px; padding-top:10px; line-height:22px}
.dathangthanhcong {font-family: Arial,Helvetica,sans-serif; line-height: 26px; font-size: 17px; text-align: center; padding-bottom: 10px; padding-top: 20px; }
.ATMThongBao{ font-family: Arial,Helvetica,sans-serif;line-height: 26px; font-size: 17px; text-align: center; padding-bottom: 10px; padding-top: 5px; }

.icon_cart{background:rgba(0,0,0,0) url(../images/cart-2.png) no-repeat scroll 0 0;border-radius:50%;display:block;height:64px;margin-bottom:10px;margin-left:auto;margin-right:auto;width:64px}
.modalbodys p{margin-bottom:30px;font-family:Arial,Helvetica,sans-serif}
.modalbodys h2{font-family:Arial,Helvetica,sans-serif;font-size:18px!important;margin-bottom:3px;margin-top:0}
.modalbodys{margin:auto;text-align:center;margin-top:43px;padding-bottom: 40px;}
.adrbutton{-moz-user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;height:32px;line-height:30px;margin-bottom:0;padding:0 8px;position:relative;text-align:center;vertical-align:middle;white-space:normal;background:#d60c0c}

.Listkhoahoc-lg-box { border: 1px solid #ccc; padding: 2px; width: 280px; float: left; margin: 0px 5px 10px 0px}
.Listkhoahoc-lg-box:first-child {margin-left: 0px;}
.Listkhoahoc-block-img { position: relative; }
.Listkhoahoc-block-img::after {  display: block;  position: relative;  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);  margin-top: -120px;  height: 120px;  width: 100%;  content: '';}
.Listkhoahoc-block-img p { position: absolute; bottom: 5px; left: 10px; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); z-index: 2;}
.Listkhoahoc-block-txt span {float: right}
.Listkhoahoc-block-txt sup { font-size: 12px; }
.Listkhoahoc-block-txt p { margin-top: 5px; font-size: 12px; margin: 8px 0px;}
.Listkhoahoc-block-txt a,.ugb-block-txt button { float: left; border: 1px solid #ccc; padding: 3px 8px; border-radius: 3px; transition: 0.5s; margin-top: 8px;}
.Listkhoahoc-block-txt a:hover { color: #fff; background: #d4231d; }
.Listkhoahoc-block-txt i { margin-right: 3px; }
.titlekhoahoc {margin-bottom: 15px; border-bottom: 4px solid #f3565d; position: relative; border: 0; margin-right: 0; color: #737373; width: 100%; float: left; height: 27px; font-size: 15px; font-weight: bold; }
#my_menu .nav .link{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: -.3px; text-align: left; padding-left: 25px; color: #777;}

#Ajaxloading{display:none;font-size:16px;width:110px;height:5em;position:fixed;z-index:3000;left:0;right:0;top:50%;bottom:0;margin:0 auto;margin-top:-100px}
#Ajaxloading .inner{background:none repeat scroll 0 0 rgba(0,0,0,0.8);font-size:12px;text-align:center;padding:14px 0;border-radius:6px!important;color:#fff}
#Ajaxloading .inner p{margin:8px 0 0}
.loading{ display:block !important}
img.admavatarimg { width: 200px; height: 200px; object-fit: cover; }

.Tongsile .box_favorite_producdts_owl_price p{margin-bottom:40px}
.Tongsile .owl-pagination{display:none}
.Tongsile .owl-theme .owl-controls .owl-buttons div{background:none;transition:all ease .5s}
.Tongsile .owl-prev{position:absolute;top:40%;left:-10px}
.Tongsile .owl-next{position:absolute;top:40%;right:-10px}


.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left; }
.Tongsile .item{float:left; width: 234px;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-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)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;.owl-themeowl-controlsmargin-top:10px;margin-bottom:50px}
.owl-pagination{padding-left:208px}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;}

.pager{text-align:center;padding-top:20px;padding-bottom:20px; margin:auto; width:100%}
.pager a{padding:3px;margin-left:3px;text-decoration:none;color:#999;font-weight:bold;margin-bottom: 10px;}
.pager a.current{color:red;}
.pager a:hover{color:red;text-decoration:underline;}
.pager b{color:red;}

.iccgiohang{ display: block; height: 24px; width: 29px; left: 2px; cursor: pointer; position: absolute; top: 19px; background-color: #4a4a4a; background: url(../images/icongiohang.png) no-repeat; background-color: #fff;}
.iccgiohang a{color: #fff; text-align: center;position: absolute; top: -8px; right: 0; border-radius: 6px; background-color: #ffb006; -webkit-transform: translateX(35%); -moz-transform: translateX(35%); -ms-transform: translateX(35%); -o-transform: translateX(35%); transform: translateX(35%); width: 22px; height: 17px;}
.col-xs-4.col-sm-4.col-md-3.menumb { margin-left: -20px; }
.menumb { padding-left: 0px; }

#Ajaxloading{display:none;font-size:16px;width:110px;height:5em;position:fixed;z-index:3000;left:0;right:0;top:50%;bottom:0;margin:0 auto;margin-top:-100px}
#Ajaxloading .inner{background:none repeat scroll 0 0 rgba(0,0,0,0.8);font-size:12px;text-align:center;padding:14px 0;border-radius:6px!important;color:#fff}
#Ajaxloading .inner p{margin:8px 0 0}
.loading{ display:block !important}
.pull-left {width: 100%; }
.mainpage .billing-address-form .fieldset.address .fieldnd { position: relative; width: calc(100% - 5px); flex-shrink: 0; }
.Listkhoahoc-block-img img { height: 200px; object-fit: cover; width: 100%; }
img.imgteacher { object-fit: cover; }

.vaohoc .Xem .ctvaohoc{ color:#30a9de}
.khonghople { background: #ed1c24; display: inline; padding: 2px 0.6em 4px; font-size: 89%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; margin-top: 7px; float: left; padding-top: 4px; }
.hople { background:#ffa903; display: inline; padding: 2px 0.6em 4px; font-size: 89%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; margin-top: 7px; float: left; padding-top: 4px; }
.khonghoples { background: #ed1c24; display: inline; padding: 2px 0.6em 4px; font-size: 89%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; margin-top: 7px; float: left; padding-top: 4px; margin-bottom: 8px; }

.canbenphai{ float:right!important}
.canbentrai{ float:left !important}
button.btn.btn-default.show_hide_table { background: #d7d7d7; }
.iinputtkiem { border: 1px solid #ddd; transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s; border-radius: 4px !important; display: inline-block; height: 34px; padding: 3px 6px; font-size: 13px; line-height: 18px; color: #555555; vertical-align: middle; margin-right:5px}
.thedaduockichhoat{color: #fff;font-size: 13px;font-weight: 400;text-transform: uppercase;}

.frm-add .gachke select { border: 1px solid #ddd; transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s; border-radius: 4px !important; display: inline-block; height: 34px; padding: 3px 6px; font-size: 13px; line-height: 18px; color: #555555; vertical-align: middle; }
.btluucoupon { margin-left: 7px; }
.tatcasp { padding-top: 20px !important; }
.duocgiamgia { width: 100%; height: 25px; border-radius: 3px; background-color: #ed1c24; font-size: 13px; font-weight: 900; text-align: left; color: #fff; display: block; line-height: 25px; padding-left: 7px; margin-bottom: 8px; }


/*.khoihocdangtext { width: 100%; margin: auto; border-bottom: 1px solid #8fbc8f; float: left; padding: 5px; }
.khoihocdangtext .columtong{ width:100%; float:left; border:1px solid #8fbc8f;border-bottom: none;}
.khoihocdangtext .columtong .cotamthanh{ width:40%; float:left;margin:0px;height: 100px; text-align:center; padding: 12px;border-right: 1px solid #8fbc8f;}
.khoihocdangtext .columtong .cotamthanh .chutext{ text-align:center; font-weight:bold; padding:5px; }
.khoihocdangtext .columtong .cotphienam{ width:20%; float:left; font-style:italic;margin:0px;height: 100px;font-family:arial,helvetica,sans-serif;font-size:16px; text-align:center;padding: 40px;border-right: 1px solid #8fbc8f;}
.khoihocdangtext .columtong .cotdichnghia{ width:20%; float:left;margin:0px;height: 100px;font-size:16px; text-align:center;padding: 40px;border-right: 1px solid #8fbc8f;}
.khoihocdangtext .columtong .cothinhanh{ width:20%; float:left;margin:0px;height: 100px; text-align:center;}
.khoihocdangtext .columtong .cothinhanh img { width: 100%; height: auto; text-align: center; object-fit: cover; padding: 5px; }*/

.khoihocdangtext{ width: 100%; margin: auto;float: left; padding: 5px; }
.khoihocdangtext .columtong{width:50%; border-bottom:dotted 1px #c8c8c8;padding-bottom:10px;padding-top:10px;float: left;}
.khoihocdangtext .columtong .cothinhanh {float:left;margin-right:20px;padding:3px; width:152px}
.khoihocdangtext .columtong .cotphai{ float:left; width:auto}
.khoihocdangtext .columtong .cotphai .cottumoi {  width:100% ;float: left; padding-bottom: 0px; margin:0px;text-align:left; }
.khoihocdangtext .columtong:hover .cotphai .cottumoi .tumoi{ color:#ff0084;font-weight: bold; font-size:15px; }
.khoihocdangtext .columtong .cotphai .cottumoi .tumoi{ color:#f68e09;font-weight: bold; font-size:15px; }
.khoihocdangtext .columtong .cotphai .cottumoi .danhtu{ color:#0b98ea; font-style:inherit;font-size:15px; }
.khoihocdangtext .columtong .cotphai .cotdanhtu {   width:100% ; padding-bottom: 10px; margin:0px;font-size:16px; text-align:left;}
.khoihocdangtext .columtong .cotphai .cotphienam {  width:100% ;  padding-bottom: 10px;font-style:italic;margin:0px;color: #6c6c6c; font-family: Arial, Helvetica, sans-serif;font-size:16px; text-align:left;}
.khoihocdangtext .columtong .cotphai .cotdichnghia {  width:100% ;  padding-bottom: 10px; margin:0px;font-size:16px; text-align:left;}
.khoihocdangtext .columtong .cotphai .cotamthanh {width:100% ; padding-top: 0px; margin: 0px; text-align: center; float: right; }
.khoihocdangtext .columtong .cotphai .cotamthanh audio { width: 200%; height: 27px; }
.khoihocdangtext .columtong .cothinhanh img{ border:1px solid #fff;width: 144px; height: 100px;}
.khoihocdangtext .columtong:hover .cothinhanh img{ border:1px solid #ff0084}

.khoihocdangtext .playmp3 { background: url(../images/audio_short.png) no-repeat; background-position: 0 0; display: inline-block; vertical-align: middle; margin-left: 10px; width: 26px; height: 30px; }
.khoihocdangtext .playmp3:hover{ background-position: 0 -85px;}
.khoihocdangtext .recording_user { background: url(../images/record.png) no-repeat; background-position: 0 1px; width: 40px; height: 27px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 0px; }
.khoihocdangtext .recording_user:hover { background-position: 0 -58px;}
.khoihocdangtext .columtong .cotphai .loa{float: left;width: 200%; height: 27px; margin-left: -11px; margin-bottom: 5px;}
.box_content { background: #fff;  font-size: 13px;position: relative;  width: 348px; z-index: 2; padding: 5px; line-height:20px; }


.khoihocdangtexNews{ width: 100%; margin: auto;float: left; padding: 5px; }
.khoihocdangtexNews .columtong{display: inline-block;vertical-align: top; margin: 0px 32px 27px 0px;}
.khoihocdangtexNews .columtong .cothinhanh img{width: 237px; height: 226px; cursor: pointer; border: solid 7px #37b5ff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.khoihocdangtexNews .columtong .cotphai{width: 237px; height: 120px; padding-top: 11px; text-align: center; border-bottom: dashed 2px #37b5ff; border-left: dashed 2px #37b5ff; border-right: dashed 2px #37b5ff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.khoihocdangtexNews .columtong .cotphai .cottumoi {  width:100% ;float: left; padding-bottom: 12px; margin:0px;text-align:center; }
.khoihocdangtexNews .columtong .cotphai .cottumoi .tumoi{font-size: 21px; color: #dd2685; display: inline-block;}
.khoihocdangtexNews .columtong .cotphai .cotdichnghia { font-family: arial; font-size: 17px; color: #878787; margin: 12px auto 10px auto;text-align:center; }
.khoihocdangtexNews .columtong .cotphai  .loa { width: 98px; height: 34px; background-image: none; font-size: 16px; cursor: pointer; margin: auto; border: solid 2px #dd5555; border-radius: 50px;}
.khoihocdangtexNews .columtong .cotphai  .loa .ghiam_icon { width: 11px; height: 20px; margin: 7px; display: inline-block; vertical-align: middle; background-image: url(../images/ev_irecord.png); }
.khoihocdangtexNews .columtong .cotphai  .loa:hover {background-color: #dd5555;color: white;}
.khoihocdangtexNews .columtong .cotphai  .loa:hover > .ghiam_icon { background-position: -11px 0px; }
.khoihocdangtexNews .columtong .cotphai  .loa .ghiam{display: inline-block; vertical-align: middle;position: relative; top: -2px; left: -3px;}
.khoihocdangtexNews .columtong:hover .cothinhanh img{width: 237px; height: 226px; cursor: pointer; border: solid 7px #ff0084; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.khoihocdangtexNews .columtong:hover .cotphai{width: 237px; height: 120px; padding-top: 11px; text-align: center; border-bottom: dashed 2px #ff0084; border-left: dashed 2px #ff0084; border-right: dashed 2px #ff0084; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.chitietkhoahoc .section_lecture .panel-menu .menu-list .menu .khoangcach { margin-top:7px !important}
.col-xs-12.col-sm-12.col-md-4.khoidathang {float: right;}
.xuathienthanhscoll{ display:none}
.thbao{color: rgb(237, 28, 36); width: 100%; float: left;margin-left: 12px;}
.xuathienthanhscoll.fixedmenu{display:none}
.xuathienthanhscoll  { box-shadow: 0 0 7px 0 rgba(156,156,156,.5); height: auto; background: #fff; float: left; width: 100%; }
.NOPM{ margin:0px; padding:0px}
.Dathangnhanh .buynow-button {width: 100%;height: 48px;border: none;border-radius: 3px;background-color: #df322f;font-size: 15px;font-weight: 600;line-height: 1.33;letter-spacing: -.2px;text-align: center;color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;margin-left: 12px;box-shadow: none;outline: none;margin-bottom: 5px;}
.Dathangnhanh .add-to-cart {width: 100%;height: 48px;border-radius: 3px;border: 1px solid #d0d0d0;display: flex;justify-content: center;align-items: center;font-size: 15px;font-weight: 600;letter-spacing: -.2px;text-align: center;color: #464646;cursor: pointer;text-decoration: none;background-color: #fff;margin-bottom: 5px;}
.Dathangnhanh .Giacu {color: #9b9b9b;float: right;font-size: 14px;letter-spacing: 0.2px;line-height: 1.43;margin-right: 13px;text-align: left;text-decoration: line-through;}
.Dathangnhanh .GiaMoi {color: #df322f;float: right;font-size: 14px;font-weight: 600;letter-spacing: 0.4px;line-height: 1.29;margin-right: 12px;text-align: right;}
.Giathanh{ padding-top:5px; padding-bottom:5px;}
.Dathangnhanh{ padding-top:0px; padding-bottom:10px;}

.Danhchothanhvien{ color:#ed1c24; font-size:15px; text-align:left; text-transform:uppercase}
.nenchokhoi{background:#ebebeb; float: left; width: 100%; border-radius: 3px; padding-left: 9px;padding-top: 14px; }
.Danhchothanhvien { color: #ed1c24; font-size: 17px; text-align: left; text-transform: uppercase; padding: 20px; float: left; width: 100%; }
.contact3ss input{ height:15px!important }



@media print {
body,td,th{font-family:Tahoma,Arial;font-size:17px}
body{margin:0; background:#f7f7f7}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,blockquote,code,pre{margin:0;padding:0;list-style-type:none}
.test{ font-size:20px!important;font-weight:600; margin-left:15px;}
.macauhoi{ font-size:16px!important; }
.cauhoi_span{ margin-top:20px; padding-top:20px}
.noidungtuluyen p { line-height: 22px; padding-bottom: 2px; padding-top: 3px; width: 100%; padding-left: 15px; margin-bottom: 6px; }
.Maunendachon{ background:#f3f200}
}
.macauhoi{position:absolute;margin-top:10px;padding:3px 10px;font-size:12px;color:#666;background:#eee;font-weight:400;    float: left;}
.thongbao_traphi{background:#fff}
.keothadapan > span{display:inline-block;padding:10px;border:1px solid #ccc;margin:20px}
.okeotha_dich{background:#ff0;text-align:center;width:50px;height:20px;display:inline-block}
.tichdung{background:green;color:#fff;padding:10px}
.tichsai{background:red;color:#fff;padding:10px}
.huongdan{background:#EAFFD5;padding:10px}
.hinhthuctungcau{border:3px solid #0C3;padding:50px;min-height:500px}
#obay{position:fixed;left:10px;top:50px;width:160px}
#obay > a{display:inline-block;width:50px;height:50px;background:#69F;border-radius:50%;text-align:center;padding-top:15px;box-sizing:border-box;font-size:18px;font-weight:700;color:#fff;cursor:pointer}
#obay .dalam{background:#069}
#obay .chuachacchan{background:#F60}
#thanhdinhhuong a{color:#2E4050}
#thanhdinhhuong > div{line-height:1.6}
#thanhdinhhuong a:hover{color:#ec5252}
*{scroll-behavior:smooth}
.timeleft{border:1px solid #c9c9c9;margin-bottom:1em;text-align:center}
.time_div{width:50%;border-radius:5px;background:#006b86;padding:.5em;color:#fff;font-size:1.1em;margin:0 auto;margin-bottom:1em}

.print_me { text-align: center; margin-bottom: .5em; float: left; margin-left: 4px; padding-top: 13px; padding-bottom: 12px; }
.print_me a{background:#006b86;color:#fff;border:none;padding:7px 27px;font-size:medium; font-size:14px;height: 33px; border-radius: 4px;}
.print_me a:hover{cursor:pointer}
#obay > a{color:#000;border:1px solid #CCC;background:none;padding-top:4px;width:35px;height:35px;margin-left:2.5px;margin-right:2.5px;margin-bottom:.5em}
#obay{top:79px;-webkit-box-shadow:0 3px 5px 3px rgba(0,0,0,0.08);-moz-box-shadow:0 3px 5px 3px rgba(0,0,0,0.08);box-shadow:0 3px 5px 3px rgba(0,0,0,0.08)}
#obay .dalam{color:#fff;background:#006b86}
#obay .chuachacchan{color:#fff;background:#F60!important}
#obay{position:static;background-color:#fff;width:100%;margin:0;padding:0;text-align:center;box-sizing:border-box}
.nut { height: 31px; border-radius: 4px;float: left; background: #e84855; font-weight: 600; margin-top: .5em; margin-bottom: .5em; border: #ffdead; color: #fff; padding: 7px; width: 119px; margin: auto; margin-top: 8px; }
.nut:first-child{margin-top:.5em}
.nut:hover{cursor:pointer}
.nut_lamlai{border:2px solid #2d6980;padding:10px 22px;border-radius:5px;background:none;color:#2d6980;font-weight:700;margin-right:2em}
.nut_lamlai:hover{cursor:pointer}
.nut_dapan{border:2px solid #e84855;padding:10px 22px;border-radius:5px;background:none;color:#e84855;font-weight:700}
.nut_dapan:hover{cursor:pointer}
.nut_div{margin-top:3em;display:block!important;text-align:center}
.o_minhhoa{color:#000;background:none;width:30px;height:30px;margin-left:5px;margin-bottom:3px;border-radius:50%;margin-right:1em}
.white{background:#fff}
.blue{background:#006b86}
.maucam{background:#F60}
.minhhoa{text-align:left;padding-top:10px;padding-left:2em}
.minhhoa p{display:inline-block;vertical-align:middle;font-size:12px; color:red;border: 1px solid #d7d7d7;}
.obay_div{position:fixed;top:50%;transform:translateY(-50%);bottom:50%;margin-left: 27px; width: 223px;transition:all .75s ease 0;-webkit-transition:all .75s ease 0;-moz-transition:all .75s ease 0;-o-transition:all .75s ease 0;-ms-transition:all .75s ease 0}
#dienkhuyen{background:#000}
.o_dienkhuyet{border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-radius:20px;padding:5px 15px;min-width:80px;max-width:500px}
.test{position:relative;text-align:center;width:90px;position:relative;background:#006b86;padding:5px 10px;color:#fff;font-size:20px;text-align:center;position:relative;left:-18px;vertical-align:top}
.test:before{content:'';position:absolute;width:50px;height:20px;background:#8b8b8b;-webkit-transform:skewY(30deg);z-index:-1;left:0;bottom:-15px}
.cauhoi_span{display:inline-block;position:relative;width:100%;padding-left:2em;padding-right:2em;margin-top:34px;font-size:18px;line-height:21px;padding-bottom: 10px;}
.cauhoi_span img { width: 165px; margin-left: 10px; margin-right: 10px; }
#detuluyen{padding-top:1em;margin-bottom:2em;background:#fff;min-height:500px}
.nutguibai{background:#eee!important;color:#bbb}
.nut:first-child{margin-top:7px}
.noidungtuluyen{padding-left:55px;position: relative;}
.noidungtuluyen label{font-size:16px!important;display:initial;font-size:18px;font-weight:400;line-height:33px;cursor: pointer;}
.khung_t{background:#fff}
h1.tenbai.center{font-size:24px}
#clockdiv{height:56px; font-family:sans-serif;color:#fff;display:inline-block;font-weight:100;text-align:center;font-size:12px;border:1px solid #006b86;padding:3px;width:100%;margin:auto;text-align:center;margin-bottom:20px;margin-top:20px}
#clockdiv .Thoigian{padding:2px;width:60%;margin:auto;text-align:center}
#clockdiv .Thoigian span{padding:2px;display:inline-block;float:left;width:30%;color:#006b86;font-size:16px}
.smalltext{padding-top:5px;font-size:12px}
.thoigianconlai{width:100%;margin:auto;text-align:center;color:#006b86;font-size:16px}
.Dapangoiy { font-size: 16px; padding-bottom: 15px;margin-left: 3px;padding-top: 3px; }
.noidungtuluyen .CauHoichitiet {display: inline-block; line-height: 22px; width: 90%; padding-left: 0px;cursor: pointer;}
div#printMe { background: #fff; padding-top: 0px; padding-left: 0px; margin-top: 11px; border-radius:4px }
.noidungtuluyen p  input{ cursor: pointer;}

#Chualam{ color: red; font-size: 15px; text-align: center; }
#Dalam{ color: red; font-size: 15px; text-align: center; }
.Dapangoiy div { margin-top: 19px; font-size: 16px; margin-left: 15px; color: red;  line-height:22px;}
.icongoiy { background: url(../images/poin.png) 1px 0px; width: 103px; height: 125px; background-repeat: no-repeat; padding-left: 24px; padding-bottom: 4px; color: red; font-weight: 700; font-size: 14px; background-position: 0px 1px; margin-top: 4px; }
#tra_loi_xong a{ color:#fff!important; font-weight:normal!important;}
#tra_loi_xong a span{  padding-top:2px;}

#tra_loi_xong1 a{ color:#fff!important; font-weight:normal!important;}
#tra_loi_xong1 a span{  padding-top:2px;}

.disabledbutton { pointer-events: none; opacity: 0.6; }


#clockdivhethan{height:56px;font-family:sans-serif;color:#fff;display:inline-block;font-weight:100;text-align:center;font-size:12px;border:1px solid #006b86;padding:3px;width:100%;margin:auto;text-align:center;margin-bottom:20px;margin-top:20px}
#clockdivhethan .Thoigian{padding:2px;width:60%;margin:auto;text-align:center}
#clockdivhethan .Thoigian span{padding:2px;display:inline-block;float:left;width:30%;color:#006b86;font-size:16px}
@media screen and (max-width: 1459px) and (min-width: 1144px) {
.caudung{left:40px}
}
.caudung{background:#e84855;color:#fff;border-radius:5px;width:160px;height:130px;text-align:center;font-size:1.1em box-sizing:border-box;vertical-align:middle!important;margin-top:auto;position:relative;top:35px;left:50px;-webkit-box-shadow:0 2px 5px 3px rgba(0,0,0,0.17);-moz-box-shadow:0 2px 5px 3px rgba(0,0,0,0.17);box-shadow:0 2px 5px 3px rgba(0,0,0,0.17)}
.diem_info{width:65%;background:#f5f5f5;padding:1em;font-size: 14px;padding-left: 55px;}
.diem_info p{padding:8px}
.thongbaodiem_div div{display:inline-block;vertical-align:top}
@media screen and (max-width: 1459px) and (min-width: 1144px) {
.thongbaodiem_div{margin-left:0;padding-left:10%;width:100%;box-sizing:border-box}
}
.thongbaodiem_div {padding-top: 10px; margin-bottom: 2em; background: #fff; padding-bottom: 2.5em; width: 88%; margin-left: 3%; border-bottom: 1px solid #d7d7d7; }
.long{display:inline-block;width:40%;text-align:right;padding-right:.3em}
.blue_str{color:#006b86}
.nut_lamlai{border:2px solid #2d6980;padding:10px 22px;border-radius:5px;background:none;color:#2d6980;font-weight:700;margin-right:2em}
.caudung_inside{border:2px solid #fff;margin-top:7px;width:90%;height:85%}
.center{text-align:center}
.tenbai{background:#006b86;color:#fff;width:100%;padding-top:.3em;padding-bottom:.3em;margin-bottom:0;-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.icongoiy{cursor: pointer;}

.noidungtuluyen label .checkmark { top:5px; position: relative !important; vertical-align: top; } 
.checkmark { left: 0; height: 25px; width: 25px; background-color: none; border-radius: 50%; border: 1px solid #CCC; position: static; margin-right: 0.5em; display: inline-flex; align-items: center; justify-content: center; color: #CCC; font-size: 14px; }
.selected  { position: absolute; opacity: 0; cursor: pointer; }
.Maunendachon .checkmark { background-color: #006b86;color: white;}
.chutrang .checkmark { background-color:none rgb(36, 137, 218);color: white;}
.ketquatext{font-size: 36px; margin-bottom: 0.5em; text-align:center}
div#nutgui1{   margin-top: 8px; padding-top: 13px;margin-left: 8px; }
div#tra_loi_xong { padding-top: 13px;margin-left: 6px; }
div#tra_loi_xong1 { padding-top: 13px;margin-left: 6px; }

.btn_div{background: #d3e9ff;display: table;width: 100%;}
.chutrang .checkmark {
    background-color: red;
    color: white;
}
/*.chutrang { background-image: url(../images/checkok.png) !important; background-repeat: no-repeat !important; background-position: right !important; }*/

a.link.activex{ color:red!important; font-weight:bold!important }
.frm-add .thongkeee { width: 20%; font-weight: bold; float: left; }

.tracnghiemnh .tieuded{ width:400px}
.tracnghiemnh .tieudetn { text-align: left; font-size: 14px; float: left; line-height: 21px; color: #000;    cursor: pointer; }
.tracnghiemnh td{ text-align:center;border: 1px solid #d7d7d7 !important}

.timkiee{width: 271px; display: inline-block; margin-right: 4px; height: 33px; padding-top: 2px !important;}
.khoitimkiem {    float: left; background: #d7d7d7; padding: 5px; border-radius: 4px; }
.Buttontimkiem{float:right}

.box-tracnghiem{cursor: pointer; display: block; float: left; height: 24px; left: auto; margin-top: 6px !important; width: 35px;margin-right: 3px;}

.box-search{cursor: pointer; display: block; float: left; height: 24px; left: auto; margin-top: 6px !important; width: 35px;margin-right: 3px;}
.box-search .input-text{border:0 solid #0095d6;float:left;font-style:italic;height:30px;padding:0;width:0;display:block;position:absolute;top:0;right:50px;transition:all .7s ease-in-out 0}
.box-search .btn-search{}

.xinchao{margin: auto; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.1px; background: url(../images/top.png) no-repeat right 7px; margin-top: 0px; padding-right: 11px; max-width: 150px;}

.bottom-bar{width:100%;height:55px;position:fixed;bottom:0;left:0;-webkit-transition:.3s;transition:.3s;z-index:999;padding:0;background:#fff;-webkit-box-shadow:1px -5px 17px -7px rgba(0,0,0,.34);-moz-box-shadow:1px -5px 17px -7px rgba(0,0,0,.34);box-shadow:1px -5px 17px -7px rgba(0,0,0,.34);border-top:1px solid #eaeaea}
.bottom-bar__content{height:55px;display:flex;justify-content:space-around;align-items:center;padding:0;margin:0;position:relative}
.bottom-bar .item .parent{color:#5a5a5a;position:relative}
.bottom-bar .item:hover .parent{color:#ed1c24;position:relative}
.bottom-bar .item .parent img { display: block; font-size: 18px; margin: auto; width: 20px; object-fit: contain; height: 20px; }
.bottom-bar .item a{font-size: 11px;}

.timkiemtracnghien{width: 588px; display: inline-block; margin-right: 4px; height: 33px; padding-top: 2px !important;}
.timkieethuvienfile{width: 750px; display: inline-block; margin-right: 4px; height: 33px; padding-top: 2px !important;}
.icondownload{width: 30px;}
#Showketqua img{ margin-top: -2px;}

.controltext { display: block; width: 100%; height: 37px; padding: 4px 5px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.iconnthanhvien { position: relative; float: left; width: 55%; }
.country { position: relative; float: left; width: 35%; }
.DiaChi { position: relative; float: left; width: 55%; }
.Phone { position: relative; float: left; width: 55%; }
.Emails { position: relative; float: left; width: 55%; }
.iconngaysinh{ position: relative; float: left; width: 55%; }
.TenNganHang { position: relative; float: left; width: 55%; }
.SoTaiKhoan { position: relative; float: left; width: 55%; }
.ChiNhanh { position: relative; float: left; width: 55%; }
.tennguoigioithieu { position: relative; float: left; width: 55%; }
.Password { position: relative; float: left; width: 55%; }

/*.iconnthanhvien:before { font-family: FontAwesome; content: "\f007"; left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.iconngaysinh:before { font-family: FontAwesome; content:"\f1fd"; left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.DiaChi:before { font-family: FontAwesome; content: "\f015"; left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.Phone:before { font-family: FontAwesome; content: "\f095"; left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.Emails:before { font-family: FontAwesome; content: "\f003"; left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }

.TenNganHang:before { font-family: FontAwesome;content:"\f2bd";left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.SoTaiKhoan:before { font-family: FontAwesome; content:"\f283"; left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.ChiNhanh:before { font-family: FontAwesome;  content:"\f2bb";  left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.tennguoigioithieu:before { font-family: FontAwesome; content: "\f003"; left: 10px; pointer-events: none; position: absolute; top: 11px;font-size: 15px; }
.Password:before { font-family: FontAwesome; content: "\f023"; left: 10px; pointer-events: none; position: absolute; top: 3px;font-size: 15px; }*/

.frm-addTV{margin-top:10px;color:#404040;}
.frm-addTV table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-addTV table tr td table tr td{border-bottom:none;}
.frm-addTV .tenthanhvien{width:20%;float:left}
.frm-addTV .gachke{padding-top:10px;padding-bottom:5px;float:left;width:100%;}
.frm-addTV{margin-top:10px;color:#404040;line-height:30px;}
.frm-addTV table tr td{padding-top:10px;padding-bottom:5px;}
.frm-addTV table tr td table tr td{border-bottom:none;}
.frm-addTV select.select-box{color:#000;height:26px!important;line-height:15px;margin-bottom:3px;text-align:left;width:315px!important;z-index:10}
.frm-addTV .txt_file{float:left}
.frm-addTV select { box-shadow: none; display: block; width: 250px; height: 42px; border-radius: 24px; padding:0 20px; background-color: #e7eaec; border: none; margin-bottom: 10px; float: left; margin-right: 15px; }
/*.frm-addTV  .selectcountry { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%); background-position: calc(100% - 20px) calc(1em + 9px), calc(100% - 15px) calc(1em + 9px), calc(100% - 10px) 15px; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; }*/
.black{z-index: 99999999;position:relative}
.black .ajax__calendar_container{font-family:Calibri;font-size:16px;width:260px;background-color:#fff;border:solid 1px #666;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-khtml-border-top-left-radius:8px;border-top-left-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-khtml-border-top-right-radius:8px;border-top-right-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-khtml-border-bottom-left-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-khtml-border-bottom-right-radius:8px;border-bottom-right-radius:8px}
.black .ajax__calendar_body{font-size:16px;width:250px;height:180px;background-color:#fff;border:solid 1px #fff}
.black .ajax__calendar_header{font-size:16px;background-color:#fff;margin-bottom:8px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.black .ajax__calendar_title{font-size:16px;color:#000;padding-top:3px}
.ajax__calendar_container TABLE { font-size: 20px !important; width: 147% !important; }
.ajax__calendar_year{ overflow:initial !important}
.ajax__calendar_month{ overflow:initial !important}

.ajax__calendar_today { display: none !important; }
.ajax__calendar_year { height: 21px!important; }
.ajax__calendar_month {height: 21px!important; }


.onluyen{ width:100%;}

.onluyen .khoitin{margin-bottom: 12px; width:100%; padding:10px; border:1px dotted #9b9b9b; border-radius:10px}
.onluyen .khoitin .chuyenmuc { float: left; width: 100%; padding-bottom: 5px; background: url(../images/onluyen.jpg); background-size: 20px; background-repeat: no-repeat; padding-left: 21px; height: 25px; }
.onluyen .khoitin .chuyenmuc a{ font-size:13px; color:#92979c; margin-left:5px; margin-right:5px}
.onluyen .khoitin .tieude{ float:left; width:100%}

.onluyen .khoitin .tieude a { font-size: 16px; margin-bottom: 12px; color: #000; margin-left: 10px; margin-right: 10px; float: left; margin-top: 4px; }
.onluyen .khoitin .tieude a:hover {color:#006fbc}
.onluyen .khoitin .cauhoi { font-size: 14px; color: #000; margin-left: 10px; margin-right: 10px; padding-top: 7px; padding-bottom: 4px; }
.onluyen .khoitin .noidungs{ margin-left:10px}

.Onluyentraloi .number-question { font-size: 16px; color: #167edf;  font-family: 'Roboto Condensed',tahoma, sans-serif; }
.Onluyentraloi  h4.title-question { padding-bottom: 0px;padding-top: 7px; }
.Onluyentraloi .question .tieude { font-size: 16px; line-height: 150%; padding-bottom: 20px; }
.Onluyentraloi  .answer{font-size: 16px; color: #3f3f3f; margin:0px 10px 10px}
.timkieeonluyen { width: 428px; float: left; margin-right: 4px; }
.page_titles .title_page_h1 {padding-top: 20px; color: #167edf; font-family: 'Roboto Condensed',tahoma, sans-serif; margin: 0 0 20px; padding: 15px 15px 0px 0; font-size: 15px; text-transform: uppercase; }

.TracNOnLuyen{cursor: pointer; display: block; float: left; height: 24px; left: auto; margin-top: 6px !important; width: 35px; margin-right: 3px;}
.TracNOnLuyen ul{margin:0;padding:0}
.TracNOnLuyen ul li{list-style:none;float:left;display:inline;position:relative}
.TracNOnLuyen ul li a{color:#212529;float:inherit;font-size:14px; font-family:'Roboto Condensed',tahoma, sans-serif;height:42px;padding-left:15px;padding-right:15px;text-decoration:none;text-transform:uppercase}
.TracNOnLuyen ul li a:hover{color:#228df2}
.TracNOnLuyen ul li a span{padding-right:0}
.TracNOnLuyen ul li a.curent{background:#e00000;color:#FFF;float:left}
.TracNOnLuyen ul li a.curent span{float:left}
.TracNOnLuyen ul li:hover span.menu-arrow {position: absolute; left: 7px; top: 24px;}
.TracNOnLuyen ul li:hover span.menu-arrow:before{ content:" "; position: absolute;margin-top: 6px;width:32px; height:32px; background: url(../images/icontren.png);background-repeat: no-repeat;background-position: 1px 2px; }
.TracNOnLuyen ul li li { height: 32px; padding-top: 5px; }
.TracNOnLuyen li ul{ padding-bottom: 8px;background: #fff ; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); border-radius: 7px; border: 0; border-top: 3px solid #228df2;position:absolute;z-index:999;width:150px;float:none;top:39px;left:-75px;display:none;overflow:visible!important}
.TracNOnLuyen li ul ul{top:0;left:250px}
.TracNOnLuyen li ul a { width: 250px;display: block; padding: 0px 11px; clear: both; white-space: nowrap; /* transition: all 0.3s; */ text-transform: capitalize; font-weight: 500;}
.TracNOnLuyen li ul a:hover{color:#006fbc;}
.TracNOnLuyen li:hover ul ul,.TracNOnLuyen li:hover ul ul ul{display:none;z-index:100}
.TracNOnLuyen li:hover ul,.TracNOnLuyen li li:hover ul{display:block;z-index:100}


.icon_funtion img {width: 23px; padding-top: 3px; margin-left: 5px;}
.traloiol{ float:left;}
.dapaan{ float:left;  margin-left:15px; color:red; font-size:16px;font-family: 'Roboto Condensed',tahoma, sans-serif;}

.GiaiBaiTapDetail .section_lecture{width:100%;background-color:#fff}
.GiaiBaiTapDetail .section_lecture li{list-style-type:none}
.GiaiBaiTapDetail .section_lecture .summary{font-size:15px;margin-top:30px;margin-bottom:10px;border-radius:10px;font-weight:600}
.GiaiBaiTapDetail .section_lecture .summary .lecture_count{color:#006fba;padding-right:30px;float:right}
.GiaiBaiTapDetail .section_lecture .summary .lecture_length{color:#006fba;float:right}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list{padding:0}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu{background-color:#f4f7f8;border-radius:7px;margin-bottom:10px;float: left; width: 100%;}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .div-menu{padding-left:5px;background-color:#fff;height:60px;border:solid 1px #d0d0d0;opacity:.9;border-radius:0px !important}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .div-menu .menu-title{cursor: pointer;height:20px;font-size:16px;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:-.4px;text-align:left;color:#003b4f;margin-top:20px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .div-menu .lecture_of_title { margin-top: 20px; padding-right: 5px; text-align: center; }
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .lecture { display: none; margin: 0 20px; border-bottom: solid 1px #eaeaea; height: 54px; width: 96%; float: left; }
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .lecture:last-child{ border: none;}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .lecture .lecture_name{padding-top:17px;padding-left:0}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .lecture .lecture_name .lecture_index{color:#9b9b9b;font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.38;letter-spacing:-.1px;text-align:left}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .lecture .lecture_name .lecture_title{text-overflow: ellipsis; white-space: nowrap;height:20px;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:-.4px;text-align:left;color:#464646;overflow:hidden}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list .menu .lecture .lecture_duration{text-align:center;padding-right:22px;color:#9b9b9b;padding-top:16px}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list li:nth-child(9){margin-bottom:20px}
.GiaiBaiTapDetail .section_lecture .panel-menu .menu-list li:last-child{margin-bottom:20px;display:block!important}
.GiaiBaiTapDetail .panel-menu .material-icons { font-size: 25px; color: #006fba; background: url(../images/icongbt.png); width: 26px; height: 26px; float: left; margin-right: 5px; background-position: 3px 0px; background-size: 20px; background-repeat: no-repeat; }
.GiaiBaiTapDetail .panel-menu .voahocgbt { font-size: 12px; color: #006fba; background: url(../images/bullet_cat_hover.png); float: left; padding-left: 14px; background-position: 4px 5px; background-repeat: no-repeat; }

.stitle { font-weight: bold; font-size: 16px; }
.NPMCTBT{ padding-left:0px; padding-right:0px}
.mienphi { font-weight: bold; text-align: right; margin-right: 13px; color: #228df2 ; font-size: 12px; }
.chitietkhoahoc .course-benefits .titlebt { font-size: 18px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: .3px; color: #464646; margin-bottom:0px; }
.lecture_title a{ font-size:14px;}
.mienphiOther { font-weight: bold; text-align: right; margin-right: 13px; color: #228df2 ; font-size: 12px; padding-top: 9px; }
.col-xs-12.col-sm-12.col-md-8.chitietkhoahoc.GiaiBaiTapDetail h2 { font-size: 12px; line-height: 22px; padding-bottom: 10px; font-weight: 600; }
.mmenu{margin-left: -20px;}
.GiaiBaiTapDetail .benefit-items.News-content.NPMCTBT { line-height: 36px !important; font-size: 16px!important; text-align: justify;}
.Box_Share { padding-top: 14px; float: right; padding-bottom: 15px; }
.GBTprint_me {float: right; width: 100%; text-align: right; }
.GBTprint_me a{font-size: 17px;}

.GiaiBaiTapDetail .curriculum-lessons-number {display: inherit!important; }
.GiaiBaiTapDetail .curriculum-container .curriculum-overview .curriculum-time .sobai { margin-right: 20px; text-align: right!important; }
.GiaiBaiTapDetail .panel-menu .voahocgbt { float: right; padding-left: 14px; background-position: 4px 5px; background-repeat: no-repeat; margin-right: 8px; }
.footer h4 {margin: 7px 0 5px; }
/*p.Maunendachon {
    background: none !important;
}*/

.call-mobile2 { position: fixed; bottom: 58px; height: 32px; line-height: 32px; padding: 0 0px 0 0px; border-radius: 40px; color: #fff; left: 5px; z-index: 99999; }
ul.menuconv {  margin: 0px; padding: 0px; margin-left:-12px; padding-left: 5px; }
img.menusicon {
    width: 24px;
    margin-right: 10px;
    height: 24px;
    float: left;
}
.menuchas {font-weight: bold !important;}

.Hienthi{display: block!important;}
/*.menu:first-child .lecture.lecture_menu {display: block;}*/


.page-login .form-signup .form-group label { font-family: 'Roboto',sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; font-weight: 600; }
.page-login .form-signup .form-group input{height:45px;padding:0 0px 0px 10px;color:#2f2f33;line-height:45px;border-color:#ebebeb;border-radius:0;box-shadow:none;border-radius:5px}
.page-login .form-signup .form-group textarea{box-shadow:none;border-radius:0}
.page-login .form-signup .form-group input::placeholder{font-family:'Roboto',sans-serif;font-size:15px;color:#111}
.group_contact .cancot input  { border: 1px solid #ebebeb; padding: 0 20px; width: 100%; max-width: 100%; display: block; }
.group_contact .cancot  textarea{ border: 1px solid #ebebeb; padding: 0 20px; width: 100%; max-width: 100%; display: block; }
.group_contact .cancot  select { border: 1px solid #ebebeb; padding: 0 20px; width: 100%; max-width: 100%; display: block; }
.page-login .form-signup .form-group textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:100px;padding:0 0.6em; width: 100%;}

.frm-contact label { font-family: 'Roboto',sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; font-weight: 600; }
.frm-contact input { height: 36px; color: #2f2f33; border-radius: 0; box-shadow: none; border-radius: 3px; }
.frm-contact textarea{box-shadow:none;border-radius:0;height: 100px;  width:100%}
article.article { padding: 10px; }
a.btn.v-btn.v-third-dark { margin-bottom: 10px; }


.contact-form .TextBox input{  width:360px; float:left; }
.contact-form .TextBox  { margin-right: 6px; float: left; }

.btnmvc { font-size: 14px; font-weight: 400; text-transform: uppercase; background: #005d22; color: #fff; display: inline-block; height: 40px; line-height: 39px; padding: 0 20px; text-align: center; white-space: nowrap; outline: none !important; cursor: pointer; border: none; font-weight: 400; border-radius: 5px !important; letter-spacing: 0; -webkit-transition: background-color 0.1s ease-in; -moz-transition: background-color 0.1s ease-in; -ms-transition: background-color 0.1s ease-in; -o-transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in; }
.xoasanpham{font-size:12px; background:red;padding: 4px;margin-right:3px;margin-left:5px;color:#fff;border-radius: 3px;font-weight: 600;}
.xoasanpham:hover{font-size:12px; background:#00a9d2;padding: 4px;margin-right:3px;margin-left:5px;color:#fff;border-radius: 3px;font-weight: 600;}


label.labelhoso { float: left; width: 20%; padding-top: 11px;    font-weight: normal !important; }
.anhaaa{ margin-left:160px; padding:10px}
.sukienhosso { margin-left: 203px; padding: 10px; float: left; }
.hosothontin { display: block; width: 95%; margin: auto; }
div#pagelogin { padding-left: 20px; }
.lttongtiendanap{padding-top: 13px;}

.mainpage .actioncheckouts { margin-right: 10px; width: 160px; height: 46px; border-radius: 3px; background-color: #df322f; border: none; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; text-transform: uppercase; line-height: 1.29; letter-spacing: normal; text-align: center; color: #fff; margin-top: 15px; box-shadow: none; outline: none; padding: 14px; }
.mauneninput{ border: 1px solid red !important}

#slides_0 img { width: 56%; margin-left: -74px; }


.codexworld_rating_widget{
    padding: 0px;
    margin: 0px;
    float: left;
    padding-bottom: 10px;
}
.codexworld_rating_widget li{
    line-height: 0px;
    width: 28px;
    height: 28px;
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
    list-style: none;
    float: left;
    cursor: pointer;
}
.codexworld_rating_widget li span{
    display: none;
}
.btn-send-rate {
    color: #fff;
    background: #00a7d4;
    text-align: center;
    padding: 8px 30px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 20px;
    font-weight: bold;
}

.urh-left { width: 21%; text-align: center; float: left; }
.urh-right {     width: 73%;    float: left;    margin-left: 40px; }
.number-big-rate { font-size: 80px; font-weight: bold; color: #333;}
.star-big-rate { margin-left: 10px;}
.star-big-rate i { font-size: 20px; }
.count-rate { margin: 5px 0 0 10px; }

.u-rate-f1-progress { width: 70%; float: left; height: 30px; }
.u-rate-f1-star { width: 21%;    float: left;    margin: 0 10px; }
.u-rate-f1-star i { font-size: 19px; }
.u-rate-f1-num {    width: 5%;    float: left; }
.u-rate-f1-num p { color: #000; }

.rate-course { margin: 5px 0; }
.star-rate { margin-left: 0;  }
.u-block-cmhv .star-rate { width: 100%; margin-bottom: 5px; }
.star-rate i { font-size: 19px; }
.n-rate { color: #464646; }


.co-or {
    color: #eb8a2f;
}
.u-learn-what, .u-des-course, .u-list-course, .u-course-plus, .u-rate-hv, .u-cm-hv, .u-combo-buy, .u-face-cm, .u-course-teacher {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    padding-bottom: 10px;
}.u-detail-course .u-detail-block-left h3 {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}
.u-learn-what h3, .u-des-course h2, .u-list-course h2, .u-course-plus h3, .u-course-teacher h3, .u-combo-buy h3, .u-rate-hv h3, .u-cm-hv h3 {
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
}
 .u-cm-hv div {
    padding: 0 15px;
    overflow: hidden;
}
.u-block-cmhv {display: inline-block;    width: 100%;    border-bottom: 1px solid #eee;    padding-bottom: 10px; margin-bottom: 15px;}
.ava-hv { float: left; width: 50px; height: 50px;background-color: #0975b5;border-radius: 50%;font-size: 21px;font-weight: 300;text-align: center;display: inline-flex;align-items: center;justify-content: center; color: #fff;}
.ava-hv img { max-width: none; }
.block-hv DIV { width: 90%; float: left; padding: 0 !important; }
.name-hv { float: left; margin-right: 40px; font-weight: 500; }
.rate-hv { display: block; }
.rate-hv p { line-height: 25px; }
.cm-hv { display: inline-block; width: 100%; margin-top: 5px; }
.u-cm-hv ul li:last-child { border: 0; }
.view-more { font-weight: 600; color: #333333; background: #eeeeeeb5; border-radius: 5px; padding: 6px 10px; text-align: center;}
.u-cm-hv .view-more { margin-top: 20px; display: inline-block; }
.u-combo-usua { border-bottom: 1px solid #c8c8c8;  padding-bottom: 10px; display: inline-block; padding-top: 10px; width: 100%; }
.u-combo-buy > div > ul > li:nth-child(3) > .u-combo-usua:last-child { border: 0; }

.uom-block-intro, .uom-block-rate, .uom-block-doc, .uom-block-gv, .uom-block-aff-share, .uom-block-chat, .uom-block-bookmark {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding: 15px;
    display: inline-block;
    margin: 10px 0;
    width: 100%;
}

img.user-avatar-medium { width: 100px; }
.Capccha a{color: #0082b0!important; font-weight: bold!important;}
#my_menu .nav li.Capccha { margin-top: 8px; height: 38px; margin-bottom: 2px; border-left: 4px solid #2489da; color: #545454; font-weight: 700; background-color: #fff; box-shadow: 0 2px 17px 0 rgb(0 0 0 / 10%); }

.henddd .Capccha { margin-top: 8px; height: 38px; margin-bottom: 2px; border-left: 4px solid #2489da; color: #545454; font-weight: 700; background-color: #fff; box-shadow: 0 2px 17px 0 rgb(0 0 0 / 10%); }

.henddd .menutv:hover {
    color: red!important;
    background: #fff!important;
}
.henddd   a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: -.3px;
    text-align: left;
    padding-left: 25px;
    color: #777;
}
.henddd  .menutv.Capccha { float: left; width: 100%; padding-top: 8px; }

.henddd .menutv {
    line-height: 26px;
}

.ShowNoiDungVanBan{ border:1px solid #d7d7d7; padding:10px}
.textareatracnghiem{ height:90px; width:100%}


.Loctimkiem select { float: left; width: 200px; margin-right: 6px; height: 39px; border-radius: 3px; }
.Loctimkiem #datepicker { float: left; width: 230px; margin-right: 6px; }
.Loctimkiem #date { float: left; width: 230px; margin: 0px; margin-right:6px }
.Loctimkiem .timkiemsss { float: left; width: 200px; margin-right: 6px; }
.mh-no-margin-bottom{ padding-top:20px;}
.Loctimkiem .timkiemsss2 { float: left; width: 200px; margin-right: 6px; height: 40px; }
.dentungay { padding-left:5px;}
h1.title-head{
margin: 0;
    font-size: 18px;
    line-height: 44px;
    display: inline-block;
    position: relative;
    padding: 0 0px;
    font-weight: 500;
    margin-top: -1.5px;
   }
.chucnangxct{font-size:12px; display:block; background:#00a9d2;padding: 4px;margin-right:3px;margin-left:5px;color:#fff;border-radius: 3px;font-weight: 600;}
.gvtraloi { font-size: 19px; text-transform:uppercase; background:#9c070d; color: #fff; width: 100%; padding-top: .3em; padding-bottom: .3em; margin-bottom: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px; text-align: center; }
.GiaoVienTraLoi { padding:10px; color: #fff; background: #ffa903; color: #fff;  text-align: center; vertical-align: middle!important; margin-top: auto; position: relative; -webkit-box-shadow: 0 2px 5px 3px rgb(0 0 0 / 17%); -moz-box-shadow: 0 2px 5px 3px rgba(0,0,0,0.17); box-shadow: 0 2px 5px 3px rgb(0 0 0 / 17%); }
.Tinchu { font-size: 16px; padding-bottom: 13px; padding-top: 10px; }
input#btnGuidanhgia { border: none; }

.sub-menu {
    overflow-y: scroll;
}

.cauhoi_span p { display: inline-block; position: relative; width: 100%;  margin-top: 14px; font-size: 17px; line-height: 22px; padding-bottom: 10px; }

.uopffile { float: left; width: 200px; margin-right: 10px; }
label.btn.btn-secondary.mb-0 { background: #d7d7d7; }

.Newkhoahoc { padding-top: 0px; float: left; width: 100%;padding-bottom: 20px;}
.Newkhoahoc .chiacothome{margin-bottom: 20px;height:317px;padding:0px;background:#fff;padding:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.Newkhoahoc .chiacothome .Anhdaidien{width:100%}
.Newkhoahoc .chiacothome .Anhdaidien img{display:block;width:100%;object-fit:cover;height:150px;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.Newkhoahoc .chiacothome .Saodanhgia{width:100%;padding:4px;padding-top:10px;padding-left: 10px;}
.Newkhoahoc .chiacothome .Tenkhoahoc h2{margin:0;padding-bottom:10px;padding-top:0px}
.Newkhoahoc .chiacothome .teacher img { width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; display: inline-block; object-fit: cover; }
.Newkhoahoc .chiacothome .teacher span{font-size:13px;line-height:1.38;letter-spacing:-.1px;color:#9b9b9b;font-weight:400;display:inline-block;max-width:136px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(3px)}
.Newkhoahoc .chiacothome .teacher { padding-left: 4px; }
.Newkhoahoc .chiacothome .price{display: none;padding-right: 15px;margin-top:11px;float:right!important}
.Newkhoahoc .chiacothome .price .price-new{margin-left:20px;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.2px;text-align:right;color:#ff5622}
.Newkhoahoc .chiacothome .product-action{margin-top:-14px;float:left;background:#fff;display:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}
.Newkhoahoc .chiacothome:hover .product-action{display:block}
.Newkhoahoc  .Catepro .title h2 { margin: 0; font-size: 18px; line-height: 44px; display: inline-block; position: relative; padding:0 0px; font-weight: 500; margin-top: -1.5px; float: left; }
.Newkhoahoc  .Catepro .title h2 a{margin: 0; font-size: 19px; line-height: 1.2; letter-spacing: .4px; color: #464646; }
.Newkhoahoc  .mores { position: relative; display: inline-block; font-size: 14px; line-height: 1.71; letter-spacing: .3px; color: #006fbc; font-weight: 400; padding: 9px 34px; background: rgba(0,0,0,0) url(../images/b1x.svg) no-repeat scroll 107px 10px; height: 40px; text-align: right; float: right; }
.Newkhoahoc .chiacothome .Tenkhoahoc h2 a{padding-top: 6px;line-height: 19px;font-weight: bold; padding-left: 10px; padding-right: 10px;height: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; line-clamp: 2; -o-line-clamp: 2; -ms-line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; color: #464646; }
.Newkhoahoc .chiacothome:hover .price .price-new{color:#006fbc}

.Newkhoahoc .chiacothome .BriefBrief { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 10px; line-height: 20px; font-size: 12px; color:#858386 }

.Newkhoahoc .chiacothome .xemtheemnew { background: rgba(0,0,0,0) url(../images/Newshome.png) no-repeat; font-size: 13px; float: right; margin-right: 94px; width: 85px; margin: 10px; background-position: 66px; }
.Newkhoahoc .chiacothome .xemtheemnew a{color: #007bff;  font-size: 15px; }

.banner-item.banner-right.col-md-6.col-sm-6.col-xs-12.padding-right-small img{ width:100%; height:90px}
.banner-right-one.banner-item.banner-right.col-md-4.col-sm-4.hidden-xs.padding-small img{ width: 100%; height:386px}
.topban a img { height: 286px; width: 100%;}


.Loctimkiemthbao select { float: left; width: 200px; margin-right: 6px; height: 34px; border-radius: 3px;border: 1px solid #d7d7d7; }
.Loctimkiemthbao #datepicker { float: left; width: 230px; margin-right: 6px; }
.Loctimkiemthbao #date { float: left; width: 230px; margin: 0px; margin-right:6px }
.Loctimkiemthbao .timkiemsss { float: left; width: 172px; margin-right: 6px; }



.chonfile >img { position: absolute; top: 50%; transform: translateY(-50%); right: 139px; zoom: 80%; }
#fileuploadurl2{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #333;
    width: 79%;
    padding-right: 40px;
    height: 100%;
    overflow: hidden;
    line-height: 40px;
    padding-left: 15px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding-top: 3px !important;
}
#FileAttachment2{
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}

#fileuploadurl1{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #333;
    width: 79%;
    padding-right: 40px;
    height: 100%;
    overflow: hidden;
    line-height: 40px;
    padding-left: 15px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding-top: 3px !important;
}
#FileAttachment1{
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tsiilee{float: right; width: 344px; padding-top: 5px; color: red;}
.tsiilee a{color: red;}

.KhoanHoaHong{ width:100%}
.KhoanHoaHong .tonghh { display: inline-block; width: 24%; margin-right: 20px; color: red; font-size: 14px; }

.cauhoi .checkmarks {
    top: 5px;
    position: relative !important;
    vertical-align: top;
}
.cauhoi .checkmarkc {
    display: inline-block;
    line-height: 22px;
    width: 90%;
    padding-left: 0px;
    cursor: pointer;padding-top: 5px;
}

.Xem .ctvaohoccc{ padding-top: 12px ; padding-left: 5px ; float: right; padding-right: 15px ; }
.Xem .thoigian{ padding-top: 12px ; padding-left: 5px ; float: left; padding-left: 15px ; }