/*----------*
MAIN BODY HOME
*----------*/
.main-home section#sp-main-body {position: relative; top: -75px;    margin-bottom: -75px}

/*slider*/
.sp-slider h1 {font-size: 4em; max-width: 80%; font-weight: 600;}
h2.sppb-sp-slider-title {font-size: 25px;font-weight:600; }
.sppb-sp-slider-text {
    max-width: 40%;
    font-size: 16px !Important;
}

@media(max-width:991px){
.sp-contact-info li i {font-size: 16px;}
.sp-slider h1 {font-size: 2em !important; max-width: 100%;}
.sppb-sp-slider-text{max-width:50% !Important;}
div#section-id-1706848002754  .sppb-carousel-extended-outer-stage {height:auto !important;}

}

@media(max-width:767px){
.hm-slide h2.sppb-sp-slider-title {
    max-width: 50%;
    font-size: 22px !important;
    }
}
/*feature box title*/
.img-title-01 span {color:#ab1a2d;font-size:50px;}
.img-title-01 h3{font-family: 'Noto Sans TC', sans-serif !important;font-weight:900;}
.img-title-01 h3.sppb-addon-title {  margin-bottom: 40px; }
.sppb-addon.sppb-addon-cta.img-title-01.hm-box-01 a.sppb-btn {
    position: relative;
    bottom: -15px;z-index: 9;
}
.sppb-addon.sppb-addon-cta.img-title-01.hm-box-01 a.sppb-btn:hover,
.sppb-addon.sppb-addon-cta.img-title-01.hm-box-01 a.sppb-btn:focus,
.sppb-addon.sppb-addon-cta.img-title-01.hm-box-01 a.sppb-btn:onclick{border:none !Important;}

.sppb-addon.sppb-addon-cta.img-title-01.hm-box-01 {
    padding: 75px 50px 0px 50px !important;
}
.sppb-addon.sppb-addon-cta.img-title-01.hm-box-01:before{
   position:absolute;
    content:' ';
    background:url('/images/000_YCL/home/overlay-img-01.png');
    background-size:contain;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    left:0px; top:0;
    z-index:2;
    opacity:.05;
}

@media(max-width:911px){
.sp-slider-outer-stage { height: 600px !Important;}

div#main-feature-01 {
    padding: 0 !important;
    max-width: 90%;
    margin: -10% auto 0 auto !important;
}

.sppb-addon.sppb-addon-cta.img-title-01.hm-box-01 a.sppb-btn {margin:-30px auto 30px auto; float:none;}

.hm-box-01 .sppb-text-right{text-align:center;}

.hm-box-01 h3.sppb-addon-title.sppb-cta-title,
.hm-box-01 h3.sppb-addon-title.sppb-cta-title span{ font-size: 25px !important;}
}


/*hm mission*/
@media(max-width:991px){
div#column-id-1706799216760 {padding: 30px 35px 200px 35px; }
}

/*heading*/
.main-heading-01 span, .text-01 span, .text-03 span{color: #ab1a2d;}
.special-text-01 h5 {
    font-family: "adobe-kaiti-std", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 25px;
}
.special-text-01 h1,
.special-text-01 h2,
.special-text-01 h3{
    font-family: "adobe-kaiti-std", sans-serif !important;
    font-weight: 600;
    font-style: normal;
}

@media(max-width:991px){
.special-text-01 h1,
.special-text-01 h2,
.special-text-01 h3{  font-size: 40px !important;}
}
/*text*/
.text-01 h3.sppb-addon-title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
}
.text-03 span{font-size:50px;}

@media(max-width:991px){
    .text-03 span{font-size:30px;}
}

/*center box*/
.center-box-1 {  border: 1px solid #ab1a2d;}
.header-position-1 {
    position: relative;
    top: -40px;
    background: #f6f4ec;
    max-width: 300px;
    margin: auto;
}
.text-02 strong{color: #ab1a2d;font-weight:400;}

/*herb*/
.hm-herb-1:before {
    position: absolute;
    left: 0px;
    content: ' ';
    background: url('/images/000_YCL/background/bg-herb-5.png');
    background-repeat:no-repeat;
    width:250px;height:500px;
    background-size:100%;
}
.hm-herb-2:before {
    position: absolute;
    left: 0px;
    content: ' ';
    background: url('/images/000_YCL/background/bg-herb-4.png');
    background-repeat:no-repeat;
    width:350px;height:500px;
    background-size:100%;
}
section#herbal:before {
    position: absolute;
    left: 0px;top:0;
    content: ' ';
    background: url('/images/000_YCL/background/bg-herb-3.png');
    background-repeat:no-repeat;
    width:400px;height:500px;
    background-size:100%;
  visibility: visible;
    animation-duration: 1200ms;
    animation-name: fadeInLeft;
}
section#herbal:after {
    position: absolute;
    right: 0px;bottom:15em;
    content: ' ';
    background: url('/images/000_YCL/background/bg-herb-2.png');
    background-repeat:no-repeat;
    width:400px;height:550px;
    background-size:100%;
  visibility: visible;
    animation-duration: 1200ms;
    animation-name: fadeInRight;
}
@media(max-width:991px){
.hm-herb-1:before {width:75px;height:400px;top:-5em;}
.hm-herb-2:before {
    right: -2.5em;
    left:auto !Important;
    top: -3.5em;
    width:120px;
    height:400px;
    background-size:100%;
   }
section#herbal:before { top:-5em;width:150px;height:400px;}
section#herbal:after {bottom:-15em;width:250px;}
}
  
/*emoji icon*/
.emoji-icon img {
    display: inline-block;
    max-width: 30px;
    padding: 5px 5px 10px 5px;
}

/*product banner*/
@media(max-width:991px){
.hm-product-banner img {margin-top: -30px;}
}



/*benefits*/
@media(max-width:991px){
div#column-wrap-id-1706922195361 {display: none;}
}

/*testimonial*/
.testimonial-carousel .sppb-carousel-extended-item.active img{
   /* max-width: 70% !important;*/
    border: 3px solid #c70917;
    margin:auto;
}
.testimonial-carousel .sppb-carousel-extended-item img {
    height: auto !important;
}