
/* 自定义图片漂浮动画 */
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

/* 为目标图片应用从上方淡入动画和漂浮动画 */
#flour {      
	animation: float 3s ease-in-out infinite 1s;
}




#round {
  background-color: #0000; /* 设置背景颜色 */
  width: 1300px; /* 设置宽度 */
  height: 100px; /* 设置高度 */
  border-radius: 15px; /* 设置圆角程度 */
  display: flex; /* 设置布局为flex */
  justify-content: center; /* 设置水平居中 */
  align-items: center; /* 设置垂直居中 */
  text-align: center; /* 设置文本居中 */
  color: white; /* 设置文本颜色 */
  font-size: 18px; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细 */
  margin: 20px auto; /* 设置外边距并水平居中 */
}

#row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

#box {
  background-color: #f1f1f1;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  width: calc(100% / 3 - 20px);
  box-sizing: border-box;
}

.post-content-single > h2,
.post-content-single .post-header
{
	display:none;
}

.blog-post .post-content .post-header,
.blog-post .post-content .blog-separator
{
	display:none;
}


/* 适配手机端 */
@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 10px;
  }

  /* 让图片在手机上自适应 */
  img {
    max-width: 100%;
    height: auto;
  }

  /* 调整字体大小 */
  body {
    font-size: 16px;
  }

  /* 隐藏PC端的侧边栏 */
  .sidebar {
    display: none;
  }
}

/* 横向排列 HOTEL KEY CARDS 的下拉菜单 */
.horizontal-submenu > ul.sub-menu {
  display: flex !important;
  flex-direction: row;
  background: white; /* 可根据需要调整背景色 */
  padding: 10px;
  border: 1px solid #ccc;
  z-index: 9999;
}

/* 调整子菜单项间的间距 */
.horizontal-submenu > ul.sub-menu li {
  margin-right: 10px;
  white-space: nowrap;
}

.left-align-menu > ul.sub-menu {
  left: 50;
  transform: none;
}





