/****************4710255450036 #009ade***************/
/**********fish oil*************/
.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2 {font-weight: 300;line-height: 1.2em;font-size: clamp(1em, 2vw, 26px);}

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

.epa1200exgold .goodsItemInfo li span.item { padding: 5px 16px; color: #ffffff; border-radius: 8px; display: inline-block; font-size: 18px; background: #009ade;}
.epa1200exgold .focusLine { border-color: 1px solid #009ade;}
.epa1200exgold .color { color: #009ade;}

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

.b-graphic { text-align: center;}
.b-graphic img { max-width: 100%; margin-bottom: 10px}

.hightlightBox { margin-top: 20px; border-radius: 8px; padding: 20px; background: #009ade; color: #ffffff;}
.hightlightTop { font-size: 20px;}
.hightlightBig { font-size: 20px; color: #fcff00; font-weight: 300;}
.hightlightSmall { font-size: 12px;font-weight: 300;}

.fishoilfish { align-items: center;}
.fishoilfishPic { justify-content: center; display: flex;}
.fishoilpic { border-radius: 500px; width: 200px; height: 200px; overflow: hidden; background-position: center; background-size: 100%; }

.fishoi-3Box .goodsItemInfo { justify-content: center; text-align: center;}
.fishoi-3Box .matertop { color: #ffffff; position: absolute; top: 10px; width: 90%; left: 5%; right: 5%; z-index: 10;}
.fishoi-3Box .matersub { color: #ffffff; position: absolute; bottom: 10px; width: 90%; left: 5%; right: 5%; font-size: 24px; z-index: 10;}
.fishoi-3Box .box3-3 .matersub { font-size: 24px;}
.materialTitle { font-size: 20px; margin-bottom: 5px;}
.materialText { font-size: 15px}
.fishoi-3Box .box3 {
    position: relative;
    align-items: center;
    height: 150px;
    background-color: #000000;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    padding: 0;
    margin-bottom: 10px;
}
.box3:before, .box3:after {
        content: "";
        position: absolute;
        left: 50%;
        min-width: 1300px;
        min-height: 1300px;
        background-color: #ffffff;
        animation-name: rotate;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        z-index: 5;
    }

.fishoi-3Box .box3-1 { background-color: #ab7d02;}
.fishoi-3Box .box3-2 { background-color: #109f93;}
.fishoi-3Box .box3-3 { background-color: #633787;}

.box3-1:before, .box3-1:after { background-color: #ffba00;}
.box3-2:before, .box3-2:after { background-color: #0eb6a8;}
.box3-3:before, .box3-3:after { background-color: #734897;}

.box3-1:before {
        bottom: 10vh;
        border-radius: 45%;
        animation-duration: 10s;
    }
 
.box3-1:after {
        bottom: 7vh;
        opacity: .5;
        border-radius: 47%;
        animation-duration: 10s;
    }
.box3-2:before {
        bottom: 13vh;
        border-radius: 39%;
        animation-duration: 8s;
    }
 
.box3-2:after {
        bottom: 10vh;
        opacity: .5;
        border-radius: 42%;
        animation-duration: 8s;
    }
.box3-3:before {
        bottom: 10vh;
        border-radius: 44%;
        animation-duration: 9s;
    }
 
.box3-3:after {
        bottom: 7vh;
        opacity: .5;
        border-radius: 47%;
        animation-duration: 9s;
    }
@keyframes rotate {
    0% {
        transform: translate(-50%, 0) rotateZ(0deg);
    }
    50% {
        transform: translate(-50%, -2%) rotateZ(180deg);
    }
    100% {
        transform: translate(-50%, 0%) rotateZ(360deg);
    }
}

.fishoilkdbenefitBox .kdbenefit { text-align: center; margin-bottom: 40px;}
.fishoilkdbenefitBox .col-md-4:last-child .kdbenefit { margin-bottom: 0;}
.benefit1 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg1.svg); background-position: center; background-size: auto 100%; background-repeat: no-repeat;}
.benefit2 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg2.svg); background-position: center; background-size: auto 100%; background-repeat: no-repeat;}
.benefit3 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg3.svg); background-position: center; background-size: auto 100%; background-repeat: no-repeat;}
.kdbenefit .benefitNum { font-size: 72px; font-style: italic; color: #009ade; display: none;}
.kdbenefit .benefitTitle { text-align: center; font-size: 26px; font-weight: bold; margin-bottom: 12px; color: #009ade;}
.kdbenefit .benefitSub { text-align: center;font-size: 16px; line-height: 1.6em;}

.fishoilTeck tr { background: #f4f4f4; border: none;}
.fishoilTeck .table thead th { border: none;}
.fishoilTeck .table td, .fishoilTeck .table th { border: none;}
.fishoilTeck caption { background: #f4f4f4; padding: .75rem;}
.fishoilTeck tr.kdTeckTable { color: #ffffff; font-size: 20px; background: #55823a;}

.fishoilTe .table thead th {border: none;}
.fishoilTe .table th, .fishoilTe .table td { font-size: 13px; text-align: center;}
.fishoilTe th.hightlight, .fishoilTe td.hightlight { font-size: 15px; background: #009ade; color: #ffffff; font-weight: 300; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #2e83c5;}
.fishoilTe caption { font-size: 13px;}

.fishoilpillBox .goodsItemTitle { margin-bottom: 40px;}
.fishoilpillBox .goodsItemInfo { font-size: 16px; line-height: 1.6em;}
.fishoilpillPic { justify-content: center; display: flex;}
.fishoilpill { 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)}

.goodsItemInfoBox .card-header { background: #009ade; }
 
.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: 20px;}

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

.redword{font-size: 26px; color: #a42b25;font-weight:400}

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

.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; font-size: 15px}
.c3 .title{font-size: 22px}

.less{ margin-top: -60px}

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

.fishoilbox1_m{display:block}
.fishoilbox1{display:none}

.fishoilbox2_m{display:block}
.fishoilbox2{display:none}

.fishoilbox3_m{display:block}
.fishoilbox3{display:none}

.fishoilbox4_m{display:block}
.fishoilbox4{display:none}

.fishoil-list{background: #F2F6F8;font-size:1.2rem;
    border: 1px solid #BDD1D8;
    display: block;
    margin: 0px auto;
    padding: 50px 60px 50px 137px;border-radius: 0 2rem 0 2rem;
    width: 82%;line-height: 0.8rem;}
.fishoil-title{font-size:1.3rem;margin-bottom:30px}

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

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

.fishoil-list .fishoil-sub1 li{
    margin-top: 1.5rem;font-weight:300;font-size:1.2rem;color: #666666;list-style-type:none; margin-left: -38px;
}

.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: #009ade 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: #009ade 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}

.elementItem3 .textBox{color:#009ade;font-size: 18px;line-height: 22px; text-align: center}

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

.elementItem4 .textBox{color:#666666;font-size: 15px;line-height: 22px; 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;}

.elementframe{border: solid 4px #6ec0e4;border-radius: 20px; padding: 10px}
.elementtitle{color:#ffffff; font-size: 26px; background-color:#6ec0e4;border-radius: 10px 10px 0px 0px;}

.elementItem { width: 50%; padding: 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: #6ec0e4 1px solid; border-radius: 10px; 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 { color: #6ec0e4;font-size: 16px; text-align: center; line-height: 1.2em; font-weight: normal}

.backcolor{background-color: #6ec0e4;padding: 5px 7px 2px 7px;border-radius:8px;color:#ffffff!important ;font-weight:450!important; font-size: 30px; margin-right: 5px}

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

.goodsItemTitle.colorblock{background:#009ade;color: #ffffff; padding: 13px 0px 8px 0px;border-radius:10px; font-weight: bold}

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

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

.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: 20px 20px; text-align: left; font-size: 16px; line-height: 1.6em; font-weight: normal;}
.needBox .largeText { font-size: 22px; font-weight: 400; line-height: 1.6em;}

.p1titele { 
   text-align: center;
   color: #f1e3b5;
   font-size: 24px;
   font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif, "華康儷粗宋";
   padding-top: 310px;
   text-shadow: 2px 2px 3px #333333;
}

/*******************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;}
	.redword{font-size: 30px; color: #a42b25; margin-top: 30px;font-weight:400}
    .hightlightTop { font-size: 30px;}
    .hightlightBig { font-size: 34px; color: #fcff00; font-weight: 300;text-align: center}
	.hightlightSmall { font-size: 18px;font-weight: 300;}
    .fishoi-3Box .box3 {height: 300px;}
    .fishoi-3Box .matertop { top: 30px; }
    .fishoi-3Box .matersub { bottom: 30px;}
    .materialTitle { font-size: 30px; margin-bottom: 10px;}
    .materialText { font-size: 16px}
    
    .fishoilpic { width: 270px; height: 270px;}
    
    .fishoilpill { width: 270px; height: 270px;}
    .fishoilpillBox .goodsItemInfo { font-size: 20px; line-height: 2em;}
    
    .box3-1:before {
            bottom: 15vh;
            border-radius: 45%;
            animation-duration: 10s;
        }

    .box3-1:after {
            bottom: 12vh;
            opacity: .5;
            border-radius: 47%;
            animation-duration: 10s;
        }
    .box3-2:before {
            bottom: 18vh;
            border-radius: 39%;
            animation-duration: 8s;
        }

    .box3-2:after {
            bottom: 15vh;
            opacity: .5;
            border-radius: 42%;
            animation-duration: 8s;
        }
    .box3-3:before {
            bottom: 15vh;
            border-radius: 44%;
            animation-duration: 9s;
        }

    .box3-3:after {
            bottom: 12vh;
            opacity: .5;
            border-radius: 47%;
            animation-duration: 9s;
        }
    .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; }
    
    .paperItem { width: 33.3333%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 30px; padding: 10px;}
	.paperItem2 { width: 25%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 0px; padding: 10px;}

	
	.twoRowBox { flex-flow: row;}
    .twoRow { width: 50%;}
    .twoRow .infoBox { width: 30%; padding: 20px}
	
	.less{ margin-top: -70px}
	
	.watsons{width: 350px; margin-top: -40px}
	
	.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}
	
	.fishoilbox1_m{display:none}
	.fishoilbox1{display:block}
		
	.fishoilbox2_m{display:none}
	.fishoilbox2{display:block}
	
	.fishoilbox3_m{display:none}
	.fishoilbox3{display:block}
	
	.fishoilbox4_m{display:none}
	.fishoilbox4{display:block}
	
	.benefit1 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg1.svg); background-position: center; background-size: auto 80%; background-repeat: no-repeat;}
	.benefit2 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg2.svg); background-position: center; background-size: auto 80%; background-repeat: no-repeat;}
	.benefit3 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg3.svg); background-position: center; background-size: auto 80%; background-repeat: no-repeat;}
	
	.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: 250px; border: #009ade 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: 20%; 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: #009ade 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	
	.elementBox4 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem4 { width: 20%; padding: 5px; margin-top: 0px}
    .elementItem4 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width: 300px; height: 200px; border: #009ade 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}

	
	.elementframe{border: solid 4px #6ec0e4;border-radius: 50px; padding: 10px}
	.elementtitle{color:#ffffff; font-size: 26px; background-color:#6ec0e4;border-radius: 40px 40px 0px 0px;}

	.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: #6ec0e4 1px solid; border-radius: 100px; background-position: center; background-repeat: no-repeat;}
	.elementItem .textBox { color: #6ec0e4;font-size: 24px; text-align: center; line-height: 1.2em; font-weight: normal}
	
	.hightlightBoxText2 { padding: 95px 0 110px; padding-left: 50%; background-position: bottom center;}
    .hightlightBoxText2 .hightlightText {line-height: 2em;font-size: 22px;color: #ffa400;background: #101e3f;opacity: .7;padding: 40px 0 40px 40px;}
    .hightlightText .largeText { font-size: 40px; color: #ffffff; font-weight: bold}
	
	.box1_m{display:none}
	.box1{display:block}
	
	.contentManNeed { text-align: center;}
	.needTitle { margin-bottom: 10px;font-size: 21px;}
	.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: 20px 20px; text-align: left; font-size: 16px; line-height: 1.6em; font-weight: normal;}
	.needBox .largeText { font-size: 22px; font-weight: 400; line-height: 1.6em;}
	
	.p1titele{
   	color: #f1e3b5; 
	padding-left: 40px;
   	font-size: 66px; text-align: center;
   	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "華康儷粗宋", serif;
   	padding-top: 820px;
	text-shadow: 2px 2px 3px #333333;
	}
	.p2titele{font-size: 60px;}
}