.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  z-index: 999;
  color: #333;
  background-color: #ffffff;
  text-align: left;
  font-size: 1.4rem;
  opacity: 0.9;
  max-width: 100vw;
  /* height: 216px; */ }

.cookie .close,
#cookieModal .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  font-size: 20px; }

.cookie-btn {
  background: #138F3D;
  border-radius: 4px;
  color: white; }

.cookie .close:before,
.cookie .close:after,
#cookieModal .btn-close:before,
#cookieModal .btn-close:after {
  content: "";
  width: 3px;
  height: 30px;
  border-radius: 3px;
  background-color: #138F3D;
  position: absolute;
  top: 50%;
  left: 50%;
  /* transform: translate(-50%,-50%); */ }

.cookie .close:before,
#cookieModal .btn-close:before {
  transform: translate(-50%, -50%) rotate(45deg); }

.cookie .close:after,
#cookieModal .btn-close:after {
  transform: translate(-50%, -50%) rotate(-45deg); }

.cookie .btn {
  font-size: 1.6rem; }

#cookieModal {
  font-size: 1.4rem; }

@media (min-width: 576px) {
  .cookie {
    text-align: center; } }

.fixed-box {
  position: absolute;
  z-index: 99;
  top: -44px;
  right: 0; }
  .fixed-box button.btn.btn-shoppinh {
    background-image: linear-gradient(180deg, #2bc270 0%, #138f3d 100%);
    border-radius: 10px 10px 0 0;
    font-family: NotoSansCJKtc-Medium;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    width: 150px;
    height: 45px; }
    .fixed-box button.btn.btn-shoppinh img {
      max-width: 28px; }
  .fixed-box button.btn.btn-take {
    background-image: linear-gradient(180deg, #c2e342 0%, #8fc31f 100%);
    border-radius: 10px 10px 0 0;
    font-family: NotoSansCJKtc-Medium;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    width: 150px;
    height: 45px; }
    .fixed-box button.btn.btn-take img {
      max-width: 28px; }
  .fixed-box button.btn.btn-consult {
    background-image: linear-gradient(180deg, #0045a2 0%, #002169 100%);
    border-radius: 10px 10px 0 0;
    font-family: NotoSansCJKtc-Medium;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    width: 150px;
    height: 45px; }
    .fixed-box button.btn.btn-consult img {
      max-width: 28px; }

@media (max-width: 992px) {
  .fixed-box {
    width: 100%;
    top: -43px; }
    .fixed-box button.btn.btn-shoppinh,
    .fixed-box button.btn.btn-take,
    .fixed-box button.btn.btn-consult {
      width: calc(50% - 0.15rem);
      height: 45px;
      font-size: 14px; } }

#banner, .official-box {
  background-position-x: 50%;
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: white; }

a.btnicon,
a.unsetLink {
  color: unset;
  text-decoration: none; }

.privacy-policy,
.cookie-policy {
  cursor: pointer; }

a.dropdown-item {
  font-family: NotoSansCJKtc-Medium;
  font-size: 15px;
  color: #00205c;
  letter-spacing: 0;
  line-height: 35px; }
  a.dropdown-item span {
    font-family: NotoSansCJKtc-Regular; }

.official-box {
  padding-top: 80px; }
  .official-box .welcome {
    font-size: 36px;
    color: #138F3D;
    text-align: center; }
  .official-box .icon-box {
    max-width: 600px; }
  .official-box .text {
    letter-spacing: 0;
    text-align: center;
    font-family: NotoSansCJKtc-Medium;
    font-size: 18px; }
  .official-box .fb {
    cursor: pointer; }
    .official-box .fb .text {
      color: #1877f2; }
  .official-box .line {
    cursor: pointer; }
    .official-box .line .text {
      color: #06c755; }

@media (max-width: 992px) {
  .official-box {
    padding-top: 80px; }
    .official-box .welcome {
      font-size: 28px; } }

.home-main {
  position: relative;
  overflow-x: hidden; }
  .home-main .swiper-pagination {
    position: relative;
    top: 0px;
    padding-top: 20px; }
    .home-main .swiper-pagination span.swiper-pagination-bullet {
      background-color: #a5cf4c;
      opacity: 1;
      width: 12px;
      height: 12px;
      margin: 0 20px; }
    .home-main .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #002169; }
  .home-main #article-01 img {
    width: 100%; }
  .home-main #article-02 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-ap-2-d-bg.jpg"); }
    .home-main #article-02 #theme-01 img.img-fluid.d-none.d-lg-block {
      width: calc(100% * (300 / 380)); }
    .home-main #article-02 .items-box {
      max-width: calc(380px * 3); }
      .home-main #article-02 .items-box .title {
        font-size: 36px;
        color: #138f3d;
        font-family: NotoSansCJKtc-Bold, "PingFang TC";
        font-weight: 900; }
    .home-main #article-02 .wave {
      background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-wave.png");
      background-repeat: repeat-x;
      background-position: 50% 33%;
      height: 8px;
      max-width: 1440px; }
    .home-main #article-02 .gift-box {
      max-width: calc(380px * 3);
      position: relative;
      z-index: 1; }
      .home-main #article-02 .gift-box img.path {
        max-width: 24px; }
      .home-main #article-02 .gift-box .subtitle {
        font-family: NotoSansCJKtc-Medium;
        font-size: 30px;
        color: #002169;
        letter-spacing: 2px;
        text-align: center; }
      .home-main #article-02 .gift-box .gift-info-area {
        position: relative; }
        .home-main #article-02 .gift-box .gift-info-area img.gift-info-background {
          width: 100%; }
        .home-main #article-02 .gift-box .gift-info-area img.gift-info-item {
          position: absolute;
          width: calc(100% * (290 / 580));
          cursor: pointer; }
          .home-main #article-02 .gift-box .gift-info-area img.gift-info-item.item1 {
            top: 5%;
            left: calc(50% - 100% * (290 / 580) / 2); }
          .home-main #article-02 .gift-box .gift-info-area img.gift-info-item.item2 {
            bottom: 0;
            left: 0; }
          .home-main #article-02 .gift-box .gift-info-area img.gift-info-item.item3 {
            bottom: 0;
            right: 0; }
    .home-main #article-02 .article-02-bg {
      position: relative;
      top: -105px;
      z-index: 0; }
    .home-main #article-02 .animation-box {
      max-width: 1120px;
      padding-bottom: 180px; }
      .home-main #article-02 .animation-box img.path {
        max-width: 24px; }
      .home-main #article-02 .animation-box .title {
        font-family: NotoSansCJKtc-Medium;
        font-size: 30px;
        color: #002169;
        letter-spacing: 0;
        text-align: center; }
      .home-main #article-02 .animation-box .subtitle {
        font-family: NotoSansCJKtc-Medium;
        font-size: 24px;
        color: #138f3d;
        letter-spacing: 0;
        text-align: center; }
      .home-main #article-02 .animation-box button {
        background-image: linear-gradient(180deg, #2bc270 0%, #138f3d 100%);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        font-family: NotoSansCJKtc-Medium;
        font-size: 18px;
        color: #ffffff;
        letter-spacing: 0;
        text-align: center;
        padding: 16px 113px; }
      .home-main #article-02 .animation-box .info-content-box {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10; }
        .home-main #article-02 .animation-box .info-content-box .info-item {
          display: none; }
      .home-main #article-02 .animation-box .background-animation-box {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
        .home-main #article-02 .animation-box .background-animation-box .animation-item {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0; }
      .home-main #article-02 .animation-box .animation-core {
        position: relative;
        z-index: 9; }
        .home-main #article-02 .animation-box .animation-core .animation-items.product {
          position: relative;
          z-index: 1; }
        .home-main #article-02 .animation-box .animation-core .animation-items.center {
          position: relative;
          z-index: 0; }
        .home-main #article-02 .animation-box .animation-core .image-item .selected-img {
          display: none; }
        .home-main #article-02 .animation-box .animation-core .image-item.selected .selected-img {
          display: block; }
        .home-main #article-02 .animation-box .animation-core .image-item.selected .star {
          display: none; }
      .home-main #article-02 .animation-box .desktop {
        position: relative; }
        .home-main #article-02 .animation-box .desktop .animation-core .animation-items.left,
        .home-main #article-02 .animation-box .desktop .animation-core .animation-items.right {
          width: calc(100% * 240 / (640 + 240 * 2)); }
          .home-main #article-02 .animation-box .desktop .animation-core .animation-items.left img,
          .home-main #article-02 .animation-box .desktop .animation-core .animation-items.right img {
            width: calc(100% * (160 / 240)); }
        .home-main #article-02 .animation-box .desktop .animation-core .animation-items.center {
          width: calc(100% * 640 / (640 + 240 * 2)); }
        .home-main #article-02 .animation-box .desktop .animation-core .animation-items .image-item {
          cursor: pointer; }
        .home-main #article-02 .animation-box .desktop .info-content-box {
          margin: 9% 28% 0 28%;
          width: calc(100% - 28% * 2);
          height: 75%; }
        .home-main #article-02 .animation-box .desktop .background-animation-box {
          margin: 0% 18% 0 18%;
          width: calc(100% - 18% * 2);
          height: 75%; }
      .home-main #article-02 .animation-box .mobile {
        position: relative; }
        .home-main #article-02 .animation-box .mobile .animation-core .animation-items {
          width: 100%; }
          .home-main #article-02 .animation-box .mobile .animation-core .animation-items .image-item {
            width: calc(100% * 0.25);
            height: 250px; }
        .home-main #article-02 .animation-box .mobile .animation-core .animation-items .image-item {
          cursor: pointer; }
        .home-main #article-02 .animation-box .mobile .info-content-box {
          width: calc(100% - 0% * 2);
          height: 46%;
          margin: 41% 0% 0 0%; }
        .home-main #article-02 .animation-box .mobile .background-animation-box {
          width: 100%;
          height: 66%;
          margin: 30% 0% 0 0%; }
      .home-main #article-02 .animation-box .btn-box {
        position: relative;
        z-index: 2; }
  .home-main #article-03 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-article-03-d-bg.png"); }
    .home-main #article-03 .title {
      color: #138f3d;
      font-family: NotoSansCJKtc-Bold, "PingFang TC";
      font-weight: 900;
      font-size: 36px; }
    .home-main #article-03 .subtitle {
      font-family: NotoSansCJKtc-Medium;
      font-size: 24px;
      color: #002169;
      letter-spacing: 0;
      text-align: center; }
    .home-main #article-03 .p1-box .background {
      position: relative;
      z-index: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-article-03-p1-d-bg.png"); }
      .home-main #article-03 .p1-box .background .p1-container {
        max-width: 1000px; }
    .home-main #article-03 .p1-box .shadow-box {
      position: relative;
      top: -30px;
      z-index: 1; }
    .home-main #article-03 .p2-box .image-title {
      max-width: 80px; }
    .home-main #article-03 .p2-box .swiper {
      width: 100%;
      height: 100%; }
    .home-main #article-03 .p2-box .swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden; }
    .home-main #article-03 .p2-box .swiper-button-next,
    .home-main #article-03 .p2-box .swiper-button-prev {
      color: #138f3d; }
    .home-main #article-03 .p2-box .swiper-button-next {
      right: calc((100% - 768px) / 2); }
    .home-main #article-03 .p2-box .swiper-button-prev {
      left: calc((100% - 768px) / 2); }
    .home-main #article-03 .p2-box .p2-box-text-fix {
      min-width: 75px; }
    .home-main #article-03 .p2-box .bg {
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-article-03-content.png");
      padding: 80px;
      min-height: 530px; }
    .home-main #article-03 .p2-box .qtitle {
      font-family: NotoSansCJKtc-Bold;
      font-weight: 900;
      font-size: 24px;
      color: #002169;
      letter-spacing: 0;
      min-height: 80px; }
    .home-main #article-03 .p2-box .qtext {
      font-family: NotoSansCJKtc-Regular;
      font-size: 16px;
      color: #000000;
      letter-spacing: 1px; }
    .home-main #article-03 .p3-box .swiper-button-next,
    .home-main #article-03 .p3-box .swiper-button-prev {
      color: black;
      padding: 30px 30px;
      border-radius: 50%;
      opacity: 0.6;
      background: #ffffff;
      box-shadow: 0 5px 10px 0 #00000033; }
      .home-main #article-03 .p3-box .swiper-button-next::after, .home-main #article-03 .p3-box .swiper-button-next::before,
      .home-main #article-03 .p3-box .swiper-button-prev::after,
      .home-main #article-03 .p3-box .swiper-button-prev::before {
        font-size: 20px; }
    .home-main #article-03 .p3-box .swiper-button-next {
      right: 5px; }
    .home-main #article-03 .p3-box .swiper-button-prev {
      left: 5px; }
    .home-main #article-03 .p3-box .article-box {
      position: relative; }
      .home-main #article-03 .p3-box .article-box .banner-title {
        font-family: NotoSansCJKtc-Medium;
        font-size: 24px;
        font-weight: 900;
        color: #002169;
        letter-spacing: 0; }
      .home-main #article-03 .p3-box .article-box .content {
        font-family: NotoSansCJKtc-Regular;
        font-size: 16px;
        color: #000000;
        letter-spacing: 1px;
        line-height: 28px; }
      .home-main #article-03 .p3-box .article-box .btn-box {
        position: absolute;
        bottom: 5%;
        width: 100%; }
    .home-main #article-03 .p3-box .btn-box button {
      background-image: linear-gradient(180deg, #2bc270 0%, #138f3d 100%);
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      font-family: NotoSansCJKtc-Medium;
      font-size: 18px;
      color: #ffffff;
      letter-spacing: 0;
      text-align: center;
      padding: 16px 113px; }
    .home-main #article-03 .p3-box .theme-04-body {
      border-radius: 15px;
      overflow: hidden; }
  .home-main #article-04 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-article-04-d-bg.png"); }
    .home-main #article-04 .p1-box {
      position: relative; }
      .home-main #article-04 .p1-box img.path {
        max-width: 24px; }
      .home-main #article-04 .p1-box .image-box {
        position: absolute;
        width: 280px;
        top: 12%;
        left: 9%; }
      .home-main #article-04 .p1-box .title {
        font-family: NotoSansCJKtc-Bold;
        font-weight: 900;
        font-size: 36px;
        color: #138f3d;
        letter-spacing: 0; }
      .home-main #article-04 .p1-box .subtitle {
        font-family: NotoSansCJKtc-Medium;
        font-size: 24px;
        color: #002169;
        letter-spacing: 0;
        text-align: center; }
      .home-main #article-04 .p1-box .content {
        font-family: NotoSansCJKtc-Regular;
        font-size: 16px;
        color: #002169;
        letter-spacing: 0;
        text-align: center;
        line-height: 27px; }
    .home-main #article-04 .p2-box img.arrow {
      max-width: 50px; }

