body{margin:0;color:#666;font-size:16px}*{box-sizing:border-box;padding:0;margin:0;font-family:微軟正黑體;letter-spacing:1px;word-wrap:break-word}a{text-decoration:none}header{background-color:#f7f7f7;box-shadow:0 0 10px #b7b7b7;position:fixed;width:100%;height:70px;z-index:100;padding-top:10px;padding-right:10px;padding-left:50px}header a{display:inline-block;transition-duration:.3s;color:#666;font-size:20px;font-weight:bold;margin-right:10px}header a:hover{color:#8db18f}header a img{width:60px;vertical-align:middle}nav{display:inline-block;width:350px;height:100vh;background-color:#f7f7f7;padding:20px 28px;overflow-y:auto;position:fixed;top:70px}nav a{padding:20px 0;margin:10px 0;transition-duration:.3s;display:block;text-align:center;font-weight:bold;cursor:pointer;color:#666}nav a:hover{background-color:#eee}nav a.active{background-color:#ddeade}.hbg{width:50px;height:50px;float:right;padding-top:4.5px;display:none;cursor:pointer}.hbg span{display:block;width:30px;height:3px;background-color:#8db18f;margin:8px auto;transition-duration:.3s}.close span:nth-child(1){transform:rotate(45deg) translateX(9px) translateY(10px)}.close span:nth-child(2){transform:rotate(-45deg) translateX(-2px) translateY(0)}.close span:nth-child(3){display:none}article{width:calc(100% - 358px);padding:40px 80px;min-height:100vh;vertical-align:top;line-height:28px;margin-left:350px;display:inline-block}article:nth-child(3){display:inline-block}.content{width:80%;margin:auto;padding-top:70px}.content h2{margin:30px 0;font-size:30px;line-height:45px}.content p,.content li{margin:20px 0}.content h3{margin:60px 0 30px 0;font-size:24px;color:#8db18f}.content ul{padding-left:40px}.content li p{margin:10px 0}.content span{color:#8db18f;font-weight:bold}.content ul ul{list-style:decimal}.content a{color:#d08a06}.content a:hover{border-bottom:1px solid #f7a60d;background-color:#ffd68930}.top{background-color:#8db18f7d;position:fixed;bottom:8px;right:8px;color:#fff;padding:10px;cursor:pointer;display:none}@media screen and (max-width:1200px){nav{width:220px;padding:20px 0}article{width:calc(100% - 220px);margin-left:220px;padding:40px 3%}.content{width:100%}}@media screen and (max-width:600px){nav{transform:translateX(220px);right:0;transition-duration:.3s;padding:0}.hbg{display:block}.translate{transform:translateX(0)}article{width:100%;margin-left:0;padding:10px 3%}header{padding-left:20px}.content h3{margin:40px 0 30px 0}}.fromDQ{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 0;font-weight:bold;font-style:italic;font-family:Microsoft YaHei;color:#7b7979}.noneliststlye,.noneliststlye>li{list-style:none}