/* 限制內文內容寬度 */
.single .entry-content, .foot-related, footer.entry-footer.section-inner {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

/* alignfull 區塊滿版顯示 */
.single .wp-block-uagb-container.alignfull {
  width: 99vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  box-sizing: border-box;
}

.wp-block-uagb-container.alignfull > .uagb-container-inner-blocks {
  padding-left: 20px;
  padding-right: 20px;
}

.tlp-single-detail {
  margin-top: 0;
}

@media (min-width: 840px) {
  .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3 {
    margin: 0;
  }
}

.single-post .entry-header.section-inner h1 {
	margin-block-start: 4rem;
	text-align: left;
	line-height: 1.3;
	font-size: clamp(2.7rem, 2vw, 3rem);
	font-weight: 600;
	padding-bottom: 2rem;
	width: 880px;
	max-width: 86vw;
}

.single-post h2 {
	font-size: clamp(2.1rem, 2vw, 2.4rem);
	font-weight: 600;
	margin: 0;
	line-height: 1.36;
}

[lang=en-US] .single-post h3,[lang=zh-TW] .single-post h3 {
  font-size: clamp(1.8rem, 2vw, 2.1rem);
  margin:0;
	font-weight: 600;
}

[lang=en-US] .single-post h4,[lang=zh-TW] .single-post h4 {
  font-size: clamp(1.7rem, 2vw, 2rem);
  margin:0;
	font-weight: 600;
}

[lang=en-US] .single-post h5,[lang=zh-TW] .single-post h5 {
	font-weight: 500;
	font-size: clamp(1.3rem, 2vw, 1.4rem);
	margin-block-start: 0;
}

[lang=en-US] .single-post h6,[lang=zh-TW] .single-post h6 {
	font-weight: 600;
	font-size: clamp(1.16rem, 2vw, 1.21rem);
	color: black;
}

.single-post strong {
	font-weight: 600;
}

.single-post .entry-content p {
	padding: .4rem 0 1rem;
}

.single-post .entry-content a {
  color: var(--blue);
  text-decoration: none;
}

.single-post .entry-content a:hover {
	color: var(--orange);
	text-decoration: none;
}

.single-post .entry-content a svg {
  fill: var(--blue);
}

.single-post .entry-content a:hover svg {
	fill: var(--orange);
}

.entry-content li {
    padding: 0 0 .4rem;
}

.single-post .copyright li {
  padding: 0;
}

.featured-image-txt {
	font-size: .9rem;
	display: block;
	margin: 0 auto 4rem auto;
	width: 520px;
}

.featured-image-txt a {
	font-size: .9rem;
}

.entry-content .entry-meta {
	display: none;
}

.content-area .post-navigation.section-inner {
	display: none;
}

.full img {
	margin: 2rem auto;
	display: block;
}

.list {
  text-indent : -1.4rem ;
	padding-left: 4rem;
	padding-top: 2rem;
}

.list-part {
  padding-left: 4rem;
}

.qa-contact {
  position: relative;
  display: inline-block;
	margin-top: 2rem;
	margin-left: 48%;
}

.qa-contact-icon {
  border: none;
	background: none;
}

.qa-contact-form {
  display: none;
  position: absolute;
	z-index: 1;
  min-width: 200px;
	background: #eee;
  border: 3px solid white;
	box-shadow: 0 1px 6px gray;
}

.qa-contact-form a {
  color: black;
  padding: .8rem 1rem;
  display: block;
	font-size: .96rem;
	text-decoration: none;
}

.qa-contact-form a:hover {
	background: var(--orange);
	color: white;
	font-weight: 500;
}

.qa-contact:hover .qa-contact-form {
	display: block;
}



/* table */

table, .wp-block-table.is-style-stripes {
	font-family: 'Roboto',sans-serif;
}

td strong {
	font-size: .9rem;
}

td {
	font-size: .9rem;
	line-height: 1.6
}

.entry-content figure.wp-block-table.aligncenter.is-style-stripes {
	border-bottom: 0px solid #f0f0f0;
}

.wp-block-table.is-style-stripes table {
  border-color: white;
	margin: 0 auto;
}

.wp-block-table td {
	padding: .5rem 1.6rem;
}

.wp-block-table thead {
  border-bottom: 4x solid white;
  background: var(--blue-dark);
	color: #eee;
}



/**
 * Archive pages
 */

.material-archive__normal h1 {
  padding-top: 5rem !important;
}

.archive .post-card__primary {
  margin-bottom: 0;
}



/**
 * Archive cards
 */

.archive .content-area {
  max-width: 100%;
}

.material-archive__normal {
	background: var(--blue-cyan);
	padding: 0 15%;
}

.material-archive__normal h1 {
	padding-top: 1em;
}

.mdc-card {
  background-color: var(--mdc-theme-surface,#fff);
  box-shadow: none;
}

.mdc-card {
  border-radius: 20px;
	height: 600px;
	position: relative;
}

h2.post-card__title,  {
	padding: 1rem 2rem 0;
	font-weight: 600;
	font-size: var(--h5);
}

.post-card__secondary {
	display: none;
}

.post-card__container time {
	position: absolute;
	bottom: 1rem;
	right: 2rem;
}

.post-card .post-card__subtitle {
  color: rgba(0,0,0,1);
  color: rgba(var(--mdc-theme-on-surface-rgb,0,0,0),1);
}



/* single - content */

#content .entry-content p {
  padding: .4rem 0 .8rem;
}


/* tags */

.tags-links .body-small {
	font-size: .9rem;
}

.body-small a {
	color: #666;
}

.body-small a:hover {
	color: var(--blue);
	text-decoration: none;
}

.type-post .entry-footer .tags-links {
  margin-top: 2rem;
  margin-left: 0;
}

/* single - learn more */

.related, .search {  
	margin: 4rem auto 0;
  display: block;
}

/* 隱藏原生箭頭 */
.related .faq-item summary::-webkit-details-marker {
  display: none;
}

.related .faq-item summary::marker {
  content: '';
}


/* 問題的前方符號: Q */
.related .faq-question {
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.related .faq-question::before {
  content: 'Q';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.3rem;
  height: 1.3rem;
  background: var(--gray);
  color: white;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}

.related .faq-question:hover::before {
  background: var(--blue);
}


/* 展開時，Q 改成 A */
.related .faq-item[open] .faq-question::before {
  content: 'A';
  background: var(--blue);
}

.related .faq-list { 
  max-width: 100%; 
  margin: 0 auto; 
}

.related .faq-item .faq-question { 
  transition: background 0.3s; 
}

.related .faq-item .faq-question:hover { 
  cursor: pointer; 
  color: var(--blue); 
}

.related .faq-list .faq-item .faq-question { 
  margin: .4rem 0; 
  font-weight: 400; 
}

.related .faq-item[open] .faq-question { 
  font-weight: 500; 
  color: var(--blue); 
}

.related .faq-item[open] .faq-answer { 
  margin-bottom: 3rem; 
  padding: 0rem 2rem; 
}

.related .faq-answer p { 
  padding: .8rem 0; 
}

.related .faq-answer a:hover {
  color: var(--orange);
}

.related .faq-answer a {
  line-height: 1.6; 
  text-decoration-style: dotted;
  text-decoration-color: (--gray);
  text-underline-offset: 5px;
}

.related .faq-answer a:hover::after {
  content: '»';
  font-weight: 700;
  padding-left: .8rem;
}



/* 全部內容的連結 */

.related .faq-more {
  margin: 2rem auto 0;
  padding: .6rem 0;
  font-weight: 500;
  text-align: center;
  border: 2px solid var(--blue-sky);
  color: var(--blue);
  width: 160px;
  border-radius: 2rem;
  
}

.related .faq-more a {
  text-decoration: none;
}

.related .faq-more:hover {
  background: var(--blue);
  border: 2px solid var(--blue);
  color: white;
}




/* single - contact  */

.contact-mail {
 	margin: 2rem auto 4rem;
}

.contact-mail h1 {
  display: none;
}

.contact-mail h6 {
	margin-block-end: 0;
  padding-top: 1rem;
}

.contact-mail h6 a {
  text-decoration: none;
}

.contact-mail h6 a:hover {
  color: var(--blue);
}

.contact-mail form.is-search-form {
	margin-bottom: 3rem;
	width: 700px;
	max-width: 96%;
}

.contact-mail #forminator-module-10892 {
	margin-top: 0;
}

.single-post .forminator-row .contact label[id*=forminator-field-radio-5-label-].forminator-radio.forminator-radio-inline {
  padding-left: calc(2.4vw/2);
  height: 136px;
  width: calc(50rem/2);
}

#forminator-field-radio-5-label-1 {
  margin-right: 1.6vw;
}

.single-post .forminator-row .contact [id*=forminator-field-radio-5-label-] span {
  font-size: clamp(1.12rem, 2vw, 1.27rem);
}

.single-post .forminator-row .contact [id*=forminator-field-radio-5-label-] span.forminator-radio-label:before {
  font-size: clamp(1.2rem, 2vw, 1.52rem);
}

.single-post .forminator-row .contact [id*=forminator-field-radio-5-label-] span.forminator-radio-label:after {
  font-size: 1rem;
	padding-top: .6rem;
}