﻿.searchBlock{ padding-top: 19px }
.search-text{ width:226px;height:32px;border:none; padding: 0px 31px 0px 10px; position:relative; background:#8d7a61;overflow: hidden;float: right }
#txtSearch{width:100%;height:30px;border:none; position:relative;background: none; line-height:30px;font: italic 14px/30px Arial;color: #fff }
#ibtSearch{
    display: block;   
    width: 31px;
    height: 32px;
    border: none;
    position: absolute;
    background: url(img/iconsearch.png) no-repeat center center;
    right: 0px;
    top: 0px;
}

input[type='text'],input::-webkit-input-placeholder { color:#f0f0f0; font-size:12px; font-family:Arial; font-style:italic; }
input[type='text'],input::-moz-placeholder { color:#f0f0f0; font-size:12px; font-family:Arial; font-style:italic; }
input[type='text'],input:-ms-input-placeholder { color:#f0f0f0; font-size:12px; font-family:Arial; font-style:italic; }
input[type='text'],input:-moz-placeholder { color:#f0f0f0; font-size:12px; font-family:Arial; font-style:italic; }

/*Search Result*/

.caption-search span { text-transform: uppercase; color: #015196; font-weight: bold; margin-right: 10px; }
.searchlist{font-family: Arial}
.searchlist .item { width: auto; margin: 15px 0px 10px 0px; overflow: hidden }
.searchlist .item .title { width: 95%; display: block; margin: 0 0 3px 0; }
@media screen and (max-width:767px){
   
}
.searchlist .item .title a { font-weight: bold; color: #015196; line-height: 18px; }
.searchlist .item .title a:hover { color: #015196; }
.searchlist .item .order { text-align: right; }
.searchlist .item .order b { border-right: 1px solid black; margin: 0 10px 0 5px; padding: 0 10px 0 0; }
.searchlist .item .order b a { font-weight: bold; color: Black; text-decoration: none; }
.searchlist .item .order b a:hover { text-decoration: underline; }
.searchlist .item .order a { color: #015196; font: 12px/17px Arial; text-decoration: underline; }
.searchlist .pager { width: 100%; position: relative; overflow: hidden; text-align: center; top: 15px; margin-bottom: 20px; }
.searchlist .pager label { color: #656565; line-height: 20px; padding-right: 5px; display: inline-block; }
.searchlist .pager a.num {     width: 30px; height: 30px; line-height: 30px; color: #585858; text-align: center;font-weight:bold;  display: inline-block; margin-left: 1px; }
.searchlist .pager a.select, .searchlist .pager a:hover { color: #fff; font-weight: bold; background: #2b6ea5; border-radius: .5em;  }
.highlight { background-color: Yellow; color: #333; }
.searchlist .avatar{margin:10px 0px;}
.searchlist  .page-navi{width:100%;}
@media screen and (min-width:768px) {
    .searchlist .avatar {
        margin: 10px 0px;
        float: left;
        width: 150px;
    }
}
    @media screen and (min-width:768px) {
        .searchlist .item .title a {
            font: 13px Arial;
        }

        .searchlist .item .desciption {
            font: 12px Arial;
            width: 60%;
            margin-top: 20px;
            margin-left: 180px;
            overflow: hidden;
            text-align: left;
        }
    }

    @media screen and (max-width:767px) {
        .searchlist .item .title a {
            font: 15px Arial;
        }

        .searchlist .item .desciption {
            font: 14px Arial;
            width: 100%;
            overflow: hidden;
            text-align: justify;
        }

        .caption-search {
            padding: 0px;
        }

        .searchlist {
            padding: 0px;
        }

            .searchlist .item .order {
                padding-right: 26px;
            }
    }

