@charset "utf-8";
/* CSS Document */
@media (max-width: 1218px) {
.product8_bg > div,.product9_bg > div{
	width: 460px;
}
.product9_bg {
    background: url(../images/img/p9_contbgm.jpg) top repeat-y;
}
.probiotics_box {
    background: url(../images/img/probiotics_box_bg_s.jpg) top repeat-y;
}
/*------------hyaluronan-page-2024/04/26-------------*/
.hyaluronan_box1{
	background: url(../images/img/hyaluronan_m_01.jpg) no-repeat left bottom;
	width: 640px;height:680px;background-size: contain;
}
.hyaluronan_box2{
	background: url(../images/img/hyaluronan_m_02.jpg) no-repeat left bottom;
	width: 640px;height:702px;background-size: contain;
}
.hyaluronan_box3{
	background: url(../images/img/hyaluronan_m_03.jpg) no-repeat left bottom;
	width: 640px;height:528px;background-size: contain;
}
.hyaluronan_box4{
	background: url(../images/img/hyaluronan_m_04.jpg) no-repeat left bottom;
	width: 640px;height:613px;background-size: contain;
}
.hyaluronan_box5{
	background: url(../images/img/hyaluronan_m_05.jpg) no-repeat left bottom;
	width: 640px;height:338px;background-size: contain;
}
.hyaluronan_box6{
	background: url(../images/img/hyaluronan_m_06.jpg) no-repeat left bottom;
	width: 640px;height:279px;background-size: contain;
}
.hyaluronan_box7{
	background: url(../images/img/hyaluronan_m_07.jpg) no-repeat left bottom;
	width: 640px;height:739px;background-size: contain;
	background-position: center top;
}
/*------------hyaluronan-page-2024/04/26 END-------------*/
.probiotics_box1{
	background: url(../images/img/probiotics_box1_s.png) no-repeat left bottom;
	width: 640px;height:750px;background-size: contain;
}
.probiotics_box2{
	background: url(../images/img/probiotics_box2_s.png) no-repeat left bottom;
	width: 497px;height:781px;background-size: contain;
}
.probiotics_box3{
	background: url(../images/img/probiotics_box3_s.png) no-repeat left bottom;
	width: 581px;height:890px;background-size: contain;
}
.probiotics_box4{
	background: url(../images/img/probiotics_box4_s.png) no-repeat left bottom;
	width: 581px;height:2592px;background-size: contain;
}
.probiotics_box7{
	background: url(../images/img/probiotics_box7_s.png) no-repeat left bottom;
	width: 581px;height:431px;background-size: contain;
}
.probiotics_box8{
	background: url(../images/img/probiotics_box8_s.png) no-repeat left bottom;
	width: 642px;height:726px;background-size: contain;
}
.probiotics_box9{
	background: url(../images/img/probiotics_box9_s.png) no-repeat left bottom;
	width: 582px;height:857px;background-size: contain;
}
.p8_1{
    background: url(../images/img/p8_p01m.png) center no-repeat;
    background-size: contain;
    height: 681px;
}
.p8_2{
    background: url(../images/img/p8_p02m.png) center no-repeat;
    background-size: contain;
    height: 358px;
}
.p8_3{
    background: url(../images/img/p8_p03m.png) center no-repeat;
    background-size: contain;
    height: 319px;
}
.p8_4{
    background: url(../images/img/p8_p04m.png) center no-repeat;
    background-size: contain;
    height: 359px;
}
.p8_5{
    background: url(../images/img/p8_p05m.png) center no-repeat;
    background-size: contain;
    height: 407px;
}
.p8_6{
    background: url(../images/img/p8_p06m.png) top center no-repeat;
    background-size: contain;
    height: 504px;
}
.p9_1{
    background: url(../images/img/p9_p01m.png) center no-repeat;
    background-size: contain;
    height: 630px;
}
.p9_2{
    background: url(../images/img/p9_p02m.png) center no-repeat;
    background-size: contain;
    height: 576px;
}
.p9_3{
    background: url(../images/img/p9_p03m.png) center no-repeat;
    background-size: contain;
    height: 374px;
}
.p9_4{
    background: url(../images/img/p9_p04m.png) center no-repeat;
    background-size: contain;
    height: 488px;
}
.p9_5{
    background: url(../images/img/p9_p05m.png) center no-repeat;
    background-size: contain;
    height: 615px;
}
.p9_6{
    background: url(../images/img/p9_p06m.png) center no-repeat;
    background-size: contain;
    height: 332px;
}
}

