.meta-virtual-kbd{height:248px;width:570px;display:block;margin:auto}.meta-virtual-kbd .kbd-header{width:100%;height:37px}.meta-virtual-kbd .kbd-header ul{list-style:none;padding:15px 0;display:inline-block;margin:0 20px}.meta-virtual-kbd .kbd-header ul li{display:inline-block;font-size:13px;color:#666;font-family:tahoma,arial;cursor:pointer;font-weight:700;-webkit-user-select:none;-ms-user-select:none;user-select:none}.meta-virtual-kbd .kbd-header .kbd-btns li label{padding:15px;background:url(data:image/gif;base64,R0lGODlhCgAKALMAAGZmZu/v77W1tYyMjNPT06Wlpf///8zMzGZmZuPj462trff399/f33JycgAAAAAAACH5BAQUAP8ALAAAAAAKAAoAAAQxMAQyABhEBtWEVIAyNYlhGklDCeepVEtrJlYgG8zFygUGMC0CIMMpMBiFhkhCsWAkEQA7) no-repeat 0 50%}.meta-virtual-kbd .kbd-header .kbd-btns li input{display:none}.meta-virtual-kbd .kbd-header .kbd-btns li input:checked~label{background:url(data:image/gif;base64,R0lGODlhCgAKAMQAAGZmZvK/v6WlpcwAAPf394yMjMzMzO/v79/f39IgIGZmZs8QELW1ta2trePj4////9PT03JycgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAQUAP8ALAAAAAAKAAoAAAU/4HFABQAUkHg0ESM2QDNGzmM/TkQyT5AkgUejRHgsBoMFznQwIpWIE88HfAhQAMTtAQGkWAIEQhCRiUgmlCgEADs=) no-repeat 0 50%}.meta-virtual-kbd .kbd-header .kbd-langs{float:right}.meta-virtual-kbd .kbd-header .kbd-langs li.active{color:#c00}.meta-virtual-kbd .kbd-header .kbd-langs li:before{content:"|";display:inline-block;padding:0 5px;color:#666}.meta-virtual-kbd .kbd-header .kbd-langs li:first-child:before{display:none}.meta-virtual-kbd .kbd{width:100%;height:150px;position:relative}.meta-virtual-kbd .kbd img{position:absolute;top:0;opacity:0;z-index:20}.meta-virtual-kbd .kbd img.active{opacity:1;left:0;top:0}.meta-virtual-kbd .kbd-footer label,.meta-virtual-kbd .kbd .keymap-wrapper label{position:absolute;cursor:pointer;z-index:23;box-sizing:content-box}.meta-virtual-kbd .kbd .keymap-wrapper label div{position:absolute;top:2px;right:0;width:10px;height:10px;background:url(data:image/gif;base64,R0lGODlhCgAKALMAAGZmZu/v77W1tYyMjNPT06Wlpf///8zMzGZmZuPj462trff399/f33JycgAAAAAAACH5BAQUAP8ALAAAAAAKAAoAAAQxMAQyABhEBtWEVIAyNYlhGklDCeepVEtrJlYgG8zFygUGMC0CIMMpMBiFhkhCsWAkEQA7) no-repeat 0 50%;background-size:contain}.meta-virtual-kbd .kbd .keymap-wrapper label:hover div{top:1px;right:1px}.meta-virtual-kbd .kbd .keymap-wrapper label input{display:none}.meta-virtual-kbd .kbd .keymap-wrapper label input:checked~div{background:url(data:image/gif;base64,R0lGODlhCgAKAMQAAGZmZvK/v6WlpcwAAPf394yMjMzMzO/v79/f39IgIGZmZs8QELW1ta2trePj4////9PT03JycgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAQUAP8ALAAAAAAKAAoAAAU/4HFABQAUkHg0ESM2QDNGzmM/TkQyT5AkgUejRHgsBoMFznQwIpWIE88HfAhQAMTtAQGkWAIEQhCRiUgmlCgEADs=) no-repeat 0 50%}.meta-virtual-kbd .kbd-footer label:hover,.meta-virtual-kbd .kbd .keymap-wrapper label:hover{position:absolute;border-radius:4px;border:1px solid red}.meta-virtual-kbd .kbd-footer{width:100%;height:61px;position:relative}