/* This file is auto-generated */
.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
}
.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none;
}
body {
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
    135deg,
    rgba(252, 185, 0, 1) 0%,
    rgba(255, 105, 0, 1) 100%
  );
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
    135deg,
    rgba(255, 105, 0, 1) 0%,
    rgb(207, 46, 46) 100%
  );
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
    135deg,
    rgb(238, 238, 238) 0%,
    rgb(169, 184, 195) 100%
  );
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
    135deg,
    rgb(74, 234, 220) 0%,
    rgb(151, 120, 209) 20%,
    rgb(207, 42, 186) 40%,
    rgb(238, 44, 130) 60%,
    rgb(251, 105, 98) 80%,
    rgb(254, 248, 76) 100%
  );
  --wp--preset--gradient--blush-light-purple: linear-gradient(
    135deg,
    rgb(255, 206, 236) 0%,
    rgb(152, 150, 240) 100%
  );
  --wp--preset--gradient--blush-bordeaux: linear-gradient(
    135deg,
    rgb(254, 205, 165) 0%,
    rgb(254, 45, 45) 50%,
    rgb(107, 0, 62) 100%
  );
  --wp--preset--gradient--luminous-dusk: linear-gradient(
    135deg,
    rgb(255, 203, 112) 0%,
    rgb(199, 81, 192) 50%,
    rgb(65, 88, 208) 100%
  );
  --wp--preset--gradient--pale-ocean: linear-gradient(
    135deg,
    rgb(255, 245, 203) 0%,
    rgb(182, 227, 212) 50%,
    rgb(51, 167, 181) 100%
  );
  --wp--preset--gradient--electric-grass: linear-gradient(
    135deg,
    rgb(202, 248, 128) 0%,
    rgb(113, 206, 126) 100%
  );
  --wp--preset--gradient--midnight: linear-gradient(
    135deg,
    rgb(2, 3, 129) 0%,
    rgb(40, 116, 252) 100%
  );
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),
    6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:where(.is-layout-flex) {
  gap: 0.5em;
}
:where(.is-layout-grid) {
  gap: 0.5em;
}
body .is-layout-flex {
  display: flex;
}
body .is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}
body .is-layout-flex > * {
  margin: 0;
}
body .is-layout-grid {
  display: grid;
}
body .is-layout-grid > * {
  margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
.has-black-color {
  color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
  color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
  ) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
  ) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
  ) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red
  ) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
  ) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
  color: inherit;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
.wp-block-pullquote {
  font-size: 1.5em;
  line-height: 1.6;
}

html * {
  font-family: "Microsoft JhengHei", sans-serif;
}
/*--- Tab Nav----*/
#pills-tab {
  margin-left: 0;
}
#pills-tab a.nav-link.active {
  color: #fff;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #227e9b;
  border-radius: 1rem;
}

#pills-tab li {
  box-shadow: 3px 3px 10px #00000033;
  margin: 0.5rem;
  background: #fff;
  transition: 0.5s all ease-out;
  border-radius: 1rem;
}

#pills-tab li:hover {
  box-shadow: 0px 0px 0px #00000033;
  background: #227e9b;
}
#pills-tab li:focus {
  outline: none;
}
#pills-tab a {
  color: #227e9b;
  transition: 0.5s all ease-out;
  border-radius: 1rem;
}

#pills-tab a:hover {
  color: #fff;
}

h1 {
  color: #585858;
}
h2 {
  color: #227f9b;
}
h3 {
  color: #b70042;
}

/*----common class----*/
.list-DOs {
  list-style-image: url("/wp-content/uploads/common/image/developmental_stage/fhs_tick.gif");
  margin-left: 2rem;
}
.list-DONTs {
  list-style-image: url("/wp-content/uploads/common/image/developmental_stage/fhs_not.gif");
  margin-left: 2rem;
}

