#logo {max-width:100%; display: table; margin:0 auto; margin-top:0px;}
#logo  img { text-decoration:none; border:0; padding:0; margin:0 }

input[type=text] { margin:9px 10px 9px 5px;
    width: 170px;
    border: 1px solid #6b6b6b;
    border-radius: 5px;
    font-size: 1em;
    background-color: transparent;
    padding: 6px 10px 6px 10px; color: #6b6b6b;
}

input[type=text]:focus  {
    background-color: #fff; border: 1px solid #6b6b6b; outline-width: 0; color: #6b6b6b;
}


::placeholder {
    color: #6b6b6b; 
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #6b6b6b;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #6b6b6b;
}



#csearch { max-width:480px;  height:50px; text-align:center; display:inline-block; float:right; }
#search { max-width:200px; display:inline-block; }

.sc { width:30px; height:31px; display:inline-block; margin:5px;   }


#menu { width:40px; height:36px; display:inline-block; margin:5px 5px 5px 25px; cursor: pointer;   }
#menu img { margin-left: auto; margin-right: auto; display: inline-block; vertical-align: middle; }



.menu{ display:none; font-weight:normal; font-size:13px; width:100%; max-width:390px; background:#6b6b6b; position:absolute; text-align:center; border-radius:6px; z-index: 3;}
.menu a { color:#fff; text-decoration:none; display: block; padding:15px 0 15px 0; border-bottom:#d1d1d1 1px solid; border-radius:6px}
.menu  a:hover { color: #fff; text-decoration:none; display: block; background:#d1d1d1; padding:15px 0 15px 0; border-bottom:#d1d1d1 1px solid; border-radius:6px}








#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #6b6b6b;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 6px;
}

#myBtn:hover {
  background-color: #d1d1d1;
}