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

/*基本*/
body{ margin:0; padding:0;background:#90bbeb}


/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; ;}
.WRAPPER img {width: 100%; border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; padding-bottom:0px; }
		.WRAPPER img {  width:100%;  height:auto;}
	}
	
	
/*背景*/
@media screen and (min-width:767px){
	.bg1{ z-index:-2; position:absolute;top:0; width:2000px; min-width:1220px; height:1178px; background: url(bg_01.jpg?t=1775718866867) no-repeat center top ;background-size: cover;left: 50%;transform: translateX(-50%);}
	.bg2{ z-index:-3; position:fixed;top:0px; width:100%; min-width:1220px; height:100%; background: url(bg_02.png?t=1775718866867) no-repeat center top ;background-size: cover;}
	.bg3{ z-index:1; position:absolute;top:0px; width:100%; min-width:1220px; height:1000px; background: url(bg_03.png?t=1775718866867) no-repeat center top ;}
	.Area01_bg{ z-index:0; position:absolute;top:80px; width:100%; min-width:1220px; height:1240px; background: url(A01_bg.png?t=1775718866867) no-repeat center top ;}
	.deco_bg{ z-index:-1; position:absolute;top:1200px; width:100%; min-width:1220px; height:9100px; background: url(deco_bg.png?t=1775718866867) repeat-y center top ;}
}
@media screen and (max-width:767px){
	.mbg01{ z-index:-2; position:absolute;top:-7vw; width:100%;height:123vw; background: url(mbg_01.png?t=1775718866867) center 100% / 100% no-repeat scroll;}
	.mArea01_bg{ z-index:-3; position:absolute;top:53vw; width:100%;height:100%; background: url(mbg_02.png?t=1775718866867) center top / 100% no-repeat scroll;}
	.bg3{ z-index:0; position:absolute;top:-7vw; width: 161%;height: 99.5vw; background: url(bg_03.png?t=1775718866867) center 100% / 100% no-repeat scroll;left: 50%; transform: translateX(-50%);}
	}


	/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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;}
.Area960 { margin:0 auto; width:960px;}
			@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		
	}


/*版頭*/
@media screen and (min-width:768px){
.Area_top {height:1000px;position: relative;}
.Area_top .main{position: absolute;top: 196px;width: 51%;left: 50%;transform: translateX(-50%);}	
.Area_top .title-light {position:absolute; left: 675px;bottom: 494px;animation-delay:.8s;z-index: 2;mix-blend-mode: screen;}	
.Area_top .stage{position: absolute;top: 780px;left: 50%;transform: translateX(-50%);width: 53%;}	
.Area_top .stage-shine{position: absolute;top: 443px;left: 50%;transform: translateX(-50%);width: 100%;mix-blend-mode: screen;}	
.Area_top .title_sub02{position: absolute;top: 275px;width: 21%;z-index: 5}
.Area_top .bg-bird01{position: absolute;top: 150px;width: 10%;z-index: 3;left: -50px;opacity: .8;animation: birdFly01 4s infinite ease-in-out;}
.Area_top .bg-bird02{position: absolute;top: 100px;width: 8%;z-index: 3;left: 1200px;opacity: .8;animation: birdFly01 5s infinite ease-in-out}
.date-main{position: absolute;left: 490px;top: 280px;z-index: 0; width: 100%;}
.date-main img{width: 40%;}
.m_spolight-L { position: absolute; left: 194px; bottom: 72px; width: 423px; opacity: 0; z-index: 51; animation: spotlightL 4s infinite alternate ease-in-out; transform-origin: bottom left;}
.m_spolight-R { position: absolute; right: 186px; bottom: 72px; width: 423px; opacity: 0; z-index: 51; animation: spotlightR 4s infinite alternate ease-in-out; transform-origin: bottom right; animation-delay: 2s;}
}
@media screen and (max-width:767px){
.Area_top {height: 104vw;z-index: 0}
.Area_top .main{position: absolute;top:19vw;width:72%;margin:0 15%; z-index:6;}	 
.Area_top .title-light {position:absolute;left: 0;top: 0;animation-delay:.8s;z-index: 1;mix-blend-mode: screen;}	
.Area_top .stage{position: absolute;top:87vw;width:90%;margin:0 4% }	
.Area_top .title_sub02{position: absolute;top: 23vw;width: 24%;z-index: 5;left: -10vw;}  
.date-main{width:40%;position: absolute;left: 75vw;top: 29vw;z-index: -1;}
.m_spolight-L { position: absolute; left: -8vw; bottom: 1vw; width: 60%; opacity: 0; z-index: 10; animation: spotlightL 4s infinite alternate ease-in-out; transform-origin: bottom left;}
.m_spolight-R { position: absolute; right: -8vw; bottom: 1vw; width: 60%; opacity: 0; z-index: 10; animation: spotlightR 4s infinite alternate ease-in-out; transform-origin: bottom right; animation-delay: 2s;}
}


