@charset "utf-8";

/* pc背景 */
.bg_00 {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	pointer-events: none;
}

.bg_01 {
	z-index: -40;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	pointer-events: none;
}

.bg_repeat {
	z-index: -46;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center 0px;
	background-repeat: repeat-y;
	transition: 0.5s linear;
	pointer-events: none;
}

.bg_deco {
	position: absolute;
	z-index: 2;
	top: 1500px;
	width: 100%;
	min-width: 1220px;
	height: 100%;
	background: url(bgdeco.png?t=1766116000449) repeat-y center top;
}

/* mb背景 */
@media screen and (max-width: 767px) {
	.mo_top {
		z-index: 1;
		position: absolute;
		top: 44px;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center top;
		pointer-events: none;
		background-size: 100%;
	}
}


/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_05 { margin-left: 89px!important; margin-top: 60px!important; z-index: 99!important; }
#eWriterBtn_bt_B_000_06 { margin-left: 100px!important; margin-top: 220px!important; z-index: 99!important; }

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffe466}   

/*版頭*/
.Area_title{
	height: 793px;
	@media screen and (max-width: 767px){
		height: 82vw;
		top: -6vw;
	}
	.date {
		position:absolute;        
        width: 275px;
        top: 106px;
        right: 223px;
		z-index: 7;
		animation:fadeInDown_s 0.5s 0.4s ease-in forwards;
		opacity: 0;
		@media screen and (max-width:767px){
            width: 26vw;
            top: 16.7vw;
            right: 4.9vw;
		}
	} 
	.brand {
		position:absolute;        
        width: 412px;
        top: 174px;
        right: 280px;
		z-index: 7;
		animation:fadeInDown_s 0.5s 0.4s ease-in forwards;
		opacity: 0;
		@media screen and (max-width:767px){
            width: 39vw;
            top: 23.7vw;
            right: 6.8vw;
		}
	} 
	.title {
		position:absolute;        
        width: 350px;
        top: 240px;
        left: 560px;
		z-index: 7;
		margin: auto;
		animation:fadeInDown_s 0.5s 0.4s ease-in forwards;
		opacity: 0;
		@media screen and (max-width:767px){
			width: 39vw;
            top: 27.4vw;
            left: 58.7vw;
		}
	}
	.subtitle {
		position:absolute;
        width: 439px;
        top: 517px;
        left: 513px;
		overflow: hidden;
		z-index: 8;
		animation:fadeInDown_s 0.5s 0.6s ease-in forwards;
		opacity: 0;
		@media screen and (max-width:767px){
			width: 43vw;
            top: 56.2vw;
            left: 55vw;
		}
	}

}

/* 區標 */
.title{
	margin-bottom: 32px;
	@media screen and (max-width:767px){
		margin-bottom: 4vw;
	}
}

/* 區塊背景 */
.area-bg{
	padding: 40px 0;
	background: #eed3d3;
	@media screen and (max-width:767px){
		padding: 5vw 0;
	}
}

.Area_danjimo{
	.Area_danji{
		@media screen and (max-width:767px){
			width: 96%;
		}
	}

}

.Area_gift{
	.box{
		.PD_layout.PD_layout-D1_14{
			ul{
				/* width: 80%; */
				gap: 32px;
				@media screen and (max-width:767px){
					width: 96%;
					gap: 2vw;
				}
				.PD_img{
					border: 2px solid #ac6466;
				}
				.PD_into{
					position: relative;
					background: unset;
					.PD_logo{
						width: 80%;
						height: 5.5em;
						background: #fff;
						padding: 8px 32px;
						border-radius: 100rem;
						border: 2px solid #ac6466;
						@media screen and (max-width:767px){
							height: 2.5em;
							width: 90%;
							padding: 1.5vw 6vw;
						}
						img{
							box-shadow: unset;
						}
					}
					h3{
						font-size: 2.5rem;
						max-height: 1.7em;
						font-weight: 1000;
						color: #707070;
						@media screen and (max-width:767px){
							font-size: 4.5vw;
						}
					}
					h4{
						font-size: 2.2rem;
						font-weight: 600;
						color: #707070;
						@media screen and (max-width:767px){
							font-size: 4.2vw;
						}
					}
				}
			}
		}
	}
}

/* 作圖區 */
.PD_layout.PD_layout-CSSBG_01[data-pd-li=PDBN]{
	ul{
		gap: 28px;
		@media screen and (max-width:767px){
			gap: 3.5vw;
		}
		li{
			.PD_img{
				margin: 0 auto;
                width: 85%;
                margin-bottom: 3.5rem;
                padding-top: 5rem;
				@media screen and (max-width:767px){
					width: 85%;
					padding-top: 10vw;
					margin-bottom: 3vw;
				}
			}
			.PD_into{
				width: 80%;
				margin: 0 auto;
				h3{
					color: #450945;
					font-size: 2rem;
					@media screen and (max-width:767px){
						font-size: 3.7vw;
					}
				}
				h4{
					color: #450945;
					font-size: 1.5rem;
					@media screen and (max-width:767px){
						font-size: 4vw;
					}
				}
				p{
					font-size: 2rem;
					color: #e0595d;
					@media screen and (max-width:767px){
						font-size: 3vw;
					}
					.oPrice{
						font-size: 1.5rem;
						@media screen and (max-width:767px){
							font-size: 2vw;
						}
					}
					.Price{
						color: #e0595d;
						font-size: 3rem;
						@media screen and (max-width:767px){
							font-size: 5vw;
						}
					}
				}
			}
		}
		li::after {
			content: "";
			display: block;
			width: 100%;
			height: 0;
			padding-bottom: 163%;
			background-image: url(PD_layout-CSSBG_01.png?t=1766116000449);
			background-repeat: no-repeat;
			background-size: 100%;
			background-position: center top;
		}
	}

}

.Area_coupon{
	.PD_layout.PD_layout-coupon3{
		.PD_into{
			.divine_coupon{
				color: #000000;
			}
		}
	}
}

.Area_product{
	.box{
		.PD_layout{
			ul{
				border: 2px solid #ac6466;
				@media screen and (max-width:767px){
					width: 96%;
					border: .6vw solid #ac6466;
				}
			}
		}
	}
}

.Area_logo{
	@media screen and (max-width:767px){
		width: 96%;
	}
	.PD_layout{
		ul{
			width: 80%;
			gap: 40px;
			@media screen and (max-width:767px){
				width: 90%;
				gap: 4vw;
			}
		}
	}
}

.Area_bottom{
	margin-bottom: 60px;
	@media screen and (max-width:767px){
		margin-bottom: 6vw;
	}
}