@charset "UTF-8";

#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}

.loader {
	color: #583a2e;
	font-size: 10px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: mulShdSpin 1.3s infinite linear;
	transform: translateZ(0);
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap");

.ELIXIR_pdp {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	font-family: Avenir, 'Noto Sans TC', "微軟正黑體", "Source Sans Pro", "Arial", sans-serif;
}

.ELIXIR_pdp div,
.ELIXIR_pdp span,
.ELIXIR_pdp applet,
.ELIXIR_pdp object,
.ELIXIR_pdp iframe,
.ELIXIR_pdp h1,
.ELIXIR_pdp h2,
.ELIXIR_pdp h3,
.ELIXIR_pdp h4,
.ELIXIR_pdp h5,
.ELIXIR_pdp h6,
.ELIXIR_pdp p,
.ELIXIR_pdp a,
.ELIXIR_pdp em,
.ELIXIR_pdp img,
.ELIXIR_pdp strong,
.ELIXIR_pdp sub,
.ELIXIR_pdp sup,
.ELIXIR_pdp b,
.ELIXIR_pdp u,
.ELIXIR_pdp i,
.ELIXIR_pdp dl,
.ELIXIR_pdp dt,
.ELIXIR_pdp dd,
.ELIXIR_pdp ol,
.ELIXIR_pdp ul,
.ELIXIR_pdp li,
.ELIXIR_pdp fieldset,
.ELIXIR_pdp form,
.ELIXIR_pdp label,
.ELIXIR_pdp table,
.ELIXIR_pdp caption,
.ELIXIR_pdp tbody,
.ELIXIR_pdp tr,
.ELIXIR_pdp th,
.ELIXIR_pdp td,
.ELIXIR_pdp article,
.ELIXIR_pdp aside,
.ELIXIR_pdp canvas,
.ELIXIR_pdp details,
.ELIXIR_pdp embed,
.ELIXIR_pdp figure,
.ELIXIR_pdp figcaption,
.ELIXIR_pdp footer,
.ELIXIR_pdp menu,
.ELIXIR_pdp nav,
.ELIXIR_pdp output,
.ELIXIR_pdp section,
.ELIXIR_pdp audio,
.ELIXIR_pdp video,
.ELIXIR_pdp hr {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

.ELIXIR_pdp h1,
.ELIXIR_pdp h2,
.ELIXIR_pdp h3,
.ELIXIR_pdp h4,
.ELIXIR_pdp h5,
.ELIXIR_pdp h6,
.ELIXIR_pdp p,
.ELIXIR_pdp a {
	line-height: 150%;
}

.ELIXIR_pdp h3,
.ELIXIR_pdp h4,
.ELIXIR_pdp h5 {
	font-weight: 500;
}

.ELIXIR_pdp h1,
.ELIXIR_pdp h2 {
	font-weight: 600;
	letter-spacing: 5px;
}

.ELIXIR_pdp h3,
.ELIXIR_pdp h4,
.ELIXIR_pdp h5,
.ELIXIR_pdp h6 {
	letter-spacing: 3px;
}

@media (max-width: 820px) {
	.ELIXIR_pdp h1,
	.ELIXIR_pdp h2 {
		letter-spacing: 3px;
	}
	.ELIXIR_pdp h3,
	.ELIXIR_pdp h4,
	.ELIXIR_pdp h5,
	.ELIXIR_pdp h6 {
		letter-spacing: 1.5px;
	}
}

.ELIXIR_pdp a {
	text-decoration: none;
	outline: none;
}

.ELIXIR_pdp :focus {
	outline: 0;
}

.ELIXIR_pdp article,
.ELIXIR_pdp aside,
.ELIXIR_pdp details,
.ELIXIR_pdp figcaption,
.ELIXIR_pdp figure,
.ELIXIR_pdp footer,
.ELIXIR_pdp header,
.ELIXIR_pdp hgroup,
.ELIXIR_pdp menu,
.ELIXIR_pdp nav,
.ELIXIR_pdp section {
	display: block;
}

.ELIXIR_pdp section {
	position: relative;
}

.ELIXIR_pdp body {
	line-height: 1 !important;
	width: 100% !important;
}

.ELIXIR_pdp ol,
.ELIXIR_pdp ul {
	list-style: none;
}

.ELIXIR_pdp ul li::marker {
	display: none;
	content: '';
}

.ELIXIR_pdp blockquote,
.ELIXIR_pdp q {
	quotes: none;
}

.ELIXIR_pdp blockquote:before,
.ELIXIR_pdp blockquote:after,
.ELIXIR_pdp q:before,
.ELIXIR_pdp q:after {
	content: '';
	content: none;
}

.ELIXIR_pdp table {
	border-collapse: collapse;
	border-spacing: 0;
}

.ELIXIR_pdp input[type=search]::-webkit-search-cancel-button,
.ELIXIR_pdp input[type=search]::-webkit-search-decoration,
.ELIXIR_pdp input[type=search]::-webkit-search-results-button,
.ELIXIR_pdp input[type=search]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
}

.ELIXIR_pdp input[type=search] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.ELIXIR_pdp input[type=radio],
.ELIXIR_pdp input[type=checkbox] {
	display: none;
}

.ELIXIR_pdp textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

.ELIXIR_pdp audio,
.ELIXIR_pdp canvas,
.ELIXIR_pdp video {
	display: inline-block;
	max-width: 100%;
}

.ELIXIR_pdp audio:not([controls]) {
	display: none;
	height: 0;
}

.ELIXIR_pdp [hidden] {
	display: none;
}

.ELIXIR_pdp html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.ELIXIR_pdp a:focus {
	outline: thin dotted;
}

.ELIXIR_pdp a:active,
.ELIXIR_pdp a:hover {
	outline: 0;
}

.ELIXIR_pdp img {
	border: 0;

	-ms-interpolation-mode: bicubic;
}

.ELIXIR_pdp figure {
	margin: 0;
}

.ELIXIR_pdp form {
	margin: 0;
}

.ELIXIR_pdp fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

.ELIXIR_pdp legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

.ELIXIR_pdp button,
.ELIXIR_pdp input,
.ELIXIR_pdp select,
.ELIXIR_pdp textarea {
	background: transparent;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;

	border-radius: 0px;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	padding: 0;
	border: none;
}

.ELIXIR_pdp select::-ms-expand {
	display: none;
}

.ELIXIR_pdp button,
.ELIXIR_pdp input {
	line-height: normal;
}

.ELIXIR_pdp button,
.ELIXIR_pdp select {
	text-transform: none;
}

.ELIXIR_pdp button,
.ELIXIR_pdp html input[type="button"],
.ELIXIR_pdp input[type="reset"],
.ELIXIR_pdp input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

.ELIXIR_pdp button[disabled],
.ELIXIR_pdp html input[disabled] {
	cursor: default;
}

.ELIXIR_pdp input[type="checkbox"],
.ELIXIR_pdp input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

.ELIXIR_pdp input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

.ELIXIR_pdp input[type="search"]::-webkit-search-cancel-button,
.ELIXIR_pdp input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.ELIXIR_pdp button::-moz-focus-inner,
.ELIXIR_pdp input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ELIXIR_pdp textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

.ELIXIR_pdp table {
	border-collapse: collapse;
	border-spacing: 0;
}

.ELIXIR_pdp html,
.ELIXIR_pdp button,
.ELIXIR_pdp input,
.ELIXIR_pdp select,
.ELIXIR_pdp textarea {
	color: #000000;
}

.ELIXIR_pdp ::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

.ELIXIR_pdp ::selection {
	background: #b3d4fc;
	text-shadow: none;
}

.ELIXIR_pdp img {
	width: 100%;
}

.ELIXIR_pdp fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.ELIXIR_pdp textarea {
	resize: vertical;
}

.ELIXIR_pdp .chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.ELIXIR_pdp picture {
	width: 100%;
}

.ELIXIR_pdp input::-webkit-input-placeholder {
	color: #9f9f9f;
}

.ELIXIR_pdp input:-ms-input-placeholder {
	color: #9f9f9f;
}

.ELIXIR_pdp input::-ms-input-placeholder {
	color: #9f9f9f;
}

.ELIXIR_pdp input::placeholder {
	color: #9f9f9f;
}

.ELIXIR_pdp textarea::-webkit-input-placeholder {
	color: #9f9f9f;
}

.ELIXIR_pdp textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #9f9f9f;
}

