.application{
    background:url(http://www.shcilibeng.com/Skins/jianaicilibeng/images/kehu-bg.jpg) no-repeat center center;
    background-size: cover
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.collapse.navbar-collapse{
    height: 100%;
}
.navbar-nav{
    width: 100% ;
    height: 100%;
}
.navbar-nav .nav-item{
    flex: 1;
    text-align: center;
}
.navbar-nav .nav-item a{
    color: #d40001 !important;
}
.navbar-nav .line{
    height: 2px;
    background-color: #ffffff;
}

.navbar-nav .nav-item:hover .line,.navbar-nav .nav-item.active .line{
    display: block;
    background-color: #d40001;
    animation: navLine .5s infinite;
    animation-iteration-count:1;
}
a{
    color: #333333;
}
a:hover{
    text-decoration: none !important;
    color: #d40001;
}

.heading{
    border-bottom: solid 5px #d40001 !important;
    padding-bottom: 5px;
}

.hover-display{
    position: relative;
}
.hover-display .display{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6)    
}

.hover-display .display span{
    display: block;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
    left:0;
    right: 0;
    color:#ffffff;
}
.hover-display:hover .display{
    display: block;
    animation: fadeIn .5s infinite;
    animation-iteration-count:1;    
}

body{
    padding-top: 60px;
}

@media (min-width: 992px) {
    body {
        padding-top: 90px;
    }
  }
  

  .class-item{
      padding:10px 60px;
      background: #f0f0f0;
      margin-top: 5px;
      text-align: center;
  }
  .class-item:hover,.class-item.active{
    background-color: #d40001;
}
.class-item:hover a,
.class-item.active a{
    color: #ffffff !important;
}

.border-3{
    border-width: 3px !important;
}
.item-date{
    display: block;
    border: #cccccc solid 1px; 
    text-align: center;   
}
.item-date b{
    font-size: 2em;
    display: block;
    padding: 10px  10px 0  10px;    
}

.pagination{
    display: block;
    padding: 5px 0;
    margin-bottom: 10px;
}

.pagination a{
    border: solid #cccccc 1px;
    padding: 5px 15px;
    margin-right: 5px;
}

.pagination a[href]{
    border: solid #d40001 1px;
    padding: 5px 15px;
    margin-right: 5px;
    color: #d40001 !important;
}

.pagination a[href]:hover{
    color: #ffffff !important;
    background-color: #d40001;
}

.pagination span{
    border: solid #FFFFFF 1px;
    padding: 5px 15px;
    margin-right: 5px;
}


@media (max-width: 768px) {
    .pagination a{
        display: none;
    }
    .pagination>a.pre,.pagination>a.next{
        display: inline !important;
    }
}

 .small a{ color:#FFFFFF;}