/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@media screen{*{margin:0;padding:0;font-family:'Noto Sans TC',"微軟正黑體","Source Sans Pro","Arial",sans-serif;}* img{max-width:100%;}body{background-image:url(/themes/custom/nestle_ha3/images/mgm/bg.png);background-position:center center;background-size:cover;}.page-container{position:relative;height:100%;width:100%;max-width:490px;background-image:url(/themes/custom/nestle_ha3/retention/images/img/bg-1.png);background-repeat:no-repeat;background-size:100% auto;margin:0 auto;box-shadow:0 0 8px rgba(0,0,0,0.3);}.page-container .logo{position:absolute;top:1%;left:3%;}.page-container .title-wrap{position:absolute;top:18%;left:13%;}.page-container .title-wrap .title{position:absolute;}.page-container .question-wrap{position:absolute;top:44%;left:20%;}.page-container .question-wrap p{font-size:30px;text-align:center;color:#014099;}@media (max-width:480px){.page-container .question-wrap p{font-size:6vw;}}.page-container .question-wrap p:nth-child(2){font-weight:bold;}.page-container .baby-hr{position:absolute;top:60%;left:10%;width:80%;}.page-container .answer-wrap{position:absolute;top:70%;left:8%;display:flex;flex-direction:column;}@media (max-width:480px){.page-container .answer-wrap{left:0;width:100%;padding:0 9vw;}}.page-container .answer-wrap label{display:flex;align-items:center;font-size:18px;margin-bottom:10px;}@media (max-width:480px){.page-container .answer-wrap label{font-size:3.5vw;margin-bottom:1vw;}}.page-container .answer-wrap label span{font-size:18px;font-weight:bold;color:#014099;}@media (max-width:480px){.page-container .answer-wrap label span{font-size:3.5vw;}}.page-container .answer-wrap label input{min-width:20px;height:20px;margin-right:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;padding:3px;background-clip:content-box;border:1px solid #212121;background-color:transparent;border-radius:50%;}@media (max-width:480px){.page-container .answer-wrap label input{min-width:initial;width:20px;height:20px;margin-right:2vw;}}.page-container .answer-wrap label input[type="radio"]:checked{background-color:#014099;}.page-container .answer-wrap button{width:30%;background-color:transparent;border:0;margin:1rem auto 0;}.page-container .answer-wrap button img{max-width:268px;width:100%;margin:0 auto;}.page-container .answer-wrap button:hover{cursor:pointer;}.page-container .popup{position:absolute;top:0;display:none;box-shadow:0 0 8px rgba(0,0,0,0.3);}.page-container .popup .description{position:absolute;top:41%;left:17%;max-width:66%;}.page-container .popup .description p{max-width:760px;font-size:18px;text-align:justify;}@media (max-width:480px){.page-container .popup .description p{font-size:3.5vw;}}.page-container .popup .description p span{font-size:18px;font-weight:500;}@media (max-width:480px){.page-container .popup .description p span{font-size:3.5vw;}}.page-container .popup .description p:last-child{font-weight:bold;}.page-container .popup .description .img-wrap{display:flex;justify-content:center;}.page-container .popup .description .img-wrap.listen{width:90%;margin:0 auto 16px;}@media (max-width:480px){.page-container .popup .description .img-wrap.listen{margin:0 auto 2vw;}}.page-container .popup .description .img-wrap.point{margin:0 0 10px;}@media (max-width:480px){.page-container .popup .description .img-wrap.point{margin:2vw 0 2vw;}}.page-container .popup.protect .description{top:41%;}.page-container .popup.growup .description{top:35%;}.page-container .popup.growup .description .listen{margin:0 auto 6px;}.page-container .popup.growup .description .point{margin:0;}.page-container .popup.eat .description{top:36%;}.page-container .popup.eat .description .listen{margin:0 auto 6px;}.page-container .popup.eat .description .point{margin:3px 0 5px;}.page-container .popup.sleep .description{top:39%;}.page-container .popup.sleep .description .listen{margin:0 auto 6px;}.page-container .popup.sleep .description .point{margin:3px 0 5px;}.page-container .popup .btn-back{background-color:#ffce00;padding-bottom:1rem;}.page-container .popup .btn-back img{cursor:pointer;width:40%;margin:0 auto;}
}
@media screen{@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ie-doesnt-work{position:relative;}}
}