#PDP-BrighPlus-Serum{
	background-image:url(img/banner-serum.jpg);
	max-width:1170px;
	height:468px;
	position:relative;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:top center;
	min-width:320px;
}

@media screen and (max-width:1023px) {
#PDP-BrighPlus-Serum{
    background-position: top left;
    background-size: 190vw auto;
    padding-top: 80vw;
	height:auto;
}
}
#PDP-BrighPlus-Serum .Wrapper{
	
	display:flex;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateY(-50%);
	width:calc(50% - 100px);
	background-color:#fff;
	text-align:center;
	padding:25px;
	box-sizing:border-box;
	height:368px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-left:50px;
}

@media screen and (max-width:1023px) {
#PDP-BrighPlus-Serum .Wrapper{
	width:100%;
	top:auto;
	left:auto;
	right:auto;
	transform:none;
	display:block;
	margin:0 auto;
	position:relative;
	height:auto;
}
}
#PDP-BrighPlus-Serum .Wrapper .Title{
	color:#ef3b6d;
    margin: 0;
    font-size: 40px;
    line-height: 1em;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins,'Microsoft Jhenghei';
	padding-bottom:20px;
}
#PDP-BrighPlus-Serum .Wrapper .Text{
	margin:15px auto;
	font-size:16px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif,'Microsoft Jhenghei';
	line-height: 1.4em;
	max-width:400px;
}
#PDP-BrighPlus-Serum .BtnLink {
	margin: 0;
	padding-top:30px;
}
#PDP-BrighPlus-Serum .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif,'Microsoft Jhenghei';
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 16px 30px;
	display: inline-block;
	line-height: 11px;
	border:2px solid #000;
}
#PDP-BrighPlus-Serum .BtnLink a:hover{
	color:#000;
	background-color: #FFF;
}
/*--------------------------------------------------------------------------------*/
#PDP-BrighPlus-Cushion{
	background-image:url(img/banner-cushion.jpg);
	max-width:1170px;
	height:468px;
	position:relative;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:top center;
	min-width:320px;
}

@media screen and (max-width:1023px) {
#PDP-BrighPlus-Cushion{
    background-position: top left;
    background-size: 190vw auto;
    padding-top: 80vw;
	height:auto;
}
}
#PDP-BrighPlus-Cushion .Wrapper{
	
	display:flex;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateY(-50%);
	width:calc(50% - 100px);
	background-color:#fff;
	text-align:center;
	padding:25px;
	box-sizing:border-box;
	height:368px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-left:50px;
}

@media screen and (max-width:1023px) {
#PDP-BrighPlus-Cushion .Wrapper{
	width:100%;
	top:auto;
	left:auto;
	right:auto;
	transform:none;
	display:block;
	margin:0 auto;
	position:relative;
	height:auto;
}
}
#PDP-BrighPlus-Cushion .Wrapper .Title{
	color:#ef3b6d;
    margin: 0;
    font-size: 40px;
    line-height: 1em;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins,'Microsoft Jhenghei';
	padding-bottom:20px;
}
#PDP-BrighPlus-Cushion .Wrapper .Text{
	margin:15px auto;
	font-size:16px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif,'Microsoft Jhenghei';
	line-height: 1.4em;
	max-width:400px;
}
#PDP-BrighPlus-Cushion .BtnLink {
	margin: 0;
	padding-top:30px;
}
#PDP-BrighPlus-Cushion .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif,'Microsoft Jhenghei';
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 16px 30px;
	display: inline-block;
	line-height: 11px;
	border:2px solid #000;
}
#PDP-BrighPlus-Cushion .BtnLink a:hover{
	color:#000;
	background-color: #FFF;
}
/*--------------------------------------------------------------------------------*/
#PDP-BrighPlus-Cushion-2{
	background-image:url(img/banner-cushion-small.jpg);
	max-width:1170px;
	height:287px;
	position:relative;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:top center;
	min-width:320px;
	margin-top:50px;
}

@media screen and (max-width:1023px) {
#PDP-BrighPlus-Cushion-2{
    background-position: top right;
    background-size: 190vw auto;
    padding-top: 45vw;
	height:auto;
}
}
#PDP-BrighPlus-Cushion-2 .Wrapper{
	
	display:flex;
	position:absolute;
	right:50%;
	top:50%;
	transform:translateY(-50%);
	width:calc(50% - 50px);
	background-color:#fff;
	text-align:center;
	padding:25px;
	box-sizing:border-box;
	height:187px;
	flex-direction:column;
	justify-content:center;
	align-items:center;

}

