/****************4710255450272 #6b4d8b***************/
/**********probiotics*************/
.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 #6b4d8b; font-size: 15px; margin-bottom: 40px}
.recommendBoxLeft { background: #6b4d8b; 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: #6b4d8b; margin-right: 5px; }

.probiotics .focusLine { border-color: 1px solid #6b4d8b;}
.probiotics .color { color: #6b4d8b;}
.probiotics .color2 { color: #dd8c17;}

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

.goodsItemTitle.goodsItemTitleLg { font-size: 36px;}
.goodsItemTitle.goodsItemTitleSm { font-size: 24px;}

.hightlightBox { background-repeat: no-repeat; background-position: top left;}
.hightlightTop img { max-width: 100%; width: 100%;}
 
.hightlightBoxText1 { padding: 30px;}
.hightlightBoxText { padding: 30px;}
.hightlightBoxLeft { width: 100%;}
.hightlightTitle { font-size: 24px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;color: #ffffff}
.hightlightText { line-height: 1.6em; font-size: 16px;}

.hightlightBoxRight { margin-left: 0%;}
.hightlightBoxRight .hightlightTitle { font-size: 24px; margin-bottom: 10px; line-height: 1.6em; display: inline-block; color: #e0b0de; border-bottom: #6b4d8b 1px solid;text-shadow: 2px 1px 1px rgba(0, 0, 0, 50)}
.hightlightBoxRight .hightlightText { line-height: 1.6em; font-size: 16px; padding:0px 0px 0px 0px;color: #ffffff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 10)}


.twoRowBox { display: flex; justify-content: center; align-items: center; flex-flow: column;}
.twoRow {}
.twoRow img { max-width: 100%;}
.picBox {}
.picBox img { max-width: 100%;}
.infoBox { padding: 0px; text-align: center;}
.infoBox .info1 { margin-bottom: 10px;}

.textLg { font-size: 24px;}

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

.elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem { width: 100%; padding: 0px; margin-top: 20px}
.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width:300px; height: 220px; border: #b394d5 3px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/elderberry/e1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/elderberry/e2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/elderberry/e3.webp) }
.e4 { background-image: url(https://imgc.daikenshop.com/images/goods/elderberry/e4.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;}


.twoRowBox.elBox { align-items: flex-start;}
.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;}
.el2 .el2_2 { font-size: 18px; color: #6b4d8b;}
.el3 { font-size: 16px; line-height: 1.6em;}

.goodsItemInfoBox .card-header { background: #6b4d8b; }
 
 
.paperBox { display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap;}
.paperItem { width: 30%; 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-width: 100%;border: 1px solid #f1f1f1;}
.paperItem .paperName { font-size: 14px;}

.elderberrybenefitTitle { font-size: 20px; border-bottom: #6b4d8b solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 0px; }
.elderberrybenefitBox  { margin-bottom: 60px; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.elderberrybenefitBox ul {}
.elderberrybenefitBox ul li{ list-style-image: url(https://imgc.daikenshop.com/images/goods/elderberry/li.webp); list-style-type: square; line-height: 1.8em; vertical-align: middle; font-size: 16px;}
.elderberrybenefitText { margin-bottom: 60px;}
.elderberrybenefitPic{ display: block; justify-content: center; text-align: center;}
.elderberrybenefitPic img { width: 100%; max-width:100%;} 

.table-striped{ text-align: center}
.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_m{display:block}
.box1{display:none}
/*******************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: 18px; font-weight: 300; padding: 20px; text-align: center;}
    
    .hightlightBox { background-repeat: no-repeat; background-position: bottom center;}
    .hightlightTop img { max-width: 100%; width: 100%;}
    .hightlightBig { font-size: 16px; font-weight: 300; padding: 20px; text-align: left; line-height: 1.6em;}
	
	.hightlightBoxText1 { padding: 120px 0px 120px 150px;}
    .hightlightBoxText { padding: 80px 100px 50px 100px;}
    .hightlightBoxLeft { width: 60%;}
    .hightlightTitle { font-size: 30px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;color: #ffffff; }
    .hightlightText { line-height: 1.6em; font-size: 18px;padding-bottom: 20px}
    
    .hightlightBoxRight { margin-left: 55%;}
    .hightlightBoxRight .hightlightTitle1 {}
	.hightlightBoxRight .hightlightTitle { font-size: 30px; margin-bottom: 0px; line-height: 1.6em; display: inline-block; color: #e0b0de; border-bottom: #6b4d8b 1px solid; text-shadow: 2px 2px 2px rgba(0, 0, 0, 50) }
    .hightlightBoxRight .hightlightText { line-height: 1.6em; font-size: 18px; padding:0px 0px 0px 0px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 50) ; color: #ffffff; padding-bottom: 10px}

    .twoRowBox { flex-flow: row;}
    .twoRow { width: 50%;}
    .twoRow.infoBox { width: 30%; padding: 20px}
    
    .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: 220px; border: #b394d5 3px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	
	.goodsItemTitle.goodsItemTitleLg { font-size: 48px;}
	.elderberrybenefitBox ul {}
	.elderberrybenefitBox ul li{ list-style-image: url(https://imgc.daikenshop.com/images/goods/elderberry/li.webp); list-style-type: square; line-height: 1.8em; vertical-align: middle; font-size: 20px;}

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