/****************4710255450203 #6e912f **************/
/**********fish oil*************/
.recommendBox { border: 1px solid #89b042; font-size: 15px; margin-bottom: 40px}
.recommendBoxLeft { background: #89b042; 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: #89b042; margin-right: 5px; }

.smooth .focusLine { border-color: 1px solid #89b042;}
.smooth .color { color: #89b042;}
.smooth .color2 { color: #dd8c17;}

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

.large_text { font-size: 20px;}

.goodsItemTag { text-align: center;  margin: 0 auto;}
.goodsItemTag label { color: #ffffff; background: #89b042; padding: 10px 50px; display: inline-block; border-radius: 100px; font-size: 24px}

.hightlightBox { background: #89b042; 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: 180px 30px 70px 30px;}
.hightlightTitle { font-size: 24px; margin-bottom: 20px; line-height: 1.6em; border-bottom: #ffffff 3px solid; display: inline-block;}
.hightlightTitle span.small { font-size: 16px;}
.hightlightText { line-height: 1.6em; font-size: 18px;}

.twoRowBox { display: flex; justify-content: center; align-items: center; flex-flow: column;}
.twoRow { width: 100%;}

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

.sp4Box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.spItem { width: 50%; padding: 20px 0; text-align: center; color: #ffffff; font-weight: bold; font-size: 12px;}
.sp1 { background: #0f425c;}
.sp2 { background: #67a6cb;}
.sp3 { background: #dfa9b0;}
.sp4 { background: #a85b69;}
.goodsItemInfoBox .card-header { background: #89b042; }
 
.vcBox { display: flex; justify-content: center; align-items: center;}
.vcPic { width: 40%;}
.vcPic img { width: 100%;}
.vcText { width: 60%; padding: 20px;}

.hightlightBoxRight { margin-left: 0%;}
.hightlightBoxRight .hightlightTopText {font-size: 24px; color: #ffbae9}
.hightlightBoxRight .hightlightTitle { font-size: 30px; margin-bottom: 10px; line-height: 1.6em; display: inline-block; color: #f89544; border-bottom: #f89544 1px solid;}
.hightlightBoxRight .hightlightText { line-height: 1.6em; font-size: 24px; padding: 0px 0px 100px 0px; text-shadow: 0 0 2px rgba(0,0,0,0.8); color: #ffffff;}

.hightlightBoxLeft { width: 100%;}
.hightlightBoxbottom{ padding: 0 0 50px 0}

.bigText{ font-size: 24px}

.benefitTitle { font-size: 20px; border-bottom: #89b042 solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 0px; }
.benefitBox  { margin-bottom: 60px; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.benefitBox ul li{ list-style-image: url("https://imgc.daikenshop.com/images/goods/smooth/li.webp"); list-style-type: square; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.luteinbenefitBox ul li{ list-style-image: url(https://imgc.daikenshop.com/images/goods/smooth/li.webp); list-style-type: square; line-height: 1.8em; vertical-align: middle; font-size: 20px;}

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

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

.smoothpillBox .goodsItemTitle { margin-bottom: 40px;}
.smoothpillBox .goodsItemInfo { font-size: 16px; line-height: 1.6em;}
.smoothpillPic { justify-content: center; display: flex;}
.smoothpill { border-radius: 500px; width: 120px; height: 120px; overflow: hidden; background-position: center; background-size: 100%; box-shadow: 0 0px 40px rgba(0,0,0,.1)}
.redword{font-size: 26px;color: #a42b25;margin-top: 30px;font-weight: 400;}

.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:20px 30px 10px 0px;font-size: 24px}

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

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

.elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem { width: 100%; padding: 0px; margin-top: 10px;text-align: center;}
.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:320px; height: 380px; border-radius: 0px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/smooth/e1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/smooth/e2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/smooth/e3.webp) }
.elementItem .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem .textBox { font-size: 18px; text-align: center; line-height: 1.3em; margin: 0px 20px}
.elementItem .t1{background-color: #7bb228; border-radius: 20px; padding: 25px 10px;margin-top: 6px;}
.elementItem .t2{background-color: #5aa8d3; border-radius: 20px; padding: 10px 30px;}
.elementItem .t3{background-color: #d75b72; border-radius: 20px; padding: 10px 30px;}
.elementItem .fonta{font-size: 21px; color: #ffffff}
.elementItem .fonts{font-size: 15px; color: #ffffff; text-decoration:underline}

.p11list-top{transition: filter 0.6s;}
a:hover.p11list-top{-webkit-filter:brightness(1.3);}

.btn{opacity: 1}
.btn1:hover{filter:brightness(1.2);opacity: 1;transform: scale(1.1)}

.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: 30px; color: #ffffff; font-weight: 300;}
    
    .infoBox { padding: 20px}
    
    .spItem { width: 25%; padding: 20px 0; text-align: center; color: #ffffff; font-weight: bold; font-size: 14px;}
	
	.twoRowBox { flex-flow: row;}
    .twoRow { width: 100%;}
    .twoRow.infoBox { width: 30%; padding: 20px}
	.twoRowBox.elBox .twoRow { margin: 0 20px;}
	
	.hightlightBoxText {padding: 180px 30px 70px 500px;}
	
	.paperItem { width: 33.3333%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 60px; padding: 20px;}
	
    .smoothpic { width: 270px; height: 270px;}
    
    .smoothpill { width: 270px; height: 270px;}
    .smoothpillBox .goodsItemInfo { font-size: 20px; line-height: 2em;}
    
	.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: 33.33%; padding: 0px; margin-top: 0px}
    .elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 320px; height: 380px; border-radius: 0px; background-position: center; background-repeat: no-repeat;}
		
	.box1_m{display:none}
    .box1{display:block}
}