@charset "utf-8";
.art_pnbox a { margin: 0 !important; }
*, body { margin: 0 auto; /* padding: 0; */ font-family: 微軟正黑體, cwTeXYen, Noto Sans TC, Microsoft JhengHei, sans-serif; }
img { display: block; font-size: 0px; max-width: 100%; }
a { text-decoration: none; }
p, li { font-size: 1rem !important; line-height: 2; }
.phone-show { display: none !important; }
.pc-show { display: block !important; }
.mt-1 { margin-top: 1%; }
.mt-2 { margin-top: 2%; }
.mt-5 { margin-top: 5%; }
.flex-box { width: 100%; display: flex !important; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; }
.article_tempBox .crumb ul.flexBox { padding-left: 0; }
.article_tempBox .crumb ul.flexBox li { list-style-type: none !important; margin: 0 !important; }
.blue-heighlight { color: #00559E; }
.red-heighlight { color: #ED1C24; }
.pink-heighlight { color: #FF466B; }
.number-heighlight { font-size: 32px; line-height: 1; font-family: nueva-std, serif; font-weight: 550; font-style: italic; }
.text-center { text-align: center; }
.text-center span { text-align: left; display: inline-block; }
/* main background */
.nestle { background-color: #FFFFF4; color: #42210B; }
.container { padding-top: 5%; box-sizing: border-box; }
/* box-yellow */
.box-yellow { padding: 5%; }
/* box-pink */
.box-pink { padding: 5%; background-color: #FFD9E0; }
/* box-dark-pink */
.box-dark-pink { padding: 5%; background-color: #FFA3B0; margin-bottom: 5%; }
/* 每頁標題 */
.title { color: #FF596F; font-size: 32px; font-weight: 800; letter-spacing: 2px; text-align: center; padding-bottom: 5%; line-height: 2; }
.title span { border-top: 2px solid #FF596F; border-bottom: 2px solid #FF596F; padding: 0.5% 1%; }
/* 區塊標題 */
.box-title { margin-bottom: 5% !important; }
.box-title-text { padding: 0 !important; margin: 0 !important; font-size: 28px !important; line-height: 1.2em !important; position: relative !important; padding-left: 40px !important; background: none !important; color: #42210B !important; text-align: left !important; }
.box-title-text::before { position: absolute; content: ""; top: 0; left: 0; display: inline-block; width: 35px; height: 35px; background-size: cover; background-position: 50%; background-repeat: no-repeat; background-image: url(https://staging-5em2ouy-coqli3sjsuot6.au.platformsh.site/themes/custom/nestheme/images/personal/i-icon.png); }
/* tip樣式 */
.tips { padding: 1% 0; display: flex; justify-content: space-around; align-items: flex-start; }
.tip-icon { width: 2%; min-width: 23px; margin-top: 1px; }
.tip-text { width: 97%; }
.tip-text p { font-size: 18px;/* line-height: 1.5; */ }
/* TIP樣式 */
.TIP-box { margin-left: 1%; }
.TIP { display: flex; justify-content: space-around; align-items: flex-start; padding-bottom: 1.6%; }
.TIP-icon { width: 30px; }
.TIP-text { position: relative; width: 97%; margin-left: 1%; margin-top: -5px; }
.TIP-text h3:nth-child(1) { position: relative; top: 0; left: 0; color: #FA6D88; /* font-weight: 800; */ -webkit-text-stroke: 2px #FA6D88; font-size: 24px; line-height: 1.5; text-shadow: -1px -1px 0 #FA6D88, -1px 1px 0 #FA6D88, -1px 0 0 #FA6D88, 1px -1px 0 #FA6D88, 1px 1px 0 #FA6D88, 1px 0 0 #FA6D88, 0 -1px 0 #FA6D88, 0 1px 0 #FA6D88; }
.TIP-text h3:nth-child(2) { position: absolute; left: 0; top: 0; color: white; font-size: 24px; line-height: 1.5; font-weight: 500; }
/* pink tip樣式 */
.pink-tip { position: relative; width: 100%; }
.pink-tip h3:nth-child(1) { color: #FA6D88; /* font-weight: 800; */ -webkit-text-stroke: 2px #FA6D88; font-size: 24px; line-height: 1.5; text-shadow: -1px -1px 0 #FA6D88, -1px 1px 0 #FA6D88, -1px 0 0 #FA6D88, 1px -1px 0 #FA6D88, 1px 1px 0 #FA6D88, 1px 0 0 #FA6D88, 0 -1px 0 #FA6D88, 0 1px 0 #FA6D88; }
.pink-tip h3:nth-child(2) { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); color: white; font-size: 24px; line-height: 1.5; font-weight: 500; }
.pink-tip-text { padding-top: 4%; }
/* 寶寶發展里程碑 */
.baby-info-box { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; margin-top: 4%; }
/*.baby-info { width: 45%; max-width: 400px; position: relative; background-color: white; -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5); box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5); }*/
.baby-info { width: calc((88% - 20px) / 2); max-width: 400px; border: solid 2px #FF466B; -webkit-box-shadow: 0 0 0 15px white, 15px 15px 10px 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 0 15px white, 15px 15px 10px 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 0 15px white, 15px 15px 10px 8px rgba(0, 0, 0, 0.6); background-color: white; padding: 2%; margin: 4% 3%; position: relative; }
.baby-week { background-image: url(https://staging-5em2ouy-coqli3sjsuot6.au.platformsh.site/themes/custom/nestheme/images/personal/week-bg.png); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; width: 28%; padding-top: 21.1320754716%; left: 6%; text-align: center; color: white; font-size: 18px; top: -17px; }
.baby-week-1 { position: absolute; left: 8%; top: 9%; }
.baby-week-2 { position: absolute; right: 8%; bottom: 24%; }
.baby-week-num { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /* font-size: 65px; */ font-size: 3.73vw; font-family: nueva-std-extended, serif; font-weight: 500; font-style: italic; }
.baby-info-inner {/* border: #FF596F 2px solid; padding: 3% 5%; margin: 4%;*/ }
.baby-info-img { width: 40%; padding: 3% 0; margin: 0 auto; }
.baby-info-img-2 { width: 100%; padding: 10% 0 0 0; }
.baby-info-text p { margin: 0 2.5%; }
.baby-info-text ol li, .baby-info-text ul li { padding-left: 0 !important; }
.baby-info-text ol li:before, .baby-info-text ul li:before { content: none !important; }
.baby-info-title { background-color: #FF596F; color: white; border-radius: 20px; text-align: center; margin: 3% 0; }
.baby-info-title h2 { line-height: 1.5em !important; font-size: 22px !important; font-weight: 600 !important; letter-spacing: 2px !important; background: none !important; margin: 0 !important; padding: 0 !important; }
/* 寶寶體位範圍 */
.baby-growth {/*  border: #FF596F 2px solid; padding: 3% 5%; margin: 4%; letter-spacing: 2px;*/ text-align: center; }
.baby-gender-pic { width: 100%; }
.baby-gender-pic img { width: 40%; max-width: 120px; margin-left: auto; margin-right: auto; }
.baby-growth-box .flex-box .flex-left { width: 100%; max-width: 70px; background-color: #FF596F; color: white; padding: 0 5%; border-radius: 20px; }
.baby-growth-box .flex-box .flex-right { width: 68%; text-align: left; margin-left: 5px; }
.baby-growth-box .dot-line { border-bottom: 2px dashed #FF596F; }
.baby-growth-box .flex-box { width: 100%; padding: 5% 0; max-width: 300px; margin: 0 auto; }
.baby-growth-box .flex-box p { font-size: 1.125rem !important; }
/* 副食品溫習 */
.baby-row2 { display: flex; -webkit-box-pack: justify; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.baby-row2-solidfood-word, .baby-row2-solidfood-pic { margin: 0; }
.baby-row2-solidfood-word { width: 60%; padding-right: 3%; }
.baby-row2-solidfood-pic { width: 40%; }
/* 一日飲食建議量 */
.meal-device { width: 90%; max-width: 1000px; margin-top: 3%; margin-left: auto; margin-right: auto; }
.conversion { width: 70%; max-width: 600px; margin-top: 5%; margin-left: auto; margin-right: auto; }
/* box-type-1 */
.box-type-one { background-color: white; padding: 1%; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
.box-type-one-container { border: 2px solid #FF596F; padding: 10%; }
/* box-type-2 */
.box-type-two { background-color: white; padding: 2% 5%; margin: 0 3% 5% 3%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3), 10px 10px 0px #FFC5CD; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3), 10px 10px 0px #FFC5CD; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3), 10px 10px 0px #FFC5CD; }
/* box-type-3 */
.box-type-three { background-color: white; padding: 2% 5%; margin-bottom: 3%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
.box-type-three-container { display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap; }
.box-type-three-img { /* width: 250px; */ width: 20%; }
.box-type-three-word { /* max-width: calc(97% - 200px); */ width: 77%; padding-left: 3%; }
.box-type-three-title { color: #F15A24; padding: 1.5% 0; }
/* 資料來源 */
.infor-origin { text-align: right; font-size: 14px; padding-top: 60px; }
/* 重要聲明 */
.clame { font-size: 14px; line-height: 1.4; margin: 2% 5% 0 5%; padding-top: 1%; padding-bottom: 3%; border-top: 1px solid #FF596F; color: #FF596F; }
 @media (max-width: 767px) {
p, li { font-size: 16px !important; line-height: 2; }
.article_tempBox .crumb ul.flexBox { display: block; }
h3 { font-size: 18px !important; }
.no-margin { margin-left: -10px; }
.baby-info-title h2 { font-size: 18px !important; }
.title { font-size: 5vw; width: 100%; }
.box-title-text { font-size: 18px !important; }
.box-title-text::before { width: 28px; height: 28px; top: -2px; }
.box-yellow, .box-pink { padding: 10% 5%; }
.tips { padding-top: 5%; }
.tip-text p { font-size: 16px !important; }
.TIP-box { margin-left: 0; }
.TIP { margin: 5% 0; }
.TIP-text h3:nth-child(1), .TIP-text h3:nth-child(2) { font-size: 18px !important; }
.TIP-icon { width: 26px; margin-top: -2px; }
.baby-info { width: 100%; margin-bottom: 15%; max-width: none; }
.baby-week { font-size: 4vw !important; }
.baby-week-num { font-size: 7.625vw !important; }
.box-type-two { padding: 8% 5%; }
.box-type-three-img { width: 50%; }
.box-type-three { margin: 10% 0; padding: 5%; }
.box-type-three-word { width: 100%; }
.box-type-three-title { margin: 10px 0; text-align: center; }
.mt-2 { margin-top: 8%; }
.baby-row2-solidfood-word { width: 100%; padding-right: 0; }
.baby-row2-solidfood-pic { margin-left: auto !important; width: 80%; margin: 0 auto; padding-top: 5%; }
.meal-device { width: 100%; max-width: 600px; }
.conversion { width: 90%; max-width: 350px; }
/* 資料來源 */
.infor-origin { font-size: 13px !important; }
/* 重要聲明 */
.clame { font-size: 12px !important; line-height: 1.5; margin: 10% 5% 0 5%; padding-top: 3%; padding-bottom: 7%; }
.article_tempBox h2.art_tlt { font-size: 1.5em !important; }
.art_pnbox a { width: auto; min-height: 0; margin-bottom: 0.5em !important; }
.baby-growth-box .flex-box .flex-left { width: 100%; max-width: 60px; background-color: #FF596F; color: white; padding: 0 3%; border-radius: 20px; }
}
#mainpart #guidein { padding: 0px !important; width: 100% !important; }
.main_cont ol, .main_cont ul, .main_cont li, .main_cont h1, .main_cont h2, .main_cont h3, .main_cont h4, .main_cont h5, .main_cont h6, .main_cont form { margin: 0 auto; list-style-type: disc; }
.main_cont ul { padding-left: 40px; }
.nestle7-float-container li { padding-left: 0 !important; }
.nestle7-float-container li:before { content: none !important; }
.TIP-box li { padding-left: 0 !important; }
.TIP-box li:before { content: none !important; }
#mainpart #guidein .guidetable { display: inline-block !important; }
.folate-intro ol li, .folate-intro ul li { padding-left: 0 !important; }
.folate-intro ol li:before, .folate-intro ul li:before { content: none !important; }
.folate li:nth-child(3) { padding-left: 33px !important; }
.nav_item .goBackBox a { margin-left: 0 !important; margin-right: 0 !important; }
footer .container .copyright a, footer .container .copyright p, footer .container .copyright span { font-size: 15.5px !important; }
.article_tempBox table { text-align: left; }
.main_cont { margin-bottom: 40px; }
.main_cont h3 { font-size: 1.1rem; line-height: inherit; font-weight: bold; text-align: left; color: inherit; margin-bottom: auto; }
.main_cont img { width: auto; margin-left: auto; margin-right: auto; }