.elementor-577 .elementor-element.elementor-element-234472a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--padding-top:050px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-577 .elementor-element.elementor-element-234472a:not(.elementor-motion-effects-element-type-background), .elementor-577 .elementor-element.elementor-element-234472a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-577 .elementor-element.elementor-element-234472a, .elementor-577 .elementor-element.elementor-element-234472a::before{--border-transition:0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-577 .elementor-element.elementor-element-c0e37a9{text-align:center;}.elementor-577 .elementor-element.elementor-element-c0e37a9 img{width:70%;}.elementor-577 .elementor-element.elementor-element-1e9aadf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-577 .elementor-element.elementor-element-e680d9d{--display:flex;--background-transition:0.3s;}.elementor-577 .elementor-element.elementor-element-e680d9d:not(.elementor-motion-effects-element-type-background), .elementor-577 .elementor-element.elementor-element-e680d9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-577 .elementor-element.elementor-element-e680d9d, .elementor-577 .elementor-element.elementor-element-e680d9d::before{--border-transition:0.3s;}.elementor-577 .elementor-element.elementor-element-bbe292b{--spacer-size:50px;}.elementor-577 .elementor-element.elementor-element-ce95507{--display:flex;--background-transition:0.3s;}.elementor-577 .elementor-element.elementor-element-ce95507:not(.elementor-motion-effects-element-type-background), .elementor-577 .elementor-element.elementor-element-ce95507 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-577 .elementor-element.elementor-element-ce95507, .elementor-577 .elementor-element.elementor-element-ce95507::before{--border-transition:0.3s;}.elementor-577 .elementor-element.elementor-element-baadfeb{--display:flex;--background-transition:0.3s;}.elementor-577 .elementor-element.elementor-element-baadfeb:not(.elementor-motion-effects-element-type-background), .elementor-577 .elementor-element.elementor-element-baadfeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5F0;}.elementor-577 .elementor-element.elementor-element-baadfeb, .elementor-577 .elementor-element.elementor-element-baadfeb::before{--border-transition:0.3s;}.elementor-577 .elementor-element.elementor-element-aec416c{--spacer-size:200px;}@media(max-width:767px){.elementor-577 .elementor-element.elementor-element-1e9aadf > .elementor-widget-container{margin:15px 15px 15px 15px;}.elementor-577 .elementor-element.elementor-element-bbe292b{--spacer-size:5px;}}@media(min-width:768px){.elementor-577 .elementor-element.elementor-element-234472a{--content-width:1300px;}.elementor-577 .elementor-element.elementor-element-ce95507{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-905ff08 *//* 设置全局字体为 Noto Sans TC */
body, select, button, table {
  font-family: 'Noto Sans TC', sans-serif;  /* 设置整体字体 */
}

/* 包裹表格的容器，设置白色外框和30px的间距 */
.table-wrapper {
  background-color: #ffffff;  /* 白色背景 */
  padding: 30px;              /* 设置白色外框30px */
  overflow-x: auto;  /* 当内容超出屏幕时，允许横向滚动 */
  -webkit-overflow-scrolling: touch; /* 为移动设备提供惯性滚动体验 */
}

/* 调整表格样式 */
#clinic-table {
  width: 100%;
  border-collapse: collapse;  /* 合并单元格边框，避免重复显示边框 */
  margin-top: 20px;
  background-color: #ffffff;  /* 表格底色为白色 */
  border: none;  /* 去除表格外框线 */
  min-width: 600px;  /* 表格最小宽度，防止表格在手机上太窄 */
}

#clinic-table th, #clinic-table td {
  border: none;  /* 去除单元格的边框 */
  border-bottom: 1px solid #e6e6e6;  /* 设置横线颜色为 #e6e6e6 */
  padding: 13px;  /* 单元格内边距 */
}

#clinic-table th {
  background-color: #ffffff;  /* 标题行背景色为白色 */
  text-align: left;
  font-size: 14px;   /* 标题文字大小 */
  color: #AD935F;    /* 标题文字颜色 */
}

#clinic-table td {
  font-size: 18px;   /* 表格文字大小 */
  font-weight: 400;  /* 文字Weight 400 */
  color: #403D3C;    /* 表格中文与非英文文字颜色 */
  word-wrap: break-word;
  white-space: normal;
}

/* 针对表格内的英文字母保持原来的颜色 */
#clinic-table td:lang(en) {
  color: initial;    /* 保持英文字母原有颜色 */
}