.ELIXIR_pdp textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #9f9f9f;
}

.ELIXIR_pdp textarea:-ms-input-placeholder {
	color: #9f9f9f;
}

.ELIXIR_pdp textarea::-ms-input-placeholder {
	color: #9f9f9f;
}

.ELIXIR_pdp textarea::placeholder {
	color: #9f9f9f;
}

.column,
.columns {
	padding: 0;
}

.ELIXIR_pdp .ol_style li,
.ELIXIR_pdp .ul_disc li {
	margin-top: 5px;
}

.ELIXIR_pdp .ul_disc li::marker {
	content: '‧';
}

.ELIXIR_pdp .ul_disc {
	list-style: disc;
	margin-left: 25px;
}

.ELIXIR_pdp .ol_style {
	list-style: decimal;
	margin-left: 25px;
}

@font-face {
	font-family: CALIFB;
	src: url(../font/CALIFB.woff);
}

@font-face {
	font-family: Avenir;
	font-style: normal;
	font-weight: normal;
	src: url("../font/Avenir.ttc");
}




/*距離*/

.ELIXIR_pdp .m-auto {
	margin: auto
}

.ELIXIR_pdp .mx-0 {
	margin-left: 0!important;
	margin-right: 0!important
}

.ELIXIR_pdp .mx-4 {
	margin-left: 1rem;
	margin-right: 1rem
}

