.key{border:1px solid #eee;display:inline-block;font-size:14px;height:52px;line-height:52px;text-align:center;vertical-align:top;width:40px!important;margin:5px 1.5px;padding:0;cursor:pointer}.key p{font-size:inherit;font-weight:inherit;line-height:inherit}.keybord{height:543px;margin:5px auto 0;width:1264px;position:relative}.top-block{background:#2F4F4F;height:180px;width:1264px;margin:5px auto}.passgen-top-block{background:#2F4F4F;height:440px;width:800px;margin:5px auto}.top-p{color:#ffefd5;padding-left:20px;font-size:20px;margin:5px;text-align:center}.padding-l-r-40{padding-left:40px;padding-right:40px}.keybord-top{background-color:#2f4f4f;color:#b0c4de;font-size:16px;margin:0 0 15px;overflow:hidden;height:30px;width:100%}.keybord-top kbd{display:inline-block;margin-bottom:5px}.vh{visibility:hidden}.dl{font-size:12px;line-height:1.3}.dl>p{margin-top:14px}.t16{font-size:12px}.key.dl.smin>p{font-size:28px;margin-top:-2px}.brackets{margin-left:8px;margin-right:8px}.half{width:20px!important}.key-block{padding:0 22px}.key.bs>p{margin-top:-2px}.key.bs{font-size:30px;width:86px!important}.key.tab{width:60px!important}.key.ds>p{font-size:16px;margin-top:8px}.key.ds.sum{width:81px!important}.key.plus{float:right;height:109px}.key.plus>p{margin-top:45px}.key.caps{font-size:12px;width:86px!important}.key.k220{width:66px!important}.key.enter{width:83px!important}.key.shift1{width:115px!important}.key.shift1>p,.key.shift2>p{font-size:16px}.key.shift2{width:97px!important}.key.enter2{float:right;height:109px}.key.enter2>p{font-size:14px;margin-top:48px}.key.enter span{background:rgba(0,0,0,0) url(/img/wk.png) repeat scroll -24px 0;display:inline-block;height:12px;vertical-align:-1px;width:24px!important}.key.ctrl1,.key.ctrl2{width:66px!important}.cblock>span{border-bottom:1px solid #fff;display:block;margin:5px 3px 0}.cblock{border:1px solid #fff;height:25px;margin:12px auto 0;width:25px!important}.key.cont{width:66px!important}.key.arup>p{font-size:26px}.key.wndw>p{text-align:center}.key.wndw span{background:rgba(0,0,0,0) url(/img/wk.png) no-repeat scroll 0 0;display:block;height:23px;margin:0 auto;width:24px!important}.key.wndw,.key.alt1,.key.alt2{width:66px!important}.key.space{width:231px!important}.key.zero{width:83px!important}.key.lclick{border-radius:0 0 0 15px;vertical-align:bottom;width:96px!important}.key.rclick{border-radius:0 0 15px;vertical-align:bottom;width:96px!important}.key.cclick{height:20px;border-radius:0}.key.wheelup,.key.wheeldown{height:15px}.key.wheelup{border-radius:5px 5px 0 0}.key.wheeldown{border-radius:0 0 5px 5px}.key.back,.key.forward{width:35px!important;height:25px;line-height:25px}.m-block{display:inline-block;text-align:center;vertical-align:bottom;width:843px}.key.arleft>p,.key.arright>p{font-size:26px}.key.ardown>p{font-size:26px}.keybord-footer>div{width:1264px;height:30px;margin:0 auto;padding-top:0}.keybord-footer>hr{color:#d3d3d3}.keybord-footer>a.left{float:left;padding-left:50px}.keybord-footer>a.right{float:right;padding-right:50px}.keybord-footer>a{color:#d3d3d3;font-size:18px;text-decoration:none}.key.press{background-color:var(--ct-orange)!important;border-color:var(--ct-orange)!important}.key.active{background-color:var(--ct-gray-600)!important;border-color:var(--ct-light)!important;color:#000}.fdesc{font-size:20px;margin:0 0 15px}.ftext>span{display:inline-block;font-size:16px;margin:16px 0 0 16px}.ftext .key{height:40px;width:40px}.ftext .key>p{margin-top:11px}.key.wndw.active span,.key.wndw.press span{background-position:0 -23px}.key.cont.active .cblock,.key.cont.press .cblock,.key.cont.active .cblock>span,.key.cont.press .cblock>span{border-color:#000}.key.enter.active span,.key.enter.press span{background-position:-24px -13px}.keybord-top>p{display:inline-block;margin:0 5px;padding:3px 0}.keyboard{max-width:1008px}.key-caption{height:52px;margin-bottom:5px;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:500;text-align:center;width:100%}.key-row{line-height:52px;display:inline-block;margin:5px 1.5px}.badge:empty{display:inline-block!important}body[data-layout-color=dark] kbd{color:var(--ct-gray-dark)!important}.main-keyboard{overflow-x:auto;min-width:668px}@media screen and (max-width: 768px){.container-mainkeyboard{overflow-x:scroll}}.key:hover{border-color:var(--ct-danger)}