#ingredient .dialog-title {
  background: #8fc31f;
  border-radius: 15px;
  font-family: NotoSansCJKtc-Regular;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px; }

#ingredient .dialog-mark {
  font-family: NotoSansCJKtc-Medium;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px; }

.swiper-pagination-bullet {
  background-color: #e9f3d2;
  margin: 0 10px !important;
  width: 14px;
  height: 14px;
  opacity: 1; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #138f3d;
    border: solid 2px white; }

.article-02-item-pages .swiper-button-next,
.article-02-item-pages .swiper-button-prev,
.article-02-gift-pages .swiper-button-next,
.article-02-gift-pages .swiper-button-prev {
  background: #ffffff94;
  padding: 0 22px;
  border-radius: 50%;
  box-shadow: 0 3px 7px 0 #00000033; }
  .article-02-item-pages .swiper-button-next::after, .article-02-item-pages .swiper-button-next::before,
  .article-02-item-pages .swiper-button-prev::after,
  .article-02-item-pages .swiper-button-prev::before,
  .article-02-gift-pages .swiper-button-next::after,
  .article-02-gift-pages .swiper-button-next::before,
  .article-02-gift-pages .swiper-button-prev::after,
  .article-02-gift-pages .swiper-button-prev::before {
    font-size: 20px;
    color: #138f3d; }

.article-02-item-pages .modal-content,
.article-02-gift-pages .modal-content {
  border-radius: 15px;
  overflow: hidden; }
  .article-02-item-pages .modal-content .modal-body,
  .article-02-gift-pages .modal-content .modal-body {
    padding: 0; }
    .article-02-item-pages .modal-content .modal-body .article-02-item-page-content,
    .article-02-item-pages .modal-content .modal-body .article-02-gift-page-content,
    .article-02-gift-pages .modal-content .modal-body .article-02-item-page-content,
    .article-02-gift-pages .modal-content .modal-body .article-02-gift-page-content {
      position: relative;
      z-index: 0; }
      .article-02-item-pages .modal-content .modal-body .article-02-item-page-content .dialog-swiper,
      .article-02-item-pages .modal-content .modal-body .article-02-gift-page-content .dialog-swiper,
      .article-02-gift-pages .modal-content .modal-body .article-02-item-page-content .dialog-swiper,
      .article-02-gift-pages .modal-content .modal-body .article-02-gift-page-content .dialog-swiper {
        max-height: calc(100vh - 20px);
        overflow-y: auto; }
  .article-02-item-pages .modal-content .btn-close,
  .article-02-gift-pages .modal-content .btn-close {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px;
    opacity: 1;
    font-size: 20px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23138F3D'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }

#dialog-tel .btn-close,
#ingredient .btn-close {
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 5px;
  opacity: 1;
  font-size: 20px;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23138F3D'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }

.lint-axis {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: rotate(0deg); }
  .lint-axis .lint-path {
    background-image: linear-gradient(270deg, #e4ff7a 0%, #d8d8d8 100%);
    height: 3px;
    width: 460px;
    display: none; }

.swiper01 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 45px; }

.loading {
  width: 70px;
  height: 70px;
  left: calc(50% - 70px / 2);
  top: calc(50vh - 70px / 2);
  position: relative;
  z-index: 1; }

@media (min-width: 992px) {
  .swiper01 .swiper-slide {
    width: 768px;
    padding: 0 45px; }
  .home-main #article-02 .animation-box .animation-core .image-item:hover {
    cursor: pointer; }
    .home-main #article-02 .animation-box .animation-core .image-item:hover .selected-img {
      display: block; }
    .home-main #article-02 .animation-box .animation-core .image-item:hover .star {
      display: none; } }

