@charset "utf-8";


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


.ELIXIR_pdp .pc {
    display: block !important;
}

.ELIXIR_pdp .mb {
    display: none !important;
}

@media (max-width: 800px) {
    .ELIXIR_pdp .pc {
        display: none !important;
    }
    .ELIXIR_pdp .mb {
        display: block !important;
    }
}


/* 共用元件 */


/* 按鈕 */
.ELIXIR_pdp .cta01 {
	background: linear-gradient(to right, rgba(235,241,249,1) 0%,#d5dce5 50%,rgba(235,241,249,1) 100%);
	color: #361a09;
	border-style: groove;
    border: 1px solid #eceef3;

	/* padding: 5px 40px; */
	padding: 0.2vw 2vw;

    box-shadow: 3px 3px 5px #a5b3c5;
    letter-spacing: 5px;

	transition: border-color 0.8s ease-in-out; 
}

.ELIXIR_pdp  a.cta01:hover, 
.ELIXIR_pdp  a.cta01:focus {

	border: 1px solid #eceef3;
	color: #eceef3;
	background: #361a09;
	background: linear-gradient(to right, #361a09 0%,#5b4627 50%,#361a09 100%);
	transition: border-color 0.8s ease-in-out; 
    
}
@media (max-width:800px) {
	.ELIXIR_pdp .cta01 {
		padding: 0.5vw 5vw;

	}

}

/* 標籤掃光 */
.shinye:before {
	content: '';
	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);

	position: absolute;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;


	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	-webkit-animation: shinye 3s ease infinite;
	animation: shinye 3s ease infinite;
}

/* 掃光 */
	@keyframes shinye {
	  	0% {
	    	transform: translateX(-150%) skewX(-205deg);
	    	opacity: 1;
	  	}

	  	80% {
	    	transform: translateX(200%) skewX(-205deg);
	    	opacity: 1;
	  	}

	  	100% {
	    	transform: translateX(200%) skewX(-205deg);
	    	opacity: 0;
	  	}
	}

.ELIXIR_pdp {
	color: #361a09;

	background: linear-gradient(to right, rgba(181,195,214,1) 0%,rgba(184,198,217,1) 25%,rgba(188,203,220,1) 39%,rgba(196,209,224,1) 50%,rgba(200,213,227,1) 58%,rgba(196,209,226,1) 65%,rgba(205,219,234,1) 77%,rgba(200,213,231,1) 88%,rgba(190,205,223,1) 100%);
}

/* KV */
.ELIXIR_kv .title {

	position: absolute;
	width: 100%;
	right: 5%;
    top: 10%;

	color: #370e00;

	text-align: right;
	
}

@media (max-width: 800px) {
	.ELIXIR_kv .title {
		top: 2%;
		right: 3%;
		
	}
	.ELIXIR_kv .title .fontSize_80px {
		font-size: 6vw;
		
	}
	.ELIXIR_kv .title .fontSize_48px {
		font-size: 3.5vw;
	}
}

/* S1 - MENU */
.ELIXIR_pdp .ELIXIR_s1  {
	padding: 10% 0;

	background: linear-gradient(to right, rgba(181,195,214,1) 0%,rgba(184,198,217,1) 25%,rgba(188,203,220,1) 39%,rgba(196,209,224,1) 50%,rgba(200,213,227,1) 58%,rgba(196,209,226,1) 65%,rgba(205,219,234,1) 77%,rgba(200,213,231,1) 88%,rgba(190,205,223,1) 100%);

}
.ELIXIR_s1 .menu {
	display: flex;
	justify-content: center;
	align-items: center;

	letter-spacing: 3px;
}

.ELIXIR_s1 .menu a {
	margin: 0 2%;
	color: #361a09;

}

.ELIXIR_s1 .menu .v-line {

	width: 0.1vw;
    height: 2vw;

    background: #361a09;

}

.ELIXIR_s1 .menu .d-flex {

	display: flex;
	justify-content: center;
	align-items: center;


}

.ELIXIR_s1 .menu .d-flex p {
white-space: nowrap;

}

/* .ELIXIR_s1 .menu .d-flex .menu-logo{
	width: 49%;
} */



	.ELIXIR_s1 .menu img {
	width: 49%;
	}
	

@media (max-width: 1170px) {}

@media (max-width: 800px) {
	.ELIXIR_pdp .ELIXIR_s1 {
		padding: 10% 0 20% 0;
		
	}

	.ELIXIR_s1 .menu {
		text-align: center;
	}
	.ELIXIR_s1 .menu .txt36 {
		font-size: 3.5vw;
		
	}
	.ELIXIR_s1 .menu .d-flex {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

	}
	/* .ELIXIR_s1 .menu .d-flex .menu-logo{
		width: 80%;
	} */
	.ELIXIR_s1 .menu img {
		width: 15vw;
	 
	}
	.ELIXIR_s1 .menu .v-line {
		height: 9vw;
	}
}


/* S2 */
.ELIXIR_pdp .ELIXIR_s2  {
	background: linear-gradient(to right, rgba(181,195,214,1) 0%,rgba(184,198,217,1) 25%,rgba(188,203,220,1) 39%,rgba(196,209,224,1) 50%,rgba(200,213,227,1) 58%,rgba(196,209,226,1) 65%,rgba(205,219,234,1) 77%,rgba(200,213,231,1) 88%,rgba(190,205,223,1) 100%);

}

.ELIXIR_s2 .title {
	position: absolute;
    width: 100%;
	text-align: center;
}
.ELIXIR_s2 .box {
	position: absolute;
	width: 50%;
    height: 66%;


    margin: 0 auto;
	top: 25%;
    left: 0;
    right: 0;
   
	
}
.ELIXIR_s2 .icon {
	position: absolute;
	top: 3%;
    left: 9%;

	overflow: hidden;
    border-radius: 100%;
}

.ELIXIR_s2 .icon img {
    width: 100%;

}

.ELIXIR_s2 .effect li {
	position: absolute;

}

.ELIXIR_s2 .effect li:nth-child(1){
	/* background-color: #f9e1d5;
	opacity: .5; */

	top: 13%;
    right: 31%;
  }
.ELIXIR_s2 .effect li:nth-child(2){
	/* background-color: #fcccbe;
	opacity: .5; */

	top: 42%;
    right: 21%;
  }
.ELIXIR_s2 .effect li:nth-child(3){
	/* background-color: #fabfbf;
	opacity: .5; */

    right: 57%;
    bottom: 30%;
  }

.ELIXIR_s2 .text {
	position: absolute;
    bottom: 14%;
    right: 0;
}

@media (max-width: 1500px) {
	
	.ELIXIR_s2 .icon img {
		width: 10vw;
	
	}

	.ELIXIR_s2 .effect li:nth-child(1) {
        right: 31%;
	}

	.ELIXIR_s2 .effect li:nth-child(2) {
		top: 39%;
		right: 6%;

		top: 41%;
		right: 20%;
        
    }

	.ELIXIR_s2 .effect li:nth-child(3){
		bottom: 37%;

		right: 54%;
		bottom: 30%;
	
	  }

}

@media (max-width: 800px) {
	.ELIXIR_s2 .box {
		width: 80%;
	
	}
	.ELIXIR_s2 .icon {
		left: 0;
	}

	.ELIXIR_s2 .icon img {
        width: 24vw;
    }

	.ELIXIR_s2 .text {
		bottom: 0;

	}

	.ELIXIR_s2 .effect li:nth-child(1) {
        top: 12%;
        right: 21%;
    }

	.ELIXIR_s2 .effect li:nth-child(2) {
		top: 39%;
        right: 6%;
        
    }

	.ELIXIR_s2 .effect li:nth-child(3){
        right: 54%;
        bottom: 36%;
	
	  }
}



/* S3 */
.ELIXIR_s3 .top .title {
	color: #fff;
}
.ELIXIR_s3 .wrap {
	position: absolute;
    width: 100%;


}
.ELIXIR_s3 .top {

	display: flex;
    justify-content: center;
    align-items: center;

	margin-bottom: 3%;
	gap: 0 4%;

}

.ELIXIR_s3 .top .fontSize_40px {
	display: inline-block;

}

/* 影片 */
@media (max-width: 800px) { 
	iframe#player {
        margin-bottom: 3%;

	}
}
@media (max-width: 500px) { 
	iframe#player {
		width: 100%;
        height: 100%;
        /* max-width: 800px; */
        aspect-ratio: 16 / 9;
       
        padding: 0 8%;

	}
}