@media screen and (max-width:1023px) {
#PDP-BrighPlus-Cushion-2 .Wrapper{
	width:100%;
	top:auto;
	left:auto;
	right:auto;
	transform:none;
	display:block;
	margin:0 auto;
	position:relative;
	padding-bottom:20px;	height:auto;
}
}
#PDP-BrighPlus-Cushion-2 .Wrapper .Title{
	color:#ef3b6d;
    margin: 0;
    font-size: 35px;
    line-height: 1em;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins,'Microsoft Jhenghei';
}
#PDP-BrighPlus-Cushion-2 .Wrapper .Text{
	margin:15px auto;
	font-size:14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif,'Microsoft Jhenghei';
	line-height: 1.4em;
	max-width:400px;
}
#PDP-BrighPlus-Cushion-2 .TextLink {
	margin: 0;
}
#PDP-BrighPlus-Cushion-2 .TextLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif,'Microsoft Jhenghei';
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	position: relative;
	display: inline-block;
	line-height: 11px;
	border-bottom:1px solid #eee;
}
#PDP-BrighPlus-Cushion-2 .TextLink a:hover{
	color:#be0f34;
	border-bottom:1px solid #be0f34;
}
/*DTW Edits*/
/*#PDP-BrighPlus-Cushion {
    background-size: 133%;
    height: 670px;
    background-position-x: -154px;
}*/
#PDP-BrighPlus-Cushion .Wrapper {
    height: 587px;
    top: 47%;

}
#PDP-BrighPlus-Cushion .Wrapper .Title {
    font-size: 36px;
    line-height: 45px;
}
#PDP-BrighPlus-Cushion .Wrapper .dtwsmallfont {
    font-size: 13px;
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
#PDP-BrighPlus-Cushion .Wrapper {
    height: 572px;
    top: 44%;
}
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
	#PDP-BrighPlus-Cushion {
    background-size: 190vw auto;
    height: unset;
    background-position-x: unset!important;
 }
 #PDP-BrighPlus-Cushion .BtnLink {
    margin: 0;
    padding-top: 0px;
}
}

#PDP-BrighPlus-Cushion .Wrapper .Text {
    margin: 15px auto;
    font-size: 14px;
    line-height: 1.4em;
    max-width: 400px;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
#PDP-BrighPlus-Cushion .Wrapper {
    height: 587px;
    top: 44%;
}
#PDP-BrighPlus-Cushion .Wrapper{
	top: 50%!important;
}
#PDP-BrighPlus-Cushion .Wrapper .Title {
    font-size: 33px;
    }
}
@media only screen and (max-width:761px) {
#PDP-BrighPlus-Cushion .Wrapper {
    height: 587px;
    top: 0%;
}
#PDP-BrighPlus-Cushion {
    background-position-x: 0px;
}
#PDP-BrighPlus-Cushion .Wrapper {
    top: 50%!important;
}
}

@media only screen and (max-width: 761px){
	#PDP-BrighPlus-Cushion{
		background-size: 190vw auto;
	}
	#PDP-BrighPlus-Cushion .Wrapper .Title {
    font-size: 27px!important;
	}
}

.dtwsmallfont{
	font-size: 11px!important;
    opacity: 0.5;
    line-height: 1.2em;
}

#PDP-BrighPlus-Cushion .Wrapper .Title {
    font-size: 29px;
    line-height: 39px;
}
#PDP-BrighPlus-Cushion .Wrapper {
    height: 443px;
    top: 50%;
}
#PDP-BrighPlus-Cushion .BtnLink {
    padding-top: 0px!important;
}
 strong {
	font-size: 14px;
	color: #ef3b6d;
	font-weight: normal;
}

span.dtwsubtitle {
    color: black;
    font-family: ClarinsRegular, Clarins,'Microsoft Jhenghei';
    color: #000;
    font-weight: normal;
}


@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
#PDP-BrighPlus-Cushion .Wrapper {
    width: calc(53% - 100px);
}
}
@media only screen and (max-width: 761px){
#PDP-BrighPlus-Cushion .Wrapper .Title {
    font-size: 21px!important;
}
}
#PDP-BrighPlus-Cushion .Wrapper .Text{
font-family:'Microsoft Jhenghei',"Gotham SSm book A","Gotham SSm book B",Helvetica,Arial,sans-serif;
}


@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
#PDP-BrighPlus-Cushion .Wrapper {
    left: 46%;
}
#PDP-BrighPlus-Cushion .Wrapper {
    width: calc(57% - 100px);
}
}

@media only screen and (max-width: 761px){
#PDP-BrighPlus-Cushion .Wrapper {
	    padding: 15px;
	}
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
#PDP-BrighPlus-Cushion .Wrapper {
    left: 46%;
}
#PDP-BrighPlus-Cushion .Wrapper {
    width: calc(57% - 100px);
}
}