html{touch-action:manipulation}body{touch-action:manipulation;width:810px;margin:0;font-family:Microsoft JhengHei,helvetica,sans-serif;overflow-x:hidden;font-size:20px;background-color:#000;color:#fff;border-radius:2px}body h1{margin-bottom:50px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}a,a>img,button{border:0;outline:0}.hidden{display:none}.page-content{position:relative;margin:0 auto}.top-5{font-size:14px;position:absolute;top:100px;right:30px}.top-5 td,.top-5 th{padding:5px}.top-5#top-5-6{right:270px}.top-5#top-5-18{right:230px}#page{position:relative;height:700px;width:810px;padding:15px}#page #to-other-demo{position:absolute;top:60px;right:50px}#page button{padding:10px 40px;cursor:pointer;font-size:24px;border-radius:2px}#page button:hover{opacity:.8}#page button:active{opacity:1}#page #qr-list{word-break:break-all}#page #qr-list .qr-item{display:inline-block;width:225px;padding:15px;margin-right:10px;background-color:#778899}#page a,#page a>img,#page button{border:0;outline:0;color:#fff}#page button{background-color:#778899}#page input[type=text]{padding:5px 10px;border:none;border-radius:2px;margin-left:5px;font-size:20px}#page #btn-back{position:absolute;top:20px;right:20px;background-color:brown}#page #btn-mode-list{position:absolute;width:200px;bottom:0;right:0;text-align:center}#page #btn-mode-list button{margin-bottom:10px}#page #en-box{margin:15px auto;border:2px solid #ff0;width:100px;height:300px;position:relative}#page #en-box #en-point{background-color:#ff0;width:100px;height:0;bottom:0;position:absolute}#page.page-second #msg1,#page.page-second #msg5{text-align:center}#page.page-second #hide{background-color:#008b8b;width:300px;padding:20px;position:absolute;left:250px;top:250px;text-align:center}#page.page-second #btn-second-box{text-align:center}#page #draw-box{margin:15px auto;border:2px solid #ff0;width:100px;height:500px;position:relative}#page #draw-box #draw-point{background-color:#ff0;width:100px;height:0;bottom:0;position:absolute}#page #btn-draw-box{margin:15px auto;text-align:center}#page #draw-point-list,#page #draw-point-list span,#page #draw-point-list>div,#page #draw-point-list>h1{position:absolute}#page #draw-point-list span{top:0;right:0;background-color:#5f9ea0}#page #draw-point-list #msg1{top:0;left:245px;width:105px}#page #draw-point-list #msg1 span{width:10px;height:12px}#page #draw-point-list #msg2{top:102px;left:245px;width:105px}#page #draw-point-list #msg2 span{width:10px;height:50px}#page #draw-point-list #msg3{top:202px;left:245px;width:105px}#page #draw-point-list #msg3 span{width:10px;height:199px}#page #draw-point-list #msg5{top:150px;left:630px}#page #shake-box{position:absolute;top:450px;left:500px;width:300px}#page .game-list{list-style-type:decimal}#page .game-list li{padding:10px 0 10px 20px}#page .game-list li span{font-size:14px;color:#90ee90}table.maze{border-collapse:collapse}table.maze tbody>tr>td{width:20px;height:20px}table.maze tbody>tr>td.maze-1{border-right:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #fff}table.maze tbody>tr>td.maze-2{border-top:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #fff}table.maze tbody>tr>td.maze-3{border-bottom:2px solid #fff;border-left:2px solid #fff}table.maze tbody>tr>td.maze-4{border-top:2px solid #fff;border-right:2px solid #fff;border-left:2px solid #fff}table.maze tbody>tr>td.maze-5{border-right:2px solid #fff;border-left:2px solid #fff}table.maze tbody>tr>td.maze-6{border-top:2px solid #fff;border-left:2px solid #fff}table.maze tbody>tr>td.maze-7{border-left:2px solid #fff}table.maze tbody>tr>td.maze-8{border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff}table.maze tbody>tr>td.maze-9{border-right:2px solid #fff;border-bottom:2px solid #fff}table.maze tbody>tr>td.maze-10{border-top:2px solid #fff;border-bottom:2px solid #fff}table.maze tbody>tr>td.maze-11{border-bottom:2px solid #fff}table.maze tbody>tr>td.maze-12{border-top:2px solid #fff;border-right:2px solid #fff}table.maze tbody>tr>td.maze-13{border-right:2px solid #fff}table.maze tbody>tr>td.maze-14{border-top:2px solid #fff}table.maze tbody>tr>td.highlight{background-color:#2e8b57}table.maze tbody>tr>td.step{background-color:brown}table.maze tbody>tr>td.now{background-color:#f08080}table.maze tbody>tr>td.end{background-color:#2f4f4f}.page-maze{height:auto!important;padding-bottom:200px!important}.maze-msg-box{margin-bottom:15px}#btn-maze-box{margin-top:15px}#btn-maze-box>button{margin-bottom:15px}#btn-maze-box>input{width:100px}#btn-maze-control{position:relative;margin-top:15px}#btn-maze-control #btn-left{position:absolute;top:80px;left:0}#btn-maze-control #btn-right{position:absolute;top:80px;left:310px}#btn-maze-control #btn-bottom{position:absolute;top:80px;left:133px}#btn-maze-control #btn-top{position:absolute;top:10px;left:150px}.page-pair-up{height:auto!important}.page-pair-up #pair-up-box .card-item{position:relative;background-color:#778899;display:inline-block;width:100px;height:100px;margin:10px;border-radius:4px;text-align:center;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.page-pair-up #pair-up-box .card-item i{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;line-height:100px}.page-pair-up #pair-up-box .card-item.selected-show{background-color:#87cefa}.page-pair-up #pair-up-box .card-item.success-show{background-color:#9acd32}.page-pair-up #pair-up-box .card-item.fail-show{background-color:tomato}.page-pair-up #pair-up-box .card-item:focus,.page-pair-up #pair-up-box .card-item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.page-which-one{height:auto!important}.page-which-one #which-one-box .card-item{position:relative;background-color:#778899;display:inline-block;width:100px;height:100px;margin:10px;border-radius:4px;text-align:center;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.page-which-one #which-one-box .card-item i{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;line-height:100px}.page-which-one #which-one-box .card-item.ans{background-color:red!important}.page-which-one #which-one-box .card-item.fail,.page-which-one #which-one-box .card-item.success{background-color:#000!important}.page-which-one #which-one-box .card-item:focus,.page-which-one #which-one-box .card-item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.page-puzzle table.puzzle{border:2px solid #fff;border-collapse:collapse}.page-puzzle table.puzzle td{border:2px solid #fff;padding:0}.page-puzzle table.puzzle td img{display:block}.page-where{height:auto!important}.page-where #where-box .card-item{position:relative;background-color:#778899;display:inline-block;width:50px;height:50px;margin:4px;border-radius:2px;text-align:center;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.page-where #where-box .card-item i{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;margin-top:5px}.page-where #where-box .card-item.selected{background-color:#87cefa}.page-where #where-box .card-item.success{background-color:#9acd32}.page-where #where-box .card-item.fail{background-color:tomato}.page-where #where-box .card-item:focus,.page-where #where-box .card-item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.page-big-or-small{height:auto!important}.page-big-or-small #cards-box .card-item{position:relative;display:inline-block;margin:10px;width:100px;height:130px;background-color:#000}.page-big-or-small #cards-box .card-item>div{border:5px solid;border-radius:10px;width:100px;height:130px;overflow:hidden;background-color:#000;position:absolute;top:0;left:0;text-align:center}.page-big-or-small #cards-box .card-item .back{left:-999em;background-color:#000}.page-big-or-small #cards-box .card-item .back .card-num{text-align:left;padding:5px 10px;font-size:35px;font-weight:700}.page-big-or-small #cards-box .card-item .back .card-icon{font-size:60px!important;font-weight:700;margin-top:-40px;color:#fff}.page-big-or-small #cards-box .card-item .back.success{background-color:#32cd32}.page-big-or-small #cards-box .card-item .back.fail{background-color:tomato}.page-big-or-small #cards-box .card-item i{margin-top:35px}.page-svg{height:auto!important}.page-svg #color-box{position:absolute;top:150px;right:30px}.page-svg #color-box>div{width:100px;height:50px;margin:10px;border:3px solid #fff;border-radius:4px}.page-svg .color-1{background-color:tomato}.page-svg .color-2{background-color:#ff0}.page-svg .color-3{background-color:#4682b4}.page-svg .color-4{background-color:teal}.page-svg .color-5{background-color:#000}.page-svg .color-6{background-color:#fff}.page-svg #svg-box{width:570px;height:565px;background-color:beige}.page-svg #svg-box #svg-image{width:570px;height:565px}.page-svg #svg-box #svg-image .fill{-webkit-transition:fill 1s ease;-moz-transition:fill 1s ease;-o-transition:fill 1s ease;transition:fill 1s ease}.page-svg #svg-box #svg-image .stroke{-webkit-transition:stroke 1s ease;-moz-transition:stroke 1s ease;-o-transition:stroke 1s ease;transition:stroke 1s ease}.page-svg #svg-box #svg-image .fill-1{fill:tomato}.page-svg #svg-box #svg-image .fill-2{fill:#ff0}.page-svg #svg-box #svg-image .fill-3{fill:#4682b4}.page-svg #svg-box #svg-image .fill-4{fill:teal}.page-svg #svg-box #svg-image .fill-5{fill:#000}.page-svg #svg-box #svg-image .fill-6{fill:#fff}.page-svg #svg-box #svg-image .stroke-1{stroke:tomato}.page-svg #svg-box #svg-image .stroke-2{stroke:#ff0}.page-svg #svg-box #svg-image .stroke-3{stroke:#4682b4}.page-svg #svg-box #svg-image .stroke-4{stroke:teal}.page-svg #svg-box #svg-image .stroke-5{stroke:#000}.page-svg #svg-box #svg-image .stroke-6{stroke:#fff}.page-three-color{height:auto!important}.page-three-color .color-red,.page-three-color button#btn-red{background-color:#ff4500}.page-three-color .color-green,.page-three-color button#btn-green{background-color:#00ff7f}.page-three-color .color-blue,.page-three-color button#btn-blue{background-color:#1e90ff}.page-three-color button.disabled{background-color:#2f4f4f!important}.page-three-color #block-wrapper{position:relative;height:448px;width:206px;margin:0 auto;overflow-y:hidden}.page-three-color #block-wrapper #block-box{position:absolute;bottom:0}.page-three-color .block-top{margin:0 auto;width:206px}.page-three-color .block-top img{width:100%}.page-three-color #block-list>div{margin:0 auto}.page-three-color #block-list .block-item{width:200px;height:50px;border-radius:5px;border:3px solid #2f2f2f}.page-three-color #btn-control{width:780px;margin-left:15px}.page-three-color #btn-control button{width:255px;height:150px;border-radius:10px}.page-three-color #help-box{position:absolute;top:450px;right:30px;width:240px}.page-lucky-draw #card-box .card-item{border:5px solid #fff;width:75px;height:75px;margin:5px;display:inline-block;border-radius:4px;overflow:hidden}.page-lucky-draw #card-box .card-item img{width:100%}.page-lucky-draw #card-box .card-item.active{border-color:tomato}.page-lucky-draw #card-box #box-2{position:absolute;top:210px;left:646px}.page-lucky-draw #card-box #box-4{position:absolute;top:210px;left:15px}.page-lucky-draw #card-box #box-3{margin-top:100px;margin-right:65px}.page-lucky-draw #card-box #box-3 .card-item{float:right;margin:7px}.page-find-different{height:auto!important}.page-find-different #block-wrapper{position:relative;height:550px;width:450px;margin:0 auto;overflow-y:hidden}.page-find-different #block-wrapper #block-box{height:550px;width:450px;background-image:url(../../../upload/test2.png);background-repeat:no-repeat;background-position:top right;background-size:100%}.page-find-different #block-wrapper #block-box .answer-item{z-index:2;width:100px;height:100px}.page-find-different #block-wrapper #block-box .answer-item.selected .answer-circle{width:80px;height:80px;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);border:5px solid #00e800;border-radius:50%;animation:anim1 .5s cubic-bezier(.25,0,.5,1) 1}@keyframes anim1{0%{transform:translate(-50%,-50%) scale(0)}100%{transform:translate(-50%,-50%) scale(1)}}.page-find-different #block-wrapper #block-box #answer-1{position:absolute;top:250px;left:20px}.page-find-different #block-wrapper #block-box #answer-2{position:absolute;top:250px;left:310px}.page-find-different #block-wrapper #block-box #answer-3{position:absolute;top:5px;left:190px}.page-pick-right{height:auto!important}.page-pick-right #pair-up-box .card-item{position:relative;background-color:#778899;display:inline-block;width:100px;height:100px;margin:10px;border-radius:4px;text-align:center;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.page-pick-right #pair-up-box .card-item i{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;line-height:100px}.page-pick-right #pair-up-box .card-item.selected-show{background-color:#87cefa}.page-pick-right #pair-up-box .card-item.success-show{background-color:#9acd32}.page-pick-right #pair-up-box .card-item.fail-show{background-color:tomato}.page-pick-right #pair-up-box .card-item:focus,.page-pick-right #pair-up-box .card-item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.page-drop{height:850px}.page-drop #game-wrapper{height:300px;width:400px;background-color:#5f9ea0;border-radius:5px;position:relative;overflow:hidden}.page-drop #game-wrapper #block-item-list .block-item{width:5px;height:5px;background-color:#fff;position:absolute}.page-drop #game-wrapper #block-main{width:40px;height:5px;background-color:#fff;position:absolute;top:280px;left:180px}.page-drop #tap-control{background-color:#778899;width:400px;margin-top:15px;padding:50px 55px}.page-drop #tap-control img{width:100px}.page-drop #btn-control{position:relative;margin-top:15px}.page-drop #btn-control button{position:absolute;touch-action:manipulation;padding:50px 70px}.page-drop #btn-control #btn-left{top:20px;left:0}.page-drop #btn-control #btn-right{top:20px;left:200px}