@charset "UTF-8";
@font-face{font-family:'Helvetica Neue LT Std';src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Lt.eot');src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Lt.woff') format('woff'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Lt.ttf') format('truetype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Helvetica Neue LT Std';src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Roman.eot');src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Roman.woff') format('woff'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Roman.ttf') format('truetype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Helvetica Neue LT Std';src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Th.eot');src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Th.woff') format('woff'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Th.ttf') format('truetype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg');font-weight:200;font-style:normal}@font-face{font-family:'Helvetica Neue LT Std';src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-UltLt.eot');src:url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-UltLt.woff') format('woff'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-UltLt.ttf') format('truetype'),url('/themes/nars/assets/fonts/custom/HelveticaNeueLTStd-UltLt.svg#HelveticaNeueLTStd-UltLt') format('svg');font-weight:100;font-style:normal}@font-face{font-family:'HelveticaNeueW01-UltLt';src:url('/themes/nars/assets/fonts/custom/01.eot');src:url('/themes/nars/assets/fonts/custom/01.eot') format('eot'),url('/themes/nars/assets/fonts/custom/01.woff2') format('woff2'),url('/themes/nars/assets/fonts/custom/01.woff') format('woff')}@font-face{font-family:'HelveticaNeueW01-45Ligh';src:url('/themes/nars/assets/fonts/custom/02.eot');src:url('/themes/nars/assets/fonts/custom/02.eot') format('eot'),url('/themes/nars/assets/fonts/custom/02.woff2') format('woff2'),url('/themes/nars/assets/fonts/custom/02.woff') format('woff')}@font-face{font-family:'HelveticaNeueW01-75Bold';src:url('/themes/nars/assets/fonts/custom/03.eot');src:url('/themes/nars/assets/fonts/custom/03.eot') format('eot'),url('/themes/nars/assets/fonts/custom/03.woff2') format('woff2'),url('/themes/nars/assets/fonts/custom/03.woff') format('woff')}@font-face{font-family:'Helvetica Neue LT W01_35 Thin';src:url('/themes/nars/assets/fonts/custom/04.eot');src:url('/themes/nars/assets/fonts/custom/04.eot') format('eot'),url('/themes/nars/assets/fonts/custom/04.woff2') format('woff2'),url('/themes/nars/assets/fonts/custom/04.woff') format('woff')}@font-face{font-family:'Helvetica Neue LT W01_55 Roman';src:url('/themes/nars/assets/fonts/custom/05.eot');src:url('/themes/nars/assets/fonts/custom/05.eot') format('eot'),url('/themes/nars/assets/fonts/custom/05.woff2') format('woff2'),url('/themes/nars/assets/fonts/custom/05.woff') format('woff')}@font-face{font-family:'Helvetica Neue LT W01_65 Md';src:url('/themes/nars/assets/fonts/custom/06.eot');src:url('/themes/nars/assets/fonts/custom/06.eot') format('eot'),url('/themes/nars/assets/fonts/custom/06.woff2') format('woff2'),url('/themes/nars/assets/fonts/custom/06.woff') format('woff')}*{font-family:"HelveticaNeueW01-45Ligh",Arial,Helvetica,"微軟正黑體";font-weight:400}
h1,h2,h3,h4,h5,h6{font-family:'HelveticaNeueW01-UltLt',"微軟正黑體" !important;font-weight:100}
html{background-color:#fff}
body{background-color:#fff;overflow-y:scroll}
html,body{margin:0;padding:0;height:100%}
.nars{background-color:#fff}
.hidden{display:none}
a,
a:hover,
a:active,
a:focus{color:#000 !important;text-decoration:none}
a:hover{color:#ddd;text-decoration:none}
strong,
.strong{font-family:"Helvetica Neue LT Std","微軟正黑體" !important;font-weight:800 !important}
.glyphicon{color:#b3b3b3}
.btn,
.btn:hover,
.btn:active,
.btn:focus{font-size:15px;border:1px solid #000;color:#000;text-transform:uppercase;white-space:unset;border-radius:0}
.btn-black,
.btn-black:hover,
.btn-black:active,
.btn-black:focus{font-size:15px;border:0;color:#fff;text-transform:uppercase;white-space:unset;border-radius:0;background-color:#000}
.btn-black:disabled{background-color:#999}
h1,h2,h3{text-transform:uppercase}.topbar{padding:15px 0;height:43px;line-height:1;background-color:#fff;color:#000;font-size:14px;font-weight:800}
.topbar .slogan{float:left}
.topbar .menu{float:right}
.topbar .menu .language-switcher{float:left}
.topbar .menu .language-switcher a{float:left !important;margin:0 6px 0 0;padding:0 6px 0 0}
.topbar .menu .language-switcher a:first-child{border-right:1px solid}
.topbar .menu .new{text-transform:uppercase}
.topbar .menu a{display:inline-block;padding:15px 0;margin-left:20px;margin-top:-15px;color:#000}
.topbar .menu a.signin{padding:15px 8px;margin-left:10px;border-left:1px solid transparent;border-right:1px solid transparent;-webkit-transition :border 100ms ease-out;-moz-transition :border 100ms ease-out;-o-transition :border 100ms ease-out;transition :border 100ms ease-out}
.topbar .menu a.signin.hover{border-left:1px solid #979797;border-right:1px solid #979797}
.topbar .menu a.myaccount-mobile{display:none}
.topbar .quick-sign-panel{position:absolute;display:none;top:43px;left:0;min-width:300px;background-color:#fff;border:1px solid #979797;box-shadow:0 5px 5px rgba(0,0,0,0.1);z-index:3}
.topbar .quick-sign-panel .panel-container{padding:20px}
.topbar .quick-sign-panel .panel-container h2{font-size:28px}
.topbar .quick-sign-panel .panel-container .field{margin:18px 0}
.topbar .quick-sign-panel .panel-container .field .field-name{margin-bottom:6px;font-weight:600;font-size:12px;text-transform:uppercase}
.topbar .quick-sign-panel .panel-container .field .field-input input[type="text"],
.topbar .quick-sign-panel .panel-container .field .field-input input[type="password"]{height:32px}
.topbar .quick-sign-panel .panel-container .field.remember label{font-size:12px;font-weight:600;text-transform:uppercase}
.topbar .quick-sign-panel .panel-container .field.remember input[type="checkbox"]{margin-right:10px}
.topbar .quick-sign-panel .panel-container input.signin{width:100%;text-transform:uppercase}
.topbar .quick-sign-panel .panel-container .forget-password{margin:18px 0;text-align:center}
.topbar .quick-sign-panel .panel-container .forget-password a{margin:0;padding:0;text-decoration:underline}
.topbar .quick-sign-panel .panel-container .social-login{padding:20px 0;border-top:1px solid #979797;border-bottom:1px solid #979797}
.topbar .quick-sign-panel .panel-container .social-login a.facebook,
.topbar .quick-sign-panel .panel-container .social-login a.wechat{display:block;margin:0;padding:10px 0;background-color:#000;color:#fff !important;text-align:center;background-repeat:no-repeat;background-size:15px;background-position:35px center;text-transform:uppercase}
.topbar .quick-sign-panel .panel-container .social-login a.facebook{margin-bottom:10px;background-color:#3b5999}
.topbar .quick-sign-panel .panel-container .social-login a.wechat{background-color:#2ec100}
.topbar .quick-sign-panel .panel-container .social-login a>img{height:16px;margin-right:10px}
.topbar .quick-sign-panel .panel-container .new-to-nars{margin-top:20px}
.topbar .quick-sign-panel .panel-container .new-to-nars a{display:block;padding:10px;margin:0}.brandbar{padding:0;background-color:#000}
.brandbar img.logo{height:100px}#main{padding-bottom:100px}.box-title{margin:0 auto 30px;width:100%;max-width:620px;text-align:center}
.box-title h2{margin-bottom:10px;font-size:4rem;line-height:1}
.box-title .subtitle{line-height:1.2;font-size:15px;padding-top:5px}
.box-title .subtitle a{text-decoration:underline}
.title-bar{margin-bottom:30px}
.title-bar .title{font-size:7rem;line-height:1.2}
.title-bar .subtitle{font-size:15px}
.invalid{color:#dc2430}.control-breadcrumb{}
.control-breadcrumb .container{}
.control-breadcrumb .container ul{overflow:hidden;list-style-type:none;padding:0;margin:20px 0}
.control-breadcrumb .container ul li{float:left;padding:0 15px;border-left:1px solid #000;line-height:1.2;text-transform:uppercase}
.control-breadcrumb .container ul li:first-child{padding-left:0;border-left:none}input[type=text],
input[type=password]{display:block;width:100%;height:38px;padding:0 10px;border:1px solid #c3c3c3}
input[type=text][readonly],
input[type=password][readonly]{background-color:rgb(235,235,228)}
input[type=checkbox],
input[type=checkbox]:checked{border-color:#fff;margin-top:1px}
input[type=checkbox]:before{width:15px;height:15px;border:1px solid #000;content:"";display:block;background:#fff}
input[type=checkbox]:checked:before{background-color:#fff;background-size:13px;background-image:url(/themes/nars/assets/images/signin/cross.png)}
input[type=submit],
input[type=button],
button{display:block;font-size:15px;padding:10px;text-align:center;text-transform:uppercase}
input[type=submit],
button{border:none;background:#000;color:#fff}
input[type=button]{border:1px solid #000;background:#fff;color:#000}
select{width:100%;height:38px;padding:5px 8px;margin:0 auto 20px;background:#fff;border:1px solid #c3c3c3;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#888 50%),linear-gradient(135deg,#888 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}
select[disabled]{background-image:none;background-color:rgb(235,235,228)}
select[disabled]::-ms-expand{display:none}
.nars-form{}
.nars-form .field{margin-bottom:18px}
.nars-form .field .field-name{margin-bottom:4px;font-size:1.4rem;text-transform:uppercase;font-family:"Helvetica Neue LT Std","微軟正黑體"}
.nars-form .field .field-input input[type=text]{width:100%;padding:0 10px}
.nars-form .field .field-input input[name=code]{margin-bottom:10px}
.nars-form .or{text-align:center;padding-bottom:5px}
.nars-form .email{margin-bottom:25px}
::placeholder{color:#bbb;opacity:1}
:-ms-input-placeholder{color:#bbb}
::-ms-input-placeholder{color:#bbb}.calendar-table{width:100%}
.calendar-table thead tr th.last-button a{display:inline-block;width:10px;height:10px;transform:rotate(45deg);border-bottom:1px solid;border-left:1px solid}
.calendar-table thead tr th.next-button a{display:inline-block;width:10px;height:10px;transform:rotate(-45deg);border-bottom:1px solid;border-right:1px solid}
.calendar-table th,
.calendar-table td{position:relative;padding:2px 0;width:14.28571428571429%;height:32px;text-align:center;text-transform:uppercase}
.calendar-table tr.weekday-row td{padding-top:6px;border-bottom:1px solid #ddd}
.calendar-table tbody tr:nth-child(2) td{padding-top:4px}
.calendar-table tr.day-row td{height:36px;line-height:2.2}
.calendar-table tr.day-row td.last-month .day-label,
.calendar-table tr.day-row td.next-month .day-label{display:none}
.calendar-table tr.day-row .day-label{height:100%;background-color:#eee}
.calendar-table tr.day-row td.daybox{cursor:pointer}
.calendar-table tr.day-row td.daybox.past-day .day-label,
.calendar-table tr.day-row td.daybox.after-max-date .day-label{opacity:0.4}
.calendar-table tr.day-row td.selected .day-label{background-color:#000;color:#fff}
.calendar-table td.first-day .day-label,
.calendar-table td[data-weekday="0"] .day-label{border-top-left-radius:18px;border-bottom-left-radius:18px}
.calendar-table td.last-day .day-label,
.calendar-table td[data-weekday="6"] .day-label{border-top-right-radius:18px;border-bottom-right-radius:18px}
.calendar-table tfoot{display:none}.usernav{position:relative;margin:40px 0;overflow:hidden;font-size:2rem}
.usernav a{float:left;position:relative;margin-right:30px;font-family:'HelveticaNeueW01-UltLt',"微軟正黑體";font-size:26px;text-transform:uppercase;color:#000;line-height:1}
.usernav a:after{content:" ";position:absolute;top:3px;right:-15px;width:1px;height:20px;background-color:#000}
.usernav a:last-child:after{display:none}
.usernav a.current,
.usernav a:hover{border-bottom:2px solid #000}.footer{background-color:#000;color:#fff}
.footer .content{padding:32px 0 40px;text-transform:uppercase;text-align:center;font-size:14px}
.footer a{color:#fff !important}body.modal-open[data-page-slug="index"]{position:fixed;overflow:hidden;left:0;right:0}
.modal{-webkit-overflow-scrolling:auto}
@media screen and (min-width:768px){.modal.nars-popup:before{display:inline-block;vertical-align:middle;content:" ";height:100%}}
.modal.nars-popup{text-align:center}
.modal.nars-popup .modal-dialog{display:inline-block;width:90%;text-align:left;vertical-align:middle}
.modal.nars-popup .modal-dialog .modal-content{border-radius:0}
.modal.nars-popup .modal-dialog .modal-header{padding:0}
.modal.nars-popup .modal-dialog .modal-header button.close{position:absolute;right:10px;top:10px;font-size:4rem;line-height:0.5;z-index:1}
.modal.nars-popup .modal-dialog .modal-body{padding:20px 24px 30px}
.modal.nars-popup .modal-dialog .modal-body h2.title{font-size:3.6rem;margin:4px 0 2px}
.modal.nars-popup .modal-dialog .modal-body .content{margin-bottom:30px}
.modal.nars-popup .modal-dialog .modal-body .buttons{text-align:center}
.modal.nars-popup .modal-dialog .modal-body .buttons a{padding:4px 80px}.nice-select{border-radius:0}
.nice-select ul{border-radius:0 !important}@media only screen and (max-width:991px){.topbar .menu a{margin-top:-20px}}@media only screen and (max-width:767px){.topbar{font-size:12px}.title-bar .title{font-size:6rem}.topbar .menu .language-switcher{float:right}.topbar .menu .language-switcher a:last-child{margin-right:0;padding-right:0}.topbar .menu a.signin{position:relative;bottom:-50px;right:-55px;color:#fff!important}.topbar .menu a.myaccount-mobile{position:absolute;display:block;top:68px;right:16px;color:#fff !important;text-transform:uppercase}.topbar .menu a.logout{margin-left:0;margin-right:20px}.topbar .quick-sign-panel{top:-9999999px}.usernav{margin:0 -15px 30px}.usernav a{position:relative;float:left;padding:10px 15px !important;width:100%;border:none;clear:both;line-height:1.8;border-top:1px solid #c3c3c3}.usernav a:after,.usernav a:last-child:after{content:" ";position:absolute;display:block;top:28px;right:15px;width:10px;height:10px;background-color:transparent;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}.usernav a:last-child{border-bottom:1px solid #c3c3c3 !important}.usernav a:hover,.usernav a:focus,.usernav a:active,.usernav a.current{border-bottom:0}.usernav a.current{background-color:#000;color:#fff !important}.usernav a.current:after,.usernav a:last-child.current:after{border-top:1px solid #fff;border-right:1px solid #fff}.brandbar img.logo{height:50px;display:block;margin:0 auto}}
.nars-reservation .info .step{margin-bottom:20px}
.nars-reservation .info .step h4{font-size:3rem;margin-bottom:30px;text-transform:uppercase}
.nars-reservation .info .step .shop-info{margin:20px 0 20px;min-height:70px}
.nars-reservation .info .step .shop,
.nars-reservation .info .step .timeslots{text-transform:uppercase}
.nars-reservation .info .step-timeslots{margin-bottom:60px}
.nars-reservation .info .step-remarks{}.nars-reservation #shop-map{position:absolute;right:-100%;top:0;width:100%;height:400px}.nars-reservation .step-shop .nice-select ul{}
.nars-reservation .step-shop .nice-select .current,
.nars-reservation .step-shop .nice-select ul li,
.nars-reservation .step-timeslots .nice-select .current,
.nars-reservation .step-timeslots .nice-select ul li{text-transform:uppercase}
.nars-reservation .step-timeslots .nice-select ul li.disabled{text-decoration:line-through}.nars-reservation .my-reservation{margin-top:40px;padding-top:40px;border-top:1px solid #ccc}
.nars-reservation .my-reservation .caption h4{font-size:3rem;text-transform:uppercase}
.nars-reservation .my-reservation .booking-list{margin-top:20px}
.nars-reservation .my-reservation .booking-list .bookings-not-found{padding:20px 40px;margin-bottom:40px;border:1px solid;font-size:1.6rem;text-align:center}
.nars-reservation .my-reservation .booking-list .booking{margin-left:0;margin-right:0;padding:24px;margin-bottom:20px;border:1px solid #666}
.nars-reservation .my-reservation .booking-list .booking .right{text-align:right}
.nars-reservation .my-reservation .booking-list .booking .mobile{display:none}
.nars-reservation .my-reservation .booking-list .booking .date,
.nars-reservation .my-reservation .booking-list .booking .weekday,
.nars-reservation .my-reservation .booking-list .booking .time{font-family:'HelveticaNeueW01-UltLt',"微軟正黑體" !important;font-size:2.6rem;text-transform:uppercase}
.nars-reservation .my-reservation .booking-list .booking .btn-cancel.desktop{padding:6px 40px;margin-top:30px}
.nars-reservation .my-reservation .booking-list .booking .storename{margin:6px 0;font-family:'HelveticaNeueW01-UltLt',"微軟正黑體" !important;font-size:1.6rem;text-transform:uppercase}
.nars-reservation .my-reservation .booking-list .booking .address,
.nars-reservation .my-reservation .booking-list .booking .phone{font-family:'HelveticaNeueW01-UltLt',"微軟正黑體" !important;font-size:1.6rem}.nars-reservation #date-picker{width:280px}.nars-reservation .reservation-form button#submit{padding:8px 100px}.nars-thankyou{}
.nars-thankyou .booking{margin-bottom:30px}
.nars-thankyou .booking>div{margin-bottom:20px}
.nars-thankyou .booking h4{text-transform:uppercase}
.nars-thankyou .booking .location{margin-bottom:40px}
.nars-thankyou .booking .location .value{text-transform:uppercase}
.nars-thankyou .booking .value{font-size:16px}
.nars-thankyou #shop-map{margin-top:-140px;margin-bottom:40px;width:100%;height:400px}@media only screen and (max-width:767px){.nars-reservation #date-picker{margin:0 auto}.nars-reservation #shop-map{position:relative;right:0;margin-bottom:35px}.nars-my-account .my-reservation .booking-list .booking .desktop{display:none}.nars-my-account .my-reservation .booking-list .booking .mobile{display:initial}.nars-my-account .my-reservation .booking-list .booking .right{text-align:left}.nars-my-account .my-reservation .booking-list .booking .storename,.nars-my-account .my-reservation .booking-list .booking .address,.nars-my-account .my-reservation .booking-list .booking .phone{font-weight:600}.nars-my-account .my-reservation .booking-list .booking .btn-cancel.mobile{margin:0 auto;margin-top:20px}}@media only screen and (max-width:991px){.nars-thankyou #shop-map{margin-top:0}}
.nars-booking .info .step{margin-bottom:20px}.nars-booking .info .step h4{font-size:3rem;margin-bottom:20px;text-transform:uppercase}.nars-booking .info .step .shop-info{padding:20px 0 20px;min-height:100px}.nars-booking .info .step-shop{}.nars-booking .info .step-date{}.nars-booking .info .step-timeslots{}.nars-booking .info .step-remarks{}.nars-booking .info .step-mobile{}.nars-booking .info .step-mobile .mobile-input{display:flex;width:100%;max-width:300px}.nars-booking .info .step-mobile .mobile-input select.country-code{width:100px;border-right:0}.nars-booking .info .step-mobile .mobile-input input.mobile-number{}.nars-booking .info .step-submit{margin-top:40px;margin-bottom:80px}.nars-booking #shop-map{position:absolute;right:-100%;top:0;width:100%;height:400px}.nars-booking .step-shop .nice-select ul{}.nars-booking .step-shop .nice-select .current,.nars-booking .step-shop .nice-select ul li,.nars-booking .step-timeslots .nice-select .current,.nars-booking .step-timeslots .nice-select ul li{text-transform:uppercase}.nars-booking .step-timeslots .nice-select ul li.disabled{text-decoration:line-through}@media only screen and (max-width:767px){.nars-booking #date-picker{margin:0 auto}}.nars-booking #date-picker{width:280px}.nars-booking .reservation-form button#submit{padding:8px 100px}@media only screen and (max-width:767px){.nars-booking #shop-map{position:relative;right:0;margin-bottom:35px}}.nars-thankyou{}.nars-thankyou .title-bar .title{font-size:48px}.nars-thankyou .booking{margin-bottom:30px}.nars-thankyou .booking>div{margin-bottom:20px}.nars-thankyou .booking h4{text-transform:uppercase}.nars-thankyou .booking .location{margin-bottom:40px}.nars-thankyou .booking .location .value{text-transform:uppercase}.nars-thankyou .booking .value{font-size:16px}.nars-thankyou #shop-map{margin-top:-140px;margin-bottom:40px;width:100%;height:400px}@media only screen and (max-width:991px){.nars-thankyou #shop-map{margin-top:0}}.nars-booking-next .booking-box{border:1px solid #000;padding:36px;margin:0 auto 35px;width:100%;max-width:780px}.nars-booking-next .booking-box .nars-form{margin:0 auto;width:100%;max-width:460px}.nars-booking-next .booking-box .nars-form .field.mobile .field-input{display:flex}.nars-booking-next .booking-box .nars-form .field.mobile .field-input input.country-code{width:30%;max-width:100px;border-right:0;text-align:center}.nars-booking-next .booking-box .nars-form .field .agreement label{position:relative;padding-left:25px;margin-bottom:10px}.nars-booking-next .booking-box .nars-form .field .agreement label input[type="checkbox"]{position:absolute;left:0}.nars-booking-next .booking-box .nars-form .field.submit{margin-top:30px}.nars-booking-next .booking-box .nars-form .field.submit button#submit{margin:0 auto;width:260px}
*[data-page-slug="howto-videos"] #main{background-color:#000}
*[data-page-slug="howto-videos"] .topbar{display:none}.nars-howto-videos{background-color:#000;color:#fff}.nars-howto-videos .video-banner{width:100%;height:500px;padding:0 10px;margin-bottom:20px;background:transparent url('/themes/nars/assets/images/main.png') center center;background-size:cover;text-align:center}
.nars-howto-videos .video-banner h3{font-size:3rem;padding-top:190px}
.nars-howto-videos .video-banner h6{font-size:1rem}
@media screen and (max-width:419px){.nars-howto-videos .video-banner{height:200}.nars-howto-videos .video-banner h3{font-size:2rem}.nars-howto-videos .video-banner h6{font-size:1rem}}.nars-howto-videos ul.video-list{list-style-type:none;padding:0;margin:40px -1% 0;overflow:hidden}
.nars-howto-videos ul.video-list li{float:left;width:23%;margin:0 1% 20px}
.nars-howto-videos ul.video-list li:hover{opacity:0.8}
@media screen and (max-width:767px){.nars-howto-videos ul.video-list li{width:31.33333333%}}
@media screen and (max-width:419px){.nars-howto-videos ul.video-list li{width:48%}}
.nars-howto-videos ul.video-list li .item{width:100%;color:#fff}
.nars-howto-videos ul.video-list li .item img.video-thumbnail{max-width:100%;margin-bottom:6px}
.nars-howto-videos ul.video-list li .item .category-title{font-size:1rem}
.nars-howto-videos ul.video-list li .item .video-title{min-height:130px;font-size:1.6rem;text-transform:uppercase;line-height:1.2}
@media screen and (max-width:419px){.nars-howto-videos ul.video-list li .item .category-title{font-size:0.8rem}.nars-howto-videos ul.video-list li .item .video-title{min-height:120px;font-size:1.3rem}}.modal.nars-video{text-align:center}
@media screen and (min-width:768px){.modal.nars-video:before{display:inline-block;vertical-align:middle;content:" ";height:100%}}
.modal.nars-video .modal-dialog{display:inline-block;width:90%;text-align:left;vertical-align:middle}
.modal.nars-video .modal-dialog .modal-content{border-radius:0;background-color:#000}
.modal.nars-video .modal-dialog .modal-content .modal-body{padding:0}
.modal.nars-video #video-player{display:block;width:100%}
#main{padding-bottom:0!important}.nars-index .container .top-banner-muym{height:465px;background:transparent url("/themes/nars/assets/images/index/top_banner.jpg") no-repeat left top;background-size:cover;padding:20px;position:relative}
.nars-index .container .top-banner-muym h2{font-size:65px;padding-top:25px;text-transform:uppercase;line-height:0.8;margin-bottom:16px}
.nars-index .container .top-banner-muym h3{font-size:30px;text-transform:uppercase}
.nars-index .container .top-banner-muym p{line-height:1.5;margin-bottom:26px}
.nars-index .container .top-banner-muym .btn-book,
.nars-index .container .top-banner-muym .btn-record{padding:5px 60px;margin-right:20px}
.nars-index .container .top-banner-muym .btn-book:hover,
.nars-index .container .top-banner-muym .btn-record:hover{background:#000;color:#fff!important}.nars-index .container .about-muym-1,
.nars-index .container .about-muym-2{margin-top:45px;overflow:hidden}
.nars-index .container .about-muym-1{margin:45px 20px}
.nars-index .container .about-muym-1 h2{text-align:center;font-size:55px;margin-bottom:20px;text-transform:uppercase}
.nars-index .container .about-muym-1 .grid{width:25%;float:left;margin-bottom:25px}
.nars-index .container .about-muym-1 .grid .visual-holder{height:277px;display:block;overflow:hidden;position:relative;background-size:cover;background-color:transparent;background-position:left top}
.nars-index .container .about-muym-1 .grid .visual-holder h3{margin:10px 0 0 10px;color:#fff;text-transform:uppercase;font-size:3.2rem;line-height:0.9}
.nars-index .container .about-muym-1 .grid p{font-size:15px;position:relative;padding:20px 10px 0 10px}
.nars-index .container .about-muym-1 .grid-1 .visual-holder{background-image:url("/themes/nars/assets/images/index/about1.jpg")}
.nars-index .container .about-muym-1 .grid-2 .visual-holder{background-image:url("/themes/nars/assets/images/index/about2.jpg")}
.nars-index .container .about-muym-1 .grid-3 .visual-holder{background-image:url("/themes/nars/assets/images/index/about3.jpg")}
.nars-index .container .about-muym-1 .grid-4 .visual-holder{background-image:url("/themes/nars/assets/images/index/about4.jpg")}
.nars-index .container .about-muym-1 .btn-book{float:none;clear:both;padding:5px 65px;margin:0 auto 20px}
.nars-index .container .about-muym-1 .btn-book:hover{background:#000;color:#fff!important}
.nars-index .container .about-muym-2{height:400px;width:100%;display:block;background:transparent url("/themes/nars/assets/images/index/middle_banner.jpg") no-repeat left top;background-size:cover;text-align:center;color:#fff !important}
.nars-index .container .about-muym-2 h2{font-size:55px;padding-top:25px}
.nars-index .container .about-muym-2 span{width:64px;height:64px;display:block;background:transparent url(/themes/nars/assets/images/index/btn_play.png) no-repeat left top;background-size:cover;margin:0 auto}
.nars-index .container .about-muym-2 p{margin-top:15px}.nars-index .container .feature-muym{margin:15px 25px 0px;overflow:hidden;position:relative;top:20px}
.nars-index .container .feature-muym h2{margin-bottom:20px;font-size:70px;line-height:1.2}
.nars-index .container .feature-muym .btm-grid{width:33%}
.nars-index .container .feature-muym .btm-grid h3{margin-bottom:16px;font-size:25px;text-transform:uppercase}
.nars-index .container .feature-muym .btm-grid p{padding-right:35px;margin-bottom:0;position:relative;z-index:999}
.nars-index .container .feature-muym .btm-grid-1 h3:before{content:'1. '}
.nars-index .container .feature-muym .btm-grid-2 h3:before{content:'2. '}
.nars-index .container .feature-muym .btm-grid-3 h3:before{content:'3. '}
.nars-index .container .feature-muym .btm-banner-muym{background:transparent url(/themes/nars/assets/images/index/btm_banner.png) no-repeat center -100px;background-size:cover;float:left;width:100%;height:300px;top:-20px;position:relative}@media only screen and (max-width:991px){.nars-index .container .top-banner-muym{height:246px}.nars-index .container .top-banner-muym h2{font-size:35px;padding-top:0}.nars-index .container .top-banner-muym h3{font-size:23px;width:55%}.nars-index .container .top-banner-muym p{font-size:15px}.nars-index .container .top-banner-muym a.btn{position:absolute;right:-5px;color:#fff !important;border-color:#fff}.nars-index .container .top-banner-muym a.btn-record{bottom:15px}.nars-index .container .top-banner-muym a.btn-book{bottom:75px}.nars-index .container .about-muym-1{margin:45px 0}.nars-index .container .about-muym-1 h2{font-size:25px}.nars-index .container .about-muym-1 .grid .visual-holder h3{font-size:20px}.nars-index .container .about-muym-1 .grid p{font-size:13px}.nars-index .container .about-muym-2 h2{font-size:35px;margin-top:205px}.nars-index .container .feature-muym h2{font-size:35px}.nars-index .container .feature-muym .btm-grid h3{font-size:23px}.nars-index .container .feature-muym .btm-grid p{font-size:15px;padding-right:30px}}@media only screen and (max-width:767px){.nars-index .container{padding:0}.nars-index .container .top-banner-muym{background:transparent url("/themes/nars/assets/images/index/mobile/top_banner.jpg") no-repeat left top;padding:0;height:540px;background-position-y:-195px}.nars-index .container .top-banner-muym h2{font-size:50px;padding:25px}.nars-index .container .top-banner-muym h3{font-size:28px;padding:0 25px 5px;width:100%}.nars-index .container .top-banner-muym p{font-size:20px;padding:0 25px 10px}.nars-index .container .top-banner-muym a.btn{color:#000 !important}.nars-index .container .top-banner-muym a.btn-book,.nars-index .container .top-banner-muym a.btn-record{bottom:0;right:0;position:relative;color:#000;border:1px solid #000;padding:10px 0;width:90%;display:block;margin:0 auto 20px;float:none}.nars-index .container .top-banner-muym a.btn-book{margin-top:40px;margin-bottom:40px !important}.nars-index .container .about-muym-1{margin-bottom:25px}.nars-index .container .about-muym-1 h2{font-size:45px}.nars-index .container .about-muym-1 .grid{width:100%}.nars-index .container .about-muym-1 .grid .visual-holder{width:100%;height:188px}.nars-index .container .about-muym-1 .grid .visual-holder h3{font-size:35px;margin:15px}.nars-index .container .about-muym-1 .grid p{font-size:15px;padding:10px}.nars-index .container .about-muym-1 .grid-1 .visual-holder{background-image:url(/themes/nars/assets/images/index/mobile/about1.jpg)}.nars-index .container .about-muym-1 .grid-2 .visual-holder{background-image:url(/themes/nars/assets/images/index/mobile/about2.jpg)}.nars-index .container .about-muym-1 .grid-3 .visual-holder{background-image:url(/themes/nars/assets/images/index/mobile/about3.jpg)}.nars-index .container .about-muym-1 .grid-4 .visual-holder{background-image:url(/themes/nars/assets/images/index/mobile/about4.jpg)}.nars-index .container .about-muym-2{margin-top:20px;background:transparent url("/themes/nars/assets/images/index/mobile/middle_banner.jpg") no-repeat left top;height:640px}.nars-index .container .feature-muym{margin:-20px 0 0;top:55px}.nars-index .container .feature-muym h2{font-size:45px;text-align:left;margin:0 25px 35px}.nars-index .container .feature-muym .btm-grid{width:100%}.nars-index .container .feature-muym .btm-grid h3{font-size:20px;margin:0 25px 10px}.nars-index .container .feature-muym .btm-grid p{margin:0 25px 35px}.nars-index .container .feature-muym .btm-banner-muym{background:transparent url(/themes/nars/assets/images/index/mobile/btm_banner.png) no-repeat center;background-size:100%;top:-55px}}@media only screen and (max-width:460px){.nars-index .container .top-banner-muym h2{font-size:40px;padding:25px 25px 0px}.nars-index .container .top-banner-muym h3{font-size:23px;padding:0 25px}.nars-index .container .top-banner-muym p{font-size:16px;padding:0 25px;margin-bottom:45px}}
.nars-index.index-v2{background-color:#000;color:#fff}
.nars-index.index-v2 .container .top-banner-muym{padding:0;margin-bottom:50px;height:398px;background:transparent url("/themes/nars/assets/images/index_v2/top_banner.jpg") no-repeat right top;background-size:contain;color:#fff}
.nars-index.index-v2 .container .top-banner-muym .top-banner-image{display:none}
.nars-index.index-v2 .container .top-banner-muym .text-area{max-width:35%}
.nars-index.index-v2 .container .top-banner-muym .text-area h2{font-size:70px}
.nars-index.index-v2 .container .top-banner-muym .text-area .slogan{margin-bottom:16px}
.nars-index.index-v2 .container .top-banner-muym .text-area .btn-book,
.nars-index.index-v2 .container .top-banner-muym .text-area .btn-record{min-width:210px;margin-bottom:13px;color:#fff !important;border-color:#fff;font-size:12px}
.nars-index.index-v2 .container .about-muym-1{margin:0 0 80px}
.nars-index.index-v2 .container .about-muym-1 .grids{overflow:hidden}
.nars-index.index-v2 .container .about-muym-1 .grids .grid{margin-bottom:0}
.nars-index.index-v2 .container .about-muym-1 .grid-1 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about1.jpg")}
.nars-index.index-v2 .container .about-muym-1 .grid-2 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about2.jpg")}
.nars-index.index-v2 .container .about-muym-1 .grid-3 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about3.jpg")}
.nars-index.index-v2 .container .about-muym-1 .grid-4 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about4.jpg")}
.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder{padding:134px 20px 20px 20px;height:434px;background-position:center center}
.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder h3{margin:0 0 10px 0}
.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder .description{min-height:70px;line-height:1.4}
.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder a.btn-book{display:block;margin-bottom:8px;border-color:#fff;background-color:#fff;color:#000 !important;font-size:12px}
.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder a.btn-knowmore{display:block;margin-bottom:8px;border-color:#000;background-color:#000;color:#fff !important;font-size:12px}
.nars-index.index-v2 .container .message-muym-1{text-align:center;margin-bottom:80px}
.nars-index.index-v2 .container .message-muym-1 h2{font-size:55px}
.nars-index.index-v2 .container .message-muym-1 h3{font-size:30px;text-transform:inherit}
.nars-index.index-v2 .container .experience-muym-1{padding-bottom:60px}
.nars-index.index-v2 .container .experience-muym-1 h2{margin-bottom:10px;font-size:40px;text-align:center}
.nars-index.index-v2 .container .experience-muym-1 .grids{overflow:hidden}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid{float:left;width:33.333333333%;text-align:center}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid .image{height:460px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid-1 .image{background-image:url("/themes/nars/assets/images/index_v2/experience1.jpg")}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid-2 .image{background-image:url("/themes/nars/assets/images/index_v2/experience2.jpg")}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid-3 .image{background-image:url("/themes/nars/assets/images/index_v2/experience3.jpg")}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid .text{padding:20px 0}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid .text h3{font-size:28px;line-height:1}
.nars-index.index-v2 .container .experience-muym-1 .grids .grid .text .description{padding:0 20%}
.nars-index.index-v2 .modal.index-lightbox .modal-content{background-color:transparent;border-color:transparent}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-header{display:block;border-bottom:0;border-radius:0;overflow:hidden}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-header button.close{position:relative;right:auto;top:auto;padding:0;margin:0 14px 0 0;width:60px;height:60px;line-height:1;text-indent:-999999px;background-color:transparent;opacity:1}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-header button.close:before{content:" ";position:absolute;display:block;width:60px;height:1px;background-color:#fff;transform:rotate(45deg);top:30px;left:0px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-header button.close:after{content:" ";position:absolute;display:block;width:60px;height:1px;background-color:#fff;transform:rotate(135deg);top:30px;left:0px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body{padding-top:0}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .index-lightbox-slider .slick-slide{outline:none}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .index-lightbox-slider .video-frame video{width:100%;height:422px;background-color:#000}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .index-lightbox-slider ul.slick-dots li.slick-active{opacity:0.5}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .index-lightbox-slider ul.slick-dots li button{display:none}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .description{padding-top:40px;text-align:center}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .description .main{margin-bottom:15px;font-size:30px;line-height:1}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .description .sub{margin-bottom:15px;font-size:20px;text-transform:uppercase}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .description .small{font-size:14px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .button{padding-top:20px;text-align:center}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .button a.btn{background-color:#000;color:#fff !important;border:1px solid #fff;padding:5px 80px;font-size:12px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body ul.slick-dots{position:absolute;width:100%;top:430px;padding:0;margin:0;list-style-type:none;text-align:center}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body ul.slick-dots li{display:inline-block;margin:0 5px;width:6px;height:6px;background-color:#fff;border-radius:50%}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-header{padding-bottom:40px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .caption{background-position:center -380px;background-size:cover;background-repeat:no-repeat}
.nars-index.index-v2 .modal.index-lightbox#index-lightbox-1 .modal-content .modal-body .book-side .caption{background-image:url("/themes/nars/assets/images/index_v2/about1.jpg")}
.nars-index.index-v2 .modal.index-lightbox#index-lightbox-2 .modal-content .modal-body .book-side .caption{background-image:url("/themes/nars/assets/images/index_v2/about2.jpg")}
.nars-index.index-v2 .modal.index-lightbox#index-lightbox-3 .modal-content .modal-body .book-side .caption{background-image:url("/themes/nars/assets/images/index_v2/about3.jpg")}
.nars-index.index-v2 .modal.index-lightbox#index-lightbox-4 .modal-content .modal-body .book-side .caption{background-image:url("/themes/nars/assets/images/index_v2/about4.jpg")}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .caption h3{padding:26px 26px;font-size:48px;line-height:0.8}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .description{text-align:left;padding-left:26px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .description h5{margin-bottom:40px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .button{padding-top:0;padding-left:26px;text-align:left}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .director-notes.mobile{display:none}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .director-notes h3{font-size:24px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .director-notes h4{font-size:12px;margin:20px 0 80px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .index-lightbox-slider .video-frame video{height:202px}
.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body ul.slick-dots{position:relative;top:auto}
.nars-index.index-v2 a.btn-book-sticked{position:fixed;display:none;bottom:0;left:0;padding:14px 0;width:100%;border-color:#fff;background-color:#000;color:#fff !important}
body[data-page-slug="index"] .footer .content,
body[data-page-slug="v3"] .footer .content{padding-bottom:80px}@media only screen and (max-width:1199px){.nars-index.index-v2 .container .top-banner-muym{height:366px;background-size:cover}.nars-index.index-v2 .container .top-banner-muym .text-area h2{font-size:56px}.nars-index .container .top-banner-muym h3{font-size:24px}.nars-index.index-v2 .container .top-banner-muym .text-area .btn-book,.nars-index.index-v2 .container .top-banner-muym .text-area .btn-record{margin-bottom:6px}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder a.btn-book,.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder a.btn-knowmore{padding:5px 0}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder{padding:96px 20px 20px 20px;height:366px}.nars-index.index-v2 .container .experience-muym-1 .grids .grid .image{height:385px}}@media only screen and (max-width:991px){.nars-index.index-v2 .container .top-banner-muym{height:285px}.nars-index.index-v2 .container .top-banner-muym .text-area{max-width:25%}.nars-index.index-v2 .container .top-banner-muym .text-area h2{padding:8px 0;margin-bottom:0;font-size:36px}.nars-index.index-v2 .container .top-banner-muym h3{font-size:18px}.nars-index.index-v2 .container .top-banner-muym .text-area .slogan{font-size:12px;margin-bottom:12px}.nars-index.index-v2 .container .top-banner-muym .text-area .btn-book,.nars-index.index-v2 .container .top-banner-muym .text-area .btn-record{position:relative;bottom:auto;margin-bottom:3px;padding:3px 0;min-width:160px;font-size:12px}.nars-index.index-v2 .container .about-muym-1{margin:0 0 40px}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder{padding:46px 20px 20px 20px;height:272px}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder .description{min-height:100px}.nars-index.index-v2 .container .message-muym-1 h2{font-size:25px}.nars-index.index-v2 .container .message-muym-1 h3{font-size:16px}.nars-index.index-v2 .container .message-muym-1{margin-bottom:40px}.nars-index.index-v2 .container .experience-muym-1 h2{font-size:25px}.nars-index.index-v2 .container .experience-muym-1 .grids .grid .image{height:286px}.nars-index.index-v2 .container .experience-muym-1 .grids .grid .text h3{font-size:22px}.nars-index.index-v2 .container .experience-muym-1{padding-bottom:20px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .index-lightbox-slider ul.slick-dots{top:260px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .index-lightbox-slider .video-frame video{height:254px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .description .main{font-size:24px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .description .sub{font-size:16px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .description .small{font-size:12px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-header{position:absolute;right:10px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side{margin-bottom:40px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .description{padding:16px;text-align:center}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .description h5{font-size:20px;margin-bottom:20px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .button{padding:16px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .book-side .button a.btn{padding:12px 0;width:100%;font-size:20px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .director-notes.desktop{display:none}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .director-notes.mobile{display:block;padding:16px;text-align:center}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .director-notes.mobile h3.main{font-size:34px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .video-side .director-notes.mobile h4.sub{font-size:18px}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body .index-lightbox-slider .video-frame video{width:100%;height:254px !important}.nars-index.index-v2 .modal.index-lightbox .modal-content .modal-body ul.slick-dots{position:relative;top:auto !important}}@media only screen and (max-width:767px){.nars-index.index-v2 .container .top-banner-muym{background-image:none;height:auto}.nars-index.index-v2 .container .top-banner-muym .top-banner-image{display:block;margin-bottom:40px;width:100%}.nars-index.index-v2 .container .top-banner-muym .text-area{width:100%;max-width:100%}.nars-index.index-v2 .container .top-banner-muym .text-area h2{padding:30px 15px 0 15px;font-size:54px}.nars-index.index-v2 .container .top-banner-muym h3{padding:5px 15px;width:70%;font-size:28px}.nars-index.index-v2 .container .top-banner-muym .text-area .slogan{font-size:14px;padding:0 15px;margin-bottom:12px;width:100%}.nars-index.index-v2 .container .top-banner-muym .text-area .btn-book,.nars-index.index-v2 .container .top-banner-muym .text-area .btn-record{padding:6px 0;margin-bottom:18px;font-size:20px}.nars-index.index-v2 .container .about-muym-1{margin:0 0 80px}.nars-index.index-v2 .container .about-muym-1 h2{font-size:38px}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder{height:400px;background-size:cover;background-position:center center}.nars-index.index-v2 .container .about-muym-1 .grid-1 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about1_m.jpg")}.nars-index.index-v2 .container .about-muym-1 .grid-2 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about2_m.jpg")}.nars-index.index-v2 .container .about-muym-1 .grid-3 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about3_m.jpg")}.nars-index.index-v2 .container .about-muym-1 .grid-4 .visual-holder{background-image:url("/themes/nars/assets/images/index_v2/about4_m.jpg")}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder h3{font-size:52px}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder .description{min-height:auto;font-size:20px}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder a.btn-book,.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder a.btn-knowmore{position:absolute;padding:12px 0;margin-left:-45%;bottom:70px;left:50%;width:90%;font-size:16px}.nars-index.index-v2 .container .about-muym-1 .grid .visual-holder a.btn-book{bottom:10px}.nars-index.index-v2 .container .message-muym-1{margin-bottom:80px}.nars-index.index-v2 .container .message-muym-1 h2{font-size:38px}.nars-index.index-v2 .container .message-muym-1 h3{font-size:18px}.nars-index.index-v2 .container .experience-muym-1 h2{font-size:38px;margin-bottom:40px}.nars-index.index-v2 .container .experience-muym-1 .grids .grid{width:100%;margin-bottom:80px}.nars-index.index-v2 .container .experience-muym-1 .grids .grid .image{height:auto;padding:62% 0;margin-bottom:20px}.nars-index.index-v2 .container .experience-muym-1 .grids .grid .text h3{font-size:38px}.nars-index.index-v2 .container .experience-muym-1 .grids .grid .text h3 br{display:none}.nars-index.index-v2 .container .experience-muym-1 .grids .grid .text .description{padding:0}.nars-index.index-v2 a.btn-book-sticked{display:block}}@media only screen and (max-width:575px){.modal.nars-popup .modal-dialog{width:100%}.nars-index.index-v2 .modal.index-lightbox{padding:0 !important}.nars-index.index-v2 .modal.index-lightbox .modal-dialog{margin:0}.nars-index.index-v2 .modal.index-lightbox .modal-dialog .modal-content{border:0}.nars-index.index-v2 .modal.index-lightbox .modal-dialog .modal-content .modal-header button.close{top:12px;right:-8px;margin-right:0}.nars-index.index-v2 .modal.index-lightbox .modal-dialog .modal-content .modal-body{padding:0}}
.nars-index.index-v3 .top-banner-slider{margin-bottom:50px}.nars-index.index-v3 .top-banner-slider .slick-slide{margin-bottom:0;background-size:auto 398px !important;background-position:right top !important;background-repeat:no-repeat !important}.nars-index.index-v3 .top-banner-slider .slick-slide.slide-1{background:transparent url("/themes/nars/assets/images/index_v3/top_banner_afterglow.jpg")}.nars-index.index-v3 .top-banner-slider .slick-slide.slide-2{background:transparent url("/themes/nars/assets/images/index_v3/top_banner.jpg")}.nars-index.index-v3 .top-banner-slider ul.slick-dots{padding:0;margin:20px 0 0 0;list-style-type:none;text-align:center;line-height:0}.nars-index.index-v3 .top-banner-slider ul.slick-dots li{display:inline-block}.nars-index.index-v3 .top-banner-slider ul.slick-dots li button{display:block;padding:0;margin:0 10px;width:8px;height:8px;border-radius:4px;text-indent:-999999px;background-color:rgba(255,255,255,0.5)}.nars-index.index-v3 .top-banner-slider ul.slick-dots li.slick-active button{background-color:rgba(255,255,255,1)}.nars-index.index-v3 .container .top-banner-muym .text-area h2{margin-left:2px;font-size:60px}.nars-index.index-v3 .container .top-banner-muym h3{font-size:26px}.nars-index.index-v3 .container .about-muym-1 h2{margin-bottom:40px}.nars-index.index-v3 .container .about-muym-1 h4.service-type{margin-bottom:20px;text-align:center;font-size:24px}.nars-index.index-v3 .container .about-muym-1 .afterglow{margin-bottom:60px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container{display:flex}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .image{width:65%}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .image img{width:100%}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area{padding-top:30px;padding-left:30px;width:35%}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area h3{margin-bottom:15px;font-size:36px;line-height:1}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area .description{margin-bottom:15px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area a.btn{padding:5px 0;width:200px;text-align:center}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area a.btn-knowmore{margin-bottom:5px;color:#fff !important;border:1px solid #fff}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area a.btn-book{background-color:#fff;color:#000 !important;border:1px solid #fff}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .book-side .caption{margin-bottom:20px;background-image:url("/themes/nars/assets/images/index_v3/afterglow_lightbox_caption_bg.jpg");background-position:center center;background-size:cover}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .book-side .caption h3{font-size:38px;line-height:1}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .book-side .description .small{line-height:1.4}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .video-side .director-notes h3{margin-bottom:52px !important;font-size:20px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .button a.btn{padding:5px 0;margin-bottom:5px;width:240px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .button a.btn.btn-explore{background-color:#fff;color:#000 !important}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .desktop{display:block}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .mobile{display:none}@media only screen and (max-width:1199px){.nars-index.index-v3 .top-banner-slider .slick-slide{background-size:auto 330px !important}.nars-index.index-v3 .container .top-banner-muym .text-area h2{font-size:50px}.nars-index.index-v3 .container .top-banner-muym h3{font-size:22px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area h3{margin-bottom:15px;font-size:24px}}@media only screen and (max-width:991px){.nars-index.index-v3 .container .top-banner-muym{height:410px}.nars-index.index-v3 .top-banner-slider .slick-slide{background-size:auto 276px !important}.nars-index.index-v3 .container .top-banner-muym .text-area h2{font-size:36px !important}.nars-index.index-v3 .container .about-muym-1 .afterglow{margin-bottom:30px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area{padding-top:10px;padding-left:20px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area h3{margin-bottom:10px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area .description{margin-bottom:10px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area a.btn{width:160px;font-size:12px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .director-notes{padding-left:16px;padding-right:16px;text-align:center;font-size:24px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .description{padding-left:16px;padding-right:16px;margin-bottom:40px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .description .small{font-size:22px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .index-lightbox-slider{margin-bottom:40px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .buttons{padding-left:16px;padding-right:16px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .buttons .button{padding:0}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .buttons .button a{padding:10px 0 !important;width:100% !important;font-size:20px}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .desktop{display:none}.nars-index.index-v3 .modal.index-lightbox#index-lightbox-5 .modal-content .modal-body .mobile{display:block}}@media only screen and (max-width:767px){.nars-index.index-v3 .top-banner-slider .slick-slide{background-image:none !important;height:auto !important}.nars-index.index-v3 .container .top-banner-muym .top-banner-image{margin-bottom:0 !important}.nars-index.index-v3 .container .top-banner-muym h3{width:100%}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container{display:block}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .image{width:100%}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area{padding:40px 20px 0 20px;width:100%}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area h3{margin-bottom:20px;font-size:38px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area .description{margin-bottom:30px;font-size:18px}.nars-index.index-v3 .container .about-muym-1 .afterglow .afterglow-container .text-area a.btn{padding:12px 0;width:100%;font-size:16px}}@media only screen and (max-width:575px){}
.index-v5 .muym-slider{}.index-v5 .muym-slider .slick-slide{height:400px;background-size:cover;background-position:center center}.index-v5 .muym-slider .slick-slide .image-mobile{display:none}.index-v5 .muym-slider .slick-slide.summerlook{background-image:url("/themes/nars/assets/images/v5/banner.jpg")}.index-v5 .muym-slider .slick-slide.summerlook .content{margin:50px 0 0 30px;width:370px}html[data-locale="zh-HK"] .index-v5 .muym-slider .slick-slide.summerlook .content,html[data-locale="zh-CN"] .index-v5 .muym-slider .slick-slide.summerlook .content{margin:100px 0 0 30px;width:500px}.index-v5 .muym-slider .slick-slide.summerlook .content h2{font-size:5rem;line-height:0.8}html[data-locale="zh-HK"] .index-v5 .muym-slider .slick-slide.summerlook .content h2,html[data-locale="zh-CN"] .index-v5 .muym-slider .slick-slide.summerlook .content h2{margin-bottom:10px}.index-v5 .muym-slider .slick-slide.summerlook .content h3{margin-bottom:20px;text-transform:none;font-size:1.8rem}.index-v5 .muym-slider .slick-slide.summerlook .content a.btn-getlook{padding:12px 60px 6px;color:#fff !important;font-size:1.6rem;border-color:#fff}.index-v5 .muym-slider .slick-slide.makeupyourmind{background-image:url("/themes/nars/assets/images/index_v2/top_banner.jpg")}.index-v5 .muym-slider .slick-slide.makeupyourmind .content{margin:25px 0 0 4px;width:370px}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h2{font-size:7rem;line-height:0.8}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h3{font-size:3rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h4{margin-bottom:20px;font-size:1.4rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content a.btn-book{padding:8px 80px 4px;color:#fff !important;font-size:1.6rem;border-color:#fff}.index-v5 .muym-slider ul.slick-dots{position:absolute;display:flex;margin:0px;padding:0;bottom:20px;width:100%;list-style-type:none;justify-content:center}.index-v5 .muym-slider ul.slick-dots li{}.index-v5 .muym-slider ul.slick-dots li button{padding:0;margin:0 3px;width:12px;height:12px;background-color:#fff;border-radius:6px;text-indent:-999999px;opacity:0.3}.index-v5 .muym-slider ul.slick-dots li.slick-active{}.index-v5 .muym-slider ul.slick-dots li.slick-active button{opacity:1}.index-v5 .v5-director-says{padding:30px 10px;margin-bottom:60px}.index-v5 .v5-director-says h2{font-size:3.8rem;line-height:1}.index-v5 .v5-director-says h4{font-size:2rem;font-weight:800}@media only screen and (max-width:1199px){.index-v5 .muym-slider .slick-slide{height:330px}.index-v5 .muym-slider .slick-slide.summerlook .content{width:360px}html[data-locale="zh-HK"] .index-v5 .muym-slider .slick-slide.summerlook .content,html[data-locale="zh-CN"] .index-v5 .muym-slider .slick-slide.summerlook .content{margin:70px 0 0 30px}.index-v5 .muym-slider .slick-slide.summerlook .content h3{font-size:1.5rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content{width:300px}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h2{font-size:5.5rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h3{font-size:2.4rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h4{font-size:1.2rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content a.btn-book{padding:6px 80px 2px;font-size:1.4rem}.index-v5 .v5-director-says h2{font-size:3rem}.index-v5 .v5-director-says h4{font-size:1.6rem}}@media only screen and (max-width:991px){.index-v5 .muym-slider .slick-slide{height:250px}.index-v5 .muym-slider .slick-slide.summerlook .content{width:300px}html[data-locale="zh-HK"] .index-v5 .muym-slider .slick-slide.summerlook .content,html[data-locale="zh-CN"] .index-v5 .muym-slider .slick-slide.summerlook .content{margin:50px 0 0 30px;width:340px}.index-v5 .muym-slider .slick-slide.summerlook .content h2{font-size:3.4rem}.index-v5 .muym-slider .slick-slide.summerlook .content h3{font-size:1.2rem}.index-v5 .muym-slider .slick-slide.summerlook .content a.btn-getlook{padding:10px 40px 6px;font-size:1.2rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content{width:200px}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h2{font-size:3.5rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h3{font-size:1.8rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h4{margin-bottom:10px;font-size:1rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content a.btn-book{padding:6px 40px 2px;font-size:1rem}.index-v5 .muym-slider ul.slick-dots{bottom:10px}.index-v5 .muym-slider ul.slick-dots li button{margin:0 2px;width:8px;height:8px;border-radius:4px}.index-v5 .v5-director-says h2{font-size:2.4rem}.index-v5 .v5-director-says h4{font-size:1.4rem}}@media only screen and (max-width:767px){.index-v5 .muym-slider .slick-slide{position:relative;height:auto;background-image:none !important}.index-v5 .muym-slider .slick-slide .image-mobile{display:block}.index-v5 .muym-slider .slick-slide .image-mobile img{width:100%}.index-v5 .muym-slider .slick-slide .content{text-align:center}.index-v5 .muym-slider .slick-slide.summerlook .content,html[data-locale="zh-HK"] .index-v5 .muym-slider .slick-slide.summerlook .content,html[data-locale="zh-CN"] .index-v5 .muym-slider .slick-slide.summerlook .content{padding:0 15px;margin:25px auto 0 auto;width:100%}.index-v5 .muym-slider .slick-slide.summerlook .content h2{margin:0 auto 5px;max-width:300px;font-size:5rem;font-weight:600;line-height:1}.index-v5 .muym-slider .slick-slide.summerlook .content h3{font-size:1.4rem;max-width:340px;margin:0 auto 20px}.index-v5 .muym-slider .slick-slide.summerlook .content a.btn-getlook{padding:8px 40px 4px;font-size:1.4rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content{padding:0 15px;margin:25px 0 0 0;width:100%}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h2{margin:0 auto 5px;max-width:300px;font-size:5rem;font-weight:600;line-height:1}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h2 br:last-child{display:none}.index-v5 .muym-slider .slick-slide.makeupyourmind .content h4{margin-bottom:10px;font-size:1.4rem}.index-v5 .muym-slider .slick-slide.makeupyourmind .content a.btn-book{padding:8px 40px 4px;font-size:1.4rem}.index-v5 .muym-slider ul.slick-dots{bottom:250px}.index-v5 .muym-slider ul.slick-dots li button{margin:0 4px;width:12px;height:12px;border-radius:6px}}@media only screen and (max-width:575px){}
.index-v6 .muym-slider .slick-slide.makeupyourmind{background-image:url("/themes/nars/assets/images/v6/main_banner.jpg?3")}.nars-index.index-v6 .container .about-muym-1 .grid-1 .visual-holder{background-image:url("/themes/nars/assets/images/v6/320x500-02-complexion.jpg")}.nars-index.index-v6 .container .about-muym-1 .grid-3 .visual-holder{background-image:url("/themes/nars/assets/images/v6/320x500-04-lip.jpg")}.nars-index.index-v6 .container .about-muym-1 .grid-4 .visual-holder{background-image:url("/themes/nars/assets/images/v6/320x500-01-eye.jpg")}.nars-index.index-v6 .container .experience-muym-1 .grids .grid-1 .image{background-image:url("/themes/nars/assets/images/v6/427x520-01-makeup-looks.jpg")}.nars-index.index-v6 .container .experience-muym-1 .grids .grid-2 .image{background-image:url("/themes/nars/assets/images/v6/427x520-02-product-recommedations.jpg")}.nars-index.index-v6 .modal.index-lightbox#index-lightbox-1 .modal-content .modal-body .book-side .caption{background-image:url("/themes/nars/assets/images/v6/320x500-02-complexion.jpg")}.nars-index.index-v6 .modal.index-lightbox#index-lightbox-3 .modal-content .modal-body .book-side .caption{background-image:url("/themes/nars/assets/images/v6/320x500-04-lip.jpg")}.nars-index.index-v6 .modal.index-lightbox#index-lightbox-4 .modal-content .modal-body .book-side .caption{background-image:url("/themes/nars/assets/images/v6/320x500-01-eye.jpg")}
.signin-box{border:1px solid #000;padding:36px;margin:0 auto 35px;width:100%;max-width:780px}
.signin-box p{text-align:center}.signin-box .buttons{margin:40px 0 25px}
.signin-box .buttons a{display:block;padding:0;margin:0 auto;margin-bottom:25px;width:100%;max-width:400px;height:38px;text-align:center;color:#fff !important;text-transform:uppercase;font-size:15px;line-height:2.3}
.signin-box .buttons a img{height:16px;margin-right:10px}
.signin-box .buttons .facebook{background-color:#3b5999}
.signin-box .buttons .wechat{background-color:#2ec100}.signin-box .general-login .nars-form{width:100%;max-width:460px;margin:0 auto}
.signin-box .general-login .nars-form .field{margin-bottom:20px}
.signin-box .general-login .nars-form .field .field-name{text-align:left;display:block;margin:0 auto 5px}
.signin-box .general-login .nars-form .field .field-input input{margin-bottom:0}.signin-box .general-login .nars-form .remember{display:block;margin:0 auto 20px auto;overflow:hidden}
.signin-box .general-login .nars-form .remember label{float:left;text-transform:uppercase}
.signin-box .general-login .nars-form .remember label input{float:left;display:block;margin-right:8px}
.signin-box .general-login .nars-form .remember a{float:right}
.signin-box .general-login .nars-form .forget-password{text-align:center}
.signin-box .general-login .nars-form .forget-password a{text-decoration:underline}.signin-box .general-login .nars-form input[type=submit]{width:100%;max-width:300px;margin:0 auto 20px auto;border:1px solid #fff}
.signin-box .general-login .nars-form input[type=submit]:hover{background:#fff;color:#000!important;border:1px solid #000}.signin-box .offline-joined{display:block;padding:0;margin:0 auto;width:100%;max-width:400px;height:38px;border:1px solid #000;color:#000;text-align:center;font-size:15px;line-height:2.4}
.signin-box .offline-joined:hover{background:#000;color:#fff!important}
.signin-box .new-to-nars{margin-top:30px;text-align:center}
.signin-box .new-to-nars h3{margin-bottom:10px;font-size:13px}
.signin-box .signup-link{margin:60px 0 20px;text-align:center}
.signin-box .signup-link a{text-decoration:underline}@media only screen and (max-width:991px){.signin-box .buttons a{width:85%;background-position:30px center}.signin-box .general-login .nars-form .field .field-name,.signin-box .general-login .nars-form .field .field-input input{width:85%}.signin-box .general-login .nars-form .field .invalid{width:85%}.signin-box .general-login .nars-form .remember{width:85%}.signin-box .general-login .nars-form input[type=submit]{width:85%}.signin-box .offline-joined{width:85%}}@media only screen and (max-width:767px){.signin-box{width:100%;max-width:500px}.signin-box .buttons a{width:95%;background-position:30px center}.signin-box .general-login .nars-form .field .field-name,.signin-box .general-login .nars-form .field .field-input input{width:95%;font-size:12px}.signin-box .general-login .nars-form .field .invalid{width:95%}.signin-box .general-login .nars-form .remember{width:85%}.signin-box .general-login .nars-form .remember label{float:none;display:block;width:150px;margin:0 auto 10px}.signin-box .general-login .nars-form .remember a{float:none;display:block;width:150px;margin:0 auto}.signin-box .general-login .nars-form input[type=submit]{width:95%}.signin-box .offline-joined{width:95%}}@media only screen and (max-width:460px){.signin-box{width:100%;padding:20px}.signin-box h2{text-align:center;margin:10px auto 5px;font-size:25px}.signin-box .buttons a{background-position:30px center}}
.signup-box{border:1px solid #000;padding:25px;margin:0 auto 35px;width:70%}
.signup-box .box-title h2{text-align:center;margin:0 auto 20px}.signup-box .nars-form{margin:0 auto;width:100%;max-width:460px}
.signup-box .nars-form .field-input select{margin-bottom:0}
.signup-box .nars-form .field.mobile .field-input{display:flex}
.signup-box .nars-form .field.mobile .field-input select#country_code{width:90px;border-right:0}
.signup-box .nars-form .field.birthday .field-input{overflow:hidden}
.signup-box .nars-form .field.birthday .field-input select#month_of_birth{float:left;width:160px;margin-right:20px}
.signup-box .nars-form .field.birthday .field-input select#day_of_birth{float:left;width:80px}
.signup-box .agreement{margin-bottom:30px}
.signup-box .agreement label{position:relative;padding-left:25px}
.signup-box .agreement label input[type=checkbox]{position:absolute;left:0}
.signup-box button{margin:0 auto;min-width:260px}@media only screen and (max-width:460px){.signup-box{width:100%;padding:10px}.signup-box h2{text-align:center;margin:10px auto 5px;font-size:25px}}
.verify-box{border:1px solid #000;padding:36px;margin:0 auto 35px;width:100%;max-width:780px}
.verify-box .nars-form{margin:0 auto;width:100%;max-width:460px}
.verify-box .description{margin:20px auto 40px;max-width:600px;text-align:center}
.verify-box .nars-form .field.hidden{display:none}
.verify-box .nars-form .field.mobile{margin-bottom:30px}
.verify-box .nars-form .field.mobile .field-input{display:flex}
.verify-box .nars-form .field.mobile .field-input #country_code{width:60px;border-right:0}
.verify-box .nars-form input.btn-resend{margin:0 auto 14px;min-width:260px}
.verify-box .nars-form input[type="submit"]{margin:0 auto;min-width:260px;border:1px solid #fff}
.verify-box .nars-form input[type="submit"]:hover{background:#fff;color:#000;border:1px solid #000}
.verify-box .nars-form input[type="button"]{margin:0 auto;min-width:260px;border:1px solid #000;margin-bottom:20px}
.verify-box .nars-form input[type="button"]:hover{background:#000;color:#fff;border:1px solid #fff}
.verify-box .nars-form .verification-method{padding-top:30px;text-align:center}
.verify-box .nars-form .verification-method a{text-decoration:underline}
.nars-verification-complete .verify-box .nars-form{text-align:center}
.nars-verification-complete .verify-box .nars-form a{display:inline-block;padding:8px 0;width:260px}
.nars-verification-complete .verify-box .nars-form a.reservation{margin-bottom:20px;background-color:#000;color:#fff !important}@media only screen and (max-width:767px){.verify-box{width:100%;max-width:500px}.nars-verification-complete .box-title h2{font-size:3rem}}@media only screen and (max-width:460px){.verify-box{width:100%;padding:20px}}
.nars-my-account .profile-form{position:relative;margin-bottom:40px}
.nars-my-account .profile-form .caption{position:absolute;top:0;left:0}
.nars-my-account .profile-form .caption h4{font-size:3rem;text-transform:uppercase}
.nars-my-account .profile-form .nars-form{padding-left:30%}
.nars-my-account .profile-form .nars-form .birthdate .field-input select#month_of_birth{float:left;width:50%;margin-right:5%}
.nars-my-account .profile-form .nars-form .birthdate .field-input select#day_of_birth{float:left;width:20%}
.nars-my-account .profile-form .nars-form .mobile .field-input{display:flex}
.nars-my-account .profile-form .nars-form .mobile .field-input select#country_code{width:100px;border-right:0}
.nars-my-account .profile-form .nars-form button#btn-save{color:#fff !important;padding:4px 50px}@media only screen and (max-width:767px){.nars-my-account .profile-form .caption{position:relative;margin-bottom:15px}.nars-my-account .profile-form .caption h4{}.nars-my-account .profile-form .nars-form{border:1px solid #000;padding:10px}.nars-my-account .profile-form .nars-form .submit{text-align:center}.nars-my-account .my-reservation .booking-list .booking .desktop{display:none}.nars-my-account .my-reservation .booking-list .booking .mobile{display:initial}.nars-my-account .my-reservation .booking-list .booking .right{text-align:left}.nars-my-account .my-reservation .booking-list .booking .storename,.nars-my-account .my-reservation .booking-list .booking .address,.nars-my-account .my-reservation .booking-list .booking .phone{font-weight:600}.nars-my-account .my-reservation .booking-list .booking .btn-cancel.mobile{margin:0 auto;margin-top:20px}}
.nars-muym .makeups .makeups-not-found{padding:20px 40px;margin-bottom:40px;border:1px solid;font-size:1.6rem;text-align:center}
.nars-muym .makeups .period{margin-bottom:40px;border-bottom:1px solid #ccc}
.nars-muym .makeups .period:last-child{border-bottom:0}
.nars-muym .makeups .period-title{font-size:3rem;text-transform:uppercase;margin-bottom:20px}
.nars-muym .makeups .makeup{margin-bottom:40px}
.nars-muym .makeups .makeup .thumbnail img{max-width:100%;border:1px solid #ccc}
.nars-muym .makeups .makeup .date{margin:10px 0 6px;font-size:2.8rem;font-family:'HelveticaNeueW01-UltLt',"微軟正黑體" !important}.nars-makeup .makeup .mobile-thumbnail{display:none}
.nars-makeup .makeup .date-row{margin-bottom:60px}
.nars-makeup .makeup .date-row .date{font-size:4rem;text-transform:uppercase;font-family:'HelveticaNeueW01-UltLt',"微軟正黑體" !important}
.nars-makeup .makeup .date-row .navigation{float:right;padding:18px 0}
.nars-makeup .makeup .date-row .navigation .prev{background:url("/themes/nars/assets/images/left-arrow.png") no-repeat left center;background-size:12px;padding:0 0 0 32px;margin-right:10px}
.nars-makeup .makeup .date-row .navigation .next{background:url("/themes/nars/assets/images/right-arrow.png") no-repeat right center;background-size:12px;padding:0 32px 0 0;margin-left:10px}
.nars-makeup .makeup .date-row .navigation .end{opacity:0.2}
.nars-makeup .makeup .artist,
.nars-makeup .makeup .tips,
.nars-makeup .makeup .color,
.nars-makeup .makeup .recommendation,
.nars-makeup .makeup .howto-video{margin-bottom:20px}
.nars-makeup .makeup .transformation{margin-bottom:100px}
.nars-makeup .makeup .artist h4,
.nars-makeup .makeup .tips h4,
.nars-makeup .makeup .color h4,
.nars-makeup .makeup .recommendation h4,
.nars-makeup .makeup .howto-video h4,
.nars-makeup .makeup .transformation h4{margin-bottom:20px;font-size:3rem;text-transform:uppercase}
.nars-makeup .makeup .transformation .subtitle{margin-top:-15px}
.nars-makeup .makeup .artist .artist-name,
.nars-makeup .makeup .tips .tips-content{font-size:2rem}
.nars-makeup .makeup .color .colors .color-item{text-align:center;margin-bottom:20px}
.nars-makeup .makeup .color .colors .color-item .palette img{width:120px;height:120px}
.nars-makeup .makeup .color .colors .color-item .palette .dot{width:120px;height:120px;border-radius:5px}
.nars-makeup .makeup .color .colors .color-item .color-title{margin-top:10px;font-size:1.6rem;line-height:1}
.nars-makeup .makeup .color .colors .color-item .color-description{margin-top:10px;text-transform:uppercase;line-height:1.2;font-size:1.2rem}
.nars-makeup .makeup .thumbnail img{max-width:100%;border:1px solid #ccc}
.nars-makeup .makeup .recommendation{margin-top:40px}
.nars-makeup .makeup .products .product{margin-bottom:55px}
.nars-makeup .makeup .products .product a{padding:6px 0;width:100%;text-transform:uppercase;display:block;text-align:center;background:#000;color:#fff !important}
.nars-makeup .makeup .products .product .title{min-height:72px;font-family:"Helvetica Neue LT Std","微軟正黑體";font-weight:300 !important;text-transform:uppercase;font-size:18px}
.nars-makeup .makeup .products .product .color-title{display:none}
.nars-makeup .makeup .products .product .product-image img{max-width:100%}
.nars-makeup .makeup .products .product .product-type{overflow:hidden;padding-top:10px;border-top:1px solid #ccc}
.nars-makeup .makeup .products .product .product-type .type-name{float:left;font-size:1.2rem;text-transform:uppercase}
.nars-makeup .makeup .products .product .product-type img.color-dot{width:10px;height:10px;float:right;margin-top:2px}.nars-makeup .makeup .howto-video .videos .video .video-image{position:relative}
.nars-makeup .makeup .howto-video .videos .video .video-image img{max-width:100%}
.nars-makeup .makeup .howto-video .videos .video .video-image img.play-icon{position:absolute;bottom:20px;left:14px;width:30px}
.nars-makeup .makeup .howto-video .videos .video .category{margin-top:16px;margin-bottom:6px;font-size:1.2rem;text-transform:uppercase}
.nars-makeup .makeup .howto-video .videos .video .title{min-height:80px;font-family:"Helvetica Neue LT Std","微軟正黑體";font-weight:300 !important;text-transform:uppercase;font-size:18px}.nars-makeup .makeup .transformation .photos .slider .image{background-size:cover;background-position:center center}
.nars-makeup .makeup .transformation .photos .slider .image.no-image{background-color:#ccc}
.nars-makeup .makeup .transformation .photos .slider .image img.image-placeholder{max-width:100%}
.nars-makeup .makeup .transformation .photos .text{text-align:center;margin:30px auto 10px;text-transform:uppercase;font-size:2rem}
.nars-makeup .makeup .transformation .photos .slider{position:relative;padding:0 40px}
.nars-makeup .makeup .transformation .photos .slider *{outline:none}
.nars-makeup .makeup .transformation .photos .slider button.slick-prev{position:absolute;display:block;left:8px;top:50%;margin-top:-18px;width:24px;height:24px;text-indent:-999999px;transform:rotate(45deg);background-color:transparent;border-bottom:1px solid #000;border-left:1px solid #000;z-index:1}
.nars-makeup .makeup .transformation .photos .slider button.slick-next{position:absolute;display:block;right:8px;top:50%;margin-top:-18px;width:24px;height:24px;text-indent:-999999px;transform:rotate(45deg);background-color:transparent;border-top:1px solid #000;border-right:1px solid #000;z-index:1}.nars-makeup .page-content .rating{background:#000;color:#fff;margin-bottom:70px}
.nars-makeup .page-content .rating .container{padding:70px 15px}
.nars-makeup .page-content .rating h4{font-size:3.6rem;text-transform:uppercase}
.nars-makeup .page-content .rating .subtitle{font-size:1.6rem}
.nars-makeup .page-content .rating .rating-panel{text-align:center}
.nars-makeup .page-content .rating .rating-panel .stars{margin-bottom:30px}
.nars-makeup .page-content .rating .rating-panel .stars a.star{display:inline-block;margin:0 4px;width:42px;height:42px;background:transparent url("/themes/nars/assets/images/star_stroke.png") center center no-repeat;background-size:100% auto;text-indent:-999999px}
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="1"]:hover a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="2"]:hover a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="2"]:hover a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="3"]:hover a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="3"]:hover a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="3"]:hover a.star[data-score="3"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="3"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="4"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="3"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="4"],
.nars-makeup .page-content .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="5"]{background-image:url("/themes/nars/assets/images/star_solid.png")}
.nars-makeup .page-content .rating .rating-panel .stars[data-score="1"] a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="2"] a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="2"] a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="3"] a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="3"] a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="3"] a.star[data-score="3"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="4"] a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="4"] a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="4"] a.star[data-score="3"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="4"] a.star[data-score="4"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="5"] a.star[data-score="1"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="5"] a.star[data-score="2"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="5"] a.star[data-score="3"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="5"] a.star[data-score="4"],
.nars-makeup .page-content .rating .rating-panel .stars[data-score="5"] a.star[data-score="5"]{background-image:url("/themes/nars/assets/images/star_solid.png")}
.nars-makeup .page-content .rating .rating-panel #rate-button{display:none}
.nars-makeup .page-content .rating .rating-panel.available #rate-button{display:inline-block;padding:6px 80px;border:1px solid #fff;text-transform:uppercase;font-size:1.2rem;color:#fff !important;background-color:#000}@media only screen and (max-width:767px){.nars-makeup .makeup .mobile-thumbnail{display:block;margin-bottom:50px}.nars-makeup .makeup .mobile-thumbnail>img{max-width:100%}.nars-makeup .makeup .thumbnail{display:none}.nars-makeup .makeup .date-row{margin-bottom:30px}.nars-makeup .makeup .date-row>div:last-child{display:none}.nars-makeup .makeup .tips,.nars-makeup .makeup .color,.nars-makeup .makeup .recommendation,.nars-makeup .makeup .howto-video{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ccc}.nars-makeup .makeup .artist h4,.nars-makeup .makeup .tips h4,.nars-makeup .makeup .color h4,.nars-makeup .makeup .recommendation h4,.nars-makeup .makeup .howto-video h4,.nars-makeup .makeup .transformation h4{margin-bottom:4px}.nars-makeup .makeup .products .product{width:50%}.nars-makeup .makeup .products .product .product-type img.color-dot{display:none}.nars-makeup .makeup .products .product .color-title{display:block;margin-bottom:10px}.nars-makeup .makeup .products .product .color-title>img.color-dot{margin-right:10px;width:14px;height:14px}.nars-makeup .makeup .videos .video{width:50%}.nars-makeup .makeup .transformation .subtitle{margin-top:0}.nars-makeup .page-content .rating{border-bottom:1px solid #fff;margin-bottom:0}.nars-makeup .page-content .rating .container{padding:20px 25px 40px}.nars-makeup .page-content .rating h4{font-size:3rem;margin-bottom:20px}.nars-makeup .page-content .rating .subtitle{margin-bottom:20px}}
.nars-purchase-history .purchase-details{margin-bottom:80px}
.nars-purchase-history .purchase-details .record-not-found{padding:20px 40px;margin-bottom:40px;border:1px solid;font-size:1.6rem;text-align:center}
.nars-purchase-history .purchase-details .day{}
.nars-purchase-history .purchase-details .day h3.date{margin:0;padding:10px;font-size:3.6rem;border-bottom:50px solid #000}
.nars-purchase-history .purchase-details .day h3.date span.date-day-prefix{margin-left:-6px;font-size:40%}
.nars-purchase-history .purchase-details .day .product-list{}
.nars-purchase-history .purchase-details .day .product-list .product{}
.nars-purchase-history .purchase-details .day .product-list .product .inner{display:flex;padding:20px;border-bottom:1px solid #ccc}
.nars-purchase-history .purchase-details .day .product-list .product .thumbnail{width:15%}
.nars-purchase-history .purchase-details .day .product-list .product .info{width:20%;text-transform:uppercase}
.nars-purchase-history .purchase-details .day .product-list .product .qty{width:55%;padding-left:30px;text-transform:uppercase}
.nars-purchase-history .purchase-details .day .product-list .product .more{width:20%;text-transform:uppercase;text-align:center}
.nars-purchase-history .purchase-details .day .product-list .product .thumbnail>img{float:left;max-width:80%}
.nars-purchase-history .purchase-details .day .product-list .product .info .product-type{font-size:1rem}
.nars-purchase-history .purchase-details .day .product-list .product .info .product-name{font-size:1.6rem;margin-bottom:20px}
.nars-purchase-history .purchase-details .day .product-list .product .info .color-dot>img{width:14px}
.nars-purchase-history .purchase-details .day .product-list .product .more a{padding:4px 70px;margin-top:44px;font-size:1rem}
.nars-rating{margin-bottom:200px}
.nars-rating .rating{margin-bottom:40px}
.nars-rating .rating .rating-panel{margin-bottom:30px}
.nars-rating .rating .rating-panel .stars{display:inline-block;margin-bottom:20px}
.nars-rating .rating .rating-panel .stars a.star{display:inline-block;margin:0 4px;width:42px;height:42px;background:transparent url("/themes/nars/assets/images/star2_stroke.png") center center no-repeat;background-size:100% auto;text-indent:-999999px}
.nars-rating .rating .rating-panel.available .stars[data-hover="1"]:hover a.star[data-score="1"],
.nars-rating .rating .rating-panel.available .stars[data-hover="2"]:hover a.star[data-score="1"],
.nars-rating .rating .rating-panel.available .stars[data-hover="2"]:hover a.star[data-score="2"],
.nars-rating .rating .rating-panel.available .stars[data-hover="3"]:hover a.star[data-score="1"],
.nars-rating .rating .rating-panel.available .stars[data-hover="3"]:hover a.star[data-score="2"],
.nars-rating .rating .rating-panel.available .stars[data-hover="3"]:hover a.star[data-score="3"],
.nars-rating .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="1"],
.nars-rating .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="2"],
.nars-rating .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="3"],
.nars-rating .rating .rating-panel.available .stars[data-hover="4"]:hover a.star[data-score="4"],
.nars-rating .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="1"],
.nars-rating .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="2"],
.nars-rating .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="3"],
.nars-rating .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="4"],
.nars-rating .rating .rating-panel.available .stars[data-hover="5"]:hover a.star[data-score="5"]{background-image:url("/themes/nars/assets/images/star2_solid.png")}
.nars-rating .rating .rating-panel .stars[data-score="1"] a.star[data-score="1"],
.nars-rating .rating .rating-panel .stars[data-score="2"] a.star[data-score="1"],
.nars-rating .rating .rating-panel .stars[data-score="2"] a.star[data-score="2"],
.nars-rating .rating .rating-panel .stars[data-score="3"] a.star[data-score="1"],
.nars-rating .rating .rating-panel .stars[data-score="3"] a.star[data-score="2"],
.nars-rating .rating .rating-panel .stars[data-score="3"] a.star[data-score="3"],
.nars-rating .rating .rating-panel .stars[data-score="4"] a.star[data-score="1"],
.nars-rating .rating .rating-panel .stars[data-score="4"] a.star[data-score="2"],
.nars-rating .rating .rating-panel .stars[data-score="4"] a.star[data-score="3"],
.nars-rating .rating .rating-panel .stars[data-score="4"] a.star[data-score="4"],
.nars-rating .rating .rating-panel .stars[data-score="5"] a.star[data-score="1"],
.nars-rating .rating .rating-panel .stars[data-score="5"] a.star[data-score="2"],
.nars-rating .rating .rating-panel .stars[data-score="5"] a.star[data-score="3"],
.nars-rating .rating .rating-panel .stars[data-score="5"] a.star[data-score="4"],
.nars-rating .rating .rating-panel .stars[data-score="5"] a.star[data-score="5"]{background-image:url("/themes/nars/assets/images/star2_solid.png")}
.nars-rating .rating input#rate-button{display:inline-block;padding:8px 100px;background-color:#000;color:#fff}
.nars-rating .makeup-info{}
.nars-rating .makeup-info .info{margin-bottom:30px}
.nars-rating .makeup-info .info h4.title{margin-bottom:8px;font-size:1.4rem;text-transform:uppercase;font-family:"Helvetica Neue LT Std"}@media only screen and (max-width:767px){.nars-rating .rating .rating-panel{text-align:center}}
.forgetpw-box{border:1px solid #000;padding:36px;margin:0 auto 35px;width:100%;max-width:780px}
.forgetpw-box p{text-align:center}
.forgetpw-box .nars-form{width:100%;max-width:460px;margin:0 auto}
.forgetpw-box .nars-form .field.mobile .field-input{display:flex}
.forgetpw-box .nars-form .field.mobile .field-input input#country-code{width:60px;border-right:0}
.forgetpw-box input[type="submit"]{padding:8px 100px;margin:0 auto}
.forgetpw-box .general-error{margin:0 0 30px}
.forgetpw-box input.btn-countdown{margin-top:40px}
.forgetpw-box a.verify-by{display:inline-block;margin-top:20px;text-decoration:underline}
.nars-password-reset .forgetpw-box .nars-form a.signin{padding:10px 0;width:260px;color:#fff !important}
.terms-policy-container{width:100%;max-width:992px}.terms-policy-container h1{font-size:7rem}.terms-policy-container ul.main-list{padding-left:26px;list-style-type:decimal}.terms-policy-container ul.main-list>li{margin-bottom:14px}.terms-policy-container ul.sub-list{padding-left:0;margin-top:10px;list-style-type:none}.terms-policy-container ul.sub-list>li{position:relative;padding-left:26px;margin-bottom:10px}.terms-policy-container ul.sub-list>li span.no{position:absolute;left:0}@media only screen and (max-width:767px){.terms-policy-container h1{font-size:4rem;line-height:1}}
.announcementbar{display:none;padding:20px 0}.announcementbar.hidden{display:none}.announcementbar .accouncement-content{margin-bottom:20px}.announcementbar a.accouncement-close-button{display:block;padding:5px 0;width:200px;border:1px solid #000;text-align:center}@media only screen and (max-width:767px){.announcementbar a.accouncement-close-button{width:100%}}
body[data-page-slug="summer-slot"] #main,body[data-page-slug="summer-look"] #main,body[data-page-slug="summer-facechart"] #main{background-color:#000}.nars-summer-slot{padding:20px 0}.nars-summer-slot .slot-header{padding-top:20%;color:#fff}.nars-summer-slot .slot-header h2{max-width:300px;font-size:7rem;line-height:0.9}.nars-summer-slot .slot-header h4{font-size:3.3rem}.nars-summer-slot .machine-container{position:relative;display:flex;transition:all 0.5s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nars-summer-slot .machine-container>*:not(.lds-ellipsis){opacity:0}.nars-summer-slot .machine-container .lds-ellipsis{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;width:80px;height:80px;opacity:1;z-index:1}.nars-summer-slot .machine-container.initialized>*{opacity:1}.nars-summer-slot .machine-container.initialized .lds-ellipsis{opacity:0}.nars-summer-slot .machine-container .cover-top{position:absolute;top:0;left:0;width:100%;height:164px;background:rgb(0,0,0);background:linear-gradient(180deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 75%,rgba(0,0,0,0.2) 100%);z-index:1}.nars-summer-slot .machine-container .cover-bottom{position:absolute;bottom:0;left:0;width:100%;height:164px;background:rgb(0,0,0);background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.9) 25%,rgba(0,0,0,0.9) 100%);z-index:1}.nars-summer-slot .machine-container .box{position:absolute;top:50%;left:-5px;margin-top:-98px;width:calc(100% + 10px);height:200px;border:2px solid #fff;z-index:1}.nars-summer-slot .machine-container .slot-machine{position:relative;height:530px;overflow:hidden}.nars-summer-slot .machine-container .slot-machine .title{position:absolute;top:120px;left:0;width:100%;color:#fff;font-size:4rem;text-align:center;z-index:2}.slotMachineBlurFast,.slotMachineBlurMedium,.slotMachineBlurSlow{-webkit-filter:blur(0) !important;filter:blur(0) !important}.slotMachineGradient{-webkit-mask-image:none !important;-webkit-mask:none !important;mask:none !important}.nars-summer-slot .machine-container .slot-machine .slot{margin:0 -6%}.nars-summer-slot .machine-container .slot-machine .slot .slotMachineContainer>div{position:relative;padding:5% 0}.nars-summer-slot .machine-container .slot-machine .slot .slotMachineContainer>div>span{position:absolute;display:none;top:20px;left:20px}.nars-summer-slot .machine-container .slot-machine .slot img{width:100%}.nars-summer-slot .machine-container .buttons{position:absolute;top:76%;left:50%;width:40%;margin-left:-20%;z-index:1}.nars-summer-slot .machine-container .buttons a#roll{display:block;padding:8px 0;margin-bottom:5%;border-color:#fff;color:#fff !important;font-size:1.6rem}.nars-summer-slot .machine-container .buttons a#roll:hover{color:#000 !important;background-color:#fff}.nars-summer-slot .machine-container .buttons a#confirm{display:block;padding:8px 0;border-color:#fff;color:#000 !important;font-size:1.6rem;background-color:#fff}.nars-summer-look .mylook-container{padding:60px 0 180px}.nars-summer-look .mylook-container .look-image img{display:block;width:100%}.nars-summer-look .mylook-container .look-details{text-align:center;color:#fff}.nars-summer-look .mylook-container .look-details>h2{margin-bottom:20px;font-size:6rem;line-height:0.8}.nars-summer-look .mylook-container .look-details>h4{margin-bottom:40px;font-size:1.6rem}.nars-summer-look .mylook-container .look-details .look-image-mobile{display:none}.nars-summer-look .mylook-container .look-details .products{display:flex;justify-content:center}.nars-summer-look .mylook-container .look-details .products .product{margin:0 40px;width:120px}.nars-summer-look .mylook-container .look-details .products .product h5{font-size:3rem}.nars-summer-look .mylook-container .look-details .products .product .image{margin-bottom:10px}.nars-summer-look .mylook-container .look-details .products .product .image img{display:block;width:100%}.nars-summer-look .mylook-container .look-details .products .product .name{min-height:50px}.nars-summer-look .mylook-container .look-details .products .product .buy{margin-bottom:40px}.nars-summer-look .mylook-container .look-details .products .product .buy a{color:#fff !important;font-weight:600;text-decoration:underline}.nars-summer-look .mylook-container .look-details .buttons{display:inline-block;width:250px}.nars-summer-look .mylook-container .look-details .buttons a.btn-continue{display:block;padding:8px 0;margin-bottom:10px;font-size:1.6rem;color:#fff !important;border-color:#fff}.nars-summer-look .mylook-container .look-details .buttons a.btn-continue:hover{color:#000 !important;background-color:#fff}.nars-summer-look .mylook-container .look-details .buttons a.roll-again{display:inline-block;color:#fff !important;text-decoration:underline}.nars-summer-facechart .facechart-container{padding:60px 0 180px}.nars-summer-facechart .facechart-container>.row{align-items:center}.nars-summer-facechart .facechart-container .facechart-image img{width:100%}.nars-summer-facechart .facechart-container .facechart-photo-credit{margin-top:10px;color:#fff}.nars-summer-facechart .facechart-container .facechart-details{color:#fff}.nars-summer-facechart .facechart-container .facechart-details h2{margin-bottom:20px;width:500px;font-size:6rem;line-height:1}.nars-summer-facechart .facechart-container .facechart-details .facechart-image-mobile,.nars-summer-facechart .facechart-container .facechart-details .facechart-photo-credit-mobile{display:none}.nars-summer-facechart .facechart-container .facechart-details .facechart-photo-credit-mobile{margin-top:10px;text-align:left}.nars-summer-facechart .facechart-container .facechart-details h4{margin-bottom:40px;width:450px;font-size:1.6rem}.nars-summer-facechart .facechart-container .facechart-details a.btn-reservation{padding:8px 40px;border-color:#fff;font-size:1.6rem;color:#fff !important}.nars-summer-facechart .facechart-container .facechart-details a.btn-reservation:hover{color:#000 !important;background-color:#fff}@media only screen and (max-width:1199px){.nars-summer-slot .slot-header h4{font-size:2.6rem}.nars-summer-slot .machine-container .slot-machine .slot{margin:0 -8%}.nars-summer-slot .machine-container .slot-machine .title{top:100px;font-size:3.8rem}.nars-summer-look .mylook-container .look-details>h2{font-size:5rem}.nars-summer-look .mylook-container .look-details>h4{font-size:1.4rem}.nars-summer-facechart .facechart-container .facechart-details h2{width:100%;font-size:5rem}html[data-locale="zh-HK"] .nars-summer-facechart .facechart-container .facechart-details h2,html[data-locale="zh-CN"] .nars-summer-facechart .facechart-container .facechart-details h2{width:400px}.nars-summer-facechart .facechart-container .facechart-details h4{font-size:1.4rem}}@media only screen and (max-width:991px){.nars-summer-slot .slot-header h2{max-width:240px;font-size:6rem}.nars-summer-slot .slot-header h4{font-size:2rem}.nars-summer-slot .machine-container .slot-machine .slot{margin:0 -12%}.nars-summer-slot .machine-container .buttons{top:80%}.nars-summer-slot .machine-container .buttons a#roll{padding:4px 0}.nars-summer-slot .machine-container .buttons a#confirm{padding:4px 0}.nars-summer-slot .machine-container .slot-machine .title{top:70px;font-size:3rem}.nars-summer-look .mylook-container .look-details>h2{margin-bottom:10px;font-size:3.8rem}.nars-summer-look .mylook-container .look-details>h4{margin-bottom:20px}.nars-summer-look .mylook-container .look-details .products .product{margin:0 20px;width:90px}.nars-summer-look .mylook-container .look-details .products .product h5{font-size:2.4rem}.nars-summer-look .mylook-container .look-details .products .product .buy{margin-bottom:20px}.nars-summer-look .mylook-container .look-details .buttons a.btn-continue{padding:4px 0}.nars-summer-facechart .facechart-container .facechart-details h2{font-size:3.8rem}html[data-locale="zh-HK"] .nars-summer-facechart .facechart-container .facechart-details h2,html[data-locale="zh-CN"] .nars-summer-facechart .facechart-container .facechart-details h2{width:300px}.nars-summer-facechart .facechart-container .facechart-details a.btn-reservation{padding:4px 30px}}@media only screen and (max-width:767px){.nars-summer-slot .slot-header{margin-bottom:10px;padding-top:20px;text-align:center}.nars-summer-slot .slot-header h2{margin-bottom:30px;max-width:100%;font-size:5rem}html[data-locale="zh-HK"] .nars-summer-slot .slot-header h2 br,html[data-locale="zh-CN"] .nars-summer-slot .slot-header h2 br{display:none}.nars-summer-slot .machine-container .slot-machine .title{top:120px}.nars-summer-slot .machine-container .slot-machine .slot{margin:0 -8%}.nars-summer-slot .machine-container .box{left:0;width:100%}.nars-summer-look .mylook-container .look-image{display:none}.nars-summer-look .mylook-container .look-details .look-image-mobile{display:block;margin-bottom:30px}.nars-summer-look .mylook-container .look-details .look-image-mobile img{max-width:100%}.nars-summer-look .mylook-container .look-details>h2{margin-bottom:30px;font-size:4rem}.nars-summer-look .mylook-container .look-details>h4{font-size:1.6rem}.nars-summer-facechart .facechart-container .facechart-image,.nars-summer-facechart .facechart-container .facechart-photo-credit{display:none}.nars-summer-facechart .facechart-container .facechart-details{text-align:center}.nars-summer-facechart .facechart-container .facechart-details .facechart-image-mobile,.nars-summer-facechart .facechart-container .facechart-details .facechart-photo-credit-mobile{display:block}.nars-summer-facechart .facechart-container .facechart-details .facechart-image-mobile img{width:100%}.nars-summer-facechart .facechart-container .facechart-details h2{margin:0 auto 20px;max-width:360px;font-size:4rem}.nars-summer-facechart .facechart-container .facechart-details h4{margin:20px auto;max-width:260px;font-size:1.6rem}.nars-summer-facechart .facechart-container .facechart-details a.btn-reservation{padding:4px 50px}}@media only screen and (max-width:575px){.nars-summer-slot{padding:20px 0 100px}.nars-summer-slot .slot-header h2{font-size:3.8rem}.nars-summer-slot .slot-header h4{font-size:1.6rem}.nars-summer-slot .slot-header h2{margin-bottom:20px}.nars-summer-slot .machine-container .slot-machine .title{top:14%}.nars-summer-slot .machine-container .buttons{width:50%;margin-left:-25%}.nars-summer-slot .machine-container .buttons a#roll{padding:4px 0;font-size:1.2rem}.nars-summer-slot .machine-container .buttons a#confirm{padding:4px 0;font-size:1.2rem}}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}