@media (max-width: 1105px) {
.greenbg .prod_blog{
    width: calc(100% - 20px);
}	
.prod_blog {
    padding: 40px 10px;
}
.prod_blog > a {
    width: 32%;
    margin-right: 0.2%;
}
.prod1000{
	width: 100%;
}
.indproall > div {
	display: block;
	width: 100%;
}
.ppp1, .ppp2 {
    top: 450px;
}
}
@media (max-width: 1020px) {
.logo_mobile {
    padding: 5px 0 ;
    width: 110px;
}
.listmenu {
    margin: 15px 20px 0 0;
}
}
@media (max-width: 991px) {
.footer2023{
	display: none;
}
.m_footer2023{
	display:block;
	background: url(../images/footer_mbg.png) repeat-x bottom;	
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding-bottom: 7px;
	position: relative;
	z-index: 5;
    margin-bottom: -30px;
    margin-top: -59px;
}
.m_footer2023 div{
	display: inline-block;
	margin-top: 65px;
	vertical-align: top;
}
.product_kv2023 {
    margin-top: 75px;
}
.cont_bg {
    padding: 80px 0;
}
.product9_bg {
    background: url(../images/img/p9_contbgm2.jpg) top repeat-y center;
}
.movie {
    height: 700px;
}
}
@media screen and (max-width: 940px) {
.product_w920{
	width: 100%;
}	
.p2023m > div{
	width: 90%;
	margin: 30px 5%;
}
.product_tab a{
	padding: 5px 3.4%;
}
}
@media screen and (max-width: 790px) {
.greenbg h6{
	font-size: 20px;
}
.greenbg p{
	font-size: 16px;
	line-height: 25px;
}
.product_kv2023{
	height: 440px;
}
.p_w{
	width: 180px;
	top: 180px;
	left: calc(50% - 225px);
}
.p_t{
	left: calc(50% - 225px);
}
.p_l{
	top: 180px;
	right: auto;
	left: 50%;
}
.product_tab a {
    font-size: 18px;
	margin: 6px 2px;
}
}
@media screen and (max-width: 750px) {
.movie {
    height: 500px;
}
.product2023{
    background: url(../images/img/index_prokvm.jpg) no-repeat center top #2c8b27;
	width: 100%;
	padding-bottom: 120px;
}
.bigtitle{
	background-position-y: 25%;
	height: 700px;
}
.indproall > div,.indproall > div div{
	height: 380px;
}
.indproall > div span,.product2023_probg_bot{
	display: none;
}
.ip1 div{
	background: url(../images/img/index_pro8m.png) no-repeat center;
	background-size: contain;
}
.ip2 div{
	background: url(../images/img/index_pro10m.png) no-repeat center;
	background-size: contain;
}
.ip3 div{
	background: url(../images/img/index_pro9m.png) no-repeat center;
	background-size: contain;
}
.ip4 div{
	background: url(../images/img/index_pro4m.png) no-repeat center;
	background-size: contain;
}
.ip5 div{
	background: url(../images/img/index_pro7m.png) no-repeat center;
	background-size: contain;
}
.ip6 div{
	background: url(../images/img/index_pro6m.png) no-repeat center;
	background-size: contain;
}
.ip7 div{
	background: url(../images/img/index_pro1m.png) no-repeat center;
	background-size: contain;
}
.ip8 div{
	background: url(../images/img/index_pro2m.png) no-repeat center;
	background-size: contain;
}
.ip9 div{
	background: url(../images/img/index_pro3m.png) no-repeat center;
	background-size: contain;
}
.ip10 div{
	background: url(../images/img/index_pro5m.png) no-repeat center;
	background-size: contain;
}
}
@media screen and (max-width: 640px) {
.hyaluronan_box{background-color:#4292e1;}
.hyaluronan_box1,.hyaluronan_box2,.hyaluronan_box3,.hyaluronan_box4,.hyaluronan_box5,.hyaluronan_box6,.hyaluronan_box7{width:100%; background-position:left top;}
.hyaluronan_box1{background-color: #0c2372;}
.probiotics_box1,.probiotics_box8{width:100%; background-position:left top;}
.probiotics_box2,.probiotics_box3,.probiotics_box4,.probiotics_box7,.probiotics_box9{width:90%;background-position:left top;}
.product_kv2023 {
    height: 380px;
}
.product_tab{
	width: 92%;
	text-align: left;
	margin: 0 auto;
}
.product_tab a{
	font-size: 15px;
	padding: 5px 0;
    width: calc(33% - 6px);
	margin: 6px 0;
}/*
.product_tab a.long{
    width: calc(33% - 6px);
}*/
.m1212{
	display: none;
}
.product_tab a.long,.product_tab a.long2{
    width: calc(33% - 6px);
}
}
@media screen and (max-width: 610px) {
.probiotics_box1{ height:720px;}
.probiotics_box3{ height:820px;}
.probiotics_box4{ height:2350px;}
.probiotics_box7{ height:400px;}
.probiotics_box8{ height:680px;}
.probiotics_box9{ height:850px;}
}
@media screen and (max-width: 576px) {
.prod_blog > a {
    width: 100%;
    margin: 0 0 20px 0;
    height: auto;
}
.greenbg .prod_blog a {
    height: auto;
}
.m_footer2023{
	display: none;
}
.m_footer2023a{
	display:block;
	background: url(../images/footer_mbg.png) repeat-x bottom;	
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding-bottom: 7px;
	position: relative;
	z-index: 5;
    margin-bottom: -30px;
    margin-top: -59px;
}
.product_kv2023 {
    background-position-x: 0;
}
.probiotics_box > div {margin: 0 auto 15px auto;}
.probiotics_box1{ height:680px;}
.probiotics_box3{ height:800px;}
.probiotics_box4{ height:2320px;}
.probiotics_box7{ height:380px;}
.probiotics_box8{ height:626px;}
.probiotics_box9{ height:757px;}
.hyaluronan_box1{height:610px;}
.hyaluronan_box2{height:640px;}
.hyaluronan_box3{height:480px;}
.hyaluronan_box4{height:550px;}
.hyaluronan_box5{height:320px;}
.hyaluronan_box6{height:250px;}
.hyaluronan_box7{height:680px;}

.product_kv2024 {
    background: url(../images/img/product_kvbg_m.jpg) no-repeat center top;

}

.bottom2 {
	bottom: 190px;
}
.bottom2 a::after{
	width: 60%;
	bottom: 12%;
    left: 8%;
}

}
@media screen and (max-width: 500px) {
.product8_bg > div,.product9_bg > div{
	width: 90%;
    margin: 0 auto;
}
.indproall > div {
	width: 90%;
}
.probiotics_box1{ height:600px;}
.probiotics_box2{ height:600px;}
.probiotics_box3{ height:700px;}
.probiotics_box4{ height:2050px;}
.probiotics_box7{ height:350px;}
.probiotics_box8{ height:580px;}
.probiotics_box9{ height:650px;}
.hyaluronan_box1{height:520px;}
.hyaluronan_box2{height:550px;}
.hyaluronan_box3{height:420px;}
.hyaluronan_box4{height:480px;}
.hyaluronan_box5{height:270px;}
.hyaluronan_box6{height:220px;}
.hyaluronan_box7{height:580px;}
}
@media screen and (max-width: 480px) {
.p_t{
	width: 90%;
	left: 5%;
}
.p2023m .pro_out {
    padding: 10px;
}
.p2023m .pro_tit {
    font-size: 26px;
}
.p2023m .pro_txt {
	font-size: 18px;
    width: calc(100% - 160px);
}
.p_new {
    right: 0;
}
.p2023m .pro_pic{
	width: 170px;
}
.p_new {
    top: 10px;
    left: 95px;
}
}
@media screen and (max-width: 440px) {
.probiotics_box1{ height:520px;}
.probiotics_box2{ height:520px;}
.probiotics_box3{ height:630px;}
.probiotics_box4{ height:1800px;}
.probiotics_box7{ height:305px;}
.probiotics_box8{ height:500px;}
.probiotics_box9{ height:590px;}
.hyaluronan_box1{height:460px;}
.hyaluronan_box2{height:490px;}
.hyaluronan_box3{height:370px;}
.hyaluronan_box4{height:430px;}
.hyaluronan_box5{height:230px;}
.hyaluronan_box6{height:190px;}
.hyaluronan_box7{height:500px;}
}
@media screen and (max-width: 420px) {
.product_tab a {
    font-size: 16px;
}
.p_w {
    top: 160px;
    left: 0;
}
.p_l {
    top: 160px;
    left: auto;
    right: 0;
}
.p8_1,.p9_1{
    height: 560px;
}
.p8_2{
    height: 330px;
}
.p9_2{
	height: 480px;
}
.probiotics_box1{ height:490px;}
.probiotics_box2{ height:500px;}
.probiotics_box3{ height:590px;}
.probiotics_box4{ height:1680px;}
.probiotics_box7{ height:280px;}
.probiotics_box8{ height:470px;}
.probiotics_box9{ height:550px;}
}
@media screen and (max-width: 390px) {
.hyaluronan_box1{height:400px;}
.hyaluronan_box2{height:430px;}
.hyaluronan_box3{height:320px;}
.hyaluronan_box4{height:380px;}
.hyaluronan_box5{height:210px;}
.hyaluronan_box6{height:170px;}
.hyaluronan_box7{height:450px;}
}



@media screen and (max-width: 340px) {
.probiotics_box1{ height:420px;}
.probiotics_box2{ height:420px;}
.probiotics_box3{ height:490px;}
.probiotics_box4{ height:1400px;}
.probiotics_box7{ height:235px;}
.probiotics_box8{ height:380px;}
.probiotics_box9{ height:460px;}
.hyaluronan_box1{height:350px;}
.hyaluronan_box2{height:380px;}
.hyaluronan_box3{height:280px;}
.hyaluronan_box4{height:330px;}
.hyaluronan_box5{height:180px;}
.hyaluronan_box6{height:150px;}
.hyaluronan_box7{height:390px;}

.bottom2 {
    bottom: 25%;
}
}
@media screen and (max-width: 320px) {
.p8_6{
    background: url(../images/img/p8_p06m.png) top center no-repeat;
    background-size: contain;
    height: 304px;
}
.probiotics_box1{ height:330px;}
.probiotics_box2{ height:380px;}
.probiotics_box3{ height:440px;}
.probiotics_box4{ height:1250px;}
.probiotics_box7{ height:205px;}
.probiotics_box8{ height:340px;}
.probiotics_box9{ height:400px;}
.hyaluronan_box1{height:310px;}
.hyaluronan_box2{height:350px;}
.hyaluronan_box3{height:270px;}
.hyaluronan_box4{height:310px;}
.hyaluronan_box5{height:170px;}
.hyaluronan_box6{height:140px;}
.hyaluronan_box7{height:370px;}
}
@media screen and (max-width: 275px) {
.hyaluronan_box1{height:290px;}
.hyaluronan_box2{height:310px;}
.hyaluronan_box3{height:230px;}
.hyaluronan_box4{height:270px;}
.hyaluronan_box5{height:150px;}
.hyaluronan_box6{height:120px;}
.hyaluronan_box7{height:320px;}
}