/*版頭區*/
.nowhite .Area_swiper_box .PD_layout li {background-color: #0000;}
.Area_top .toplogo, .toptitle, .subtitle, .toppd { position: relative; margin: 0 auto; }
@media screen and (min-width:768px){
  .Area_top .toplogo {width: 55%; top: 70px; z-index: 1;}
  .Area_top .toptitle {width: 62%; top: 75px; z-index: 1;}
  .Area_top .subtitle {width: 40%; top: 75px; z-index: 1;}
  .Area_top .toppd {width: 60%; top: 12%; z-index: 1;}
  .Area_top .date {position: absolute;width:15%;bottom: 392px;left: 979px;z-index: 5;}
  .Area_top .date a {pointer-events: none;}
    }
  @media screen and (max-width: 767px){
  .Area_top .toplogo {width: 80%; top:8vw; z-index: 6;}
  .Area_top .toptitle {width: 80%; top:6vw; z-index: 6;}
  .Area_top .subtitle {width: 60%; top:7vw; z-index: 6;}
  .Area_top .date{width:18%;position: absolute;left: 83vw;top: 43vw;}
  .Area_top .toppd {width: 90%; top:9vw; z-index: 6;}
  }


/*01_好康攻略搶先看*/
.Area00 {margin:0 auto;background: url(Area01_bg.png?t=1775718866867) no-repeat;background-size: 100% 100%;padding-bottom: 25px;margin-top: 60px;}
.Area00 .PD_layout01 {width: 85%;}
@media screen and (min-width: 768px){
.Area00 .activ .PD_layout {width:85%;margin:20px auto 10px;} 
.Area00 .activ ul {grid-gap: 1em!important ;}
}	
@media screen and (max-width:767px){
.Area00{width: 98%;}		  
.Area00 .PD_layout {width:94%;margin:3vw auto 0;}
.Area00 .activ {position:relative;width:100%;z-index: 2;}
.Area00 .activ ul {grid-gap: 0.4em !important;}
}


/*02_登記*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #ed60c5;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
@media screen and (min-width:768px){
.Area03 {z-index: 1;padding-bottom: 35px!important;}
.Area03{margin:0 auto;background: url(Area03_bg01.png?t=1775718866867) no-repeat;background-size: 100% ;padding-bottom: 40px;}
.Area03 .Area_danji {margin-top: 10px !important;}
.Area_danji .danji_box {width: 960px !important;}
.Area_danji .box_1{width: 95%;}
}	
@media screen and (max-width:767px){
.Area03{margin:0 auto;background: url(Area03_bg.png?t=1775718866867) no-repeat;background-size: 100% ;}
.Area03 { height:100%;z-index: 1;padding-bottom: 3vw !important;}	
.Area03 .Area_danji { width: 96%; margin: 2vw auto 0; }
.Area03 .Area_danji .danji_box {margin: 0 auto 0;}
}


/*03_作圖區*/
.Area04 .PD_layout.layout_item {padding: 0;width: 96%;}
.Area04 .PD_layout .PD a {display:flex; flex-wrap: wrap;}
.Area04 .PD_layout.layout_item .PD p b {background-image: repeating-linear-gradient(179deg,  #e823ae 10%, #e823ae 109%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 1em;font-weight: 800;}	
.Area04 .PD_layout.layout_item .PD_slide .PD p del {color: #fff;font-size: 0.7em;top: 577px;text-align: right;}
.Area04 .PD_layout.layout_item .PD p .money, .Area04 .PD_layout.layout_item .PD p .Price {background-image: repeating-linear-gradient(179deg,  #e823ae 10%, #e823ae 109%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 800;}
.Area04 .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1em;font-weight: 800;font-size: 2.6em;line-height: 1em;color: #3e469e;font-family: "Noto Sans CJK ";text-align: center;}
.Area04 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2.4em;color: #3e469e;overflow: hidden;max-height: 3em;line-height: 1.2em;text-align: center;}
.Area04 .PD_layout.layout_item .PD p {padding: 5% 0;height: auto;line-height: 1em;font-size: 1.7em;color: #e823ae;text-align: center;}
.Area04 .PD_layout.layout_item .PD_slide a { flex-direction: row;align-items: center;justify-content: center;}
.Area04 .PD_layout.layout_item .PD_slide:nth-child(odd) a { flex-direction: row-reverse;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {margin: 0 auto;box-shadow: unset;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {margin: 0 auto;box-shadow: unset;}
@media screen and (min-width:768px){
  .Area04 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
  .Area04 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
  .Area04 .PD_layout.layout_item .PD_slide { padding: 32px 0 0px;}
  .Area04 .PD_layout.layout_item .PD_slide .PD_into{}
  .Area04 .PD_layout.layout_item .PD p .Price {font-size: 2.4em;text-align: left;}
  .Area04 .PD_layout ul {gap: 90px;}	
  .Area04 .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo {width: 100%;height: auto;max-width: 250px;margin-top:-95px;margin-bottom: 15px;}
  .Area04 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{border-radius: 1em;border: 0px solid #dadada;box-shadow: none;width: 100%;height: 100%;}
}
@media screen and (max-width:767px){
  .Area04 .PD_layout.layout_item .PD_slide { padding: 3vw 0 ;}
  .Area04 .PD_layout .PD_img {flex: auto;}
  .Area04 .PD_layout.layout_item li {width: 100%;margin: 0;}
  .Area04 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 0;}
  .Area04 .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.3em;font-weight: bolder;font-size: 1.2em;line-height: 1.7em;margin: 0;font-family: Noto Sans CJK SC;}
  .Area04 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.1em;margin: 0;line-height: 1.7em;font-weight: 700;max-height: 3em;}
  .Area04 .PD_layout.layout_item .PD_slide .PD p del {color: #fff;font-size: .5em;text-align: right;}
  .Area04 .PD_layout.layout_item .PD p {position: relative;line-height: 7vw; padding: 0vw 0;}
  .Area04 .PD_layout.layout_item .PD p .Price { font-size: 0.8em;text-align: left;}
  .Area04 .PD_layout.layout_item .PD p b {background-image: repeating-linear-gradient(179deg,  #e823ae 10%, #e823ae 109%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: .5em;font-weight: 800;}	
  .Area04 .PD_layout ul {gap: 0vw;}	
  .Area04 .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo {margin-top:-10vw;height: 8vw;}
  .Area04 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{border-radius: 1em;border: 0px solid #dadada;box-shadow: none;}
}
.Area04 .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area04 .PD_layout[data-pd-h4="1"] .PD h4 span {display: inline-block;-webkit-line-clamp: 1;white-space: normal;overflow: hidden;font-size: 0.8em;}
@media screen and (max-width:767px){
.Area04 .PD_layout[data-pd-h4="1"] .PD h4 b {font-weight: inherit; display: block; max-height: 1.5em; overflow: hidden;}
.Area04 .PD_layout[data-pd-h4="1"] .PD h4 span {display: inline-block;-webkit-line-clamp: 1;white-space: normal;overflow: hidden;font-size: 0.8em;}
}


/*區標(線上入稿)*/
.box_txt{ position: relative; margin: 0 auto;}
.box_txt .PD_layout .PD h3 {color:#fff;font-size: 3.5em;line-height: 2.1em; font-weight: 500;font-family:"Century Gothic","Noto Sans TC";}

.box_txt::before {content:"";position: absolute;display:block; top:-4px; left: 0;width: 100%;height:160%;pointer-events:none;}
.box_txt2::before{ background: url("m_box_txt_bg.png?t=1775718866867") center top/100% no-repeat scroll; }
.box_txt4::before{ background: url("m_box_txt_bg2.png?t=1775718866867") center top/100% no-repeat scroll; }

.box_txt .PD_layout .PD .PD_into{ padding: 0; }
.box_txt li:hover{ transform: none!important; }
.box_txt a{ pointer-events: none;}
.box_txt h3 span{ overflow: visible!important;}
@media screen and (min-width:768px){
.Area_title{position: relative;margin:0 auto 20px}	 	  
  .box_txt {  width: 960px; top: 20px; }
  .box_txt2 {top: 30px;}
  .box_txt4{ top: -7px; }
}
@media screen and (max-width:767px){
.Area_title{position: relative;margin:0 auto 3vw}	  
  .box_txt .PD_layout .PD h3 {font-size: 1.4em;line-height: 2.9em; }
  .box_txt2::before, .box_txt3::before{ top:1vw; }
  .box_txt4::before{ top:1vw; }
  .box_txt4{ top: -2vw; }
}


/*03_作圖區*/
.Area06 .PD_layout.pin{margin-top: 40px;}
@media screen and (max-width:767px){
	.Area06{ margin-top: 4vw; }
	.Area06 .PD_layout.pin{ margin-top: 4vw; width: 96%;}
}


/*間距*/
.Area_bottom { margin-bottom: 50px!important;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 4vw !important;}
}


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


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