html,button,input,select,textarea{color:#222;}html{font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}audio,canvas,img,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-touch-callout:none;background:#32BBE0;}#mainLoader{position:absolute;z-index:5;display:none;font-size:30px;line-height:30px;color:#fff;text-align:center;width:100%;font-family:'Fredoka One',cursive;}#rotateHolder{position:absolute;width:100%;height:100%;background-color:#32BBE0;z-index:1000;display:none;}.mobileRotate{width:200px;height:auto;position:absolute;text-align:center;top:45%;left:calc(50% - 100px)}.rotateImg{margin-bottom:10px;}.rotateDesc{color:#fff;font-size:20px;line-height:20px;font-family:'Fredoka One';}.rotatePortrait{animation:spinPortrait .5s linear infinite;}.rotateLandscape{animation:spinLandscape .5s linear infinite;}@keyframes spinPortrait{0%{transform:rotate(-90deg);}50%{transform:rotate(0deg);}100%{transform:rotate(0deg);}}@keyframes spinLandscape{50%{transform:rotate(90deg);}100%{transform:rotate(90deg);}}#mainHolder{position:relative;width:100%;height:100%;display:none;background:#25C7E6;}#option{position:absolute;top:15px;right:15px;z-index:20;width:7%;min-width:50px;width:100%;max-width:70px;}#buttonScoreboard{position:absolute;right:125%;}.buttonFullscreen,.buttonSound,.buttonExit{margin:5px 0px;}.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{font-family:'Fredoka One',cursive;font-size:25px;line-height:25px;color:#fff;}#logoHolder{display:table;position:absolute;height:100%;width:100%;color:#FFF;text-align:center;}#logoHolder #titleHolder{position:relative;width:100%;height:100%;z-index:1;}#logoHolder #titleHolder .title{position:absolute;width:100%;white-space:pre-line;}#logoHolder #titleFixedHolder{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden;}#logoHolder #titleFixedHolder .title{position:absolute;width:100%;}#logoHolder .action{position:absolute;top:60%;width:100%;}#logoHolder .preloadText{margin-top:10px;}#logoHolder .startImg{width:15%;margin:auto;margin-top:10px;}#confirmHolder{width:100%;height:100%;margin:auto;position:absolute;overflow:hidden;z-index:1000;}.confirmContent .message{position:absolute;background:#9dc54f;width:50%;height:30%;left:25%;top:30%;text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:#FFF;padding:5% 10%;box-shadow:0px 8px rgba(0,0,0,.2);}.confirmContent .okImg{position:absolute;width:20%;top:63%;left:29%;}.confirmContent .cancelImg{position:absolute;width:20%;top:63%;right:29%;}.overlayBg{background:url(../assets/bg_pixel.png) repeat;}#questionLoaderHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden;}#questionLoaderHolder svg{width:20%;display:inline-block;margin:18% 45%;}#categoryHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden;}.categoryContent ul{list-style:none;padding:0;margin:0;color:#FFF;width:80%;margin:auto;padding-top:10%;}.categoryContent li{width:29%;float:left;margin:0 2%;}.categoryContent .categoryTitle{padding:2% 5%;text-align:center;}.categoryContent .nextImg{position:absolute;width:5%;top:85%;right:44%;}.categoryContent .prevImg{position:absolute;width:5%;top:85%;left:44%;}.categoryContent .categoryNav{position:absolute;width:5%;top:10%;left:10%;width:80%;text-align:left;color:#fff;}.categoryContent .categoryNav .active{text-decoration:underline;}#gameHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden;}#gameStatus{position:absolute;top:0;left:0;margin:15px;width:100%;height:100%;}#gameStatus .gameTotal{position:absolute;top:0;left:0;width:12%;}#gameStatus .gameTimer{position:absolute;top:0;left:42%;width:13%;text-align:center;}#gameStatus .gameAnswer{position:absolute;bottom:10%;left:34%;width:30%;text-align:center;}#gameStatus .gameDisplay{position:absolute;bottom:10%;left:34%;width:30%;text-align:center;}#gameStatus .gameReveal{position:absolute;bottom:8%;left:40%;width:18%;text-align:center;cursor:pointer;z-index:2;}.gameQuestionStatus{position:absolute;top:15%;text-align:center;color:#156976;width:100%;}.gameTimerStatus{position:absolute;top:15%;text-align:center;color:#156976;width:100%;}.gameAnswerStatus{position:absolute;top:20%;text-align:center;color:#156976;width:100%;}.gameDisplayStatus{position:absolute;top:20%;text-align:center;color:#156976;width:100%;}#questionHolder{position:relative;width:100%;height:100%;z-index:1;}#questionHolder .question{position:absolute;width:100%;white-space:pre-line;}#questionFixedHolder{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden;}#questionFixedHolder .question{position:absolute;width:100%;}#descriptionHolder{position:absolute;width:100%;height:100%;top:0;left:0}#descriptionHolder .description{position:absolute;width:100%;}#backgroundHolder{position:absolute;width:100%;height:100%;top:0;left:0}#backgroundHolder .background{position:absolute;width:100%;}#videoHolder{position:absolute;width:100%;height:100%;top:0;left:0}.draggable{transition:text-shadow 1s ease,font-size 1s,color 1s;transform:scale(1);cursor:pointer;}#resultHolder{display:table;position:absolute;height:100%;width:100%;}.resultContent{width:45%;margin:auto;text-align:center;color:#fff;}.itemWinnerCup{width:100%;margin:auto;padding:10% 0 5%;}.share{margin-top:5%;}.share ul{list-style:none;margin:0;padding:0;margin-top:10px;}.share li{width:13%;margin:0 3px;display:inline-block;}.option{margin-top:5%;}.option ul{list-style:none;margin:0;padding:0;}.option li{width:13%;margin:0 3px;display:inline-block;}.singleOption li:nth-child(2),.singleOption li:nth-child(3){display:none;}.NoSaveOption li:nth-child(2){display:none;}#scoreboardHolder{display:table;position:absolute;height:100%;width:100%;display:none;top:0;z-index:1;}.resultExtra{width:100%;height:100%;position:absolute;margin:auto;text-align:center;color:#fff;display:none;}.scoreContent,.submitContent{position:relative;background:#25C7E6;width:85%;height:90%;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;margin:auto;margin-top:2%;}.scoreTitle{padding:2% 0;}.scoreContent ul.scoreList{list-style:none;padding:0;margin:2% auto;width:90%;position:relative;height:62%;}.scoreContent ul.scoreList li{width:100%;padding:.7% 2%;display:table;}.scoreContent ul.scoreList li .list{display:table-cell;}.scoreContent ul.scoreList li:nth-child(odd){background:#32BBE0;}.scoreContent .left{position:absolute;width:5%;bottom:5%;left:9%;}.scoreContent .right{position:absolute;width:5%;bottom:5%;right:9%;}.scoreContent .center{width:17%;margin:auto;}.scoreContent .loader{position:absolute;text-align:center;width:10%;top:45%;left:44%;padding:1% 2%;background-color:rgba(16,127,201,0.5);display:none;}.submitTitle{padding:5% 0;}.submitContent .label,.submitContent input{margin:1% 0;text-align:center;}.action{width:40%;margin:3% auto;}.buttonSubmit{float:left;width:48%;}.buttonCancelSubmit{float:right;width:48%;}.fontStatus{font-family:'Fredoka One',cursive;font-size:30px;line-height:30px;color:#fff;}.fontQuestion{font-family:'Fredoka One',cursive;}.fontResultScore{font-family:'Fredoka One',cursive;}.fontShare{font-family:'Fredoka One',cursive;}.fontCategory{font-family:'Fredoka One',cursive;}.fontCategoryNav{font-family:'Fredoka One',cursive;}.fontMessage{font-family:'Fredoka One',cursive;}.fontPreload{font-family:'Fredoka One',cursive;}.fontScoreTitle{font-family:'Fredoka One',cursive;}.fontScoreList{font-family:'Fredoka One',cursive;}.fontLabel{font-family:'Fredoka One',cursive;}.fontInput{font-family:'Fredoka One',cursive;}.fontSubmitTitle{font-family:'Fredoka One',cursive;}.fontDescription{font-family:'Raleway',sans-serif;}#editWrapper{display:none;}#floatForm{position:absolute;left:0;top:0;z-index:100;background:#33A8CA;padding:15px;color:#FFF;width:280px;border:#fff solid 1px;}#floatForm{font-size:12px;}#floatForm #questionWrapper,#floatForm #desriptionWrapper,#floatForm #sortWrapper,#floatForm #templateWrapper,#floatForm #backgroundWrapper,#floatForm #videoWrapper,#floatForm #categoryWrapper,#floatForm #descriptionWrapper{background:#3BBBDE;padding:10px;}#floatForm .innerWrapper{border:#fff 2px solid;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;width:100%;resize:none;}#floatForm select,#floatForm option{width:100%;}.editBorder .question{outline:#fff dashed 2px;}.editBorder .description{outline:#fff dashed 2px;}.editBorder .background{outline:#fff dashed 2px;}.editBorder .buttonClick,.editBorder input{outline:#F90 dashed 2px;}.editBorder #videoHolder{outline:#fff dashed 2px;}.editFrontIndex{z-index:1000;}.editSecondIndex{z-index:500;}.editDrag{position:absolute;}.editDrag:hover{outline:1px dashed #ccc;}.editDrag .ui-icon{width:18px;height:18px;background:url('../assets/edit_resize.svg');}.editBorderFocus{animation-name:borderFocus;animation-duration:.5s;animation-iteration-count:infinite;}@keyframes borderFocus{0%{outline:#F90 solid 4px;}50%{outline:#fff solid 4px;}100%{outline:#F90 solid 4px;}}.buttonClick{cursor:pointer;}.fitImg img{width:100%;height:auto;}.ignorePadding{border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}@media (max-width:900px) and (orientation:portrait){#questionLoaderHolder svg{width:40%;margin:50% 42%;}.logo{width:90%;margin:auto;padding-top:30%;}#logoHolder .startImg{width:40%;}#gameStatus{margin:5px;}#gameStatus .gameTotal{width:25%;}#gameStatus .gameTimer{left:38%;width:25%;}.confirmContent .message{width:80%;height:20%;left:10%;top:20%;padding:5% 10%;}.confirmContent .okImg{width:40%;top:46%;left:30%;}.confirmContent .cancelImg{width:40%;top:57%;right:30%;}.categoryContent ul{padding-top:18%;}.categoryContent li{width:45%;float:left;margin:0 2.5%;}.categoryContent .categoryTitle{min-height:50px;}.categoryContent .nextImg{position:absolute;width:15%;top:87%;right:32%;}.categoryContent .prevImg{position:absolute;width:15%;top:87%;left:32%;}.categoryContent .categoryNav{position:absolute;width:75%;top:3%;left:10%;}.resultContent{width:90%;}.itemWinnerCup{width:100%;padding:35% 0 10%;}.scoreContent,.submitContent{width:100%;margin-top:15%;height:85%;}.scoreTitle{padding:8% 0;}.scoreContent ul.scoreList{list-style:none;padding:0;margin:0 auto 5%;width:90%;position:relative;height:62%;}.scoreContent ul.scoreList li{padding:2% 2%;}.scoreContent .left{position:absolute;width:12%;bottom:7%;left:9%;}.scoreContent .right{position:absolute;width:12%;bottom:7%;right:9%;}.scoreContent .center{width:35%;margin:auto;}.scoreContent .loader{width:30%;left:33%;}.submitTitle{padding:15% 0;}.submitContent .label,.submitContent input{margin:2% 0;}.action{width:40%;margin:3% auto;}.buttonSubmit{float:none;width:100%;margin-bottom:2%;}.buttonCancelSubmit{float:none;width:100%;}#gameStatus .gameAnswer{left:20%;width:60%;}#gameStatus .gameDisplay{left:20%;width:60%;}#gameStatus .gameReveal{bottom:10%;left:32%;width:35%;}}@media (max-width:500px) and (orientation:portrait){#gameStatus{margin:10px;}#option{width:8%;top:10px;right:10px;}.resultContent{width:90%;}.itemWinnerCup{width:70%;padding-top:30%;}}.portraitMode #gameStatus .gameAnswer{left:20%;width:60%;}.portraitMode #gameStatus .gameDisplay{left:20%;width:60%;}.portraitMode #gameStatus .gameReveal{bottom:10%;left:32%;width:35%;}.portraitMode #gameStatus{margin:5px;}.portraitMode #gameStatus .gameTotal{width:25%;}.portraitMode #gameStatus .gameTimer{left:38%;width:25%;}@-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{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}.ir:before{content:"";display:block;width:0;height:150%;}.hidden{display:none !important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}@media only screen and (min-width:35em){}@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!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{border:1px solid #999;page-break-inside:avoid;}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;}}