/*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;
}