.br1075 {
	display: block !important
}

.view1075 {
	display: none !important
}

@media only screen and (max-width: 1075px) {
	.br1075 {
		display: none !important
	}
	.view1075 {
		display: block !important
	}
}

.br1024 {
	display: block !important
}

.view1024 {
	display: none !important
}

@media only screen and (max-width: 1024px) {
	.br1024 {
		display: none !important
	}
	.view1024 {
		display: block !important
	}
}

.br991 {
	display: block !important
}

.view991 {
	display: none !important
}

@media only screen and (max-width: 991px) {
	.br991 {
		display: none !important
	}
	.view991 {
		display: block !important
	}
}

.br960 {
	display: block !important
}

.view960 {
	display: none !important
}

@media only screen and (max-width: 960px) {
	.br960 {
		display: none !important
	}
	.view960 {
		display: block !important
	}
}

.br892 {
	display: block !important
}

.view892 {
	display: none !important
}

@media only screen and (max-width: 892px) {
	.br892 {
		display: none !important
	}
	.view892 {
		display: block !important
	}
}

.br860 {
	display: block !important
}

.view860 {
	display: none !important
}

@media only screen and (max-width: 860px) {
	.br860 {
		display: none !important
	}
	.view860 {
		display: block !important
	}
}

.br800 {
	display: block !important
}

.view800 {
	display: none !important
}

@media only screen and (max-width: 800px) {
	.br800 {
		display: none !important
	}
	.view800 {
		display: block !important
	}
}

.br768 {
	display: block !important
}

.view768 {
	display: none !important
}

@media only screen and (max-width: 768px) {
	.br768 {
		display: none !important
	}
	.view768 {
		display: block !important
	}
}

.br767 {
	display: block !important
}

.view767 {
	display: none !important
}

@media only screen and (max-width: 767px) {
	.br767 {
		display: none !important
	}
	.view767 {
		display: block !important
	}
}

.br700 {
	display: block !important
}

.view700 {
	display: none !important
}

@media only screen and (max-width: 700px) {
	.br700 {
		display: none !important
	}
	.view700 {
		display: block !important
	}
}

.br650 {
	display: block !important
}

.view650 {
	display: none !important
}

@media only screen and (max-width: 650px) {
	.br650 {
		display: none !important
	}
	.view650 {
		display: block !important
	}
}

.br600 {
	display: block !important
}

.view600 {
	display: none !important
}

@media only screen and (max-width: 600px) {
	.br600 {
		display: none !important
	}
	.view600 {
		display: block !important
	}
}

.br550 {
	display: block !important
}

.view550 {
	display: none !important
}

@media only screen and (max-width: 550px) {
	.br550 {
		display: none !important
	}
	.view550 {
		display: block !important
	}
}

.br520 {
	display: block !important
}

.view520 {
	display: none !important
}

@media only screen and (max-width: 520px) {
	.br520 {
		display: none !important
	}
	.view520 {
		display: block !important
	}
}

.br480 {
	display: block !important
}

.view480 {
	display: none !important
}

@media only screen and (max-width: 480px) {
	.br480 {
		display: none !important
	}
	.view480 {
		display: block !important
	}
}

.br450 {
	display: block !important
}

.view450 {
	display: none !important
}

@media only screen and (max-width: 450px) {
	.br450 {
		display: none !important
	}
	.view450 {
		display: block !important
	}
}

.br425 {
	display: block !important
}

.view425 {
	display: none !important
}

@media only screen and (max-width: 425px) {
	.br425 {
		display: none !important
	}
	.view425 {
		display: block !important
	}
}

.br375 {
	display: block !important
}

.view375 {
	display: none !important
}

@media only screen and (max-width: 375px) {
	.br375 {
		display: none !important
	}
	.view375 {
		display: block !important
	}
}

.br340 {
	display: block !important
}

.view340 {
	display: none !important
}

@media only screen and (max-width: 340px) {
	.br340 {
		display: none !important
	}
	.view340 {
		display: block !important
	}
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	outline: none
}

body {
	margin: 0;
	padding: 0
}

embed,
iframe,
img,
object,
video {
	max-width: 100%
}

.primary-content {
	padding: 0 !important
}

.nars-heading {
	font-family: "HelveticaNeueLTStd-UltLt", "Noto Sans TC";
	font-weight: 200;
	color: #ffffff;
	font-size: 45px;
	line-height: 1
}

