.tool.keyboard .footer {
  padding-bottom: 150px; }
.tool.keyboard .banner_target {
  text-align: center; }
  .tool.keyboard .banner_target .target_btn {
    display: inline-block;
    font: 400 16px/1.2 Open Sans;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer; }
    .tool.keyboard .banner_target .target_btn:hover {
      opacity: 0.8; }
.tool.keyboard .keyboard_hide {
  position: absolute;
  z-index: -9;
  width: 0;
  height: 0;
  opacity: 0; }
.tool.keyboard .keyboard-wrap {
  position: relative;
  width: 100%;
  height: 100%; }
.tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center,
.tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center,
.tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center {
  float: none;
  flex: 1 1 0;
  height: 34px;
  margin: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 4px; }
  .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button,
  .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button,
  .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button {
    position: relative;
    width: 42px;
    height: 14px; }
    .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button::before,
    .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button::before,
    .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button::before {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0; }
    .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button span,
    .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button span,
    .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button span {
      opacity: 0;
      visibility: hidden;
      z-index: -9; }
    .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38uarr-59,
    .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38uarr-59,
    .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38uarr-59 {
      position: absolute;
      top: 0 !important;
      left: 46px !important;
      right: auto !important;
      bottom: auto !important; }
      .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38uarr-59::before,
      .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38uarr-59::before,
      .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38uarr-59::before {
        top: 3px;
        left: 40%;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 5px solid #707070; }
    .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-left::before,
    .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-left::before,
    .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-left::before {
      top: 2px;
      left: 40%;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-right: 5px solid #707070; }
    .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38darr-59::before,
    .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38darr-59::before,
    .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38darr-59::before {
      top: 3px;
      left: 40%;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #707070; }
    .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-right,
    .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-right,
    .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-right {
      flex: none;
      width: 42px; }
      .tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-right::before,
      .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-right::before,
      .tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-right::before {
        top: 2px;
        left: 40%;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid #707070; }
.tool.keyboard .keyboard-control.mac-other .keyboard-box.keyboard-left,
.tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-left,
.tool.keyboard .keyboard-control.mac-tela .keyboard-box.keyboard-left {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 auto;
  width: 80%;
  height: 100%;
  float: none;
  gap: 4px; }
.tool.keyboard .keyboard-control.mac-other .keyboard-line,
.tool.keyboard .keyboard-control.mac-en .keyboard-line,
.tool.keyboard .keyboard-control.mac-tela .keyboard-line {
  position: relative;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 4px; }
  .tool.keyboard .keyboard-control.mac-other .keyboard-line .ui-keyboard-button:last-child,
  .tool.keyboard .keyboard-control.mac-en .keyboard-line .ui-keyboard-button:last-child,
  .tool.keyboard .keyboard-control.mac-tela .keyboard-line .ui-keyboard-button:last-child {
    width: auto;
    flex: 1 1 0; }
.tool.keyboard .keyboard-control.mac-other .ui-keyboard-button,
.tool.keyboard .keyboard-control.mac-en .ui-keyboard-button,
.tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 48px; }
  .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-tab,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-tab,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-tab {
    width: 50px; }
  .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.middle,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.middle,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.middle {
    width: 46px; }
  .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-bksp, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-Caps, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-enter, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-shift, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-Ctrl, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-alt, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-menu, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-space, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-windos,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-bksp,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-Caps,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-enter,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-shift,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-Ctrl,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-alt,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-menu,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-space,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-windos,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-bksp,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-Caps,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-enter,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-shift,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-Ctrl,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-alt,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-menu,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-space,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-windos {
    position: relative;
    width: auto;
    padding: 0 6px;
    font: 600 16px/1 Open Sans;
    color: #666; }
    .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-bksp span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-Caps span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-enter span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-shift span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-Ctrl span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-alt span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-menu span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-space span, .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-windos span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-bksp span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-Caps span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-enter span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-shift span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-Ctrl span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-alt span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-menu span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-space span,
    .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-windos span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-bksp span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-Caps span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-enter span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-shift span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-Ctrl span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-alt span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-menu span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-space span,
    .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-windos span {
      font: inherit;
      color: inherit; }
  .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-shift-right,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-shift-right,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-shift-right {
    min-width: 148px; }
  .tool.keyboard .keyboard-control.mac-other .ui-keyboard-button.ui-keyboard-space,
  .tool.keyboard .keyboard-control.mac-en .ui-keyboard-button.ui-keyboard-space,
  .tool.keyboard .keyboard-control.mac-tela .ui-keyboard-button.ui-keyboard-space {
    min-width: 202px; }
.tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button {
  width: 28px; }
  .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-38uarr-59 {
    left: 32px !important; }
  .tool.keyboard .keyboard-control.mac-en .keyboard-box.keyboard-center .ui-keyboard-button.ui-keyboard-right {
    width: 28px; }
.tool.keyboard .mousepad {
  position: relative;
  margin: 16px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px; }
  .tool.keyboard .mousepad .keyboard-key {
    width: 154px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    box-shadow: 0px 1px 0px #3388E5;
    border-radius: 10px;
    color: #436f8e;
    font-size: 16px;
    line-height: 1;
    padding: 1px 4px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .075; }
  .tool.keyboard .mousepad .mousemiddle {
    width: 46px; }
  .tool.keyboard .mousepad .mouseleft {
    border-radius: 16px 16px 16px 60px; }
  .tool.keyboard .mousepad .mouseright {
    border-radius: 16px 16px 60px 16px; }
  .tool.keyboard .mousepad .keyboard-key.key--pressed {
    background-color: #c5dbec; }
  .tool.keyboard .mousepad .keyboard-key:hover,
  .tool.keyboard .mousepad .key--pressed:hover {
    transform: scale(0.98);
    background: #CEE6FF; }
  .tool.keyboard .mousepad .key-pressing-simulation {
    background-color: #e25c1b !important; }
.tool.keyboard .tool-banner .container {
  text-align: center; }
  .tool.keyboard .tool-banner .container > ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px 50px; }
    .tool.keyboard .tool-banner .container > ul li {
      display: block;
      padding: 0px; }
      .tool.keyboard .tool-banner .container > ul li.icons06 sup {
        right: -36px; }
      .tool.keyboard .tool-banner .container > ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px; }
        .tool.keyboard .tool-banner .container > ul li a i {
          margin-right: 0px; }
.tool.keyboard .keyboard-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-sizing: border-box;
  padding: 0 42px;
  margin-bottom: 38px; }
  .tool.keyboard .keyboard-top ul {
    list-style: none; }
  .tool.keyboard .keyboard-top .keyboard-tips {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px; }
    .tool.keyboard .keyboard-top .keyboard-tips li {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 5px;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.2;
      text-shadow: 0 2px 6px #2280C8; }
      .tool.keyboard .keyboard-top .keyboard-tips li:nth-child(2)::before {
        background: #1C89FF; }
      .tool.keyboard .keyboard-top .keyboard-tips li:nth-child(3)::before {
        background: #C5DBEC; }
      .tool.keyboard .keyboard-top .keyboard-tips li::before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        background: #FFF;
        border-radius: 3px; }
  .tool.keyboard .keyboard-top .keyboard-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; }
    .tool.keyboard .keyboard-top .keyboard-nav ul {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      border-radius: 10px; }
      .tool.keyboard .keyboard-top .keyboard-nav ul.keyboard-type li svg {
        display: block;
        width: 20px;
        height: 20px;
        pointer-events: none; }
        .tool.keyboard .keyboard-top .keyboard-nav ul.keyboard-type li svg path {
          fill: #1462B6 !important; }
      .tool.keyboard .keyboard-top .keyboard-nav ul.keyboard-type li.key_on {
        background: #1462B6; }
        .tool.keyboard .keyboard-top .keyboard-nav ul.keyboard-type li.key_on svg path {
          fill: #FFF !important; }
      .tool.keyboard .keyboard-top .keyboard-nav ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 28px;
        padding: 0 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        color: #000;
        background: #FFF;
        cursor: pointer; }
        .tool.keyboard .keyboard-top .keyboard-nav ul li.key_on {
          background: #B2DCFF; }
.tool.keyboard .keyboard-test {
  height: auto;
  padding-bottom: 26px; }
.tool.keyboard .failed-tips::before {
  content: attr(data-text);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  padding-top: 20px;
  top: -54px;
  left: 0px;
  width: 90px;
  height: 82px;
  background: url(../../images/tool/tips_bg.png) center center no-repeat;
  text-align: center;
  font: 700 16px/1.2 Open Sans;
  color: #FFF;
  text-shadow: 0px 0px 6px #1C89FF;
  box-sizing: border-box; }
.tool.keyboard .tool-choose {
  padding-bottom: 52px; }
  .tool.keyboard .tool-choose .container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    min-width: 0; }
  .tool.keyboard .tool-choose h2 {
    padding: 18px 0 62px;
    color: #212121;
    font-size: 30px;
    font-weight: 700;
    text-align: center; }
  .tool.keyboard .tool-choose .choose-list {
    display: grid;
    justify-content: left;
    gap: 52px;
    grid-template-columns: repeat(2, 1fr); }
    .tool.keyboard .tool-choose .choose-list dl {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      overflow: hidden;
      gap: 30px;
      margin: 0;
      width: auto;
      float: none; }
      .tool.keyboard .tool-choose .choose-list dl dt,
      .tool.keyboard .tool-choose .choose-list dl dl {
        float: none; }
      .tool.keyboard .tool-choose .choose-list dl dt {
        margin: 0;
        width: 104px;
        text-align: center;
        flex-shrink: 0; }
      .tool.keyboard .tool-choose .choose-list dl dd {
        flex: 1 1 0;
        width: auto; }
      .tool.keyboard .tool-choose .choose-list dl h3 {
        margin: 2px 0 20px 0;
        color: #212121;
        font-size: 24px;
        font-weight: 600; }
      .tool.keyboard .tool-choose .choose-list dl p {
        color: #212121;
        font-size: 16px;
        line-height: 30px; }
.tool.keyboard .tool-faqs {
  padding: 42px 0;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px; }
  .tool.keyboard .tool-faqs h2 {
    padding-bottom: 22px;
    font: 700 24px/1.5 Open Sans;
    color: #000; }
  .tool.keyboard .tool-faqs .faqs-list {
    list-style: none; }
  .tool.keyboard .tool-faqs .faqs-item {
    position: relative;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid rgba(30, 28, 44, 0.12);
    transition: all 0.3s; }
    .tool.keyboard .tool-faqs .faqs-item:first-child {
      border-top: 1px solid rgba(30, 28, 44, 0.12); }
    .tool.keyboard .tool-faqs .faqs-item p {
      padding: 0;
      font: 400 16px/1.5 Open Sans;
      color: #000; }
    .tool.keyboard .tool-faqs .faqs-item.fq_on {
      padding-bottom: 40px; }
      .tool.keyboard .tool-faqs .faqs-item.fq_on .faqs__item_title {
        padding-bottom: 0px; }
        .tool.keyboard .tool-faqs .faqs-item.fq_on .faqs__item_title::after {
          transform: rotate(0deg);
          transition: all 0.3s; }
      .tool.keyboard .tool-faqs .faqs-item.fq_on .faqs_text {
        padding-top: 20px;
        max-height: 999px; }
  .tool.keyboard .tool-faqs .faqs__item_title {
    margin: 0 auto;
    position: relative;
    padding: 40px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    font: 700 24px/1.2 Open Sans;
    color: #000; }
    .tool.keyboard .tool-faqs .faqs__item_title::after {
      content: '';
      display: block;
      flex-shrink: 0;
      margin-top: 3px;
      width: 27px;
      height: 16px;
      background: url(../../images/tool/arrow_up.svg) center center no-repeat;
      transform: rotate(180deg);
      transition: all 0.3s; }
  .tool.keyboard .tool-faqs .faqs_text {
    position: relative;
    width: 100%;
    cursor: initial;
    height: unset;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out; }
.tool.keyboard .tool-link {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 80px; }
  .tool.keyboard .tool-link h2 {
    padding-bottom: 30px;
    font: 700 24px/1.5 Open Sans;
    color: #000; }
  .tool.keyboard .tool-link .link-list {
    display: grid;
    justify-content: left;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; }
    .tool.keyboard .tool-link .link-list li {
      position: relative;
      cursor: pointer;
      font: 400 18px/1.2 Open Sans;
      color: #5476FF; }
      .tool.keyboard .tool-link .link-list li a {
        font: inherit;
        color: inherit; }
.tool.keyboard .tool-float {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 122px;
  background: url(../../images/tool/tool_float_bg.png) center center no-repeat;
  z-index: -999;
  visibility: hidden;
  transform: translateY(300px);
  transition: all 0.3s ease; }
  .tool.keyboard .tool-float.float_on {
    z-index: 99;
    visibility: visible;
    transform: translateY(0px);
    transition: all 0.3s ease; }
  .tool.keyboard .tool-float .container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px; }
  .tool.keyboard .tool-float .float_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px; }
  .tool.keyboard .tool-float .float_pic {
    width: 68px;
    height: 68px;
    flex-shrink: 0; }
    .tool.keyboard .tool-float .float_pic > img {
      width: 100%;
      max-width: 100%;
      height: auto; }
  .tool.keyboard .tool-float .float_content {
    flex: 1 1 0; }
    .tool.keyboard .tool-float .float_content h3,
    .tool.keyboard .tool-float .float_content p {
      padding: 0;
      margin: 0;
      font: 400 22px/1.5 Open Sans;
      color: #000; }
    .tool.keyboard .tool-float .float_content p {
      padding: 6px 0;
      font: 400 16px/1.5 Open Sans; }

html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-bksp {
  font-size: 12px;
  width: 60px; }
  html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-bksp span {
    transform: scale(0.7);
    transform-origin: left center; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-96 {
  top: 107px;
  left: 457px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-39 {
  left: 0;
  top: 29px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-q {
  top: 107px;
  left: 67px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-a {
  top: 68px;
  left: 59px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-w {
  top: 146px;
  left: 77px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-z {
  top: 68px;
  left: 98px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-91 {
  z-index: 3;
  top: 29px;
  left: 429px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-93 {
  top: 68px;
  left: 449px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-59 {
  top: 68px;
  left: 488px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-m {
  top: 107px;
  left: 418px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-44 {
  top: 146px;
  left: 311px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-92 {
  top: 107px;
  left: 496px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-59 {
  width: 42px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-enter {
  width: 34px;
  height: 72px;
  top: 68px;
  left: 535px;
  font-size: 12px; }
  html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-enter::before {
    content: "\f177";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-enter span {
    display: none;
    transform: scale(0.76);
    transform-origin: left center; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-enter {
  position: relative; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-47 {
  top: 146px;
  left: 389px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-223 {
  display: block !important;
  top: 146px;
  left: 428px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-left .ui-keyboard-button.ui-keyboard-46 {
  top: 146px;
  left: 350px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .ui-keyboard-button.ui-keyboard-Caps {
  font-size: 14px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-center .ui-keyboard-text {
  white-space: normal;
  line-height: 1;
  transform: scale(0.8); }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-right .ui-keyboard-button.ui-keyboard-37 {
  display: none !important; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-right .ui-keyboard-button.ui-keyboard-43 {
  height: 70px; }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-right .ui-keyboard-button.ui-keyboard-enter .ui-keyboard-text {
  white-space: normal;
  line-height: 1;
  transform: scale(0.8) translateX(-4px); }
html[lang='fr'] .tool.keyboard .keyboard-control.window-other .keyboard-box.keyboard-right .ui-keyboard-button.small .ui-keyboard-text {
  white-space: normal;
  line-height: 1;
  transform: scale(0.8); }

/*# sourceMappingURL=tool_other.css.map */