@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap);*,:after,:before{box-sizing:border-box}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}@media screen and (min-width:768px){.desktop{display:block}.mobile{display:none}}@media screen and (max-width:767px){.mobile{display:block}.desktop{display:none}}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:FontAwesome;font-weight:400;font-style:normal;src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot#iefix&v=4.3.0) format("embedded-opentype"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg")}.navLink{position:relative}.navLink:hover{background-color:#ffe9ef;cursor:pointer}.navLink:hover pre{color:#de2525}.navLink:hover .navLinkContent{display:block}.navLinkContent{display:none;position:absolute;top:72px;background-color:#fff;min-width:200px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.navLinkContent a{color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:center;font-family:Noto Sans TC}.navLinkContent a:hover{background-color:#ffe9ef;color:#de2525}.loginLink:hover{cursor:pointer}.loginLink:hover pre{color:#de2525}.overlay{position:fixed;z-index:30;background-color:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center}.questionItem:hover{background-color:#ececec;cursor:pointer}.questionItem.choosed{background-color:#fff8e7}.questionItem.choosed .questionCircle{background-color:#fcc12b;border-color:#fcc12b}.questionCircle{width:28px;height:28px;border:1px solid #cdd0d9;background-color:#fff;border-radius:100%;display:flex;justify-content:center;align-items:center}.questionItem.correct{background-color:#f4fff4}.questionItem.correct .questionCircle{width:28px;height:28px;border:1px solid #0eaf0e;background-color:#0eaf0e;border-radius:100%;display:flex;justify-content:center;align-items:center}.questionItem.wrong{background-color:#ffe3e6}.questionItem.wrong .questionCircle{width:28px;height:28px;border:1px solid #dd2525;background-color:#dd2525;border-radius:100%;display:flex;justify-content:center;align-items:center}.button:hover{cursor:pointer;border-radius:4px}.youtubeRwd{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}.youtubeRwd embed,.youtubeRwd iframe,.youtubeRwd object{position:absolute;top:0;left:0;width:100%;height:100%}.topicsCard:hover{-ms-transform:scale(1.05);transform:scale(1.05)}