@media (max-width: 1300px) {
	.nars-heading {
		font-size: 3.5vw
	}
}

@media (max-width: 767px) {
	.nars-heading {
		text-align: center;
		font-size: 7.5vw
	}
}

.nars-sub-heading {
	font-family: "HelveticaNeueLTStd-UltLt", "Noto Sans TC";
	font-weight: 200;
	color: #ffffff;
	font-size: 27px
}

@media (max-width: 1300px) {
	.nars-sub-heading {
		font-size: 1.9vw
	}
}

@media (max-width: 767px) {
	.nars-sub-heading {
		text-align: center;
		font-size: 4.3vw
	}
}

.nars-title {
	font-family: "HelveticaNeueLTStd-UltLt", "Noto Sans TC";
	text-transform: uppercase;
	text-align: center;
	font-size: 40px;
	margin-bottom: 20px
}

@media (max-width: 1300px) {
	.nars-title {
		font-size: 3.6vw;
		margin-bottom: 1.481vw
	}
}

@media (max-width: 767px) {
	.nars-title {
		font-size: 6.5vw
	}
}

.nars-desc {
font-family: "HelveticaNeueLTStd-Lt",微軟正黑體 Light,HelveticaNeueLT,Arial,Helvetica,sans-serif,"Noto Sans TC","Microsoft YaHei"!important;
	text-align: center;
	font-size: 18px;
	margin-bottom: 70px;
	line-height: 1.5
}

@media (max-width: 1300px) {
	.nars-desc {
		font-size: 1.8vw;
		margin-bottom: 5.185vw
	}
}

@media (max-width: 767px) {
	.nars-desc {
		font-size: 2.347vw
	}
}

@media (max-width: 767px) {
	.nars-desc {
		font-size: 3.347vw
	}
}

.nars-normal-text {
	text-align: center;
font-family: "HelveticaNeueLTStd-Lt",微軟正黑體 Light,HelveticaNeueLT,Arial,Helvetica,sans-serif,"Noto Sans TC","Microsoft YaHei"!important;
	font-size: 18px;
	line-height: 1.5
}

@media (max-width: 1300px) {
	.nars-normal-text {
		font-size: 1.5vw
	}
}

@media (max-width: 767px) {
	.nars-normal-text {
		font-size: 2.347vw
	}
}

@media (max-width: 767px) {
	.nars-normal-text {
		font-size: 3.347vw
	}
}

.nars-tnc-text {
font-family: "HelveticaNeueLTStd-Lt",微軟正黑體 Light,HelveticaNeueLT,Arial,Helvetica,sans-serif,"Noto Sans TC","Microsoft YaHei"!important;
	font-size: 14px
}

@media (max-width: 767px) {
	.nars-tnc-text {
		font-size: 12px
	}
}

@media (max-width: 479px) {
	.nars-tnc-text {
		font-size: 10px
	}
}

.color--white {
	color: #ffffff
}

.page-wrapper {
	max-width: 1500px;
	margin: 0 auto;
	overflow: hidden
}

.page-wrapper__content {
	margin: 0 auto;
	max-width: 1250px
}

@media only screen and (max-width: 767px) {
	.page-wrapper__content {
		max-width: 95%
	}
}

@media only screen and (max-width: 1250px) {
	.page-wrapper__content--max-width {
		max-width: 95%
	}
}

.main-visual {
	position: relative;
	background-color: black
}

.main-visual__text-wrapper {
	position: absolute;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	left: 13%
}

.main-visual__text-wrapper--zh {
	left: 8%
}

@media (max-width: 767px) {
	.main-visual__text-wrapper {
		-webkit-transform: none;
		transform: none;
		left: 0%;
		top: 10%;
		width: 100%
	}
}

.main-visual__image {
	display: table;
	margin: 0 auto
}

.main-visual__logo {
	display: block;
	max-width: 320px;
	margin-bottom: 20px;
	width: 50%
}

@media (max-width: 767px) {
	.main-visual__logo {
		margin: 0 auto 5vw;
		max-width: 280px;
		width: 100%
	}
}

.main-visual__heading {
	margin-bottom: 20px
}

.nars-tabs {
	text-align: center;
	margin: 40px 0
}

