/* 原始css 

.page-products-detail-1 .product-detail .pic-warp .pic-box .pic{ margin-top:0px; max-width:55%; max-height:80%;}
.page-products-detail-1 .product-detail .pic-warp .pic-box .icon-1{ position:absolute; top:30px; right:30px;}
.page-products-detail-1 .product-detail .pic-warp .pic-box .icon-2{ position:absolute; bottom:10px; left:30px;}

.product-detail .detail-content h4.name{ color:#007bc5; font-size:36px; font-weight:300; line-height:1.1; margin-bottom:10px;}

.page-products-detail-1 .product-detail .detail-content .extra-box{}
*/




/* 極潤健康化粧水 */
.page-products-detail-12 .product-detail .pic-warp .pic-box .pic{ max-width:85%; max-height:100%; margin-left:13%;}
.page-products-detail-39 .product-detail .pic-warp .pic-box .pic{ max-width:85%; max-height:100%; margin-left:13%;}
.page-products-detail-40 .product-detail .pic-warp .pic-box .pic{ max-width:85%; max-height:100%; margin-left:13%;}
.page-products-detail-41 .product-detail .pic-warp .pic-box .pic{ max-width:85%; max-height:100%; margin-left:13%;}
.page-products-detail-42 .product-detail .pic-warp .pic-box .pic{ max-width:85%; max-height:100%; margin-left:13%;}
.page-products-detail-75 .product-detail .pic-warp .pic-box .pic{ max-width:85%; max-height:100%; margin-left:13%;}
@media (max-width: 768px) {
    .page-products-detail-40 .product-detail .pic-warp {width: 100%;}
}

/* 極潤3D多效緊緻彈力復元凝露 */
.page-products-detail-47 .product-detail .detail-content h4.name{ font-size:32px;}

.page-products-detail-47 .product-detail .extra-box{}
.page-products-detail-47 .product-detail .extra-box h4{ }
.page-products-detail-47 .product-detail .extra-box .video-box{ width:96%; }
.page-products-detail-47 .product-detail .extra-box .video-box p{ width:100%; text-align:center; }
.page-products-detail-47 .product-detail .extra-box .video-box video#gel-video{ width:100%; height:auto; }
.page-products-detail-47 .product-detail .extra-box .video-box iframe{ width:100%; height:285px; }

.page-products-detail-47 .tips{ width:100%; margin:0 auto;}
.page-products-detail-47 .tips li{ float:left; width:49%; margin:0 2% 0 0;}
.page-products-detail-47 .tips li:last-child{ margin:0 0 0 0;}
.page-products-detail-47 .tips li .txt-warp .txt-box{ height:100px;}

.page-products-detail-47 .full-box{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fbe7e7+35,f7c6c5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fbe7e7 35%, #f7c6c5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fbe7e7 35%,#f7c6c5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fbe7e7 35%,#f7c6c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7c6c5',GradientType=0 ); /* IE6-9 */
}

.page-products-detail-47 iframe#anim-box{ width:860px; height:480px; margin:0 auto 0px auto;}


/* 極潤3D多效緊緻彈力復元凝露 */
.page-products-detail-15 .product-detail .detail-content h4.name{ font-size:32px;}

.page-products-detail-15 .product-detail .extra-box{}
.page-products-detail-15 .product-detail .extra-box h4{ }
.page-products-detail-15 .product-detail .extra-box .video-box{ width:96%; }
.page-products-detail-15 .product-detail .extra-box .video-box p{ width:100%; text-align:center; }
.page-products-detail-15 .product-detail .extra-box .video-box video#gel-video{ width:100%; height:auto; }
.page-products-detail-15 .product-detail .extra-box .video-box iframe{ width:100%; height:285px; }

.page-products-detail-15 .tips{ width:100%; margin:0 auto;}
.page-products-detail-15 .tips li{ float:left; width:49%; margin:0 2% 0 0;}
.page-products-detail-15 .tips li:last-child{ margin:0 0 0 0;}
.page-products-detail-15 .tips li .txt-warp .txt-box{ height:100px;}

.page-products-detail-15 .full-box{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fbe7e7+35,f7c6c5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fbe7e7 35%, #f7c6c5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fbe7e7 35%,#f7c6c5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fbe7e7 35%,#f7c6c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7c6c5',GradientType=0 ); /* IE6-9 */
}

.page-products-detail-15 iframe#anim-box{ width:860px; height:480px; margin:0 auto 0px auto;}


