input[type=text],input[type=email] {
    height: 48px;
}

input[type=text],input[type=email], textarea {
    outline: none;
    width: 100%;
}

.text-black-30{
    color: #aaa;
}

a:hover {
    color: #0d6efd;
}

.fs-7 {
    font-size: .9rem !important;
}

.fs-8 {
    font-size: .8rem !important;
}

.btn-black-z {
    background-color: #000000;
    color: #f1f1f1;
    height: 48px;
}

.btn-black-z:hover {
    background-color: #000000;
    color: #ffffff;
}

.btn-black-z:disabled {
    background-color: #000000;
    color: #ffffff;
}

.card-shadow {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.06);
}

.carousel-mask {
    /* Permalink - use to edit and share this gradient. 永久链接 - 用于编辑和分享此渐变： https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+70 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pagination li a, .pagination li span {
    font-size: .8rem;
    margin-right: 1px;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    color: #0a001f;
    border-bottom: 2px solid #aaaaaa;
}

.pagination li.active span {
    color: #000;
    border-color: #000000;
}

.pagination li a:hover {
    color: #0d6efd;
    border-color: #666;
}

.articel img {
    translate(- 50 %, - 50 %);
}

.articel:hover p.text-body {
    color: #0d6efd !important;
    transition: .3s;
}

.articel:hover p.text-secondary {
    color: #333 !important;
    transition: .3s;
}

.btn-search{
    position: absolute;
    height: 48px;
    right: 0;
    top: 0;
    border-top-left-radius:0; border-bottom-left-radius: 0;
}