body {
  background-image: url(/images/bg2.jpg);
  background-size: cover;
  /* 確保背景圖片覆蓋整個視窗 */
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow-x: hidden;
}

.bgc-nav {
  background-color: #fff;
}


.navbar {
  position: relative;
  transition: all 0.3s ease;
  /* 添加平滑過渡效果 */
  /* 預設為相對定位 */
  transition: all 0.3s ease;
  /* 添加平滑過渡效果 */
}

/* 滾動後的固定樣式 */
.navbar.fixed-top {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1030;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* 添加陰影效果 */
}

.nv-pic {
  height: 50px;
}

.cs-pic {
  height: 600;
}

#content1 {

  /* margin-left: 800px; */
  height: 900px;
  width: 1920px;
  margin: 300px;


}

.event {
  width: 1000px;
  height: 600px;
  margin: 400;
}

.box {
  width: 1000px;
  height: 500px;
  border: 2px solid #333;
  /* 外框顏色與粗細 */
  border-radius: 10px;
  /* 圓角外框 */
  padding: 20px;
  /* 內邊距 */
  background-color: #f9f9f9;
  /* 背景色 */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  /* 陰影效果 */
}

.newevent {
  width: 700px;
}
