﻿/* -- 目錄 Start -- */
/* 容器固定右側 */
#toc-container {
  margin-right: auto;
  right: 0;
  width: auto;
  font-family: Arial, sans-serif;
  z-index: 1000;
}

/* 收合按鈕 */
#toc-toggle-label
{
    display: block;
    background-color: #FFCC99;
    color: #000066;
    font-size: 40px;
    padding: 8px;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
    text-align: left;
    font-weight: bold;
}

/* 隱藏 checkbox */
#toc-toggle-checkbox {
  display: none;
}

/* TOC 內容初始收起 */
#toc-nav
{
    max-height: 0;
    overflow: hidden;
    background-color: #FFF0E1;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    transition: max-height 0.3s ease;
    margin-top: 5px;
    padding-left: 50px;
    padding-right: 10px;   
}

/* checkbox 勾選時展開 TOC */
#toc-toggle-checkbox:checked + #toc-toggle-label + #toc-nav {
  max-height: 900px; /* 足夠高度展開內容 */
  padding-top: 20px;
  padding-bottom: 20px;
}

/* 列表樣式 */
#toc-nav ul
{
    list-style: decimal;
    font-size: 30px;
    padding-left 20px;
    margin: 0;
}

#toc-nav ul li {
  margin-bottom: 8px;
}

#toc-nav ul li a {
  text-decoration: none;
  color: #007bff;
  font-size: 30px;  
}

#toc-nav ul li a:hover {
  text-decoration: underline;
}

/* -- 目錄 End -- */