@charset "utf-8";

html,body { font:400 14px/21px "微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; background:#ffffff; }
body {  }
.uk-container {}
a {color: #ffffff;}
a:hover { text-decoration:none !important; }

:not(.fa){font-family:"微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; }

a.dark, a:visited.dark {color: rgb(74, 74, 74);}
a.dark:hover,a:visited.dark:hover{color:#32a543}
li {list-style: none;}
.ellipsis{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis2 {-webkit-line-clamp: 2;}
.ellipsis3 {-webkit-line-clamp: 3;}
.ellipsis4 {-webkit-line-clamp: 4;}
.ellipsis5 {-webkit-line-clamp: 5;}
.ellipsis6 {-webkit-line-clamp: 6;}


header {background: #fea38d;z-index: 999;}

header .top-logos {padding: 15px 0;}
#logo {margin: 0;}
#logo img,#right-logo img {max-height: 70px;}
header .top-nav{background: #5a2982;position: relative;}
#logo {margin: 5px 0;width: 70px;}
.nav-wrap {margin: 20px 0;padding: 5px 0;}
.nav-wrap ul {padding-left: 5px;}
.header-license{margin: 28px 0;color: white;padding: 5px 70px 0;font-size: 14px;line-height: 20px;text-align: center;}
#nav {margin-bottom: 0; margin-top: 0;}
#nav li {list-style: none;}
#nav li a {color: #ffffff; text-transform: capitalize; margin: 0 12px; padding: 5px; display: block;font-size: 14px; transition: all .5s; position: relative;}
#nav li:last-child a { margin: 0 0 0 15px; }
#nav > li > a:before { position:absolute; left:50%; right:50%; content:''; bottom:0px; height:1px; background:#ff7735; transition:all .5s; }
#nav > li > a:after { position:absolute; right:50%; left:50%; content:''; bottom:0px; height:1px; background:#ff7735; transition:all .5s; }
#nav > li > a.top-a.active,#nav > li > a.top-a:hover { color: #f18336; }
#nav > li > a.top-a.active:before,#nav > li > a.top-a:hover:before { right:0; }
#nav > li > a.top-a.active:after,#nav > li > a.top-a:hover:after { left:0; }


#mobile_bar { display: none; }
.detail .uk-sticky-placeholder{display: none;}
/*.image-box {position: relative;}*/
/*.image-box img {width: 100%;}*/
/*.image-box:before { content: ''; z-index: 9; position: absolute; border: solid 2px #fff; left: 20px; right: 20px; top: 20px; bottom: 20px;}*/

/*.index-part2,.index-part3,.index-part4,.index-part5 {padding: 3% 0;}*/

.index-part1 {position: relative;}
.index-part1 .down-icon {position: absolute; -webkit-animation-name: down-icon;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite; left: 50%; bottom: 20px; transform: translateX(-50%); color: #fff; text-align: center;}
.index-part1 .uk-dotnav {margin-bottom: 30px;}
.index-part1 .uk-dotnav>*>* {width: 40px;height: 3px;border-radius: unset;}
.index-part1 .uk-dotnav-contrast>.uk-active>*{background:#fea38d;}

.index-part1 .uk-slidenav-position .uk-slidenav {border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;}
.index-part1 .uk-slidenav-next:before, .index-part1 .uk-slidenav-previous:before {color: #fea38d;font-size: 36px;line-height: 30px;display: block;}
.index-part1 .uk-slidenav-next:before{content: "\f0da";}
.index-part1 .uk-slidenav-previous:before {content: "\f0d9";}
.index-part1 .slide-box img {max-width: 100%;}


.index-part2 {padding-top:30px; padding-bottom: 50px; background: #eeeeee;}
.index-part2 .image-content {padding-right: 50px;}
/*.index-part2 .text-content {margin: auto 0;}*/
.index-part2 h2 {font-size: 22px;color: #ff6600!important;position: relative;display: block; font-weight: bolder;}
.index-part2 h3 {font-size: 14px;font-weight: 400;color: #000000!important;position: relative;display: block;margin-top: 0;}
.index-part2 .text-content hr { border-color:#ff7735; }
.index-part2 .des {line-height: 20px; color: #000000; font-size: 14px;padding: 0;text-align: justify;}
.index-part2 .des p {margin: 0;}
.index-part2 .title {margin-bottom: 15px;}
.index-part2 .more {margin-top:30px;border: solid 1px #fea38d;display: inline-block; min-width: 80px; text-align: center;line-height: 24px;padding: 5px 20px; color: #ffffff; background: #fea38d; font-size: 14px;border-radius: 5px;}
.index-part2 .more:hover {color: #ffffff; background: #ff6600;border: solid 1px #ff6600; }


.index-part3 {padding-top:30px; padding-bottom: 50px; background: #ffffff;}
.index-part3 .title {font-size: 22px;color: #ff6600!important;display: block; font-weight: bolder;margin-bottom: 40px;}
.index-part3 .item .uk-overlay-background {background: rgba(254,163,141,.5)!important;}
.index-part3 .item .overlay-title{word-wrap: break-word;width: 40px;font-size: 20px;color: white;letter-spacing: 20px;}
.index-part3 .item .name{font-size: 14px; color: #333333;font-weight: bold; margin-top: 15px;}
.index-part3 .more {margin-top:30px;border: solid 1px #fea38d;display: inline-block; min-width: 80px; text-align: center;line-height: 24px;padding: 5px 20px; color: #ffffff; background: #fea38d; font-size: 14px;border-radius: 5px;}
.index-part3 .more:hover {color: #ffffff; background: #ff6600;border: solid 1px #ff6600; }

.index-part4 {padding-top:30px; padding-bottom: 50px; background: #eeeeee;}
.index-part4 .title {font-size: 22px;color: #ff6600!important;display: block; font-weight: bolder;margin-bottom: 40px;}
.index-part4 .item .uk-overlay {-webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);}
.index-part4 .item .uk-overlay-background {background: rgba(238,152,158,.6)!important;}
.index-part4 .item .overlay-title{font-size: 20px;line-height: 40px;color: white;}
.index-part4 .item .uk-overlay {height: 260px;overflow: hidden;}
.index-part4 .item img.bb-img {}


.index-part5 {padding-top:30px; padding-bottom: 50px; background: #ffffff;}
.index-part5 .title {font-size: 22px;color: #ff6600!important;display: block; font-weight: bolder;margin-bottom: 40px;}
.index-part5 .item {display: inline-block;position: relative;}
.index-part5 .item .uk-overlay {max-height: 200px; overflow: hidden;}
.index-part5 .item .uk-overlay-background {background: rgba(254,163,141,.5)!important;}
.index-part5 .overlay-content {position: relative;width: 100%;height: 100%; padding: 5%;}
.index-part5 .overlay-content img {width: 100%;}
.index-part5 .overlay-content:before { content: ''; z-index: 9; position: absolute; border:dotted 1px #fff; left: 2%; right: 2%; top: 2%; bottom: 2%;}
.index-part5 .overlay-content .title {font-size: 14px; font-weight: bold; color: black!important;margin: 10px 0;}
.index-part5 .overlay-content .des {font-size: 14px; color: white;}

.index-part5 .more-box {position: absolute;bottom: -18px; width: 100%;}
.index-part5 .more {border: solid 1px #fea38d;display: inline-block; min-width: 80px; text-align: center;line-height: 24px;padding: 5px 20px; color: #ffffff; background: #fea38d; font-size: 14px;border-radius: 5px;}
.index-part5 .more:hover {color: #ffffff; background: #ff6600;border: solid 1px #ff6600; }

.index-part2 .item, .index-part3 .item, .index-part4 .item, .index-part6 .item, .our-escort .wow, .understand-physical .wow, .natal-services .item {
    margin-bottom: 20px;
}
.index-part5 .item{
    margin-bottom: 40px;
}

footer {background: #535353; padding: 20px 0; color: #fff;}
footer .designed-by {font-size: 14px;}
footer .designed-by a {color: #ffffff;}

iframe {min-width: 100% !important; width: 100% !important;}

.offcanvas-box {
    position: absolute;
    right: 20px;
    top: 9%;
}

.page_banner {background-repeat: no-repeat;background-size: cover;width: 100%;height: 30vh;position: relative;}
.page_banner >div{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 1200px;}
.page_banner .bread-crumbs,.page_banner .bread-crumbs a {font-size: 30px;line-height: 30px; color: white;}
.page_banner .bread-crumbs span {padding: 0 10px;}
.page_banner .bread-crumbs a:hover{color: #542883;}


.content-box{
    background: -webkit-linear-gradient(right , #ffffff 50%, #eeeeee 60%, #eeeeee 100%);
    background: -o-linear-gradient(right, #ffffff 50%, #eeeeee 60%, #eeeeee 100%);
    background: -moz-linear-gradient(right, #ffffff 50%, #eeeeee 60%, #eeeeee 100%);
    background: linear-gradient(to right, #ffffff 50%, #eeeeee 60%, #eeeeee 100%);}
.left-menu {padding-left: 0;}
.left-menu .menu {background: #fea38d;padding: 10px 0 20px 0; border-bottom-left-radius:5px; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);box-shadow: 0 3px 10px 2px rgba(0,0,0,.2);}
.left-menu .menu li {margin:0 0 5px 0;}
.left-menu .menu li>a {color: #fff;height: 30px;line-height: 30px;font-size: 16px;padding: 8px 20px;border-bottom: solid 1px #fea38d;}
.left-menu .menu li>a:hover, .left-menu .menu li.active>a{color: black;background: #ff6600;border-bottom: solid 1px #7f5146;}
.left-menu .menu li>a:hover:after, .left-menu .menu li.active>a:after {height: 20px;color: black;line-height: 20px;margin-top: 5px;content: "\f0da";width: 20px;margin-left: 10px;font-family: FontAwesome;text-align: center;}

.right-content{padding-left: 30px; padding-top: 15px; padding-bottom: 30px; background: #eeeeee;min-height: 600px;}
.right-content  h2.title {font-size: 22px;color: #ff6600!important;display: block; font-weight: bolder;margin-bottom: 20px;}
.right-content .about-us h2.sub-title{font-size: 16px;font-weight: 400;color: #ff6600!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .about-us h2.sub-title span {margin-left: 20px;line-height: 32px;}
.right-content .about-us h2:before{content: "";width: 10px; height: 20px; background: #ff6600;margin-top: 5px;display: inline-block;position: absolute;text-align: center;}
.right-content .about-us .des{ color: black;font-size: 14px;line-height: 1.5rem; padding: 10px 0;}

.right-content .our-tcm .left-img-box {padding-top: 8px;}
.right-content .our-tcm .right-text-box {padding-left: 20px;}
.right-content .our-tcm h2.sub-title{font-size: 16px;font-weight: 400;color: #ff6600!important;margin-top: 0;margin-bottom: 10px;}
.right-content .our-tcm h2.des{font-size: 16px;font-weight: 400;color: black!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .our-tcm h2.des span {margin-left: 20px;display: block;line-height: 32px;}
.right-content .our-tcm h2.des:before{content: "";width: 10px; height: 20px; background: #ff6600;margin-top: 5px;display: inline-block;position: absolute;text-align: center;}

.right-content .our-escort .text-box, .right-content .understand-physical .text-box{margin-bottom:40px; }
.right-content .our-escort h2.sub-des{font-size: 16px;font-weight: 400;color: black!important;margin-top: 0;margin-bottom: 10px;}
.right-content .our-escort h2.des, .right-content .understand-physical h2.des, .right-content .body-language-of-newborn-babies h2.des{font-size: 16px;font-weight: 400;color: black!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .our-escort h2.des span, .right-content .understand-physical h2.des span, .right-content .body-language-of-newborn-babies h2.des span {margin-left: 20px;display: block;line-height: 32px;}
.right-content .our-escort h2.des:before, .right-content .understand-physical h2.des:before, .right-content .body-language-of-newborn-babies h2.des:before{content: "";width: 10px; height: 20px; background: #ff6600;margin-top: 5px;display: inline-block;position: absolute;text-align: center;}
.right-content .our-escort .item {border: solid 1px #fea38d;border-radius: 5px;margin-bottom: 20px;min-height: 300px;}
.right-content .our-escort .item .uk-overlay-background {background: rgba(238,152,158,.6)!important;border-radius: 5px;}
.right-content .our-escort .item h2.name{color: #ff6600;font-size: 14px; font-weight: bold; margin: 5px 0 0; }
.right-content .our-escort .item .des{color: black;font-size: 14px; font-weight: bold; padding: 10px; text-align: center;line-height: 1.7rem;
    min-height: 92px;}
.right-content .our-escort .item.more  {cursor: pointer;}
.right-content .our-escort .item.more img {height: 100%;width: 100%;max-width: unset;}
.right-content .our-escort .item .overlay-title {word-wrap: break-word;width: 40px;font-size: 20px;color: white;letter-spacing: 20px;}
.right-content .our-escort .item.more .overlay-title{width: 20px;}

.right-content .understand-physical .item {border: solid 1px #fea38d;border-radius: 5px;margin-bottom: 20px;min-height: 300px;}
.right-content .understand-physical .item .image-box{max-height: 150px;overflow: hidden;}
.right-content .understand-physical .item .uk-overlay-background {background: rgba(238,152,158,.6)!important;border-radius: 5px;}
.right-content .understand-physical .item h2.title{color: black!important;font-size: 22px; font-weight: bold; margin: 10px 0 5px 0;padding: 0 10px;}
.right-content .understand-physical .item .des{color: black;font-size: 14px; font-weight: bold; padding:0 10px 10px 10px; text-align: left; }
.right-content .understand-physical .item .des td {padding: 0;font-size: 14px;min-width: 70px;vertical-align: top;}

.right-content .body-language-of-newborn-babies .item {padding: 20px 0;}
.right-content .body-language-of-newborn-babies .image-box{height: 100%;overflow: hidden;}
.right-content .body-language-of-newborn-babies .image-box img {border-top-left-radius: 10px;}
.right-content .body-language-of-newborn-babies .right-text-box {background: #fea38d;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;}
.right-content .body-language-of-newborn-babies .right-text-box h2.title {font-size: 18px;font-weight: 400;color: black!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .body-language-of-newborn-babies .right-text-box td {color: black!important;min-width: 62px;font-size: 14px;vertical-align: top;}


.right-content .traditional-vs-science h2.des{font-size: 16px;font-weight: 400;color: black!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .traditional-vs-science h2.des span {margin-left: 20px;display: block;line-height: 32px;}
.right-content .traditional-vs-science h2.des:before{content: "";width: 10px; height: 20px; background: #ff6600;margin-top: 5px;display: inline-block;position: absolute;text-align: center;}
.right-content .traditional-vs-science .item {padding: 20px 0 0;}
.right-content .traditional-vs-science .image-box,.right-content .traditional-vs-science .image-box2{height: 100%;overflow: hidden;}
.right-content .traditional-vs-science .item .image-box img {border-top-left-radius: 10px;}
.right-content .traditional-vs-science .item2 .image-box img {border-bottom-right-radius: 10px;}
.right-content .traditional-vs-science .item .right-text-box {background: #fea38d;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;}
.right-content .traditional-vs-science .item .right-text-box h2.title {font-size: 18px;font-weight: 400;color: black!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .traditional-vs-science .item2 .right-text-box {background: white;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;}
.right-content .traditional-vs-science .item2 .right-text-box h2.title {font-size: 18px;font-weight: 400;color: black!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .traditional-vs-science .right-text-box td {color: black!important;min-width: 62px;font-size: 14px;vertical-align: top;}
.right-content .traditional-vs-science .item h2.des{color: white!important;}
.right-content .traditional-vs-science .item h2.des:before{background: white;}
.right-content .traditional-vs-science .item2 h2.des{color: black!important;}
.right-content .traditional-vs-science .item2 h2.des:before{background: #ff6600;}
.right-content .traditional-vs-science .item .content,.right-content .traditional-vs-science .item2 .content{color: black!important;}
.right-content .traditional-vs-science .precautions {padding:10px 30px; border:dotted 1px #ff6600; margin: 20px 0;}
.right-content .traditional-vs-science .precautions h2.title {color: black!important;font-size: 16px;font-weight: 400;margin-bottom: 10px;}
.right-content .traditional-vs-science .precautions .content{font-size: 14px;color: black; line-height: 2rem;}
.right-content .traditional-vs-science .precautions .content ul {padding-left: 15px;}
.right-content .traditional-vs-science .precautions .content ul>li{list-style-type: decimal!important;padding-left: 5px;}

.right-content .natal-services {}
.right-content .natal-services h2.des{font-size: 16px;font-weight: 400;color: black!important;position: relative;display: block;margin-top: 0;margin-bottom: 5px;}
.right-content .natal-services h2.des span {margin-left: 20px;display: block;line-height: 32px;}
.right-content .natal-services .item {}
.right-content .natal-services .item .uk-overlay{width: 100%; border:solid 1px #ff6600;border-radius: 10px;}
.right-content .natal-services .item .uk-overlay-background {background: rgba(250,144,74,.6)!important;}
.right-content .natal-services .item .default {width: 100%;min-height: 200px;}
.right-content .natal-services .item .overlay-content .title {color: #ff6600;font-size: 22px;font-weight: bold;margin-bottom: 20px;}
.right-content .natal-services .item .overlay-content .des {color: black;font-size: 14px;}


.right-content .natal-services h2.des:before{content: "";width: 10px; height: 20px; background: #ff6600;margin-top: 5px;display: inline-block;position: absolute;text-align: center;}
.right-content .natal-services .precautions {padding:10px 30px; border:dotted 1px #ff6600;border-radius: 10px; margin: 20px 0;}
.right-content .natal-services .precautions h2.title {color: #ff6600!important;font-size: 22px;font-weight: bolder;margin-bottom: 10px;}
.right-content .natal-services .precautions .content{font-size: 14px;color: black; line-height: 2rem;}
.right-content .natal-services .precautions .content ul {padding-left: 15px;}
.right-content .natal-services .precautions .content ul>li{list-style-type: disc!important;padding-left: 5px;}
.right-content .natal-services .precautions .content.no-li-style ul>li{list-style-type: unset!important;}

.right-content .contact-us .map {width: 100%;height: 310px;border: 1px solid #ccc;}
.right-content .contact-us i {padding-right: 5px;display: inline-block!important;min-width: 14px;text-align: center;}
.right-content .contact-us .right-contact {padding-left: 20px;padding-top: 20px;}
.right-content .contact-us .right-contact .contact-us-info {color: black;}
.right-content .contact-us .right-contact .contact-us-info td {min-width: 62px;font-size: 14px;vertical-align: top;}

@media screen and (max-width:1220px) {
    .nav-wrap ul {padding-left: 5px;}
    #nav li a {margin: 0 1px;padding: 5px 4px;}
    .index-part1 .slide-box img{max-width: 80%;}
    .index-part4 .item .uk-overlay {height: 215px;overflow: hidden;}
}

@media screen and (max-width:1024px) {
    .page_banner >div{
        width: 100%;
    }
    #nav li a {padding: 5px 3px;}
    .index-part4 .item .uk-overlay {height: 210px;overflow: hidden;}
}
@media screen and (max-width: 959px){
	nav.nav-wrap{ display: none; }
    .detail .uk-sticky-placeholder{display: block;}
    .hc-nav-trigger {top: 24px;right: 25px;}
    .hc-offcanvas-nav h2{text-align: center;}
    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{background:#fea38d;}
    .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a{background: #ff6600;}
    .hc-offcanvas-nav:not(.touch-device) a:hover {background: #ff6600;}
    .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover {background: #ff6600;}
    .uk-grid {margin-left: 0 !important;}
    .image-box:before {display: none;}
    #logo {margin-right: 35px;}
    #logo img{max-height: 70px;}
    #mobilenavbutton {font-size: 32px; color: #ff6600; text-shadow: none;}
    .index-part1 .uk-overlay-panel {padding-left: 20px;}
    .index-part1 .slide-content h3{font-size: 26px;}
    .index-part1 .buttons{padding-top: 10px;}
    .index-part2, .index-part3, .index-part4, .index-part5, .index-part6 {padding: 20px 25px;}
    .index-part2 .uk-container, .index-part3 .uk-container, .index-part4 .uk-container, .index-part5 .uk-container, .index-part6 .uk-container {padding: 0;}
    .index-part2 .item, .index-part3 .item, .index-part4 .item,.index-part6 .item,.our-escort .wow,.understand-physical .wow,.natal-services .item {margin-bottom: 20px;}
    .index-part2 .des { text-align: center!important;}
    .index-part2 .more-box {text-align: center!important;}
    .index-part5 .item {margin-bottom: 40px;}
    .index-part2 .image-content {padding-right: 0; text-align: center!important;}
    .index-part2 .text-content {margin-top: 20px;}
    .index-part2 h3 {text-align: center!important;}
    .index-part2 .title,.index-part3 .title,.index-part4 .title,.index-part5 .title {margin-bottom: 20px;text-align: center!important;}
    .index-part3 .item .name {margin-top: 10px;}
    .index-part3 .more{margin-top: 10px;}

    .content-box {background: #EEEEEE;}
    .right-content {padding-left: 30px;}
    .right-content h2.title {padding-top: 10px;}
    .right-content .our-tcm .left-img-box {text-align: center;}
    .right-content .our-tcm .right-text-box {padding-top: 20px; padding-right: 20px;}
    .right-content .our-escort .item.more img{max-height: 400px;}
    .right-content .contact-us .right-contact {padding-left: 0;}

    footer .designed-by{text-align: center;}
}


@media screen and (max-width:768px) {

    .right-content {padding-left: 0;}
    .right-content .body-language-of-newborn-babies .item{padding: 0;}
    .right-content .body-language-of-newborn-babies .image-box{text-align: center;}
    .right-content .body-language-of-newborn-babies .right-text-box {margin-top: 20px;margin-bottom: 20px;}
    .right-content .traditional-vs-science .image-box, .right-content .traditional-vs-science .image-box2 {text-align: center;}
    .right-content .traditional-vs-science .item .image-box img,.right-content .traditional-vs-science .item2 .image-box img{border-radius:unset;}
    .right-content .traditional-vs-science .item .right-text-box,.right-content .traditional-vs-science .item2 .right-text-box{margin-top: 20px;margin-bottom: 20px;}
    .index-part2 .item, .index-part3 .item, .index-part4 .item, .index-part6 .item, .our-escort .wow, .understand-physical .wow, .natal-services .item {padding-left: 0;}
    .index-part5 .item {padding-left: 0;}
    .index-part4 .item .uk-overlay {height: unset;overflow: hidden;width: 100%;}
    .index-part4 .item .uk-overlay img {width: 100%;}
}
@media screen and (max-width:375px) {

}
@media screen and (max-width:360px) {

}
@media screen and (max-width:320px) {

}