.nars-tab__item {
/*	font-family: "HelveticaNeueLTStd-UltLt", "Noto Sans TC";*/
	font-size: 30px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.4);
	display: inline-block;
	padding-bottom: 3px;
	cursor: pointer;
	text-decoration: none !important
}

@media (max-width: 1300px) {
	.nars-tab__item {
		font-size: 2.5vw
	}
}

@media (max-width: 767px) {
	.nars-tab__item {
		display: table;
		margin: 0 auto;
		font-size: 5vw
	}
}

.nars-tab__item:not(:last-child) {
	margin-right: 40px
}

@media (max-width: 767px) {
	.nars-tab__item:not(:last-child) {
		margin: 0 auto 3vw
	}
}

.nars-tab__item.active,
.nars-tab__item:hover {
	color: #000000;
	border-bottom: 2px solid #000000
}

.member {
	margin-bottom: 40px
}

.member__texture {
	position: relative;
	width: 85%;
	margin: 0 auto 10%;
	max-width: 300px
}

@media (max-width: 767px) {
	.member__texture {
		margin: 0 auto 5%
	}
}

.member__level {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 53%;
	font-size: 40px;
	font-family: "HelveticaNeueLTStd-UltLt", "Noto Sans TC";
	text-transform: uppercase
}

@media (max-width: 1300px) {
	.member__level {
		font-size: 2.963vw
	}
}

@media (max-width: 767px) {
	.member__level {
		font-size: 6.963vw
	}
}

.member__table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse
}

.member__title {
	background-color: #000000;
	color: #ffffff;
font-family: "HelveticaNeueLTStd-Lt",微軟正黑體 Light,HelveticaNeueLT,Arial,Helvetica,sans-serif,"Noto Sans TC","Microsoft YaHei"!important;
	padding: 10px 0 10px;
	text-align: center;
	font-size: 30px;
	line-height: normal
}

.member__title--en {
	padding: 15px 0 10px
}

@media (max-width: 1300px) {
	.member__title {
		font-size: 2.222vw;
		padding: 0.741vw 0
	}
	.member__title--en {
		padding: 0.9vw 0 0.741vw
	}
}

@media (max-width: 767px) {
	.member__title {
		font-size: 5vw;
		padding: 1.3vw 0 1.8vw
	}
	.member__title--en {
		padding: 2.2vw 0 1.8vw
	}
}

.member__desc {
	padding: 15px 10px;
	text-align: center;
	vertical-align: top
}

@media (max-width: 1300px) {
	.member__desc {
		padding: 2.593vw 0.741vw
	}
}

@media (max-width: 767px) {
	.member__desc {
		list-style: none !important;
		padding: 4vw 2vw
	}
}

.member tbody>tr>td:nth-child(2) {
	border-left: 1px solid rgba(0, 0, 0, 0.4);
	border-right: 1px solid rgba(0, 0, 0, 0.4)
}

.member__collapse.active .member__collapse-content {
	visibility: visible;
	display: block
}

.member__collapse-content {
	display: none;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in
}

.member__collapse-btn {
	cursor: pointer;
	margin-bottom: 5vw;
	vertical-align: middle
}

.member__collapse-btn img {
	margin-left: 3vw;
	width: 5%;
	max-width: 20px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px
}

