@charset "utf-8";
/*基本*/
body {margin: 0; padding:0; background-color: #8ceefb;}


/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto; padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%;background: url("mb_bg.jpg?t=1753877410117") center top/ 100% repeat-y scroll;z-index: 0;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}


/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-9; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.bgtop01 { z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:550px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 { z-index:-8; position:absolute; top:550px; left:0; width:100%; min-width:1220px; height:1050px; background-repeat:no-repeat; background-position:center top; }
	.bgtop_repeat { z-index:-30; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
	.bgtop_fixed { z-index:-30; position:fixed; top:500px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}

/*mb背景
@media screen and ( max-width:767px) {
	.m_bg01 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
}*/


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}

	@media screen and (max-width:767px){
	.Area .go_bt:hover { 
		-webkit-transform:none;
		 -moz-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;}
	.Area1220 { width:100%;}
	.Area960 { width:100%;}
	.Area img{ width:100%;}
	.Area { position: relative;}

	}




/*提醒我按鈕*/
.mo_remind_btn {z-index: 5;  position: absolute !important;right:0;top:39vw;width:19%;}


/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title {height:1074px;z-index: 20;}
	.Area_title .deco01{position:absolute; top:75px; left:800px ;z-index:6;}
	.Area_title .deco02{position:absolute; top:85px; left:326px ;z-index:11;}
	.Area_title .ring{position:absolute; top:430px; left:-70px ;width: 194px; z-index:0;}
	.Area_title .title_bg{position:absolute; top:112px; left:290px ;z-index:2;}

}
@media screen and (max-width:767px){
	.Area_title {height: 134vw; }
	.Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
	.Area_title .m_deco{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
	.Area_title .deco01{position:absolute; top:7vw; left:65vw ;width:7%; z-index:7;}
	.Area_title .deco02{position:absolute; top:9.5vw; left:20vw ;width: 17%; z-index:11;}
	.Area_title .ring{position:absolute; top:45vw; left:-5vw ;width: 20%; z-index:1;}
	.Area_title .title_bg{position:absolute; top:12.2vw; left:15.5vw ;width: 66%; z-index:2;}

 }

/*版頭主標微調*/
 .Area_title .PD_layout .PD_slide{min-width:inherit;}
 .toptitle .PD_layout .PD a,.top_pd .PD_layout .PD a { /*pointer-events: none;*/ }
 .toptitle .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
 .toptitle { z-index: 5;}

 .toptitle .PD_layout li {position: absolute;top: 11px;left: 352px; z-index: 10;}
 .toptitle .PD_layout .PD img { width: 100%!important;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.toptitle .PD_layout li {position: absolute;top: 2vw;left:22vw;z-index: 10;width: 56%;}
.toptitle .PD_layout .PD img { width: 100%!important; }
	}


/*副標輪播*/
.Area_title .topPD2 { position: absolute; top:448px; left:367px; width:500px; height:80px; overflow: hidden; z-index: 10;}
.Area_title .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}

@media screen and (max-width:767px){
  .Area_title .topPD2 { width: 51%; height: 9vw; position: absolute; top: 47.8vw; left: 24.5vw;  overflow: hidden;}
}


/*輪播物件*/
.Area_02  { top: 550px; width: 66%;}
.Area_02 .box { position: relative;  margin: 0 auto; }

@media screen and (max-width: 767px) {
.Area_02  { top: 60vw;width: 96%; }
.Area_02 .Area_swiper_box { width: 96%;}
.Area_02 .Area_swiper_box ul.PD_wrapper { padding: 0 0 5vw;}
.Area_02 .PD_layout .PD .Price { font-size:24px; }
}



/*回饋區*/
.Area00 .ring2{position:absolute; top:21px; left:400px ;width: 100%; z-index:-10;}
@media screen and (min-width:768px){
.Area00 {z-index: 30;height: auto;padding-bottom: 60px; }
.Area00 .PD_layout .PD img{width: 80%;}
}
@media screen and (max-width:767px){
.Area00 .Area00_bg {position: absolute;width: 96%;left: 2%; z-index: -10;}	
.Area00 {height: auto;z-index: 30;margin-bottom: 1vw!important;background: url("mb_02.jpg?t=1753877410117") center top/ 100% no-repeat scroll;}

}



/*錨點*/
@media screen and (min-width: 768px){
.Area00_btn_01 {position: absolute;top: 185px;left: 200px;width: 250px;height: 200px;}
.Area00_btn_02 {position: absolute;top: 185px;left: 480px;width: 270px;height: 200px;}
.Area00_btn_03 {position: absolute;top: 185px;left: 780px;width: 260px;height: 200px;}
}
@media screen and (max-width: 767px){
.Area00_btn_01 {position: absolute;top: 19vw;left: 5vw;width: 30vw;height: 25vw;}
.Area00_btn_02 {position: absolute;top: 19vw;left: 35vw;width: 30vw;height: 25vw;}
.Area00_btn_03 {position: absolute;top: 19vw;left: 66vw;width: 30vw;height: 25vw;}
}






