@import url(http://fonts.googleapis.com/css?family=Open+Sans);
:root{
  --ink:#25312d;
  --muted:#6f7b75;
  --bg:#fbf8f1;
  --paper:#fffdf8;
  --line:#e8dfd1;
  --green:#1c4132;
  --green-soft:#e7eee9;
  --gold:#b88a3b;
  --gold-soft:#f6ead5;
  --shadow:0 18px 45px rgba(34, 45, 40, .08);
  --radius:24px;
}

/* * {
  box-sizing:border-box
}*/

html{scroll-behavior:smooth}
body {
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(246,234,213,.9), transparent 34rem),
    linear-gradient(180deg, #fcf8ef 0%, #fbfaf6 45%, #f6f1e7 100%);
  font-family:"Noto Serif TC","PingFang TC","Microsoft JhengHei",serif;
  line-height:1.95;
  /*letter-spacing:.02em; */
  text-align: justify;
}

/* 天的控制 */
#header-share {
	text-align: center;
	width: 900px;
}

#header-rwd {
	display: none;
}
/* 天的控制 */


a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:auto;padding:0 28px}
.topbar{
  position:sticky;top:0;z-index:10;
  background:rgba(251,248,241,.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(232,223,209,.72);
}
.topbar .inner{
  max-width:1080px;margin:auto;padding:14px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
}
.brand{font-weight:700;letter-spacing:.08em;color:var(--green)}
nav{display:flex;gap:18px;font-size:14px;color:var(--muted)}
nav a:hover{color:var(--green)}
.hero{
  padding:3em 0 2em
}
.hero-card{
  background:linear-gradient(135deg, rgba(255,253,248,.95), rgba(249,242,230,.88));
  border:1px solid var(--line);
  border-radius:32px;
  box-shadow:var(--shadow);
  overflow:hidden;
  display:grid;
  grid-template-columns:1.06fr .94fr;
  min-height: 480px;
}
.hero-text{
  padding:58px 56px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.angle-logo img{
  width: 20%;
  margin-bottom: 3%;
}
.eyebrow{
  width:fit-content;
  padding:5px 12px;
  border-radius:999px;
  background:var(--green-soft);color:var(--green);
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:14px;font-weight:700;
  letter-spacing:.12em;
}
h1{
  margin: 22px 0 18px;
  font-size: clamp(36px,5vw,54px);
  line-height: 1.25;
  letter-spacing: .03em;
  color: #1f2e29;
}
.subtitle{font-size:19px;color:#50615a;margin:0 0 26px;max-width:36em}
.meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px}
.hero-img{position:relative;min-height:420px;background:#ece5d6;overflow:hidden}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(.96)}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.36),transparent 45%)}
main{padding:18px 0 84px}
.article{
  max-width: 850px;
  margin: 0 auto 3%;
  background:rgba(255,253,248,.78);
  border:1px solid rgba(232,223,209,.72);
  border-radius:var(--radius);
  box-shadow:0 10px 32px rgba(34,45,40,.05);
  padding:54px 58px;
}
.lead{
  font-size:20px;color:#3f514a;border-left:4px solid var(--gold);
  padding-left:20px;margin:0 0 42px;
}
section{padding:18px 0 28px;border-top:1px solid rgba(232,223,209,.9)}
section:first-of-type{border-top:0;padding-top:0}
h2{
  margin:0 0 18px;
  font-size:28px;line-height:1.45;color:var(--green);
  letter-spacing:.03em;
}
p{margin:0 0 18px;font-size:18px}
.note{
  margin:24px 0 10px;padding:22px 24px;border-radius:18px;
  background:linear-gradient(135deg,var(--green-soft),rgba(255,253,248,.75));
  border:1px solid #d7e2da;color:#31453d;
}
figure{margin:34px 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(34,45,40,.07)}
figure img{width:100%;display:block}
figcaption{padding:12px 18px;color:var(--muted);font-size:14px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.6;background:#fffaf1}
.simple-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.simple-list li{
  padding:18px 20px;
  border-radius:18px;
  background:#fffaf1;
  /*border:1px solid var(--line) */
}
.simple-list strong{
  color:var(--green)
}
.quote{
  margin:28px 0;padding:26px 28px;border-radius:22px;background:#f8efe0;
  color:#33433d;font-size:21px;line-height:1.75;
}
.cta{
  margin-top:34px;padding:30px;border-radius:24px;
  background:linear-gradient(135deg,#f57d3a,#f17448);
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
}
.cta strong{display:block;font-size:22px;margin-bottom:4px;font-family:"Noto Serif TC","PingFang TC",serif}
.btn{display:inline-block;padding:11px 18px;border:1px solid rgba(255,255,255,.65);border-radius:999px;white-space:nowrap;font-weight:700;background:rgba(255,255,255,.12)}
/* footer{padding:28px 0 56px;text-align:center;color:var(--muted);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:14px} */


/* 圖片放置區塊樣式 */
.image-placeholder {
    /* background-color: #edf2f7; */
    /* border: 2px dashed #cbd5e0; */
    /* border-radius: 6px; */
    padding: 0.5rem;
    margin: 1.5rem 0;
    text-align: center;
    /* color: #4a5568; */
    /* font-family: sans-serif; */
    /* font-size: 1rem; */
    /* transition: all 0.3s;*/
}



/* 浮動目錄、常態活動 */
#gotop{
	width:110px;
	/*height:184px;*/
	position:fixed;
	_position: absolute; /* position fixed for IE6 */

  _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-10);
	z-index:1;
	bottom: 25%;
	text-align: center;
	margin-right: -600px;
	right: 50%;
	background-color: #000;
	color: #FFF;
	border-radius: 10px;
	opacity: 0.8;
	font-size: 16px;
}
#gotop a {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 18px;
	width: 110px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #626262;

}
#gotop a:visited {
	color: #FFF;
	text-decoration: none;
}
#gotop a:hover {
	color: #FF0;
	text-decoration: none;
}
#gotop a:active {
	color: #FF0;
	text-decoration: none;
}
#gotop a:last-child {
	border-bottom-style: none;
}

