*{margin:0;padding:0;box-sizing:border-box}.fl{float:left}.fr{float:right}.mfl{float:left;margin-left:1%}.mfl2{float:left;margin-left:6%}.bg{background-color:#17d700}.bg2{background-color:#17d700}.warpper{width:100%;height:100vh}.container2{height:380px;width:90%;margin:auto;margin-top:150px}.main-l{height:350px;width:76%;margin:2% .5%}.cunction{font-weight:bolder;height:30px;width:5.31%;color:#fff;text-align:center;margin-bottom:10px;padding-top:3px}.number{height:45px;font-weight:bolder;width:6%;color:#fff;text-align:center;margin-bottom:10px}.back{width:9%}.eng{line-height:45px;font-weight:bolder}.caps{width:11%}.shift{width:14.5%}.space{height:55px;width:6%;color:#fff;text-align:center;margin-bottom:10px}.sp{width:34%}.sp2{width:24%}.aro{width:21.5%}.arobtnsub{height:25px;width:100%}.ardwn{margin-top:8px}.mail-r{height:350px;width:22%;margin:2% .5%}.lnum{width:78%}.pgup{font-weight:bolder;padding-top:2px;height:30px;width:31%;color:#fff;text-align:center;margin-bottom:10px}.mfl3{float:left;margin-left:4%}.calnub{font-weight:bolder;height:45px;width:31%;color:#fff;text-align:center;margin-bottom:10px}.calzeo{height:57px;width:66%;color:#fff;text-align:center;margin-bottom:10px}.dot{height:57px}.rsym{width:18%}.end{font-weight:bolder;margin-bottom:10px;height:30px;color:#fff;text-align:center;padding-top:2px}.mins{margin-bottom:10px;height:45px;color:#fff;text-align:center}.plus{height:98px;margin-bottom:10px;color:#fff;text-align:center;line-height:98px}.enter{font-weight:bolder;height:112px;margin-bottom:10px;color:#fff;text-align:center;line-height:112px}.tab{margin-right:65%}.mrt{margin-right:40px}.sft{margin-right:110px}.lsft{margin-left:110px}#result p{width:93%;padding-top:14px;height:79px;border:8px solid #fff;color:#000;font-weight:700;margin:auto;font-size:30px;border-radius:7px;text-align:center;margin-top:-8px;background:#fff}#result{height:10vh;width:100%;margin:auto}@media (max-width:570px){#result p{font-size:15px}}#mouse{height:30vh;width:20%;margin:auto;border-radius:20px 20px 150px 150px}#mouse #one{height:50px;width:30%;margin:auto;border-radius:20px 20px 150px 150px}@media only screen and (max-width:1200px){.sp{width:30%!important}.fl.\39 6{padding:16px 37px!important}}@media only screen and (max-width:990px){.sp{width:23%!important}.fl.\39 6{padding:16px 20px!important}.mfl.sp.\33 2{padding:14.5px 0!important}div#\33{font-size:10px!important}}@media only screen and (max-width:768px){.sp{width:50px;font-size:10px!important}.fl.\39 6{padding:16px 7px!important}.arobtn.mfl2{margin-left:1px!important}.aro{width:13.5%!important}.number{height:40px!important}.calnub{height:40px!important}.mins{height:40px!important}.eng{line-height:40px!important}.plus{height:90px!important}.enter{height:107px!important}p{font-size:10px!important}.cunction{font-size:10px!important}.pgup{font-size:10px!important}.end{font-size:10px!important}.bg1{height:326px!important}}@media only screen and (max-width:590px){div#c1{padding:15.5px 0!important}.fr.bg2.dot.\31 10{padding:16px 5px!important}.fl.\39 6{padding:16px 4px!important;margin-left:8px!important}.fr.bg2.dot.\31 10{padding:16px 2px!important}}@media only screen and (max-width:490px){div#c2{padding:20.5px 0!important;width:13px;font-size:8px}.aro{width:15.5%!important}div#\33{font-size:4px!important}}#r{width:60%;height:50px;margin:auto;font-size:30px;border:8px solid #fff;border-radius:25px;font-family:"Lucida Console","Courier New",monospace;text-decoration:underline}#banner{font-size:25px;width:auto;height:auto;text-align:center;text-decoration:underline;font-family:"Lucida Console","Courier New",monospace}@media only screen and (max-width:899px){.final{display:none}}.bg1{color:#ffb366;font-weight:bolder;height:365px;border-radius:25px;border:5px solid #fff;background-color:#ffb366}.arobtn{font-weight:bolder;color:#ffb366;background:#ffb366;height:55px;width:29%}.eng{color:#ffb366}