﻿@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);.bn{margin-top:45px}@media (max-width: 580px){.bn{margin-top:52px}}.bn a img{width:100%}@media (min-width: 580px){.youtuberDiv{padding-left:10% !important;padding-right:10% !important}}.videoContainer{position:relative;width:100%;height:0;padding-bottom:56.25%}.video{position:absolute;top:0;left:0;width:100%;height:100%}.circle-close{background:#E56153;height:2em;width:2em;border-radius:50%;color:#fff;border:1px solid #E56153;margin:-2% -2% 0 0;box-shadow:2px 2px 2px #808080;z-index:99999;position:relative;font-size:19px;float:right;top:28px;right:10px}@media (max-width: 580px){.circle-close{top:20px;right:-9px}}.close-style{position:absolute;left:51%;transform:translate(-50%, -50%);top:44%;float:right;font-size:37px}.img-style-1{padding:10% 17% 0% 9%}@media (max-width: 769px){.img-style-1{padding:10% 9% 0% 9%}}.img-style-2{padding:2% 58% 6% 0%;margin-top:-194px}@media (max-width: 769px){.img-style-2{padding:2% 69% 0% 0%;margin-top:-221px}}@media (max-width: 580px){.img-style-2{padding:2% 60% 0% 0%;margin-top:-122px}}.area-style-1{padding:10% 0% 0% 20%}@media (max-width: 580px){.area-style-1{padding:10% 0% 0% 7%}}.area-style-2{padding:4% 0% 0% 0%;margin-left:-54px}@media (max-width: 769px){.area-style-2{padding:6% 0% 14% 0%;margin-left:0px}}.font-style-1{text-align:center;font-size:40px;padding:0% 0% 3% 0%}.font-style-2{font-size:16px;padding:4% 0% 0% 3%}.gray-background{background-color:#f6f6f6}.skin-background{background-color:#F4DAC1}.lightgreen-background{background-color:#D2E4D9}.brightgreen-background{background-color:#BCD97F}.lightblue-background{background-color:#C9D7E0}.bule-background{background-color:#AECDE7}body .btn-standard{background-color:#e66154;color:white;font-size:15px !important;padding:10px 12px;border-radius:10px;border:none;opacity:1;width:300px}body .btn-standard:hover,body .btn-standard:active,body .btn-standard:focus{background-color:white !important;color:#e66154;border:1px solid #e66154}body .second-title{font-size:22px}body .font-white{color:#fff}body .underline{border-bottom:solid}body .slick-prev,body .slick-next{width:unset;height:unset;z-index:3}.float-btn{position:fixed;width:100px;height:100px;bottom:15vh;z-index:99;right:3rem}.float-btn img{display:block}.float-btn img.hover-img{display:none}.float-btn a:active img{display:none}.float-btn a:active img.hover-img{display:block}@media (max-width: 1200px){.float-btn{bottom:10vh;right:1rem}}.effect-content .effect-collection{display:flex}.effect-content .effect-item p{text-align:center;font-size:24px;font-weight:bold}.effect-content .effect-item p>span{margin:0 1.5rem;font-size:24px}.effect-content .effect-item p>span.c-red{color:#E66659;font-size:64px;font-weight:bold;margin:0}.effect-content .effect-conclusion{background-color:#E66659;padding:1rem;border-radius:8px;margin-top:1rem}.effect-content .effect-conclusion>h3{color:#fff;display:flex;justify-content:center;align-items:center}.effect-content .effect-conclusion>h3>span{font-size:24px;font-weight:bold}.effect-content .effect-conclusion>h3>b{font-size:64px;margin:0 1rem}@media screen and (max-width: 992px){.effect-content .effect-item p{font-size:18px}.effect-content .effect-item p>span{margin:0 1rem;font-size:18px}.effect-content .effect-item p>span.c-red{font-size:48px}.effect-content .effect-conclusion>h3>span{font-size:18px}.effect-content .effect-conclusion>h3>b{font-size:48px;margin:0 1rem}}@media screen and (max-width: 768px){.effect-content .effect-collection{flex-wrap:wrap}.effect-content .effect-item{width:100%;text-align:center}.effect-content .effect-item img{max-width:325px}.effect-content .effect-item p{font-size:24px}.effect-content .effect-item p>span{margin:0 1rem;font-size:24px}.effect-content .effect-item p>span.c-red{font-size:64px}.effect-content .effect-conclusion{border-radius:24px}.effect-content .effect-conclusion>h3{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.effect-content .effect-conclusion>h3>span{font-size:24px;width:100%;text-align:center;margin:1rem 0}.effect-content .effect-conclusion>h3>b{font-size:64px;margin:0 1rem;width:100%;text-align:center;margin:1rem 0}}.about-container{width:100%;position:relative;display:block;overflow:auto}.section{width:100%;padding:60px 0}@media (max-width: 767px){.section.section-bao{padding:0}}.section.section-logo{padding-bottom:0}.section.section-logo p{text-align:center}.section.section-origin .about-title{margin-top:40px}.section.section-link .mask{width:100%;height:100%;position:absolute;border-radius:10px;top:0;left:0;color:white;background-color:rgba(0,0,0,0.4);transition:all 0.1s ease-in-out;text-align:center}.section.section-link .mask p{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:#fff;font-size:23px;text-align:center;font-weight:bold}.section.section-link .mask:hover,.section.section-link .mask:active,.section.section-link .mask:focus{background-color:rgba(0,0,0,0.7)}.section.section-link>div>div{cursor:pointer}@media (max-width: 769px){.section.section-link>div>div{padding-left:5px;padding-right:5px}}.section.section-link>div>div>div{cursor:pointer}.section.section-link span{font-size:28px}@media (max-width: 769px){.section.section-link span{font-size:14px}}.section.section-link .link-img-div div.link-img{padding:0;display:inline-block;width:32%;background-repeat:no-repeat;background-size:contain;position:relative}.section.section-link .link-img-div div.link-img img{visibility:hidden;height:auto;width:100%}.section.section-link .link-img-div div.link-img img.img_2{display:none}@media (max-width: 767px){.section.section-link .link-img-div div.link-img img.img_1{display:none}.section.section-link .link-img-div div.link-img img.img_2{display:unset}}.section.section-link .link-img-div div.link-img#img1{background-image:url("../../../Images/Baby/about/資產 27.png")}.section.section-link .link-img-div div.link-img#img2{background-image:url("../../../Images/Baby/about/資產 28.png");margin:0 2%}.section.section-link .link-img-div div.link-img#img3{background-image:url("../../../Images/Baby/about/資產 29.png")}@media (max-width: 767px){.section.section-link .link-img-div div.link-img{width:100%}.section.section-link .link-img-div div.link-img#img1{background-image:url("../../../Images/Baby/about/mobile_1.png")}.section.section-link .link-img-div div.link-img#img2{background-image:url("../../../Images/Baby/about/mobile_2.png");margin:15px 0}.section.section-link .link-img-div div.link-img#img3{background-image:url("../../../Images/Baby/about/mobile_3.png")}}.section .section col-xs-12 m-b-50 section-slick{padding:0px}.section.section-slick{padding-top:0}.section.section-slick .fog{width:26%;height:100%;background:linear-gradient(to right, rgba(252,252,252,0), rgba(252,252,252,0.9));padding:0;position:absolute;right:0;z-index:1}.section .read{color:#fff;font-size:14px;padding:0px 20px;background-color:#FF7E7E;border-radius:46px;float:right}.section .read:hover{background-color:white;color:#FF7E7E;border:2px #FF7E7E solid}.section.vm{padding-top:30px;padding-bottom:30px}.section .bao{font-size:24px}@media (max-width: 769px){.section .bao{font-size:16px;text-align:left}}.section .slick-prev:before,.section .slick-next:before{color:black;font-size:40px}.section p,.section span{font-style:normal;font-size:16px;text-align:justify;text-justify:inter-ideograph}.section p.mini-title,.section span.mini-title{font-weight:bold}.section p.stone-title,.section span.stone-title{font-family:'Noto Sans TC', sans-serif, '微軟正黑體' !important;font-size:250%;color:#FF7E7E}@media (max-width: 767px){.section p.stone-title,.section span.stone-title{font-size:20px;color:#FF7E7E;margin-top:10px;text-align:center}}.section p.about-title,.section span.about-title{font-family:'Noto Sans TC', sans-serif, '微軟正黑體' !important;font-size:60px;margin-bottom:15px}@media (max-width: 767px){.section p.about-title,.section span.about-title{font-size:28px}}.section p.event-time,.section span.event-time{font-size:18px;font-weight:600;color:#FF7E7E}.section p.event-location,.section span.event-location{color:#707070}.section .rwd-p-0,.section .rwd-p-0 p{padding:0}.section img.triangle{width:50%}.section img.p-l{padding-left:0;padding-right:10px}.section img.p-r{padding-left:10px;padding-right:0;margin-top:0px}@media (max-width: 767px){.section img.p-l{padding-right:0}.section img.p-r{display:none;padding-right:0}}.section .rwd-m-t-30{margin-top:0}@media (max-width: 767px){.section .rwd-m-t-30{margin-top:30px}}.section .rwd-m-t-20{margin-top:0}@media (max-width: 767px){.section .rwd-m-t-20{margin-top:20px}}.section .rwd-m-t-50{margin-top:0}@media (max-width: 767px){.section .rwd-m-t-50{margin-top:50px}}.section i.arrow{float:left;font-size:1.7em;margin-right:5px;margin-top:0px}.section i.arrow.fa{position:absolute;cursor:pointer;top:50%;transform:translateY(-50%)}.section i.arrow.fa.fa-chevron-right{right:0}.section i.arrow.fa.fa-chevron-left{left:0}.section>label{color:#df4545;font-size:16px;letter-spacing:2px}.section .div-logo>div{width:150px;margin:30px;display:inline-block}@media (max-width: 771px){.section .div-logo>div{width:100%;display:block;margin:0px}}.section .feedback .slick-slide,.section .preschool .slick-slide{padding:10px}.section .feedback .bot_heigh,.section .preschool .bot_heigh{height:220px}.section .feedback.feedback .slick-slide,.section .preschool.feedback .slick-slide{padding:0px}.section .feedback.feedback .slick-slide>div span,.section .preschool.feedback .slick-slide>div span{position:absolute;bottom:0;right:10%}.section .feedback.feedback .slick-slide p,.section .preschool.feedback .slick-slide p{margin-top:15px;padding:5% 10%}.section .feedback.feedback .slick-slide p::before,.section .preschool.feedback .slick-slide p::before{top:0;position:absolute;border-top:solid 1px;width:80%;content:""}.section .feedback.preschool .slick-slide>div,.section .preschool.preschool .slick-slide>div{padding:20px;width:100%;background-color:#f9efea}.section .feedback.preschool .slick-slide>div p,.section .preschool.preschool .slick-slide>div p{padding-top:10px;margin-top:10px}.section .feedback.preschool .slick-slide>div p::before,.section .preschool.preschool .slick-slide>div p::before{margin-top:10px;top:0;position:absolute;border-top:solid 2px #fff;width:100%;content:""}.section .feedback.preschool .slick-slide>div>div>div span,.section .preschool.preschool .slick-slide>div>div>div span{right:0;left:0;padding:inherit;width:100%;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.section .feedback.preschool .slick-slide>div *,.section .preschool.preschool .slick-slide>div *{display:inline-block}.flyingv img{visibility:hidden}.flyingv .flyingv-button{display:inline-block;background-image:url("../../../Images/Baby/about/flyingv-button1.png");background-repeat:no-repeat;background-position:center}.flyingv .flyingv-button:hover{background-image:url("../../../Images/Baby/about/flyingv-button2.png")}#flyingV:hover{opacity:0.85}ul.main{list-style:none;max-width:75%;margin:20px auto}@media (max-width: 769px){ul.main{margin:0 auto}}h3{padding:0;margin:0}.date{width:17%;padding:11% 1% 0 0;float:left}.date.date-first{padding-top:5px}.date p{font-size:16px;color:#fff;line-height:25px}.date h3{color:#5e0a08;font-size:2em}.date p{font-size:.8em;color:#c14c4c}.events{float:left;width:80%;margin-top:10%;padding-top:3%}.events.first{margin-top:0}.events a{overflow:auto}.events-detail li{line-height:30px;transition:ease .4s all;margin-left:20px;margin-bottom:50px}.events-detail li a{text-decoration:none;color:#444;width:100%;height:100%;display:block}.test{padding-left:30px}@media all and (max-width: 641px){.date{width:100%;margin-bottom:10px}.events{border:none;width:100%;margin-top:0}.events-detail{padding:0}li.date p{margin:0;color:#c14c4c !important}.events-detail li{margin-left:0px}ul.main{max-width:100% !important}}.brightness{filter:brightness(0.8)}.brightness:hover{filter:brightness(0.6)}.modal .close{position:absolute;z-index:500;top:0;right:0}.modal .modal-header{height:unset}.modal .modal-content{overflow:auto}.modal .modal-title{font-size:28px;padding:10px}.modal .leave-messege{width:100%;background-color:#4ba83b}.modal .leave-messege .text-title{font-size:18px;font-weight:bold}.modal .leave-messege textarea{height:200px;width:100%;height:120px;resize:none;padding:6px}.modal .leave-messege .div-btn{text-align:center}.modal .leave-messege button{font-size:1.5em;color:#fff;background-color:#4b9a3b;border-radius:8px;padding:10px 20px !important;margin-bottom:0;line-height:1.42857143;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;font-weight:bolder;text-align:center;border:1px solid transparent}.modal .leave-messege button:hover{color:#4b9a3b;background-color:#fff;border-radius:8px;border-style:solid;border-color:#4b9a3b}@media (max-width: 767px){.modal .leave-messege .text-area{padding:0}.modal .leave-messege .text-area button{margin-top:20px;margin-bottom:30px}.modal .leave-messege .text-area #messageform{padding:0}}.pop-board{position:fixed;z-index:6;transition:all 0.5s}.pop-board .pop-content{position:relative}.pop-board .pop-content .fa{font-size:52px;position:absolute;right:10px;top:10px;color:#4DA13B;cursor:pointer}@media (max-width: 480px){.pop-board .pop-content .fa{right:5px;top:5px;font-size:28px}}.pop-board.zoom-out{bottom:5%;left:91%;width:100px}.pop-board.zoom-out .fa{display:none}@media (max-width: 769px){.pop-board.zoom-out{bottom:5%;width:200px;left:75%}}@media (max-width: 480px){.pop-board.zoom-out{bottom:13%;width:100px;left:68%}}.pop-board.zoom-in{width:100%;right:0;left:0;bottom:13%;padding:0 15%}@media (max-width: 769px){.pop-board.zoom-in{bottom:100px;padding:0 20%}}@media (max-width: 480px){.pop-board.zoom-in{bottom:20%;padding:0 20px}}.pop-board .img-zoom-out,.pop-board .img-zoom-in{cursor:pointer;width:100%}.pop-board .img-zoom-in{border:3px solid white;border-radius:6px;box-shadow:4px 4px 3px rgba(51,51,102,0.5)}.pop-board .mobile{display:none}@media (max-width: 769px){.pop-board .web{display:none}.pop-board .mobile{display:block}}#Title_ClosehelpBaby .about-title{background-color:white;border-radius:40px;padding:0.5% 3%}@media (max-width: 550px){#Title_ClosehelpBaby .about-title{font-size:23px;padding:8px 15px}}#Title_ClosehelpBaby .ClosehelpBaby{display:flex}@media (max-width: 550px){#Title_ClosehelpBaby .ClosehelpBaby{flex-direction:column}}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item{background-color:transparent;display:flex;justify-content:center}@media (max-width: 550px){#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item{margin-bottom:10px;padding:0px}}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .ClosehelpBaby-item-div{background-color:white;padding:30px 1px;display:flex;height:105%;flex-direction:column}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .ClosehelpBaby-item-div>div:nth-child(1){flex:10%}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .ClosehelpBaby-item-div>div:nth-child(2){flex:10%}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .ClosehelpBaby-item-div>div:nth-child(3){flex:60%}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .ClosehelpBaby-item-div>div:nth-child(4){flex:1}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .text-center img{width:100px}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .item-text{padding:20px;text-align:left}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .Title-text{color:#646464;font-size:30px;padding:20px}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .readButton{color:#fff;padding:3px 20px;background-color:#FF7E7E;border-radius:46px;font-size:1.2vw}@media (max-width: 550px){#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .readButton{font-size:5vw}}#Title_ClosehelpBaby .ClosehelpBaby .ClosehelpBaby-item .readButton:hover{background-color:white;color:#FF7E7E;border:2px #FF7E7E solid}logo-slider{--image-size: 100px;padding:20px;overflow:hidden;max-width:1400px;width:100%;margin:0 auto;position:relative;display:flex}logo-slider:hover div{animation-play-state:paused}logo-slider div{display:flex;position:relative;animation:marquee 70s linear infinite;justify-content:space-around}logo-slider img{display:block;min-width:200px;height:200px;margin:0 0vw}logo-slider:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(to right, white, rgba(255,255,255,0) 80px, rgba(255,255,255,0) calc(100% - 80px), white)}logo-slider a{margin-left:50px}@keyframes marquee{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}.milestone{display:flex;align-items:center;flex-direction:column;background-color:#FFE0E0}.milestone .backgroundColor{background-color:#FFEFEF}.milestone .mTitle{background:#FFEFEF 0% 0% no-repeat padding-box;border-radius:46px;opacity:1;width:320px;margin-bottom:40px}.milestone .mDateline{opacity:1;margin-bottom:40px;margin-right:300px}.milestone h3{color:#FF7E7E;white-space:nowrap}.milestone p{color:#5C5C5C}.milestone .month{background-color:white;text-align:center;border-radius:46px;width:60px}.milestone .DisplayNoneDefault{display:none}.milestone .DisplayNoneDefault>a{overflow-y:hidden}.aboutPlanCarousel{border-radius:37%}@-moz-keyframes bounceBabyAboutOnly{0%,20%,50%,80%,100%{-moz-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes bounceBabyAboutOnly{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounceBabyAboutOnly{0%,20%,50%,80%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);transform:translateY(-7px)}}.arrow{position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:60px}.bounceBabyAboutOnly{-moz-animation:bounceBabyAboutOnly 2s infinite;-webkit-animation:bounceBabyAboutOnly 2s infinite;animation:bounceBabyAboutOnly 2s infinite}.bgCircle{background-color:#FF7E7E;border-radius:50px;padding:0 23%}.bgCircle:hover{background-color:#FFA3A3}i{font-size:10px;color:white}.arrow.bounceBabyAboutOnly{display:flex;align-items:center;flex-direction:column}.arrow.bounceBabyAboutOnly>span{color:#FF7E7E;font-size:15px}ul,li{margin:0;padding:0}.base-timeline{list-style-type:none;counter-reset:number;position:relative;display:block;z-index:2;white-space:nowrap}.base-timeline__item{position:relative;display:inline-block;margin-bottom:25px;width:100%}.base-timeline__item a{display:inline-flex;justify-content:center;align-items:center;counter-increment:number;content:counter(number) "";border-radius:52%;width:75px;height:75px;background-color:#FFA3A3;color:white;font-weight:bold;transition:all 0.2s ease-in-out;box-sizing:border-box}@media (max-width: 550px){.base-timeline__item a{display:inline-flex;justify-content:center;align-items:center;counter-increment:number;content:counter(number) "";border-radius:52%;width:40px;height:40px;background-color:#FFA3A3;color:white;font-weight:bold;transition:all 0.2s ease-in-out;box-sizing:border-box}}.itemslide{background-color:#ea4545 !important;width:80px !important;height:80px !important}@media (max-width: 550px){.itemslide{background-color:#ea4545 !important;width:45px !important;height:45px !important}}.test11{background-color:red}.base-timeline__summary-text{position:absolute;bottom:-2em;left:5px}#ReturnDateLinebutton{display:inline-block;background-color:#FF7E7E;width:80px;height:80px;text-align:center;border-radius:52%;position:fixed;bottom:30px;right:30px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1}#ReturnDateLinebutton::before{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:1em;line-height:0px;color:#fff}#ReturnDateLinebutton:hover{cursor:pointer;background-color:#FF7E7E}#ReturnDateLinebutton:active{background-color:#555}#ReturnDateLinebutton.show{opacity:1;visibility:visible}.content{width:77%;margin:50px auto;font-family:'Merriweather', serif;font-size:17px;color:#6c767a;line-height:1.9}@media (max-width: 550px){.content{width:43%}#button{margin:30px}#ReturnDateLinebutton{background-color:#FF7E7E;bottom:70px;right:15px;width:35px;height:35px}#ReturnDateLinebutton::before{line-height:28px}.CheckPhoneIn{display:none}}.content h1{margin-bottom:-10px;color:#03a9f4;line-height:1.5}.content h3{font-style:italic;color:#96a2a7}.iframe-container{overflow:hidden;position:relative;height:600px}@media (max-width: 768px){.iframe-container{height:210px}}.iframe-container::after{content:'';background:transparent;width:100%;height:70%;position:absolute;transition:.3s;top:15%}@media (max-width: 550px){.iframe-container::after{top:0%;height:65%}}.iframe-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.introduce{margin:5rem auto}.introduce .contentArea{color:#ff5343;text-align:center;font-size:2rem;line-height:2.5;padding:0 10%}@media (max-width: 550px){.introduce .contentArea{font-size:1.5rem;padding:0}}.introduce .button{text-align:center;margin-top:2rem}@media (max-width: 550px){.introduce .button{margin-top:1.5rem}}.introduce .button>span{padding:1rem 2rem;font-size:2rem;background-color:#ff5343;border-radius:10px;color:#fff;cursor:pointer}.introduce .button>span:hover{background-color:#e74e4d}@media (max-width: 550px){.introduce .button>span{padding:0.75rem 1.5rem;font-size:1.5rem}}.slick-dots{display:flex !important;justify-content:center;font-size:1.2rem;bottom:-28px !important}.slick-dots>li button::before{font-size:1.2rem !important;color:#ff5343 !important}
