.elementor-831 .elementor-element.elementor-element-fbd3c1f{--display:flex;--min-height:20vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.49;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-831 .elementor-element.elementor-element-fbd3c1f:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-fbd3c1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.taauroc.org.tw/wp-content/uploads/2026/04/公會簡介-3-1.jpg");background-position:center center;background-size:cover;}.elementor-831 .elementor-element.elementor-element-fbd3c1f::before, .elementor-831 .elementor-element.elementor-element-fbd3c1f > .elementor-background-video-container::before, .elementor-831 .elementor-element.elementor-element-fbd3c1f > .e-con-inner > .elementor-background-video-container::before, .elementor-831 .elementor-element.elementor-element-fbd3c1f > .elementor-background-slideshow::before, .elementor-831 .elementor-element.elementor-element-fbd3c1f > .e-con-inner > .elementor-background-slideshow::before, .elementor-831 .elementor-element.elementor-element-fbd3c1f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(225deg, #0201017A 19%, #000000 97%);}.elementor-831 .elementor-element.elementor-element-c369b9f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-831 .elementor-element.elementor-element-4398f2e .elementor-heading-title{font-family:"Noto Serif TC", Sans-serif;font-size:2em;font-weight:600;color:#FFFFFF;}.elementor-831 .elementor-element.elementor-element-d98491b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:2%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-831 .elementor-element.elementor-element-e849a28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-831 .elementor-element.elementor-element-0c6ad6a{--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;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;}.elementor-831 .elementor-element.elementor-element-52caf49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-831 .elementor-element.elementor-element-0c6ad6a{--width:100%;}}@media(max-width:1366px){.elementor-831 .elementor-element.elementor-element-d98491b{--padding-top:2%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-831 .elementor-element.elementor-element-e849a28{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-831 .elementor-element.elementor-element-52caf49{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-831 .elementor-element.elementor-element-fbd3c1f{--min-height:15vh;}.elementor-831 .elementor-element.elementor-element-4398f2e .elementor-heading-title{font-size:1.6em;}.elementor-831 .elementor-element.elementor-element-e849a28{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-831 .elementor-element.elementor-element-52caf49{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-831 .elementor-element.elementor-element-d79a06d > .elementor-widget-container{padding:20px 0px 0px 0px;}}@media(max-width:767px){.elementor-831 .elementor-element.elementor-element-d98491b{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-831 .elementor-element.elementor-element-0c6ad6a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-831 .elementor-element.elementor-element-fbd3c1f{--content-width:1200px;}.elementor-831 .elementor-element.elementor-element-d98491b{--content-width:1200px;}.elementor-831 .elementor-element.elementor-element-0c6ad6a{--width:100%;}}@media(min-width:2400px){.elementor-831 .elementor-element.elementor-element-d98491b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-d79a06d *//* 容器基礎設定 */
.guild-container {
  font-family: "Microsoft JhengHei", sans-serif;
  max-width: 1000px;
  margin: 20px auto;
  padding: 10px;
}

/* 卡片式佈局 (手機優先) */
.guild-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: transform 0.2s;
}

.guild-card:hover {
  transform: translateY(-2px);
}

/* 卡片頭部：名稱與照片 */
.card-header {
  display: flex;
  align-items: center;
  padding: 15px;
  background: #f8f9fa;
  border-bottom: 1px solid #eee;
}

.guild-logo img {
  width: 60px;
  height: 75px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 15px;
  border: 1px solid #ddd;
}

.guild-title a {
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  color: #0056b3;
  text-decoration: none;
  margin-bottom: 4px;
}

.leader {
  font-size: 0.9rem;
  color: #666;
}

/* 卡片內容：電話、地址 */
.card-body {
  padding: 15px;
}

.info-row {
  display: flex;
  margin-bottom: 8px;
  font-size: 0.95rem;
  line-height: 1.5;
}

.info-row .label {
  width: 80px;
  color: #888;
  flex-shrink: 0;
}

.info-row .value {
  color: #333;
}

.info-row .value a {
  color: #d9534f;
  text-decoration: none;
  font-weight: bold;
}

/* 電腦版調整：如果螢幕夠寬，可以排成兩欄 */
@media (min-width: 768px) {
  .guild-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}/* End custom CSS */