body {
font-size: 20px;
font-family: PingFang TC, 黑體-繁, Heiti TC, Noto Sans TC, 微軟正黑體, Microsoft JhengHei, sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.nav li a {
font-family: PingFang TC, 黑體-繁, Heiti TC, Noto Sans TC, 微軟正黑體, Microsoft JhengHei, sans-serif !important;
text-wrap: inherit !important;
} .box-blog-post .is-divider {
display: none;
} .box-blog-post .is-divider {
display: none;
} h5.post-title.is-large a{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 1.02rem;
} .entry-content.single-page {
line-height: 2;
font-size: 18px;
} .entry-content.single-page img {
width: 600px;
max-width: 100%;
} .wp-caption .wp-caption-text {
width: 600px;
max-width: 100%;
} .entry-image {
height: 0;
padding-bottom: 52.5%;
overflow: hidden;
} blockquote {
font-size: 1em;
line-height: 1.8;
font-style: normal;
padding: 0 0 0 1em;
border-left: 4px solid #f6bf5c;
}
blockquote p {
padding: 16px 0px;
} .entry-content.single-page h2 {
color: #CB5849;
margin: 1em 0;
}
.entry-content.single-page h3 {
color: #3a7a3b;
margin: 1em 0;
} .entry-content.single-page ul li {
color: #555555;
margin-bottom: 1em;
} .entry-content.single-page ol li {
color: #555555;
margin-bottom: 1em;
} .entry-divider {
display: none;
} .entry-content a.glossary {
color: #333333;
cursor: pointer;
border-bottom: 2px solid #90b94f;
} .entry-content a {
color: #333333;
font-weight: bold;
border-bottom: 2px solid #fdb928;
}
.entry-content a:hover {
color: #c53250;
border-bottom: 2px solid #c53250;
} .entry-content ._popIn_recommend_articles a{
border-bottom: 0px solid #fdb928;
} .entry-content.single-page table {
margin: 1em auto;
width: 100%;
table-layout: fixed;
}
.entry-content.single-page tbody td {
padding: 1em;
color: #555;
border-color: #ffce93;
}
.entry-content.single-page tr:hover,
.entry-content.single-page table tr:nth-child(2n+1):hover {
background: #FFEEB5;
}
.entry-content.single-page table tr:nth-child(2n+1) {
background: #FFF6D8;
}
.entry-content.single-page table thead th {
background: #FAE18F;
margin: 1em auto;
padding: 1em;
border-color: #ffce93;
color: #333333;
}
.entry-content.single-page th:last-child,
td:last-child {
padding-right: 1em;
}
.entry-content.single-page th:first-child,
td:first-child {
padding-left: 1em;
} .table-scroll {
overflow: scroll;
}
.rwd-table-content:after {
content: "往左滑看全部 >";
display: none;
}
@media (max-width:630px) {
.rwd-table-content:after {
display: block;
}
} .entry-content.single-page .wp-block-yoast-seo-table-of-contents{
background-color:#f7f7f7;
border-radius:24px;
padding:5px 20px 5px 40px;
max-width: 500px;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents li{
list-style:none;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents li:before {
display: block;
content: "";
width: 10px;
height: 10px;
border-radius: 5px;
background:#63553e;
margin-right: 27px;
margin-top: 13px;
left: 75px;
position: absolute;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents li>ul li:before{
display: block;
content: "";
width: 10px;
height: 10px;
border-radius: 5px;
background:#63563e;
margin-right: 27px;
margin-top: 13px;
left: 110px;
position: absolute;
}
.entry-content.single-page ul{
padding-left: 10px;
}
.entry-content.single-page ul li{
margin-bottom: 0px;
font-size: 18px;
}
.entry-content.single-page ul li > ul {
margin: 0;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents h3{
font-size: 1.3em !important;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents h2{
color: #dc4f41;
padding-left: 10px;
margin: 0.7em 0px 0.3em 0px;
font-size:22px !important;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents h2:before{
content: "";
background-image:url(https://kids.heho.com.tw/wp-content/uploads/2021/10/1634637256.2465.png);
background-size:contain;
background-repeat:no-repeat;
height:22px;
width:30px;
left: 52px;
margin-top:3px;
position: absolute;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents a{
color: #493e2d;
border-bottom: 2px solid #daceb4;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents a:hover{
border-bottom: 2px solid #493e2d;
}
@media (max-width: 768px) {
.entry-content.single-page .wp-block-yoast-seo-table-of-contents li:before {
left: 60px;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents li>ul li:before{
left: 95px;
}
.entry-content.single-page .wp-block-yoast-seo-table-of-contents h2:before{
left: 36px;
}
} .absolute-footer {
display: none;
} .wp-caption .wp-caption-text {
padding: 0;
font-size: .5em;
font-style: normal;
} .article-inner .entry-category {
display: none;
} @media only screen and (max-width: 549px) {
.image-on-left .box {
display: flex;
align-items: center;
}
.image-on-left .box-image {
width: 30% !important;
}
.image-on-left .box-text {
width: 70%;
padding-left: 0.8em;
}
p.from_the_blog_excerpt {
display: none !important;
}
}
.image-on-left .box-text h5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
p.from_the_blog_excerpt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.homepage-block>.col-inner {
padding: 40px !important;
}
@media only screen and (max-width: 549px) {
.homepage-block>.col-inner {
padding: 20px !important;
}
.homepage-right div.post-item {
padding-bottom: 0;
}
.icon-box-text {
padding: 0 1em !important;
text-align: center;
}
} .entry-content.single-page .wp-block-pullquote {
font-size: 14px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding: 0 0 4px 0;
}
.entry-content.single-page .wp-block-pullquote:before {
content: "看本文參考資料 ▾";
background-image: url(https://kids.heho.com.tw/wp-content/uploads/2023/01/1675045426.9406.png);
background-size: contain;
background-repeat: no-repeat;
height: 18px;
width: 175px;
font-size: 16px;
left: 29px;
line-height: 19px;
padding-left: 0px;
margin-top: 10px;
margin-bottom: 8px;
display: block;
}
.entry-content.single-page .wp-block-pullquote blockquote {
border-left: none;
padding: 0;
line-height: 1.6;
margin: 0 0 0.2em;
text-align: left;
}
.entry-content.single-page .wp-block-pullquote blockquote cite {
font-style: normal;
} .entry-content.single-page .wp-block-pullquote blockquote{
display:none;
} .entry-content.single-page .wp-block-pullquote:hover blockquote{
display:block;
}
.entry-content.single-page .wp-block-pullquote blockquote {
border-left: none;
padding: 0;
line-height: 1.6;
margin: 0 0 0.2em;
text-align: left;
}
.entry-content.single-page .wp-block-pullquote blockquote cite {
font-style: normal;
} .archive-page-header .page-title span {
padding: .2em;
border-bottom: 3px solid #F49D15 !important;
font-size: 1.5em;
} .blog-archive .image-cover {
padding-top: 52.5% !important;
} .blog-archive .post-title {
margin-bottom: 1em;
} .section-title a {
font-size: 14px;
}
.lc-1 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.lc-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.lc-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blog-post-inner .post-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.box .box-text {
padding-top: 10px !important;
}
.box-text p {
margin-top: .5em;
}
a.tag-item {
background: #c3324f !important;
color: #fff;
border-radius: 5px;
padding: 0 10px;
margin-right: 5px;
margin-bottom: 5px;
font-size: .8em;
}
a.tag-item:hover {
background: #c3324f !important;
}
.is-uppercase,
.uppercase {
text-transform: capitalize !important;
}
.icon-box-img {
margin: 0 auto;
} .post {
margin-bottom: 0;
} #comments .nodebb-copyright {
display: none;
}
#comments #nodebb {
margin-top: 0;
}
#nodebb .post-tools {
margin-top: 0;
margin-left: 15px;
}
.fluid-width-video-wrapper {
margin: 2em 0;
}
.basic-yop-poll-container .basic-inner {
padding-left: 20px;
}
.screen-reader-text {
display: none;
}
.image-cover img {
object-position: 50% 50%;
} .post_comments {
display: none;
}
.flex-col.flex-grow {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wp-block-image {
text-align: center;
} .post-sidebar{
padding: 0 20px 30px !important;
}
.widget_tag_cloud .tagcloud .tag-cloud-link:nth-child(even){
display:none !important;
}
.post-sidebar h3.widget-title,.widget_tag_cloud .widget-title span,.is-divider {
display: none;
}
.container-fluid span {
font-size: 26px;
color: #70634e;
}
.container-fluid {
padding: 18px 0px 0px 0px !important;
}
#text-5 {
margin-bottom: 12px;
}
.widget_tag_cloud {
margin-bottom: 2.5em !important;
}
.widget {
margin-bottom: 0.6em;
}
.section-content .col-inner .kid-top-3{
padding:0px 10px;
}
.section-content .col-inner .kid-top-3 li{
margin-left:0px;
}  
.tagcloud a:hover {
border-color: #C0D5A2 !important;
background-color: #C0D5A2 !important;
}
.widget .tagcloud a:hover {
border-color: #C0D5A2 !important;
background-color: #C0D5A2 !important;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}