/* 極潤完美多效清透凝露UV */
.page-products-detail-16 .product-detail .pic-warp .pic-box .pic{ max-width:90%; max-height:90%; }




/* 極潤完美多效高保濕凝霜UV */
.page-products-detail-17 .product-detail .pic-warp .pic-box .pic{ max-width:60%; }
.page-products-detail-17 .product-detail .pic-warp .pic-box .icon-1{ position:absolute; top:10px; right:30px;}
.page-products-detail-17 .product-detail .detail-content h4.name{ font-size:34px;}




/* 白潤美白化粧水 */
.page-products-detail-23 .product-detail .pic-warp .pic-box .pic{ max-width: 85%;
    max-height: 100%;
    margin-left: 13%; }

/* 白潤美白化粧水（潤澤型） */
.page-products-detail-24 .product-detail .pic-warp .pic-box .pic{ max-width: 85%;
    max-height: 100%;
    margin-left: 13%; }




/* 白潤美白乳液 */
.page-products-detail-27 .product-detail .pic-warp .pic-box .pic{ max-height:93%;}




/* 白潤冰淨毛孔緊緻亮白精華 */
.page-products-detail-28 .product-detail .pic-warp .pic-box .pic{ max-height:95%; }




/* 白潤雙效美白淡斑精華 */
.page-products-detail-29 .product-detail .pic-warp .pic-box .pic{ max-width:85%; max-height:93%; }


/* 極潤金緻特濃保濕精華水 */
.page-products-detail-32 .product-detail .pic-warp .pic-box .icon-1{ /*max-width:130px;*/ right:40px;}

.product-catalog.product-catalog-2 .pic-box img {
    width: 100%;
    max-width: 174px;
    margin-left: -70px;
    bottom: 40%;
}

/* 極潤卸妝對策 */
.product-catalog.product-catalog-13 .pic-box{
    width: 40%;
}
.product-catalog.product-catalog-13 .pic-box img{
    object-fit: contain;
    left: inherit;
    right: 0;
}
.product-catalog.product-catalog-13 section{
    width: 55%;
}
@media only screen and (max-width:768px) {
    .product-catalog.product-catalog-13 .pic-box img {
        width: calc(100% - 15px);
        height: auto;
    }
}

.product-catalog.product-catalog-6 .pic-box img,
.product-catalog.product-catalog-1 .pic-box img,
.product-catalog.product-catalog-3 .pic-box img,
.product-catalog.product-catalog-7 .pic-box img,
.product-catalog.product-catalog-5 .pic-box img,
.product-catalog.product-catalog-4 .pic-box img,
.product-catalog.product-catalog-13 .pic-box img {
    max-width: 100%;
    height: 300px;
}

/*	RESPONSIVE:  */
@media only screen and (max-width:768px) {
.page-products-detail-15 .product-detail .extra-box .video-box{ width:100%; }

.page-products-detail-15 .product-detail .detail-content h4.name,
.page-products-detail-17 .product-detail .detail-content h4.name{ font-size:30px;}

}

/*	RESPONSIVE:  */
@media only screen and (max-width:480px) {
	
/* 極潤完美多效高保濕凝霜UV */
.page-products-detail-17 .product-detail .pic-warp .pic-box .pic{ max-width:80%;  }
.page-products-detail-17 .product-detail .pic-warp .pic-box .icon-1{ position:absolute; top:0px; right:0px;}


/* 極潤3D多效緊緻彈力復元凝露 */
.page-products-detail-15 .tips li .txt-warp .txt-box{ height:130px;}


/* 白潤冰淨毛孔緊緻亮白精華 */
.page-products-detail-28 .product-detail .pic-warp .pic-box .pic{ max-height:100%; max-width:100%; }


/* 極潤金緻特濃保濕精華水 */
.page-products-detail-32 .product-detail .pic-warp .pic-box .icon-1{ max-width:100px; right:0px;}

}


/*	RESPONSIVE:  */
@media only screen and (max-width:370px) {
	

/* 極潤3D多效緊緻彈力復元凝露 */
.page-products-detail-15 .tips li .txt-warp .txt-box{ height:135px;}

}

/*	RESPONSIVE:  */
@media only screen and (max-width:320px) {
	

/* 極潤3D多效緊緻彈力復元凝露 */
.page-products-detail-15 .tips li .txt-warp .txt-box{ height:155px;}

}