/*-----Small Screen Nav Bar-------*/
#small-screen-nav div[class$="-top-menu-container"] {
  clear: both;
  margin-top: 1rem;
  display: none;
  margin-bottom: 1rem;
}
#small-screen-nav div[class$="-top-menu-container"] ul {
  padding-top: 0.5rem;
  margin: 0;
}
#small-screen-nav div[class$="-top-menu-container"] ul li {
  font-size: 1.1rem;
}
#small-screen-nav li[class^="nav-"] a:hover {
  text-decoration: none;
  color: #fff;
}
#small-screen-nav .lang-menu {
  clear: both;
  margin: 0.5rem 0 0 0;
  display: none;
  margin-bottom: 1rem;
  list-style: none;
  font-size: 1.1rem;
  text-align: center;
}
#small-screen-nav .lang-menu li a {
  display: block;
  padding: 0.5rem;
}
#small-screen-nav .lang-menu li a:hover {
  font-weight: 900;
  text-decoration: none;
  background: #20b4e6;
  color: #fff !important;
}
#small-screen-nav #searchform {
  position: relative;
  padding: 0.4rem 1rem;
}
#small-screen-nav input.search-box {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 2.1rem;
  border-bottom: 2px solid #6a0080;
  font-size: 1.1em;
}
#small-screen-nav #search-submit {
  bottom: 0;
}
#small-screen-nav #search-submit::before {
  color: #6a0080;
  right: 5px;
  top: -5px;
  line-height: 30px;
}
.slicknav_menu {
  position: relative;
}
.slicknav_menu .site-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}
.slicknav_menu a.menu-button,
.slicknav_menu a.lang-button {
  outline: none;
  font-size: 1.2rem;
  position: absolute;
  top: 2rem;
  right: 1rem;
  padding: 0.45rem;
  display: inline-block;
  color: #20b4e6;
  cursor: pointer;
}
.slicknav_menu a.lang-button {
  right: 5rem;
}

.slicknav_menu a.menu-button:hover,
.slicknav_menu a.lang-button:hover {
  background: #20b4e6;
  color: #fff;
  text-decoration: none;
}
.slicknav_menu a.menu-button {
  padding: 1rem 0.3rem;
}
.slicknav_nav {
  list-style: none;
}
.slicknav_nav ul.sub-menu {
  display: none;
  list-style: none;
}

.slicknav_nav .sub-menu > li {
  background: #fff;
  margin-left: 1rem;
}

.slicknav_nav li a {
  padding: 0.5rem 1rem;
  display: block;
  color: #2098d1;
}
.slicknav_nav li a:hover {
  background: #2098d1 !important;
}

.table-responsive .table {
  table-layout: auto;
}

.table thead th {
  border-bottom: 2px solid #227da2;
}
.table th,
.table td {
  border: 2px solid #227da2;
  background: #227da2;
}

.table td {
  background: #fff;
}

.table-responsive .table {
  table-layout: auto;
}
td.method-name {
  background: #fbf7da;
}
td.method-ap {
  background: #e9f8ff;
}
td.method-DOs {
  background: #ebffe9;
}
td.method-DONTs {
  background: #ffe9e9;
}

/* --- Stage03/babytemper ----*/
.dev-stage-03-temper-table th,
.dev-stage-03-temper-table td {
  border: 2px solid #23566b;
  vertical-align: middle;
}

.dev-stage-03-temper-table td:nth-child(2) {
  border-right: 0;
  text-align: right;
}

.dev-stage-03-temper-table td:nth-child(3) {
  border-width: 2px 0;
  text-align: center;
  border-left-color: #fff;
  border-right-color: #fff;
  text-align: center;
  border-width: 2px 0;
  padding: 0.75em 1px;
}

.dev-stage-03-temper-table td:nth-child(4) {
  border-left: 0;
  text-align: left;
}

.dev-stage-03-temper-table-sm th {
  color: #fff;
}

.dev-stage-03-temper-table-sm th,
.dev-stage-03-temper-table-sm td {
  border: 3px solid #216784;
  vertical-align: middle;
}

