#main-container{z-index:4;position:relative;overflow:visible}.section-bg{position:absolute;left:0;top:0;width:100%}.hairoil-outer{background:#000;float:left;width:100%}.hairoil-outer .hairoil-home-container{position:relative;margin:50px auto;padding:12px;max-width:900px;background-size:cover;background:#fff}.hairoil-outer .hairoil-home-container .home-title{margin:0 0 40px;padding-top:0}.hairoil-outer .hairoil-home-container .home-title img{max-height:65px;margin:0 auto}.hairoil-outer .hairoil-home-container img.section-bg{max-height:100%}.hairoil-outer .hairoil-home-container .start-button{outline:1px solid #000;background:#000;padding:10px 20px;color:#fff;text-decoration:none;border:2px solid #ede4cc;display:inline-block}.hairoil-outer .hairoil-home-container .start-button:after{content:"→";margin-left:5px}.hairoil-home-section{position:relative;padding-top:40px;max-width:65%}.hairoil-home-section p{margin-bottom:60px}.display-products{margin:50px auto 0;position:relative}.display-products li img{max-width:100%;height:auto;max-height:120px}.result-page-item{padding:15px}.result-page-item img{display:inline-block;max-width:100%}.buy-wrapper{text-align:center;display:flex}.buy-online,.detail-btn,.diagnose-btn{background:#fff;border:none;padding:15px 10px;margin:0 10px 0 0;color:#fff;text-transform:uppercase;line-height:18px;cursor:pointer;font-size:13px;width:171px;letter-spacing:0;text-decoration:none}.diagnose-btn{width:220px}.hairoil-bg{background-repeat:no-repeat;background-position:0 0;background-size:cover;overflow:hidden}.hairoil-question-container{position:relative;margin:50px auto;padding:12px;max-width:900px}.hairoil-question-container .border-box{width:200px;height:200px;border:13px solid #e42948;position:absolute;top:0;left:0;z-index:1;display:inline-block}.hairoil-question-container .border-box:last-child{border-color:#f7dfd5;top:auto;bottom:0;left:auto;right:0}.hairoil-question-section{background:#fff;min-height:500px;z-index:2;position:relative;padding:10px;text-align:center;margin:0;overflow:hidden}.hairoil-question-section .question-number{background:#000;color:#fff;padding:10px;width:50px;height:50px;text-align:center;border-radius:50%;margin:30px 0;display:inline-block;vertical-align:middle;line-height:28px;font-size:24px}.hairoil-question-section p{font-size:18px;margin:15px}.hairoil-question-section .lip-counsel-answers{display:inline-block}.hairoil-question-section .lip-counsel-answers li.ripple-out{width:168px;margin:0 6px;display:inline-block;max-width:45%}.hairoil-question-section .lip-counsel-answers li.ripple-out img{max-width:100%}.hairoil-question-content{background-color:#fff;width:100%;list-style:none}.hairoil-question-content .no,.hairoil-question-content .yes{background:#000;color:#fff;padding:10px;margin:0 15px;width:130px;height:130px;text-align:center;border-radius:50%;margin-top:30px;display:inline-block;vertical-align:middle;line-height:110px;font-size:30px;text-transform:uppercase;cursor:pointer;font-weight:700;transform:perspective(1px) translateZ(0);position:relative}.hairoil-question-content .no:before,.hairoil-question-content .yes:before{content:"";position:absolute;border:6px solid #7f7f7f;border-radius:50%;top:0;right:0;bottom:0;left:0;animation-duration:1s}.hairoil-question-content .no:active:before,.hairoil-question-content .no:focus:before,.hairoil-question-content .no:hover:before,.hairoil-question-content .yes:active:before,.hairoil-question-content .yes:focus:before,.hairoil-question-content .yes:hover:before{animation-name:ripple-out}.back-btn{display:block;margin:80px auto 0;width:115px}@keyframes ripple-out{to{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@media(max-width:767px){.hairoil-question-container,.result-page-container{margin:30px 10px}.hairoil-home-container{margin:0 auto}.hairoil-home-section{max-width:90%}.display-products{margin-top:30px}.display-products li:nth-child(n+4){display:none}.result-page-section{height:auto}.result-page-item,.result-page-item:last-child{width:100%}.result-page-item img{max-height:200px}.buy-wrapper{display:block;margin-top:20px}.buy-online,.detail-btn{width:100%;display:block;margin-top:15px}.hairoil-question-section{min-height:400px}.hairoil-question-content .no,.hairoil-question-content .yes{padding:10px;width:100px;height:100px;margin:20px;text-align:center;line-height:90px;font-size:21px}.hairoil-outer .hairoil-home-container img.section-bg{height:100%;max-width:auto;width:auto}}.buyOnline-btn{float:right;font-size:.625rem;padding:1.6rem 3rem;font-weight:700;position:relative}.button.-primaryAnimated{background-color:#e32847;color:#fff}@media(min-width:768px){.VueCarousel-inner{flex-basis:auto!important;flex-direction:column!important}.VueCarousel-dot-container{margin-top:0}.VueCarousel-pagination{display:none}.buyOnline-btn{float:right;position:relative;font-size:12px;padding:1.125rem 3rem}}@media(max-width:800px){body .commerceConnector__layout{height:100%}}#apac-container{overflow:hidden}.lip-hair-outer{background:#000;float:left;width:100%}.hairoil-home-container{position:relative;margin:50px auto;max-width:900px;box-shadow:0 0 3px 2px rgba(0,0,0,.7);border-radius:4px;background-size:cover}.hairoil-home-container .home-title{padding-top:55px}.hairoil-home-container .home-title h2{font-size:x-large}.hairoil-home-container .home-title img{max-height:65px}.hairoil-home-container .start-button{outline:1px solid #000;background:#000;padding:10px 20px;color:#fff;text-decoration:none;border:2px solid #ede4cc;display:inline-block}.hairoil-home-container .start-button:after{content:"→";margin-left:5px}.hairoil-home-container img{max-width:100%;height:auto;max-height:120px;display:inline}.hairoil-home-section{text-align:center;max-width:70%;margin:0 auto}.hairoil-home-section p{margin:50px auto;width:85%;font-size:.9rem}.display-products{list-style:none;margin:55px auto 0;padding:0;display:flex;justify-content:center}.display-products li{display:inline-block;margin:0 15px}@media(max-width:767px){.hairoil-home-container{height:auto;margin:0 auto;border-radius:0;box-shadow:none}.hairoil-home-section{max-width:90%}.hairoil-home-section p{margin:20px auto;font-size:.8rem}.display-products{margin-top:20px}.display-products li:nth-child(n+4){display:none}}.lip-counsel-container{position:relative;margin:50px auto;padding:12px;max-width:900px}.lip-counsel-container .border-box{width:200px;height:200px;border:13px solid #e42948;position:absolute;top:0;left:0;z-index:1;display:inline-block}.lip-counsel-container .border-box:last-child{border-color:#f7dfd5;top:auto;bottom:0;left:auto;right:0}.lip-counsel-section{background:#fff;height:500px;z-index:2;position:relative;padding:10px;text-align:center}.lip-counsel-section .question{color:#000;text-align:center;margin:30px 0;line-height:50px;font-size:24px;display:block}.lip-counsel-section .question-number{font-weight:700}.lip-counsel-section .progress-wrapper{margin:60px auto 0;position:relative;width:400px}.lip-counsel-section .progress-container{position:relative}.lip-counsel-section .steps{position:relative;display:flex;justify-content:space-between;width:400px}.lip-counsel-section .step{width:10px;height:10px;background:#feadbe;border-radius:50%;transition:background 1s;position:relative}.lip-counsel-section .step span{position:absolute;top:-15px;left:-25px}.lip-counsel-section .progress{position:absolute;width:100%;height:50%;border-bottom:1px dotted #feadbe;z-index:-1}.lip-counsel-section .percent{position:absolute;width:0;height:100%;border-bottom:1px solid #4b81bd;z-index:1;transition:width 1s}.lip-counsel-content{width:97.5%;position:relative;background:#fff;left:0}.lip-counsel-answers{display:flex;flex-wrap:nowrap;justify-content:center;list-style:none;padding:0;margin:0}.lip-counsel-item{margin:0 6px;height:168px;width:168px;cursor:pointer;position:relative}.lip-counsel-item:last-child{margin-right:0}.lip-counsel-item img{max-height:190px;position:absolute;left:0}.lip-counsel-item img:last-child{top:3px;left:3px;opacity:0}.lip-counsel-item img+img:hover{opacity:1}.back-btn{margin-top:50px;margin-bottom:30px;cursor:pointer;display:inline-block}@media(max-width:767px){.lip-counsel-section{height:auto}.lip-counsel-section .progress-wrapper{width:250px;margin-bottom:10px;height:20px;margin-top:20px}.lip-counsel-section .steps{width:250px}.lip-counsel-content{height:auto}.lip-counsel-item{width:48%;margin:0 4px}.lip-counsel-item img{max-height:155px}.lip-counsel-item img:last-child{height:147px}.lip-counsel-item:nth-child(2){margin-right:0}.lip-counsel-answers{flex-wrap:wrap}.back-btn{margin-top:30px;margin-bottom:30px}}.result-page-container{position:relative;margin:50px auto;padding:12px;max-width:700px}.result-page-container .border-box{width:200px;height:200px;border:13px solid #e42948;position:absolute;top:0;left:0;z-index:1;display:inline-block}.result-page-container .border-box:last-child{border-color:#f7dfd5;top:auto;bottom:0;left:auto;right:0}.result-page-section{background:#fff;min-height:350px;z-index:2;position:relative;padding:10px;text-align:center}.result-page-item-wrapper{display:flex;flex-wrap:wrap;justify-content:center;background:#fff4f0;padding:10px}.result-page-item-wrapper:nth-child(2n+2){background:#fff}.result-page-item{width:40%;flex-grow:1}.result-page-item h2{font-size:20px;margin:10px 0;font-weight:700}.result-page-item:last-child{width:60%;text-align:left;padding:15px 0}.result-page-item img{max-height:250px}.buy-wrapper{margin-top:50px}.diagnose-btn{background:#fff;padding:15px 10px;text-transform:uppercase;line-height:18px;cursor:pointer;width:171px;color:#000;border:1px solid #000;margin:30px 0 20px}.diagnose-btn:after{content:" »";font-size:18px}.detail-btn{width:171px;background:#599bd8}.buy-online,.detail-btn{border:none;padding:15px 10px;color:#fff;text-transform:uppercase;line-height:18px;cursor:pointer}.buy-online{width:195px;background:#e42948}@media(max-width:767px){.result-page-section{height:auto}.result-page-item,.result-page-item:last-child{width:100%}.result-page-item img{max-height:200px}.buy-online,.detail-btn{width:100%;display:block}}@media screen and (max-width:900px){.commerceConnector__layout{width:100%}}@media screen and (min-width:0){.commerceConnector .commerceConnector__cta{position:fixed;bottom:0;width:100%}.commerceConnector .commerceConnector__cta p{margin:0;width:100%}.commerceConnector .commerceConnector__cta p .button.-primaryAnimated{font-size:.75rem;display:block;padding:1.25rem .625rem}.commerceConnector .commerceConnector__cta p .button.-primaryAnimated .icon{width:.9375rem;height:.9375rem}}@media screen and (min-width:62.4375rem){.commerceConnector .commerceConnector__cta{position:absolute}}.commerceConnector .commerceConnector__description h1{height:6.4375rem;display:table-cell;vertical-align:middle}@media screen and (min-width:62.4375rem){.commerceConnector .commerceConnector__description h1{height:7.4375rem}}.reviews-container{overflow:hidden}body .filterGrid__imageWrapper img,body .filterGrid__imageWrapper img.-small{width:auto;max-width:90%;max-height:90%}.videoComponentCn{position:relative;overflow:hidden;max-width:73.125rem;margin:0 auto}.videoComponentCn .embedResponsive{position:relative;display:block;height:0;padding:0;overflow:hidden;padding-bottom:56.25%}.videoComponentCn__infoPanel{position:absolute;left:0;top:auto;right:0;bottom:0;min-height:4.125rem;z-index:110;background-color:rgba(0,0,0,.54)}.videoComponentCn .prism-player .prism-big-play-btn{background:#303233 url(https://www.lorealparis.com.cn/apacdist/img/play.svg) no-repeat;border-radius:50%;background-position:21px 18px;left:48px!important;bottom:41px!important;display:block}.videoComponentCn .prism-player .prism-big-play-btn:hover{background:#e32847 url(https://www.lorealparis.com.cn/apacdist/img/play.svg) no-repeat;border-radius:50%;background-position:21px 18px}.videoComponentCn .prism-player .prism-big-play-btn .outter{border:0}.videoComponentCn__infoPanelText{padding:1.5625rem 1.875rem 1.5625rem 5rem;font-size:.875rem;font-weight:300;line-height:1rem;display:block;color:#fff}.videoComponentCn .prism-player{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}@media(min-width:62.4375rem){.videoComponentCn{padding-left:0;padding-right:0;margin:0 auto 3.125rem}.videoComponentCn .videoComponentCn__infoPanel{min-height:8.3125rem}.videoComponentCn .videoComponentCn__playButton{left:3.75rem;width:3.75rem;height:3.75rem}.videoComponentCn .videoComponentCn__playButtonIcon{top:1.0625rem;left:1.25rem;width:1.5rem;height:1.625rem}.videoComponentCn .videoComponentCn__infoPanelText{padding:3.4375rem 1.875rem 3.4375rem 9.375rem;font-size:1.25rem;font-weight:700;line-height:1.6875rem}}@media(max-width:62.4375rem){body .videoComponentCn .prism-player .prism-big-play-btn{background-position:13px 11px;left:19px!important;bottom:14px!important;width:40px;height:40px;background-size:17px}.videoComponentCn .prism-player .prism-big-play-btn:hover{background-position:13px 11px;background-size:17px}.footer-bottom{padding-bottom:60px}}.apac_videoContainer{max-width:1173px;margin:0 auto}.serve-center.footer-bottom{padding-top:25px}.serve-center.footer-bottom .container{font-size:12px}.footer-bottom{background-color:#e8e8e8;padding-top:25px;clear:both}.container{max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.serve-center{clear:both;padding-bottom:10px;font-size:.8125em}.footer-bottom-inner,.serve-center{text-align:center}.full-width{display:flex}.filing{width:250px;margin:0 auto;padding:0 0 20px}.filing,.filing img{display:inline-block}.filing img{margin-right:5px;vertical-align:top}.filing a{display:inline-block;text-decoration:none;font-size:12px}.filing a,.filing p{height:20px;line-height:20px}.filing p{float:left;margin:0 0 0 5px;color:#939393}.footer-middle .right-align{text-align:center}.footer-icp-icons{float:left;max-width:16px}.pdpWrapper .tabs [slot=tab__header],.pdpWrapper .tabs__title{font-size:.725rem}.footer-section-Social .collapsable__content li{margin-right:15px}.collapsable__title{font-size:20px}.footer .collapsable.col-lg-3.collapsable--social{margin-bottom:.5625rem;min-width:45%}@media screen and (max-width:900px){.footer-bottom{padding-top:0}.full-width{display:block}.right-align{text-align:center}.footer .collapsable__content{margin-left:15px;padding-right:15px}.collapsable__title{font-size:20px}.footer__info .footer__infoItem,.serve-center.footer-bottom,body .collapsable__content li,body .footer__iconName{font-size:14px}.footer-middle .container{padding:0 10px}.footer-middle .container p{font-size:14px}.filing{display:block;width:100%;padding:0 0 5px}.tabs__heading{font-size:18px}.pdpWrapper .tabs [slot=tab__header],.pdpWrapper .tabs__title{font-size:16px}.tabs .rich-text .field-text,.tabs .rich-text p{font-size:14px}}@media screen and (min-width:900px){.footer-middle .container,.serve-center.footer-bottom .container{line-height:20px;font-size:13px}.footer-middle .container br{display:none}}@media screen and (min-width:62.4375rem){.pdpWrapper .tabs [slot=tab__header],.pdpWrapper .tabs__title{font-size:1rem;line-height:1.25rem}.collapsable__content li,.footer-middle .container,.footer-middle .container p{font-size:16px}}@media screen and (min-width:1025px){.footer__topContent .container [class*=col-]{padding-left:0;padding-right:0}}