/**************** #5b96c7***************/

.hightlightTop h2 { font-weight: 300; font-size: 1em; line-height: 1.2em; }
.goodsItemTitle h2 { font-weight: 300; font-size: 1em; line-height: 1.2em; }

.recommendBox { border: 1px solid #5b96c7; font-size: 15px; margin-bottom: 40px; }
.recommendBoxLeft { background: #5b96c7; align-items: center; justify-content: center; display: flex; color: #ffffff; }
.recommendBoxRight { padding: 20px; color: #5c5c5c; }
.recommendBoxRight .item { padding-top: 5px; padding-bottom: 5px; }
.recommendBoxRight .item i { color: #5b96c7; margin-right: 5px; }

.gummies .focusLine { border: 1px solid #5b96c7; } /* 修正 */
.gummies .color { color: #5b96c7; }
.gummies .color2 { color: #dd8c17; }

.m-hide { display: block !important; }
.b-graphic { text-align: center; }
.b-graphic img { max-width: 100%; }

.hightlightBox { background: #5b96c7; color: #ffffff; }
.hightlightTop img { max-width: 100%; width: 100%; }
.hightlightBig { font-size: 20px; color: #ffffff; font-weight: 300; padding: 20px; text-align: center; }

.hightlightBoxText { padding: 50px; background-position: center center; }
.hightlightTitle { font-size: 24px; margin-bottom: 10px; line-height: 1.6em; display: inline-block; } /* 合併後以 24px 為 base */
.hightlightText { line-height: 1.6em; font-size: 16px; }

.hightlightBoxText2 { padding: 50px 0; background-position: bottom center; }
.hightlightBoxText2 .hightlightText { line-height: 2em; font-size: 16px; color: #ffffff; background: #6e2716; padding: 30px; width: 100%; }
.hightlightText .largeText { font-size: 24px; }

.hightlightBoxLeft { padding: 80px 30px 0 30px; width: 100%; } /* 合併 */
.hightlightBoxbottom { padding: 0 0 50px 0; }

.twoRowBox { display: flex; justify-content: center; align-items: center; flex-flow: column; } /* 合併 */
.twoRow { width: 100%;text-align: center; }
.picBox img { max-width: 100%; }
.infoBox { padding: 0; text-align: center; } 

.goodsLogoPic { text-align: center; }
.goodsLogoPic img { max-width: 100%; }

.gummiesTe .table { background: #f4f4f4; }
.gummiesTe .table thead th { border: none; }
.gummiesTe .table th, .gummiesTe .table td { font-size: 15px; text-align: center; border: none; }
.gummiesTe th.hightlight, .gummiesTe td.hightlight { font-size: 18px; background: #5b96c7; color: #ffffff; font-weight: 300; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #b43a50;border: none; }

.listBox .listBoxTitle { font-size: 18px; color: #97c54d; border-bottom: 3px solid #97c54d; margin-bottom: 10px; padding: 10px 0; }
.listBox ul { margin: 20px 0; }
.listBox ul li { list-style: disc; font-size: 14px; line-height: 1.6em; font-weight: bold; }

.wTitle { font-size: 24px; color: #835348; text-align: center; }

.goodsItemInfoBox .card-header { background: #5b96c7; }

.paperBox { display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap; } 
.paperItem { width: 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 60px; padding: 20px; }
.paperItem .paper { text-align: center; margin-bottom: 20px; }
.paperItem .paper img { width: auto; max-height: 100%; border: 1px solid #f1f1f1; } 
.paperItem .paperName { font-size: 14px; }

.hightlightTitle img { width: 100%; max-width: 100%; }

.maskElementBox_a .maskElementItemBox { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.elementPic { width: 140px; flex-shrink: 0; }
.elementPic img { width: 100%; border-radius: 500px; border: 2px solid #5b96c7; }
.elementText { padding: 15px; }
.elementTitle { font-size: 22px; color: #5b96c7; margin-bottom: 5px; }
.elementSub { font-size: 16px; color: #6f6f6f; line-height: 1.6em; }

.luteinbenefitTitle { font-size: 20px; border-bottom: #bb616f solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 0; }
.luteinbenefitBox { margin-bottom: 10px; line-height: 1.9em; vertical-align: middle; font-size: 15px; }
.luteinbenefitBox ul li {
  margin: -20px 0 0 -35px;
  padding: 10px 0 7px 24px;
  list-style: none;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
}
.luteinbenefitText { margin-bottom: 60px; }
.luteinbenefitPic { display: block; justify-content: center; text-align: center; }
.luteinbenefitPic img { width: 100%; max-width: 100%; }

.table td, .table th { border: none; text-align: center; }

.elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-weight: 300; } /* 合併 */
.elementBox .elements { min-width: 150px; width: 50%; height: 175px; background-position: center; background-repeat: no-repeat; background-size: contain; display: flex; flex-flow: column; justify-content: center; align-items: center; color: #000000; flex-shrink: 0; flex-wrap: wrap; }
.elements .e_p1 { font-size: 30px; line-height: 1.3em; }
.elements .e_p2 { font-size: 18px; line-height: 1.3em; }

.elementItem { width: 100%; padding: 0; margin-top: 20px; }
.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width: 300px; height: 300px; border: #5b96c7 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat; }
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/kidfishoil/e1.webp); }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/kidfishoil/e2.webp); }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/kidfishoil/e3.webp); }
.e4 { background-image: url(https://imgc.daikenshop.com/images/goods/kidfishoil/e4.webp); }
.e5 { background-image: url(https://imgc.daikenshop.com/images/goods/kidfishoil/e5.webp); }
.e6 { background-image: url(https://imgc.daikenshop.com/images/goods/kidfishoil/e6.webp); }
.elementItem .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center; }
.elementItem .textBox { font-size: 18px; text-align: center; line-height: 1.6em; }

.backcolor { background-color: #ecd196; padding: 10px 0 4px 0; border-radius: 10px; color: #9e741a !important; font-weight: 450 !important; }

.fishoilTe .table thead th { border: none; }
.fishoilTe .table th, .fishoilTe .table td { font-size: 13px; text-align: center;}
.fishoilTe th.hightlight, .fishoilTe td.hightlight { font-size: 15px; background: #dfab34; color: #ffffff; font-weight: 300; }
.fishoilTe caption { font-size: 13px; }


.twoRow img { max-width: 100%; }
.infoBox .info1 { margin-bottom: 10px; }
.twoRowBox.elBox .twoRow { margin: 0 20px; }
.el1 { margin-bottom: 20px; text-align: center; }
.el1 img { border-radius: 500px; width: 70%; }
.el2 { display: flex; justify-content: space-around; align-items: center; border-bottom: #000000 2px solid; margin-bottom: 30px; padding-bottom: 10px; }
.el2 .el2_1 { font-size: 24px; color: #000000; }
.el3 { font-size: 16px; line-height: 1.6em; }

.paperItem2 { width: 75%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 20px; padding-bottom: 20px; }
.paperItem2 .paper { text-align: center; margin-bottom: 20px; }
.paperItem2 .paper img { width: auto; max-width: 100%; }
.paperItem2 .paperName { font-size: 14px; }

.mosaic { color: transparent; text-shadow: 0 0 8px rgba(0,0,0,0.5); }

.fishoilkdbenefitBox .kdbenefit { text-align: center; margin-bottom: 40px; }
.fishoilkdbenefitBox .col-md-4:last-child .kdbenefit { margin-bottom: 0; }
.benefit1 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg1.svg); background-position: center; background-size: auto 90%; background-repeat: no-repeat; }
.benefit2 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg2.svg); background-position: center; background-size: auto 90%; background-repeat: no-repeat; }
.benefit3 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg3.svg); background-position: center; background-size: auto 90%; background-repeat: no-repeat; }
.kdbenefit .benefitNum { font-size: 72px; font-style: italic; color: #0e6bb6; display: none; }
.kdbenefit .benefitTitle { font-size: 26px; font-weight: bold; margin-bottom: 12px; color: #0e6bb6; text-align: center; }
.kdbenefit .benefitSub { font-size: 16px; line-height: 1.6em; text-align: center; }

.hightlightBigBig { font-size: 20px; color: #ffffff; font-weight: 500; padding: 10px 20px; text-align: center; }
.hightlightBigBig span { font-size: 15px; color: #ffffff; font-weight: 300; }

.tick { color: #ffffff; text-decoration: none; background-color: #41ad49; text-align: center; border-radius: 100px; font-size: 16px; font-weight: bold; padding: 1px 3px; }
.tickcolor { color: #41ad49; }

.box1 { display: none; }
.box1_m { display: block; }

.goodsDetailInfo ul { font-weight: bold; color: #5b96c7; }
.goodsDetailInfo ul .square { list-style-type: square; color: #666666; }
.goodsDetailInfo ul li span { font-weight: normal; color: #666666; }

/*******************sm*******************/
@media (min-width: 576px) {
  .recommendBox { font-size: 19px; margin-bottom: 80px; }
}

/*******************md*******************/
@media (min-width: 768px) {
  .m-hide { display: none !important; }

  .hightlightTop { font-size: 30px; }
  .hightlightBig { font-size: 30px; color: #ffffff; font-weight: 300; }

  .twoRowBox { flex-flow: row; }
  .twoRow { width: 50%; }
  .infoBox { padding: 20px; }

  .hightlightBoxText { padding: 120px 50px; padding-left: 60%; background-position: bottom center; }
  .hightlightTitle { font-size: 30px; } /* RWD 覆寫 */
  .hightlightText { line-height: 1.6em; font-size: 16px; }

  .hightlightBoxText2 { padding: 170px 0 70px; padding-left: 30%; background-position: bottom center; }
  .hightlightBoxText2 .hightlightText { line-height: 2em; font-size: 18px; color: #ffffff; background: #6e2716; padding: 30px; }
  .hightlightText .largeText { font-size: 36px; }

  .hightlightBoxText3 { padding: 90px 80px; }


  .listBox .listBoxTitle { font-size: 24px; color: #f29b76; border-bottom: 3px solid #f29b76; margin-bottom: 10px; padding: 10px 0; }
  .listBox ul { margin: 20px 0; }
  .listBox ul li { list-style: disc; font-size: 18px; line-height: 1.8em; font-weight: bold; }

  .paperItem { width: 33.3333%; margin-bottom: 60px; padding: 20px; }

  .hightlightBoxLeft { width: 50%; }
  .hightlightBoxbottom { padding-bottom: 0; }

  .elementPic { width: 200px; flex-shrink: 0; padding-bottom: 30px; }
  .elementPic img { width: 100%; border-radius: 500px; border: 2px solid #5b96c7; }
  .elementText { padding: 30px; }
  .elementTitle { font-size: 24px; color: #5b96c7; margin-bottom: 5px; }
  .elementSub { font-size: 18px; color: #6f6f6f; line-height: 1.8em; }

  .tick { padding: 2px 4px; }
  .tickcolor { color: #41ad49; }

  .luteinbenefitBox { margin-bottom: 10px; line-height: 1.9em; vertical-align: middle; font-size: 20px; }
  .luteinbenefitBox ul li {
    margin: -20px 0 0 -35px;
    padding: 10px 0 8px 0;
    list-style: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px;
  }

  .elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
  .elementItem { width: 33%; padding: 10px; margin-top: 0; }
  .elementItem .picBox { margin: 0 auto 20px; max-width: 300px; height: 300px; }

  .fishoilTe .table th, .fishoilTe .table td { font-size: 16px; }
  .fishoilTe th.hightlight, .fishoilTe td.hightlight { font-size: 20px; }

  .twoRow.infoBox { width: 30%; padding: 20px; }
  .twoRowBox.elBox { align-items: flex-start; }

  .paperItem2 { width: 25%; margin-bottom: 0; padding: 0; }

  .fishoilkdbenefitBox .kdbenefit { margin-bottom: 0; }
  .kdbenefit .benefitNum { display: block; text-align: center; }

  .hightlightBigBig { font-size: 30px; color: #ffffff; font-weight: 300; padding: 10px 20px; }
  .hightlightBigBig span { font-size: 20px; color: #ffffff; }

  .box1 { display: block; }
  .box1_m { display: none; }
}