.block{width:200px;height:100px;background-color:#fa0;cursor:pointer}.todo{width:380px;margin:auto;padding:20px}#addTodoText,.addTodoBtn{padding:6px 8px}.addTodoBtn{display:inline-block;margin:0 15px;color:#fff;border-radius:5px;cursor:pointer;background-color:#0af;border:2px solid #0af}.addTodoBtn:hover{background-color:#fff;color:#0af}.todoPage{display:flex;justify-content:space-between;padding-top:20px}.todoPageItem{width:30%;cursor:pointer;padding:5px;border-radius:8px 8px 0 0}.todoPageItem:hover{color:#fff!important;background-color:#0ca!important}.todoList{text-align:left;background-color:#0ca;color:#fff;border-radius:0 0 8px 8px}.todoListItem{display:flex;justify-content:space-between;padding:10px 15px;align-items:center;border-bottom:1px solid #fff}.todoListText{padding:4px 6px}.todoListText span{margin-left:10px}.todoListDel{box-sizing:border-box;display:inline-block;margin:0 20px;background-color:red;padding:2px 4px;border-radius:5px;color:#fff;cursor:pointer;border:2px solid red}.todoListDel:hover{background-color:#fff;color:red}.chessContainer{justify-content:space-evenly}.board,.chessContainer{display:flex;flex-wrap:wrap;position:relative}.board{width:455px;box-sizing:border-box;height:450px;margin-bottom:20px;border-collapse:collapse;border:1px solid #000;padding:25px}.colPosition{position:absolute;bottom:0;width:400px;display:flex}.cpos{width:50px}.rowPosition{position:absolute;left:0}.rpos{width:25px}.rpos,.square{height:50px;line-height:50px}.square{box-sizing:border-box;width:50px;border:2px solid #000;position:relative;font-size:0;background-repeat:no-repeat;background-position:50%;background-size:contain}.note{width:300px}.note h2{border-bottom:2px solid #000}.stepBoard{padding:10px;height:400px;overflow-y:auto}.step{width:100px;text-align:left;font-size:20px;padding:5px;border-bottom:1px solid #ccc;cursor:pointer;margin:auto auto 5px;box-sizing:border-box}.step:hover{background-color:#ddd}.step>span{margin-left:20px}.modal{top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.modal,.modalBox{position:absolute}.modalBox{width:300px;height:200px;background-color:#fff;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:15px;padding:50px;box-sizing:border-box}.modalBox p{margin-bottom:20px}.ConfirmBtn{background-color:#0d0;border:2px solid #0d0;width:80px;box-sizing:border-box;padding:4px 8px;margin:20px auto auto;border-radius:6px;color:#fff;cursor:pointer}.ConfirmBtn:hover{background-color:#fff;color:#0d0}.singleItem{display:flex;background:#f4e2c9;padding:30px;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.singleItem li{cursor:move}.box{background:#fff;color:#ccc;font-size:20px;font-weight:100;position:relative;padding:20px 10px;min-width:20%;min-height:100px}.box,.title{box-sizing:border-box}.title{position:absolute;padding:5px;background-color:#ff7373;color:#fff;left:-20px;top:-20px}.item,.tmp{height:25px}.box1{width:30%;text-align:left}.box1 li{padding:10px 0}.box2{width:200px;display:flex;justify-content:space-around;flex-wrap:wrap}.box2 li{background-color:#5f9edf;padding:5px 8px;color:#fff;margin:0 10px 10px;width:50px}.tmp{opacity:.5;background-color:#000}.snakeBoard{display:flex;flex-wrap:wrap;justify-content:center}.snakeControl{padding:10px;width:150px}.snakeControl h2{line-height:1.5}.snakeControl p{padding:10px;line-height:1.5;text-align:left;font-size:18px}.startBtn{margin-top:10px;border:1px solid #000;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:20px}.startBtn:hover{background-color:#000;color:#fff}.snakeGame{width:400px;height:400px;border:2px solid #ccc;position:relative}.snakeDot{background-color:#000}.foodDot,.snakeDot{position:absolute;width:2%;height:2%;border:1px solid #fff;box-sizing:border-box}.foodDot{background-color:red}.pttBoard{background-color:#000;text-align:left;font-family:serif;max-width:1200px;margin:auto;min-height:calc(100vh - 125px)}.pttBoard,.pttBoard a{color:#888}.pttBoard a:hover{box-shadow:inset 0 -2px #777}.pttBoard a:link{text-decoration:none;box-shadow:inset 0 -2px #555}.pttBoard a:visited{color:#888}.pttBoard a:hover{color:#333;background-color:#ccc}.pttBoard a:link{color:#aaa}.chooseBoardTitle{color:#fff;font-size:30px;margin-bottom:20px}.chooseBoardInput{font-size:20px;outline:none;width:150px;line-height:30px}.chooseBoardBtn{margin:0 2ex;padding:0 2ex}.chooseBoardBtn:hover{cursor:pointer;background-color:#888;border-color:#fff}.chooseBoardMsg{color:#fff}.pttBoard .pttBtn.selected:hover{border-color:#eee}.pttBoard .pttBtn.disabled{border-color:#111;background-color:#222;color:#666;cursor:default}.pttBoard .pttBtn:not(.disabled):hover{border-color:#eee;background-color:#bbb;color:#000;z-index:2}.pttBoard .pttBtn.selected{border-color:#ccc;background-color:#bbb;color:#000;z-index:2}.pttBoard .pttBtn:link,.pttBoard .pttBtn:visited{color:#ddd}.pttBoard .pttBtn{display:inline-block;padding:0 2ex;height:100%;line-height:40px;background-color:#333;border:1px solid #888;color:#fff;cursor:pointer}.pttBtnBox{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.greyBlock{height:.5ex;width:100%;background-color:#555}.pttBoard h1{color:#fff}.pttItem{position:relative;margin:.75ex 0;padding:.35ex 0;background-color:#111;font-size:20px}.pttPush{width:4ex;padding:.5ex 0 0;position:absolute;left:0;top:.5ex;text-align:right;font-family:serif}.pttTitle{padding:.5ex 0 0;margin:0 6ex;font-size:20px;overflow-wrap:break-word;font-weight:400;font-family:Times New Roman,Times,serif}.pttBoard .pttLink{color:#aaa;cursor:pointer}.pttBoard .pttLink:visited{color:#888}.pttBoard .pttLink:hover{color:#333;background-color:#ccc}.pttBoard .pttLink:link{color:#aaa}.pttMeta{display:flex;justify-content:space-between;margin:0 0 0 5ex;min-height:1em;line-height:120%}.pttAuthor{font-family:Inconsolata,serif;flex-shrink:20px}.pttAuthor,.pttDate{padding:.5ex 0;color:#bbb}.pttDate{min-width:6ex;margin:0 0 0 5px}.pttArticle{font-size:24px;font-family:細明體,AR PL UMing TW,Inconsolata,LiSongPro,monospace;position:relative;margin:20px 0}.articleContent span{color:#bbb}.articleAuthBoard{position:absolute;top:0;right:0}.articleAuthInfo{background-color:#008}.articleAuthTag{background-color:#999;color:#008}.articleAuthTag,.articleAuthValue{display:inline-block;padding:0 1ex}.articleAuthValue{background-color:#008;color:#999}.articleUrlText,.authIp{color:#090}.push{line-height:130%;white-space:normal;position:relative}.pushTag{display:inline-block;min-width:3.5ex}.pushUserId{color:#ff6}.pushContent{color:#990}.pushTime{display:inline-block;position:absolute;top:0;right:0;color:#bbb}.articlePolling{background-color:#222;color:#999;cursor:pointer;margin:10px auto;padding:0;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;text-decoration:none;list-style:none;font-family:sans-serif}img{vertical-align:middle}h1{font-size:3em;margin-bottom:20px}.header{background-color:#282c34;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo{display:inline-block}.logo img{width:40px}.logo span{color:#09d3ac;font-weight:700;font-size:1.5em;vertical-align:middle}.menu{display:flex;align-items:center;font-size:1.2em}.menuItem{margin:0 10px;padding:11px 5px;position:relative}.menuItem,.menuLink{box-sizing:border-box}.menuLink{color:#fff;padding:10px 0}.menuLink:hover{color:#09d3ac;border-bottom:3px solid #09d3ac}.dropList>.menuLink{border:none;color:#fff}.dropList:hover .clildList{height:auto}.clildList{position:absolute;box-sizing:border-box;width:70px;height:0;top:100%;left:0;overflow:hidden;z-index:99;background-color:#282c34}.clildList .menuItem{margin:0}.container{padding:40px 25px;text-align:center}#filterBar{width:200px;padding:5px 10px;border-radius:10px;margin-bottom:10px;font-size:1.2em}#filterBar:focus{outline:none}.dataSpace{display:flex;flex-wrap:wrap;padding:10px}.dataItem{width:30.3333%;border:1px solid #ccc;box-sizing:border-box;padding:15px 10px;height:100px;margin:0 1.5% 20px;text-align:left}
/*# sourceMappingURL=main.e7db55f2.chunk.css.map */