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

/*隱鑶*/
.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;}
	}


/*全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-image:url(mb_bg.jpg?t=1750150423650); background-repeat:repeat-y; background-size:100%; }
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%; }
	}


.WRAPPER .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;}
.WRAPPER .go_bt:hover { 
   filter:brightness(110%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}


/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-22; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top;  }
  .bg_deco01 { z-index:-21; position:absolute; top:830px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top;  }
	.bgtop01 { z-index:-21; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1200px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 { z-index:-23; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
	.bgtop03 { z-index:-22; position:fixed; top:930px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; }
	
}

/*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%;}
	.Area img{ width:100%;}
	.Area { position: relative;}

	}


/*我是CSS_momologo*/
.momologo { position:absolute; top:20px; left:25px; z-index:999; }
.momologo_01 {margin-left:66px;}
@media screen and (max-width:767px){
.momologo {width: 100%; top: 10vw;}
	}


/*版頭*/
.Area_top { position:relative; width:1220px;height:1000px; }
.Area_top .bubble_star01{position:absolute; top:535px; left:-310px ;z-index:5; }
.Area_top .bubble_star02{position:absolute; top:535px; left:1300px ;z-index:5; }
.Area_top .bubble_star03{position:absolute; top:525px; left:1335px ;z-index:5; }

@media screen and (max-width:767px){
.Area_top { position:relative; width:100%; height:120vw;background: url("mb_01.jpg?t=1750150423650") center top/ 100% no-repeat scroll;}
.Area_top .mb_01{position:absolute;top:0;left:0; z-index:1; width: 100%;}
.Area_top .bubble_star01{position:absolute;top:17vw;left:12vw; z-index:1; width: 11%;}
.Area_top .bubble_star03{position:absolute;top:106vw;left:89vw; z-index:6; width: 9%;}
}

/*副標輪播*/
.Area_top .title_swiper {position:absolute;left:353px;top:348px;height:133px;width:690px;text-align: left;z-index: 3;}
.Area_top ul {list-style: none;margin: 0;padding: 0;}
.Area_top .title_swiper img {width: 82%;}

@media screen and (max-width:767px){
  .Area_top .title_swiper {position: absolute;left: 16%;top: 41.5vw;height: 14vw;margin: 0px auto;list-style: none;width: 70%;z-index: 3;}
  .Area_top .title_swiper img {width: 100%!important;}
}
#eWriterBtn_bt_B_000_v1-he2 { margin-left: 10px!important; margin-top: 11px!important; z-index: 99!important; }


/*版頭品入稿*/
@media screen and (min-width:768px){
	.Area_top .layout_toppd {position:absolute;width: 910px;top: 457px;margin: 0 auto;right: 0;left: 0;z-index: 5;padding: 14px;}
	.Area_top .layout_toppd ul {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.Area_top .layout_toppd .PD_into {align-items:center!important;}
	.Area_top .layout_toppd .PD h3 {font-size:20px;}
	.Area_top .layout_toppd .PD h3 span{max-width:100%!important;}
	.Area_top .layout_toppd .PD h4 {font-size:20px;}
	.Area_top .layout_toppd .PD p {height:2.5em;line-height:2em;}
	.Area_top .layout_toppd .PD p .Price {font-size:35px;}
	.Area_top .layout_toppd input {position: relative;left: -6px;}	
	}
	@media screen and (max-width:767px){
	.Area_top .layout_toppd {position:absolute;top: 57.5vw;width: 96%;right:2vw;z-index: 2;}
	.Area_top .layout_toppd .PD h3 {font-size:14px !important;}
	.Area_top .layout_toppd .PD h4 {font-size:14px;}
	.Area_top .layout_toppd .PD p {font-size:10px;}
	.Area_top .layout_toppd .PD p .Price {font-size:21px;}
	.Area_top .layout_toppd ul {grid-template-columns: repeat(3, minmax(0, 1fr));}
	}

/*版頭主標微調*/
.Area_top .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,.top_pd .PD_layout .PD_slide:hover {filter: brightness(100%); transform: translateY(0);}

.toptitle { z-index: 5;}
.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 81px;left:282px; z-index: 0;}
.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; }
#eWriterBtn_bt_B_000_98 { margin-left: 10px!important; margin-top: 120px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.Area_top { }
.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 5vw;left:5vw;z-index: 0;width: 89%;}
.toptitle .PD_layout .PD img { width: 100%!important; }
}






