@font-face{font-family:"bariol_light";src:url("fonts/bariol_light.woff") format("woff"),url("fonts/bariol_light.ttf") format("truetype");font-style:normal;font-weight:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}*{padding:0;margin:0;outline-width:0px !important;outline-style:solid;-webkit-tap-highlight-color:rgba(0,0,0,0.1)}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:100%;font-family:"bariol_light", sans-serif;background-color:#f2f2f2;color:#33353f;overflow-x:hidden;overflow-y:hidden}body,html{height:100%}a{color:#004DA5;text-decoration:none}.root{width:100%;height:100%;display:table;background-color:transparent}.root .middleWrap{display:table-cell;width:335px;height:300px;font-family:"bariol_light", sans-serif;color:#666;text-align:center;position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-167.50px}.root .middleWrap .wrap{width:100%;height:100%;zoom:1;z-index:1}.root .middleWrap .wrap .key-code{font:10em "bariol_light", sans-serif;color:#206b79;zoom:1;cursor:default}.root .middleWrap .wrap .key-name{display:block;padding:12.50px 0;line-height:25px;width:100%;color:#206b79;text-align:center;font:25px "bariol_light", sans-serif;background:#fcfcfc;cursor:default;border:1px solid #c5c5c5;-moz-box-shadow:0 2px 5px #c5c5c5;-webkit-box-shadow:0 2px 5px #c5c5c5;box-shadow:0 2px 5px #c5c5c5;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;margin:20px auto 0 auto}footer{background:#272727;width:100%;height:40px;margin-top:-40px;-moz-box-shadow:0 -5px 5px -5px #666;-webkit-box-shadow:0 -5px 5px -5px #666;box-shadow:0 -5px 5px -5px #666}footer .footer-wrap{width:595px;height:40px;position:absolute;left:50%;margin-left:-298px;font:14px/28px "bariol_light", sans-serif;color:#FFF}footer .footer-wrap p{text-align:center;padding:0 5px;margin-top:6px;cursor:default;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}footer .footer-wrap a{text-decoration:none;color:#FF8C00;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}footer .footer-wrap a:hover{color:#999}