/*Noto Sans TC*//*font-family:'Noto Sans TC',sans-serif;*/:root{	--inner_text:#666666;/*內文*/	--bt_bd:#dee2e6;	--bg_gy:#F0F0F0;	--bg_gy2:#f5f5f5;	--bg_gray:#ededed;	--goat:#B2B2B2;/*羊珞素®系列 rgba(178,178,178,1.00)*/	--pt630c:#73c3d5;/*保濕系列 rgba(115,195,213,1.00)*/	--pt163c:#FF9D6C;/*緊緻修護系列 rgba(255,157,108,1.00)*/	--pt203c:#EEB2CA;/*禦黑亮顏系列 rgba(238,178,202,1.00)*/	--pt7525c:#9E6850;/*杏仁酸煥膚系列 rgba(158,104,80,1.00)*/	--pt7486c:#BADF93;/*淨痘健康系列 rgba(186,223,147,1.00)*/	--pt460c:#E6D67F;/*防曬隔離系列 rgba(230,214,127,1.00)*/	--pt2065c:#D6B1D2;/*溫和清潔系列 rgba(214,177,210,1.00)*/ --pt3590c:#455aa3;/*睏睏美人到天明 rgba(69,90,163,1.00)*/	--pt137c:#FFA400;/*能量超人力滿點 rgba(255,164,0,1.00)*/	--pt3115c:#54C0E8;/*舒亮姐姐超晶明 rgba(84,192,232,1.00)*/	--pt205c:#E6427A;/*月月小姐私密語 rgba(230,66,122,1.00)*/	--pt177c:#FF8189;/*白白女神水美妍 rgba(255,129,137,1.00)*/	--pt389c:#CDDE00;/*肉食男女順順排 rgba(205,222,0,1.00)*/	--pt172c:#FF4713;/*勞苦男神甘不苦 rgba(255,71,19,1.00)*/	--pt2385c:#d539b5;/*秘蜜女孩悄悄話*/	--pt707c:#f8b4c3;/*雙嬌寶貝超彈嫩*/	--el000:#DF001F;/*口紅*/	--el040:#DD7654;/*口紅*/	--el220:#AC515E;/*口紅*/	--el240:#DB5553;/*口紅*/	--el260:#C7466D;/*口紅*/	--el280:#B5126C;/*口紅*/	--el520:#D0776B;/*口紅*/	--el521:#D35E68;/*口紅*/	--el540:#E3625A;/*口紅*/	--el560:#B5003F;/*口紅*/	--el580:#FA0760;/*口紅*/	--lipbalm:#E59D91;/*護唇膏*/	--handcream:#728D51;/*護手霜*/}/* MD */@media (min-width:768px){	.template_product h2,	.template_product .h2{font-size:60px;line-height:80px;letter-spacing:1px;	}	.template_product h3,	.template_product .h3{font-size:48px;line-height:80px;letter-spacing:1px;	}	.template_product h4,	.template_product .h4{font-size:36px;line-height:63px;letter-spacing:1px;	}	.template_product h5,	.template_product .h5{font-size:28px;line-height:49px;letter-spacing:.5px;	}	.template_product h6,	.template_product .h6{font-size:24px;line-height:42px;letter-spacing:.5px;	}}/* LA */@media (min-width:992px){}/* XL */@media (min-width:1200px){}*{	-webkit-box-sizing:border-box;	box-sizing:border-box;	font-family:'Noto Sans TC',sans-serif,'Microsoft JhengHei';}*:not(font){	color:var(--inner_text);}*:focus{	outline:none !important;	-webkit-box-shadow:unset !important;box-shadow:unset !important;}a,a:hover,a:visited,a:link,a:active{	text-decoration:none;	color:inherit;}ul{	list-style:none;	padding:0;	margin:0;}li,i,em{	color:inherit;}ol{	padding-inline-start:1.5em;	margin:0;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{	margin-bottom:0;	color:inherit;	font-weight:400;	line-height:1.75;}b,strong{font-weight:500;}button{	border:0;	padding:0;	display:flex;	align-items:center;	justify-content:center;	cursor:pointer;	letter-spacing:1.25px;}table{	border-collapse:separate;	border-spacing:0;}table *{	color:inherit;	font-weight:inherit;}table tr > *{	vertical-align:middle;}.template_product table .border,.template_product table .border-left,.template_product table .border-right,.template_product table .border-top,.template_product table .border-bottom{	border-width:.35vmin !important;}.color_inherit *{	color:inherit;}.center{	position:absolute;	top:50%;	left:50%;	transform:translate(-50%,-50%);}/*** 編輯器 > 商品明細頁 ***/.template_product{	margin:0 auto;	width:100%;	height:100%;}.template_product .video-container{	position:relative;	padding-bottom:56.25%;	padding-top:30px;	height:0;	overflow:hidden;}.template_product .video-container iframe,.template_product .video-container object,.template_product .video-container embed{	position:absolute;	top:0;	left:0;	width:100%;	height:100%;}.template_product .drop_shadow{-webkit-filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.15));filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.15))}.template_product .cover{	background-position:center;	background-repeat:no-repeat;	background-size:cover;}/************ Function ************/.text_bk{	color:#000000 !important;}/************ 2020/02/25 白白優化 ************//*.ingredient_form .delete{position:relative;}.ingredient_form .delete::before{content:"";position:absolute;background-color:#fff;width:100%;height:1px;}*/.ingredient_form .dot{	width:30px;	margin-right:7px;}.ingredient-pic{	margin-top:50px;}.ingredient-pic > div{	margin:0 auto;	margin-bottom:15px;	text-align:right;}.ingredient-pic .box{	width:70%;}@media (max-width:767px){.ingredient_form .dot{width:17px;margin-right:3px;}}.ingredient_form{	font-size:1.4rem;}.ingredient_form thead tr{	background:#fff;}.ingredient_form thead tr th{	padding:10px;	color:#f5616a;}.ingredient_form tbody .sm{font-size:1rem;}.ingredient_form tbody tr td{	padding:5px;	color:#fff;	border:1px solid #ffbcc0;}.ingredient_form tbody tr .title{background-color:#fd636d;}.form-note{	color:#fff;	margin-top:5px;	text-align:right;}.ingredient_form .space{	text-align:left;	padding-left:10px;	background-color:#ff8189 ;	}.l-title{	font-size:2.5rem;color:#fd8189;}.ori-item{	display:flex;	margin-top:20px;}.ori-item .pic{width:50px;margin-top:8px;margin-right:15px;}.ori-item .pic img{	width:100%;	display:inline-block;}.ori-title{margin-bottom:0;color:inherit;font-weight:400;line-height:1.5;font-size:2rem;}.ori-text{font-size:1.25rem;margin-top:-16px;}.fruit-pic{	width:50px;	display:inline-block;margin-right:15px;}.fruit-pic img{width:100%;}.ori-item .info{	font-size:1.5rem;}.ori-item .info span{display:block;font-size:1.2rem;}.bg_color .component{	width:100%;}.bg_color .component .pic{	width:80%;}.bg_color .component ul{}.bg_color .component ul li{	display:flex;	margin-bottom:5px;justify-content:space-between;	font-size:1.7rem;	position:relative;}.bg_color .component ul li:after{	content:"" ;position:absolute;width:100%;height:1px;background-color:#fff;bottom:22px;}.bg_color .component ul li > div{	color:#fff;	position:relative;	z-index:5;	padding:0 20px;background-color:#ff8189;}.pageContent .story{margin:0 30px;background-color:#fff;}.pageContent .story img{width:100%;}.pageContent .story .text{	font-size:1.45rem;color:#fff;padding:29px;text-align:left;margin:0 auto;}.pageContent .story .text p{	color:#ff8189;	padding:15px;line-height:2;margin-bottom:0;}.pageContent .notice-info{margin:2vmin 4vmin 2vmin;padding-bottom:20px;display:flex;border-bottom:1px solid #fff;align-items:center;}.pageContent .notice-info div{font-size:1.5rem;margin-right:15px;text-align:left;}.pageContent .notice-info .title{	padding:.5vmin 4vmin;	min-width:150px;	margin-right:25px;	text-align:center;}.ingredient_form .bg-white{	color:#444;}.pageContent .pick tbody tr td{	padding:15px;}.pageContent .pick .ingredient-pic{align-items:flex-end;width:77%;margin-left:26vmin;}.pageContent .pick .ingredient-pic .box{width:77%;}.pageContent .ingredient-pic .box02{text-align:center;}.pageContent .ingredient-pic .box02 img{	width:39% !important;	margin-left:24px;}.pageContent .QandA-info{	margin-bottom:3vmin;}.pageContent .QandA-info h2{	padding:1.5vmin 2vmin;opacity:.75;}.pageContent .QandA-info h5{padding:3vmin 4vmin 3vmin;}.pageContent section{	padding:70px 30px 30px;}.pageContent .comment-block{padding:4vmin 4vmin 6vmin;}.pageContent .comment-block .pic{width:75%;}.pageContent .comment-block h2{width:137px;margin:30px 10px 20px;}.pageContent .comment-block h2{	line-height:2.2;}.pageContent .think-pic{width:100%;max-width:600px;margin-top:20px;}.pageContent .think-block h4{	margin-top:20px;}.pageContent .carousel{	margin-top:20px;}.pageContent .bannerallbg img{	width:100%;}.pageContent .invention-block h4{	padding:0 3vmin;	margin:30px 0;}.pageContent .slick-dots li button:before{	font-size:12px;}.pageContent .slick-dots li{	 margin:0 ;}.pageContent .slick-dots li.slick-active button:before{color:#fff;opacity:1;}.pageContent .slick-dots li.slick-active button:before{	color:#fff;	opacity:1;	}	.slick-dots li button:hover:before,.slick-dots li button:focus:before{	color:#fff;}.slick-initialized .slick-slide{margin:5px;}.pageContent .bg-ingredient{	min-height:318px;padding:22px;margin-bottom:21px;}.pageContent .prod-title{	width:10vmin;	max-width:100px;	margin-top:8vmin;}.pageContent .template_product .up{	width:77px;	margin-left:-25px;	}	.fruit-pic img{margin-top:15px;	}/* 保濕清爽 */.hyd-compare{	display:block;width:90%;margin:20px auto 0;}.hyd-compare_info{width:46%;border:3px solid #fff;margin:0;display:inline-block;vertical-align:top;}.circle-txt{padding:5px 17px;border:1px solid;margin:10px 0;display:inline-block;border-radius:3px;}.hyd-compare_info .pic img{	max-height:306px;	max-width:initial;	padding:10px;	margin:0 auto;}.hyd-compare_info{	border-radius:5px;	background:rgba(255,255,255,0.8);}.hyd-compare_info .pic{background-color:#73c3d5;}.hyd-compare_info .name{	background:#59a9bd;padding:7px;font-size:1.5rem;color:#fff;}.hyd-compare_info .txt .inner{text-align:left;padding:10px;min-height:215px;}.hyd-compare_info .txt .inner li{display:flex;margin-bottom:12px;}.hyd-compare_info .txt .tag{	border-radius:3px;background:#59a8be;height:36px;margin-right:15px;padding:4px 10px;color:#fff;display:inline-block;min-width:90px;text-align:center;font-size:1.2rem;}.hyd-compare_info .inner span{display:block;font-size:1.2rem;color:#51696f;}.wd-slogan{	margin:0 auto;	max-width:600px;}.pageContent .bd_color .slick-list{	background-color:#73c3d5;}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(180deg);}.pageContent .story .bule p{	color:#73c3d5;}.step-all{	display:flex;	margin-bottom:30px;}.step-block{	display:flex;	position:relative;}.video-container iframe{	width:500px;	height:350px;	margin-top:20px;}.use-block{margin:20px 0 60px;}.big-circle{border:#ffffff .35vmin solid;width:300px;border-radius:50%;height:300px;transform:translateX(2.5%);}.value-claim .l-circle{	transform:translateX(4%);}.value-claim .r-circle{	transform:translateX(-1.5%);}.big-circle h2{top:50%;left:50%;transform:translate(-50%,-50%);}.big-circle h1{	top:0;left:50%;transform:translate(-50%,-50%);padding:0 2vmin;}.value-claim_block{	margin-top:30px;}.pageContent .rounded-circle{background-size:cover !important;width:15vmin;height:15vmin;min-width:80px;min-height:80px;border:#ffffff .5vmin solid;}.pageContent h3{font-size:1.75rem;}.value-claim .function-info{	margin-bottom:50px;}.value-claim .name{	margin-bottom:8px;	padding:0 2vmin;}.template_product .slogan{	margin:4vmin 0;	font-size:48px;}.pageContent .blue{}.pageContent .blue tr td{	border:1px solid #a9e1ed;}.pageContent .pick .hyd-pic{padding-left:5vmin;}.pageContent .pick .hyd-pic > div{text-align:center;}.ingredient-card .card-header{	background-color:#fff;}.ingredient-card .card{margin-bottom:20px;background-color:transparent;border:none;}.ingredient-card .card table tbody tr td{padding:2vmin;border-color:#ffffff !important;border-style:solid;color:#ffffff;}.ingredient-card .card table tbody tr td:first-of-type{width:60%;border-width:0 .35vmin .35vmin .35vmin;}.ingredient-card .card table tbody tr td ~ td{border-width:0 .35vmin .35vmin 0;}.ingredient-card .card .card-body{padding:0;}.step-pic{	width:50%;	max-width:350px;}.reviews-block .bannerallbg_box .rounded{	padding:15px;}.reviews-block .bannerallbg_box h5{min-height:129px;}/************ Animation ************/.animation.stepDown{animation-name:fadeInOut,slideDown;/*動畫名稱*/	animation-duration:1.1s;/*持續時間*/	animation-delay:0s;/*延遲時間*/	animation-iteration-count:infinite;/*播放次數*/	animation-timing-function:ease-in-out;/*速率*/	animation-direction:alternate;/*播放方向*/	font-size:5vmin;margin-top:7vmin;}.step-all .animation.stepRight{animation-name:fadeInOut,slideRight;/*動畫名稱*/	animation-duration:1.1s;/*持續時間*/	animation-delay:0s;/*延遲時間*/	animation-iteration-count:infinite;/*播放次數*/	animation-timing-function:ease-in-out;/*速率*/	animation-direction:alternate;/*播放方向*/	font-size:5vmin;position:absolute;top:44%;margin:0;right:-18px;}.animation.ClickHere{	animation-name:flash;/*動畫名稱*/	animation-duration:2.2s;/*持續時間*/	animation-delay:0s;/*延遲時間*/	animation-iteration-count:infinite;/*播放次數*/	animation-timing-function:ease-in-out;/*速率*/	animation-direction:alternate;/*播放方向*/}@keyframes flash{	0%,100%{opacity:.5;	}	50%{opacity:1;	}}@keyframes zoomIn{	0%,100%{transform:scale(1);	}	50%{transform:scale(1.1);	}}@keyframes fadeInOut{	0%,100%{opacity:0;	}	50%{opacity:1;	}}@keyframes slideDown{	0%,100%{transform:translateY(0);	}	50%{transform:translateY(15%);	}}@keyframes slideRight{	0%,100%{transform:translateX(0);	}	50%{transform:translateX(15%);	}}@media (max-width:1023px){	.template_product h2,.template_product .h2{font-size:45px;	}	.pageContent .pick .ingredient-pic{margin-left:19vmin;	}	.pageContent .story .text{font-size:1.4rem;padding:20px;	}	.top-view_item{font-size:1.5rem;margin-bottom:27px;	}	.hyd-compare{width:100%;	}}@media (max-width:900px){.template_product .slogan{	font-size:3rem;line-height:1.4;}	.pageContent .story .text p{line-height:1.8;	}	.pageContent .pick .ingredient-pic .box{width:96%;	}	.pageContent .pick .ingredient-pic .box02 img{width:45% !important;	}	.hyd-compare_info .pic img{max-height:250px;	}}.carousel .w-dot{bottom:-34px;}.w-dot li.active{	background-color:#fff !important;}/* SM */@media (min-width:767px){}@media (max-width:767px){	.template_product h2,	.template_product .h2{font-size:30px;line-height:40px;letter-spacing:1px;	}	.template_product h3,	.template_product .h3{font-size:24px;line-height:34px;letter-spacing:1px;	}	.template_product h4,	.template_product .h4{font-size:19px;line-height:30px;letter-spacing:1px;	}	.template_product h5,	.template_product .h5{font-size:15px;line-height:24px;letter-spacing:.5px;	}	.template_product h6,	.template_product .h6{font-size:13px;line-height:22px;letter-spacing:.35px;	}	.pageContent section{padding:23px 15px 20px;	}	.ingredient_form{font-size:1.2rem;	}	.ingredient-pic > div{width:50%;	}	.pageContent .component ul li{font-size:1.4rem;	}	.big-circle{width:200px;height:200px;	}	.pageContent .bg-ingredient{min-height:auto;	 padding:14px 14px 30px;margin-bottom:15px ;	}	.pageContent .component .pic{width:55%;margin-bottom:15px;	}	.pageContent .story{min-height:auto;margin:0 0px;background-image:none;	}	.pageContent .story .text{	padding:0;	min-height:auto;	}	.pageContent .notice-info div{font-size:1.3rem;text-align:center;margin-top:10px;	}	.pageContent .comment-block h3{font-size:1.3rem;	}	.pageContent .think-pic{width:50%;	}	.l-title{font-size:1.7rem;	}	.pageContent .prod-title{margin-top:0vmin;	}	.pageContent .template_product .up{width:37px;margin-left:-13px;margin-top:-2px;	}	.pageContent .ori-item .pic{width:43px;margin-right:10px;	 margin-top:2px;float:left;height:48px;	}	.pageContent .ori-item{display:block;margin-top:12px;	}	.pageContent .fruit-pic{	width:43px;margin-right:10px;	margin-top:7px;	float:left;	}	.pageContent .ori-item .info{	 font-size:1.4rem;line-height:1.4;	height:50px;	}	.pageContent .notice-info .title{min-width:110px;margin-right:0px;	}	.pageContent .notice-info{display:block;	}	.pageContent .ori-text{	margin-top:0;	}	.ori-item .info span{line-height:1.4;	}	.pageContent .ori-text .fruit-pic{display:none;	}	.fruit-pic img{margin-top:2px;	}	.template_product .slogan{font-size:24px;	}	.ingredient-card .card table tbody tr td h4{font-size:1.3rem;	}	.ingredient-card .card .card-header h3{font-size:1.5rem;	}	.pageContent .QandA-info h2{	font-size:1.45rem;	}	.reviews-block .bannerallbg_box .rounded{padding:30px;	}	.reviews-block .bannerallbg_box h5{min-height:auto;	}	.pageContent .bd_color .slick-list{height:auto !important;	}	.template_product h5{font-size:1.8rem;	}	.value-claim .function-info{margin-bottom:20px;	}	.pageContent .comment-block .pic{width:100%;	}	.bg_color .component ul li:after{bottom:10px;	}	.step-all .animation.stepRight{right:0;	}}@media (max-width:650px){.hyd-compare{display:block;}.hyd-compare_info{	width:90%;	margin:0 auto 15px;}.video-container iframe{	width:95%;	height:269px;	margin-top:20px;}}/* xs */@media (max-width:480px){	.template_product h2,.template_product .h2{font-size:22px;	}	.value-claim-pic{padding-right:36px !important;	}	.value-claim-txt{margin-left:-18px;padding-right:40px !important;padding-left:0;	}	.step-all{display:block;	}	.step-block{display:block;	}	.fa-rotate-180{	}	.step-all .animation.stepRight{margin-top:9px;margin-bottom:20px;	}	.animation.stepDown{animation-name:fadeInOut,slideRight;margin-bottom:20px;margin-top:10px;	}	@keyframes slideRight{0%,100%{transform:translateX(0);}50%{transform:translateX(15%);}	}	.step-pic{width:60%;max-width:auto;	}	.pageContent .template_product .up{width:29px;margin-left:-9px;	}	.template_product .slogan{font-size:1.8rem;line-height:1.4;	}	.template_product h5{font-size:1.4rem;	}	.hyd-compare_info{width:100%;	}	}	@media (max-width:400px){	.big-circle{width:180px;height:180px;	}	.big-circle h2{	 font-size:1.1rem;	}}/************ Bootstrap ************/.template_product #accordion_ingredient .card{	background-color:rgba(0,0,0,0);	border:none;	border-radius:0;	margin-bottom:4vmin;}.template_product #accordion_ingredient .card .card-header{	background-color:#ffffff;	cursor:pointer;	border-radius:1vmin 1vmin 0 0;	padding:.5vmin;	border:none;}.template_product #accordion_ingredient .card .card-header.collapsed{	border-radius:1vmin;}.template_product #accordion_ingredient .card .card-body{	padding:0;}.template_product #accordion_ingredient .card table tbody tr td{	padding:2vmin;	border-color:#ffffff !important;	border-style:solid;	color:#ffffff;}.template_product #accordion_ingredient .card table tbody tr td:first-of-type{	width:60%;	border-width:0 .35vmin .35vmin .35vmin;}.template_product #accordion_ingredient .card table tbody tr td ~ td{	border-width:0 .35vmin .35vmin 0;}.template_product #accordion_ingredient .card table tbody tr:last-of-type td:first-of-type{	border-bottom-left-radius:1vmin;}.template_product #accordion_ingredient .card table tbody tr:last-of-type td:last-of-type{	border-bottom-right-radius:1vmin;}.carousel .carousel-control-prev-icon,.carousel .carousel-control-next-icon{	background-color:rgba(0,0,0,.15);	background-size:50% 50%;	padding:4vmin 1vmin;width:4vmin;height:8vmin;min-width:25px;min-height:50px;border-radius:.3rem;}.carousel .carousel-control-prev-icon{	background-image:url(https://www.tklab.com.tw/css/tk/images/chevron-left-wh.svg);}.carousel .carousel-control-next-icon{	background-image:url(https://www.tklab.com.tw/css/tk/images/chevron-right-wh.svg);}.template_product .carousel .carousel-indicators{	bottom:-4vmin;	transform:translateY(100%);}.carousel .carousel-indicators li{background-color:#626262;width:10px;height:10px;	border-radius:50%;	margin:0 4px;	border:none;}.slick-dots li button{	width:10px;height:10px;}.template_product .carousel .carousel-indicators li.active{	background-color:#ffffff;}.table.border tr td{	border:#dee2e6 1px solid;}