@media screen and (max-width:767px){
/*公版*/
	}


/*活動按鈕*/
@media screen and (min-width:768px){
.Area_guam .PD_layout ul{}
.Area_guam .guam {padding-bottom: 50px;width: 80%;}
}

@media screen and (max-width: 767px) {
.Area_guam .PD_layout ul{padding-bottom:5vw;}
}

/*活動按鈕*/
@media screen and (min-width:768px){
.coupon .PD_layout-coupon3{padding-bottom: 100px;}
.coupon .PD_layout-coupon3 ul{width: 80%;}

}
@media screen and (max-width: 767px) {
.coupon .PD_layout-coupon3{padding-bottom: 5vw;}
}

/*區標*/
.book_txt .PD_layout .PD a{ pointer-events: none;}
@media screen and (min-width: 768px){
.book_txt {position: absolute;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center; z-index: 50; }
.book_txt img{width: 100%!important;padding: 0;}
}
@media screen and (max-width:767px){
.book_txt {position: absolute;margin: 0 auto;width: 100%;z-index: 30;}
.book_txt img{width: 75% !important;}
}
	
/*登記*/
.Area_book0 { width:1220px; height:auto; position:relative; margin:0 auto;box-sizing:border-box; padding:0 ; margin-bottom:70px ; }
.Area_book0 .box {padding-top:15px;background:url(book_bg_02.png?t=1750150423650) top center repeat-y;}
.Area_book0 .Area_danji {width: 1000px; padding: 0 0 1% 0;}

@media screen and (max-width:767px){
.Area_book0 { width:100%;height:auto; padding: 0; margin-bottom:5vw; }
.Area_book0 .box { padding-top:1vw;padding-bottom: 2vw; background:url(mb_book_bg2.png?t=1750150423650) top center repeat-y ; background-size:100%; }
.Area_book0 .Area_danji { width:91%;padding: 1% 0 2% 0; margin: 0 auto;}
.Area_book0 .gold_line { position: absolute;top:83vw;left: 0;  width: 100%;z-index:-1}
}

