.button{display:block;margin:30px auto;width:120px;text-align:center;font-size:2em;color:#fef4e9;border:solid 1px #da7c0c;background:#f78d1d;background:-webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));background:-moz-linear-gradient(top,#faa51a,#f47a20);border-radius:.5em;padding:5px;cursor:pointer}.button:hover{box-shadow:0 0 .5em #fff;background:-webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));background:-moz-linear-gradient(top,#f47a20,#faa51a)}.hide{display:none!important}#stages{background:url(images/bg1.jpg) center fixed;margin:0;padding:0;position:fixed;right:0;top:0;left:0;bottom:0}.stage{overflow:auto;width:648px;height:100%;position:relative;margin:0 auto}#start.stage #logo{text-indent:230px;display:block;width:230px;height:82px;overflow:hidden;background:url(images/logo.png) no-repeat center;margin:10px auto}#start.stage h1{color:#ff0;font-size:10em;text-align:center;text-shadow:0 0 1em #fff;margin:20px auto;text-transform:uppercase}#start.stage .btn-speaker{background:url(images/speaker-on.png) center no-repeat;height:40px;width:40px;display:block;margin:10px auto;cursor:pointer}#start.stage .btn-speaker.off{background:url(images/speaker-off.png) center no-repeat}#start.stage .welcome{text-align:center;color:#fff}#play.stage .header{height:64px;white-space:nowrap}#play.stage .header div{font-family:Arial;font-size:1.4em;line-height:74px;height:64px;font-weight:700;text-transform:uppercase;color:#a6d785;display:inline-block;vertical-align:middle;margin-right:30px}#play.stage .header .backhome{cursor:pointer;width:40px;background:url(images/home-38.png) no-repeat 20% 50%}#play.stage .header .level:before{content:"Bài: "}#play.stage .header .level{position:relative;text-align:center}#play.stage .header .hint{background:url(images/light-32.png) no-repeat 0 30%;padding:0 0 0 40px;cursor:pointer}#play.stage .header .hint:after{content:"Gợi ý"}#play.stage .header .share{cursor:pointer;background:url(images/sharethis-38.png) no-repeat 0 30%;width:40px;height:40px}#play.stage .header .points:before{content:"Xu: "}#play.stage .header .level i,#play.stage .header .points i{color:#ff0;font-size:1.8em;line-height:40px}#play.stage .body{float:left}#play.stage .body #image{height:320px;width:468px;display:block;border:3px solid #a6d785}#play.stage .answer{display:block;text-align:center;width:474px;clear:both}#play.stage .answer a{display:inline-block;vertical-align:bottom;height:2em;width:2em;text-align:center;color:#adff2f;background:rgba(0,0,0,.8);line-height:2em;margin:.5em .2em;font-weight:700;border-radius:5px;font-size:1.5em;cursor:pointer;text-transform:capitalize;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#play.stage .answer a.disabled{color:#ff0}#play.stage .answer.wrong a{color:red;-webkit-animation:rotation 2s infinite linear;-moz-animation:rotation 2s infinite linear;-o-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}#play.stage .answer.correct a{color:#ff0;-webkit-animation:rotation 2s infinite linear;-moz-animation:rotation 2s infinite linear;-o-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}#play.stage .header .share.sending{-webkit-animation:rotation 2s infinite linear;-moz-animation:rotation 2s infinite linear;-o-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-moz-keyframes rotation{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}#play.stage .keyboard{float:right;width:170px;height:326px;text-align:center;position:absolute;top:64px;left:474px}#play.stage .keyboard a{display:inline-block;vertical-align:bottom;height:2em;width:2em;text-align:center;color:#000;background:rgba(234,234,234,.8);line-height:2em;margin:0 1em .7em .2em;font-weight:700;border-radius:5px;font-size:1.5em;cursor:pointer;text-transform:capitalize;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#gameover.stage,#result.stage{text-align:center;background:url(images/bg2.png) no-repeat center 0}#gameover.stage .status,#result.stage .status{padding:20px}#gameover.stage h2,#result.stage h2{color:#00f;text-transform:uppercase;font-size:4em;font-weight:700;background:#fff;border-radius:10px;opacity:.5}#gameover.stage .result,#result.stage .result{color:rgba(0,0,0,.8);font-size:1.5em;font-weight:700;margin:20px 0}#result.stage .result .letter{margin:20px 0}#result.stage .result .letter a{display:inline-block;height:1.6em;vertical-align:bottom;width:1.4em;text-align:center;color:#fff;background:rgba(0,0,0,.6);line-height:1.8em;margin:.5em .2em;font-weight:700;border-radius:5px;font-size:1.5em;text-transform:capitalize}.stage .showpoints{color:rgba(0,0,0,.8);font-size:1.5em;font-weight:700}.stage .showpoints i{color:red}#gameover.stage .button,#result.stage .button{display:inline-block;margin:30px 10px}.dialog{border:1px solid #ccc;display:block;position:absolute;height:auto;width:50%;background:#fff;top:20%;left:25%;min-height:100px;border-radius:10px}.dialog .body,.dialog .header{margin:10px}.dialog .header .logo{height:38px}.dialog .header .btn-close{float:right;color:red;cursor:pointer}.dialog .body{padding:10px;margin:10px;border:3px solid #65aff5;border-radius:10px;min-height:80px}.dialog .body .message{text-align:center}.dialog .body .message .score{color:red;font-size:4em;display:block;text-align:center}.dialog .body .loginbox label{display:inline-block;width:98px}.dialog .footer{text-align:center}.dialog .footer .button{margin:10px;display:inline-block}#share .comment{width:80%;height:3em;display:block;margin:10px auto}#share.stage .footer{text-align:center}#share.stage .footer .button{display:inline-block;margin:5px}#share.stage #shareImage{display:block;margin:10px auto;width:80%;height:auto}#result.stage .result .letter{margin:20px 0;text-transform:uppercase;font-size:2em;color:#00f}@media screen and (min-width:120px) and (max-width:480px){.stage{width:100%;height:100%}#start.stage h1{font-size:5em}#play.stage .body{float:none}#play.stage .header div{margin-right:15px}#play.stage .header .level:before{font-size:1em}#play.stage .header .hint:after,#play.stage .header .points:before{content:""}#play.stage .header .points:before{width:32px;height:32px;top:20%;position:absolute;display:inline-block;background:url(images/coins.png) no-repeat}#play.stage .header .hint{background:url(images/light-32.png) no-repeat 0 30%}#play.stage .header .points{position:relative}#play.stage .header .points i{padding-left:40px}#play.stage .header .share{background:url(images/sharethis-38.png) no-repeat 0 70%}#play.stage .body #image{width:96%;margin:auto;height:auto}#play.stage .answer{width:100%}#play.stage .keyboard{display:block;float:left;position:static;width:100%;height:auto;margin-top:5px}#play.stage .keyboard a{width:10%;margin:2.1%}.dialog{width:80%;top:20%;left:10%}}@media screen and (max-height:480px){#play.stage .header div{font-family:Arial;font-size:1em;line-height:32px;font-weight:700;text-transform:uppercase;color:#a6d785;vertical-align:middle;background-size:50%!important;height:32px!important}#play.stage .header{height:36px}#play.stage .keyboard{margin-top:auto}#result.stage .result .letter a{margin:.1em .2em}#gameover.stage h2,#result.stage h2{font-size:2em}#gameover.stage .button,#result.stage .button{margin:10px}#gameover.stage .result,#result.stage .result{margin:auto}}