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

/*基本*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden;background-color:#dfbef3; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100vh; overflow: hidden;background-image: url(m_bg.jpg?t=1773970689271);background-repeat:repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}


/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.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);}
		  
		  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}


/*PC背景*/
@media screen and (min-width:768px){
.bg_02 { z-index:-55; position:absolute; top:797px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-50;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_fixed { z-index:1; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}
@media screen and (max-width:767px){
.m_top{ z-index:0;position:absolute; top:10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}


/*公版背景*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt img{width: 80% !important;}
.box_txth2 {position: relative;margin: 0 auto;width: 100%;height: auto;left: -100px;}
.box_txth2 img{width: 64%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt2 img{width: 62%;}
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: 19vw;}
.box_txt img{width: 100%;}
.box_txth2 {position: relative;margin: 0 auto;width: 100%;padding: 0.5% 0;height: 12vw;left: 0vw;}
.box_txth2 img{width: 100%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
.box_txt2 img{width: 100%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 16vw;}
.box_txt6 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 4vw;}
.box_txt6 img{width: 100;}
}








/*版頭區*/
.Area_title .subtitle .Area_swiper_box .PD_layout li {background-color:#0000}
.Area_title .PD_layout ul {padding: 0;}
.Area_title .subtitle .swiper-slide { opacity: 0; transform: translate(6%,0);}
.Area_title .subtitle .swiper-slide-active { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
#eWriterBtn_bt_B_000_01 {margin-left: -72px !important;}
@media screen and (min-width:768px){
.Area_title {height:1000px;}
.Area_title .leftgirl{position:absolute;top: 360px;left: 20px;z-index:1;}
.Area_title .diamond{position:absolute;top: 304px;left:1008px;z-index:2;}
.title_girl{position: absolute;left: 1025px;top: 495px;z-index: 1;}
.Area_title .maintitle {position: relative;top: 40px; width: 85%; margin: 0 auto; z-index: 3;}
.Area_title .subtitle {position: absolute;top: 40px;width: 85%;left: 107px;z-index: 4;}
.Area_title .toppd {position: relative; bottom: 36px;width: 85%; margin: 0 auto; z-index: 5;}
}
@media screen and (max-width: 767px){
.Area_title { width:100%;height:97vw;}
.Area_title .toptitle {width: 62%;left: 1vw;top: 4vw;z-index: 5;}
.Area_title .leftgirl{position:absolute;top: 34vw;left: 3vw;width: 30%;z-index: 0;}
.Area_title .diamond{position:absolute;top: 42vw;left: 85vw;width: 9%;z-index:2;}
.Area_title .maintitle {position: relative;top: 5vw; width: 100%; margin: 0 auto;}
.Area_title .subtitle {position: absolute;top: 5.5vw; width: 100%; left: 0.5vw;}
.Area_title .toppd {position: relative;top: 0vw; width: 100%; margin: 0 auto;}
}


/*區標題*/
.titilenoa a { pointer-events: none; }
@media screen and (min-width:768px){
.layouttxt_960 { width: 85%; margin: 0 auto 15px; position: relative; z-index: 2; }
.layouttxt_960 img { width: 100%; }
.layouttxt_1220 { width: 67%; margin: 0 auto 15px; position: relative; z-index: 2; }
.layouttxt_1220 img { width: 100%; }
.layouttxt_s { width: 66%; margin: 0 auto 0px; position: relative; z-index: 2; }
.layouttxt_s img { width: 100%; }
}
@media screen and (max-width:767px){
.layouttxt_960 { width: 100%; margin: 0 auto 2vw; position: relative; z-index: 2; }
.layouttxt_1220 { width: 100%; margin: 0 auto 2vw; position: relative; z-index: 2; }
.layouttxt_s { width: 100%; margin: 0 0 1vw; position: relative; z-index: 2; }
}	


/*01_倒數6品公版*/
@media screen and (min-width:768px){
.Area_c6pd {margin: 0 auto;z-index: 2;height: 1030px;}
.Area_c6pd .box {background-color: #ff80a1;border: 4px solid #fff;border-radius:0em;padding: 30px 0;position: absolute;top: 101px;}
.Area_c6pd .box .PD_layout01 {width: 95%;}
}
@media screen and (max-width:767px){
.Area_c6pd {margin: 0 auto;z-index: 2;height: 140vw;}
.Area_c6pd .box { background-color: #ff80a1; border: 2px solid #fff; border-radius:0em; padding: 6vw 0 3vw; position: relative; bottom: 6vw;}
.Area_c6pd .box .PD_layout01 {width: 96%;}
}	

/*01_倒數6品公版*//*活動倒數*/
.TimerNick {display:inline-block;position:relative;z-index:99;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 2px; padding: 0; border: 0; font:normal 30px/30px Arial; color: #6037e1;background-color: #fff; border-radius:5px;letter-spacing: 0px; text-align: center;}
.TimerNick span { padding-left: 2px; font: 400 23px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0em; color:#fff}
@media screen and (max-width:767px){
.TimerNick {display:inline-block;width:100%;position: relative;margin: 0 auto 2vw;overflow:hidden;text-align:center;background-size:100%;z-index:20;}
.TimerNick .FontStyle { margin: 0; padding: 0; border: 0; font: normal 4.5vw/5vw Arial; }
.TimerNick span { padding-left:0; font:normal 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
}


/*02_1BN*/
@media screen and (min-width:768px){
.Area_btn { width: 900px;}
}
@media screen and (max-width:767px){
.Area_btn { width: 92%;}
}	


/*03_作圖區*/
.Area_item .layout_item  ul .PD_into p {color: #5339dc !important;}
.Area_item .layout_item  ul .PD_into p del{color: #5339dc;font-size: 0.7em;}
@media screen and (min-width:768px){
.Area_item .pdbg{ z-index:-45;position:absolute;top:80px;left: 0px;width: 960px;height: 2837px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area_item{position: relative;padding-bottom: 50px !important;}
.Area_item .layout_item ul {width: 80%;grid-gap: 20px;}
.Area_item .layout_item ul li{padding: 0 0 0px 0;height: 600px;background: no-repeat center top/100% url("pd01.png?t=1773970689271");}
.Area_item .layout_item  ul li .PD_img{position: relative;top: 50px;left: 35px;width: 82%;}
.Area_item .layout_item  ul li .PD_into{position: relative;top: 96px;width: 100%;}
/*公版_文字*/	
.Area_item .layout_item  ul li .PD_into h3{color: #fff;width: 90%;position: relative;font-size: 1.7em;margin: 0 auto;}
.Area_item .layout_item  ul li .PD_into h4{color: #fff;position: relative;top: 6px; font-size: 1.4em;}
.Area_item .layout_item  ul li .PD_into p{width: 96%;font-size: 1.5em;position: relative;}
.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{font-weight: 900;background: none;font-size: 2em;}	
}
@media screen and (max-width:767px){
.Area_item .pdbg{ z-index:0;position:absolute;top:10vw;left: 0px;width: 100%;height: 2837px;}
.Area_item {width: 100%;}
.Area_item .layout_item ul{width: 96%;gap: 1.5vw;}
.Area_item .layout_item ul li{width: 100%;padding: 0 0 0vw 0;height: 74vw;background: no-repeat center top/98% url("pd01.png?t=1773970689271");}
.Area_item .layout_item  ul li .PD_img{position: relative;top:5vw;left: 4vw;width: 83%;}
.Area_item .layout_item  ul li .PD_into{position: relative;top: 9.5vw;left: 50%;transform: translateX(-50%);width: 90%;text-align: center;}

/*公版_文字*/	
.Area_item .layout_item  ul li .PD_into h3{color: #fff;width: 90%;position: relative;left: 0;margin: 0 auto;font-size: 1.2em;}
.Area_item .layout_item  ul li .PD_into h4{color: #fff;position: relative;bottom: 1vw;left: 0;font-size: 1em;}
.Area_item .layout_item  ul li .PD_into p{width: 96%;font-size: 1.1em;position: relative;bottom: 3vw;left: 2vw;}
.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{ font-weight: 900; background: none;}
}


/*04_登記區*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #ffd906;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
@media screen and (max-width:767px){
.Area_bargain .Area_danji .danji_box {width: 96%;}
}


/*05_輪播10品*/
@media screen and (min-width:768px){
.Area_s10pd .Area_swiper { margin-bottom: 30px;}
.Area_s10pd .PD_layout-btn li .PD h3 { padding: .4em 1.6em 1.4em; font-size: 26px; line-height: 1em; color: #fff; background: #6037e1; border-radius: 99em; border: solid 3px #fff;}
}
@media screen and (max-width:767px){
.Area_s10pd .Area_swiper { margin-bottom: 5vw;}
.Area_s10pd .PD_layout-btn li .PD h3 {padding: .4em 1.6em 1.4em;font-size: 16px;line-height: 1em;color: #fff;background: #6037e1;border-radius: 99em;border: solid 2px #fff;}
}	


.Area_page { overflow: hidden;}
/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 10px; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; margin: 0 auto 20px;}
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}


/*06_頁籤4頁9品01*/
.Area_K1 .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #f6759a !important; background-color: #f6759a !important;}
@media screen and (min-width:768px){ 
.Area_K1 .box { width: 95%; overflow: hidden; margin: 0 auto; background-color: #6d47e4; border-radius:2em; padding: 25px 0;} 
.Area_K1 .PD_layout { width: 96%}
}
@media screen and (max-width:767px){
.Area_K1 .box{ width: 100%; background-color: #6d47e4; border-radius:1.5em; padding: 3vw 0 3vw;} 
.Area_K1 .PD_layout { width: 96%; margin: 0 auto;}
}


/*06_頁籤4頁9品02*/
.Area_K2 .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #6037e1 !important; background-color: #6037e1 !important;}
@media screen and (min-width:768px){ 
.Area_K2 .box { width: 95%; overflow: hidden; margin: 0 auto; background-color: #f6759a; border-radius:2em; padding: 25px 0;} 
.Area_K2 .PD_layout { width: 96%}
}
@media screen and (max-width:767px){
.Area_K2 .box{ width: 100%; background-color: #f6759a; border-radius:1.5em; padding: 3vw 0 3vw;} 
.Area_K2 .PD_layout { width: 96%; margin: 0 auto;}
}


/*09_館連結*/
@media screen and (min-width:768px){
.Area_guan {width: 650px;}
.Area_guan .PD_layout01 .PD_wrapper {grid-gap: 15px !important;}
}
@media screen and (max-width:767px){
.Area_guan {width: 85% !important;}
.Area_guan .PD_layout01 .PD_wrapper {grid-gap: 2vw !important;}
}
  

/*間距*/
@media screen and (min-width:768px){
.zonespace { margin-bottom: 60px !important; }
}
@media screen and (max-width:767px){
.zonespace { margin-bottom: 6vw !important; }
}	


/*注意事項區*/
.edm_notice{ text-align:center; padding:60px 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
  .edm_notice{ text-align:center; padding:8vw 2.5vw 3vw 2.5vw;}
}  
	

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