body {
            background-image: url('https://www.boe.ttct.edu.tw/cdn/ttbg1.png');
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;font-size:12pt;
        }

    header {
      background: #0066cc;
      color: white;
      padding: 10px;
      text-align: center;
    }
    .container {
  margin: auto;
  padding: 5px;
  display: grid;
  grid-template-columns: 0fr 1fr 1fr 1fr; /* 左 中 右 */
  gap: 0px;

    }

    main, aside,aside2,main2{
      background: white;
      padding: 5px;
      border-radius: 8px;
    }
aside0{display: block;background: white;border-radius: 8px;}
aside1{display: block;background: white;border-radius: 8px;}
main {display: block;background: white;border-radius: 8px;}
main2{display: none;background: white;border-radius: 8px;}

    .tfoot {
line-height: 1.2;
 font-size:11pt;
  background: rgba(0, 50, 60, 0.5);
  color: white;
  text-align: center;
  bottom: 0;         /* 貼齊底部 */
width: 100vw;
margin-left: calc(-50vw + 50%);
  z-index: 9999;     /* 避免被蓋 */
			}
	
	
  .menu-toggle {
    display: none;text-align:right;
  }
  .nav-links {
    display: none;text-align:center;
  }
#goTop {
  position: fixed;
  bottom: 20px;
  right: 20px;

  padding: 10px 14px;
  font-size: 16px;
  border: none;
  border-radius: 50px;

  background: rgba(0, 50, 60, 0.7);
  color: white;

  cursor: pointer;
  display: none;        /* 預設隱藏 */
  z-index: 9999;
}
@media (max-width: 768px) {
body {
      margin: 0;
	  font-size:16pt;
     }
.container {
    grid-template-columns: 1fr;
}

aside0{display: none;}
aside1{display: none;}
main {display: none;}
main2{display: block;}
  .menu-toggle {
    display: block;text-align:center;
  }
aside2{padding-left: 30px;}

.menu-toggle a {font-szie:14pt;}
.menu-toggle button {
  margin: 10px 5px 5px 5px;   /* 上下間距 */
  padding: 5px;
}

    }
.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9); /* 背景透明度 0.9 */
}

.modal-content {
  width: 98vw;
  height: 98vh;
  margin: 5vh auto;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  border-radius: 10px;
  overflow: auto;
  position: relative;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background: #00323c;
  color: white;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
}
.close-btn2 {
  bottom: 10px;
  align-text: center;
  border: 0;
  background: #00323c;
  color: white;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
}