.ELIXIR_pdp .mx-12 {
	margin-left: 3rem;
	margin-right: 3rem
}

.ELIXIR_pdp .mx-auto {
	margin-left: auto;
	margin-right: auto
}

.ELIXIR_pdp .my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.ELIXIR_pdp .my-3 {
	margin-top: .75rem;
	margin-bottom: .75rem
}

.ELIXIR_pdp .my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.ELIXIR_pdp .my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.ELIXIR_pdp .my-7 {
	margin-top: 1.75rem;
	margin-bottom: 1.75rem
}

.ELIXIR_pdp .my-8 {
	margin-top: 2rem;
	margin-bottom: 2rem
}

.ELIXIR_pdp .my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

.ELIXIR_pdp .my-16 {
	margin-top: 4rem;
	margin-bottom: 4rem
}

.ELIXIR_pdp .my-20 {
	margin-top: 5rem;
	margin-bottom: 5rem
}

.ELIXIR_pdp .mt-0 {
	margin-top: 0!important
}

.ELIXIR_pdp .mt-2 {
	margin-top: .5rem
}

.ELIXIR_pdp .mt-3 {
	margin-top: .75rem
}

.ELIXIR_pdp .mt-4 {
	margin-top: 1rem
}

.ELIXIR_pdp .mt-5 {
	margin-top: 1.25rem
}

.ELIXIR_pdp .mt-6 {
	margin-top: 1.5rem
}

.ELIXIR_pdp .mt-7 {
	margin-top: 1.75rem
}

.ELIXIR_pdp .mt-8 {
	margin-top: 2rem
}

.ELIXIR_pdp .mt-10 {
	margin-top: 2.5rem
}

.ELIXIR_pdp .mt-16 {
	margin-top: 4rem
}


.ELIXIR_pdp .mr-0 {
	margin-right: 0
}

.ELIXIR_pdp .mr-2 {
	margin-right: .5rem
}

.ELIXIR_pdp .mr-3 {
	margin-right: .75rem
}

.ELIXIR_pdp .mr-5 {
	margin-right: 1.25rem
}

.ELIXIR_pdp .mb-0 {
	margin-bottom: 0!important
}

.ELIXIR_pdp .mb-1 {
	margin-bottom: .25rem
}

.ELIXIR_pdp .mb-2 {
	margin-bottom: .5rem
}

.ELIXIR_pdp .mb-3 {
	margin-bottom: .75rem
}

.ELIXIR_pdp .mb-4 {
	margin-bottom: 1rem
}

.ELIXIR_pdp .mb-5 {
	margin-bottom: 1.25rem
}

.ELIXIR_pdp .mb-6 {
	margin-bottom: 1.5rem
}

.ELIXIR_pdp .mb-7 {
	margin-bottom: 1.75rem
}

.ELIXIR_pdp .mb-8 {
	margin-bottom: 2rem
}

.ELIXIR_pdp .mb-10 {
	margin-bottom: 2.5rem
}

.ELIXIR_pdp .mb-16 {
	margin-bottom: 4rem
}

