/**************** #007a4c***************/

.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{font-weight:300;font-size: 1.1em;line-height: 1.2em;letter-spacing: 0px;}

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

.ganoderma .focusLine { border-color: 1px solid #007a4c;}
.ganoderma .color { color: #007a4c;}
.ganoderma .color2 { color: #dd8c17;}

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

.hightlightBox { background: #ffffff; 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: 30px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;}
.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 0px 30px;}

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

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

.ganodermaTe .table { background: #f4f4f4;}
.ganodermaTe .table thead th { border: none;}
.ganodermaTe .table th, .ganodermaTe .table td { font-size: 15px; text-align: center; border: none;}
.ganodermaTe th.hightlight, .ganodermaTe td.hightlight { font-size: 18px; background: #007a4c; color: #ffffff; font-weight: 300; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #b43a50;}
.ganodermaTe .broad{width: 120px; }
.ganodermaTe .broadoo{}

.melonTe .table { background: #f4f4f4;}
.melonTe .table thead th { border: none;}
.melonTe .table th, .melonTe .table td { font-size: 15px; text-align: center; border: none;}
.melonTe th.hightlight, .melonTe td.hightlight { font-size: 18px; background: #007a4c; /*background: #e0a967*/;color: #ffffff; font-weight: 300; }
.melonTe .table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #0e905f;/*background-color: #a27a4b;*/}
.melonTe .broad{width: 120px}

.listBox {}
.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: #007a4c; }
 
.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-width: 100%;border: 1px solid #f1f1f1;}
.paperItem .paperName { font-size: 14px;}

.hightlightBoxLeft { width: 100%;}
.hightlightBoxbottom{ padding: 0 0 50px 0}
.hightlightTitle { font-size: 24px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;}
.hightlightTitle img { width: 100%; max-width:100%;} 

.maskElementBox_a { }
.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 #007a4c;}
.elementText { padding: 15px;}
.elementTitle { font-size: 22px; color: #007a4c; margin-bottom: 5px;}
.elementSub { font-size: 16px; color: #6f6f6f; line-height: 1.6em;}

.table-striped tbody tr:nth-of-type(odd) .hightlight { border: none;}
.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;}

.elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem { width: 100%; padding: 0px; margin-top: 10px}
.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:200px; height: 200px; border: #007a4c 1px solid; border-radius: 100px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e3.webp) }
.e4 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e4.webp) }
.e5 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e5.webp) }
.e6 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e6.webp) }
.e7 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e7.webp) }
.e8 { background-image: url(https://imgc.daikenshop.com/images/goods/vitamin_d3/e8.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: 5px 7px 2px 7px;border-radius:8px;color:#9e741a!important ;font-weight:450!important; font-size: 30px; margin-right: 5px}

.fishoilTe .table thead th {border: none;}
.fishoilTe .table th, .fishoilTe .table td { font-size: 15px; text-align: center; /*border: none;*/; }
.fishoilTe th.hightlight, .fishoilTe td.hightlight { background: #0e905f; color: #ffffff; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #0e905f;}
.fishoilTe caption { font-size: 13px;}

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

.paperBox { display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap;}
.paperItem {width: 60%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 40px; padding: 10px;}
.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;}
.paperItem .paperName span{font-size: 20px}

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

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

.luteinbenefitTitle { font-size: 20px; border-bottom: #3da536 solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 0px; }
.luteinbenefitBox  { margin-bottom: 60px; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.luteinbenefitBox ul {}
.luteinbenefitBox ul li{ list-style-image: url( https://imgc.daikenshop.com/images/goods/garlic/li.png); list-style-type: square; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.luteinbenefitText { margin-bottom: 60px;}
.luteinbenefitPic{ display: block; justify-content: center; text-align: center;}
.luteinbenefitPic img { width: 100%; max-width:100%;} 

.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; }
.c2 { font-size: 18px;margin-bottom: 10px; padding-bottom: 5px;}
.c2 .color {color: #000000;}
.c2 img {max-width: 100%;}
.c3 { text-align: center; padding: 10px 30px 10px 0px;}

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

.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem2 { width: 100%; padding: 0px; margin-top: 10px}
.elementItem2 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:300px; height: 300px; border: #377850 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}

.elementBox3 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem3 { width: 100%; padding: 0px; margin-top: 10px}
.elementItem3 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:300px; height: 300px; border: #377850 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
.e01 { background-image: url(https://imgc.daikenshop.com/images/goods/melon/e01.webp) }
.e02 { background-image: url(https://imgc.daikenshop.com/images/goods/melon/e02.webp) }
.e03 { background-image: url(https://imgc.daikenshop.com/images/goods/melon/e03.webp) }
.e04 { background-image: url(https://imgc.daikenshop.com/images/goods/melon/e04.webp) }

.goodsItemTitle.colorblock{background:#007a4c;color: #ffffff; padding: 13px 0px 8px 0px;border-radius:10px}
.maskElementItemBox .colorblock{background:#007a4c;color: #ffe1bc; padding: 10px 0px 10px 0px;border-radius:100px; text-align: center; font-size: 36px; font-weight: bold}

.goodsDetailInfo ul{font-weight: bold;color: #429b65}
.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) { 
    .goodsItemTitle h2{font-weight:300;font-size: 1em;line-height: 1.2em}

    .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%;padding-bottom: 0px}
    .infoBox { padding: 20px}
    
    .hightlightBoxText { padding: 120px 50px; padding-left: 60%; background-position: bottom center;}
    .hightlightTitle { font-size: 30px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;}
    .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 {}
    .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%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 60px; padding: 20px;}

	.hightlightBoxLeft { width: 50%;}
	.hightlightBoxbottom{padding-bottom: 0px}
    .hightlightTitle { font-size: 30px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;}
	
	.elementPic { width:200px; flex-shrink: 0; padding-bottom: 30px}
	.elementPic img { width: 100%; border-radius: 500px; border: 2px solid #007a4c;}
	.elementText { padding: 30px;}
	.elementTitle { font-size: 24px; color: #007a4c; margin-bottom: 10px;}
	.elementSub { font-size: 22px; color: #6f6f6f; line-height: 1.8em; font-weight: bold}

	.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: 2px 4px}
	.tickcolor{color:#41ad49}
	
	.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: 200px; height: 200px; border: #007a4c 1px solid; border-radius: 100px; background-position: center; background-repeat: no-repeat;}
	
    .fishoilTe .table th, .fishoilTe .table td { font-size: 18px;}
    .fishoilTe th.hightlight, .fishoilTe td.hightlight { font-size: 22px; }
	
	.twoRowBox { flex-flow: row;}
    .twoRow { width: 50%;}
    .twoRow.infoBox { width: 30%; padding: 20px}
	.twoRowBox.elBox { align-items: flex-start;}
	
	.paperItem2 { width: 25%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center;margin-bottom: 0px; padding: 0px;}
	
	.ganodermaTe .broad{width: 220px;}
	.ganodermaTe .broadoo{text-align:left;padding-left: 80px}
	.melonTe .broad{width: 300px}
	.melonTe .broadoo{text-align:left;padding-left: 90px}

	.box1_m{display:none}
    .box1{display:block}
	
	.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem2 { width: 25%; padding: 10px; margin-top: 0px}
    .elementItem2 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 300px; height: 300px; border: #377850 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	
	.elementBox3 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem3 { width: 25%; padding: 5px; margin-top: 0px}
    .elementItem3 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width: 300px; height: 300px; border: #377850 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	.elementItem3 .textBox { font-size: 18px; text-align: center; line-height: 1.6em;color: #377850;font-size: 20px;}
}