/* .ELIXIR_s2_videoBOX {
    width: 35%;
} */

/* 文字漸層 */
.text-gradient {
	background: -webkit-linear-gradient(135deg, #f2dfc9 0%,#fbf6f2 50%,#f2dfc9 100%);
	 background-size: 300% 100%;
	 
	 background-clip: text;
	 -webkit-background-clip: -webkit-text;
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 text-fill-color: transparent;
	 -webkit-animation: colorText 9s ease infinite;
	 animation: colorText 9s ease infinite;
 }
 @-webkit-keyframes colorText {
	 0% {
		 background-position: 0 0;
	 }
	 50% {
		 background-position: -150% 0;
	 }
	 100% {
		 background-position: -300% 0;
	 }
 }

 .tit_line h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5%;
	height: 3px;
	width: 0;
	background-color: #f2dfc9;
	border-radius: 500px;
}

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

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

.ELIXIR_s3 .bottom {

	text-align: center;

	width: 100%;
	
}

.ELIXIR_s3 .bottom .title {
	color: #fff; 
	margin-bottom: 1%;

}

.ELIXIR_s3 .bottom .box {
	display: flex;
	justify-content: space-evenly;
    align-items: center;

	margin: 0 auto;
	
	background: #d9dfea;
	width: 70%;
    left: 15%;

	padding: 2% 1%;

    border-radius: 1vw;
	border-style: groove;
    border: 3px solid #eceef3;

	box-shadow: 
	/* 左 */
	-5px 0px 0px #9fb1c6,

	/* 右 */
	 5px 0px 0px #d9dfea,

	/* 上 */
	0px -5px 0px #9fb1c6,

	/* 下 */
	0px 5px 0px #d9dfea, 

	5px 5px 5px #a5b3c5;

}