/*登記*/
.warningTxt h3 {color: #000 ;}
.Area03 { width:1160px; height:auto; margin:0 auto; padding:0;padding-bottom:50px !important;}
.Area03 .remove_box_style ul{grid-gap: 0 !important;padding:0;}
.Area03 .box00 {width: 100%; margin: 0 auto;padding-top:0;background: url("Area03_bg.png?t=1753877410117") center top/ 100% repeat-y scroll}
.Area03_bg03 img{width: 100%;margin: 0 auto;}
.Area03 .PD_text1 a:hover {} 
.Area03 .PD_text1 a {pointer-events: none;} 

@media screen and (max-width:767px){
.Area03 { width:100%;height:auto; padding: 0;margin: 0 auto;padding-bottom:3vw!important;}
.Area03 .box00 {width: 100%;}
.Area03 .Area_danji { width:96%;padding: 2% 0 0 0; margin: 0 auto;}
.Area03_bg03 img{width: 100%;margin: 0 auto;}
}

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

/*涼夏降溫大牌-輪播公版(線上入搞)*/
.Area01_bg{position: absolute;left: -390px; top:100px;width:2000px;}
@media screen and (max-width: 767px) {
.Area01_bg{position: absolute;left:-114vw; top:13vw;width:300%;}
}



/*BN輪播*/
@media screen and (min-width:768px){
.AreaBN {padding-bottom: 50px;}
.AreaBN .PD_textBN { position: relative;left: 0;top:0; height: 162px; width: 50%;}
.AreaBN .PD_textBN a {pointer-events: none;} 
}
@media screen and (max-width:767px){
.AreaBN{padding-bottom: 5vw;}
.AreaBN .PD_textBN {position: relative;top:0;left:0vw;height: 21vw;width: 75%;}

}

/*BN單張*/
@media screen and (min-width:768px){
.AreaBN2{}
.AreaBN2 .PD_textBN { position: relative;left: 0;top:0; height: 162px; width: 50%;}
.AreaBN2 .PD_textBN a {pointer-events: none;} 

}
@media screen and (max-width:767px){
.AreaBN2{width: 96%;}
.AreaBN2 .PD_textBN {position: relative;top:0;left:0vw;height: 21vw;width: 75%;}

}



/*---作圖區BG---*/
.Area_item_B .box01 {width: 100%; margin: 0 auto;padding-top:0;background: url("Area_item_B_bg.png?t=1753877410117") center top/ 100% repeat-y scroll}
.Area_item_B .PD_layout ul{grid-gap: 0 !important;padding:0;}
.Area_item_bg03 img{width: 100%;margin: 0 auto;}

@media screen and (max-width:767px){
.Area_item_bg03 img{width: 100%;margin: 0 auto;}

}

/*---作圖區---*/
@media screen and (min-width:768px){
	.Area_item{position: relative;margin:0 auto 0 auto;}
	.Area_item .box_all{width: 97%;margin: 0 auto;}
	.Area_item .more{width: 33%;position: relative;margin: 50px auto 0 auto;}
	.Area_item .layout_item ul {width: 74%;grid-gap: 0px;}
	.Area_item .layout_item ul li:nth-child(odd){padding: 0 0 0px 0;height: 450px;background: no-repeat center top/100% url("item_bg.png?t=1717037307497");}
	.Area_item .layout_item ul li:nth-child(even){padding: 0 0 0px 0;height: 450px;background: no-repeat center top/100% url("item_bg02.png?t=1717037307497");}
	.Area_item .layout_item  ul li:nth-child(odd) .PD_img{position: absolute;top: 0px;left: 0px;width: 44%;}
	.Area_item .layout_item  ul li:nth-child(odd) .PD_into{position: relative;top: 100px;left: 395px;width: 54%;text-align: left;}
	.Area_item .layout_item  ul li:nth-child(even) .PD_img{position: absolute;top: 0px;left: 488px;width: 44%;}
	.Area_item .layout_item  ul li:nth-child(even) .PD_into{position: relative;top: 100px;left: 43px;width: 54%;text-align: left;}
	/*公版_文字*/	
	.Area_item .layout_item  ul li .PD_into h3{color: #7065e8;width: 82%;position: relative;left: 50%;transform: translateX(-50%);top: 21px;font-size: 2em;}
	.Area_item .layout_item  ul li .PD_into h4{color: #7065e8;position: relative;top: 21px;left: 23px;font-size: 1.7em;}
	.Area_item .layout_item  ul li .PD_into p{color: #ff6bf9;width: 96%;font-size: 1.8em;position: relative;top: 11px;left: 39px;}
	.Area_item .layout_item  ul li .PD_into p del{color: #a8a8a8;}
	.Area_item .layout_item  ul li .PD_into p .Price,.Area_item .layout_item .PD_layout .PD p b,.Area_item .layout_item .PD_layout .PD p .money{
		color: #ff6bf9;
		font-weight: 900;
		background: none;
		background-image: repeating-linear-gradient(178deg, #ff6bf9 20%, #ff6bf9 100%) !important;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 1.8em;
		}	
  }
  
  @media screen and (max-width:767px){
	.Area_item{position: relative;margin: 0vw auto 0vw auto;}
	.Area_item .box_all{width: 100%;margin: 0 auto;}
	.Area_item .more{width: 50%;position: relative;margin: 8vw auto 0 auto;}
	.Area_item .layout_item ul{width: 92%;padding: 0;}
	.Area_item .layout_item ul li:nth-child(odd){width: 100%;padding: 0 0 0vw 0;height: 48vw;background: no-repeat center top/100% url("item_bg.png?t=1725589051314");}
	.Area_item .layout_item ul li:nth-child(even){width: 100%;padding: 0 0 0vw 0;height: 48vw;background: no-repeat center top/100% url("item_bg02.png?t=1725589051314");}
	.Area_item .layout_item  ul li:nth-child(odd) .PD_img{position: absolute;top: 0vw;left: 0vw;width: 45%;}
	.Area_item .layout_item  ul li:nth-child(odd) .PD_into{position: relative;top: 5vw;left: 45vw;width: 54%;text-align: left;}
	.Area_item .layout_item  ul li:nth-child(even) .PD_img{position: absolute;top: 0vw;left: 56vw;width: 45%;}
	.Area_item .layout_item  ul li:nth-child(even) .PD_into{position: relative;top: 5vw;left: 5vw;width: 54%;text-align: left;}
  
	/*公版_文字*/	
	.Area_item .layout_item  ul li .PD_into h3{color: #7065e8;width: 100%;position: relative;left: 1vw;top: 5vw;margin: 0 auto;font-size: 1.2em;}
	.Area_item .layout_item  ul li .PD_into h4{color: #7065e8;position: relative;top: 3vw;left: 0;font-size: 1em;}
	.Area_item .layout_item  ul li .PD_into p{color: #ff6bf9;width: 96%;font-size: 1.1em;position: relative;top: 1vw;left: 2vw;}
	.Area_item .layout_item  ul li .PD_into p del{color: #dbdbdb;}
	.Area_item .layout_item  ul li .PD_into p .Price,.Area_item .layout_item .PD_layout .PD p b,.Area_item .layout_item .PD_layout .PD p .money{
		color: #ff6bf9;
		font-weight: 900;
		background: none;
		background-image: repeating-linear-gradient(178deg, #ff6bf9 20%, #ff6bf9 100%) !important;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		}	
	
  
  }

	





/*16品RWD公版/*/
@media screen and (min-width:768px){
  .Area_4PD .layout_4PD {padding: 3.5% 2% 2%}
  .Area_4PD .box {height:auto ;background-color: #a0e9e8; border: 3px solid #7065e8; border-radius:1.5em;}
}
@media screen and (max-width:767px){
  .Area_4PD  { margin-bottom:0;width: 98%; }
  .Area_4PD .box {padding:6% 0 3%;background-color: #a0e9e8; border: 2px solid #7065e8; border-radius:1em;}
}


/*小標題調整*/
.PD_text { position: relative;left: 0;top:0; height: 130px; width: 50%;}
.PD_text a {pointer-events: none;} 


.PD_text2 { position: relative;left: 0;top:0; height: 100px; width: 46%;z-index: 1;}
.PD_text2 a {pointer-events: none;} 


.PD_text3 { position: relative;left: 0;top:0; height: 170px; width: 46%;}
.PD_text3 a {pointer-events: none;} 


.PD_text4 { position: relative;left: -250px;top:0; height: 160px; width: 40%; }
.PD_text4 a {pointer-events: none;} 


.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text2 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text3 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text4 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text2.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text3.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text3.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text4.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}

@media screen and (max-width:767px){
.PD_text {position: relative;top:0;left:0vw;height: 17vw;width: 75%;}
.PD_text2 {position: relative;top:0;left:0vw;height: 13.5vw;width: 75%;}
.PD_text3 {position: relative;top:0;height: 24vw; width: 75%}		
.PD_text4 {position: relative;top:0;left:-21vw;height: 20vw; width: 65%}		

}



/*旗艦館*/
@media screen and (min-width:768px){
.Area_guan  {height:100%;}	
.Area_guan .PD_layout ul{width:60%;margin:0 auto;}
}
@media screen and (max-width:767px){
.Area_guan  {height:100%;}
.Area_guan .PD_layout ul{width:90%!important;margin:0 auto;padding: 2vw 0;}
}




@media screen and (min-width:767px){
.mbottom1 { margin-bottom:50px !important}
.mbottom2 { margin-bottom:80px !important}

}
@media screen and (max-width:767px){
.mbottom1 { margin-bottom:4vw !important}

}


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#000;font-size: 12px; text-align: center;}
@media screen and (max-width:767px){
.apple_txt{position: relative;margin:0 0 0 0;padding: 3% 4% 3% 4%; color:#000; }
}


/*隱鑶*/
.for_pc {}
.for_phone, .for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone, .for_m { display: inherit !important;}
	}


/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;}