@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Noto+Sans+TC:wght@100..900&display=swap");body,button,input,select,td,textarea,th{font-family:Frank Ruhl Libre,Noto Sans TC,Times,serif;-webkit-text-size-adjust:none;font-optical-sizing:auto;font-style:normal}body,button,input,option,select,td,textarea,th{font-size:.875rem;font-weight:400;line-height:1em}body,td,th{color:#333}body{margin:0;background:#fff}.uppercase{text-transform:uppercase}form,h1,h2,h3,h4,h5,h6,hr,p{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500}h1,h2,h3,h4,h5,h6,p{padding:0;line-height:1.2em;margin-bottom:.35em}hr.clear{clear:both;display:block;height:1px;margin:0;padding:0;visibility:hidden}a{color:#333;text-decoration:none}a:hover{color:#000;text-decoration:underline}a:active{color:#666}.container{font-size:11px}header{height:80px;position:fixed;padding-top:12px;padding-left:10px;width:90px;left:0;top:0;background:#fff;z-index:10}header h1{height:80px;text-indent:-9999px;padding:0;width:80px;background:url(/_next/static/media/logo.97c53fd0.png) no-repeat;background-position:top}main{margin-left:100px;margin-top:102px;max-width:100vw;overflow:hidden;padding-right:10px;padding-bottom:10px;margin-bottom:50px}aside{width:80px;padding-left:10px;position:fixed;left:0;top:92px;min-height:calc(100vh - 92px);background:#fff;z-index:10}aside ul{list-style-type:none}aside li,aside ul{margin:0;padding:0}aside li{font-size:.675rem}aside ul.main-menu li{height:2rem}aside ul.main-menu li a{font-size:1rem;text-transform:uppercase;background-position:0 0;background-repeat:no-repeat;display:block;transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out}aside ul.main-menu li a:hover{color:#aaa;text-decoration:none}aside .block{padding-top:1rem}.info-tags{padding-bottom:1rem}.info-tags li{min-height:1em}.info-tags li a{text-transform:uppercase;display:block;transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out}.info-tags li a,.info-tags li a.has-image{background-position:0 0;background-repeat:no-repeat}.info-tags li a.has-image{text-indent:-9999px;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}.info-tags li a:hover{color:#aaa;text-decoration:none}.info-tags li a:hover.has-image{opacity:.5;filter:alpha(opacity=50%)}aside .info-tags li{margin:4px 0}.info-html-by .lmswork{background:url(/_next/static/media/lmswork.7f9b078d.svg) 0 0 no-repeat;background-size:50%;text-indent:-9999px;height:1rem;padding:0;display:block;aspect-ratio:260/42}.info-copyright,.info-html-by,.info-tags{font-size:.675rem}.info-copyright h4,.info-html-by h4,.info-tags h4{font-size:.5rem;font-weight:400;border-bottom:1px solid #ccc;text-transform:uppercase;padding:0 0 .25rem;margin-bottom:.25rem}.page-body{width:100%;max-width:800px}.empty-result{padding:80px 0 100px 125px;text-align:left;background:url(/_next/static/media/icon-alert.95dc2db4.png) left 50px no-repeat;color:#333;font-size:11px;text-transform:uppercase}.image-line{text-indent:-9999px;background-repeat:no-repeat;background-position:0 0}h2{margin-bottom:.5em;font-size:1.75rem;display:block;padding-bottom:0;color:#969696;font-weight:300}h2,h3{line-height:1.2em}h3{font-size:1.375rem;margin-bottom:1em}.portfolio-post{margin-bottom:64px;width:100%;min-height:100px}.page-heading{display:flex;flex-direction:row}.post-media{max-width:100%;margin-bottom:.5rem;background-color:#000;position:relative}.post-media,.post-media img{display:block;width:100%;height:auto}.post-media img{border:0;outline:none}.post-media .video-player-spacer{aspect-ratio:16/9}.post-media .video-player{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.portfolio-post .post-title{font-size:.9rem;border-bottom:1px dotted #ccc;text-transform:uppercase;font-weight:500}.portfolio-post .post-title a{display:block;background-position:0 0;background-repeat:no-repeat;text-decoration:none;padding-bottom:1rem}.portfolio-post .post-tags,.portfolio-post .post-tags>ul{color:#969696;list-style-type:none;margin:0;padding:0;text-transform:uppercase;display:flex;flex-direction:row}.portfolio-post .post-tags li{font-size:.75rem;margin:0 .25rem;padding:0;text-transform:uppercase}.portfolio-post .post-tags li.first{margin:0}.portfolio-post .post-body{display:block}.portfolio-post .post-content{font-size:.75rem}.portfolio-post .post-content .label{color:#969696;margin-right:5px;text-transform:uppercase}.portfolio-post .post-content a{text-decoration:underline}.back-to-top{width:100%;text-align:right;border-bottom:1px dotted #ccc;margin-top:5px;padding:1px 0}.back-to-top a{font-size:.675rem;-webkit-text-size-adjust:none;padding-right:15px;background:url(/_next/static/media/icon-btt.a1dc5383.jpg) 100% no-repeat;text-transform:uppercase;color:#ccc}.action-bar{margin:20px 0;display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width:1000px){header{padding-top:32px;padding-left:30px}header,header h1{width:160px}main{margin-left:200px;margin-top:126px;max-width:100vw}aside{width:160px;padding-left:30px;top:112px;min-height:calc(100vh - 112px)}aside ul.main-menu li a{font-size:1.2rem}.portfolio-post .post-body{display:flex;flex-direction:row;justify-content:space-between}}