body {
	color: #000;
}
.breadcrumb {
	background-color: #efe6dd;
}
a:not([class]) {
text-decoration:none;
}
a {
	color: #282828;
}
a:hover {
	color: #b47e65;
}
/* header background */
.container-header {
	background-color: #7c4627;
	background-image:none;
}
.container-header .container-nav {
	background-color: #9b613f;
	padding:.3em;
}
@media (width >= 1200px) {
 h3, .h3 {
 font-size: 1.2rem;
}
}
h3, .h3 {
	font-size: 1.2rem;
}
@media (width >= 1200px) {
 h4, .h4 {
 font-size: 0.9rem;
}
}
h4, .h4 {
 font-size: calc(0.9rem + .3vw);
}
@media (width >= 1200px) {
 h1, .h1 {
 font-size: 2.2rem;
}
}
h1, .h1 {
	font-size: calc(1.1rem + 1.5vw);
}
h2, .h2 {
	margin:1rem 0 1.5rem 0;
}
h4.mod-articles-title{
  font-size: 1rem;
  }
}
thead {
	background-color: #ececec;
}
.article-info {
	border-bottom:1px #F1F1F1 dotted;
}
.footer {
	background-color:#fff;
	background-image:none;
	color:#826c5f;
	border-top:1px #CCCCCC solid;
}
.footer2 {
	display:none;
}
dl{
  margin:0 auto;
  overflow:hidden; 
}
dd{
  float:left;
  margin-right:10px;
  color:#999999;
}
p{
  font-size:1.2rem;
}
div.site-grid{
  background-image: linear-gradient(
  180deg,
  #d9c0a4 0px,     /* 顏色1 從 0px 開始 */
  #d9c0a4 284px,   /* 顏色1 到 284px 結束 */
  #e3e3e3 516px,   /* 顏色2 從 284px 漸變到 516px */
  #e3e3e3 640px    /* 顏色2 保持到 640px */
);
}
main{
  background-color:#fff;
  padding:10px;
  margin-top:0 !important;
}
div.card-body{
  padding:10px;
}
.com-content-article__body table {
  width: 100% !important;
  border: 1px solid #999999;
}

.com-content-article__body table th {
  background-color: #F7F7F7;
  text-align: center;
}

.com-content-article__body table th,
.com-content-article__body table td {
  border: 1px solid #999999;
}

.com-content-article__body p {
  line-height: 180%;
}
div.category-desc{
  border-top:1px solid #d9c0a4;
}
.page-header h2{
  font-size: 1.6rem;
  margin:0;
}
/* ====== 基本（桌機／平板：橫排）====== */
.com-content-category-blog__item.blog-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  flex-wrap: nowrap;
  border-bottom:1px solid #CCCCCC;
}

.com-content-category-blog__item.blog-item figure.left.item-image {
  float: none !important;
  margin: 0 !important;
  flex: 0 0 200px !important;
  width: 200px !important;
  overflow: hidden;
}

.com-content-category-blog__item.blog-item .item-content {
  flex: 1 1 auto !important;
  min-width: 0;
}

/* 讓圖不超框 */
.com-content-category-blog__item.blog-item figure.left.item-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 壓掉模板給 .item-image 的上下外距 */
.blog-item .item-image {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ====== 手機：直排 ====== */
@media (max-width: 768px) {
  .com-content-category-blog__item.blog-item {
    flex-direction: column !important;   /* ← 手機改直排 */
    gap: 12px;                            /* 間距略縮 */
  }

  /* 圖片改為佔滿寬度 */
  .com-content-category-blog__item.blog-item figure.left.item-image {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 若模板在小尺寸還套了 float，保險再壓一次 */
  .com-content-category-blog__item.blog-item figure.left.item-image,
  .com-content-category-blog__item.blog-item .item-image {
    float: none !important;
    margin: 0 !important;
  }

  /* 內容區塊也全寬，避免被固定寬度影響 */
  .com-content-category-blog__item.blog-item .item-content {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0;
  }
}

/* （可選）特小手機再縮內距／間距 */
/*
@media (max-width: 480px) {
  .com-content-category-blog__item.blog-item { gap: 10px; }
}
*/
.article-sorter a {
  text-decoration: none;
  padding: .25rem .5rem;
  border: 1px solid #ddd;
  border-radius: .25rem;
}
.article-sorter a:hover { background: #f6f6f6; }
.article-sorter a.active {
  background: #e9ecef;
  border-color: #ccc;
  font-weight: 600;
}

.grid-child.container-below-top{
  float:right;
  width:auto !important;
}
.ccomment-powered {
  display: none !important;
}
.card-body{
  margin-bottom:5px;
}
.responsive-video {
  width: 100%;
  height: auto;
  max-width: 100%;  /* 避免超出容器 */
}
.clinic{
 clear:both;
 text-align:center;
}
.tag_location{
  background-color:#CCCCCC
}
.tag_location:hover{
  background-color:#b4b4b4
}
ul.tags.list-inline{
  margin-bottom: 0 !important;
}