/* Menu Bar Section 導覽列(Section)*/
.menu {
	display          : block;
	line-height      : 1.2rem;
	text-align       : left;
	font-family      : "LiSong Pro";
	/* box outline */
	min-width        : 16rem;
	max-width        : 16rem;
	height           : calc(97.5% - 5.5rem);
	margin-top       : 5.5rem;
	flex             : 0 0 16rem;
	flex-grow        : 0;
	/* box border & background*/
	border           : 1px solid gray;
	border-radius    : 8px;
	background-color : rgba(209, 243, 212, 0.9);
	/* other */
	overflow         : scroll;
	position   : fixed;
	transition : 1.1s ease-in-out;
	/*max-height: calc(100% - 5.4rem);*/
	max-height: fit-content;
	}

.sticky-menubar.sticky, .menu.sticky {
	transition : 1.1s ease-in-out;
	margin-top : 5.5rem;
	position   : fixed;
	}

.sticky-menubar {
	position   : fixed;
	top        : 0;
	margin-top : .5rem;
	transition : top 0.3s;
	height     : calc(100% - 1rem);
	min-height : calc(100% - 1rem);
	overflow: auto;
	margin-left: -.1rem;
	}
.Mouse-Tracking-switch-open-checkbox, .menu-switch-open-checkbox, .switch-open-checkbox {display : none;}
.menu .Control-Bar {
	display               : grid;
	grid-template-columns : auto auto auto;
	padding-top           : .5rem;
	padding-bottom        : .5rem;
	column-gap            : 1rem;
	justify-content       : space-between;}
.menu .Control-Icon {margin-left : 1rem;margin-right : 1rem;}
.menu .li:nth-of-type(2) {
	font-size      : 1.2rem;
	line-height    : 1.5rem;
	vertical-align : middle;
	letter-spacing : 1px;
	border-top     : 1px dotted gray;
	padding        : 1rem .6rem 1rem 1rem;
	}

.menu a{
	text-decoration: none;
	color: inherit;
	}
.menu a:hover {
	text-decoration: underline;
	color: #ee5951;}
.menu .li:first-child {
	font-size      : 1.2rem;
	line-height    : 1.5rem;
	vertical-align : middle;
	letter-spacing : 1px;
	padding        : 1rem .6rem 1rem 1rem;}
.menu .li {
	display       : block;
	text-align    : left;
	border-bottom : 1px dotted gray;
	height        : auto;
	margin        : 0;
	padding       : .1rem .6rem .1rem 1rem;
	/* Font */
	font-family: "LiSong Pro";
	}
.menu .li.Chapter_Header {
	font-size: 25px;
	padding       : 1rem .6rem 1rem 1rem;
	}
.menu .li-sub::before {content : "•"; padding-right : .5rem; padding-left : .5rem}
.menu .li-sub {
	padding : .1rem .6rem .1rem 0;
	/* Font */
	font-family: "LiSong Pro";
	font-size: 1rem;}
.menu .li-sub-sub::before {
	content       : "•";
	padding-right : 0.5rem;
	}
.menu .li-sub-sub {
	padding : .1rem .6rem .1rem 2rem;
	/* Font */
	font-family: "LiSong Pro";
	font-size: 1rem;
	}