#quickSearch { position:absolute; top:30px; left:-240px; width:200px; border:solid 2px #00a9b0; padding:10px; overflow:hidden; }
    #quickSearch > form > p {
        background-color:#00a9b0; color:white; font-weight:bold; font-size:20px;
        width:220px; padding:5px 0; position:relative; top:-10px; left:-10px; text-indent:10px;

    }
    #quickSearch ul { overflow:hidden; float:left; }
    #quickSearch li {  margin:4px 0; }
    #quickSearch li > p { font-weight:bold; color:#000; }
    #quickBtn {
        width:100%; font-size:18px; padding:5px 0; margin:10px 0 0 0;
        background-color:#00a9b0; color:white; border:solid 1px #ddd;
        cursor:pointer;
    }

    #person { width:100%; }

.ui-tabSlt { overflow:hidden; }
.ui-tabSlt li { float:left; text-align:center; border:solid 1px #d7d7d7; background-color:#fafafa; border-left:none; }
.ui-tabSlt li:first-child { border-left:solid 1px #d7d7d7; }
.ui-tabSlt li a { display:block; padding:5px 0; height:20px; color:#898989; }
    .item2 li { width:98px; font-size: 14px;}
    .item3 li { width:65px; font-size: 13px;}

.ui-tabSlt li.on { background-color:white; }
.ui-tabSlt li.on a { color:#333; }
.ui-tabSlt li.on a span::before { font-family: FontAwesome; content:'\f00c'; margin-right:3px; color:#00a9b0; }

#searchClear { float:right; margin-right:10px; background-color:white; border:solid 1px #dedede; padding:1px 3px; }
#searchClear .fa { color:#333; }


@media (min-width : 0px) and (max-width : 1650px) {
    #quickSearch { position:relative; z-index:1000; top:0 !important; left:0; width:100%; padding-top:40px; background-color:white; box-sizing: border-box; }
    #quickSearch > form > p { position:absolute; top:0; left:0; width:100%; }
    #quickSearch > form > ul > li { float:left; width:200px; margin-right:20px; }
        #person { position:relative; top:4px; height:32px; }

        #quickBtn { position:relative; }
}

@media (min-width : 931px) and (max-width : 1650px) {
    #quickBtn { width:200px; height:34px; position:relative; top:17px; float:left; }
}

@media (min-width : 461px) and (max-width : 684px) {
    #quickBtn { width:200px; height:34px; position:absolute; bottom:9px; left:230px; z-index:1001;  }
}

@media (min-width : 0px) and (max-width : 460px) {
    #quickSearch { box-sizing: border-box; }
    #quickSearch ul { float:none;}
    #quickSearch > form > ul > li { float:none; width:100%; margin-right:0; }
    #quickSearch ul > li { box-sizing:border-box; }
        .item2 li { width:50%; }
        .item3 li { width:33.3%; }
    #quickBtn { width:100%; }
}