/* ==========================================================================
   【第一部分：常规屏幕显示样式】（原 css.css 内容）
   ========================================================================== */
* {
  box-sizing: border-box;
}

body {
  background: #ddeff1;
  font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  color: #333;
  margin: 0;
  padding: 10px;
}

p {
  margin-bottom: 20px;
}

h2 {
  display: none;
}


a,
a:visited {
  text-decoration: underline;
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #666;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
}

a img {
  display: block;
  border: 1px solid #fff;
}

a:hover img {
  border: 1px solid #f00;
}

#wrapper {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  background: #fff;
  padding: 15px;
}

#top {
  width: 100%;
  font-size: 11px;
  margin-bottom: 15px;
}

#main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#sidebar {
  width: 100%;
}

#nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav li a {
  display: block;
  padding: 8px 12px;
  border-bottom: 1px dashed #ddeff1;
  text-decoration: none;
}

#nav li a:hover,
#nav li #current a {
  background: #ddeff1;
}

#manualMenu{

    max-width:100%;

}

#manualBtn{

    width:100%;

    padding:12px;

    text-align:left;

    border:none;

    background:#2d838f;

    color:white;

    font-size:18px;

    cursor:pointer;

}

#manualList{

    display:none;

}

#welcomeBtn,
#treatmentBtn,
#serviceBtn,
#contactBtn{

    width:100%;

    padding:10px 12px;

    text-align:left;

    border:none;

    background:#ddeff1;

    cursor:pointer;

    font-size:14px;

}

#welcomeMenu,
#treatmentMenu,
#serviceMenu,
#contactMenu{

    display:none;

    margin-left:20px;

}

#welcomeMenu a,
#treatmentMenu a,
#serviceMenu a,
#contactMenu a{

    display:block;

    padding:7px 10px;

    text-decoration:none;

    color:#444;

    

}

#welcomeMenu a:hover,
#treatmentMenu a:hover,
#serviceMenu a:hover,
#contactMenu a:hover{

    background:#ddeff1;

}


#content {
  width: 100%;
}

#content1 {
  display: block;
}

#placeholder {
  display: none;
}

.call-us {

  font-size: 1.3rem;

  color: #4500b3;

  text-align: center;

  font-weight: 700;

  margin: 20px 0;

}

#footer {
  margin-top: 25px;
  font-size: 9px;
  text-align: center;
}

@media (min-width: 770px) {
  #main {
    flex-direction: row;
    align-items: flex-start;
  }

  #sidebar {
    width: 180px;
    flex-shrink: 0;
  }

  #content {
    flex-grow: 1;
    width: auto;
  }

  #manualList{

        display:block;
  }


  #welcomeMenu{

        display:block;
  }


  #treatmentMenu{

        display:block;
  }


  #serviceMenu{

        display:block;
  }


  #contactMenu{

        display:block;
  }



}


/* ==========================================================================
   【第二部分：专属打印样式】（原 cssprint.css 内容）
   ========================================================================== */
@media print {
  /* 仅在连接打印机、打印预览或另存为 PDF 时，以下规则才会触发并覆盖上方样式 */

  body {
    background: white;
    /* 打印时强制变为纯白背景，省墨 */
    padding: 0;
  }

  h1,
  h2,
  h3 {
    margin: 0.5em 0;
  }

  p {
    margin: 0;
  }

  #wrapper,
  #main,
  #header,
  #content,
  #sidebar {
    display: block;
    /* 打印时取消 Flex 弹性盒，回归传统块级流式排版 */
    width: auto;
    /* 宽度全自适应 */
    margin: 10px;
    padding: 10px;
    background: transparent;
    font-size: 13pt;
    /* 采用更适合纸张印刷的 pt 磅值字号 */
  }

  /* 打印时彻底隐藏顶部辅助条和页脚版权信息 */
  #top,
  #footer {
    display: none !important;
  }
}