@charset "UTF-8";
/*導覽機虛擬鍵盤*/
.keyboard_div {
  background: #e4eced;
  padding: 20px;
  border-radius: 5px;
  width: 730px; }
  .keyboard_div #keyboard_btn {
    cursor: pointer; }

#keyboard_area {
  background: #e4eced;
  padding: 0;
  width: 100%;
  margin: 0 auto; }
  #keyboard_area .keyboard_number, #keyboard_area .keyboard_alphabet, #keyboard_area .tool_alphabet {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    #keyboard_area .keyboard_number .keyboard_btn, #keyboard_area .keyboard_alphabet .keyboard_btn, #keyboard_area .tool_alphabet .keyboard_btn {
      padding: 10px;
      box-shadow: 0 5px 0px #777;
      margin: 5px;
      border-radius: 10px;
      background: #fff;
      color: #333;
      cursor: pointer;
      min-width: 40px;
      text-align: center;
      font-weight: bold; }
      #keyboard_area .keyboard_number .keyboard_btn:hover, #keyboard_area .keyboard_alphabet .keyboard_btn:hover, #keyboard_area .tool_alphabet .keyboard_btn:hover {
        background: #efefef;
        color: #333;
        box-shadow: 0 0 0px #777; }
      #keyboard_area .keyboard_number .keyboard_btn:active, #keyboard_area .keyboard_alphabet .keyboard_btn:active, #keyboard_area .tool_alphabet .keyboard_btn:active {
        background: #047c87;
        color: #fff;
        box-shadow: 0 0 0 #777; }
    #keyboard_area .keyboard_number .word_break, #keyboard_area .keyboard_alphabet .word_break, #keyboard_area .tool_alphabet .word_break {
      width: 100%;
      min-width: 100%; }