.tool-detail-textarea-box{background: aliceblue;padding:0px;padding-bottom:15px;border-radius: .25rem;}
.ctn {margin: 0 auto;width: 100%;}
.keyboard *{box-sizing: border-box;}
.keyboard{display: flex;font-family: arial;font-size:13px;padding:10px;padding-bottom: 0px;}
.keyboard .left{flex:0 0 60%;}
.keyboard .center{flex:0 0 20%;padding:0px 25px;display: flex;flex-direction: column; justify-content: space-between;}
.keyboard .right{flex:0 0 20%;padding-right:0px;}
.keyboard .rw{margin-bottom:4px;}
.keyboard .rw ul{display: flex;margin:0px;padding:0px;list-style: none;}
.keyboard .rw ul li{flex:1;display:flex;flex-direction: column;justify-content: center; align-items: center;height:40px;border:1px solid #cccc;margin:0px 2px;background-color:#fff;}
.keyboard .rw ul li span:last-child{display: block;margin-top:0px;}
.keyboard .rw ul li.Backspace{flex:0 0 80px;}
.keyboard .rw ul li.Tab{flex:0 0 60px;}
.keyboard .rw ul li.stick{flex:0 0 60px;}
.keyboard .rw ul li.CapsLock{flex:0 0 70px;}
.keyboard .rw ul li.Enter{flex:0 0 90px;}
.keyboard .rw ul li.shiftleft, .keyboard .rw ul li.shiftright{flex:0 0 100px;}
.keyboard .rw ul li.Space{flex:0 0 50%;}
.keyboard .rw ul li.Meta img, .keyboard .rw ul li.ContextMenu img, .keyboard .rw ul li.Meta2 img{height:20px;}

.keyboard .center .arw .p{margin-bottom:4px;}
.keyboard .center .arw .p .b{background-color:transparent;}

.keyboard .right {display: flex;flex-direction: column;justify-content: end;}
.keyboard .right .dn {display:flex;}
.keyboard .right .dn .lf{flex:1;}
.keyboard .right .dn .rt{flex:0 0 25%; display:flex;}
.keyboard .right .dn .rt .rw{flex:1; display:flex;}
.keyboard .right .dn .rt .rw ul{flex:1;}
.keyboard .right .dn .rt .rw li{height:100%;flex:1;}

.keyboard .rw ul li.active{background-color:#4caf50;color:#fff;}
.keyboard .rw ul li.press{background-color:#befdca;color:#000;}
@media(max-width:1200px){
    .ctn{width:100%;}
}
@media(max-width:1025px){
    .keyboard .right{display:none;}
    .keyboard .left {flex: 0 0 75%;}
    .keyboard .center{flex:0 0 25%;}
}
@media(max-width:991px){
    .keyboard-cd{
        overflow:hidden;
        overflow-x:auto;
    }
    .keyboard{
        zoom:0.8;
    }
}
@media(max-width:758px){
    .keyboard .rw{margin-bottom:2px;}
    .keyboard .right{display:none;}
    .keyboard .left {flex:1;}
    .keyboard .center{display:none;}
    .keyboard .rw ul li{height:25px;font-size:8px;margin:0px 1px;}
    .keyboard .rw ul li.Meta img, .keyboard .rw ul li.ContextMenu img, .keyboard .rw ul li.Meta2 img {
        height: 10px;
    }
    .keyboard .rw ul li span:last-child{margin-top:0px;}
}