.member__collapse-btn img.up {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.member__collapse-btn img.down {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.rewards__container {
	margin: 0 auto;
	max-width: 1000px
}

@media screen and (max-width: 1050px) {
	.rewards__container {
		margin: 0 4vw
	}
}

.rewards__point {
	position: relative;
	font-size: 40px;
	font-family: "HelveticaNeueLTStd-UltLt", "Noto Sans TC"
}

.rewards__point::before {
	content: '\2022';
	position: absolute;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	left: -49px
}

@media (max-width: 1300px) {
	.rewards__point::before {
		left: -3.65vw
	}
}

@media (max-width: 767px) {
	.rewards__point::before {
		left: -8.9vw
	}
}

.rewards__point span {
	font-size: 70px
}

@media (max-width: 1300px) {
	.rewards__point span {
		font-size: 5.5vw
	}
}

@media (max-width: 767px) {
	.rewards__point span {
		font-size: 8vw
	}
}

@media (max-width: 1300px) {
	.rewards__point {
		font-size: 2.963vw
	}
}

@media (max-width: 767px) {
	.rewards__point {
		font-size: 4vw
	}
}

.rewards__item {
	padding-left: 20px;
	margin-left: 20px
}

.rewards__item:not(:last-child) {
	padding-bottom: 50px
}

@media (max-width: 1300px) {
	.rewards__item {
		padding-left: 1.481vw;
		margin-left: 1.481vw
	}
}

@media (max-width: 767px) {
	.rewards__item {
		padding-left: 4vw;
		padding-right: 4vw;
		margin-left: 4vw
	}
}

.rewards__list {
	padding-left: 20px;
	margin-top: 10px;
	list-style-type: none
}

@media (max-width: 1300px) {
	.rewards__list {
		padding-left: 2.481vw
	}
}

.rewards__list-item {
font-family: "HelveticaNeueLTStd-Lt",微軟正黑體 Light,HelveticaNeueLT,Arial,Helvetica,sans-serif,"Noto Sans TC","Microsoft YaHei"!important;
	text-align: left;
	font-size: 22px;
	list-style: none !important;
	line-height: 1.8;
	font-weight: 300
}

.rewards__list-item::before {
	content: '-';
	position: absolute;
	margin-left: -20px
}

@media (max-width: 1300px) {
	.rewards__list-item::before {
		margin-left: -2.481vw
	}
}

@media (max-width: 1300px) {
	.rewards__list-item {
		font-size: 2.2vw
	}
}

@media (max-width: 767px) {
	.rewards__list-item {
		font-size: 3.5vw
	}
}

.rewards__divider {
	position: absolute;
	height: 98%;
	width: 1px;
	left: 0;
	bottom: 0;
	background-color: #000000
}


.rewards__product-image {
	max-width: 350px;
	margin: 0 auto
}

@media (max-width: 767px) {
	.rewards__product-image {
		margin-top: 10vw
	}
	.rewards__product-image img {
		width: 70%;
		margin: 0 auto
	}
}

.nars-tnc {
	margin-top: 10%;
	margin-bottom: 5%
}

@media (max-width: 1300px) {
	.nars-tnc {
		width: 95%;
		margin: 10% auto
	}
}

@media (max-width: 767px) {
	.nars-tnc {
		width: 100%
	}
}

.nars-tnc-text {
	margin-bottom: 10px
}

.nars-tnc__list {
	padding-left: 1em
}

.nars-tnc__list li:last-child {
	margin-bottom: 0
}

.collapsible__header {
	position: relative;
	cursor: pointer;
	padding: 20px 20px 20px 30px;
	width: 100%;
	font-size: 28px;
font-family: "HelveticaNeueLTStd-Lt",微軟正黑體 Light,HelveticaNeueLT,Arial,Helvetica,sans-serif,"Noto Sans TC","Microsoft YaHei"!important;
	vertical-align: middle
}

@media (max-width: 1300px) {
	.collapsible__header {
		font-size: 2.4vw;
		padding: 1.481vw 1.481vw 1.481vw 3.222vw
	}
}

@media (max-width: 767px) {
	.collapsible__header {
		font-size: 3.911vw;
		padding: 2.608vw 2.608vw 2.608vw 3.911vw
	}
}

@media (max-width: 479px) {
	.collapsible__header {
		font-size: 6.250vw;
		padding: 4.167vw 4.167vw 4.167vw 6.250vw
	}
}

.collapsible__header:before {
	content: '\002B';
	margin-right: 5px;
	position: absolute;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left: 0%;
	top: 50%
}

.collapsible.active .collapsible__header::before {
	content: "\2212"
}

.collapsible.active .collapsible__content {
	margin-bottom: 30px;
	display: block
}

@media (max-width: 1300px) {
	.collapsible.active .collapsible__content {
		margin-bottom: 2.222vw
	}
}

@media (max-width: 767px) {
	.collapsible.active .collapsible__content {
		margin-bottom: 3.911vw
	}
}

@media (max-width: 479px) {
	.collapsible.active .collapsible__content {
		margin-bottom: 6.250vw
	}
}

.collapsible__content {
	padding: 5px 30px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: "HelveticaNeueLTStd-Lt", "Noto Sans TC";
	font-size: 18px;
	display: none
}

@media (max-width: 1300px) {
	.collapsible__content {
		padding: 0 3.222vw;
		font-size: 2vw
	}
}

@media (max-width: 767px) {
	.collapsible__content {
		padding: 0 3.911vw;
		font-size: 2.347vw
	}
}

@media (max-width: 479px) {
	.collapsible__content {
		padding: 0 6.250vw;
		font-size: 3.750vw
	}
}

.collapsible__list {
	list-style-type: none;
	padding-left: 20px
}

.collapsible__list-item {
	list-style: none !important
}

.collapsible__list-item::before {
	content: '-';
	position: absolute;
	margin-left: -20px
}

@media (max-width: 1300px) {
	.nars-qna {
		width: 95%;
		margin: 0 auto
	}
}

.custom-slider .slick-next:after {
	background: url("../image/next.svg") 0 center no-repeat
}

.custom-slider .slick-prev:after {
	background: url("../image/next.svg") 0 center no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.custom-slider .slick-arrow {
	background: transparent;
	top: 42%
}

@media (max-width: 767px) {
	.custom-slider .slick-arrow {
		top: 50%
	}
}

@media screen and (min-width: 768px) {
	.custom-slider .slick-prev {
		left: -10%
	}
	.custom-slider .slick-next {
		right: -10%
	}
}

.custom-slider .slick-arrow,
.custom-slider .slick-prev:after,
.custom-slider .slick-next:after {
	max-width: 30px;
	max-height: 30px;
	width: 5vw;
	height: 5vw
}




/*會員尊享*/

.position-relative {
	position: relative!important;
}

.rewards__container {
	margin: 0 auto;
	max-width: 1000px;
}

.rewards__divider {
	position: absolute;
	height: 97%;
	width: 1px;
	left: 0;
	bottom: 0;
	background-color: #000000;
}

.bootstrap-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.rewards__item {
	padding-left: 20px;
	margin-left: 20px;
}

.rewards__item:not(:last-child) {
	padding-bottom: 50px;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0;
}

.rewards__list {
	padding-left: 20px;
	margin-top: 10px;
	list-style-type: none;
}

.content-asset ol,
.content-asset ul {
	line-height: 1.6em;
	margin: 1em 0;
	padding: 0 1.5em;
}

.rewards__list-item {
	font-family: "HelveticaNeueLTStd-Lt", "Noto Sans TC";
	text-align: left;
	font-size: 22px;
	list-style: none !important;
	line-height: 1.8;
	font-weight: 300;
}

.rewards__list-item::before {
	content: '-';
	position: absolute;
	margin-left: -20px;
}

.rewards__point::before {
	content: '\2022';
	position: absolute;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	left: -49px;
}

.rewards__point span {
	font-size: 70px;
}
.rewards__item img{
	width: 100%;
}

@media (max-width: 1300px) {
	.rewards__point span {
		font-size: 5.5vw;
	}
	.rewards__point::before {
		left: -3.65vw;
	}
	.rewards__list-item {
		font-size: 2.2vw;
	}
	.rewards__item {
		padding-left: 1.481vw;
		margin-left: 1.481vw;
	}
	.rewards__point {
		font-size: 2.963vw;
	}
	.rewards__list {
		padding-left: 2.481vw;
	}
	.rewards__list-item::before {
		margin-left: -2.481vw;
	}
}

@media screen and (max-width: 1050px) {
	.rewards__container {
		margin: 0 4vw;
	}
}

@media (max-width: 767px) {
	.rewards__point span {
		font-size: 8vw;
	}
	.rewards__point::before {
		left: -8.9vw;
	}
	.rewards__divider {
		height: 96%;
		top: 1%;
	}
	.col-md-8,.col-md-4{
		width: 100%;
	}
	.rewards__point {
		font-size: 4vw;
	}
	.rewards__item {
		padding-left: 4vw;
		padding-right: 4vw;
		margin-left: 4vw;
	}
	.rewards__list-item {
		font-size: 3.5vw;
	}
}
.slick-prev:before {
    background: url(../images/next.svg) 0 center no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slick-next:before{
	background: url(../images/next.svg) 0 center no-repeat;
}

.slick-prev:before, .slick-next:before {
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    margin: 0 auto 0;
}

a.BTN{
	display: block;
	margin: 25px auto;
	text-align: center;
	padding: 15px;
	border: 1px solid #000;
	max-width: 416px;
	text-decoration: none;
	transition: 500ms;
}
@media (max-width: 1250px) {
a.BTN{
	width: 33.333%;
	
}
}
@media (max-width: 800px) {
a.BTN{
	width: 100%;
	
}
}
.BTN:hover{
	background-color: #000;
	color: #fff;
}