@import url(https://fonts.googleapis.com/css2?family=Klee+One:wght@600&family=Noto+Sans+TC:wght@600&display=swap);html{height:100%}.container{width:100%;max-width:1440px}body{height:100%;margin:0;background-color:#fff}body>.container{min-height:50%;padding-top:10pt;padding-bottom:10pt;background-color:#fff}@media screen and (max-width:768px){body>.container{width:100%}}h1{color:#363639;font-family:"Noto Sans TC",STKaiti,BiauKai,KaiTi,DFKai-SB,"Noto Sans TC",Palatino,"Times New Roman",Times,serif;display:table}h1 img,h1 span{display:table-cell;vertical-align:middle}.center{margin:auto;width:50%}h2,h3,h4,h5,h6{color:#363639;font-family:"Noto Sans TC",Palatino,"Times New Roman",Times,serif}h2{padding-left:5pt;padding-bottom:2pt;border-bottom:2px solid #a5826f}h2:before{content:url(/img/ukulele-36x36.png);padding-right:3pt}h2:after{margin:0 0 0 20px}div,p{color:#363639;font-size:16pt;font-family:"Klee One",Arial,Helvetica,sans-serif;line-height:190%;letter-spacing:.07em;text-align:justify}div strong,p strong{font-size:1.03em;font-weight:900}@media screen and (max-width:550px){div,p{font-size:15pt}}@media screen and (min-width:1000px){.audioblock,.imageblock,p{padding-left:8%;padding-right:8%}}article{padding-top:5px;padding-bottom:5px}a{color:#00f}a.btn{color:#fff;background-color:#74534a;border-color:#74534a}a.btn:hover{color:#fff;background-color:#63473f;border-color:#74534a}a.badge{text-decoration:none}a.badge:hover{color:#fff;border-color:#74534a;text-decoration:none}a.category-link{margin-right:5px;margin-bottom:10px;color:#74534a;background-color:#fff;border-color:#74534a}a.category-link:hover{color:#fff;background-color:#74534a;border-color:#74534a}a.category-link:focus{color:#fff;background-color:#74534a;border-color:#74534a}a.img-link{text-decoration:none;border:0 none;padding-right:.01em}a.img-link:hover{text-decoration:none}a.top-link{color:#363639;font-size:90%;text-decoration:none;padding:0;margin:0}a.top-link:hover{text-decoration:none}fieldset{display:block}fieldset,legend{all:revert}legend{color:#363639;font-size:1.2em;font-weight:700}.demo-highlight,code,pre,textarea{font-family:Consolas,"Lucida Console",Monaco,monospace;white-space:pre;word-wrap:normal}@media screen and (min-width:1000px){.demo-highlight,pre,table{margin-left:8%;margin-right:8%}}ul.top-list{background-color:#fff;list-style:none;padding:0}ul.top-list li{margin:0;padding:0}ul li{line-height:160%}.sect2>.ulist,.sectionbody>.ulist{padding-left:8%;padding-right:8%}@media screen and (max-width:768px){.ulist{padding-left:unset;padding-right:unset}}.active>.page-link{background-color:#74534a;border-color:#74534a}.badge{background-color:#74534a;border-color:#74534a}.category-block{margin-top:10px;margin-bottom:20px}.top-block{margin-top:10px;margin-bottom:20px}.demo-highlight{margin-bottom:10px;padding:20px;color:#e6e1dc;background:#2b2b2b}.demo-highlight pre{margin-left:unset;margin-right:unset;margin-bottom:unset}.img-fluid{height:auto;margin-bottom:30px}.info-title{color:#363639;font-family:"Noto Sans TC","Klee One",Arial,Helvetica,sans-serif;font-size:14pt;font-weight:500;padding-left:3pt}span.article-title{font-family:"Noto Sans TC",Palatino,"Times New Roman",Times,serif;display:block;font-size:1.2em;font-weight:700;margin-bottom:5px}.latest-post{font-size:.9em}.parent{position:relative;background-image:url(/img/pexels-tima-miroshnichenko-6670800.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.parent[data-page=post],.parent[data-page=section]{background-image:url(/img/pexels-tima-miroshnichenko-6670800.jpg);background-position:center}@media screen and (max-width:550px){.parent{background-image:url(/img/pexels-tima-miroshnichenko-6670800.jpg);background-size:cover;background-position:center}}footer{display:flex;color:#fff;background-color:#74534a}footer .container{min-height:unset;padding-top:10pt;padding-bottom:10pt;background-color:transparent}@media screen and (max-width:768px){footer .container{width:100%}}footer .container .info-title{color:#fff;font-size:15px}.site-navbar .container a{color:#fff;text-decoration:none}.sidebar{background-color:#fff;width:220pt;padding:1em;margin-top:5pt;border-radius:16px}.sidebar ul{list-style-type:none;padding-left:3pt;padding-right:3pt}.sidebar ul li a:hover{font-weight:900}.sidebar ul li a:active{font-weight:900}.site-navbar{background-color:transparent;width:100%;padding-top:20pt;padding-bottom:20pt;position:absolute;z-index:1;top:0}.site-navbar .container{display:flex}.site-navbar .container ul{display:flex;flex-direction:row;margin-left:auto;list-style-type:none}.site-navbar .container ul li{margin-right:30px;list-style-type:none}.site-navbar .container ul li a{color:#fff;text-decoration:none}@media screen and (max-width:550px){.site-navbar{display:none}}footer .container .links{display:flex;flex-wrap:wrap}footer .container .links ul{list-style-type:none}footer .container .links ul li{display:block;list-style-type:none;height:24px}footer .container .links ul li a{color:#fff;font-size:15px;text-decoration:none}.navbar{background-color:#a6776a;position:absolute;width:100%;border:0;box-shadow:none}.navbar .container{background-color:#a6776a;color:#fff}.navbar-nav .nav-item.dropdown a{color:#fff}.navbar-nav .nav-item.dropdown.show a{color:#fff}.navbar-nav .dropdown-menu.show li .dropdown-item{color:#a6776a}.prologue{font-size:1.2rem;background-color:#faf7f3;border-radius:10px;padding:12px 20px}.prologue p{font-size:1.2rem}.jumbotron{background-color:#a6776a;opacity:.85;height:100vh;margin-bottom:0}.jumbotron .container{width:80%;height:100%;max-width:1400px;background-color:#a6776a;display:flex;justify-content:center;align-items:center}.jumbotron .container h1{color:#fff;font-family:"Noto Sans TC",STKaiti,BiauKai,KaiTi,DFKai-SB,"Noto Sans TC",Palatino,"Times New Roman",Times,serif;font-size:2.4em}.jumbotron .container .cover-link{color:#fff;font-size:1.1em;text-decoration:none;padding:8px 10px;border-radius:10px}.jumbotron .container .cover-link:hover{text-decoration:none;background-color:#74534a}.jumbotron .container .title{margin-left:auto;margin-right:auto;margin-bottom:20px}.jumbotron .container .subtitle{color:#fff;background-color:#a6776a;font-size:1.1em;font-family:"Klee One",Arial,Helvetica,sans-serif}.jumbotron .container .post-info{margin-left:auto;margin-right:auto;margin-bottom:20pt}.jumbotron .container .author{color:#fff;background-color:#a6776a;font-size:.95em;font-family:"Noto Sans TC",Palatino,"Times New Roman",Times,serif}.jumbotron .container .last-modified-time{color:#fff;background-color:#a6776a;font-size:.95em;font-family:"Noto Sans TC",Palatino,"Times New Roman",Times,serif}.jumbotron .container .breadcrumb{background-color:#a6776a}.jumbotron .container .breadcrumb .breadcrumb-item{color:#fff}.jumbotron .container .breadcrumb .breadcrumb-item::before{color:unset}.jumbotron .container .breadcrumb .breadcrumb-item a{color:#fff;text-decoration:none}.jumbotron .container .breadcrumb .breadcrumb-item a:hover{text-decoration:underline}.jumbotron[data-page=post],.jumbotron[data-page=section]{height:100vh;opacity:.85}.jumbotron[data-page=post] .container h1,.jumbotron[data-page=section] .container h1{font-size:revert}@media screen and (max-width:550px){.jumbotron,.jumbotron[data-page=post],.jumbotron[data-page=section]{height:100vh;opacity:.85}.jumbotron .container h1,.jumbotron[data-page=post] .container h1,.jumbotron[data-page=section] .container h1{font-size:2em}.jumbotron .container .post-info,.jumbotron[data-page=post] .container .post-info,.jumbotron[data-page=section] .container .post-info{margin-bottom:10pt}}.sections{display:flex;flex-wrap:wrap;flex-direction:row}.section-block{width:380px;padding:12pt;margin-top:18pt;margin-left:0;margin-right:15pt;margin-bottom:28pt}.section-block h2{padding-left:unset;border-bottom:unset}.section-block h2:before{content:unset;padding-right:unset}.section-block h2:after{margin:unset}@media screen and (min-width:769px) and (max-width:1200px){.section-block{width:360px}}@media screen and (max-width:768px){.section-block{width:350px}}@media screen and (max-width:550px){.section-block{width:unset;margin-right:0}}@media screen and (min-width:1000px){#main-content{padding-left:6%;padding-right:6%}}table{margin-bottom:2em}th{border-bottom:2px solid #ccc;font-weight:700;text-align:center}td{border-bottom:1px solid #ddd;text-align:right}td p{margin-top:0;margin-bottom:0;padding-left:unset;padding-right:unset}caption,td,th{padding:6px 13px}caption{background:#f1f1f1;padding:10px 0;margin-bottom:1em}td,th,tr{vertical-align:middle}.alert{font-size:.8em;width:80%;margin-left:auto;margin-right:auto}.alert p{font-size:medium}.sidebar-parent{width:220pt;border-radius:16px;background-image:url(/img/pexels-tima-miroshnichenko-6671692.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.toc-item{color:#fff;text-decoration:none;font-size:.75em}.toc-item:hover{text-decoration:none}.toc-link{color:#fff;text-decoration:none;font-size:.65em}.toc-link:hover{text-decoration:none}@media screen and (max-width:1000px){.toc-item{display:none}.toc-link{font-size:.85em}}.instruction-button{margin-bottom:5px}.quick-start-hint{text-align:center}.static-text{font-weight:800;font-size:1.08em;color:#48d1cc}.dynamic-text{font-weight:800;font-size:1.08em;color:coral}#quick-start{border-bottom:unset;text-align:center}#quick-start:before{content:unset;padding-right:unset}#quick-start:after{margin:unset}#client-system{color:#6a5acd;font-weight:900;font-size:1.05em}#toc{background-color:#b79287;opacity:.85}#toc .text-center{color:#fff}