@-webkit-keyframes breathing{0%{-webkit-transform:scale(.96);transform:scale(.96)}35%{-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-transform:scale(.96);transform:scale(.96)}}@keyframes breathing{0%{-webkit-transform:scale(.96);transform:scale(.96)}35%{-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-transform:scale(.96);transform:scale(.96)}}@keyframes shaking{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes shaking{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes anim-pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:.9;-webkit-transform:scale(1.08);transform:scale(1.08)}80%{opacity:1;-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes anim-pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:.9;-webkit-transform:scale(1.08);transform:scale(1.08)}80%{opacity:1;-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dropDown{0%{top:-10%;-webkit-transform:scale(0);transform:scale(0)}5%{top:5%;-webkit-transform:scale(1.2);transform:scale(1.2)}7%{top:7%;-webkit-transform:scale(1);transform:scale(1)}to{top:110%}}@-webkit-keyframes seesawShaking{0%{top:33%}33%{top:32%}66%{top:32%}to{top:33%}}@keyframes seesawShaking{0%{top:33%}33%{top:32%}66%{top:32%}to{top:33%}}@-webkit-keyframes debut{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}10%{opacity:.1;-webkit-transform:scale(.2);transform:scale(.2)}20%{opacity:.2;-webkit-transform:scale(.4);transform:scale(.4)}30%{opacity:.3;-webkit-transform:scale(.6);transform:scale(.6)}40%{opacity:.4;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}60%{opacity:.6;-webkit-transform:scale(1.03);transform:scale(1.03)}70%{opacity:.7;-webkit-transform:scale(1.05);transform:scale(1.05)}80%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}90%{opacity:.9;-webkit-transform:scale(1.03);transform:scale(1.03)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes debut{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}10%{opacity:.1;-webkit-transform:scale(.2);transform:scale(.2)}20%{opacity:.2;-webkit-transform:scale(.4);transform:scale(.4)}30%{opacity:.3;-webkit-transform:scale(.6);transform:scale(.6)}40%{opacity:.4;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}60%{opacity:.6;-webkit-transform:scale(1.03);transform:scale(1.03)}70%{opacity:.7;-webkit-transform:scale(1.05);transform:scale(1.05)}80%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}90%{opacity:.9;-webkit-transform:scale(1.03);transform:scale(1.03)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes quaking{10%,90%{-webkit-transform:rotate(-5deg) translate3d(-3px,-4px,0);transform:rotate(-5deg) translate3d(-3px,-4px,0)}20%,80%{-webkit-transform:rotate(8deg) translate3d(12px,9px,0);transform:rotate(8deg) translate3d(12px,9px,0)}30%,70%{-webkit-transform:rotate(-4deg) translate3d(-6px,5px,0);transform:rotate(-4deg) translate3d(-6px,5px,0)}50%{-webkit-transform:rotate(5deg) translate3d(-4px,6px,0);transform:rotate(5deg) translate3d(-4px,6px,0)}40%,60%{-webkit-transform:rotate(9deg) translate3d(9px,-10px,0);transform:rotate(9deg) translate3d(9px,-10px,0)}}@-webkit-keyframes quaking{10%,90%{-webkit-transform:rotate(-5deg) translate3d(-3px,-4px,0);transform:rotate(-5deg) translate3d(-3px,-4px,0)}20%,80%{-webkit-transform:rotate(8deg) translate3d(12px,9px,0);transform:rotate(8deg) translate3d(12px,9px,0)}30%,70%{-webkit-transform:rotate(-4deg) translate3d(-6px,5px,0);transform:rotate(-4deg) translate3d(-6px,5px,0)}50%{-webkit-transform:rotate(5deg) translate3d(-4px,6px,0);transform:rotate(5deg) translate3d(-4px,6px,0)}40%,60%{-webkit-transform:rotate(9deg) translate3d(9px,-10px,0);transform:rotate(9deg) translate3d(9px,-10px,0)}}html{color:#222;font:16px/1.2 BlinkMacSystemFont,-apple-system,“Segoe UI”,Roboto,Helvetica,Arial,sans-serif;line-height:1.4}body,html{-ms-touch-action:manipulation;touch-action:manipulation}body{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:url(https://img.yec.tw/zq/ec-gaming-campaign/assets/images/drop200817/sea_background.jpg) top;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;overflow:auto}img{max-width:100%;width:100%}a.clear-link{color:inherit;text-decoration:none}.breath{-webkit-animation:breathing 1.6s linear infinite;animation:breathing 1.6s linear infinite}.hidden{display:none!important}.show{bottom:0!important}.container{line-height:0;overflow:hidden;position:relative;width:414px}.container>.inner{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.container>.blockPopup{background:rgba(16,114,197,.8);bottom:0;height:100%;position:fixed;top:0;z-index:100}.container>.blockPopup>img{margin:38% 17% 0;width:66%}.container>.blockPopup>a>img{margin:-14% 30% 14%;width:40%}.top-rec{left:6%;position:absolute;top:2%;width:24%;z-index:25}.top-btn{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:8%;-webkit-justify-content:flex-end;justify-content:flex-end;margin:1% 5% auto auto;width:54%}.top-btn>.act-btn{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:1%;position:relative;z-index:25}.btn-prize,.btn-prize-disable{background-position:50%;background-repeat:no-repeat;background-size:cover}.btn-prize-disable{pointer-events:none}.btn-rule{background-position:50%;background-repeat:no-repeat;background-size:cover}.tigger-hand{bottom:0;position:absolute;z-index:1}.drop-main{height:80vh}.drop-item{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:dropDown;animation-name:dropDown;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0;position:absolute;top:4%;width:36%}.drop-item .clicked{display:none}.drop-item.left{left:13%}.drop-item.right{left:52%}.drop-item.active{-webkit-animation-play-state:paused;animation-play-state:paused}.drop-item.active .clicked{display:block}.drop-item.active .init{display:none}.gameOver .drop-item{-webkit-animation-play-state:paused;animation-play-state:paused}@keyframes dropDown{0%{top:0;-webkit-transform:scale(0);transform:scale(0)}2%{opacity:1}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}7%{-webkit-transform:scale(1);transform:scale(1)}24%{opacity:1}27%{opacity:0}to{top:110%}}.home-banner{display:block;margin:2% auto 0;position:relative;width:70%;z-index:5}.home-character{display:block;margin:-35% auto 0 5%;width:86%}.home-broadcast{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:rgba(50,110,221,.8);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:1.1rem;font-weight:lighter;font-weight:400;-webkit-justify-content:center;justify-content:center;margin:2% auto 0;padding:20px 0;position:relative;width:90%;z-index:5}.home-broadcast-text{-webkit-animation:anim-pop .6s ease-out .4s forwards;animation:anim-pop .6s ease-out .4s forwards;margin:0}.stage-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1% 12%;width:66%}.stage-button>.start{margin-right:-15%;-webkit-transition:all .2s;transition:all .2s}.stage-button>.start:active{-webkit-transform:scale(.92);-ms-transform:scale(.92);transform:scale(.92)}.stage-button>.disable{pointer-events:none}.play-banner{display:block;margin:2% auto 0;width:52%}.play-instruction{background-color:rgba(50,110,221,.8);color:#fff;font-size:1.1rem;left:0;margin:0 auto;padding:18px 0;position:absolute;right:0;text-align:center;top:28%;width:90%}.play-character{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shaking;animation-name:shaking;display:block;margin:73% 0 0 35%;position:relative;width:35%}.play-stage{margin-top:10%;position:relative;text-align:center;width:100%}.drop-main{height:100vh;left:0;position:absolute;right:0;top:0}.popup{bottom:-100%;position:absolute;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom}.popup-banner{display:block;margin:2% auto 0;position:relative;width:52%;z-index:5}.popup-content{left:-1%;margin:-14% auto 0;position:relative;width:76%}.popup-board,.popup-inner{height:100%;position:absolute;top:0;width:100%}.popup-board{text-align:center}.popup-board-title{color:#fff;font-size:24px;left:12%;line-height:36px;position:absolute;text-align:center;top:14%;white-space:pre;width:75%}.popup-board-text{font-weight:700;margin:0;text-align:center}.popup-board-property{color:#7b5b3f;font-size:24px;margin-top:59%}.popup-board-award{color:#0272d0;font-size:24px;line-height:30px;margin:9% 20% 0;width:60%}.popup-board-point{color:#0272d0;font-size:24px;height:60px;line-height:36px;margin-top:15%;white-space:pre}.popup-board-date{color:#3e3f3f;font-size:12px;margin-top:5%}.popup-board-noaward{color:#848484;font-size:1.6rem;margin-top:48%}.popup-remind{bottom:20%;color:#fff;left:0;margin:0 auto;position:absolute;right:0;width:100%}.popup-btn{display:block;margin:-5% auto 0;position:relative;width:70%;z-index:20}@media only screen and (max-width:320px){.play-character{margin:86% 0 0 27%;width:50%}}.prize-title{display:block;margin:7% auto 0;position:relative;width:86%;z-index:5}.prize-content{margin:1% auto;position:relative;width:80%}.prize-content>.prize-date,.prize-content>.prize-name{color:#fff;font-size:1rem;position:absolute;top:5%}.prize-content>.prize-date{left:11%}.prize-content>.prize-name{left:30%}.prize-content>.prize-list{-webkit-box-sizing:border-box;box-sizing:border-box;height:70%;left:1%;line-height:20px;margin:0 auto;overflow-y:auto;padding:0 3%;position:absolute;right:1%;top:14%;width:88%}.prize-content>.prize-list>.prize-none{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#b3aeae;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:1.2rem;font-weight:500;height:100%;-webkit-justify-content:center;justify-content:center;letter-spacing:2px;width:100%}.prize-content>.prize-list>.prize-item{border-bottom:1px solid #e8e7e7;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4% 0}.prize-content>.prize-list>.prize-item>.prize-date{font-size:1rem;margin-left:4%;width:25%}.prize-content>.prize-list>.prize-item>.prize-award{width:75%}.prize-content>.prize-list>.prize-item>.prize-award>p{margin-bottom:0;margin-top:0;width:100%}.prize-content>.prize-list>.prize-item>.prize-award>.prize-title-text{font-size:.9rem}.prize-content>.prize-list>.prize-item>.prize-award>.prize-sub-text,.prize-content>.prize-list>.prize-item>.prize-award>.prize-title-text{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.prize-content>.prize-list>.prize-item>.prize-award>.prize-sub-text{color:#6e6e6e;font-size:.8rem;margin-top:1%}.prize-venue-btn{margin:0 auto;width:70%}.prize-backhome-btn,.prize-venue-btn{display:block;position:relative;z-index:5}.prize-backhome-btn{margin:-14% auto 0;width:50%}@media only screen and (max-width:374px){html{font:14px BlinkMacSystemFont,-apple-system,“Segoe UI”,Roboto,Helvetica,Arial,sans-serif}}