.elementor-kit-558{--e-global-color-primary:#556131;--e-global-color-secondary:#7F9245;--e-global-color-text:#000000;--e-global-color-accent:#80191E;--e-global-color-596da59:#DEB010;--e-global-color-0d3066b:#B8831A;--e-global-color-f9cd61e:#FFFFFF;--e-global-color-111ae9d:#FABD05;--e-global-color-9ccfbc8:#00000000;--e-global-color-2d41797:#174A49;--e-global-color-66017ef:#F8F8F8;--e-global-color-baa8cf3:#EEF2E7;--e-global-color-3fc7170:#FFF8DC;--e-global-color-b5b0b26:#7D7D7D;--e-global-typography-primary-font-family:"Noto Serif TC";--e-global-typography-primary-font-size:28px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.5em;--e-global-typography-primary-letter-spacing:0.1em;--e-global-typography-secondary-font-family:"Noto Serif TC";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:0.1em;--e-global-typography-text-font-family:"Noto Sans TC";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-text-letter-spacing:0.03em;--e-global-typography-accent-font-family:"Noto Serif TC";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0.05em;--e-global-typography-28506c4-font-family:"Noto Sans TC";--e-global-typography-28506c4-font-size:18px;--e-global-typography-28506c4-font-weight:500;--e-global-typography-28506c4-line-height:1.2em;--e-global-typography-28506c4-letter-spacing:0.03em;--e-global-typography-fb5ce65-font-family:"Noto Sans TC";--e-global-typography-fb5ce65-font-size:14px;--e-global-typography-fb5ce65-font-weight:400;--e-global-typography-fb5ce65-line-height:1.5em;--e-global-typography-fb5ce65-letter-spacing:0.03em;--e-global-typography-1164788-font-family:"Noto Serif TC";--e-global-typography-1164788-font-size:56px;--e-global-typography-1164788-font-weight:600;--e-global-typography-1164788-line-height:1.3em;--e-global-typography-1164788-letter-spacing:0.1em;}.elementor-kit-558 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-558{--e-global-typography-primary-font-size:24px;--e-global-typography-secondary-font-size:18px;--e-global-typography-accent-font-size:16px;--e-global-typography-28506c4-font-size:14px;--e-global-typography-1164788-font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Improved Animations Stylesheet works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/* text justify */
.justify{
    text-align: justify;
}
/* mobile br */
@media screen and (min-width: 768px){
	.mobile-break {
		display: none;
	}
}
/* PC br */
@media screen and (max-width: 767px){
	.pc-break {
		display: none;
	}
}

/* tag add icon*/
.post-tag .elementor-heading-title a::before {
  content: "#";
  color: inherit;
}

/* feature image */
.horizontal-featured-img .elementor-widget-container a {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  display: block;
}
.horizontal-featured-img .elementor-widget-container a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.vertical-featured-img .elementor-widget-container a{
  aspect-ratio: 3 / 2;
  overflow: hidden;
  display: block;
}
.vertical-featured-img .elementor-widget-container a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.related-featured-img .elementor-widget-container a{
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: block;
}
.related-featured-img .elementor-widget-container a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* fix ul margin */
@media screen and (max-width : 768px){
    .custom-ul ul{
        margin:0 0 1.5em 2em;
    }
}/* End custom CSS */