.np-keyword-suggest *,
.np-item-suggest *{
  box-sizing: border-box;
}
          
.np-keyword-suggest,
.np-item-suggest{
  color: #333333;
    background: #ffffff;
}
                    
.np-keyword-suggest{
    box-sizing: border-box;
    width:400px;
    border:1px solid #cccccc;
}
                                      
.np-keyword-suggest div{
    width:100%;
}
                                            
.np-keyword-suggest .item{
    box-sizing: border-box;
    padding:10px;
    cursor:pointer;
    word-wrap: normal; /* for IE */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align:left;
	border:none;
}

.np-keyword-suggest .group:not(:last-child){
    border-bottom: solid 1px #cccccc;
}
                                                                              
.np-keyword-suggest .query:before, .title:before,.path:before,
.narrow1:before, .narrow2:before, .narrow3:before, .narrow4:before, .narrow5:before,
.narrow6:before, .narrow7:before, .narrow8:before, .narrow9:before, .narrow10:before,
.narrow11:before, .narrow12:before, .narrow13:before, .narrow14:before, .narrow15:before,
.narrow16:before, .narrow17:before, .narrow18:before, .narrow19:before, .narrow20:before,
.keyword1:before, .keyword2:before, .keyword3:before, .keyword4:before, .keyword5:before,
.keyword6:before, .keyword7:before, .keyword8:before, .keyword9:before, .keyword10:before,
.keyword11:before, .keyword12:before, .keyword13:before, .keyword14:before, .keyword15:before,
.keyword16:before, .keyword17:before, .keyword18:before, .keyword19:before, .keyword20:before {
  box-sizing: border-box;
  font-size:11px;
  color:#ffffff;
  margin-right:8px;
  padding:3px 8px;
  border-radius:3px;
}

.np-keyword-suggest .query:before{content:"query";background:#333333;}
/* .np-keyword-suggest .title:before{content:"title";background:#6e6e6e;} */
.np-keyword-suggest .path:before{content:"path";background:#848484;}
.np-keyword-suggest .narrow1:before{content:"narrow1";background:#a4a4a4;}
.np-keyword-suggest .narrow2:before{content:"narrow2";background:#a4a4a4;}
.np-keyword-suggest .narrow3:before{content:"narrow3";background:#a4a4a4;}
.np-keyword-suggest .narrow4:before{content:"narrow4";background:#a4a4a4;}
.np-keyword-suggest .narrow5:before{content:"narrow5";background:#a4a4a4;}
.np-keyword-suggest .narrow6:before{content:"narrow6";background:#a4a4a4;}
.np-keyword-suggest .narrow7:before{content:"narrow7";background:#a4a4a4;}
.np-keyword-suggest .narrow8:before{content:"narrow8";background:#a4a4a4;}
.np-keyword-suggest .narrow9:before{content:"narrow9";background:#a4a4a4;}
.np-keyword-suggest .narrow10:before{content:"narrow10";background:#a4a4a4;}
.np-keyword-suggest .narrow11:before{content:"narrow11";background:#a4a4a4;}
.np-keyword-suggest .narrow12:before{content:"narrow12";background:#a4a4a4;}
.np-keyword-suggest .narrow13:before{content:"narrow13";background:#a4a4a4;}
.np-keyword-suggest .narrow14:before{content:"narrow14";background:#a4a4a4;}
.np-keyword-suggest .narrow15:before{content:"narrow15";background:#a4a4a4;}
.np-keyword-suggest .narrow16:before{content:"narrow16";background:#a4a4a4;}
.np-keyword-suggest .narrow17:before{content:"narrow17";background:#a4a4a4;}
.np-keyword-suggest .narrow18:before{content:"narrow18";background:#a4a4a4;}
.np-keyword-suggest .narrow19:before{content:"narrow19";background:#a4a4a4;}
.np-keyword-suggest .narrow20:before{content:"narrow20";background:#ababab;}
.np-keyword-suggest .keyword1:before{content:"keyword1";background:#ababab;}
.np-keyword-suggest .keyword2:before{content:"keyword2";background:#ababab;}
.np-keyword-suggest .keyword3:before{content:"keyword3";background:#ababab;}
.np-keyword-suggest .keyword4:before{content:"keyword4";background:#ababab;}
.np-keyword-suggest .keyword5:before{content:"keyword5";background:#ababab;}
.np-keyword-suggest .keyword6:before{content:"keyword6";background:#ababab;}
.np-keyword-suggest .keyword7:before{content:"keyword7";background:#ababab;}
.np-keyword-suggest .keyword8:before{content:"keyword8";background:#ababab;}
.np-keyword-suggest .keyword9:before{content:"keyword9";background:#ababab;}
.np-keyword-suggest .keyword10:before{content:"keyword10";background:#ababab;}
.np-keyword-suggest .keyword11:before{content:"keyword11";background:#ababab;}
.np-keyword-suggest .keyword12:before{content:"keyword12";background:#ababab;}
.np-keyword-suggest .keyword13:before{content:"keyword13";background:#ababab;}
.np-keyword-suggest .keyword14:before{content:"keyword14";background:#ababab;}
.np-keyword-suggest .keyword15:before{content:"keyword15";background:#ababab;}
.np-keyword-suggest .keyword16:before{content:"keyword16";background:#ababab;}
.np-keyword-suggest .keyword17:before{content:"keyword17";background:#ababab;}
.np-keyword-suggest .keyword18:before{content:"keyword18";background:#ababab;}
.np-keyword-suggest .keyword19:before{content:"keyword19";background:#ababab;}
.np-keyword-suggest .keyword20:before{content:"keyword20";background:#ababab;}

.np-keyword-suggest .item.selected{
  background-color:#eeeeee;
}

.np-item-suggest{
  box-sizing: border-box;
  width: 300px;
  border:1px solid #cccccc;
}

.np-item-suggest table{
  width:100%;
  border-collapse : collapse;
}

.np-item-suggest table tr{
  border-top:1px solid #cccccc;
}

.np-item-suggest table tr:hover{
  background-color:#eeeeee;
}

.np-item-suggest table tr:first-child{
  border-top:none;
}

.np-item-suggest table td{
  text-align: left;
  vertical-align: middle;
}

.np-item-suggest table td a{
  box-sizing: border-box;
  padding:5px;
  display: block;
}

.np-item-suggest img{
  max-width: 70px !important;
  max-height: 70px !important;
    height: auto;
}

.np-item-suggest .item{
  width:100%;
}

.np-item-suggest .item a {
  text-decoration: none;
  width:220px;
}

.np-item-suggest .item .item_desc {
  font-size: 11px;
}

.np-item-suggest .hitnum{
  box-sizing: border-box;
  text-align: right;
  color:#333333;
  border-top: 1px solid #ccc;
  padding: 5px 10px;
}

.np-item-suggest .hitnum:after {
  content: "件";
}

.np-keyword-suggest-group-path{
	display:none;
}

.np-keyword-suggest-group-query {
    border-bottom: none!important;
}