/****************4710255450593 #1b245c***************/
/**********fish oil*************/
.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{font-weight:300;line-height: 1.3em; font-size: 24px}
.btn h3{font-weight:300;font-size: 1.3em;line-height: 1.3em;padding-top: 10px;}
.btn_hk h3{font-weight:300;font-size: 1.3em;line-height: 1.3em;}

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

.sleep .goodsItemInfo li span.item { padding: 5px 16px; color: #ffffff; border-radius: 8px; display: inline-block; font-size: 18px; background: #1b245c;}
.sleep .goodsItemInfo img { max-width: 100%; width: 100%;}
.sleep .color { color: #1b245c;}
.sleepTitleBig { color: #ffffff; background: #1b245c; padding: 8px 22px; border-radius: 50px; margin: 0px auto 10px; display: inline-block; max-width: 300px; font-size: 22px;}

.sleepTitle { padding: 20px; border-top: dashed 1px #1b245c; border-bottom: dashed 1px #1b245c; text-align: center; color: #1b245c; margin-bottom: 20px; }
.sleepTitle .title_s { font-size: 16px;}
.sleepTitle .title_l { font-size: 20px; letter-spacing: 1px;}

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

.sleep .goodsItemTitle { margin-bottom: 40px;}

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

.sleepbenefitTitle { font-size: 20px; border-bottom: #1b245c solid 5px; padding: 10px 0; margin-bottom: 20px; margin-top: 0px; }
.sleepbenefitBox  { margin-bottom: 60px; line-height: 1.8em; vertical-align: middle; font-size: 20px;}

.sleepbenefitBox ul li{ list-style-image: url( https://imgc.daikenshop.com/images/goods/sleep/li.png); list-style-type: square; line-height: 1.8em; vertical-align: middle; font-size: 20px;}
.sleepbenefitText { margin-bottom: 60px;}
.sleepbenefitPic{ display: block; justify-content: center; text-align: center;}
.sleepbenefitPic img { width: 100%; max-width:100%;} 


.hightlightBoxText { padding: 60px 30px 0px 30px; margin-bottom: 50px}
.hightlightBoxTextb { padding: 60px 30px 0px 30px; margin-bottom: 50px}
.hightlightText { line-height: 1.6em; font-size: 18px;}

.hightlightBoxRight { margin-left: 0%;}
.hightlightBoxRight .hightlightTopText {font-size: 36px; text-shadow: 0 0 10px rgba(0,0,0,1.8);color: #ffffff}
.hightlightBoxRight .hightlightText { line-height: 1.6em; font-size:20px; padding: 0px 0px 60px 0px; text-shadow: 0 0 10px rgba(0,0,0,1.8); color: #ffffff;}

.hightlightBoxLeft { width: 100%;}
.hightlightBoxbottom{ padding: 0 0 50px 0}
.hightlightBoxLeft .hightlightTopText {font-size: 36px; text-shadow: 0 0 10px rgba(0,0,0,0);color: #944640}
.hightlightBoxLeft .hightlightText { line-height: 1.6em; font-size:20px; padding: 0px 0px 60px 0px; text-shadow: 0 0 10px rgba(0,0,0,0); color: #1b245c;}
.hightlightBoxLeft .hightlightTextb { line-height: 1.6em; font-size:20px; padding: 0px 0px 0px 0px; text-shadow: 0 0 10px rgba(0,0,0,0); color: #ffffff;}
.hightlightTitle { font-size: 24px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;}
.hightlightTitle img { width: 100%; max-width:100%;} 


.sleepTe .table thead th { border: none;}
.sleepTe .table th, .sleepTe .table td { font-size: 15px; text-align: center; border: none;}
.sleepTe th.hightlight, .sleepTe td.hightlight { font-size: 18px; background: #1b245c; color: #ffffff; font-weight: 350; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #d46a22;}

.goodsItemInfoBox .card-header { background: #1b245c; }
 
 

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

.kio1 { font-size: 18px; margin: 50px 50px; 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: 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;}

.elementItem { width: 50%; padding: 0px 5px 10px 5px; 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: 100px; border: #1b245c 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e3.webp) }
.e4 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e4.webp) }
.elementItem .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem .textBox { font-size: 16px; text-align: center; line-height: 1.4em;color: #1b245c}

.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem2 { width: 50%; padding: 0px 5px 10px 5px; margin-top: 10px}
.elementItem2 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:200px; height: 200px; border: #1b245c 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
.e5 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e5.webp) ;}
.e6 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e6.webp) }
.e7 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e7.webp) }
.e8 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e8.webp) }
.elementItem2 .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem2 .textBox { font-size: 16px; text-align: center; line-height: 1.4em;color: #1b245c}


.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: #1b245c 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
.e9 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e9.webp) }
.e10 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e10.webp) }
.e11 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e11.webp) }
.e12 { background-image: url(https://imgc.daikenshop.com/images/goods/sleep/e12.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;}

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


.mosaic{color: transparent;text-shadow: 0 0 8px rgba(0,0,0,0.5);}

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

.titlee{padding: 10px; text-align: center;margin-top: -20px}
.titlee img{width: 100%;padding: 3px; }

.type{display:none;}
.type_m{display:block}

.small_text { font-size: 15px;color: #ffffff}
.small_textbg{ background:#ffa76d;border-radius:10px; padding: 10px 10px}

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

.box2_m{display:block}
.box2{display:none}

.box3_m{display:block}
.box3{display:none}

.goodsItemInfo {align-items: center;font-size: 16px;}

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

.picBox img { max-width: 100%;}
.infoBox { padding:0px 0px 0px 25px}

.goodsItemTitle.colorblock{background:#1b245c;color: #ffffff; padding: 13px 0px 8px 0px;border-radius:10px}
/*******************sm*******************/
@media (min-width: 576px) {
    .recommendBox { font-size: 19px; margin-bottom: 80px}
    .elementBox .elements { min-width: 150px; width: 25%; height: 200px;} 
	.sleepbenefitPic{ display: block; justify-content: center; text-align: center;}
    .sleepbenefitPic dl { display: inline-flex;justify-content: center;padding-top:50px;}
	.sleepbenefitPic img { width: 100%; max-width: 70%;} 
}

/*******************md*******************/
@media (min-width: 768px) { 
	.goodsItemTitle h2{font-size: 28px;font-weight:300;line-height: 1.4em}
	.goodsItemInfo {align-items: center;font-size: 20px;}
	
    .hightlightTop { font-size: 30px;}
    .hightlightBig { font-size: 30px; color: #ffffff; font-weight: 300;}
    .elementBox .elements { min-width: 150px; width: 25%; height: 250px;} 

    
    .materialTitle { font-size: 30px; margin-bottom: 10px;}
    .materialText { font-size: 16px}
    
    .fishoilkdbenefitBox .kdbenefit { margin-bottom: 0px;}
    .kdbenefit .benefitNum { display: block;}
    
    .fishoilTe .table th, .fishoilTe .table td { font-size: 16px;}
    .fishoilTe th.hightlight, .fishoilTe td.hightlight { font-size: 20px; }
 
    .hightlightBoxText { padding: 100px 80px 40px 30px;}
    .hightlightBoxTextb { padding: 0px 0px 0px 40px;}
    .hightlightText { line-height: 1.6em; font-size: 22px;}
    
    .hightlightBoxRight { margin-left: 52%;}
	.hightlightBoxRight .hightlightTopText {font-size: 30px;text-shadow: 0 0 0px rgba(0,0,0,0.0); color: #944640}
    .hightlightBoxRight .hightlightText { line-height: 2em; font-size: 20px; padding: 0px 0px -100px 0px; text-shadow: 0 0 0px rgba(0,0,0,0.0); color: #333333;}
	
	.hightlightBoxLeft { width: 50%;}
	.hightlightBoxbottom{padding-bottom: 0px}
	.hightlightBoxLeft .hightlightTopText {font-size: 30px;text-shadow: 0 0 0px rgba(0,0,0,0.0); color: #944640}
    .hightlightBoxLeft .hightlightText { line-height: 2em; font-size: 20px; padding: 0px 0px -100px 0px; text-shadow: 0 0 0px rgba(0,0,0,0.0); color: #333333;}
    .hightlightBoxRight .hightlightTextb { line-height: 2em; font-size: 26px; padding: 0 0 0 0; text-shadow: 0 0 0px rgba(0,0,0,0.0); color: #000000; width: 500px;}
    .hightlightTitle { font-size: 30px; margin-bottom: 10px; line-height: 1.6em; display: inline-block;}
	
	.titleFillet {max-width: 500px; font-size: 22px;}
	
	

	.kio1 { margin: 10px 60px 10px 100px;}
	
	.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: 300px; height: 150px; border: #1b245c 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
	.elementItem .textBox { font-size: 20px; text-align: center; line-height: 1.4em;color: #1b245c;}
	
	.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem2 { width: 50%; 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: 200px; border: #1b245c 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
	.elementItem2 .textBox { font-size: 20px; text-align: center; line-height: 1.4em;color: #1b245c;}
	
	.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: 360px; border: #1b245c 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	
	.elementPic { width:220px; flex-shrink: 0; padding-bottom: 30px}
	.elementPic img { width: 100%; border-radius: 500px; border: 2px solid #1b245c;}
	.elementText { padding: 0px 0px 0px 20px ;}
	.elementTitle { font-size: 26px; color: #1b245c; margin-bottom: 5px;}
	.elementSub { font-size: 22px; color: #6f6f6f; line-height: 1.8em;}
	
	.titlee{padding: -10px; text-align: left;margin-top: -20px;margin-left: -20px}
	.titlee img{width: 40%;}
	
	.type{display:block}
	.type_m{display: none}
	
	.small_text { font-size: 20px;color: #ffffff}
	
	.box1_m{display:none}
	.box1{display:block}
		
	.box2_m{display:none}
	.box2{display:block}
	
	.box3_m{display:none}
	.box3{display:block}

	.twoRowBox { flex-flow: row;font-size:30px; color: #919191; line-height:1.4em;font-weight:300;}
    .twoRow { width: 50%;}
    .twoRow.infoBox { width: 100%; padding: 40px 0px 0px 20px}
    .picBox img { max-width: 100%;}
	
	.b-graphic { text-align: center;}
	.b-graphic img { max-width: 100%;}

}