@-moz-document url-prefix() {
     @media (max-width: 1366px){

        ul.menu-board li .active{
            height: 52px;
        }
     }
     
}
@media screen and (max-width: 770px) and (min-width: 500px) {
        #stock_search ul.dropdown-search{    top: 5em !important;width: 37.5em !important;}
} 
@media screen and (max-width: 840px) and (min-width: 770px) {
        #stock_search ul.dropdown-search{    top: 5em !important;width: 42em !important;}
} 
@media screen and (max-width: 900px) and (min-width: 840px) {
        #stock_search ul.dropdown-search{    top: 5em !important;width: 37.5em !important;}
} 
@media screen and (max-width: 1000px) and (min-width: 900px) {
        #stock_search ul.dropdown-search{    top: 5.4em !important;width: 42em !important;}
}    
@media screen and (max-width: 1300px) and (min-width: 1000px) {
        #stock_search ul.dropdown-search{    top: 5.4em !important;width: 52em !important;}
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
        #stock_search ul.dropdown-search{    top: 5.4em !important;}
}
@media screen and (max-width: 1500px) and (min-width: 1400px) {
        #stock_search ul.dropdown-search{    top: 5.8em !important;}
}
@media screen and (max-width: 1600px) and (min-width: 1500px) {
        #stock_search ul.dropdown-search{    top: 5.8em !important;}
}
@media screen and (max-width: 1700px) and (min-width: 1600px) {
        #stock_search ul.dropdown-search{    top: 6em !important;}
}
@media screen and (max-width: 2000px ) and (min-width: 1700px) {
        #stock_search ul.dropdown-search{    top: 6.5em !important;width: 52em !important;}
}

@media screen and (max-width: 3000px) and (min-width: 2000px) {
        #stock_search ul.dropdown-search{    top: 7.2em !important;width: 52em !important;}
}
@media screen and (max-width: 5000px) and (min-width: 3000px) {
        #stock_search ul.dropdown-search{    top:9em !important;width: 52em !important;}
}
#stock_search ul.dropdown-search {
    display:none;
    position: absolute;
    list-style: none;
    /*top: 5.8em;*/
    z-index: 9999;
    background-color: #fff;
    width: 50.5em; 
    /*filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));*/
    box-shadow: 1px 3px 5px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
#stock_search ul.dropdown-search li{
    height: 40px;
     border-bottom: 1px solid #DADADA;
         line-height: 2.5;
    padding-left: 2%;
}
#stock_search ul.dropdown-search li:focus, #stock_search ul.dropdown-search li:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-search li:hover {
  background-color: #f2f2f2;
}


.dropdown-search li :focus {
  background-color: #f2f2f2;
}
.dropdown-search li.active {
  background-color: #f2f2f2;
}

/****************/
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
                /*filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));*/
                box-shadow: 0px 4px 8px  rgba(0, 0, 0, 0.15) ;
                border-radius: 4px;
                background-color: #FFF;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

 .ui-menu .ui-menu-item  {
    height: 40px;
     border-bottom:1px solid #EAEAEA;
     line-height: 2;
    font-family: 'Kanit', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
 .ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    background-color: #DADADA;
    margin: -1px;
}