.ELIXIR_pdp .mb-20 {
	margin-bottom: 5rem
}

.ELIXIR_pdp .mb-24 {
	margin-bottom: 6rem
}

.ELIXIR_pdp .ml-4 {
	margin-left: 1rem
}

.ELIXIR_pdp .ml-6 {
	margin-left: 1.5rem
}

.ELIXIR_pdp .ml-auto {
	margin-left: auto
}

@media (min-width: 821px) {
	.ELIXIR_pdp .mb {
		display: none!important
	}
}

@media (max-width: 820px) {
	.ELIXIR_pdp .pc {
		display: none!important
	}
}




/*文字////////////////////////////////////////////////////////////////////*/

.txt110 {
	font-size: 110px;
}

.txt100 {
	font-size: 100px;
}

.txt95 {
	font-size: 95px;
}

.txt92 {
	font-size: 92px;
}

.txt85 {
	font-size: 85px;
}

.txt80 {
	font-size: 80px;
}

.txt75 {
	font-size: 75px;
}

.txt72 {
	font-size: 72px;
}

.txt69 {
	font-size: 69px;
}

.txt63 {
	font-size: 63px;
}

.txt60 {
	font-size: 60px;
}

.txt55 {
	font-size: 55px;
}

.txt48 {
	font-size: 48px;
}

.txt46 {
	font-size: 2.396vw;
}

.txt40 {
	font-size: 40px;
	font-weight: 500;
}

.txt38 {
	font-size: 38px;
}

.txt36 {
	font-size: 36px;
}

.txt34 {
	font-size: 34px;
}

.txt32 {
	font-size: 32px;
}

.txt30 {
	font-size: 30px;
}
.txt28 {
	font-size: 28px;
}
.txt26,
.ELIXIR_pdp input,
.ELIXIR_pdp select,
.ELIXIR_pdp textarea {
	font-size: 26px;
}

.txt24 {
	font-size: 24px;
}

.txt22 {
	font-size: 22px;
}

.txt18 {
	font-size: 18px;
}

.txt16 {
	font-size: 16px;
}

@media (max-width: 1920px) {
	.txt110 {
		font-size: 5.75vw;
	}
	.txt100 {
		font-size: 5.208vw;
	}
	.txt95 {
		font-size: 5vw;
	}
	.txt92 {
		font-size: 4.792vw;
	}
	.txt85 {
		font-size: 4.432vw;
	}
	.txt80 {
		font-size: 4.15vw;
	}
	.txt75 {
		font-size: 3.906vw;
	}
	.txt72 {
		font-size: 3.75vw;
	}
	.txt69 {
		font-size: 3.594vw;
	}
	.txt63 {
		font-size: 3.3vw;
	}

	.txt60 {
		font-size: 3.12vw;
	}
	.txt55 {
		font-size: 2.865vw;
	}
	.txt48 {
		font-size: 2.5vw;
	}
	.txt46{
		font-size: 2.4vw;
	}
	.txt40 {
		font-size: 2vw;
	}

	.txt38 {
		font-size: 1.98vw;
	}
	.txt36 {
		font-size: 1.88vw;
	}
	.txt34 {
		font-size: 1.76vw;
	}
	.txt32 {
		font-size: 1.67vw;
	}

	.txt30 {
		font-size: 1.56vw;
	}
	.txt28 {
    font-size: 1.46vw;
}
	.txt26,
	.ELIXIR_pdp input,
	.ELIXIR_pdp select,
	.ELIXIR_pdp textarea {
		font-size: 1.35vw;
	}

	.txt24 {
		font-size: 1.2vw;
	}

	.txt22 {
		font-size: 1.15vw;
	}

	.txt18 {
		font-size: .938vw;
	}

	.txt16 {
		font-size: .83vw;
	}
}