.more {
	width: auto;
	_max-width: 900px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #8f4015;
	clear: both;
	float: none;
	padding-right: 10%;
	padding-left: 10%;
  margin: 0px 10%;
}
.more ul {
	clear: both;
	float: none;
}
.more p {
	font-size: 18px;
	font-weight: normal;
	color: #FF0;
	margin: 0px;
	padding: 0px;
}
.more ul {
	margin: 0px;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.more .NewsStyle {
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.more .NewsStyle a {
	font-size: 15px;
	line-height: 1.5em;
	color: #FFF;
	text-decoration: none;
}
.more .NewsStyle a:visited {
	color: #FFF;
	text-decoration: none;
}
.more .NewsStyle a:hover {
	color: #FFF;
	text-decoration: underline;
}
.more .NewsStyle a:active {
	color: #FFF;
	text-decoration: underline;
}
/* 浮動目錄、常態活動 */





/* 頁尾 
footer {
  text-align: center;
  padding: 3rem 0;
  font-size: 0.9rem;
  color: #a0aec0;
  border-top: 1px solid var(--border-color);
  margin-top: 5rem;
  font-family: sans-serif;
}*/

@media(max-width:820px){
  .topbar .inner{display:block}.brand{margin-bottom:8px}nav{overflow:auto;white-space:nowrap;padding-bottom:2px}
  .hero{padding:34px 0 28px}.hero-card{grid-template-columns:1fr;min-height:auto}.hero-text{padding:38px 30px}.hero-img{min-height:280px;order:-1}
  .article{padding:36px 26px}.wrap{padding:0 18px}.lead{font-size:18px}p{font-size:17px}h2{font-size:24px}.cta{display:block}.btn{margin-top:18px}
}


/* 響應式微調 */
@media (max-width: 768px) {
.article-container { padding: 2rem 1rem; }
.article-title { font-size: 1.8rem; }
.article-body p { font-size: 1.1rem; }

.hidden_m {
  display: none;
}

.more {
  margin: 0;
}

/*header footer 開始 */	
#header-share {
	display: none;
}
#header-rwd {
	background-color: #C00;
	text-align: center;
	width: 100%;
	display: block;
	padding-top: 5px;
}

#Bodyfooter {
	width: 100%;
	display: block;
}

.footerArea1 {
	display: none;
}
.footerArea2 {
	width: 80%;
	margin: 0px;
	padding-right: 10%;
	padding-left: 10%;
}
.footerArea2 .logo2{
	display: none;
}
.footerArea2 span {
	clear: both;
	float: none;
}
.footerArea2 div {
	text-align: left;
	width: 100%;
	font-size: 13px;
}

.footerArea2 div p {
	clear: both;
	float: none;
	word-break: normal;
}
/*header footer 結束 */

.image-placeholder img{
  width: 90%;
}
}