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}