@media (max-width: 820px) {
	.txt110 {
		font-size: 97px;
		font-size: 12vw;
	}
	.txt100 {
		font-size: 100px;
		font-size: 12.2vw;
	}
	.txt95 {
		font-size: 90px;
		font-size: 9vw;
	}
	.txt92 {
		font-size: 92px;
		font-size: 11.22vw;
	}
	.txt85 {
		font-size: 85px;
		font-size: 10.37vw;
	}
	.txt80 {
		font-size: 77px;
		font-size: 9.5vw;
	}
	.txt75 {
		font-size: 75px;
		font-size: 9.15vw;
	}
	.txt72 {
		font-size: 63px;
		font-size: 7.8vw;
	}
	.txt69 {
		font-size: 69px;
		font-size: 8.41vw;
	}
	.txt60,
	.txt63 {
		font-size: 60px;
		font-size: 7.5vw;
	}
	.txt55 {
		font-size: 55px;
		font-size: 6.71vw;
	}
	.txt48 {
		font-size: 48px;
		font-size: 6vw;
	}

	.txt40 {
		font-size: 38px;
		font-size: 4.7vw;
	}

	.txt38,
	.txt36,
	.txt34 {
		font-size: 36px;
		font-size: 4.5vw;
	}
	.txt32 {
		font-size: 34px;
		font-size: 4.3vw;
	}
	.txt26,
	.txt28,
	.txt30,
	.ELIXIR_pdp input,
	.ELIXIR_pdp select,
	.ELIXIR_pdp textarea {
		font-size: 30px;
		font-size: 3.75vw;
	}

	.txt24 {
		font-size: 28px;
		font-size: 3.4vw;
	}

	.txt22 {
		font-size: 26px;
		font-size: 3.2vw;
	}

	.txt18 {
		font-size: 22px;
		font-size: 2.5vw;
	}

	.txt16 {
		font-size: 14px;
		font-size: 1.75vw;
	}
}




/*主標*/

.ELIXIR_pdp h3 {
	padding: 2% 0;
}

.ELIXIR_pdp .tit_line h2,
.ELIXIR_pdp .tit_line h3 {
	padding: 3% 0;
}

.ELIXIR_pdp .tit {
	position: absolute;
	left: 50%;
	display: inline-block;
	transform: translateX(-50%);
	text-align: center;
	top: 15%;
}

.tit_line h2:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 1%;
	height: 1.5px;
	width: 0;
	transform: translateX(-50%);
	background-color: #fff;
	box-shadow: 0px 0px 5px #d3a485, 0px 0px 5px #d3a485;
	border-radius: 500px;
}

.animation-style.tit_line h2:after {
	animation: tit_line 3s ease both;
}

@keyframes tit_line {
	0% {
		width: 0;
	}
	100% {
		width: 95%;
	}
}

.ELIXIR_pdp .tit h2 {
	position: relative;
}

.ELIXIR_light {
	position: absolute;
	width: 238px;
	top: 22%;
	right: -23%;
	animation: shine_line 1s infinite alternate;
}

@keyframes shine_line {
	0% {
		opacity: 0.8;
	}
	100% {
		opacity: 1;
	}
}




/*外光暈*/

.txt_bright {
	text-shadow: 0px 0px 5px #d3a485, 0px 0px 5px #d3a485;
}




/*空格*/

.txt_space {
	display: inline-block;
	width: 20px;
}

.float-btn {
	display: none;
}

@media (max-width: 1920px) {
	.ELIXIR_light {
		width: 12.5vw;
	}
}

@media (max-width: 820px) {
	.ELIXIR_pdp .tit {
		top: 12%;
		width: 90%;
	}
	.ELIXIR_pdp .float-btn {
		width: 25%;
		bottom: 20%;
	}
	.ELIXIR_pdp .float-btn img {
		width: 80%;
	}
	.float-btn .txt40 {
		font-size: 33px;
		font-size: 4.1vw;
		padding: 0.3vw 3vw 0.5vw;
	}
	.ELIXIR_light {
		width: 25vw;
	}
}




/*動態////////////////////////////////////////////////////////////////////*/

.animateBlur,
.animateDown,
.animateFade,
.animateLeft,
.animateRight,
.animateUp,
.animateBlur2 {
	opacity: 0;
}

.animation-style.animateBlur {
	animation: animateBlur 1.5s ease both;
}

.animation-style.animateBlur2 {
	animation: animateBlur2 1.5s ease both;
}

.animation-style.animateLeft {
	animation: fadeInLeft 2s ease both;
}

.animation-style.animateRight {
	animation: fadeInRight 2s ease both;
}

.animation-style.animateDown {
	animation: fadeInDown 1s ease both;
}

.animation-style.animateUp {
	animation: fadeInUp 1s ease both;
}

.animation-style.animateFade {
	animation: fade 1s ease both;
}



@keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@keyframes animateBlur {
	from {
		opacity: 0;
		filter: blur(10px);
	}

	to {
		opacity: 1;
		filter: blur(0px);
	}
}


@keyframes animateBlur2 {
	from {
		opacity: 0;
		filter: blur(10px);
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	to {
		opacity: 1;
		filter: blur(0px);
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}




@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}



@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}





@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}




/*影片////////////////////////////////////////////////////////////////////*/

.ELIXIR_video {
	position: relative;
	background-color: #000;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.ELIXIR_video video {
	width: 100%;
	outline: none!important;
}

.ELIXIR_video img {
	display: block;
	width: 100%;
}

.ELIXIR_video iframe,
.ELIXIR_video video {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/*右側*/

.float-btn {
	position: fixed;
	right: 0;
	bottom: 15%;
	z-index: 10;
	width: 15%;
	max-width: 318px;
	text-align: center;
}




/*往下箭頭*/

.arrow-down {
	text-align: center;
	cursor: pointer;
}

.arrow-down p {
	letter-spacing: 0.3em;
}

.arrow-down img {
	width: 38px;
	margin-top: 15px;
	animation: arrowDown 1s infinite alternate;
}

@keyframes arrowDown {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(5px);
	}
}

@media (max-width: 1920px) {
	.arrow-down img {
		width: 2vw;
	}
}

@media (max-width: 820px) {
	.arrow-down img {
		width: 5vw;
	}
}




/* 錨點 */

.ELIXIR_pdp .adjust {
	position: absolute;
	margin-top: -200px;
	width: 100%;
}

@media (max-width :1920px) {
	.ELIXIR_pdp .adjust {
		margin-top: -12vw;
	}
}

@media (max-width :820px) {
	.ELIXIR_pdp .adjust {
		margin-top: -6vw;
	}
}

@media(max-width:550px) {
	.ELIXIR_pdp .adjust {
		margin-top: -5vw;
	}
}




/*填寫表格*/

@media (min-width :1921px) {
	.ELIXIR_pdp .iframe_form {
		height: 720px;
	}
}

.ELIXIR_pdp .iframe_form {
	background-color: transparent;
	width: 100%;
	height: 35vw;
}

@media (max-width :820px) {
	.ELIXIR_pdp .iframe_form {
		height: 130vw;
	}
}

.ELIXIR_pdp button,
.ELIXIR_pdp input,
.ELIXIR_pdp select,
.ELIXIR_pdp textarea {
	background: transparent;
	margin: 0;
	vertical-align: baseline;
	border-radius: 0px;
	appearance: none;
	padding: 0;
	border: none;
	color: #000;
}

.ELIXIR_pdp button,
.ELIXIR_pdp input {
	line-height: normal;
}

.ELIXIR_pdp input[type=radio],
.ELIXIR_pdp input[type=checkbox] {
	display: none;
}

.ELIXIR_pdp input[type="checkbox"],
.ELIXIR_pdp input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

.ELIXIR_pdp .form-wrap {
	position: relative;
}

.ELIXIR_pdp .form-wrap .choiceStore-wrap {
	margin: 30px 0;
}

.ELIXIR_pdp .form-wrap .choiceStore-wrap>p {
	text-align: center;
	margin-bottom: 26px;
}

.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select select {
	width: 100%;
	height: 100%;
	color: #4e4e4e;
	padding-left: 5%;
}

.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select {
	position: relative;
	border: 1px solid #000;
	height: 57px;
}

.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #4e4e4e transparent transparent transparent;
	pointer-events: none;
	right: 14px;
	border-top-width: 20px;
	border-right-width: 10px;
	border-left-width: 10px;
}

.ELIXIR_pdp .form-wrap .info-wrap {
	margin-bottom: 40px;
}

.ELIXIR_pdp .form-wrap .info-wrap .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap .item {

	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.ELIXIR_pdp .form-wrap .info-wrap .item p {
	flex-shrink: 0;
}

.ELIXIR_pdp .form-wrap .info-wrap .item input {
	border: 1px solid #000;
	text-indent: 1em;
	font-weight: normal;
	width: 78%;
	height: 50px;
}





.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap input+label {
	position: relative;
	display: block;
	border: 1px solid #000;
	top: 3px;
	width: 24px;
	height: 24px;
	margin-right: 15px;
	cursor: pointer;
}

.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap label a {
	text-decoration: underline;
	color: #4e4e4e;
}

.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.ELIXIR_pdp .form-wrap .cta-wrap .cta {
	display: block;
}

.ELIXIR_pdp .form-wrap .cta-wrap .cta>a:first-child {
	margin-bottom: 15px;
}

.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 60%;
	background-color: #000;
}