.ELIXIR_s3 .bottom .box .text {
	display: flex;
	justify-content: center;
    align-items: center;

	width: 100%;
	gap: 0 1%;
    text-align: left;


}

.ELIXIR_s3 .v-line {

	width: 0.1vw;
    height: 6.4vw;

	background: #c4ad9d;
}

@media (max-width: 1500px) {

}
@media (max-width: 800px) {

	.ELIXIR_s3 .top {
		flex-direction: column-reverse;

		margin-bottom: 19vw;
		
	}
	.ELIXIR_s3 .top .title {
        text-align: center;
    }
	.ELIXIR_s2_videoBOX {
		width: 80%;
	}
	.ELIXIR_pdp .ELIXIR_s2_videoBOX {
		margin-bottom: 5%;

	}
	.ELIXIR_s3 .bottom .title {
		margin-bottom: 4%;
	}
	.ELIXIR_s3 .bottom .box {
		flex-direction: column;

		width: 80%;

		padding: 8%;
		border: 1px solid #eceef3;

		box-shadow: 
	/* 左 */
	-2px 0px 0px #d9dfea,

	/* 右 */
	 2px 0px 0px #d9dfea,

	/* 上 */
	0px -2px 0px #d9dfea,

	/* 下 */
	0px 2px 0px #d9dfea, 

	3px 3px 3px #a5b3c5;
	}
	.ELIXIR_s3 .bottom .box .text {
		gap: 0 5%;
	}
	.ELIXIR_s3 .icon {
		width: 20vw;
	}

	.ELIXIR_s3 .txt {
		width: 80%;
	}
	.ELIXIR_s3 .v-line.mb {
        width: 100%;
        height: 0.2vw;
        margin: 5% 0;
       
    }

}
/* S4 */
.ELIXIR_s4 .title {
	position: absolute;
	
	top: 15%;
	left: 44%;
    
}
.ELIXIR_s4 .bottom {
	position: absolute;
    
    bottom: 8%;
    width: 100%;
}