@media (max-width: 1720px) {
  .home-main #article-02 .article-02-bg {
    top: -85px; }
  .home-main #article-03 .p2-box .bg {
    min-height: 600px;
    padding: 50px; }
  .home-main #article-03 .p3-box .article-box .btn-box {
    position: relative;
    bottom: 0; }
    .home-main #article-03 .p3-box .article-box .btn-box button {
      padding: 16px 15px; } }

@media (max-width: 1520px) {
  .home-main #article-03 .p2-box .bg {
    min-height: 410px;
    padding: 30px; } }

@media (max-width: 1440px) {
  .home-main #article-02 .article-02-bg {
    top: -55px; }
  .home-main #article-03 .p2-box .bg {
    min-height: 450px;
    padding: 20px; } }

@media (max-width: 1100px) {
  .home-main #article-03 .p2-box .bg {
    min-height: 820px; } }

@media (max-width: 992px) {
  .home-main #article-02 {
    background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-ap-2-m-bg.jpg"); }
    .home-main #article-02 .animation-box {
      padding-bottom: 110px; }
      .home-main #article-02 .animation-box button {
        padding: 10px 50px; }
      .home-main #article-02 .animation-box .title {
        font-size: 22px; }
      .home-main #article-02 .animation-box .subtitle {
        font-size: 16px; }
    .home-main #article-02 .items-box .title {
      font-size: 28px; }
    .home-main #article-02 .gift-box {
      max-width: 100%; }
      .home-main #article-02 .gift-box .subtitle {
        font-size: 22px; }
  .home-main #article-03 {
    background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-article-03-m-bg.png"); }
    .home-main #article-03 .title {
      font-size: 28px; }
    .home-main #article-03 .subtitle {
      font-size: 22px; }
    .home-main #article-03 .p1-box .background {
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-article-03-p1-m-bg.png"); }
    .home-main #article-03 .p1-box .shadow-box {
      top: -10px; }
    .home-main #article-03 .p2-box .title {
      font-size: 28px; }
    .home-main #article-03 .p2-box .qtitle {
      min-height: 80px;
      font-size: 16px; }
    .home-main #article-03 .p2-box .qtext {
      font-size: 16px; }
    .home-main #article-03 .p2-box .bg {
      padding: 15px;
      margin: 0 20px;
      min-height: 460px;
      max-width: calc(100% - 40px); }
      .home-main #article-03 .p2-box .bg img {
        width: 50%; }
    .home-main #article-03 .p2-box .swiper-button-next {
      right: 0px; }
    .home-main #article-03 .p2-box .swiper-button-prev {
      left: 0px; }
    .home-main #article-03 .p3-box .swiper-button-next,
    .home-main #article-03 .p3-box .swiper-button-prev {
      top: 14%; }
    .home-main #article-03 .p3-box .swiper-button-next {
      right: -5%; }
    .home-main #article-03 .p3-box .swiper-button-prev {
      left: -5%; }
  .home-main #article-04 {
    background-image: url("https://www.nestlehealthscience.com.tw/sites/default/files/210924nutrition-article-04-m-bg.png"); }
    .home-main #article-04 .p1-box .title {
      font-size: 28px; }
    .home-main #article-04 .p1-box .subtitle {
      font-size: 20px; }
    .home-main #article-04 .p1-box .content {
      font-size: 16px; }
    .home-main #article-04 .p1-box .image-box {
      position: unset;
      width: 95%; }
  .swiper01 .swiper-slide {
    padding: 0 25px; }
  .lint-axis .lint-path {
    width: 65vw; } }