/*PC+MB_登記說明文(不會有間距)*/
.Area_book0 .warningTxt h3 {color: #fff; padding:0; }





/*公版微調1*/
.PDbox2.PD_layout .PD_slide {padding: 0 0 1%;border-radius: 1em!important;border-bottom: #fff8d1 0.05em dashed;border: #44fee7 0.1em solid;background-image: repeating-linear-gradient(320deg, #ffdf2c 0%, #ffdf2c 100%);}
.PDbox2.PD_layout .PD_img img {border-radius: 0.3em!important;}
.PDbox2.PD_layout .PD h3 { color: #0045a2;padding:0!important;background-color: #0000!important;/*border-bottom: #dc5d0b 0.1em dotted;*/border-radius: 0!important;}
.PDbox2.PD_layout .PD h4 { color: #0045a2;}
.PDbox2.PD_layout .PD p { height: 2em; line-height: 2em;width: 65%; margin: 1% auto;color: #0045a2; /*background-color: #ffd999;border-radius: 2em!important;*/}
.PDbox2.PD_layout .PD p del { color: #0045a2; }
.PDbox2.PD_layout .PD:hover h4 { color: #0045a2; }
@media screen and (max-width:767px){
.PDbox3.PD_layout .PD_slide {padding: 0 0 2%;}
.PDbox3.PD_layout .PD p { width: 90%;}
}







/*4品RWD公版_區塊標題*/
.Area_12PD .txt01 { padding: 0; margin: 0 auto ;width: 85%!important;z-index: 2}
.Area_12PD .txt01 ul {padding: 6% 0 0 0;grid-gap: 0;}
.Area_12PD .txt01 ul li { background-color: transparent; pointer-events: none;}
.Area_12PD .txt01 ul li .PD_into { padding: 0;}
.Area_12PD .txt01 ul li h5 {padding: 0 0 0 0;margin: 0 auto 0;font: bold 55px/40px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(-0deg);color: #000;letter-spacing: -1px;text-align: center;}

@media screen and (max-width:767px){
.Area_12PD .txt01 {padding: 0;margin: 0 auto;height: 11vw;width: 80%!important;}
.Area_12PD .txt01 ul li h5 { font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;}
.Area .txt01 ul li h5 {padding: 0vw 0 0 0;margin: 0;}
}


/*4品RWD公版 倒數限搶*/
@media screen and (min-width:768px){
.Area_12PD .PD_layout_4PD_24 {width:1220px;padding-top: 222px; height:735px; margin-bottom:0; background-image: url(layout_rwd_1f4s_bg_2.png?t=1750150423650);background-repeat: no-repeat;background-position: center top;}
.Area_12PD .PD_layout_4PD_24 ul {width: 92%;}
.Area_12PD .PD_layout_4PD_24 h2 {position:relative; top:15px; margin:0px; padding:0px;  font-size:48px; line-height:48px; letter-spacing:-3px; overflow:hidden;  /*ext-shadow:2px 2px 0px rgb(225 225 225);*/ color:#000;}
.Area_12PD .h2title{ position: absolute; width: 45%; top: 48px; left:152px; text-align: center; z-index: 5 }
}

@media screen and (max-width:767px){
.Area_12PD .PD_layout_4PD_24.PD_layout { margin-bottom: 0;padding-top: 6vw; }
.Area_12PD .PD_layout_4PD_24.PD_layout h2 {top:1vw; margin:0 auto; padding:0 2%; width:100%; height: 17vw; overflow:hidden; font-weight:bold; font-size:6.5vw; line-height:21vw; text-align:center;/*text-shadow:1px 0 0 #fff;*/letter-spacing:-0.05rem; background:url("mb_16.png?t=1750150423650") center top no-repeat;background-size:100%; color:#fff;}  
.Area_12PD .PD_layout_4PD_24.PD_layout ul {width: 90%; padding: 0 0 0 0;} 
.Area_12PD .PD_layout_4PD_24 .PD .PD_logo {display: block;}
.Area_12PD .PD_layout_4PD_24{ background-size:100%; background-repeat: repeat-y; box-sizing:border-box; padding: 0 0 0 0;}
.Area_12PD .PD_layout_4PD_24{ background-image:url(mb_14_2.png?t=1750150423650); }
.Area_12PD .PD_layout_4PD_24:nth-child(even){ background-image:url(mb_14_2.png?t=1750150423650); }
.Area_12PD .h2title{ position: absolute;width: 60%; top:4.8vw; left:14vw; text-align: center;z-index: 2 }
.Area_12PD .h2title img{width:100%}  
.Area_12PD .PD_layout_4PD_24:before{ content:"" ; width: 100%; height: 0;  position: absolute; z-index: 1; top:0; left: 0;  }	
}



/*4品RWD公版*/
@media screen and (min-width:768px){
.Area_12PD .PD_layout_4PD_1 {width:1220px;padding-top: 203px; height:735px; margin-bottom:0; background-image: url(layout_rwd_1f4s_bg.png?t=1750150423650);background-repeat: no-repeat;background-position: center top;}
.Area_12PD .PD_layout_4PD_1 ul {width: 92%;}
.Area_12PD .PD_layout_4PD_1 h2 {position:relative; top:15px; margin:0px; padding:0px;  font-size:48px; line-height:48px; letter-spacing:-3px; overflow:hidden;  /*ext-shadow:2px 2px 0px rgb(225 225 225);*/ color:#000;}
.Area_12PD .h2title{ position: absolute; width: 45%; top: 48px; left:152px; text-align: center; z-index: 5 }

}

@media screen and (max-width:767px){
.Area_12PD .PD_layout_4PD_1.PD_layout { margin-bottom: 0; }
.Area_12PD .PD_layout_4PD_1.PD_layout h2 {top:1vw; margin:0 auto; padding:0 2%; width:100%; height: 17vw; overflow:hidden; font-weight:bold; font-size:6.5vw; line-height:21vw; text-align:center;/*text-shadow:1px 0 0 #fff;*/letter-spacing:-0.05rem; background:url("mb_16.png?t=1750150423650") center top no-repeat;background-size:100%; color:#fff;}  
.Area_12PD .PD_layout_4PD_1.PD_layout ul {width: 90%; padding: 0 0 0 0;} 
.Area_12PD .PD_layout_4PD_1 .PD .PD_logo {display: block;}
.Area_12PD .PD_layout_4PD_1{ background-size:100%; background-repeat: repeat-y; box-sizing:border-box; padding: 0 0 0 0;}
.Area_12PD .PD_layout_4PD_1{ background-image:url(mb_14.png?t=1750150423650); }
.Area_12PD .PD_layout_4PD_1:nth-child(even){ background-image:url(mb_14.png?t=1750150423650); }
.Area_12PD .h2title{ position: absolute;width: 68%; top:4.8vw; left:11vw; text-align: center;z-index: 2 }
.Area_12PD .h2title img{width:100%}  
.Area_12PD .PD_layout_4PD_1:before{ content:"" ; width: 100%; height: 0;  position: absolute; z-index: 1; top:0; left: 0;  }	
}


/*旗艦館2顆(線上入搞)*/
@media screen and (min-width:768px){
.Area_activity { position: relative; height: auto; top: 0; margin-bottom:45px;}
.Area_activity .layout_activity{top:0;}
.Area_activity .layout_activity ul {padding:0 285px!important; }
.Area_activity .layout_activity ul li {padding:10px;margin:0 auto;}
.Area_activity .layout_activity ul li img {width:100%;}
.Area_activity .layout_activity ul li:nth-child(2){top: 30px;}
}
@media screen and (max-width:767px){
.Area_activity .layout_activity{width:100%; height: auto; margin:0;padding:0; z-index: 5; margin-bottom:10vw;/*background:url(mb_05.png?t=1750150423650) top center no-repeat ; background-size:100%;*/ }
.Area_activity .layout_activity ul {width:90% ;margin:0 auto;padding:5vw 0 0 0;}
.Area_activity .layout_activity ul li {margin: 0;}
.Area_activity .layout_activity ul li img {width:100%;}
.Area_activity .layout_activity ul li:nth-child(2){top: 5vw;}

.Area_activity .layout_activity.PD_layout[data-pd-col-phone="2"] ul {padding:0.5em ;}

}



/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:30;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*1顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}


@media screen and (min-width:767px){
.mbottom1 { margin-top:50px !important}
.mbottom2 { margin-top:80px !important}
.mbottom3 { margin-top:110px !important}
.mbottom4 { margin-top:150px !important}
}


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#fff;font-size: 13px; text-align: center;}
@media screen and (max-width:767px){
.apple_txt{position: relative;margin:0 0 0 0;padding: 0% 5% 19% 5%; color:#fff;  /*background-color: #24847b;*/}
}

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




/*區標*/
.box_txt .PD_layout .PD a{ pointer-events: none;}
@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: 100%!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: 75% !important;}
}


/** 倒數 **/
.TimerNick { z-index:1; display:inline-block; padding-right:14px; height:96px;text-align:right;position:absolute;top:176px;left:254px;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#000; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
@media screen and (max-width:767px){
.TimerNick { z-index:2; position: absolute; top:17vw; left:-10%; display:inline-block; margin:0; padding-right:0%; width:85%; height:0; padding-bottom:13%; overflow:hidden; text-align:right;  /*background:url(m_time_bg.png?t=1750150423650) no-repeat center top; */background-size:100%;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:14vw; font: bold 7.5vw/11vw Century Gothic; color:#000; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:9vw;}
.TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
    }