.ELIXIR_s4 .bottom .count {
	display: flex;
	justify-content: center;
    align-items: center;

	margin-bottom: 3%;


}

.ELIXIR_s4 .bottom .box {
	color: #fff;
	background: #8799b0;

	background: linear-gradient(135deg, rgba(153,169,188,1) 0%,rgb(141, 154, 171) 32%,rgba(127,145,169,1) 100%);

	margin: 0 1%;
	padding: 1.5%;
    border-radius: 0;
	border-style: groove;
    border: 1px solid #eceef3;


	display: flex;
	justify-content: center;
	align-items: center;

	width: 13vw;
	height: 13vw;
	
	box-shadow: 
	/* 左 */
	-3px 0px 0px #9fb1c6,

	/* 右 */
	 6px 0px 0px #7d8da4,

	/* 上 */
	0px -3px 0px #9fb1c6,

	/* 下 */
	0px 5px 0px #7d8da4, 

	10px 10px 10px #a5b3c5;
}

.ELIXIR_s4 .bottom span.num {
	letter-spacing: 0;
}

.ELIXIR_s4 .bottom .text,
.ELIXIR_s4 .bottom .note {
	text-align: center;

	

}

.ELIXIR_s4 .bottom .text p { 
	line-height: 1.2;
}

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

@media (max-width: 1500px) {
	.ELIXIR_s4 .bottom .box {
		/* border: 1px solid #eceef3; */
	
		width: 13vw;
		height: 13vw;
		
		box-shadow: 
		/* 左 */
		-1px 0px 0px #9fb1c6,
	
		/* 右 */
		 2px 0px 0px #7d8da4,
	
		/* 上 */
		0px -1px 0px #9fb1c6,
	
		/* 下 */
		0px 2px 0px #7d8da4, 
	
		5px 5px 5px #a5b3c5;
	}

}
@media (max-width: 800px) {
	.ELIXIR_s4 .title {
		top: 0;
		left: 0;
		right: 0;
		text-align: center;
	}

	.ELIXIR_s4 .bottom .count {
		flex-wrap: wrap;
		margin-bottom: 5%;
		
	}

	.ELIXIR_s4 .bottom .count .fontSize_72px {
		font-size: 10vw;
	}
	.ELIXIR_s4 .bottom .box {
		width: 33vw;
        height: 33vw;
        margin: 2%;
    }
}

/* S5 */

.ELIXIR_s5 .top,
.ELIXIR_s5 .middle,
.ELIXIR_s5 .bottom {
position: relative;
}

.ELIXIR_s5 .tag {
	/* padding: 2px 30px; */
	padding: 0.2vw 2vw;

    background: #5f4d47;
    color: #fff;
    margin-right: 1%;
}
.ELIXIR_s5 .top .box { 
	position: absolute;
	
	display: flex;
	justify-content: space-around;
    align-items: center;

    top: 25%;
    right: 0;
    left: 0;

	width: 90%;
    gap: 0 5%;
    margin: 0 5%;

}

.ELIXIR_s5 .top .title { 
	width: 50%;

}