.ELIXIR_pdp .ELIXIR_cta,
.ELIXIR_pdp .ELIXIR_cta2 {
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../images/cta-1.png);
	background-size: 100% 100%;
	font-weight: 500;
}

.ELIXIR_pdp .ELIXIR_cta2 {
	background-image: url(../images/cta-2.png);
	padding: 2% 5%;
}
.ELIXIR_pdp .ELIXIR_cta3{
	
 display:flex;
 align-items:center;
justify-content:center;
	font-weight: 500;
	color: #fff;
	background-color: #5e4536;
	margin: 0 auto;
	padding: 5px ;
}
.ELIXIR_pdp .ELIXIR_cta3 img{
	display: inline-block;
    width: 10px;
    height: 20px;
    vertical-align: middle;
    margin-left: 7px;
}

.ELIXIR_pdp .note-wrap_tit {
	margin-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #fff;
}


@media (max-width: 1920px) {
	.ELIXIR_pdp .note-wrap_tit {
		margin-top: 1vw;
		padding-bottom: 1vw;
		margin-bottom: 1vw;
	}
	.ELIXIR_pdp .form-wrap .choiceStore-wrap {
		margin: 2.2vw 0;
	}
	.ELIXIR_pdp .form-wrap .cta-wrap .cta>a:first-child,
	.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap .item,
	.ELIXIR_pdp .form-wrap .info-wrap .item {
		margin-bottom: 1.1vw;
	}
	.ELIXIR_pdp .form-wrap .choiceStore-wrap>p {
		margin-bottom: 1.5vw;
	}
	.ELIXIR_pdp .form-wrap .info-wrap {
		margin-bottom: 2vw;
	}
	.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap input+label {
		width: 1.7vw;
		height: 1.7vw;
		margin-right: 1vw;
	}
	.ELIXIR_pdp .form-wrap .info-wrap .item input,
	.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select {
		height: 3.7vw;
	}
	.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select:after {
		border-top-width: 1vw;
		border-right-width: .5vw;
		border-left-width: .5vw;
	}
		.ELIXIR_pdp .ELIXIR_cta3 img {
    width: 0.52vw;
    height: 1.04vw;
}
}

@media (min-width: 821px) {
	.ELIXIR_pdp .form-wrap .cta-wrap {

		display: flex;
		justify-content: space-between;
	}
	.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap {
		width: 60%;
	}
	.ELIXIR_pdp .form-wrap .cta-wrap .cta {
		width: 40%;
	}
	.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select {

		width: 49%;
	}
}

@media (max-width: 820px) {
	.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap input+label {
		width: 4vw;
		height: 4vw;
		margin-right: 3vw;
	}
	.ELIXIR_pdp .ELIXIR_form {
		width: 90%;
		margin: 0 auto;
	}
	.ELIXIR_pdp .form-wrap .info-wrap .item input,
	.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select {
		height: 8vw;
	}
	.ELIXIR_pdp .choiceStore-wrap .txt32 {
		font-size: 47px;
		font-size: 5.8vw;
		font-weight: 600;
		margin-top: 10%;
		margin-bottom: 5%;
	}
	.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select:after {
		border-top-width: 2vw;
		border-right-width: 1vw;
		border-left-width: 1vw;
		right: 3%;
	}
	.ELIXIR_pdp .form-wrap .choiceStore-wrap {
		margin-bottom: 0;
	}
	.ELIXIR_pdp .choiceStore-wrap .select-wrap .select,
	.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap .item,
	.ELIXIR_pdp .form-wrap .info-wrap .item {
		margin-bottom: 3%;
	}
	.ELIXIR_pdp .form-wrap .info-wrap {
		margin-bottom: 10%;
	}
	.ELIXIR_pdp .form-wrap .cta-wrap .cta {
		margin: 10% auto;
		width: 70%;
	}
	.ELIXIR_pdp .form-wrap .cta-wrap .cta>a:first-child {
		margin-bottom: 5%;
	}
	.ELIXIR_pdp .ELIXIR_cta {
		padding: 1vw 0;
	}
	.ELIXIR_pdp .ELIXIR_cta2 {
		width: 60%;
		min-width: 280px;
		padding: 4vw 0;
	}
	.ELIXIR_pdp .note-wrap_tit {
		text-align: center;
		margin-top: 5%;
		padding-bottom: 5%;
		margin-bottom: 5%;
	}
	.ELIXIR_pdp .form-wrap {
		margin-top: 5%;
	}
	.ELIXIR_pdp .ELIXIR_cta3 img {
        width: 1.5vw;
        height: 3.5vw;
    }
}

