/*.banner {*/
/*width: 100%;*/
/*height: 350px;*/
/*background: ;*/
/*background-size: cover;*/
/*}*/

/*.banner .search-form {*/
/*padding: 40px 110px 20px 110px*/
/*}*/

/*.banner .search-form input,*/
/*.banner .search-form select {*/
/*background: rgba(197, 197, 197, .8);*/
/*margin-left: 2px;*/
/*border-radius: 0;*/
/*}*/

/*.banner .search-form .l {*/
/*position: relative;*/
/*}*/

/*.banner .search-form .form-control {*/
/*color: #fff;*/
/*appearance: none;*/
/*-moz-appearance: none;*/
/*-webkit-appearance: none;*/
/*border: none;*/
/*background: rgba(197, 197, 197, .8);*/
/*}*/

/*.banner .search-form .l i {*/
/*position: absolute;*/
/*right: 5px;*/
/*top: 10px;*/
/*}*/

/*.banner .search-form .btn-default {*/
/*background-color: rgba(197, 197, 197, .8);*/
/*border-radius: 0;*/
/*}*/

/*.banner .search-form .btn {*/
/*border: 1px solid transparent;*/
/*}*/

/*.banner .search-form .search-group {*/
/*padding: 0;*/
/*padding-left: 2px;*/
/*}*/

/*.banner .search-form .search-text {*/
/*padding-left: 30px;*/
/*padding-top: 10px;*/
/*}*/

/*.banner .search-form .search-text a {*/
/*color: #c8c8c8;*/
/*font-weight: normal;*/
/*}*/
/*.banner .search-form .search-text ul{*/
/*width: 88%;*/
/*}*/
/*.banner .search-form .search-text .active a {*/
/*color: #fff;*/
/*}*/

/*.wrapper ul {*/
/*list-style-type: disc !important;*/
/*padding-left: 25px;*/
/*padding-bottom: 60px;*/
/*}*/

/*.wrapper ul b i {*/
/*margin-left: -20px;*/
/*padding-right: 7px;*/
/*font-size: 5px;*/
/*display: inline-block;*/
/*vertical-align: top;*/
/*margin-top: 5px;*/
/*}*/

/*.input-group-btn:last-child > .btn {*/
/*z-index: 1;*/
/*margin-left: 2px;*/
/*}*/

/*.input-group .form-control {*/
/*z-index: 1;*/
/*}*/
/*@media screen and (min-width: 1024px) and (max-width: 1280px) {*/
/*.banner .search-form .search-text ul{*/
/*width: 84%;*/
/*}*/
/*}*/
/*@media (max-width:768px) {*/
/*.banner .search-form {*/
/*padding: 15px 0px;*/
/*}*/
/*.banner p{*/
/*padding-top: 90px;*/
/*}*/
/*.banner .search-form{*/
/*margin-top: 30px;*/
/*}*/

/*}*/
/*@media (max-width:414px) {*/
/*.banner .search-form{*/
/*margin-top: 30px;*/
/*margin-left: 18%;*/
/*}*/
/*}*/

/*opac-new*/
.banner {
    width: 100%;
    height: auto;
}

.search-form {
    padding: 30px 90px 20px 90px;
    background: #e4e5de;
}

.search-form input,
.search-form select {
    margin-left: 2px;
    border-radius: 0;
}

.search-form .l {
    position: relative;
}

.search-form .form-control {
    color: #997545;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    background: #f4f5f2;
}

.search-form .l i {
    position: absolute;
    right: 5px;
    top: 10px;
}

.search-form .btn-default {
    background: #f4f5f2;
    border-radius: 0;
}

.search-form .btn {
    border: 1px solid transparent;
    background: #997545;
    padding: 6px 32px;
}

.search-form .search-group {
    padding: 0;
    padding-left: 2px;
}

.search-form .search-text {
    padding-left: 30px;
    padding-top: 10px;
    overflow: hidden;
}

.search-form .search-text a {
    color: #666666;
    font-weight: normal;
}

.search-form .search-text ul {
    width: 100%;
    margin-bottom: 0;
}

.search-form .search-text .active a {
    color:#997545;
    font-weight: 600;
}
.text{
    padding-top: 60px;
}
h3 {
    word-wrap: break-word;
}

.view a {
    display: inline-block;
    width: 280px;
    height: 40px;
    border-radius: 6px;
    background: #997545;
    border: none;
    line-height: 40px;
    margin-top: 70px;
    margin-bottom: 100px;
}

.view a,
.view a:hover,
.view a:active,
.view a:focus {
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {


    .search-form {
        padding: 30px 90px 30px 90px;
        background: #e4e5de;
    }
}

@media (max-width: 768px) {
    .search-form {
        padding: 15px 0px;
        margin-bottom: 30px;
    }
    h3{
        font-size: 18px;
    }
    .search-form .btn {
        padding: 6px 15px;
    }
    .text{
        padding-top: 0;
    }
    .view a {
        margin-top: 25px;
        margin-bottom: 30px;
    }
}

@media (max-width: 414px) {
    .view a{
        width:190px
    }
}