/*文章分享標題*/
.title-range {
  padding-top: 10%;
  margin-right: 70%;
  background-color: rgb(255, 255, 255);
}

.title-range .title {
  text-align: right;
}

.line {
  width: 30%; /* 底線長度 */
  height: 3px;
  background-color: #000;
  margin-bottom: 5% ;
}

/*項目清單*/
.menu {
  width: 100%;
  background-color: #f8f8f8;
}
  
.menu-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}
  
.menu-ul li {
  padding: 0.5cm 1cm;
  transition: background-color 0.3s ease, height 0.3s ease;
  text-align: center;
  cursor: pointer;
  height: 2cm; /* 初始高度 */
  line-height: 2cm; /* 使文字垂直居中 */
  display: flex;
  align-items: center;
}
  
.menu-ul li:hover {
  height: 8cm; /* 滑鼠懸停時高度變大 */
  background-color: #ebebeb;

}
  
.menu-ul li:active {
  background-color: #888;
}

.menu .menu-item1 {
  background-color: #f8f8f8;
}

.menu .menu-item2 {
  background-color:#ffffff
}