@charset "utf-8";
@font-face {
	font-family: Avenir;
	font-style: normal;
	font-weight: normal;
	src: url("../lib/font/Avenir.ttc");
}
/*首頁下方點點*/
.carousel--hero .slick-dots li button{
	width: 7vw !important;
}

/*原始kv內的*/

.SoftLipstickColllection-HP-products.hero__content-left-custom {
	padding: 3em 2.25em 6.15em !important;
	margin-left: 6rem;
	font-weight: 700;
	text-align: center;
}

.custom-black-text {
	color: #000 !important;
}

.SoftLipstickColllection-HP-products p.text--regular {
	text-align: left;
}

.small-text {
	font-size: 1vw;
}

#transparent-btn {
	background: none !important;
	color: #fff !important;
	border-color: #000 !important;
}

.custom-small-text {
	font-size: 0.5vw;
	margin-top: 20% !important;
}

@media (min-width: 768px) {
	/* .SoftLipstickColllection-HP-products button.button {
                background-color: #fff !important;
                border-color: #fff !important;
                color: #000 !important;
            }
            .SoftLipstickColllection-HP-products button.button:hover {
                background-color: #fff0 !important;
                color: #fff !important;
                border-color: #fff !important;
            }*/
	.SoftLipstickColllection-HP-products.hero__content-left-custom {
		padding: 3em 2.25em 1em !important;
	}
}

@media (max-width: 1239px) {
	.SoftLipstickColllection-HP-products p.text--regular {
		text-align: center;
		padding-right: 0;
		color: #000!important;
	}
	.SoftLipstickColllection-HP-products button {
		margin: 0 auto !important;
	}
	.SoftLipstickColllection-HP-products.hero__content-left-custom {
		margin-left: 0;
		/*background-color: #ddb0aa;*/
	}
}

@media (max-width: 1239px) {
	.SoftLipstickColllection-HP-products.mb-content-align-center {
		text-align: center;
	}
	.SoftLipstickColllection-HP-products.mb-content-align-center p {
		text-align: center;
		padding-right: 0 !important;
	}
	.small-text {
		font-size: 4vw;
	}
	.heading--medium {
		font-size: 2.5rem !important;
	}
	.custom-small-text {
		font-size: 2.5vw;
		margin-bottom: 10%;
		margin-top: 5% !important;
	}
	.SoftLipstickColllection-HP-products.hero__content-left-custom {
		padding: 3em 2.25em 1em !important;
	}
}



.HolidayCollection-HP-model h3.heading--medium {
	font-family: "Alibaba Sans", Oxygen, 微軟正黑體, "Microsoft JhengHei", "儷黑 Pro", "LiHei Pro", sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
	text-shadow: none;
	color: #000;
}

.HolidayCollection-HP-model p.text--regular {
	font-family: Avenir, 微軟正黑體, "Microsoft JhengHei", "儷黑 Pro", "LiHei Pro", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 16px 0;
	text-shadow: none;
	color: #000;
}

.HolidayCollection-HP-model .text--capital {
	font-family: Avenir, 微軟正黑體, "Microsoft JhengHei", "儷黑 Pro", "LiHei Pro", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 16px 0;
	text-shadow: none;
	color: #000;
}


.hero__content.content__align-left button {
	color: #fff;
	background-color: #623B2A!important;
	border: none;
	font-family: Avenir, 微軟正黑體, "Microsoft JhengHei", "儷黑 Pro", "LiHei Pro", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	padding: 10px 24px;
	text-transform: capitalize;
	text-shadow: none;
}

@media (min-width: 1240px) {
	.HolidayCollection-HP-model h3.heading--medium.white,
	.HolidayCollection-HP-model p.text--regular.white,
	.HolidayCollection-HP-model .text--capital.white {
		color: #fff;
	}
	.HolidayCollection-HP-model h3.heading--medium.shadow,
	.HolidayCollection-HP-model p.text--regular.shadow,
	.HolidayCollection-HP-model .text--capital.shadow {
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.70);
	}
	.hero__content.hero__content-left {
		padding-left: 18vw;
		width: auto;
		padding-top: 0;
	}
}

@media (max-width: 1239px) {
	.hero__content.hero__content-left {
		flex-grow: 1;
		background-color: #DFD4BD;
	}
	.HolidayCollection-HP-model p {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.HolidayCollection-HP-model.mobile-writh h3.heading--medium,
	.HolidayCollection-HP-model h3.heading--medium {
		font-size: 23px!important;
		color: #000;
		text-shadow: none;
		margin-top: 24px;
		text-align: center;
		margin-top: 0;
	}
	.HolidayCollection-HP-model.mobile-writh p.text--regular {
		font-size: 16px;
		text-shadow: none;
		padding: 0;
		text-align: center;
	}
	.HolidayCollection-HP-model p.text--regular {
		color: #000!important;
	}
	.HolidayCollection-HP-model.mobile-writh .text--capital,
	.HolidayCollection-HP-model p.text--regular,
	.HolidayCollection-HP-model .text--capital {
		font-size: 16px;
		color: #000;
		text-shadow: none;
		text-align: center;
	}

	.HolidayCollection-HP-model.mobile-writh button,
	.hero__content.content__align-left button {
		color: #fff!important;
		margin: 24px auto;
	}
	.carousel--hero .slick-track .slick-slide {
		display: flex;
		flex-direction: column;
	}
}




/*針對文字置中調整*/

@media only screen and (min-width: 1240px) {
	.hero.home_kv_center .hero__content {
		top: auto;
		left: auto;
		padding: 0!important;
	}
	.hero.home_kv_center {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.hero.home_kv_center h3,
	.hero.home_kv_center p {
		text-align: center;
	}
	.hero.home_kv_center .hero__content.content__align-left button,
	.hero.home_kv_center button {
		margin-left: auto;
		margin-right: auto;
	}
	.mb {
		display: none!important;
	}
}
/*針對文字靠右*/
@media only screen and (min-width: 1240px) {
	.hero.home_kv_right .hero__content {
		top: auto;
		left: auto;
	}
	.hero.home_kv_right .hero__content.hero__content-left{
		padding-right: 18vw;
		padding-left: 0;
		text-align: right;
	}
	.hero.home_kv_right {
		display: flex;
		align-items: center;
		justify-content: right;
	}
	.hero.home_kv_right h3,
	.hero.home_kv_right p {
		text-align: right;
	}
	.hero.home_kv_right .hero__content.content__align-left button,
	.hero.home_kv_right button {
	display: inline-block;
	}
	
}
@media only screen and (max-width: 1239px) {
	.pc {
		display: none!important;
	}
}

.carousel--hero .slick-dots li button {
	width: 15vw;
}


/*5塊bn*/

/*@media (max-width: 767px) {
	.carousel--hero .slick-dots {
		top: 56%;
	}
}*/