@charset "utf-8";
/* CSS Document */

.dc-lancomeArticle .underlineSmallTitle {
	text-align: center;
	display: block;
	color: #d51b51;
	margin-bottom: 10px;
	margin-top: 20px;
}

.dc-lancomeArticle h1,
.dc-lancomeArticle h2 {
	font-weight: bold;
}
.dc-lancomeArticle h3 span {
	border: 1px solid #000000;
	padding: 5px 20px;
	display: table;
	margin: 24px auto 10px auto;
	font-size: 1em;
}
.dc-lancomeArticle h4.title {
	color: #d51b51;
	font-weight: bold;
	display: inline-block;
}

.dc-lancomeArticle h4 span {
	border: 1px solid #d51b51;
	padding: 5px 20px;
	display: table;
	margin: 24px auto 10px auto;
	font-size: 1em;
}
.dc-lancomeArticle h3 a {
	color: #d51b51;
	text-decoration: underline;
}

.dc-lancomeArticle .symptom h3 {
	margin-bottom: 30px;
}

.dc-lancomeArticle .noticeInfo b {
	color: #d51b51;
}
.dc-lancomeArticle .item b,
.dc-lancomeArticle .problem b,
.dc-lancomeArticle .answer b {
	color: #d51b51;
	font-weight: bold;
}

.dc-lancomeArticle .answer {
	display: table;
	margin-bottom: 20px;
}

.dc-lancomeArticle .answer span {
	display: table-cell;
}

.dc-lancomeArticle .answer span.title,
.dc-lancomeArticle .problem b{
	padding-right: 13px;
	color: #d51b51;
	font-weight: bold;
}

.dc-lancomeArticle .rightImg {
	overflow: hidden;
}

.dc-lancomeArticle .rightImg img {
	width: 390px;
	float: right;
}

.dc-lancomeArticle .rightImg div {
	width: auto;
	margin: 0 430px 0 0;
}

.dc-lancomeArticle .RecommendedProducts {
	background: #f3f3f3;
	padding: 40px;
	margin-bottom: 30px;
}

.dc-lancomeArticle .RecommendedProducts h2,
.dc-lancomeArticle .RecommendedProducts h3 {
	margin-top: 0;
}

.dc-lancomeArticle .RecommendedProducts h4 {
	text-align: center;
	color: #d51b51;
	font-weight: bold;
}

.dc-lancomeArticle .RecommendedProducts hr {
	margin: 30px 0;
	font-weight: bold;
	border: 0;
	height: 2px;
	background: url("https://staging-apac-loreal.demandware.net/on/demandware.static/-/Sites-lancome-tw-Library/zh_TW/v5ef5e2e52f6800f4d5b54cd5c9e62d3a3c20d5ff/landing-page/Article/images/styleHR_white.png?version=1,606,883,353,000") no-repeat center;
	background-size: auto;
}

.dc-lancomeArticle .RecommendedProducts .MaintenanceInfo {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.dc-lancomeArticle .item .MaintenanceInfo .DaynNight {
	width: 49%;
	display: inline-block;
}

.dc-lancomeArticle .item .MaintenanceInfo .DaynNight img {
	width: 20%;
	display: block;
}

.dc-lancomeArticle .RecommendedProducts .MaintenanceInfo h4 {
	width: 200px;
	float: left;
	margin: 0;
	padding: 16px 0;
}

.dc-lancomeArticle .RecommendedProducts .MaintenanceInfo p {
	width: auto;
	margin: 0 0 0 220px;
}

.dc-lancomeArticle .productList {
	text-align: center;
}

.dc-lancomeArticle p.answer table{
	margin: 0 auto;
}

.dc-lancomeArticle table:first-of-type {
	margin: 0 auto;
}

.dc-lancomeArticle th {
	color: #ffffff;
	font-weight: bold;
}

.dc-lancomeArticle th,
.dc-lancomeArticle td {
	padding: 1rem;
	font-size: 1rem;
}
.dc-lancomeArticle ul{
	list-style: none;
	margin-left: 0;
}

@media screen and (min-width: 48em) {
	.dc-lancomeArticle .answer span.title,
	.dc-lancomeArticle .problem b{
		font-size: 1.5625rem;
	}
}

@media screen and (min-width: 80em) {}

@media screen and (max-width: 865px) {
	.dc-lancomeArticle .items .MaintenanceInfo .DaynNight {
		width: 100%;
		display: block;
	}

	.dc-lancomeArticle .item .MaintenanceInfo .DaynNight img {
		width: 50%;
	}

	.dc-lancomeArticle .RecommendedProducts .MaintenanceInfo h4 {
		width: 40%;
		float: none;
		padding: 10px;
		margin: 20px auto 10px auto;
	}

	.dc-lancomeArticle .RecommendedProducts .MaintenanceInfo p {
		width: 100%;
		margin: 0;
	}

	.dc-lancomeArticle .rightImg img {
		width: 100%;
		float: none;
		max-width: 460px;
		margin-bottom: 30px;
	}

	.dc-lancomeArticle .rightImg div {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 500px) {
	.dc-lancomeArticle .RecommendedProducts .MaintenanceInfo h4 {
		width: 80%;
	}

	.dc-lancomeArticle .RecommendedProducts {
		padding: 20px;
	}
}