@media (min-width: 576px) {
  .article-02-item-pages .modal-dialog,
  .article-02-gift-pages .modal-dialog {
    max-width: 1200px; } }

@media (max-width: 576px) {
  .home-main #article-02 .animation-box .mobile .animation-core .animation-items .image-item {
    height: 150px; }
  .home-main #article-02 .animation-box .mobile .info-content-box {
    margin: 46% 0% 0 0%; } }

@media (max-width: 400px) {
  .home-main #article-02 .animation-box .mobile .animation-core .animation-items .image-item {
    height: 110px; }
  .home-main #article-02 .animation-box .mobile .info-content-box {
    margin: 40% 0% 0 0%; } }

@keyframes shake-chunk {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  7% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  14% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  21% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  35% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.shake-chunk.shake-constant {
  animation-name: shake-chunk;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

@keyframes star {
  0% {
    opacity: 1; }
  5% {
    opacity: 0.85; }
  10% {
    opacity: 0.7; }
  15% {
    opacity: 0.55; }
  20% {
    opacity: 0.7; }
  25% {
    opacity: 0.85; }
  30% {
    opacity: 1; } }

.star.shake-constant {
  animation-name: star;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

.star-product.shake-constant {
  animation-name: star;
  animation-duration: 1s;
  animation-timing-function: linear; }

.star-product-last.shake-constant {
  animation-name: star;
  animation-duration: 1s;
  animation-timing-function: linear; }