/****************4710255450487 #0e6bb6***************/
/**********fish oil*************/
.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{  font-weight: 300;font-size: 26px;line-height: 1.2em;}

.recommendBox { border: 1px solid #0e6bb6; font-size: 15px; margin-bottom: 40px}
.recommendBoxLeft { background: #0e6bb6; align-items: center; justify-content: center; display: flex; color: #ffffff;}
.recommendBoxRight { padding: 20px; color: #5c5c5c;} 
.recommendBoxRight h2{font-size: 18px; font-weight: 400}
.recommendBoxRight .item { padding-top: 5px; padding-bottom: 5px;}
.recommendBoxRight .item i { color: #0e6bb6; margin-right: 5px; }

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

.fish-oilTitle { padding: 20px; border-top: dashed 1px #0e6bb6; border-bottom: dashed 1px #0e6bb6; text-align: center; color: #0e6bb6; margin-bottom: 20px; }
.fish-oilTitle .title_s { font-size: 16px;}
.fish-oilTitle .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: #0e6bb6; 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: 16px;}
.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 90%; background-repeat: no-repeat;}
.benefit2 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg2.svg); background-position: center; background-size: auto 90%; background-repeat: no-repeat;}
.benefit3 { background-image: url(https://imgc.daikenshop.com/images/goods/fishoil/benefitBg3.svg); background-position: center; background-size: auto 90%; background-repeat: no-repeat;}
.kdbenefit .benefitNum { font-size: 72px; font-style: italic; color: #0e6bb6; display: none;}
.kdbenefit .benefitTitle { font-size: 26px; font-weight: bold; margin-bottom: 12px; color: #0e6bb6;}
.kdbenefit .benefitSub { 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: #0e6bb6; color: #ffffff; font-weight: 300; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #0a61a8;}
.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: #0e6bb6; }
 
.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: 14px;}

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

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

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

.fishoil-list{background: #F2F6F8;font-size:1.2rem;
    border: 1px solid #BDD1D8;
    display: block;
    margin: 0px auto;
    padding: 50px 30px 50px 130px;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: -40px
}
.goodsDetailName h1{font-size: 25px}
/*******************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: 30px;}
	.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}
	
	.box1_m{display:none}
	.box1{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;}
}