.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a:not(.btn) {
  color: #20409A;
}
a:not(.btn):hover {
  color: #DA2727;
}
body {
  color: #222;
}
body.bg {
  background: #fff;
}
#sp-header-wrapper {
    position: relative;
}
#sp-header-wrapper .logo {
  background-image: url(../../images/presets/preset1/logo.png);
}
#sp-feature-wrapper {
  background-color: #199fd0;
  background-image: -moz-linear-gradient(top,#22b8f0,#0b78a1);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#22b8f0),to(#0b78a1));
  background-image: -webkit-linear-gradient(top,#22b8f0,#0b78a1);
  background-image: -o-linear-gradient(top,#22b8f0,#0b78a1);
  background-image: linear-gradient(to bottom,#22b8f0,#0b78a1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff22b8f0', endColorstr='#ff0a78a1', GradientType=0);
}
#sp-feature-wrapper a:not(.btn) {
  color: #82d7f6;
}
#sp-feature-wrapper a:not(.btn):hover {
  color: #e1f5fd;
}
.module.highlighted {
  background: #3498DB;
}
.module.highlighted a {
  color: #fff !important;
}
#sp-footer-wrapper,
#sp-bottom-wrapper{
    background: #3B9BF5;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 -50px 50px rgba(0, 0, 0, 0.2) inset;
	color: #fff;
}
#sp-bottom-wrapper{
	border-top: 5px solid #4482db;
}
#sp-bottom-wrapper .container{  padding-top: 10px;}
#sp-footer-wrapper {
  font-style: italic;
}
#sp-bottom-wrapper h3,
#sp-footer-wrapper h3 {
  color: #fff;
}
#sp-bottom-wrapper a:not(.btn),
#sp-footer-wrapper a:not(.btn) {
  color: #52c7f3;
}
#sp-bottom-wrapper a:not(.btn):hover,
#sp-footer-wrapper a:not(.btn):hover {
  color: #b1e6fa;
}
#sp-footer-wrapper {
 /* border-top: 1px solid #043142; */
}
#sp-footer-wrapper::after {
  /* background: #0a6e93; */
}
.sp-border {
  border-top: 1px solid #043142;
}
.sp-border::after {
  background: #0a6e93;
}
.btn-primary,
button,
input[type='submit'],
input[type='button'],
submit {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #227af0;
  background-image: -moz-linear-gradient(top,#2296f0,#2251f0);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#2296f0),to(#2251f0));
  background-image: -webkit-linear-gradient(top,#2296f0,#2251f0);
  background-image: -o-linear-gradient(top,#2296f0,#2251f0);
  background-image: linear-gradient(to bottom,#2296f0,#2251f0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2195f0', endColorstr='#ff2151f0', GradientType=0);
  border-color: #2251f0 #2251f0 #0d34b9;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #2251f0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
button:hover,
button:active,
button.active,
button.disabled,
button[disabled],
input[type='submit']:hover,
input[type='submit']:active,
input[type='submit'].active,
input[type='submit'].disabled,
input[type='submit'][disabled],
input[type='button']:hover,
input[type='button']:active,
input[type='button'].active,
input[type='button'].disabled,
input[type='button'][disabled],
submit:hover,
submit:active,
submit.active,
submit.disabled,
submit[disabled] {
  color: #fff;
  background-color: #2251f0;
  *background-color: #1041e9;
}
.btn-primary:active,
.btn-primary.active,
button:active,
button.active,
input[type='submit']:active,
input[type='submit'].active,
input[type='button']:active,
input[type='button'].active,
submit:active,
submit.active {
  background-color: #0e3bd1 \9;
}
/*     Header    */
.customslogan {
  margin-top: 40px;
}

/* bg main*/
body.bg{
  background: url(../../images/bg-blue.jpg) repeat-x fixed center top #fff;
}
/*menu right*/
ul.nav.chuyenmuc.menu>li> a {
  background-color: #343399;
  color: #fff;
  text-transform: uppercase;
  padding: 5px;
  font-size: 16px;
    font-weight: bold;
}
.nav.chuyenmuc>li>a>img {
    padding: 0 10px 0 5px;
}
ul.menutop {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.menutop>li{  display: inline-block; }
ul.menutop>li:last-child{border:none;}
ul.menutop>li>a{
    transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
	padding: 5px 10px;
    display: block;
    font-size: 95%;
	}
ul.nav-child.unstyled.small li {
  padding: 15px;
  border-bottom: 1px solid;
  text-transform: uppercase;
}
ul.nav-child.unstyled.small li img {
  padding-right: 10px;
}
ul.nav-child.unstyled.small li a {
  color: #666;
  font-size: 12px;
  font-weight: 600;
}
aside#sp-right {
  background: #fff;
  padding: 5px;
}

/* Giới thiệu sách - position*/
#sp-position2, #sp-position3 {   min-height: 565px;
  background: #fff;
  padding: 5px;
  padding-bottom: 10px;
}
/* Sách hội nhập*/
.module.tussachhoinhap{
  background: url(../../images/icon-tu-sach-hoi-nhap.png) no-repeat 5% 50% #019933;
  padding: 9px;
}
.items-book {
margin-bottom: 15px;
}
.tussachhoinhap h3 {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 0 5px 50px;
  margin: 0;
  font-weight: bold;
}
.module.gioithieusach .header {
  background: url(../../images/icon-08.png) no-repeat 5% 50%;
  padding: 5px;
}
.module.gioithieusach .header {
  font-size: 14px;
  padding-left: 45px;
  font-weight: bold;
}
.module.gioithieusach{
	margin-top: 5px;
}
/* tài liệu hội nhập*/
.tailieuhoinhap h3 {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 0 5px 50px;
  margin: 0;
    font-weight: bold;
}
.module.tailieuhoinhap{
  background: url(../../images/icon-tai-lieu-hoi-nhap.png) no-repeat 5% 50% #cc3333;
  padding: 9px;
}
.module.tailieumoi .header {
  background: url(../../images/icon-10.png) no-repeat 5% 50%;
  padding: 8px 5px 5px 5px;
}
.module.tailieumoi .header {
  font-size: 14px;
  padding-left: 45px;
  font-weight: bold;
}
.module.tailieumoi{
	margin-top: 5px;
}
/* Sách nổi bật */
.sachnoibat{
margin-top: 0;
}
.items-book,
.sachnoibat .items-book { max-height: 180px;
	width: 50%;
    float: left;
}
.sachnoibat .items-book img { max-height: 172px; width: 100%;}
.items-book .img-book,
.sachnoibat .items-book .img-book{
	padding: 5px;
}
/* Tin sách */
.module.tinsach .header {
  background: url(../../images/icon-09.png) no-repeat 3% 50%;
  padding: 5px;
}
.module.tinsach .header {
  font-size: 14px;
  padding-left: 45px;
  font-weight: bold;
}
.module.tinsach{
	margin-top: 5px;
}
ul.latestnewsgioithieusach li ,
ul.latestnewstinsach li  {
	list-style: none;
	background: url(../../images/li-02.png) no-repeat 3% 50%;
	padding: 5px 0 5px 35px;
}
ul.latestnewsgioithieusach,
ul.latestnewstinsach{margin: 0; padding: 0;}
ul.latestnewsgioithieusach a ,
ul.latestnewstinsach a {
  padding-left: 20px;
  color: #000;
}

/*Tài liệu mới*/

.tailieumoi ul li {
  list-style: none;
  	background: url(../../images/li-03.png) no-repeat 3% 50%;
	padding: 5px 0 0 40px;
	border: none;
}
div.k2ItemsBlock ul li a {
  padding: 0px;
  color:#000;
}
.tailieumoi ul{margin: 0; padding-left: 20px;}
div.k2ItemsBlock ul li div.moduleItemIntrotext{padding:0;}

ul.jo-k2-main-wapper li img {
  border: 5px solid #fff;
}
/*Tài theo chủ đề */
.module.tailieuchude .header {
  background: url(../../images/icon-11.png) no-repeat 3% 50%;
  padding: 5px;
}
.module.tailieuchude .header {
  font-size: 14px;
  padding-left: 45px;
  font-weight: bold;
}
.module.tailieuchude{
	margin-top: 5px;
}
.tailieuchude ul li {
  list-style: none;
  	background: url(../../images/li-03.png) no-repeat 3% 50%;
	padding: 5px 0;
	border: none;
}
.tailieuchude ul li a {
  padding-left: 40px;
  color:#000;
}
.tailieuchude ul{margin: 0; padding-left: 20px;}
div.k2ItemsBlock ul li div.moduleItemIntrotext{padding:0;}

/* Điểm sách */
.jo-k2-navigator-outer .header {
  width: 166px;
  background: url(../../images/icon-diem-sach.png) no-repeat 5% 50% #343399;
  margin: 5px;
  padding: 13px 8px;
  padding-left: 62px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.jo-k2-navigator-outer {
  background-color: #fff;
    width: 247px !important;
  overflow: initial !important;
}
.jo-k2-navigator li h3 {
  font-weight: bold;
}
.jo-k2-slidecontent{border: none !important; margin-bottom: 10px;}
#sp-position4{background:#fff; padding: 20px 10px;  margin-top: 15px;}
#sp-component-area-wrapper{padding:15px;}
.module.diemsach{margin-bottom:0;}
.jo-k2-navigator li:last-child{height:57px !important;}
#sp-breadcrumb-wrapper{  background-color: #fff;  padding: 0 10px;  border-bottom: 1px solid #ccc;}
#sp-menutop{text-align:right}
#toppanel{position: relative;}
.module.demoacc,
.module.demoacc p{margin:0;  position: absolute; right: 0;  white-space: nowrap;  color: #444;   top: 3px;}
.chuyenmuc.tinnoibo.menu a.noibo{background: none;  color: #666; font-size: 12px;  font-weight: 600; border-bottom: 1px solid;}
.entry-title{font-size: 20px;}
#sp-searchcv{padding: 30px 20px 0;}
.search_cong_van .search_k2filter{border: 1px solid #ccc;  padding: 20px 10px 10px;  min-height: 130px;  border-radius: 3px;}
#sp-toppanel-wrapper {
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #8FBBED), color-stop(1, #1773C8) );
    background-image: -o-linear-gradient(bottom, #8FBBED 0%, #1773C8 100%);
    background-image: -moz-linear-gradient(bottom, #8FBBED 0%, #1773C8 100%);
    background-image: -webkit-linear-gradient(bottom, #8FBBED 0%, #1773C8 100%);
    background-image: -ms-linear-gradient(bottom, #8FBBED 0%, #1773C8 100%);
    background-image: linear-gradient(to bottom, #8FBBED 0%, #1773C8 100%);
}
#sp-toppanel-wrapper a{color: #ffffff;}
.datetime{line-height: 25px;    margin-left: 15%;    position: absolute;    width: 320px;    color: #fff;}

.bg-inner {
    background: url("../../images/bieutuong.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 170px;
    position: absolute;
    right: 130px;
    bottom: -13px;
    width: 430px;
}
#sp-slogan{    margin-left: 0;}

ul.ja-k2filter.vertical-layout li {    width: 98%;}
ul.ja-k2filter.vertical-layout li.exfield-4,
ul.ja-k2filter.vertical-layout li.exfield-5 { width: 49%;    clear: none;}
.sachnoibat h3.header a{
	background:url("../../images/icon-sach-noi-bat.png") no-repeat scroll 10px center #343399;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;}
.sachnoibat h3.header a span{
	padding: 15px;
	margin-left: 42px;
    display: block;
}