html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-family:Calibri,微軟正黑體;color:#333;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,header strong{display:block}body{line-height:1;background-color:#F3F5FA}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#33b4b0}a:hover{color:#ff8360}@media (max-width: 350px){header .logo{width:40px;height:40px}header strong{margin:5px 5px 15px}}@media (min-width: 351px) and (max-width: 629px){header .logo{width:50px;height:50px;float:left}header strong{display:inline-block;margin-top:25px;margin-bottom:15px}}@media (max-width: 629px){header #menu-bar{margin:28px;font-size:larger;position:absolute;top:0;right:0;font-size:medium;cursor:pointer}header #menu-bar .position{display:inline-block;text-transform:uppercase;color:#33b4b0;margin-right:5px}header ul.my-link{width:120px;width:fit-content;margin:10px auto}.main-menu{position:absolute;z-index:1;background-color:#F3F5FA;top:60px;right:0;padding:5px 30px;border:1px solid #ccc;transition:.2s;-o-transition:.2s;-webkit-transition:.2s}#content{position:relative;margin:20px}#content .avatar{display:none}footer{width:220px;width:fit-content;margin:10px auto}#bloggerads{display:none}}@media (min-width: 630px){header,nav,footer{width:33%;width:calc(33% - 41px);border-right:1px solid #ccc;text-align:right;padding:30px 20px}header .logo{width:80px;height:80px}header #menu-bar{display:none}header ul.my-link{margin-top:5px}.main-menu{padding:0;padding-left:20px;margin-left:20px;margin-top:20px}#content{width:66%;width:calc(100% - 40% - 20px);position:absolute;top:0;right:0;padding:50px 20px;padding-right:7%;background-color:#F3F5FA}#content .avatar{width:30px;height:30px;margin-right:5px;display:inline-block}#bloggerads{position:absolute;top:0;right:0}}.circle-frame{border-radius:50%;overflow:hidden;background-size:100%;background-repeat:no-repeat}header .logo{display:inline-block;margin:10px}header strong{font-size:x-large}header ul.my-link li{display:inline-block}header ul.my-link li a{display:block;text-align:center;font-size:x-large;width:30px;height:25px}header ul.my-link li a:hover i{color:#7dce82}.main-menu li a{display:inline-block;width:30%;padding:3px;padding-right:20px;font-size:larger;font-weight:700;margin-bottom:5px}.main-menu li.active a{border-bottom:1px solid #ccc}.main-menu li .focus{display:none}.post-page{text-align:right;margin:20px 0}.pagination li{display:inline-block;margin:5px}.pagination li.disabled a{color:#ccc}.pagination li.active a{border:1px solid #ff8360}.pagination li a{color:#333;padding:5px 8px;display:inline-block;border-radius:5px}.pagination li a:hover{background-color:#eee}section li{margin:15px 0}section li h2{font-size:x-large;line-height:1.2}#content section time{text-align:unset;color:unset}#content .author{display:inline-block;font-size:larger;vertical-align:super}#content h1{vertical-align:bottom;margin-top:10px}#content time{display:block;text-align:right;color:#999}#content .shareBar{text-align:right;margin:20px 0}#content .shareBar a i{font-size:25px;margin:0 5px;color:gray}#content .shareBar a:hover i{color:#333}#content article{color:#333;font-size:larger;line-height:1.6;margin-top:20px}#content article p{margin-bottom:20px}#content article ul,#content article ol{list-style:unset;margin-left:40px;margin-bottom:20px}#content article img{width:100%}#content article blockquote{border-left:3px solid #999;padding-left:10px}#content .post-nav{margin:30px 0}#content .post-nav .post-next,#content .post-nav .post-next i{float:right;margin:0 5px;vertical-align:bottom}#content .post-nav a{margin:10px 0;display:inline-block}#content .post-nav i,#content .post-nav span{display:inline-block;margin:0 3px}.fixedfield{position:relative;padding:0}.fixedfield iframe{width:100%;max-width:600px;height:250px}.embed-container{text-align:center;margin-bottom:20px}section#link ul{list-style-type:none;padding:0}section#link li{margin:12px}section#link a{display:block;max-width:300px;padding:5px 20px;border:1px solid gray;border-radius:20px;text-align:center;font-size:larger}.post-tags{margin:20px 0}.post-tags strong{font-size:15px;display:inline-block;margin-right:5px}.post-tags strong a,.post-tags strong a i{color:gray}.post-tags strong a:hover,.post-tags strong a:hover i{color:#7dce82}.post-tags ul,.post-tags li{display:inline-block;margin:7px 1px}.post-tags li a{color:gray;font-size:small;border:1px solid gray;padding:3px 8px;border-radius:12px}.post-tags li a:hover{color:#7dce82;border:1px solid #7dce82}section .list li{margin:10px 0}section .list h2{font-size:larger}section .timepoint{position:relative}section .timepoint .timeline{position:absolute;top:0;bottom:0;width:8px;height:calc(100% + 25px);border-right:1px solid #ccc}section .timepoint .timeline .dot{position:absolute;width:16px;height:16px;top:3px;right:-10px;border:1px solid #ccc;border-radius:50%;background:#F3F5FA}section .timepoint .timeline .dot:before{content:'';position:absolute;width:10px;height:10px;left:3px;top:3px;border-radius:50%;background:#ccc}section .timepoint .subtitle{margin-left:34px;width:fit-content;padding:5px 10px 5px 8px;background-color:#ccc;display:inline-block;font-weight:700}section .timepoint .subtitle::before{content:'';position:absolute;width:18px;height:18px;background-color:#ccc;top:4px;left:25px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}section .timepoint .list{margin-left:25px;padding:5px 0}#content section .timepoint .list time{display:inline-block;font-size:large;margin-right:10px;color:#666}section .timepoint .list h2{display:inline-block}figure{margin-bottom:20px}figcaption,figcaption a{text-align:center;font-size:initial;color:#999}