@media (min-width: 1px) and (max-width: 768px) {
  #big-screen-nav {
    display: none !important;
  }
  #masthead {
    padding: 1.2em 0 2.5em;
  }
  .flexslider {
    margin: 0;
  }
  h1.entry-title {
    display: block !important;
    text-align: center;
  }
  #fhs-content div[class^="img col-"] {
    text-align: center;
    margin: 2rem 0;
  }

  footer.site-info {
    color: #fff;
    margin: 0;
    background: #3a2119;
  }
  .site-inner {
    background: #fff;
    box-shadow: 0 0 0 #000;
  }

  #copyright {
    width: 100%;
    text-align: left;
  }
  #copyright > .cpy-left {
    width: 100%;
    float: none;
  }
  #wcag-icon {
    float: left;
    margin-top: 1rem;
  }
  #pills-tab li {
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 909px) {
  .col-md-12 {
    padding: 0;
  }
  #big-screen-nav {
    display: none !important;
  }
  .flex-control-nav {
    display: none;
  }
}
@media (min-width: 910px) {
  #small-screen-nav {
    display: none !important;
  }
}
@media screen and (min-width: 44.375em) {
  .menu-toggle {
    font-size: 1rem;
    margin: 0 1em 0 0;
  }
  .sidebar {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: none;
  }
}

@media (min-width: 1px) and (max-width: 576px) {
  .ds-icon-gp {
    margin: 0 2rem;
  }
  .sidebar {
    padding: 0;
  }
  .table-col-arrow-ltr div {
    position: absolute;
    bottom: -11px;
    right: 13px;
    font-size: 2.5rem;
    transform: rotate(90deg);
  }
  .dev-char-main-content .table-col-arrow-ltr {
    padding: 0;
  }
  .pee-poo-table .col-sm-6.col-md-5 {
    border-right: 0;
  }

  .pee-poo-table h5 {
    padding-top: 1rem;
  }

  .pee-poo-table p {
    margin-top: 0;
    margin: 0 0 1rem 0;
  }
  .quiz-pages .answer-box {
    width: 100%;
  }
  object {
    display: none;
  }
}

.babycare-lowerroman-list {
  counter-reset: listNumbering;
  list-style: none;
}
.babycare-lowerroman-list > li {
  font-size: 1em;
  counter-increment: listNumbering;
  margin: 1em 0;
}
.babycare-lowerroman-list li > ul {
  margin-left: 3em;
}
.babycare-lowerroman-list li > h3:before {
  content: counter(listNumbering, lower-roman) ". ";
  font-size: 1.2em;
}

.dev-stage-03-temper-table {
  table-layout: fixed;
}
.table th {
  color: white;
}
form.search-form {
  display: none;
}
.pagination:before,
.pagination:after {
  display: none;
}
.site-main > :last-child {
  margin-bottom: 0;
  justify-content: center;
}
.pagination .nav-links {
  padding-right: 106px;
  position: relative;
  display: flex;
  padding: 0;
}
.pagination .prev,
.pagination .next {
  margin: auto;
  position: relative;
}
/*not available stages*/
.dev-stage-not-available > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  color: #999;
}

.dev-stage-not-available:hover {
  transform: none;
}

html,
body {
  background: #c49a6c;
}

.site-logo-img-more {
  max-width: 180px;
  margin-bottom: 10px;
}

.bg-pink {
  background: #ffd2e3 !important;
}

.bg-light-brown {
  background: #faebd7 !important;
}

.list-style-type-la {
  list-style-type: lower-alpha !important;
}

.list-style-type-lr {
  list-style-type: lower-roman !important;
}
.temper-wrap {border: 3px solid #216784;}
.temper-header{align-items: center;padding: 0 0 1rem 0;margin-bottom: 0!important;}
.temper-left{border-right: 3px solid #216784;}
.temper-left, .temper-right{padding:1rem;}
.temper-header-bg{background:#227da2;padding:1rem;}
.dev-stage-03-temper-table td:nth-child(2) {border-right: 0;vertical-align: baseline;text-align:left;}
.dev-stage-03-temper-table td:nth-child(4) {vertical-align: baseline;}

.metaslider-customized-frame{
	width: 100%; 
	margin: 0 auto;
}

.metaslider-customized-slide-show{
	display: block; width: 100%;
}

.metaslider-customized-slide-hide{
	display: none; width: 100%;
}