html{cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;font-family:Verdana,Arial,"Microsoft JhengHei","PingFang TC",sans-serif;font-size:16px;color:#666;}body{margin-left:40px;margin-bottom:40px;}p{max-width:600px;}ul{list-style:square;}a{color:#999;}.site_name{margin:1rem 0;font-size:22px;font-weight:bold;color:#555;text-shadow:3px 3px 3px lightgrey;}.panel_menu ul{list-style:none;color:#777;padding:0;}h1{margin:2vh 0;color:#555;}h2{margin:0.5rem 0;color:#555;}h3{margin:1rem 0;font-size:22px;color:#555;}.panel_menu{position:fixed;top:0;left:0;bottom:0;width:150px;background-color:whitesmoke;text-align:center;overflow-y:auto;z-index:10;}.check_menu,.toggle_menu,.nav_sym{display:none;}.toggle_menu{font-size:20px;margin:5px 10px;font-weight:bold;color:#555;}.panel_main{}.panel_main li{margin:10px 0;}.panel_menu li{padding:6px 0;margin:2px 0;border-right:5px solid transparent;border-left:5px solid transparent;}.panel_menu li:hover{background-color:#eee;border-left-color:#999;}.panel_menu li a{padding:7px 0px;color:grey;font-size:17px;text-decoration:none;}.show_iframe{position:absolute;top:0;right:0;left:150px;bottom:0;}.show_iframe iframe{position:absolute;bottom:0;height:100%;width:100%;}@media (max-width:500px){body{margin:8px;margin-bottom:40px;}h3{display:none;}.panel_menu{top:auto;left:auto;right:0;bottom:0;width:auto;height:auto;border:1px solid lightgrey;border-width:1px 0 0 1px;border-top-left-radius:5px;}.toggle_menu{display:inline-block;}.panel_menu ul{display:none;margin:0;}.panel_menu li a{padding:7px 14px;}.check_menu:checked ~ ul{display:block;}#sym_up{display:inline;}.check_menu:checked ~ .toggle_menu #sym_up{display:none;}.check_menu:checked ~ .toggle_menu #sym_down{display:inline;}}