/* 调整筛选部分，自适应 */
.filter-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;  /* 允许在小屏幕时换行 */
  margin-bottom: 40px;  /* 增加下拉选单与表格之间的距离 */
  width: 100%;
}

.filter-section div {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 200px;  /* 确保在小屏幕上下拉选单有足够宽度 */
  margin-right: 20px;
  margin-bottom: 10px;  /* 保证选单换行时不会过于拥挤 */
}

/* 解说文字样式 */
.filter-section label {
  margin-bottom: 5px;
  white-space: nowrap;
  font-size: 18px;    /* 解说文字大小 */
  color: #403D3C;     /* 解说文字颜色 */
}

/* 调整下拉选单样式，自适应宽度 */
.filter-section select {
  width: 100%;
  height: 53px;          /* 下拉选单高度 */
  padding: 5px;
  font-size: 18px;       /* 下拉选单文字大小 */
  border: 1px solid #bfbfbf;   /* 边框颜色 */
  border-radius: 5px;          /* 圆角保持 */
  background-color: transparent; /* 背景透明 */
  color: #8f8f8f;        /* 下拉选单文字颜色 */
}

/* 调整按钮样式 */
#clear-filters {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: transparent;  /* 背景透明 */
  color: #405260;  /* 按钮文字颜色 */
  border: 1px solid #bfbfbf;  /* 边框颜色 */
  border-radius: 0px;  /* 无圆角 */
  cursor: pointer;
  height: 40px;  /* 按钮高度 */
  margin-top: 25px;  /* 通过增加 margin-top 调整按钮的垂直位置 */
  margin-left: 5px;  /* 通过增加 margin-left 调整按钮的水平位置 */
}

#clear-filters::before {
  content: '✖';
  margin-right: 5px;
  color: #405260;  /* 按钮叉号颜色 */
}

/* 媒体查询：手机设备上的表格滚动 */
@media (max-width: 768px) {
  .table-wrapper {
    overflow-x: auto;  /* 允许表格在小屏幕上左右滚动 */
  }

  #clinic-table {
    min-width: 600px;  /* 强制表格在小屏幕上保持一定的宽度，防止太窄 */
  }
}

/* 设置PICOWON样式 */
.picowon {
  font-size: 14px;             /* 文字大小 */
  color: white;                /* 文字颜色 */
  background-color: #00a8ea;    /* 底色 */
  padding: 3px 6px;            /* 内边距 */
  border-radius: 3px;          /* 圆角 */
  margin-bottom: 0;            /* 默认情况下无底部间距 */
}

/* 设置PICOCARE样式 */
.picocare {
  font-size: 14px;             /* 文字大小 */
  color: white;                /* 文字颜色 */
  background-color: #b3323b;    /* 底色 */
  padding: 3px 5px;            /* 内边距 */
  border-radius: 3px;          /* 圆角 */
  margin-bottom: 0;            /* 默认情况下无底部间距 */
}

/* 设置MAJESTY样式 */
.majesty {
  font-size: 14px;             /* 文字大小 */
  color: white;                /* 文字颜色 */
  background-color: #5f5f5f;    /* 底色 */
  padding: 3px 8px;            /* 内边距 */
  border-radius: 3px;          /* 圆角 */
  margin-bottom: 0;            /* 默认情况下无底部间距 */
}

/* 隐藏PICOCARE文字但保留位置 */
.hidden-picocare {
  visibility: hidden;  /* 隐藏文字但保留元素位置 */
}
/* 隐藏PICOWON文字但保留位置 */
.hidden-picowon {
  visibility: hidden;  /* 隐藏文字但保留元素位置 */
}
/* 设置机器名称之间的间距 */
.machine-separator {
  display: inline-block;
  width: 10px;  /* 设置文字之间的间距为10px */
}

/* 在手机设备时调整间距 */
@media (max-width: 768px) {
  .machine-separator {
    display: block;  /* 将间隔块设置为块元素，机器名称换行 */
    height: 5px;    /* 增加上下间距 */
  }

  /* 增加机器名称的底部间距 */
  .picowon, .picocare, .majesty {
    margin-bottom: 5px;  /* 设置垂直间距 */
  }

  /* 移除最后一个机种的底部间距 */
  .majesty {
    margin-bottom: 0;
  }
}/* End custom CSS */