!function(n){var r={};function t(e){if(r[e])return r[e].exports;var o=r[e]={i:e,l:!1,exports:{}};return n[e].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=n,t.c=r,t.d=function(n,r,e){t.o(n,r)||Object.defineProperty(n,r,{enumerable:!0,get:e})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,r){if(1&r&&(n=t(n)),8&r)return n;if(4&r&&"object"==typeof n&&n&&n.__esModule)return n;var e=Object.create(null);if(t.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:n}),2&r&&"string"!=typeof n)for(var o in n)t.d(e,o,function(r){return n[r]}.bind(null,o));return e},t.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(r,"a",r),r},t.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},t.p="",t(t.s=1)}([,function(n,r,t){"use strict";t.r(r);t(2)},function(n,r,t){var e=t(3);"string"==typeof e&&(e=[[n.i,e,""]]);var o={transform:void 0};t(5)(e,o);e.locals&&(n.exports=e.locals)},function(n,r,t){(n.exports=t(4)(!1)).push([n.i,"* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\nhtml,\r\nbody {\r\n height: 100%;\r\n touch-action: none;\r\n}\r\n/* mobile */\r\n@media screen and (max-width: 980px) {\r\n #contentdiv {\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n #startdiv {\r\n width: 100%;\r\n height: 100%;\r\n background-image: url('/im/lab/plane/image/start-bg.png');\r\n /* background-size: 100% 100%; */\r\n background-size: cover;\r\n /* background-position: center top; */\r\n background-attachment: fixed;\r\n overflow-y: hidden;\r\n }\r\n button {\r\n outline: none;\r\n }\r\n #startdiv button {\r\n position: absolute;\r\n top: 80%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 300px;\r\n height: 60px;\r\n border: 1px solid black;\r\n font-size: 26px;\r\n border-radius: 30px;\r\n background-color: #c4c9ca;\r\n /* margin-left: 85px; */\r\n }\r\n #maindiv {\r\n width: 100%;\r\n height: 100%;\r\n background-image: url('/im/lab/plane/image/background_1.png');\r\n display: none;\r\n }\r\n #maindiv img {\r\n position: absolute;\r\n z-index: 1;\r\n }\r\n #scorediv {\r\n font-size: 16px;\r\n font-weight: bold;\r\n position: absolute;\r\n top: 10px;\r\n display: none;\r\n }\r\n #scorediv {\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n #suspenddiv {\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n left: 50%;\r\n display: none;\r\n z-index: 2;\r\n }\r\n #suspenddiv button {\r\n width: 300px;\r\n height: 60px;\r\n margin-bottom: 20px;\r\n border: 1px solid black;\r\n border-radius: 30px;\r\n font-size: 26px;\r\n background-color: #c4c9ca;\r\n }\r\n #container {\r\n position: relative;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n #enddiv {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n border: 1px solid gray;\r\n border-radius: 5px;\r\n text-align: center;\r\n font-size: 26px;\r\n background-color: #d7ddde;\r\n display: none;\r\n z-index: 2;\r\n }\r\n .plantext {\r\n width: 320px;\r\n height: 60px;\r\n line-height: 60px;\r\n font-size: 26px;\r\n font-weight: bold;\r\n }\r\n #planscore {\r\n width: 320px;\r\n height: 160px;\r\n line-height: 160px;\r\n border-top: 1px solid gray;\r\n border-bottom: 1px solid gray;\r\n font-size: 26px;\r\n font-weight: bold;\r\n }\r\n #enddiv div {\r\n width: 320px;\r\n height: 100px;\r\n }\r\n #enddiv div button {\r\n margin-top: 20px;\r\n width: 180px;\r\n height: 60px;\r\n font-size: 26px;\r\n border: 1px solid gray;\r\n border-radius: 30px;\r\n }\r\n}\r\n/* PC */\r\n@media screen and (min-width: 981px) {\r\n #contentdiv {\r\n display: flex;\r\n /* width: 320px; */\r\n justify-content: center;\r\n }\r\n #startdiv {\r\n width: 320px;\r\n height: 568px;\r\n background-image: url('/im/lab/plane/image/start-bg.png');\r\n /* background-size: 50%; */\r\n background-attachment: fixed;\r\n background-position: center;\r\n }\r\n button {\r\n outline: none;\r\n }\r\n #startdiv button {\r\n position: absolute;\r\n top: 500px;\r\n width: 150px;\r\n height: 30px;\r\n border: 1px solid black;\r\n border-radius: 30px;\r\n background-color: #c4c9ca;\r\n margin-left: 85px;\r\n }\r\n #maindiv {\r\n width: 320px;\r\n height: 568px;\r\n background-image: url('/im/lab/plane/image/background_1.png');\r\n display: none;\r\n }\r\n #maindiv img {\r\n position: absolute;\r\n z-index: 1;\r\n }\r\n #scorediv {\r\n font-size: 16px;\r\n font-weight: bold;\r\n position: absolute;\r\n top: 10px;\r\n display: none;\r\n }\r\n #scorediv {\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n #suspenddiv {\r\n position: absolute;\r\n top: 210px;\r\n transform: translateX(-50%);\r\n left: 50%;\r\n display: none;\r\n z-index: 2;\r\n }\r\n #suspenddiv button {\r\n width: 150px;\r\n height: 30px;\r\n margin-bottom: 20px;\r\n border: 1px solid black;\r\n border-radius: 30px;\r\n background-color: #c4c9ca;\r\n }\r\n #container {\r\n position: relative;\r\n width: 100%;\r\n }\r\n #enddiv {\r\n position: absolute;\r\n top: 210px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n border: 1px solid gray;\r\n border-radius: 5px;\r\n text-align: center;\r\n background-color: #d7ddde;\r\n display: none;\r\n z-index: 2;\r\n }\r\n .plantext {\r\n width: 160px;\r\n height: 30px;\r\n line-height: 30px;\r\n font-size: 16px;\r\n font-weight: bold;\r\n }\r\n #planscore {\r\n width: 160px;\r\n height: 80px;\r\n line-height: 80px;\r\n border-top: 1px solid gray;\r\n border-bottom: 1px solid gray;\r\n font-size: 16px;\r\n font-weight: bold;\r\n }\r\n #enddiv div {\r\n width: 160px;\r\n height: 50px;\r\n }\r\n #enddiv div button {\r\n margin-top: 10px;\r\n width: 90px;\r\n height: 30px;\r\n border: 1px solid gray;\r\n border-radius: 30px;\r\n }\r\n}\r\n",""])},function(n,r){n.exports=function(n){var r=[];return r.toString=function(){return this.map((function(r){var t=function(n,r){var t=n[1]||"",e=n[3];if(!e)return t;if(r&&"function"==typeof btoa){var o=(a=e,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=e.sources.map((function(n){return"/*# sourceURL="+e.sourceRoot+n+" */"}));return[t].concat(i).concat([o]).join("\n")}var a;return[t].join("\n")}(r,n);return r[2]?"@media "+r[2]+"{"+t+"}":t})).join("")},r.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var e={},o=0;o=0&&u.splice(r,1)}function g(n){var r=document.createElement("style");return n.attrs.type="text/css",x(r,n.attrs),h(n,r),r}function x(n,r){Object.keys(r).forEach((function(t){n.setAttribute(t,r[t])}))}function v(n,r){var t,e,o,i;if(r.transform&&n.css){if(!(i=r.transform(n.css)))return function(){};n.css=i}if(r.singleton){var a=p++;t=d||(d=g(r)),e=w.bind(null,t,a,!1),o=w.bind(null,t,a,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(n){var r=document.createElement("link");return n.attrs.type="text/css",n.attrs.rel="stylesheet",x(r,n.attrs),h(n,r),r}(r),e=j.bind(null,t,r),o=function(){b(t),t.href&&URL.revokeObjectURL(t.href)}):(t=g(r),e=k.bind(null,t),o=function(){b(t)});return e(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap)return;e(n=r)}else o()}}n.exports=function(n,r){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(r=r||{}).attrs="object"==typeof r.attrs?r.attrs:{},void 0===r.singleton&&(r.singleton=a()),void 0===r.insertInto&&(r.insertInto="head"),void 0===r.insertAt&&(r.insertAt="bottom");var t=f(n,r);return l(t,r),function(n){for(var e=[],o=0;o