html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::selection{text-shadow:none;background:#b3d4fc}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}html{-webkit-tap-highlight-color:#0000;-webkit-user-select:none;-webkit-touch-callout:none;background:#0970b5}#mainLoader{z-index:5;color:#fff;text-align:center;width:100%;font-family:Outfit;font-size:30px;line-height:30px;display:none;position:absolute}#rotateHolder{z-index:1000;background-color:#0970b5;width:100%;height:100%;display:none;position:absolute}.mobileRotate{text-align:center;width:200px;height:auto;position:absolute;top:45%;left:calc(50% - 100px)}.rotateImg{margin-bottom:10px}.rotateDesc{color:#fff;font-family:Outfit;font-size:20px;line-height:20px}.rotatePortrait{animation:.5s linear infinite spinPortrait}.rotateLandscape{animation:.5s linear infinite spinLandscape}@keyframes spinPortrait{0%{transform:rotate(-90deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes spinLandscape{50%{transform:rotate(90deg)}to{transform:rotate(90deg)}}#mainHolder{background:url(background.b6657298.svg) 50%/cover no-repeat;width:100%;height:100%;font-family:Outfit;display:none;position:relative}#option{z-index:20;width:5%;min-width:40px;max-width:60px;position:absolute;top:15px;right:15px}#buttonScoreboard{position:absolute;right:125%}.buttonFullscreen,.buttonSound,.buttonExit{margin:5px 0}.buttonSoundOn .soundOff{display:block}.buttonSoundOn .soundOn{display:none}.buttonSoundOff .soundOn{display:block}.buttonSoundOff .soundOff{display:none}.buttonOptionOn .optionOff{display:block}.buttonOptionOn .optionOn{display:none}.buttonOptionOff .optionOn{display:block}.buttonOptionOff .optionOff{display:none}.buttonIcon{width:100%}.fontLoader{color:#fff;font-family:Outfit;font-size:25px;line-height:25px}#logoHolder{color:#fff;text-align:center;width:100%;height:100%;display:table;position:absolute}.logo{width:50%;margin:auto;padding-top:7%}#logoHolder .action{width:100%;position:absolute;top:65%}#logoHolder .preloadText{margin-top:10px}#logoHolder .startImg{width:15%;margin:10px auto auto}#confirmHolder{z-index:1000;width:100%;height:100%;margin:auto;position:absolute;overflow:hidden}.confirmContent .message{text-align:center;color:#fff;background:#107fc9;border-radius:20px;width:50%;height:50%;padding:5% 10%;position:absolute;top:30%;left:25%}.confirmContent .okImg{width:20%;position:absolute;top:63%;left:29%}.confirmContent .cancelImg{width:20%;position:absolute;top:63%;right:29%}.overlayBg{background:url(bg_pixel.85b3302a.png)}#questionLoaderHolder{background:url(ajax-loader.4dc98446.gif) 50% no-repeat;width:100%;height:100%;margin:auto;position:relative;overflow:hidden}#categoryHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden}.categoryContent ul{color:#fff;width:80%;margin:auto;padding:10% 0 0;list-style:none}.categoryContent li{float:left;width:29%;margin:0 2%}.categoryContent .categoryTitle{text-align:center;padding:5%}.categoryContent .nextImg{width:5%;position:absolute;top:85%;right:44%}.categoryContent .prevImg{width:5%;position:absolute;top:85%;left:44%}.categoryContent .categoryNav{text-align:left;color:#fff;width:80%;position:absolute;top:10%;left:10%}.categoryContent .categoryNav .active{text-decoration:underline}#gameHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden}#gameStatus{width:100%;height:100%;margin:15px;position:absolute;top:0;left:0}#gameStatus .gameTotal{width:9%;position:absolute;top:0;left:0}#gameStatus .gameTimer{text-align:center;width:15%;position:absolute;top:0;left:41%}.gameQuestionStatus{text-align:center;color:#524e9a;width:100%;position:absolute;top:18%}.gameTimerStatus{text-align:center;color:#524e9a;width:100%;position:absolute;top:18%;left:18%}#questionHolder{width:100%;height:100%;position:relative}#questionHolder .question{white-space:pre-line;width:100%;position:absolute}#bgHolder{width:100%;height:100%;position:absolute}#bgHolder .background{width:100%;position:absolute}#videoHolder{position:absolute}#answerHolder{width:100%;height:100%;position:absolute}#answerHolder .answer,#answerHolder .drop,#answerHolder .dropLabel{white-space:pre-line;width:100%;position:absolute}#answerHolder .answerFocus{z-index:100}#inputHolder{width:100%;height:100%;position:absolute}#inputHolder .input{width:100%;position:absolute}#inputHolder input{box-sizing:border-box;border:none}#groupHolder{width:100%;height:100%;position:absolute}#groupHolder .groupDrop,#groupHolder .groupDropLabel{white-space:pre-line;width:100%;position:absolute}#questionResultHolder{width:100%;height:100%;position:relative}.questionResultText,.nextImg,.previewImg{position:absolute}#questionResultHolder .nextImg{width:6%;top:65%;left:52%}#questionResultHolder .previewImg{width:6%;top:65%;left:44%}#explanationHolder{width:100%;height:100%;position:absolute}#explanationHolder .explanation{width:100%;position:absolute}#resultHolder{width:100%;height:100%;display:table;position:absolute}.resultContent{text-align:center;color:#fff;width:40%;margin:auto}.itemWinnerCup{width:50%;margin:auto;padding:15% 0 5%}.share{margin-top:5%}.share ul{margin:10px 0 0;padding:0;list-style:none}.share li{width:13%;margin:0 3px;display:inline-block}.option{margin-top:5%}.option ul{margin:0;padding:0;list-style:none}.option li{width:13%;margin:0 3px;display:inline-block}.singleOption li:nth-child(2),.singleOption li:nth-child(3),.NoSaveOption li:nth-child(2){display:none}#scoreboardHolder{width:100%;height:100%;display:none;position:absolute;top:0}.resultExtra{text-align:center;color:#fff;width:100%;height:100%;margin:auto;display:none;position:absolute}.scoreContent,.submitContent{background:#107fc9;border-radius:25px;width:85%;height:90%;margin:3% auto auto;position:relative}.scoreTitle{padding:2% 0 0}.scoreContent ul.scoreList{width:90%;height:72%;margin:1% auto;padding:0;list-style:none;position:relative}.scoreContent ul.scoreList li{width:100%;padding:1% 2%;display:table}.scoreContent ul.scoreList li .list{display:table-cell}.scoreContent ul.scoreList li:nth-child(odd){background:#1697ed}.scoreContent .left{width:5%;position:absolute;bottom:2%;left:5%}.scoreContent .right{width:5%;position:absolute;bottom:2%;right:5%}.scoreContent .center{width:17%;margin:auto}.scoreContent .loader{text-align:center;background-color:#107fc980;width:10%;padding:1% 2%;display:none;position:absolute;top:45%;left:44%}.submitTitle{padding:5% 0 2%}.submitContent .label,.submitContent input,.submitContent .fontError{text-align:center;margin:1% 0;padding:.5% 0}.action{width:40%;margin:3% auto}.buttonSubmit{float:left;width:48%}.buttonCancelSubmit{float:right;width:48%}.fontStatus{color:#fff;font-family:Outfit;font-size:30px;line-height:30px}.fontQuestion,.fontAnswer,.fontAnswerInput,.fontCorrectWrong,.fontResultScore,.fontShare,.fontCategory,.fontMessage,.fontPreload,.fontScoreTitle,.fontScoreList,.fontLabel,.fontInput{font-family:Outfit}.fontError{color:#ffbf00;font-family:Outfit}#editWrapper{display:none}#floatForm{z-index:100;color:#fff;background:#4da6ff;border:2px solid #fff;width:280px;padding:15px;font-size:12px;position:absolute;top:0;left:0}#floatForm #questionWrapper,#floatForm #answersWrapper,#floatForm #inputsWrapper,#floatForm #explanationWrapper,#floatForm #sortWrapper,#floatForm #templateWrapper,#floatForm #videoWrapper,#floatForm #categoryWrapper,#floatForm #sortAnswerWrapper,#floatForm #groupsWrapper{background:#0080ff;padding:10px}#floatForm .innerWrapper{background:#4da6ff;padding:10px}#floatForm input.button,#floatForm select.half,#floatForm label{width:49%}#floatForm .formRow{height:25px}#floatForm .extraHeight{height:55px}#floatForm .formRow input,#floatForm .formRow select{float:right;width:48%}#floatForm .formRow label{float:left;width:48%}#floatForm input{width:100%;font-size:12px}#floatForm textarea{float:left;resize:none;width:100%}#floatForm select,#floatForm option{width:100%}.editBorder .question,.editBorder #videoHolder,.editBorder .dropLabel,.editBorder .groupDropLabel,.editBorder .explanation{outline:2px dashed #fff000}.editBorder .buttonClick,.editBorder input{outline:2px dashed #f90}.editFrontIndex{z-index:1000}.editSecondIndex{z-index:500}.editDrag{position:absolute}.editDrag:hover{outline:1px dashed #ccc}.editDrag .ui-icon{background:url(edit_resize.aee75648.svg);width:18px;height:18px}.editBorderFocus{animation-name:borderFocus;animation-duration:.5s;animation-iteration-count:infinite}@keyframes borderFocus{0%{outline:4px solid #f90}50%{outline:4px solid #fff}to{outline:4px solid #f90}}.editBorderDropFocus{animation-name:borderDropFocus;animation-duration:.5s;animation-iteration-count:infinite}@keyframes borderDropFocus{0%{outline:4px solid #15a30e}50%{outline:4px solid #fff}to{outline:4px solid #15a30e}}.buttonClick{cursor:pointer}.fitImg img{width:100%;height:auto}.ignorePadding{box-sizing:border-box;border:none}@media (width<=1000px) and (orientation:portrait){.logo{width:90%;margin:auto;padding-top:30%}#logoHolder .startImg{width:35%}#logoHolder .action{top:60%}#gameStatus{margin:15px}#gameStatus .gameTotal{width:17%}#gameStatus .gameTimer{width:28%;left:35.5%}#option{width:10%;top:10px;right:10px}.confirmContent .message{width:80%;height:55%;padding:14% 10%;top:20%;left:10%}.confirmContent .okImg{width:35%;top:46%;left:31%}.confirmContent .cancelImg{width:35%;top:57%;left:31%}.categoryContent ul{padding-top:18%}.categoryContent li{float:left;width:40%;margin:0 5%}.categoryContent .categoryTitle{min-height:90px}.categoryContent .nextImg{width:12%;top:87%;right:36%}.categoryContent .prevImg{width:12%;top:87%;left:36%}.categoryContent .categoryNav{width:75%;top:3%;left:10%}#questionResultHolder .nextImg{width:15%;top:65%;left:52%}#questionResultHolder .previewImg{width:15%;top:65%;left:35%}.resultContent{width:70%}.itemWinnerCup{width:50%;margin:auto;padding:35% 0 10%}.scoreContent,.submitContent{width:100%;height:85%;margin-top:15%}.scoreTitle{padding:8% 0 0}.scoreContent ul.scoreList{width:90%;height:66%;margin:5% auto;padding:0;list-style:none;position:relative}.scoreContent ul.scoreList li{padding:2%}.scoreContent .left{width:12%;bottom:5%;left:9%}.scoreContent .right{width:12%;bottom:5%;right:9%}.scoreContent .center{width:30%;margin:auto}.scoreContent .loader{width:30%;left:33%}.submitTitle{padding:15% 0}.submitContent .label,.submitContent input,.submitContent .fontError{margin:2% 0;padding:1% 0}.action{width:30%;margin:3% auto}.buttonSubmit{float:none;width:100%;margin-bottom:10%}.buttonCancelSubmit{float:none;width:100%}}@media (width<=500px) and (orientation:portrait){#gameStatus{margin:10px}#option{width:8%}.categoryContent li{float:left;width:45%;margin:0 2.5%}.categoryContent .categoryTitle{min-height:50px}.categoryContent .nextImg{width:12%;top:90%;right:36%}.categoryContent .prevImg{width:12%;top:90%;left:36%}.resultContent{width:90%}.itemWinnerCup{width:70%;padding-top:30%}.scoreContent .left{width:12%;bottom:5%;left:9%}.scoreContent .right{width:12%;bottom:5%;right:9%}}@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}.ir{text-indent:-9999px;background-color:#0000;border:0;overflow:hidden}.ir:before{content:"";width:0;height:150%;display:block}.hidden{visibility:hidden;display:none!important}.visuallyhidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}.ir a:after,a[href^=javascript\:]:after,a[href^=\#]:after{content:""}pre,blockquote{page-break-inside:avoid;border:1px solid #999}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}