html, body {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23FFFFFF' stroke='%23000000' stroke-width='0.75' d='M11.3,20.4c-0.3-0.4-0.6-1.1-1.2-2c-0.3-0.5-1.2-1.5-1.5-1.9c-0.2-0.4-0.2-0.6-0.1-1c0.1-0.6,0.7-1.1,1.4-1.1c0.5,0,1,0.4,1.4,0.7c0.2,0.2,0.5,0.6,0.7,0.8c0.2,0.2,0.2,0.3,0.4,0.5c0.2,0.3,0.3,0.5,0.2,0.1c-0.1-0.5-0.2-1.3-0.4-2.1c-0.1-0.6-0.2-0.7-0.3-1.1c-0.1-0.5-0.2-0.8-0.3-1.3c-0.1-0.3-0.2-1.1-0.3-1.5c-0.1-0.5-0.1-1.4,0.3-1.8c0.3-0.3,0.9-0.4,1.3-0.2c0.5,0.3,0.8,1,0.9,1.3c0.2,0.5,0.4,1.2,0.5,2c0.2,1,0.5,2.5,0.5,2.8c0-0.4-0.1-1.1,0-1.5c0.1-0.3,0.3-0.7,0.7-0.8c0.3-0.1,0.6-0.1,0.9-0.1c0.3,0.1,0.6,0.3,0.8,0.5c0.4,0.6,0.4,1.9,0.4,1.8c0.1-0.4,0.1-1.2,0.3-1.6c0.1-0.2,0.5-0.4,0.7-0.5c0.3-0.1,0.7-0.1,1,0c0.2,0,0.6,0.3,0.7,0.5c0.2,0.3,0.3,1.3,0.4,1.7c0,0.1,0.1-0.4,0.3-0.7c0.4-0.6,1.8-0.8,1.9,0.6c0,0.7,0,0.6,0,1.1c0,0.5,0,0.8,0,1.2c0,0.4-0.1,1.3-0.2,1.7c-0.1,0.3-0.4,1-0.7,1.4c0,0-1.1,1.2-1.2,1.8c-0.1,0.6-0.1,0.6-0.1,1c0,0.4,0.1,0.9,0.1,0.9s-0.8,0.1-1.2,0c-0.4-0.1-0.9-0.8-1-1.1c-0.2-0.3-0.5-0.3-0.7,0c-0.2,0.4-0.7,1.1-1.1,1.1c-0.7,0.1-2.1,0-3.1,0c0,0,0.2-1-0.2-1.4c-0.3-0.3-0.8-0.8-1.1-1.1L11.3,20.4z'/%3E%3C/svg%3E") 16 16, pointer;
}  .ast-page-builder-template {
background-color:	#fff9f0;
} .over-hide { overflow: hidden; }
.text-center { text-align: center; }
.pd15 { padding: 15px; }
.pdr5rem { padding-right: 5rem; }  #butterfly,
#grass,
#microbe,
#monster,
#penguin {
position: absolute;
} .text-stretch {
display: inline-block; 
transform: scale(2.5, 1);
} .transform-text {
border-bottom: 2px solid #F2A341;
transform: rotate(90deg);
text-align: end;
position: absolute;
top: -21rem;
left: 23%;
width: 590px;
}
.transform-text > span {
color: gray;
letter-spacing: 0.2em;
white-space: nowrap;
font-size: 15px;
} .hugokids-black-text {
border-top: 2px solid #000;
transform: rotate(90deg);
position: absolute;
width: 300px;
left: -15rem;
top: 19rem;
z-index: 1;
}
.hugokids-black-text > span {
letter-spacing: 0.2em;
white-space: nowrap;
font-size: 15px;
}  #hand {
position: absolute;
}  .title-Text {
color: #A49E80;
font-size: 21px;
font-weight: bold;
font-family: "微軟正黑體";
margin-bottom: 15px;
position: relative;
letter-spacing: 0.2em;
}
.line {
border-top: 1px solid #A49E80;
margin-bottom: 8px;
height: 5px;
width: 170px;
}
.content-Text {
color: rgb(42, 42, 42);
font-size: 16px;
letter-spacing: 0.05em;
}   body[data-elementor-device-mode="desktop"] {  #butterfly {
right: -200px;
top: -150px;
width: 80%;
} #grass {
top: 10px;
left: -230px;
width: 75%;
} #microbe {
left: -6%;
top: -65%;
width: 75%;
} #monster {
right: -18%;
bottom: 10%;
width: 100%;
}  #hand {
bottom: -30%;
right: -25%;
width: 95%;
}
#note-container {
left: -8%;
}   #penguin {
bottom: -4%;
left: 17%;
width: 21.5%;
} }  body[data-elementor-device-mode="tablet"] {  #butterfly {
top: -90px;
width: 80%;
} #grass {
bottom: -25%;
width: 80%;
} #microbe {
top: -80%;
} #monster {
right: -20%;
bottom: 10%;
width: 100%;
} .transform-text {
top: -15rem;
left: 3rem;
}   .hugokids-black-text {
   left: -14rem;
}
@media (max-width: 800px) {
.hugokids-black-text {
display: none;
}
} #hand {
left: 10%;
top: 35%;
width: 90%;
}   #penguin {
top: 70%;
left: 20%;
width: 20%;
} }  body[data-elementor-device-mode="mobile"] {  #butterfly {
top: -80px;
width: 100%;
} #grass {
bottom: -20%;
left: -30%;
width: 100%;
} #microbe {
top: -120px;
} #monster {
right: -25%;
bottom: 10%;
width: 155%;
} .transform-text {
top: -12rem;
left: 38%;
width: 390px;
}   .hugokids-black-text {
display: none;
} #hand {
width: 100%;
bottom: 10%;
right: 0%;
}   #penguin {
top: -5%;
left: 40%;
width: 45%;
} }  .single-post .entry-header .entry-title, .page-id-3 .entry-header .entry-title { font-size: 28px; line-height: 1.4; }
.single-post .entry-content, .page-id-3 .entry-content { font-size: 17px; line-height: 1.9; color: #333; }
.single-post .entry-content h2, .page-id-3 .entry-content h2 { font-size: 26px; line-height: 1.5; margin: 2em 0 .6em; padding-left: 10px; border-left: 5px solid #F2A341; }
.single-post .entry-content h3, .page-id-3 .entry-content h3 { font-size: 20px; line-height: 1.5; margin: 1.6em 0 .5em; }
.single-post .entry-content img, .page-id-3 .entry-content img { height: auto; border-radius: 6px; }
.single-post .entry-content figcaption, .page-id-3 .entry-content figcaption { font-size: 14px; color: #777; text-align: center; } .single-post #secondary .widget { margin-bottom: 2em; font-size: 15px; line-height: 1.8; }
.single-post #secondary h2 { font-size: 18px; line-height: 1.5; margin-bottom: .6em; padding-left: 8px; border-left: 4px solid #F2A341; }
.single-post #secondary .wp-block-latest-posts { margin: 0; padding: 0; list-style: none; }
.single-post #secondary .wp-block-latest-posts li { margin-bottom: .8em; }
.single-post #secondary .wp-block-latest-posts__post-date { display: block; font-size: 13px; color: #777; }
@media (max-width: 544px) {
.single-post .entry-header .entry-title, .page-id-3 .entry-header .entry-title { font-size: 24px; }
.single-post .entry-content, .page-id-3 .entry-content { font-size: 16px; }
.single-post .entry-content h2, .page-id-3 .entry-content h2 { font-size: 22px; }
} body .elementor-586 .elementor-element.elementor-element-e115c59 > .elementor-widget-container { padding-top: 10rem; } .rank-math-breadcrumb p { margin: 0 0 .6em; font-size: 14px; line-height: 1.6; color: #777; }
.rank-math-breadcrumb a { color: #9e744e; }
.rank-math-breadcrumb .separator { margin: 0 .35em; }
body.ast-separate-container.single-post #primary, body.ast-separate-container.page-id-3 #primary, body.ast-separate-container.blog #primary { margin-top: 40px; padding-top: 0; }
body.ast-plain-container.ast-no-sidebar.page-id-3 #primary, body.ast-plain-container.ast-no-sidebar.blog #primary { margin-top: 40px; }
.single-post .ast-article-single, .page-id-3 .ast-article-single { padding-top: 32px; }