@media (max-width: 550px) {
	.ELIXIR_pdp .ELIXIR_cta {
		padding: 3vw 0;
	}
	.ELIXIR_pdp .form-wrap .info-wrap .item input,
	.ELIXIR_pdp .form-wrap .choiceStore-wrap .select-wrap .select {
		height: 12vw;
	}
	.ELIXIR_pdp .form-wrap .cta-wrap .agree-wrap input+label {
		width: 6vw;
		height: 6vw;
	}
}




/*表格白色版*/

.ELIXIR_pdp .form-wrap-w .cta-wrap .agree-wrap input+label,
.ELIXIR_pdp .form-wrap-w .info-wrap .item input,
.ELIXIR_pdp .form-wrap-w .choiceStore-wrap .select-wrap .select,
.ELIXIR_pdp .form-wrap-w .choiceStore-wrap .select-wrap .select {
	border: 1px solid #fff;
}

.ELIXIR_pdp .form-wrap-w .cta-wrap .agree-wrap label a,
.ELIXIR_pdp .form-wrap-w .choiceStore-wrap .select-wrap .select select,
.ELIXIR_pdp .form-wrap-w button,
.ELIXIR_pdp .form-wrap-w input,
.ELIXIR_pdp .form-wrap-w select,
.ELIXIR_pdp .form-wrap-w textarea {
	color: #fff;
}

.ELIXIR_pdp .form-wrap-w select {
	background-color: #000;
}

.ELIXIR_pdp .form-wrap-w .choiceStore-wrap .select-wrap .select:after {
	border-color: #fff transparent transparent transparent;
}

.ELIXIR_pdp .form-wrap-w .cta-wrap .agree-wrap input:checked+label:after {
	background-color: #fff;
}




/*輪播*/

.ELIXIR_pdp .swiper-wrapper {
	height: auto;
}

.ELIXIR_pdp .swiper-button-next:after,
.ELIXIR_pdp .swiper-button-prev:after {
	display: none;
}

.ELIXIR_pdp .swiper-button-next,
.ELIXIR_pdp .swiper-button-prev {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url(../images/arrow-next.png);
}

.ELIXIR_pdp .swiper-button-prev {
	background-image: url(../images/arrow-prev.png);
}

.ELIXIR_pdp .swiper-scrollbar {
	background-color: #785b4c;
}

.ELIXIR_pdp .swiper-scrollbar-drag {
	background-color: #c4c3c2;
}

.ELIXIR_pdp .swiper-horizontal>.swiper-scrollbar,
.ELIXIR_pdp .swiper-scrollbar.swiper-scrollbar-horizontal {
	width: 50%;
	left: 25%;
}

.ELIXIR_pdp .swiper-pagination-bullet {
	width: 25%;
	background-color: #785b4c;
	border-radius: 5px;
	height: 3px;
	opacity: 1;
}

.ELIXIR_pdp .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #c4c3c2;
	opacity: 1;
}




/*兩欄*/

.ELIXIR_pdp .ELIXIR_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ELIXIR_pdp .ELIXIR_flex .ELIXIR_flexR,
.ELIXIR_pdp .ELIXIR_flex .ELIXIR_flexL {
	width: 48%;
}

@media (min-width: 821px) {
	.ELIXIR_pdp .ELIXIR_flexPC {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.ELIXIR_pdp .ELIXIR_flexPC .ELIXIR_flexR,
	.ELIXIR_pdp .ELIXIR_flexPC .ELIXIR_flexL {
		width: 48%;
	}
}

.ELIXIR_absolute {
	position: absolute;
}