@charset "UTF-8";*{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}}@-webkit-keyframes hot{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hot{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes masterTitle{0%{-webkit-transform:translate(-20%,20%);transform:translate(-20%,20%);opacity:0}to{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);opacity:1}}@keyframes masterTitle{0%{-webkit-transform:translate(-20%,20%);transform:translate(-20%,20%);opacity:0}to{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);opacity:1}}@-webkit-keyframes masterPeople{0%{-webkit-transform:translate(20%,-20%);transform:translate(20%,-20%);opacity:0}to{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);opacity:1}}@keyframes masterPeople{0%{-webkit-transform:translate(20%,-20%);transform:translate(20%,-20%);opacity:0}to{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);opacity:1}}@-webkit-keyframes arrow{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes arrow{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(25%);transform:translateY(25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes saliva{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes saliva{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes hand1{0%{left:50%;top:10%}20%{left:36%;top:36%}40%{left:64%;top:25%}65%{left:48%;top:64%}95%{left:83%;top:41%;opacity:1}to{left:83%;top:41%;opacity:0}}@keyframes hand1{0%{left:50%;top:10%}20%{left:36%;top:36%}40%{left:64%;top:25%}65%{left:48%;top:64%}95%{left:83%;top:41%;opacity:1}to{left:83%;top:41%;opacity:0}}@-webkit-keyframes hand2{0%{left:-22%;top:55%}50%{left:72%;top:35%;opacity:1}to{left:72%;top:35%;opacity:0}}@keyframes hand2{0%{left:-22%;top:55%}50%{left:72%;top:35%;opacity:1}to{left:72%;top:35%;opacity:0}}@-webkit-keyframes cutMonster{0%{opacity:1}1%{opacity:1}1.1%{opacity:0}50%{opacity:0}50.1%{opacity:1}}@keyframes cutMonster{0%{opacity:1}1%{opacity:1}1.1%{opacity:0}50%{opacity:0}50.1%{opacity:1}}@-webkit-keyframes cutMonster2{0%{opacity:0}1%{opacity:0}1.1%{opacity:1}50%{opacity:1}50.1%{opacity:0}}@keyframes cutMonster2{0%{opacity:0}1%{opacity:0}1.1%{opacity:1}50%{opacity:1}50.1%{opacity:0}}@-webkit-keyframes hit{0%{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}80%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}to{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}}@keyframes hit{0%{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}80%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}to{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{text-decoration:none;cursor:pointer}button,input,select,textarea{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0;font-family:"Noto Sans TC","微軟正黑體","Arial Black","儷黑 Pro","LiHei Pro","Microsoft JhengHei",sans-serif!important}textarea{resize:none}body,html{color:#000;-webkit-text-size-adjust:none;-webkit-text-size-adjust:100%;height:110vh;font-size:3.5vw;background:#fff;position:relative;font-family:"Noto Sans TC","微軟正黑體","Arial Black","儷黑 Pro","LiHei Pro","Microsoft JhengHei",sans-serif!important}body.desktop,html.desktop{height:100%}body.desktop body,html.desktop body{height:100%}body.desktop body #desktop,html.desktop body #desktop{display:block}body.off,html.off{-ms-touch-action:none;touch-action:none}img{display:block;width:100%;height:auto}.centerBox{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#loading{position:fixed;width:100%;height:100vh;z-index:999;background-color:#fff;display:block;overflow:hidden}#loading .centerBox{width:120px;top:45%}#loading .centerBox .imgbox{width:80%;margin:0 auto}#loading .centerBox p{border-radius:30px;border:5px solid #ec6941;margin-top:20%;padding:0;height:20px;position:relative}#loading .centerBox p span{background-color:#ec6941;position:absolute;left:0;top:-1px;width:0%;height:12px}#desktop{position:fixed;width:100%;height:100%;background:#fff url(../images/pc_bg.jpg) no-repeat center bottom;background-size:cover;z-index:999;display:none}#desktop .centerBox{height:80%;max-height:640px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#desktop .centerBox img{width:auto;height:100%;margin:0 auto}#desktop .centerBox .title{height:30%;-webkit-box-flex:0;-ms-flex:none;flex:none}#desktop .centerBox .tip{height:10%;-webkit-box-flex:0;-ms-flex:none;flex:none}#desktop .centerBox .qrcode{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:10% 0;height:60%;position:relative}#horizontal{position:fixed;width:100%;height:100vh;z-index:998;background-color:#fff;display:none;overflow:hidden}#horizontal .centerBox{width:50%}#scrollToFit{position:fixed;width:100%;height:100vh;z-index:997;background-color:rgba(0,0,0,0.8);display:block;overflow:hidden}#scrollToFit .centerBox{width:32%}#scrollToFit .centerBox a{width:64%;margin:30px auto 0 auto;display:block}#wrapper{width:100%;height:100vh;overflow:hidden;position:fixed;pointer-events:none}#wrapper.on{pointer-events:auto}#wrapper .btn{text-align:center}#wrapper .btn a{display:inline-block;vertical-align:middle;height:15vh}#wrapper .btn a img{width:auto;height:100%}#wrapper .btn a:nth-child(2){margin-left:5%}#wrapper #intro{background:url(../images/intro_bg.png) no-repeat center bottom;background-size:cover;position:absolute;width:100%;height:100%;z-index:11;display:block}#wrapper #intro .centerBox{width:50%;min-width:200px}#wrapper #intro .centerBox .voice{width:60%;margin:6% auto}#wrapper #gameBox{display:none;position:absolute;width:100%;height:100%;z-index:10;overflow:hidden}#wrapper #gameBox #game1{display:none;position:absolute;width:100%;height:100%;z-index:2}#wrapper #gameBox #game1 .tip{position:absolute;width:100%;height:100%;z-index:1;background-color:#000;display:block}#wrapper #gameBox #game1 .tip .centerBox{width:45%}#wrapper #gameBox #game1 .tip .centerBox .tipBox .hand{width:36%;position:absolute;left:50%;top:10%;-webkit-animation:hand1 2s ease infinite;animation:hand1 2s ease infinite}#wrapper #gameBox #game1 .tip .centerBox .btn{margin-top:5vh;z-index:2;position:relative}#wrapper #gameBox #game1 #game1Main{position:absolute;width:100%;height:100%;background:url(../images/game1_bg.png) no-repeat center bottom;background-size:cover;overflow:hidden;display:none}#wrapper #gameBox #game1 #game1Main.on .monsters .monster.monster1{-webkit-animation:bounceIn 0.5s linear forwards;animation:bounceIn 0.5s linear forwards}#wrapper #gameBox #game1 #game1Main.on .monsters .monster.monster2{-webkit-animation:bounceIn 0.5s 0.3s linear forwards;animation:bounceIn 0.5s 0.3s linear forwards}#wrapper #gameBox #game1 #game1Main.on .monsters .monster.monster3{-webkit-animation:bounceIn 0.5s 0.5s linear forwards;animation:bounceIn 0.5s 0.5s linear forwards}#wrapper #gameBox #game1 #game1Main.on .saliva .salivaAni .saliva1{-webkit-animation:saliva 0.3s 1.7s ease forwards;animation:saliva 0.3s 1.7s ease forwards}#wrapper #gameBox #game1 #game1Main.on .saliva .salivaAni .saliva2{-webkit-animation:saliva 0.3s 1.2s ease forwards;animation:saliva 0.3s 1.2s ease forwards}#wrapper #gameBox #game1 #game1Main.on .saliva .salivaAni .saliva3{-webkit-animation:saliva 0.3s 1s ease forwards;animation:saliva 0.3s 1s ease forwards}#wrapper #gameBox #game1 #game1Main.on .saliva .salivaAni .saliva4{-webkit-animation:saliva 0.3s 1.4s ease forwards;animation:saliva 0.3s 1.4s ease forwards}#wrapper #gameBox #game1 #game1Main .saliva{display:block;position:absolute;width:120%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:auto;z-index:2;overflow:hidden}#wrapper #gameBox #game1 #game1Main .saliva.on #salivaGame{opacity:1}#wrapper #gameBox #game1 #game1Main .saliva.on .salivaAni{display:none}#wrapper #gameBox #game1 #game1Main .saliva #salivaGame{width:100%;opacity:0}#wrapper #gameBox #game1 #game1Main .saliva #salivaGame img{opacity:0}#wrapper #gameBox #game1 #game1Main .saliva #salivaGame #game1Easer{position:absolute;width:100%;height:100%;z-index:1}#wrapper #gameBox #game1 #game1Main .saliva .salivaAni{position:absolute;width:100%;height:100%;top:0;pointer-events:none}#wrapper #gameBox #game1 #game1Main .saliva .salivaAni>div{position:absolute;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}#wrapper #gameBox #game1 #game1Main .saliva .salivaAni .saliva1{width:66%;left:20%;top:10%;z-index:3}#wrapper #gameBox #game1 #game1Main .saliva .salivaAni .saliva2{width:39.6%;left:0%;top:1.7%}#wrapper #gameBox #game1 #game1Main .saliva .salivaAni .saliva3{width:18%;left:40%;top:60%}#wrapper #gameBox #game1 #game1Main .saliva .salivaAni .saliva4{width:53%;right:0%;top:0%}#wrapper #gameBox #game1 #game1Main .monsters{position:absolute;width:100%;height:100%}#wrapper #gameBox #game1 #game1Main .monsters .monster{position:absolute;opacity:0}#wrapper #gameBox #game1 #game1Main .monsters .monster.monster1{width:12%;left:5%;bottom:5%}#wrapper #gameBox #game1 #game1Main .monsters .monster.monster2{width:12%;right:3%;top:5%}#wrapper #gameBox #game1 #game1Main .monsters .monster.monster3{width:12%;left:30%;top:15%}#wrapper #gameBox #game1 #game1Result{display:none;background-color:#fff;width:100%;height:100%}#wrapper #gameBox #game1 #game1Result .centerBox{width:135vh}#wrapper #gameBox #game1 #game1Result .centerBox .btn{margin-top:5vh}#wrapper #gameBox #game2{display:none;position:absolute;width:100%;height:100%;z-index:2}#wrapper #gameBox #game2 .tip{position:absolute;width:100%;height:100%;z-index:1;background-color:#000;display:block}#wrapper #gameBox #game2 .tip .centerBox{width:30%}#wrapper #gameBox #game2 .tip .centerBox .tipBox{position:relative;padding-bottom:20%;width:80%;margin:0 auto}#wrapper #gameBox #game2 .tip .centerBox .tipBox .img1{-webkit-animation:cutMonster 1.3s ease infinite;animation:cutMonster 1.3s ease infinite}#wrapper #gameBox #game2 .tip .centerBox .tipBox .img2{opacity:0;position:absolute;top:0;-webkit-animation:cutMonster2 1.3s ease infinite;animation:cutMonster2 1.3s ease infinite}#wrapper #gameBox #game2 .tip .centerBox .tipBox .hand{width:120%;position:absolute;left:-22%;top:55%;-webkit-animation:hand2 1.3s ease infinite;animation:hand2 1.3s ease infinite}#wrapper #gameBox #game2 .tip .centerBox .btn{margin-top:5vh;z-index:2;position:relative}#wrapper #gameBox #game2 #game2Main{position:absolute;width:100%;height:100%;background:url(../images/game2_bg.png) no-repeat center bottom;background-size:cover;overflow:hidden;display:none}#wrapper #gameBox #game2 #game2Main .statusBar{position:absolute;left:5%;width:8%;height:90%;top:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none;z-index:1}#wrapper #gameBox #game2 #game2Main .statusBar .bar{width:40%;margin:0 auto;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}#wrapper #gameBox #game2 #game2Main .statusBar .bar ul{border-radius:30px;border:5px solid #ec6941;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;overflow:hidden}#wrapper #gameBox #game2 #game2Main .statusBar .bar ul li{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#ec6941;margin-bottom:3px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}#wrapper #gameBox #game2 #game2Main .statusBar .bar ul li:before{content:"";position:absolute;width:10vw;height:8.5vw;background:url(../images/game2_hit.png) no-repeat center bottom;background-size:contain;left:50%;margin-top:-50%;-webkit-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}#wrapper #gameBox #game2 #game2Main .statusBar .bar ul li.on{background-color:#fff}#wrapper #gameBox #game2 #game2Main .statusBar .bar ul li.on:before{-webkit-animation:hit 0.3s ease forwards;animation:hit 0.3s ease forwards}#wrapper #gameBox #game2 #game2Main .statusBar .bar ul li:last-child{margin-bottom:0}#wrapper #gameBox #game2 #game2Main .statusBar .monsterStatus{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;margin-top:2vh;position:relative}#wrapper #gameBox #game2 #game2Main .statusBar .monsterStatus.hit img{opacity:0}#wrapper #gameBox #game2 #game2Main .statusBar .monsterStatus.hit .hit{opacity:1}#wrapper #gameBox #game2 #game2Main .statusBar .monsterStatus .hit{position:absolute;top:0;width:100%;opacity:0}#wrapper #gameBox #game2 #game2Main .gameMonsterArea{position:absolute;width:100%;height:100%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster{position:absolute;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.cut{pointer-events:none;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:0}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.cut img{opacity:0}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.cut .gg{opacity:1;-webkit-animation:shake 0.3s ease infinite;animation:shake 0.3s ease infinite}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster .gg{position:absolute;bottom:0;opacity:0}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster1{width:15%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster2{width:19%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster3{width:12%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster4{width:16%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster5{width:22%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster6{width:10%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster7{width:19%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .monsters .monster.monster8{width:17%}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .stick{position:absolute;width:7vw;height:7vw;right:55%;bottom:50%;opacity:0}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .stick.on{-webkit-animation:bounceIn 1s linear forwards;animation:bounceIn 1s linear forwards}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .stick>img{width:400%;margin-left:-1vw;margin-top:-1vw}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .stick .attackArea{position:absolute;width:11vw;height:11vw;background-color:#000}#wrapper #gameBox #game2 #game2Main .gameMonsterArea .stick .attackAreaDrag{position:absolute;width:100%;height:100%}#wrapper #gameBox #game2 #game2Result{display:none;background-color:#fff;width:100%;height:100%}#wrapper #gameBox #game2 #game2Result .centerBox{width:135vh}#wrapper #gameBox #game2 #game2Result .centerBox .btn{margin-top:5vh}#wrapper #gameBox #scanMask{position:absolute;width:100%;height:100%;z-index:1}#wrapper #gameBox #scanMask .focusTip{background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;width:100%;height:100%;background-image:url(../images/focus_book.png)}#wrapper #gameBox #scanMask .focusTip.paper{background-image:url(../images/focus_paper.png)}#wrapper #gameBox #scanMask .focusTip .count{position:absolute;width:20vh;height:20vh;background-color:#ec6841;left:50%;bottom:5%;-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);border-radius:50%}#wrapper #gameBox #scanMask .focusTip .count span{color:#fff;font-size:15vh;font-family:"Fredoka One",cursive;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#wrapper #gameBox #scanMask .scanQrcode{display:block;position:absolute;width:100%;height:100%;display:none}#wrapper #gameBox #scanMask .scanQrcode a{position:absolute;width:5%;top:1rem;right:1rem;z-index:1}#wrapper #gameBox #scanMask .scanQrcode ul{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}#wrapper #gameBox #scanMask .scanQrcode ul li{-webkit-box-flex:1;-ms-flex:1;flex:1;background:url(../images/opacity_bg.png) repeat}#wrapper #gameBox #scanMask .scanQrcode ul li.focus{-webkit-box-flex:0;-ms-flex:none;flex:none;width:92.3vh;height:100vh;background:url(../images/qrcode_scan.png) no-repeat;background-size:cover}#wrapper #gameBox #scanBgBox{position:absolute;width:150%;height:150%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#wrapper #gameBox #scanBgBox .scan{width:100%;height:100%}#wrapper #gameBox #scanBgBox #scanBg{width:100%;height:100%}#wrapper #gameBox #scanBgBox #scanBg video{width:100%;height:100%}#wrapper #hideImgs{display:none}@media screen and (orientation:portrait){#horizontal{display:block}}