/****************4710255450111 #fed442 #977501***************/
/**********fish oil*************/
.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{font-weight:300;line-height: 1.3em; font-size: 28px}

.recommendBox { border: 1px solid #f6ca5f; font-size: 15px; margin-bottom: 40px}
.recommendBoxLeft { background: #f6ca5f; 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: #f6ca5f; margin-right: 5px; }

.sugar .goodsItemInfo li span.item { padding: 5px 16px; color: #ffffff; border-radius: 8px; display: inline-block; font-size: 18px; background: #9f0071;}
.sugar .focusLine { border-color: 1px solid #977501;}
.sugar .color { color: #977501;}

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

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

.sugar .goodsItemTitle { margin-bottom: 40px;}

.elementSec { text-align: center;}
.elementTitle { color: #ffffff; background: #f6ca5f; padding: 8px 22px; border-radius: 50px; margin: 0px auto 10px; display: inline-block; max-width: 300px; font-size: 22px;}
.elementBox {display: flex;flex-flow: column;justify-content: center;align-items: center;flex-wrap: wrap;}
.elementOne { display: flex; flex-flow: column; justify-content: center; align-items: center; color: #ffffff; width: 100%; padding: 30px 20px 30px;}
.elementName { font-size: 24px; text-align: center; margin-bottom: 5px;}
.elementinfo { font-size: 16px; text-align: center;}
.element01 { background-image: url(https://imgc.daikenshop.com/images/goods/sugar/e1.png); background-position: top center; background-repeat: no-repeat;}
.element02 { background-image: url(https://imgc.daikenshop.com/images/goods/sugar/e2.png); background-position: top center; background-repeat: no-repeat;}
.element03 { background-image: url(https://imgc.daikenshop.com/images/goods/sugar/e3.png); background-position: top center; background-repeat: no-repeat;}
.element04 { background-image: url(https://imgc.daikenshop.com/images/goods/sugar/e4.png); background-position: top center; background-repeat: no-repeat;}

.twoBenefit { justify-content: center; align-items: center; display: none;}
dl.benefitOne { display: flex;  align-items: center; flex-flow: column; margin-top: 20px; width: 100%;}
dl.benefitOne dt { font-size: 24px; margin-bottom: 10px;}
dl.benefitOne dd { font-size: 18px; line-height: 1.6em;}

.twoBenefit .line { display: none;}
.goodsItemInfoBox .goodsItemTitle.title_small { font-size: 24px;}

.arrowBox1 { margin-bottom: 10px; background: #c1dbe5; font-size: 18px; padding: 20px; position: relative;}
.arrowBox1:after { display: none;}
.arrowBox2 { margin-bottom: 10px; background: #54b768; color: #ffffff; font-size: 18px; padding: 20px; position: relative;}
.arrowBox2:after { display: none;}
.endText { font-size: 24px; color: #54b768; margin-bottom: 10px;}

.goodsItemInfoBox .card-header { background: #f6ca5f; }
 
.paperBox { font-size: 12px;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: 0px; padding: 20px;}
.paperItem .paper { text-align: center; margin-bottom: 20px;}
.paperItem .paper img { width: auto; max-width: 100%;border: 1px solid #f1f1f1;}
.paperItem .paperName { font-size: 14px;}

.hightlightBoxText { padding: 80px 20px 80px 20px; color: #000000;}
.hightlightTitle { font-size: 24px; margin-bottom: 20px; line-height: 1.6em; border-bottom: #ffffff 3px solid; display: inline-block;}
.hightlightTitle span.small { font-size: 20px;}
.hightlightText { line-height: 1.6em; font-size: 26px;}

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

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

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

.deswords{font-size: 13px;}

.twoRowBox { display: flex; justify-content: center;  flex-flow: column; font-size: 22px; color: #919191; line-height:1.6em;font-weight:200; }
.twoRow { width: 100%;}
.picBox img { max-width: 100%;}
.infoBox {margin: 20px;color: #333;padding: 0px 0px 0px 25px;}
/*******************sm*******************/
@media (min-width: 576px) {
    .recommendBox { font-size: 19px; margin-bottom: 80px}    
    
}

/*******************md*******************/
@media (min-width: 768px) { 
    
    .goodsItemTitle h2 {font-weight: 300;font-size: 32px;line-height: 1.4em;}
    .goodsItemInfo {align-items: center;font-size: 20px;}
    
    .hightlightTop { font-size: 30px;}
    .hightlightBig { font-size: 30px; color: #ffffff; font-weight: 300;}
    .elementBox .elements { min-width: 150px; width: 25%; height: 250px;} 


    .m-hide { display: none!important;}
    .elementOne { width: 25%; padding: 120px 20px 160px; }
    .elementName { font-size: 18px; text-align: center; margin-bottom: 20px;}
    .elementinfo { font-size: 18px; text-align: center;}
    .twoBenefit .line { display: block; width: 1px; background: #f6ca5f; height: 200px;}

    .twoBenefit { display: flex; justify-content: center; align-items: center; margin-top: -50px; }
    dl.benefitOne { width: 48%; display: flex;  align-items: center; flex-flow: column; margin-top: 0px;}
    dl.benefitOne dt { font-size: 24px; margin-bottom: 10px;}
    dl.benefitOne dd { font-size: 18px; line-height: 1.6em;}
    
    .twoRowBox { flex-flow: row;font-size:30px; color: #919191; line-height:2em;font-weight:200;}
    .twoRow { width: 50%;}
    .arrowBox1:after { content: ""; position: absolute; width: 20px; height: 20px; left: -10px; top: 25px; background: #c1dbe5; transform: rotate(45deg); display: block;}
    .arrowBox2:after { content: ""; position: absolute; width: 20px; height: 20px; left: -10px; top: 25px; background: #54b768; transform: rotate(45deg); display: block; }

    .hightlightBoxText { padding: 210px 500px 220px 50px; color: #000000;}
    .hightlightTitle { font-size: 24px; margin-bottom: 20px; line-height: 1.6em; border-bottom: #ffffff 3px solid; display: inline-block;}
    .hightlightTitle span.small { font-size: 20px;}
    .hightlightText { line-height: 1.6em; font-size: 26px;}

    .elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem { width: 25%; padding: 10px; margin-top: 0px}
    .elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 300px; height: 200px; border: #977501 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
    .elementItem .textBox { font-size: 20px; text-align: center; line-height: 1.4em;color: #977501;}

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

    .deswords{font-size: 16px;}
    .infoBox { padding: 0px 0px 0px 100px}
    
}