/****************4710255450012 #3e1d03 #dd8c17***************/
/**********maca*************/
.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em; }
.goodsItemTitle h2{font-weight:300;font-size: 1em;line-height: 1.2em;}
.goodsItemTitle h3{font-weight:300;font-size: 1em;line-height: 1.2em;}

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

.goodsItemInfoBox .goodsItemTitle {font-size: 26px;}

.maca30packs .focusLine { border-color: 1px solid #3e1d03;}
.maca30packs .color { color: #3e1d03;}
.maca30packs .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: 80px 50px}
.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%;}
.infoBox { padding: 0px}

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

.goodsItemInfoBox .card-header { background: #3e1d03; }
 
.paperBox { display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap;}
.paperItem { width: 33.3333%; 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;}

.maca30packs .table thead th { border: none;}
.maca30packs .table th, .fishoilTe .table td { font-size: 15px; text-align: center; border: none;}
.maca30packs th.hightlight, .fishoilTe td.hightlight { font-size: 15px; background: #0e6bb6; color: #ffffff; font-weight: 300; border: none;}
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #0a61a8;border: none;}
.table td, .table th {border: none;text-align: center;}

.watsons{width: 300px; margin-top: -30px}

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


.elementItem .black{text-align: left}
.elementItem .black img{width: 100%;}
.elementItem1 .gold{ text-align: left}
.elementItem1 .gold img{width: 100%;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/30packs/maca_p1_a.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/30packs/maca_p1_b.webp) }
.elementItem .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem .textBox { font-size: 20px; text-align:center; line-height: 1.3em; margin: 0px 20px}
.elementItem1 .textBox { font-size: 20px; text-align: center; line-height: 1.3em; margin: 0px 20px}
.elementItem1 .t1{background-color: #998148; border-radius: 100px; padding: 10px 30px; text-align: center;color: #ffffff;margin:0px 10px}
.elementItem1 .fonts{font-size: 15px; color: #ffffff; text-decoration:underline}
.elementItem .t2{background-color: #000000; border-radius: 100px; padding: 10px 30px; text-align: center;margin:0px 10px}
.elementItem .fonta{font-size: 22px; color: #ffffff}
.elementItem .fonts{font-size: 15px; color: #ffffff; text-decoration:underline}
.elementItem  { text-align: center; }
.elementItem1  { text-align: center; }

.elementBox3 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem3 { width: 25%; 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:230px; height: 300px; border: #dd8c17 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
.e3_1 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/e3_1.webp) }
.e3_2 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/e3_2.webp) }
.e3_3 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/e3_3.webp) }
.e3_4 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/e3_4.webp) }
.e4_1 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/e4_1.webp) }
.e4_2 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/e4_2.webp) }
.e4_3 { background-image: url(https://imgc.daikenshop.com/images/goods/maca/e4_3.webp) }


.elementItem3 .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem3 .textBox { font-size: 18px; text-align: center; line-height: 1.6em;color: #dd8c17;}


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

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

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

.hightlightBoxText2 { padding: 60px 30px; background-position: bottom center;}
.hightlightBoxText2 .hightlightText { line-height: 2em; font-size: 16px; color: #ffffff; background: #3e1d03;opacity: .8;  padding: 30px; width: 100%; }
.hightlightText .largeText { font-size: 30px}

.hightlightBoxText3 { padding: 60px 30px; background-position: bottom center;}
.hightlightBoxText3 .hightlightText { line-height: 2em; font-size: 16px; color: #ffffff; background: #3e1d03;opacity: .8;  padding: 30px; width: 100%; }

.paperItem2 { width: 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center;margin-bottom: 10px; padding: 5px;}
.paperItem2 .paper { text-align: center; margin-bottom: 20px;}
.paperItem2 .paper img { width: auto; max-width: 100%;border: 1px solid #f1f1f1;}
.paperItem2 .paperName { font-size: 14px;}

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

/*******************md*******************/
@media (min-width: 767px) { 
    
    .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%;}
    .infoBox { padding: 20px}
	
	.watsons{width: 350px; margin-top: -20px}
	
	.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; align-items: center; flex-wrap: wrap; margin-left: -30px}
    .elementItem {width: 50%; float:left;padding: 0px; margin-top: 10px}
	.elementItem1 {width: 40%; float:left;padding: 0px; margin-top: 0px}
	.elementItem1 .t1{background-color: #998148; border-radius: 100px; padding: 10px 10px;width: 100%; text-align: center;color: #ffffff;}
    .elementItem .t2{background-color: #000000; border-radius: 100px; padding: 10px 30px;width: 100%; text-align: center; margin: 0px 40px}
	.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff;width: 100%; max-width: 320px; height: 380px; border-radius: 0px; background-position: center; background-repeat: no-repeat;}
	.elementItem .black{text-align: left}
	.elementItem .black img{width: 123%;}
	.elementItem .gold{ text-align: left;}
	.elementItem .gold img{width:80%;}
}

@media (min-width: 768px) { 
	.goodsItemInfoBox .goodsItemTitle {font-size: 30px;}
    .recommendBox { font-size: 19px; margin-bottom: 80px}    
    .elementItem1 .t1 {background-color: #998148;border-radius: 100px;padding: 10px 30px;margin: 0; /* 乾淨簡潔 */text-align: center;color: #ffffff;}
	.elementItem .t2{background-color: #000000; border-radius: 100px; padding: 10px 30px; text-align: center;margin:0px 26px}
	
	.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: 230px; height: 300px; border: #dd8c17 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	
	.box1{display:block}
	.box1_m{display: none}

    .hightlightBoxText2 { padding: 170px 0 70px; padding-left: 30%; background-position: bottom center;}
    .hightlightBoxText2 .hightlightText { line-height: 2em; font-size: 18px; color: #ffffff; background: #3e1d03;opacity: .8; padding: 30px; }
    .hightlightText .largeText { font-size: 36px}

    .hightlightBoxText3 { padding: 310px 0 50px; padding-right: 30%; background-position: bottom center;}
    .hightlightBoxText3 .hightlightText { line-height: 2em; font-size: 18px; color: #ffffff; background: #3e1d03;opacity: .8; padding: 30px; }
	

    .paperItem { width: 33.3333%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 30px; padding: 30px;}
	.paperItem2 { width: 25%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 0px; padding: 10px;}
}