.ELIXIR_s5 .title .d-flex { 
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ELIXIR_s5 .v-line {
    width: 0.1vw;
    height: 6vw;
    background: #361a09;
}

.ELIXIR_s5 .middle .box { 
	position: absolute;
	width: 100%;
    margin: 0 auto;
    top: 24%;
    left: 7.5%;

}


.ELIXIR_s5 .bottom .box { 
	position: absolute;
	
	width: 100%;
    margin: 0 auto;
    top: 27%;
	left: 50%;
   
}

@media (max-width: 1500px) {
	.ELIXIR_s5 .top .title {
		width: 60%;
	}

	.ELIXIR_s5 .middle .box { 
		width: 60%;
	
	}

}
@media (max-width: 1170px) {
	.ELIXIR_s5 .top .title {
		width: 80%;
	}


}
@media (max-width: 800px) {

	.ELIXIR_s5 .v-line {
		width: 0.3vw;
		height: 13vw;
	}
	.ELIXIR_s5 .top .box {
		flex-direction: column;
		top: 12%;
		
	}
	.ELIXIR_s5 .top .title {
        width: 100%;
        
    }
	.ELIXIR_s5 .top .gif_wrap {
		width: 80%;
		margin-bottom: 5%;
	}

	.ELIXIR_s5 .top .box {
		width: 80%;
		margin: 0 10%;
		
	}
	.ELIXIR_s5 .middle .box,
	.ELIXIR_s5 .bottom .box {
		width: 80%;
		left: 10%;
	}

	
}
/* S6 */
.ELIXIR_pdp .ELIXIR_s6 {
	padding: 10% 0;

	background: linear-gradient(45deg, rgba(224,235,247,1) 0%,rgba(222,233,246,1) 8%,rgba(223,235,250,1) 15%,rgba(190,212,237,1) 22%,rgba(205,225,248,1) 32%,rgba(205,225,248,1) 42%,rgba(193,218,246,1) 52%,rgba(177,206,240,1) 61%,rgba(183,208,238,1) 71%,rgba(201,223,247,1) 80%,rgba(213,230,249,1) 87%,rgba(206,226,247,1) 92%,rgba(209,228,249,1) 100%); 
 }
 .ELIXIR_s6 .top,
 .ELIXIR_s6 .bottom {  
	margin-bottom: 8%;

}
.ELIXIR_s6 .title {  
    text-align: center;
	margin-bottom: 5%;

}
.ELIXIR_s6 .box { 
	display: flex;
    justify-content: center;
    align-items: flex-start;

	width: 80%;
    margin: 0 auto;

}

.ELIXIR_s6 .box img { 
	margin-bottom: 5%;

}

.ELIXIR_s6 .bottom .title02 h2 {  
	margin-bottom: 3%;
 
 }

.ELIXIR_s6 .title02 {  
    text-align: center;
	margin-bottom: 3%;

}

.ELIXIR_s6 .box02 {  
	position: relative;
	
    color: #fff;
    
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;

	width: 90%;
    gap: 0 5%;
    margin: 0 5%;

}

.ELIXIR_s6 .box02 .text {  
	position: absolute;

	display: flex; 
    justify-content: center;
    align-items: center;

	bottom: 2%;
    left: 11%;
}

.ELIXIR_s6 .box02 .text p {  
    text-align: left;
	line-height: 1.3;
}

@media (max-width: 1500px) {
}
@media (max-width: 800px) {
	.ELIXIR_s6 .box {
		flex-wrap: wrap;
	}

	.ELIXIR_s6 .box .text {
		width: 33%;
		margin-bottom: 5%;
		text-align: center;
	}

	.ELIXIR_s6 .box02 {
		flex-direction: column;

	}
	.ELIXIR_s6 .bottom .box_wrap {
		margin: 2% 0;
	}

}
/* S7 */

.ELIXIR_s7 .title {  
	position: absolute;
	text-align: center;
	width: 100%;
	top: 14%;

}

.ELIXIR_s7 .box {  
	position: absolute;
	text-align: center;

	top: 33%;

	display: flex;
	justify-content: space-evenly;
	align-items: center;

	width: 90%;
	margin: 0 5%;

}

.ELIXIR_s7 .box .pd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ELIXIR_s7 .text { 
	text-align: left;
   
}
.ELIXIR_s7 .text .fontSize_36px { 
	color: #b78d67;
   
}
.ELIXIR_s7 .h-line {
    height: 0.1vw;
    background: #b78d67;
	margin: 2% 0;
}

.ELIXIR_s7 .tag-beige,
.ELIXIR_s7 .tag-gold,
.ELIXIR_s7 .tag-pink  {
	padding: 2px 25px;
	border-radius: 0.3vw;
    color: #fff;
	display: inline-block;
}

.ELIXIR_s7 .tag-beige {
    background: #d7a9ac;
}

.ELIXIR_s7 .tag-gold {
    background: #b68c66;
}

.ELIXIR_s7 .tag-pink {
    background: #db868b;
}

@media (max-width: 1500px) {
	.ELIXIR_s7 .pd img {  
		width: 70%;
	}
	
}
@media (max-width: 800px) {
	.ELIXIR_s7 .title {
		top: 10%;
	}

	.ELIXIR_s7 .box .pd {
		margin-top: 10%;
		transform: scale(1.5);
	}
	.ELIXIR_s7 .text {
		text-align: center;
	}

	.ELIXIR_s6step .swiper-slide:not(.first):after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		right: auto;
		bottom: auto;
		background-image: url(../img/series-arrow.png);
		background-size: 90% 90%;
		z-index: 1;
		transform: translateY(-50%);
		left: -35px;
		width: 24px;
		height: 72px;
		background-repeat: no-repeat;
	}
}
/* S9 */
.ELIXIR_form_top {
	color: #fff;
}
.ELIXIR_form_top .title { 
	position: absolute;
	width: 100%;
	text-align: center;
	top: 28%;
}
.ELIXIR_form_top .text {
	transform: translateX(0%);
	width: 50%;
	line-height: 200%;
	color: #361a09;
	position: absolute;

	bottom: 5%;
    left: 67%;
    line-height: 1.5;
}

