@charset "utf-8";
/* CSS Document */

/*基本*/
body {margin: 0; padding:0; background:#fff;}
	@media screen and (max-width:767px){
		body {background:none;width:100%; background:#fff;}
	}



/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden; }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;display: block;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; }
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}

@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit;}
	.WRAPPER .mainArea { padding-bottom:0px; width:100%; }
	.WRAPPER img {width:100%; height:auto;}
}



/*PC背景*/
.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_02 { z-index:-40; position:absolute; top:1000px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_03 { z-index:-50; position:fixed; top:0px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_8pd{ z-index:-20;position:absolute; top:4894px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}

/*MB背景*/
@media screen and ( max-width:736px) {
	.bg_01 { display:none}
	.bg_02 { display:none}
	.bg_03 { display:none}
	.m_top_bg01 {z-index: -5;position:absolute;top: 11vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
	.bg_04 { z-index:-10; position:fixed; top:0vw;  width:100%; height:100%; background-repeat:repeat-y; background-position: center top;background-size: 100%; pointer-events:none;}

}


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
.Area1220 { margin:0 auto; width:1220px;}
.Area1300 { margin:0 auto; width:1300px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area1300 { width: 100%}
		.Area960 { width:100%;}
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 0% 0%; padding:0; width:50%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 0% 0% ; padding:0; width:33.33%; list-style: none;}
		.Area_4bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn a { float:left; margin:0 0% 0% ; padding:0; width:25%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
	}
/*按鈕*/
.bnn {
	
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;





	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}	
	
	
/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}



	
/*副標*/
.sub .PD_layout ul{ display: flex; }
@media screen and (min-width: 768px){
.sub {position: absolute;top: 407px;left: -50px;width: 62%;z-index: 30;animation-delay: .3s}
.sub .PD_layout .PD img { width: auto; }	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 41vw;left: 3vw;width: 100%;z-index: 30;animation-delay: .3s}
.sub .PD_layout .PD img { width: 68%;}
}




/*版頭區塊*/
.Area_title { height:881px; }
.Area_title .title_date{position: absolute;top:266px;left: 0;}
.Area_title .title1{position:absolute;top: 107px;left: -64px;animation-delay: .5s}	
.Area_title .title2{position:absolute;top: 380px;left: 109px;animation-delay: 1.4s}	
.Area_title .title3{position:absolute;top: 330px;left: 248px;animation-delay: 2.8s}	
.Area_title .title4{position:absolute;top: 325px;left: 406px;animation-delay: 2.1s}	
.Area_title .title5{position:absolute;top: 385px;left: 530px;animation-delay: 1s}	
/*版頭品*/
	.Area_title .top_pd {z-index: 7;position: absolute;min-width:88%;height: 670px;top: 271px;left: 274px;}
	.Area_title .top_pd .box_swiper{width: 100%;height: 100%;overflow: hidden;}
	.Area_title .top_pd .box_swiper .PD_layout {}
	.Area_title .top_pd .box_swiper .PD_layout ul {display: flex;height: 670px;grid-gap: 0;}
	.Area_title .top_pd .box_swiper .PD_layout ul li{}
	.Area_title .top_pd .box_swiper .PD_layout ul li .PD_img{position: absolute;width: 100%;top: 0;left: -31px;}
	.Area_title .top_pd .box_swiper .PD_layout ul li .PD_into{}
	/*公版_文字*/	
    .Area_title .box_swiper .PD_layout .PD_into {width: 410px;position: relative;top: 475px;left: 0;height: 230px;text-align: center;}
    .Area_title .box_swiper .PD_layout .PD_into  h3{top: 24px;left: 0;color: #210606;}	
    .Area_title .box_swiper .PD_layout .PD_into  h4{color: #210606;top: 84px;left: 0;}	
    .Area_title .box_swiper .PD_layout .PD_into	p{height: 57px;left: 0;top: 117px;}
    .Area_title .box_swiper .PD_layout .PD_into	p del{color: #652727;}
    .Area_title .box_swiper .PD_layout .PD_into	p .Price{position: relative;top: 5px;font-size: 2em;}
    .Area_title .PD_layout-PDBN_01 .PD p .money, .Area_title .PD_layout-PDBN_01 .PD p .Price, .Area_title .PD_layout-PDBN_01 .PD p b, .Area_title .PD_layout-PDBN_01 .PD p small {
    color: #652727;
    background: -webkit-linear-gradient(261deg, #652727 20%, #652727 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
	/*輪播_按鈕*/	
    .Area_title  .myarrow_r{z-index:99;position:absolute;top: 79%;right: -39px;cursor: pointer;}
    .Area_title  .myarrow_l {z-index:99;position:absolute;top: 79%;left: 40px;cursor: pointer;}	


	@media screen and (max-width:767px){
	.Area_title {height: 121vw;}
	.Area_title .title_date{position: absolute;width: 83%;top: 10vw;left: 50%;transform: translateX(-50%);}	
	.Area_title .title1{position: absolute;width: 97%;top: 1vw;left: 1vw;animation-delay: .1s}	

	/*版頭品*/
	.Area_title .top_pd {z-index: 7;position: absolute;width: 100%;top: 41.5vw;left:-2vw;}
	.Area_title .top_pd .box_swiper{position: relative;width: 100%;height: 110vw;left: 0;overflow: hidden;}
	.Area_title .top_pd .box_swiper .PD_layout {}
	.Area_title .top_pd .box_swiper .PD_layout ul {display: flex;height: 109vw;grid-gap: 0;}
	.Area_title .top_pd .box_swiper .PD_layout ul li{}
	.Area_title .top_pd .box_swiper .PD_layout ul li .PD_img{position: relative;width: 69%;left: 14vw;top: 0vw;}
	.Area_title .top_pd .box_swiper .PD_layout ul li .PD_into{}
	/*公版_文字*/	
    .Area_title .box_swiper .PD_layout .PD_into {position: relative;top: 1vw;left: 10vw;width: 80vw;height: 43vw;text-align: center;}
    .Area_title .box_swiper .PD_layout .PD_into  h3{color: #300c0c;top: 1vw;left: 0;font-size: 5.5vw;}	
    .Area_title .box_swiper .PD_layout .PD_into  h4{color: #300c0c;top: 11vw;left: 0;font-size: 4.5vw;}	
    .Area_title .box_swiper .PD_layout .PD_into	p{height: 10vw;left: 0;top: 18vw;}
    .Area_title .box_swiper .PD_layout .PD_into	p del{color: #692500;}
    .Area_title .box_swiper .PD_layout .PD_into	p .Price{position: relative;top: 0;font-size: 7.2vw;}
    .Area_title .PD_layout-PDBN_01 .PD p .money, .Area_title .PD_layout-PDBN_01 .PD p .Price, .Area_title .PD_layout-PDBN_01 .PD p b, .Area_title .PD_layout-PDBN_01 .PD p small {
    color: #692500;
    background: -webkit-linear-gradient(268deg, #692500 20%, #692500 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }		
		
	}






/*登記區塊*/
@media screen and (min-width: 768px){
	.bg{position: absolute;left: 50%;transform: translateX(-50%);z-index: -1;}
	.repeat{height: 791px;background: repeat-y center top/100% url("sale_bg_repeat.jpg?t=1751280675582");}
	.end{position: relative;}
	.Area_time {position: relative;}
	.Area_sale{padding: 0 0 0 0;margin: 0 auto 100px auto;}
	.Area_sale .layout_2PD{width: 90%;}
}
@media screen and (max-width:767px){
    .bg{position: absolute;width: 100%;z-index: -1;}
	.repeat{height: 86vw;background: repeat-y center top/100% url("mo_sale_bg_repeat.jpg?t=1751280675582");}
	.end{position: relative;}
	.Area_time { width:100%;height: 0vw;position: absolute;top: 5vw;z-index: 5}
	.Area_sale{padding: 0 0 0 0;margin: 0 auto 8vw auto;}
	.Area_sale .layout_2PD{padding: 7vw 0 0 0;}

}	

/*登記區塊*/
@media screen and (min-width:768px){
	.danji_bg{position: absolute;left: 50%;transform: translateX(-50%);z-index: -1;}
	.danji_bg .repeat{height: 251px;background: repeat-y center top/100% url("danji_bg_repeat.png?t=1751280675582");}
	.danji_bg .end{position: relative;}
	.danji .text{position: relative;padding: 32px 0 29px 70px;}
	.danji{margin: 0 auto 110px auto;padding: 0 0 0 0;}
}
@media screen and (max-width:767px){
    .danji_bg{position: absolute;z-index: -1;}
	.danji_bg .repeat{height: 60vw;background: repeat-y center top/100% url("mo_danji_bg_repeat.png?t=1751280675582");}
	.danji_bg .end{position: relative;}
	.danji .text{position: relative;padding: 7vw 0 2vw 7vw;}
    .danji .Area_danji{width: 97%;margin: 0 auto 1vw auto;}
    .Area_danji .danji_box{width: 96%!important;}	
}	



/*---登記---*/
@media screen and (min-width:768px){
 .yellow{height:950px;}

}
@media screen and (max-width:767px){
	.yellow{height:96vw;}

}	


/*---登記---*/
@media screen and (min-width:768px){

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

}	







/*---滿額贈---*/
@media screen and (min-width: 768px){
	.free_bg{position: absolute;left: 50%;transform: translateX(-50%);z-index: -1;}
	.Area_free .layout_free{width: 90%;}

}
@media screen and (max-width:767px){
    .free_bg{position: absolute;width: 100%;z-index: -1;}
	.Area_free {position: relative;}
	.Area_free .PD_layout ul li {padding:1%;}

}	


/*標題*/
.box_txt .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50; }
.box_txt img{width: 88%!important;padding: 0;}
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt img{width: 100%;}
}



/*主打品*/
@media screen and (min-width:768px){
	.Area_item{margin: 60px auto 0 auto;}
    .Area_item .PD_layout.layout_item {top: 0;left: -50px;width: 110%;}
	.Area_item .PD_layout.layout_item ul{grid-gap: 10px;}
    .Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area_item .PD_layout.layout_item .PD_slide {padding: 0px 0 70px 40px;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {width:75%;position: absolute;left: 49px;top: 372px;text-align:center}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:60px;top:-84px;display: none}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { width: 150px; height: 150px; box-shadow: unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 3em;font-weight: bolder;font-size: 1.7em;line-height: 2em;color: #97826c;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 1.3em; color: #452807;}
    .Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #452807;display: none;}
	.Area_item .PD_layout.layout_item .PD p {height: 2em;line-height: 2em;font-size: 1.2em;color: #d76c32;}
    .Area_item .PD_layout .PD p .Price{ font-size:37px;}
	.Area_item .PD_layout .PD p b, .PD_layout .PD p del{font-size:20px;}
	.Area_item .PD_layout .PD p .money{font-size:20px;}
	.Area_item .PD_layout .PD p small{font-size:20px;}
}
@media screen and (max-width:767px){
	.Area_item .PD_layout.layout_item ul li {height: 72vw;}
    .Area_item .PD_layout.layout_item {width: 100%;}
    .Area_item .PD_layout.layout_item ul {width: 96%;padding: 0;margin: 0 auto;}
    .Area_item .PD_layout.layout_item li {margin:0 auto;left: 0vw;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
	.Area_item .PD_layout.layout_item .PD img{ width:100%;padding: 2%;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0vw;position: absolute;left: 0vw;top: 41vw;width:100%;z-index: 999;text-align:center;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:10vw;top:-11vw;width:20vw;height:20vw;border-radius:50%;display: none}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 2.5em;font-weight: bolder;font-size: 1em;line-height: 3em;color: #97826c;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { color: #452807; }
    .Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #452807;display:none;}
	.Area_item .PD_layout.layout_item .PD p {height: 2em;line-height: 1.4em;font-size: 1em;color: #d76c32;}
	.Area_item .PD_layout .PD p .Price{ font-size:25px;}
}


/*---導館---*/
@media screen and (min-width:768px){
	.Area_logo .layout_logo{width: 80%;}
}
@media screen and (max-width:767px){
	.Area_logo{
    width: 96%;
    margin: 5vw auto 0 auto;
}
    
}


/*間距*/
@media screen and (min-width:768px){
	.Area_bottom {margin-bottom: 75px!important;}
	.Area_bottom2 { margin-bottom: 75px!important; }
	.Area_bottom3 { margin-bottom: 110px!important; }
}
@media screen and (max-width:767px){
	.Area_bottom {margin-bottom: 4vw!important;}
	.Area_bottom2 { margin-bottom: 13vw!important; }	
	.Area_bottom3 { margin-bottom: 8px!important; }
}
	

@media screen and (min-width:768px){
	.bn_8pd_bg{position: absolute;left: 50%;transform: translateX(-50%);z-index: -1;}
	.bn_8pd_bg .repeat{height: 691px;background: repeat-y center top/100% url("bn_4pd_bg_repeat.png?t=1751280675582");}
	.bn_8pd_bg .end{position: relative;}
	.Area_bn_8pd {padding: 50px 0 0 0;margin: 0 auto 112px auto;}
	
	
}
@media screen and (max-width:767px){
    .bn_8pd_bg{position: absolute;z-index: -1;}
	.bn_8pd_bg .repeat{height: 291vw;background: repeat-y center top/100% url("mo_ly_repeat.png?t=1751280675582");margin-top:-2vw;}

	.bn_8pd_bg .end{position: relative;}
	.Area_bn_8pd {margin: 0 auto 18vw auto;padding: 4vw 0 0 0;}
    
}	






/*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }