/****************4710255450074 #30bac3***************/

.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.btn h3{font-weight:300;font-size: 1.3em;line-height: 1.3em;padding-top: 10px;}

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

.mulVitamin .focusLine { border-color: 1px solid #30bac3;}
.mulVitamin .color { color: #30bac3;}
.mulVitamin .color2 { color: #dd8c17;}

.m-hide { display: block!important;}

.hightlightBox { background: #30bac3; color: #ffffff;}

/*.hightlightBoxText { padding: 52px 50px}*/
.hightlightText {}
.hightlightText ol { margin: 0 0 0 0%; }
.hightlightText ol li {font-size: 16px; line-height: 1.8em; color: #606060}
.hightlightText ol {list-style: none; counter-reset: li}
.hightlightText li::before {content: "•"; color: #eaa932;display: inline-block; width: 1.3em;margin-left: -2.5em}

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

.mulVitamin { align-items: center;}
.mulVitamin01Pic { justify-content: center; display: flex;}
.mulVitaminpic {  border-radius: 500px; width: 300px; height: 300px; overflow: hidden; background-position: center; background-size: 100%; }

.pillHightLight { color: #eaa932; font-size: 27px; border-bottom: #eaa932 1px solid; line-height: 1.6em; font-weight: 300; display: block; text-align: left;margin-bottom: 10px; display: inline-block;}
.pillHightLights { color: #eaa932; font-size: 18px; border-bottom: #eaa932 1px solid; line-height: 1.6em; font-weight: 300; display: block; text-align: left;margin-bottom: 10px;display: inline-block;}

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

.c1 { font-size: 24px; color: #000000;text-align: center; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px;}
.c2 { font-size: 18px;}
.c2 .color {color: #000000;}
.c2 img {max-width: 100%;}
.c3 { text-align: center; padding: 10px 20px;color: #628183;}

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

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

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

.goodsItemInfoSection .card-header { background: #30bac3; }
 
.hightlightTitle { font-size: 24px;  line-height: 1.6em; display: inline-block;color:#1299a0}
.hightlightText { line-height: 1.6em; font-size: 16px;color: #333333}
.hightlightBoxin{width:100%;padding:10px;margin:5px 0;background-color: rgba(255,255,255,0.5)}

.elementBox { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.elementItem { width: 100%; padding: 0px; margin-top: 20px}
.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: top; margin: 0 auto 20px; color: #ffffff; max-width:280px; height: 200px; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/mul_vitamin/m1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/mul_vitamin/m2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/mul_vitamin/m3.webp) }
.elementItem .textBox { font-size: 16px; text-align: center; line-height: 1.6em;}

.hightlightBoxText { padding: 60px 30px 0px 30px;}
.hightlightText { line-height: 1.6em; font-size: 16px;}

.hightlightBoxRight { margin-left: 0%;}
.hightlightBoxRight .hightlightTopText {font-size: 24px; color: #ffffff}
.hightlightBoxRight .hightlightText { line-height: 1.6em; font-size: 18px; padding: 0px 0px 40px 0px; text-shadow: 0 0 2px rgba(0,0,0,0.8); color: #ffffff;}

.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: 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;}

.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}

.vTableForm { color: #5c5c5c;}
.vTableForm ul { padding: 0; margin: 0;}
.vTableForm li { line-height: 1.8em; padding: 6px 0; font-size: 15px;}
.vTableForm li:nth-child(odd) { background: #f5f5f5;}
.vTableForm li .col-3 { text-align: right;}

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

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

/*******************md*******************/
@media (min-width: 768px) { 
    .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;}
	
	.mulVitaminpic { width: 300px; height: 300px;}
	
    .twoRowBox { flex-flow: row;}
    .twoRow { width: 50%;}
    .twoRow .infoBox { width: 30%; padding: 20px}

	.hightlightBoxin{width:50%;}
	
	.elementBox { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
    .elementItem { width: 33.3333%; padding: 10px; margin-top: 0px}
    .elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: top; margin: 0 auto 20px; color: #ffffff; max-width: 280px; height: 200px;  border-radius: 10px; background-position: center; background-repeat: no-repeat;}
	
	.hightlightBoxText { padding: 40px 50px;}
    .hightlightText { line-height: 1.6em; font-size: 18px;}
    
    .hightlightBoxRight { margin-left: 48%;}
	.hightlightBoxRight .hightlightTopText {font-size: 24px; color: #944640}

    .hightlightBoxRight .hightlightText { line-height: 2em; font-size: 18px; padding: 0px; text-shadow: 0 0 0px rgba(0,0,0,0.0); color: #333333;}
	
	.vTableForm { color: #5c5c5c;}
	.vTableForm ul { padding: 0; margin: 0;}
	.vTableForm li { line-height: 1.8em; padding: 6px 0; font-size: 18px;}
	.vTableForm li:nth-child(odd) { background: #f5f5f5;}
	.vTableForm li .col-3 { text-align: right;}
	
	.hightlightText ol li {font-size: 18px; line-height: 1.8em; color: #606060}
	
	.box1_m{display:none}
	.box1{display:block}
}