/*** for PC Browser ***/
@media (min-width:401px)
{
#query {
 /*background-color:#eee;*/ 
 border:1px solid #bbb;
 padding:0 0 1px 3px;
 margin:0 0 4px;
}

#query_m {
margin:4px 1px 2px 4px;

}

#query_m a:hover{
 background-color:#eee;
}


#doSearchBtn {
    background-color: #ddd;
    border-bottom: 2px solid #666666;
    border-right: 2px solid #666666;
    color: #000000;
    font-size: 99%;
    letter-spacing: 2px;
    margin: 1px 1px 3px 4px;
    padding: 1px 1px 1px 1px;
    /*vertical-align: middle !important;*/
   text-decoration: none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#query {
 /*background-color:#eee;*/ 
 border:1px solid #bbb;
 padding:0 0 1px 3px;
 margin:0 0 4px;
}

#doSearchBtn {
    background-color: #DDDDDD;
    border: 1px solid #666666;
    color: #000000;
    font-size: 95%;
    letter-spacing: 0;
    margin: 1px 1px 3px;
    padding: 1px 1px 1px 1px;
    vertical-align: middle !important;
}
}