/****************4710255450951 #9f662d***************/
/**********probiotics*************/
.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{font-weight:300;font-size: 1.2em;line-height: 1.2em}
.btn h3{font-weight:300;font-size: 1.3em;line-height: 1.3em;padding-top: 10px;}

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

.probiotics .focusLine { border-color: 1px solid #9f662d;}
.probiotics .color { color: #9f662d;}
.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: #ffffff; color: #ffffff;}

.hightlightTop img { max-width: 100%; width: 100%;}
.hightlightTop2 { display: inline}
.hightlightTop2 img { max-width: 100%; width: 100%;}

.monascus{display: none}

.hightlightBigBig { font-size: 16px; color: #ffffff; font-weight: 300; padding: 10px; text-align: center;}


.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: 18px; margin-bottom: 10px; line-height: 1.6em; display: inline-block; color: #000000; border-bottom: #000000 1px solid;text-shadow:1px 1px 3px #ffffff}
.hightlightBoxRight .hightlightText { line-height: 1.6em; font-size: 16px; padding:0px 0px 0px 0px;color: #000000;text-shadow:0px 2px 5px #ffffff}

.twoRowBox { display: flex; justify-content: center; align-items: center; flex-flow: column; font-size: 22px; color: #919191; line-height:1.6em;font-weight:200; }

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

.picBox img { max-width: 100%;}
.infoBox {text-align: center;padding:0px 0px 0px 50px}
.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:250px; height: 250px; border: #7c6217 3px solid; border-radius: 200px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/nattoanka/e1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/nattoanka/e2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/nattoanka/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.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: #9f662d;}
.el3 { font-size: 16px; line-height: 1.6em;}

.goodsItemInfoBox .card-header { background: #9f662d; }
 
 
.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: 10px; 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;}

.paperLogo { width: 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 60px; padding: 20px;}
.paperLogo .paper { text-align: center; margin-bottom: 20px;}
.paperLogo .paper img { width: auto; max-width: 100%;border: 1px solid #f1f1f1;}

.q{text-align: left; background: #ffffff; color: #000000; font-size: 14px}

.backcolor{background-color: #fd777e;padding: 10px 0px 10px 0px;border-radius:10px;color:#651011 ;font-weight:450!important;}

.nattoankabenefitTitle { font-size: 20px; border-bottom: #a25559 solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 0px; }
.nattoankabenefitBox  { margin-bottom: 10px; line-height: 1.9em; vertical-align: middle; font-size: 15px;}

.nattoankabenefittBox ul li{
	margin: -20px 0px 0px -35px;
	padding: 10px 0 7px 24px;
	list-style: none;
	background-image: url("https://imgc.daikenshop.com/images/goods/nattoanka/li.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;}
.nattoankabenefitText { margin-bottom: 60px;}
.nattoankabenefitPic{ display: block; justify-content: center; text-align: center;}
.nattoankabenefitPic img { width: 100%; max-width:100%;} 

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

.twoRow { width: 100%;}

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

.picBox2 img { max-width: 100%;}
.infoBox2 { padding: 0px}
.c1 { font-size: 20px; color: #000000;text-align: center; font-weight: normal}
.c2 { font-size: 18px;margin-bottom: 10px; padding-bottom: 5px; text-align: center;}
.c2 .color {color: #000000;}
.c2 img {max-width: 70%;}
.c3 { text-align: center; padding: 10px 30px 10px 0px;}

.nattoanka-list{background: #f7f3f5;font-size:1.2rem;
    border: 1px solid #d4c4cc;
    display: block;
    margin: 0px auto;
    padding: 40px 15px 40px 50px;border-radius: 0 2rem 0 2rem;
    width: 100%;line-height: 1.8rem;}

.nattoanka-title{font-size:1.3rem;margin-bottom:20px}

.nattoanka-list ul{
	margin: 0;margin-left: -10px;line-height: 1rem;
}

.nattoanka-list li {
    margin: 2rem 0.6rem 2rem 0rem;font-weight:500;color: #914a57; font-size: 1.5rem;list-style-type: decimal
}
.nattoanka-list li:last-child{margin-bottom: 2rem;}

.nattoanka-list .nattoanka-sub1 li{
    margin-left: -20px; margin-top: 10px; margin-bottom: -10px; font-weight:300;font-size:1.2rem;color: #666666;list-style-type:none
}
.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: #9f662d 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: #9f662d 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
.e01 { background-image: url(https://imgc.daikenshop.com/images/goods/nattoanka_tw/e01.webp) }
.e02 { background-image: url(https://imgc.daikenshop.com/images/goods/nattoanka_tw/e02.webp) }
.e03 { background-image: url(https://imgc.daikenshop.com/images/goods/nattoanka_tw/e03.webp) }
.e04 { background-image: url(https://imgc.daikenshop.com/images/goods/nattoanka_tw/e04.webp) }

.contentManNeed { text-align: center; }
.needTitle {margin-top: 10px; margin-bottom: 10px;font-size: 22px;}
.needPic { position: relative; height: 475px; background-position: center; background-repeat: no-repeat;}
.needBox { position: absolute; bottom: 0px; width: 100%; background: rgba(255,255,255,.8); padding: 10px 20px; text-align:  center; font-size: 24px; line-height: 1.6em; font-weight: normal;}
.needBox .largeText { font-size: 22px; font-weight: 400; line-height: 1.6em;}

.needblock{ padding-left: -15px !important; padding-right: -15px !important}

.hightlightBoxText2 { padding: 50px 0; background-position: bottom center;}
.hightlightBoxText2 .hightlightText { line-height: 2em; font-size: 16px; color: #9b1313; background: #f3b163;opacity: .7; padding: 30px; width: 100%; }
.hightlightText .largeText { font-size: 23px;color: #9b1313;}

.goodsDetailInfo ul{font-weight: bold;color: #9f662d}
.goodsDetailInfo ul .square{list-style-type:square;color: #666666}
.goodsDetailInfo ul li span{font-weight:normal;color: #666666}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem 0.0rem ;
}
/*******************sm*******************/
@media (min-width: 576px) {
    .recommendBox { font-size: 19px; margin-bottom: 80px} 
	
	.monascus{display:inline}
	
    .hightlightTop2 { display:none}
	.hightlightTop2 img { max-width: 100%; width: 100%;}
}

/*******************md*******************/
@media (min-width: 768px) { 
    .goodsItemTitle h2{font-weight:300;font-size: 1em;line-height: 1.2em}
     .paperItem { width: 40%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 10px; padding: 20px;}
	
    .m-hide { display: none!important;}
    
 	.hightlightTop { font-size: 30px;}
    .hightlightBigBig { font-size: 30px; color: #ffffff; font-weight: 300;}
    .elementBox .elements { min-width: 150px; width: 25%; height: 250px;} 
	
    .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;}

	.monascus{display:inline}
	
	.hightlightTop2 { display:none}
	.hightlightTop2 img { max-width: 100%; width: 100%;}
	
	.hightlightBoxText1 { padding: 150px 0px 100px 1500px;}
    .hightlightBoxText { padding: 100px 30px 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: 50%; height: 220px;}
    
	.hightlightBoxRight .hightlightTitle { font-size: 24px; margin-bottom: 10px; line-height: 1.6em; display: inline-block; color: #442f2b; border-bottom: #442f2b 1px solid; }
    .hightlightBoxRight .hightlightText { line-height: 1.6em; font-size: 18px; padding:0px 0px 0px 0px; color: #442f2b; padding-bottom: 10px}

    .twoRowBox { flex-flow: row;font-size:28px; color: #9f662d; font-weight:bold}
    .twoRow { width: 50%;}
    .twoRow.infoBox { padding: 0px 0px 0px 30px}
	.twoRow.picBox{ text-align: right}
	
    .twoRowBox2 { flex-flow: row;}
    .twoRow2 { width: 50%;}
    .twoRow2 .infoBox { width: 30%; padding: 20px}

    .elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem { width: 33%; 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: 250px; height: 250px; border: #7c6217 2px solid; border-radius: 200px; background-position: center; background-repeat: no-repeat;}
	
	.q{text-align:left; background: #ffffff; color: #000000; font-size: 18px}
	
	.luteinbenefitBox  { margin-bottom: 10px; line-height: 1.9em; vertical-align: middle; font-size: 20px;}
	
	.luteinbenefitBox ul li{
	margin: -20px 0px 0px -35px;
	padding: 10px 0 8px 32px;
	list-style: none;
	background-image: url("https://imgc.daikenshop.com/images/goods/nattoanka/li.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px;}

	.nattoanka-list{background: #f7f3f5;font-size:1.2rem;
    border: 2px solid #d4c4cc;
    display: block;
    margin: 0px auto;
    padding: 50px 60px 70px 130px;border-radius: 0 2rem 0 2rem;
    width: 100%;line-height: 0.8rem;}
    .nattoanka-title{font-size:1.3rem;margin-bottom:30px}

    .nattoanka-list ul{
	   margin: 0;margin-left: -10px;line-height: 2rem;
    }

    .nattoanka-list li {
       margin-bottom: 4rem;font-weight:500;color: #914a57; font-size: 2rem;list-style-type: decimal
    }
    .nattoanka-list li:last-child{margin-bottom: 0rem;}

    .nattoanka-list .nattoanka-sub1 li{
       margin-top: 2rem;font-weight:200;font-size:1.5rem;color: #666666;list-style-type:none}
	.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: #9f662d 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: #9f662d 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	.elementItem3 .textBox {text-align: center; line-height: 1.6em;color: #9f662d;font-size: 20px;}
	
	.contentManNeed { text-align: center;}
	.needTitle { margin-bottom: 10px;font-size: 21px;}
	.needPic { position: relative; height: 450px; background-position: center; background-repeat: no-repeat;}
	.needBox { position: absolute; bottom: 0px; width: 100%; background: rgba(255,255,255,.8); padding: 10px 10px; text-align: center; font-size: 18px; line-height: 1.6em; font-weight: normal;}
	.needBox .largeText { font-size: 22px; font-weight: 400; line-height: 1.6em;}
	
	.col-12{ padding-left: -10px !important; padding-right: -10px !important}

	.hightlightBoxText2 { padding: 95px 0 80px; padding-left: 40%; background-position: bottom center;}
    .hightlightBoxText2 .hightlightText { line-height: 2em; font-size: 22px; background: #f3b163;opacity: .9; padding: 40px 0 40px 40px;color: #003030 }
    .hightlightText .largeText { font-size: 50px; color: #9b1313; font-weight: bold}
	
	.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
    }