#grid-text {
padding-left: 14%;
padding-right: 14%;
}
@media only screen and (max-width: 480px) {
#grid-text {
padding-left: 0%;
padding-right: 0%;
}
}

Sephora X Rare Beauty กับแคมเปญเพื่อตระหนักถึงความสำคัญของการมีสุขภาพจิตที่ดี Sephora จับมือ Rare Beauty ร่วมรณรงค์เนื่องในวันแห่งสุขภาพจิตโลก

เนื่องในวัน World Mental Health Day หรือ วันสุขภาพจิตโลก เมื่อวันที่ 10 ตุลาคมที่ผ่านมานี้ ซึ่งเป็นวันที่ให้ผู้คนได้ตระหนักรู้ถึงความสำคัญของการดูแลสุขภาพจิตและการมีสุขภาพจิตที่ดี สอดคล้องกับสถานการณ์ทางสังคมปัจจุบันที่ผู้คนมีแนวโน้มการเกิดปัญหาด้านจิตเวชเพิ่มมากขึ้นด้วยหลากหลายสาเหตุ จึงทำให้คนในสังคมหันมาให้ความสำคัญและออกมาเป็นกระบอกเสียงเกี่ยวกับความสำคัญเรื่องสุขภาพจิตมากยิ่งขึ้น

รวมไปถึงบิวตี้แบรนด์อย่าง Rare Beauty ของศิลปินสาวคนดัง Selena Gomez ที่ออกมาร่วมรณรงค์เนื่องในวันสุขภาพจิตโลกผ่านแคมเปญ #MakeARareImpact ร่วมกับ Sephora เพื่อนำรายได้จากยอดขายทั้งหมดของวันที่ 10 ตุลาคมที่ผ่านมาร่วมบริจาคให้มูลนิธิ Rare Impact Fund เพื่อสนับสนุนการเข้าถึงบริการด้านสุขภาพจิตได้อย่างทั่วถึงยิ่งขึ้น นับเป็นอีกหนึ่งแคมเปญที่ไม่เพียงแต่สร้างสรรค์เรื่องความสวยงามจากภายนอก แต่ยังให้ความสำคัญกับ Beauty Inside Out หรือความเปล่งประกายจากภายในรวมไปถึงการดูแลสุขภาพ ถือเป็นอีกแบรนด์บิวตี้ที่ยืนหยัดในอุดมการณ์การส่งต่อความสวยและสิ่งดีๆในแบบฉบับของ Rare Beauty

WATCH

Photo Credit : IG @sephora , @rarebeauty 

<!–

–>

WATCH

img.dm__playlist-publisher-ava {
margin-right: 6px !important;
}
.dm__video-title{
display: -webkit-box !important;
/* -webkit-box-orient: vertical; */
-webkit-box-orient: inherit;
-webkit-line-clamp: 2;
white-space: normal;
overflow: hidden;
padding: 0 !important;
margin: 12px 12px !important;
font-size: 1.3rem !important;
font-family: “MrEaves_VOGUE_TH_Bd” !important;
text-align: center !important;
line-height: 1.5rem;
}

img.dm__playlist-publisher-ava {
margin-right: 6px !important;
}
.dm__playlist-title{
font-family: ‘MrEaves_VOGUE_TH_Bd’ !important;
font-size: 1rem !important;
}
.dm-playlist {
–dm-playlist-bg : inherit;
–dm-playlist-color: inherit;
–dm-playlist-info-bg : #ededed;
margin-top: 10px;
}
.dm__playlist-slide{
width: 175px;
}
.dm-playlist .prev, .dm-playlist .next{
min-width: auto;
border: none !important;
}
.dm__playlist-active .dm__playlist-cont-thumbnail:after,
.dm__playlist-active+.dm__playlist-slide .dm__playlist-cont-thumbnail:after{
display: none;
}
.dm__playlist-active .dm__playlist-duration,
.dm__playlist-active+.dm__playlist-slide .dm__playlist-duration {
background: rgba(0,0,0,0.6) !important;
}

<!—->

<!–

–>

<!–

–>

<!–

–>

.btn-shopping
{
font-family: “MrEaves_VOGUE_TH_Bd”;
font-size: 24px;
display: inline-block;
background-color: #B61056;
border: solid 1px #B61056;
color: #ffffff;
padding: 0 10px;
margin: 15px 0;
min-width: 240px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}

.popup {
/*background-color: transparent; */
width: 100%;
bottom: 0;
display: none;
text-align: center;
position: fixed;
z-index:999;
/*เพิ่มของ popup text+img */
/*background-color: #F7F7F7; */
background-color: #fff;
height: 28%;
-webkit-box-shadow: 0 -14px 50px rgba(0,0,0,.2);
box-shadow: 0 -14px 50px rgba(0,0,0,.2);

}
.p img {
width: 100%;
height: auto;
float: left;
}
.p_mobile img {
width: 0px;
}
.popup button {
display: block;
margin: 0 0 0 auto;
background-color: transparent;
font-size: 30px;
color: #000;

border-radius: 100%;
width: 40px;
height: 0px;
border: none;
outline: none;
cursor: pointer;
}

.popup h2 {
margin-top: -20px;
}

.popup p {
font-size: 14px;
text-align: justify;
margin: 20px 0;
line-height: 25px;
}
/*เพิ่มของ popup text+img */
#img_popup {
width: 12%;
height: auto;
margin-top: 4%;
margin-left: 3%;
}
.text-popup {
float: left;
width: 58%;
padding-left: 3%;
padding-top: 3%;
}

.text-popup h1 {
font-family: ‘MrEaves_VOGUE_TH_Rg’, sans-serif;
font-size: 40px;
margin-top: 2%;
text-align: left;
padding-left: 1%;
}
.button1 {
font-family: ‘MrEaves_VOGUE_TH_Rg’, sans-serif;
color: #fff;
padding: 16px 60px;
background-color: #000;
text-decoration: none;
display: inline-block;
font-size: 14px;
cursor: pointer;
float: right;
}
.btn {
float: right;
width: 22%;
padding-top: 4.8%;
padding-right: 3.4%;
}
.btn a:hover {
color: #fff;
background-color: #f00000;
}
#close {
font-size: 40px;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1336px) {

.btn {
width: 27%;
}
.text-popup h1 {
font-size: 32px;
}
.popup {
height: 30%;
}
}
@media only screen and (max-width: 480px) {

.popup {
height: 14%;
}
.text-popup h1 {
font-size: 15px;
margin-top: 10%;
padding-left: 2%;
padding-right: 0%;
width: 84%;
}
.btn {
margin-top: 4%;
margin-right: 1.5%;
}
.button1 {
padding: 10px 0px;
font-size: 8px;
width: 108px;

}
#img_popup {
width: 15%;
margin-top: 9%;
}
.text-popup {
width: 58%;
}
#close {
font-size: 28px;
}
}
/*—————–tablet—————————–*/
/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.popup {
height: 28%;
}
#img_popup {
width: 12%;
float: none;
}
.text-popup {
width: 100%;
float: none;
padding-left: 28%;
padding-right: 28%;
}
.text-popup h1 {
font-size: 28px;
text-align: center;
}
.button1 {
float: none;
width: 100%;
}
.btn {
float: none;
width: 100%;
padding-top: 2%;
margin-left: 0;
margin-right: 0;
padding-left: 28%;
padding-right: 28%;
}
#close {
font-size: 40px;
}
}