.ELIXIR_form_top .text .fontSize_56px {
	transform: translateX(10%);
	
}

.ELIXIR_form_top .give {
	position: absolute;
	width: 100%;
    bottom: 0;

    display: flex
;
    justify-content: center;
    align-items: center;
    left: -5%;
   
	line-height: 2;

    transform: translateX(-10%);
    gap: 0 5%;
}

/* 表單 */
.ELIXIR_form .form_wrap {
	position: absolute;
	left: 50%;
	width: 80%;
	transform: translateX(-50%);
	top: 0;
}

/* 頁籤 */
.ELIXIR_form .form_tab {
	width: 60%;
   
}
.ELIXIR_form .form_tab .cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: #fff;
   
}
.ELIXIR_form .form_tab .form-cta {
	background: linear-gradient(135deg, #bfc8d9 0%,#849cba 50%,#bfc8d9 100%);
	/* border-style: groove; */
    border: 1px solid #fff;
    letter-spacing: 5px;
    /* padding: 5px 40px; */
    padding: 0.5vw 2vw;

}

.ELIXIR_form .form_tab .menu {
   display: flex;
   justify-content: center;
   align-items: center;

   width: 100%;
}

.ELIXIR_form .form_tab .menu .item {
    cursor: pointer;
    order: 0;
    margin: 3%;
}
.ELIXIR_form .form_tab .menu a {
    text-decoration: none;
    cursor: pointer;

	color: #fff;
	
}
.ELIXIR_form .form_tab .menu .active a {
    background: linear-gradient(135deg, #485f83 0%,#647da2 50%,#485f83 100%);
    border: 1px solid #314b6d;

    transition: border-color 0.8s ease-in-out;    

}

.ELIXIR_form .form_tab .menu .active a:hover, 
.ELIXIR_form .form_tab .menu .active a:focus {
    border-color: #314b6d;
    
}

.ELIXIR_form .form_tab .menu .item.active {
    opacity: 1;
    font-weight: bold;
}

.ELIXIR_form .form_tab .h-line {
    width: 100%;
    height: 0.1vw;
    background: #fff;
	margin: 2% 0;
   
}
.ELIXIR_form_top .form_tab .contentTop,
.ELIXIR_form .form_tab .content {
    display: none; /* 預設隱藏 */
}

.ELIXIR_form_top .form_tab .contentTop.active,
.ELIXIR_form .form_tab .content.active {
    display: block; /* 只有 active 的內容區塊會顯示 */
}

.ELIXIR_form .form_tab .content .form {
    width: 100%;
	height: 31vw;

    /* background-color: red;
	opacity: 0.5; */

}
.ELIXIR_form .form_tab .content .form.formB {
    /* background-color: yellow; */

}

@media (max-width: 1500px) { 
	.ELIXIR_form_top .give img {
		width: 13vw;
	}
}

@media (max-width: 800px) {
	.ELIXIR_form .form_wrap {
		width: 85%;

	}
	.ELIXIR_form_top .title {
		top: 12%;
	}

	.ELIXIR_form_top .text {
		width: 100%;

		left: 0;
		right: 0;
		top: 24%;
		
		text-align: center;
	}

	.ELIXIR_form_top .text .fontSize_56px {
		transform: translateX(0%);
		
	}

	.ELIXIR_form_top .give {

		flex-direction: column;
		width: 100%;
		bottom: 2%;
		text-align: center;
		color: #361a09;
		

		left: 0%;
        transform: translateX(-0%);
	}
	.ELIXIR_form_top .give img {
        width: 31vw;
    }
	.ELIXIR_form_top .give .h-line {
		
		height: 0.1vw;
		background: #361a09;
		margin: 5% 0;

	}

	.ELIXIR_form_top .give .fontSize_26px {

		font-size: 4vw;

	}

	.ELIXIR_form_top .give .fontSize_16px {
        font-size: 2.6vw;
    }


	.ELIXIR_form .form_tab {
		width: 100%;
	}

	.ELIXIR_form .form_tab .fontSize_30px {

		font-size: 6vw;

	}

	.ELIXIR_form .form_tab .form-cta {
		padding: 2vw 9vw;
	}
	.ELIXIR_form .form_tab .cta {
		margin-bottom: 10%;
	   
	}
	.ELIXIR_form .form_tab .cta .menu {
		flex-direction: column;
	}

	.ELIXIR_form .form_tab .cta p.fontSize_30px {

		color: #361a09;
	   
	}

	.ELIXIR_form .form_tab .content .form {
		/* width: 105%; */
        height: 136vw;

		/* position: absolute; */
        /* left: 50%;
        transform: translate(-50%, 3%); */
       
		/* background-color: red;
        opacity: 0.5; */

		margin-bottom: 5%;
	}

	.ELIXIR_form .form_tab .menu .item {
		margin: 4% 0;
	}

}


/* S9 保文 */
.ELIXIR_form .note-wrap {

	color: #fff;
	/* position: absolute; */
	width: 165%;
	/* top: 5%;
    left: 0;
    right: 0; */
    /* margin: 0 10%; */
	
	line-height: 1.4;
}

.ELIXIR_form .note-wrap .h-line {
    height: 0.1vw;
    background: #fff;
	margin: 1% 0 3% 0;

}
@media (max-width: 800px) {
	.ELIXIR_form .note-wrap {
		color: #361a09;
		/* top: 0; */
        /* transform: scale(1.1); */
        /* line-height: 2; */
		width: 100%;
	}
	.ELIXIR_form .note-wrap .title {
		text-align: center;
	}

	.ELIXIR_form .note-wrap .h-line {
		background: #361a09;
	
	}
	.ELIXIR_form .note-wrap p,
	.ELIXIR_form .note-wrap h5 {
		line-height: 2;

	}
	.ELIXIR_form .note-wrap .fontSize_32px {
		font-size: 4vw;
	}
	.ELIXIR_form .note-wrap .fontSize_24px {
		font-size: 3vw;
	}
	.ELIXIR_form .note-wrap .fontSize_18px {
		font-size: 2.6vw;
	}
}

/* S10 產品 */

.ELIXIR_pdp .ELIXIR_product {

	padding: 10% 0;
 }


.ELIXIR_pdp .ELIXIR_product {
	text-align: center;

	
	background: linear-gradient(45deg, rgba(221,233,246,1) 0%,rgba(189,212,237,1) 21%,rgba(208,227,248,1) 36%,rgba(208,227,248,1) 54%,rgba(202,223,246,1) 66%,rgba(211,229,249,1) 81%,rgba(189,212,237,1) 88%,rgba(189,212,237,1) 88%,rgba(221,233,246,1) 94%,rgba(221,233,246,1) 100%);
}

.ELIXIR_product .box { 
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* width: 90%; */
    margin: 0 auto;

	flex-wrap: wrap;

}

.ELIXIR_product .box .pd { 
	margin: 1% 0.5%;
	
	width: 45%;
	height: 25vw;
	padding: 0% 1%;
	border-radius: 2vw;

	border-style: groove;
	border: 3px solid #eceef3;

	display: flex;
	justify-content: center;
	align-items: center;

	box-shadow: -3px 0px 0px #a5b3c5, 6px 0px 0px #a5b3c5, 0px -3px 0px #eceef3, 0px 5px 0px #eceef3 , 10px 10px 10px #a5b3c5;

}

.ELIXIR_product .box .pd h2,
.ELIXIR_product .box .pd h3 {
    letter-spacing: 1px;
}
.ELIXIR_product .box .pd img {
	width: 80%;
	margin-left: 3vw;
}

.ELIXIR_product .box .pd-img { 
	position: relative;

}

.ELIXIR_product .box .pd .icon { 
	position: absolute;
	left: 8%;

	display: flex;
	justify-content: center;
	align-items: center;

	width: 6.5vw;
    height: 6.5vw;

	border-radius: 100%;

	color: #fff;

	background: linear-gradient(135deg, #9f917d 0%,#af9c85 5%,#bfac92 50%,#af9c85 95%,#9f917d 100%);


	border-style: groove;
    border: 1.5px solid #dfcbb4;

	box-shadow: 
	
	/* 左 */
	-4px -1px 1px #ab9a83, 
	/* 右 */
	4px 1px 1px #9f917d,
	/* 上 */
	2.5px -3px 1px #dfcbb4, 
	/* 下 */
	-2.5px 3px 1px #dfcbb4;

}
.ELIXIR_product .box .pd .icon p { 
	line-height: 130%;

}

.ELIXIR_product .box .pd .text{ 
	text-align: left;
	/* width: 55%; */
	width: 80%;
	
}

.ELIXIR_product .box .pd:nth-child(1),
.ELIXIR_product .box .pd:nth-child(4) {
	background: linear-gradient(135deg, rgba(163,176,195,1) 0%,rgba(142,159,182,1) 43%,rgba(184,195,211,1) 76%,rgba(185,197,211,1) 100%);
}
.ELIXIR_product .box .pd:nth-child(2),
.ELIXIR_product .box .pd:nth-child(3) {
	background: linear-gradient(135deg, rgba(181,195,209,1) 0%,rgba(187,199,213,1) 43%,rgba(181,195,209,1) 75%,rgba(181,195,209,1) 75%,rgba(185,197,211,1) 100%);
}

@media (min-width: 1921px) { 
	.ELIXIR_product .box .pd { 
		height: 20vw;
		
	}
	.ELIXIR_product .box .pd .text {
		width: 60%;
	}
	.ELIXIR_product .box .pd .icon {
		width: 5.2vw;
		height: 5.2vw;
	}


}

@media (max-width: 1500px) {

	.ELIXIR_product .box .pd .text{ 
		
		width: 80%;
	}
	.ELIXIR_product .box .pd { 

		border: 1px solid #eceef3;

		box-shadow: 
		-1px 0px 0px #a5b3c5, 
		3px 0px 0px #a5b3c5, 
		0px -1px 0px #eceef3, 
		0px 3px 0px #eceef3 , 
		5px 5px 5px #a5b3c5;
	
	}
	
}
@media (max-width: 1170px) {
    .ELIXIR_product .box .pd .text {
        width: 50vw;
    }
}

@media (max-width: 800px) {
	.ELIXIR_product .box {
		flex-direction: column;
		
		width: 90%;
		margin: 0 5%;
	}

	.ELIXIR_product .box .pd {
		width: 100%;
		height: 50vw;
		margin: 3% 0;
	}
	.ELIXIR_product .box .pd .icon {
		
		width: 14vw;
		height: 14vw;
		
	}
	.ELIXIR_product .box .pd img {
		margin-left: 8vw;
	}
	.ELIXIR_product .box .pd .text {
        width: 100%;
    }
}

@media (max-width: 500px) {
	.ELIXIR_product .box .pd img {
		/* width: 65%; */
		margin-left: 3vw;
	}

	.ELIXIR_product .box .pd .icon {
		box-shadow: 
		-2px -1px 1px #ab9a83, 
		2px 1px 1px #9f917d, 
		2px -2px 1px #dfcbb4, 
		-2px 2px 1px #dfcbb4;
	}
}