.smTt,body{font-size:18px}#clsTtBtn,.cBtn,.mBtn,.plStBt{cursor:pointer}.chkPn,.pKy{align-items:center}#appTtl,.bgTx,.hdDiPan,.smTt{font-weight:700}.bgTx,.hdDiPan,.smTt,.toolBr{color:#fff}#appTtl,#clsTtBtn,.cBtn,.fRB label,.indTx,.mBtn,.slIn{text-align:center}body{font-family:Calibri;background-color:#cdd4dc}.noCp{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none}#strLOGO{margin:75px 100px;float:auto;width:80%;height:80%;border-radius:30px;background-color:#8594a7;opacity:.9;z-index:300;position:absolute}#appTtl{font-size:180px;padding:90px;color:#ededed;letter-spacing:-2px;vertical-align:middle;margin-top:120px;line-height:130px}#clsTtBtn{position:absolute;z-index:350;right:12px;top:12px;height:36px;width:36px;border-radius:18px}#clsTtBtn:hover,.mBtn:hover{background-color:#b2bbc6}#clsTtBtn img{height:32px;width:32px;margin:2px}svg line,svg path,svg polyline{fill:none;stroke:black;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:5s}svg ellipse{fill:black}.gmArea{max-width:1200px;min-width:1040px;height:590px;padding:4px 8px;border-bottom:1px solid #fff}.fLt div,.fmCnr div,.gmArea div{float:left}.smTt{padding:2px;margin:4px 2px 2px 15px}.hrSl{width:450px;height:2px;padding:3px;margin:7px 6px 2px}.mBtn,.mBtn img{height:22px;width:22px}.tmpBrd,.toolBr,.txPan{padding:2px}.tmpBrd{border:2px solid #9ea9b6;border-radius:5px;margin:2px}.mBtn{border-radius:13px}.cBtn{height:24px;width:24px}.plStBt,.stAllBt{width:40px;height:40px;left:370px;border-radius:22px;position:absolute}.cBtn img{height:18px;width:18px;margin:2px}.plStBt{top:362px;background-color:#d1d6dd}.plStBt img,.stAllBt img{height:32px;width:32px;margin:4px}.plStBt:hover,.stAllBt:hover{background-color:#e1e6ed}.stAllBt{top:12px;cursor:pointer}.chSp1,.chSp2{width:20px;margin:0 -10px 0 0;background-color:#d1d6dd;background-image:url('chk0.png');background-size:20px;background-repeat:no-repeat;cursor:pointer}#prsName,.chSp1,.chSp2{height:20px}.chSp1,.chSp2,.radBtn{position:relative}#col3{transition:.6s}.chSp1{top:-12px;left:1px;border-radius:12px;border:2px solid #9ea9b6}.chSp1:hover,.chSp2:hover{background-color:#e1e6ed;background-image:url('chk1.png')}.chSp2{border-radius:4px;border:2px solid #9ea9b6}.txPan{width:580px;height:58px;margin:10px 6px 6px}.bgTx{margin:0 0 0 20px;font-size:40px;transition:.8s}.toolBr{width:582px;background-color:#8594a7;border-radius:5px;margin:2px 5px 2px 2px;float:right}.slc1{border-radius:3px;font-size:16px;background-color:#cdd4dc;border:1px solid #555;margin:0 8px 0 0}.hdDiPan,.pKy{font-size:18px}#canv1,.pKy,.slc1:hover{background-color:#fdfdfd}.slc1:hover{cursor:pointer}#piaPan{top:360px;left:160px;width:480px;height:125px;border-radius:5px;opacity:.92;border:2px solid #8cb3ce;background-color:#f0faff;position:absolute;z-index:350}.radBtn{width:270px;height:185px;right:-90px;margin:11px 6px 0 0}#fCl,#fmPan,#setPan,#svg1,#svg2,.keyBlk,.pKy{position:absolute}.keyBlk{top:440px;left:10px;width:450px;height:120px}.pKy{width:33px;height:33px;border:3px solid #cdd4dc;display:flex;justify-content:center;font-family:Arial,sans-serif;border-radius:8px;transition:.1s}#canv1,#fCl,.rdbPn{transition:.5s}.pKy.playing{border:3px solid #69cdff;transform:translateY(2px)}.diPan{box-shadow:3px 1px 5px #383838;background-color:#cdd4dc;border-radius:7px;border:2px solid #ddedff;padding:5px}.chkPn,.rdbPn{display:flex;padding:1px 2px;margin:2px}.hdDiPan{background-color:#8594a7;height:22px;width:100%;right:5px;left:5px;font-family:Calibri;border-radius:5px}#prsName,.indTx,.lbl{font-size:16px}#prsName,.slIn{font-family:monospace}.hdDiPan div{float:left;margin:0 4px}#sHeader{cursor:all-scroll}#sHeader:hover{background-color:#a0afc2}#setPan{top:100px;right:85px;width:300px;z-index:200}.clN{background-color:#99acc3}.clP{background-color:#a0c3a8}.clQ{background-color:#ffcc85}.clA{background-color:#e6b4bf}#fmPan{width:655px;height:416px;z-index:230;top:40px;right:10px}#fmUI{padding:4px}.fR{float:right!important}#canv1{width:410px;height:410px;margin-left:5px;border-radius:30px}#svg1,#svg2{top:-7px;left:-14px;width:430px;height:430px}#fCl{top:370px;left:23px;width:30px;height:30px;background-color:#333;border-radius:26px;z-index:100}.stLfBk div{float:left;margin:3px 2px}.chkPn{height:22px;width:290px}.fmLin,.rdbPn{align-items:center}.rdbPn{height:40px;width:246px;opacity:1}.lbl{margin:2px 6px!important}.indTx{margin:1px 15px 1px 5px!important;padding:1px 11px 1px 4px;width:17px;height:19px;border-radius:3px;background-color:#cdd4dc;color:#333}.fRB label,.fRB-it{display:inline-block;border-radius:5px}.fRB{position:relative;overflow:hidden;margin:11px 4px 0 9px;width:250px}.fRB-it{float:left;color:#333;margin:0 3px;padding:1px;width:33px;height:33px}.fRB input[type=radio]{display:none}.fRB label{cursor:pointer;padding:4px;width:18px;margin:4px 3px;line-height:18px;user-select:none}.fRB input[type=radio]:checked+label{background:#fdfdfd}.fRB label:hover{background:#e9e9e9}.w80{width:80px!important}.w100{width:100px!important}.w120{width:120px!important}.w130{width:130px!important}.w150{width:150px!important}.w250{width:250px}.w300{width:310px}.w280{width:280px}.fmLin{height:30px;display:flex}.fmLin div{margin:0 4px}#prsName{width:130px;border:1px solid #333;border-radius:3px;padding:0 4px}.fmCnr{float:left;width:700px;height:200px;padding:4px;left:20px}.slCnt{height:12px;padding:8px 2px;margin:2px;width:630px;border-radius:3px;align-items:center;display:flex}.sTT,.slIn{height:16px;font-size:14px;margin:2px;padding:1px}.slIn{width:45px;border:1px solid #888;border-radius:3px}.sTT{width:80px}.bc1{background-color:#bcd6f0}.bc2{background-color:#c1e9da}.bc3{background-color:#ffe4bd}.ui-slider-horizontal .ui-slider-range{background:#fff}.ui-slider-vertical .ui-slider-range{background:#efefef;left:-2px}.ui-slider-horizontal .ui-slider-handle{width:14px;height:12px;left:-2px;top:-3px;border:1px solid #888;border-radius:2px;background-color:#efefef}.ui-slider-horizontal .ui-slider-handle:hover,.ui-slider-vertical .ui-slider-handle:hover{background-color:#e5e5e5;cursor:pointer}.ui-slider-horizontal .ui-slider-handle:active,.ui-slider-vertical .ui-slider-handle:active{background:#7aa2de;cursor:pointer}.ui-slider-vertical .ui-slider-handle{width:12px;height:12px;left:-3px;border:1px solid #888;border-radius:2px;background-color:#efefef}