@import url("LXGWWenKai_Bold/stylesheet.css");

/*---------------------------------------
   introduce STYLES         
-----------------------------------------*/

.introduce-title{
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC","DFKai-sb";

	
}


.introduce-picname{
	color: #666666;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 20px;


}

.introduce-text{
	color: #999999;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 16px;
	line-height: 24px;
}

.introduce-title-1{
	color: #3a957d;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC","DFKai-sb";

}

.introduce-picname-1{
	color: #e7844c;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";

}

.introduce-text-1{
	color: #999999;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
line-height: 24px;
}
.introduce-text-2{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.important_text{
	color: #9E6349;
	font-weight: 900;
	font-style: italic;
	line-height: 34px;
	font-size: 18px;
	}

.introduce-info-1 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.introduce-info-2 {
	margin-right: auto;
	margin-left: auto;

}
.introduce-text-3{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
.introduce-text-3 li {
	list-style: none;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;

}
.index-row{
	padding-left: 15px;
	}
.index-pic{
	width: 160px;
	height: 121px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	display: inline-block;
	overflow: hidden;
}
.index-pic img{
	display: inline-block;
	overflow: hidden;
}
.mfp-title {
    text-align: left;
    line-height: 24px;
    color: #F3F3F3;
    word-wrap: break-word;
	padding-top: 15px;
    padding-right: 36px;
}

.shadow-lg {
    box-shadow: 0 1rem 2rem rgba(0,0,0,.105)!important;
}
.back {
	font-size: 18px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.back a{
	text-decoration: underline;
}

@media screen and (max-width: 480px) {
	.introduce-text-3{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	margin-top: 50px;
}
.index-row{
	justify-content: center;
	margin-top: 10px;
	}
	.index-pic{
	width: 120px;
	height: 91px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	display: inline-block;
	overflow: hidden;
}
.back {
	font-size: 14px;
	text-align: center;
	line-height: 18px;
}
	.activity{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 26px;
	font-size: 16px;
}
	.activity_text{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 36px;
	font-size: 16px;
}
.introduce-text-2{
	font-size: 16px;
}
.important_text{
	font-size: 16px;
}

.introduce-title{
	font-size: 18px;
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC","DFKai-sb";

	
}
h6 {
	font-size: 16px;
}
  h2 {
    font-size: 28px;
  }
	}
	@media screen and (max-width: 768px) {
			.introduce-text-3{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	margin-top: 50px;
}
.index-row{
		justify-content: center;
		margin-top: 10px;
	}
	.index-pic{
	width: 120px;
	height: 91px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	display: inline-block;
	overflow: hidden;
}
.back {
    font-size: 14px;
    text-align: center;
	line-height: 18px;
}
	.activity{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 26px;
	font-size: 16px;
}
	.activity_text{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 36px;
	font-size: 16px;
}
.introduce-text-2{
	font-size: 16px;
}
.important_text{
	font-size: 16px;
}

.introduce-title{
	font-size: 18px;
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC","DFKai-sb";

	
}
h6 {
	font-size: 16px;
}
  h2 {
    font-size: 28px;
  }
}
.exhibition{
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 18px;
	line-height: 36px;
	display: inline;

}

.box{
position:absolute;
}
.box:hover::before{
	position: absolute;
	top: -35px;
	left: -35px;
	color: #fff;
	font-size: 0.8em;
	padding: 5px;
	border-radius: 5px;
	content: '文字作者簡介';
	width: 100px;
	height: 35px;
	line-height: 24px;
	background-color: #1ebdc6;
	text-align: center;
	}
	.author{
	padding-top: 20px;
	padding-bottom: 10px;
	}
.author img{
	height: 200px;
	width: 170px;
	overflow: hidden;
	}
	
	.author_title{
	font-size: 16px;
	color: #000;
	display: inline;
	padding-left: 5px;
	width: auto;
	vertical-align: text-bottom;
	padding-top: 22px;
	}
	.author_name{
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC","DFKai-sb";
	display: inline;
	width: auto;
}
.director_icon{
	display: inline-block;
	margin-left: 10px;

}
.director_box{
position:absolute;
}
.director_box:hover::before{
	position: absolute;
	top: 30px;
	left: -35px;
	color: #fff;
	font-size: 0.8em;
	padding: 5px;
	border-radius: 5px;
	content: '導演簡介';
	width: 100px;
	height: 35px;
	line-height: 24px;
	background-color: #1ebdc6;
	text-align: center;
	}
	.author{
	padding-top: 20px;
	padding-bottom: 10px;
	}
	
	.introduce-date{
	color: #666666;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 20px;
	padding-bottom: 15px;
}
.author-text{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	padding-bottom: 12px;
}
.author-text span{
	color: #267E83;
}
	.director_name{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC","DFKai-sb";
	width: auto;
		font-size: 18px;
	}
		.director_title{
	font-size: 16px;
	color: #666;
	display: inline;
	padding-left: 5px;
	width: auto;
	vertical-align: text-bottom;
	padding-top: 22px;
	}
	
	.activity{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 26px;
	text-align: left;
	font-size: 18px;
}
.activity span{
	color: #267E83;
}
.activity p{
	padding-left: 0px;
}
	.activity_text{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 36px;
	font-size: 18px;
}

	.activity_type{
	line-height: 30px;
	font-size: 16px;
	color: #000;
	text-align: left;
}
		.activity_text p{
		color: #333333;
	line-height: 36px;
	font-size: 18px;
	text-align: left;
}
		.activity_text a{
	color: #D84627;
}
		.activity_text a:hover{
	color: #1ebdc6;
}

.introduce-green{
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 24px;
}
.notes-green{
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 22px;
	font-size: 0.8rem;
}
.introduce-green1{
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	line-height: 24px;
	font-size: 10px;
	vertical-align: top;
}


.review_box{
position:absolute;
}
.review_box:hover::before{
	position: absolute;
	top: -10px;
	left: 30px;
	color: #fff;
	font-size: 0.8em;
	padding: 5px;
	border-radius: 5px;
	content: '策展老師導讀';
	width: 100px;
	height: 35px;
	line-height: 24px;
	background-color: #1ebdc6;
	text-align: center;
	}


.video_box{
	position: absolute;
}
.video_box:hover::before{
	position: absolute;
	top: 3px;
	left: 40px;
	color: #fff;
	font-size: 0.8em;
	padding: 5px;
	border-radius: 5px;
	content: '策展老師導讀影片';
	width: 135px;
	height: 35px;
	line-height: 24px;
	background-color: #1ebdc6;
	text-align: center;
	}
.video-text{
	color: #666666;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 16px;
	vertical-align: text-bottom;
	padding-top: 0px;
	padding-right: 12px;
	display: inline-block;
	padding-bottom: 0px;
	margin-left: 18px;
	margin-top: -20px;
}
.video-text span{
	padding-top: 6px;
	display: inline-block;
	padding-right: 10px;
}

.video-time{
	color: #999999;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 16px;
	vertical-align: text-bottom;
	padding-right: 12px;
	margin-left: 10px;
	padding-left: 26px;
	padding-bottom: 5px;
	margin-top: -3px;
}
.popup-youtube {
	letter-spacing: 0.12em;
	color: #F37E7E;
}
.author_all{
	color: #267E83;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	vertical-align: middle;
	padding-right: 8px;
	display: inline-block;
	padding-bottom: 0px;
	text-align: center;
	padding-top: 0px;
}
.author_all span{
	padding-top: 6px;
	display: inline-block;
	padding-right: 10px;
}
.article-text{
	color: #666666;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 18px;
	vertical-align: -15%;
	padding-right: 12px;
	display: inline-block;
	padding-bottom: 0px;
}
iframe{
	text-align: center !important;
	margin-right: auto;
	margin-left: auto;
}
.card-img-top {
      height: 220px;
      object-fit: cover;
    }
	.artist-card {
      margin-bottom: 1.5rem;
    }
    .card {
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      overflow: hidden;
    }
    .card-title {
      font-weight: 600;
    }
    .art-item {
      margin-bottom: .5rem;
    }
	 .art-item-1 {
      margin-bottom: 0;
    }
	   /* 年代：次要資訊，顏色淡、字小 */
    .artist-years {
      font-size:0.88rem;
      color:#838383;
      margin-bottom:0.6rem;
      font-weight:600;
      letter-spacing:0.1px;
    }

    /* 作品介紹：正文，清楚可讀 */
    .art-list {
      margin:0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:0.45rem;
    }

    .art-item {
      font-size:0.95rem;
      color:#2b2b2b;
      line-height:1.45;
      margin:0;
      padding:0;
    }

    /* 小標題：作品名用更重一點字重 */
    .art-title {
      font-weight:700;
      display:inline-block;
      margin-right:0.5rem;
      color:#3a957d;
      font-size:0.97rem;
    }

    /* 畫作 metadata (媒材/尺寸/收藏) 顯示較輕 */
    .art-meta {
      font-weight:500;
      color:var(--muted);
      font-size:0.85rem;
    }

    /* 響應式微調 */
    @media (max-width:576px){
      .card-img-top { height:160px; }
      .artist-name h5 { font-size:1.02rem; }

    }
	
	.introduce-moment{
	color: #666666;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";

}
.title001-moment {
    font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
    text-align: center;
    color: #267E83;
    margin-right: auto;
    margin-left: auto;
}
 .artwork-img {
      width: 100%;
      height: 350px;
      object-fit: cover;
	  overflow: hidden;
    }
	
	.introduce-paintings{
	color: #333333;
	font-family: "LXGWWenKai Regular", "LXGWWenKai Bold", "Noto Serif TC", "DFKai-sb";
	font-size: 18px;
}
 .card-custom {
	border: 0;
	border-radius: 10px;
	padding: 1.25rem;
	box-shadow: 0 6px 18px rgba(36, 42, 60, 0.08);
    transition: transform .18s ease, box-shadow .18s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
    }
	.card-custom-color1 {
	background-color: #73afac;
    }
	.card-custom-color2 {
	background-color: #5a938f;
    }
	.card-custom-color3 {
	background-color: #507d7a;
    }
    .card-custom:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 28px rgba(36, 42, 60, 0.12);
    }

    .card-head {
      display: flex;
      align-items: center;
    }

    .card-title {
      font-size: 1rem;
      font-weight: 700;
      color: #2b2b2b;
      margin: 0;
    }

    .card-text {
	white-space: pre-line; /* 保留換行 */
	line-height: 32px;
	font-size: 0.98rem;
	color: #fff9ec;
	padding-bottom: 30px;
    }

    /* 讓卡片高度一致（在同一列） */
    .h-100 { height: 100%; }

    /* 手機微距調整字級 */
    @media (max-width: 576px) {
      .card-title { font-size: 0.98rem; }
      .card-text { font-size: 0.95rem; }
    }
.notes-line {
	height: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6C6C6;
	width: 35%;
	    }