body,html{margin:0;padding:0;height:100%;background-color:#db4d6d;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:微軟正黑體}.amusing,body,html{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.monster{width:110px;height:110px;background-color:#e55a54;border-radius:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;margin:10px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2);position:relative;-webkit-animation:jumping .8s infinite alternate;animation:jumping .8s infinite alternate}.monster,.monster .eye{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monster .eye{width:40%;height:40%;border-radius:50%;background-color:#fff}.monster .eyeball{width:50%;height:50%;border-radius:50%;background-color:#0c4475}.monster .mouth{width:32%;height:12px;border-radius:12px;background-color:#fff;margin-top:15%}.monster:after,.monster:before{content:"";display:block;width:20%;height:10px;position:absolute;left:50%;top:-10px;background-color:#fff;border-radius:10px}.monster:before{-webkit-transform:translateX(-70%) rotate(45deg);transform:translateX(-70%) rotate(45deg)}.monster:after{-webkit-transform:translateX(-30%) rotate(-45deg);transform:translateX(-30%) rotate(-45deg)}.monster,.monster *{-webkit-transition:.5s;transition:.5s}.monster.blue{background-color:#0c4475;-webkit-animation-delay:.5s;animation-delay:.5s}.monster.blue .eyeball,.monster.blue .mouth{background-color:#e55a54}@-webkit-keyframes jumping{50%{top:0;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2)}to{top:-50px;-webkit-box-shadow:0 120px 50px rgba(0,0,0,.2);box-shadow:0 120px 50px rgba(0,0,0,.2)}}@keyframes jumping{50%{top:0;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2)}to{top:-50px;-webkit-box-shadow:0 120px 50px rgba(0,0,0,.2);box-shadow:0 120px 50px rgba(0,0,0,.2)}}@-webkit-keyframes eyemove{0%,10%{-webkit-transform:translate(50%);transform:translate(50%)}90%,to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes eyemove{0%,10%{-webkit-transform:translate(50%);transform:translate(50%)}90%,to{-webkit-transform:translate(-50%);transform:translate(-50%)}}.monster .eyeball{-webkit-animation:eyemove 1.6s infinite alternate;animation:eyemove 1.6s infinite alternate}h2{font-size:40px;margin-right:50px}h2,h3{color:#fff}h3{margin-top:0;opacity:.5}.pageLoading{position:fixed;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#193852;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:opacity .5s .5s;transition:opacity .5s .5s}.pageLoading.complete{opacity:0}.pageLoading.complete .monster{-webkit-transform:scale(.01) rotate(1turn);transform:scale(.01) rotate(1turn)}.loading{width:200px;height:8px;margin-top:80px;border-radius:5px;background-color:#fff;overflow:hidden;-webkit-transition:.5s;transition:.5s}.loading .bar{background-color:#e55a54;width:0;height:100%}