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

/*基本*/
img { border: 0; vertical-align: top;}
a { text-decoration:none;}

html, body {
  margin: 0;
  padding: 0;
  background-color: #3a2011;
}
@media screen and (max-width: 767px) {
  html, body {
      background-image:none;
      background-color:#3a2011;
  }
}

/*全BOX版面*/
.WRAPPER { position:relative; margin:0; padding:0; width:100%; overflow:hidden; font-family: "微軟正黑體", sans-serif;}
.WRAPPER img { border:0; vertical-align:top; }
.WRAPPER a { display: block; text-decoration:none; }
@media screen and ( max-width:736px){
	.WRAPPER { min-width: inherit; }
	.WRAPPER img { width:100%; height:auto;}
}


/*共用--區塊_all*/
.Area {   position: relative; margin:0 auto; padding:0; text-align:center; z-index:1; font-size: 16px }
.Area a { position:relative; display:block; } 


/*寬度,間距*/
.Area1220 { margin:0 auto; width:100%;}
.Area960  { margin:0 auto; width:100%;}
.Areabottom { margin-bottom:30px;}
  @media screen and (min-width:768px){
    .Area1220 { width:1220px;}
    .Area960  { width:960px;}
    .Areabottom { margin-bottom:80px;}
  }

 /*PC背景*/
.Area_bgtop { z-index:0; position: fixed;position: absolute; top:0; left:0; width:100%;height: 100%; background: url(hero_backdrop_bg.jpg?t=1780367593987) no-repeat center top;  pointer-events: none; }	
/*Phone背景*/
.m_Area_bgtop { z-index:0 !important; position: fixed;position: absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;background: url(hero_backdrop_bg_mb.jpg?t=1780367593987) no-repeat center top;background-position: center top;background-repeat: no-repeat; pointer-events: none; background-size: 100%; }	

/*Area_page*/
.Area_page { overflow: hidden; } 

  /** 入稿區基本 **/
  .content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
  .buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
  .buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
  .buttonAera_more:hover {background-color: #000;}
  .buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}
  


/*活動紀錄*/
.fixedfooterArea { z-index: 20; position: absolute; left: 0; margin: 0; padding: 0; width: 100%; height: 62px; text-align: center; font-size: 14px; line-height: 34px; color: #000; font-family: "微軟正黑體","Microsoft JhengHei",Arial; background-color: rgba(0,0,0,0); bottom: calc(130px + env(safe-area-inset-bottom)*.6); top: 505px;}
.fixedfooterArea a { display: block; color: #454545; text-decoration: none;}
.fixedfooterArea img  {width: 100%; height: auto;}
.fixedfooterArea .footerArea { display: none !important;}
.fixedfooterArea .fixedBox_1 { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; text-align: center; animation: fixedBox_1-play 1s 1;}
.fixedfooterArea .fixedBox_1 ul { position: relative; margin: 0; padding: 0; width: 100%; list-style: none outside none; white-space: nowrap;}
.fixedfooterArea .fixedBox_1 ul li { z-index: 1; position: relative; display: inline-block; padding: 0; border-radius: 44px; height: 60px; box-shadow: 0 1px 0 #f2f2f2,0 0 10px rgba(0,0,0,.2); background-color: rgba(255,255,255,.95);}
.fixedfooterArea .fixedBox_1 ul li a { display: flex; align-items: center; padding: 10px 24px; font-size: 1.75rem; font-weight: bold;}
.fixedfooterArea .fixedBox_1 ul li a span { width: 40px; height: 40px; background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3B%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23000%3B%22%20d%3D%22M29.3%2C11.9c0.4-0.6%2C0.5-1.3%2C0.3-1.9c-0.2-0.6-0.6-1.2-1.3-1.5l-3.7-2c-0.6-0.3-1.4-0.4-2.1-0.2%20c-0.7%2C0.2-1.3%2C0.6-1.6%2C1.2l-0.5%2C0.8l-1.8%2C2.8L14%2C18.3l-0.5%2C0.8l-0.6%2C8.2h-8v1.7h19.4v-1.7h-8.6l6.2-3.8%20C24.4%2C19.6%2C26.9%2C15.7%2C29.3%2C11.9z%20M22.6%2C8.3C22.7%2C8.2%2C22.8%2C8%2C23%2C8c0.2%2C0%2C0.4%2C0%2C0.6%2C0.1l3.7%2C2c0.2%2C0.1%2C0.3%2C0.3%2C0.4%2C0.4%20c0.1%2C0.2%2C0%2C0.4-0.1%2C0.5l-0.5%2C0.8L22%2C9.2L22.6%2C8.3z%20M20.9%2C10.9l1.1%2C0.6l-4.3%2C6.8l-1.1-0.6L20.9%2C10.9z%20M17.2%2C24.2l-2.1-1.1l0.3-3.7%20c0.8%2C0.3%2C1.6%2C0.9%2C2.3%2C1.8c1.2%2C0%2C2.3%2C0.2%2C3.1%2C0.8L17.2%2C24.2z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);top: -1px;}
	@media screen and (max-width:767px){
		.fixedfooterArea {z-index: 100;position: fixed;left: 0;margin: 0;padding: 0;width: 100%;height: 82px;text-align: center;font-size: 14px;line-height: 34px;color: #000;font-family: "微軟正黑體","Microsoft JhengHei",Arial;background-color: rgba(0,0,0,0);bottom: calc(130px + env(safe-area-inset-bottom)*.6);top:83vh;}
		.fixedfooterArea a {display: block;color: #454545;text-decoration: none}
		.fixedfooterArea img {width: 100%;height: auto}
		.fixedfooterArea .footerArea {display: none !important}
		.fixedfooterArea .fixedBox_1 {z-index: 1;position: absolute;top: 0px;left: 0;width: 100%;text-align: center;animation: fixedBox_1-play 1s 1}
		.fixedfooterArea .fixedBox_1 ul {position: relative;margin: 0;padding: 0;width: 100%;list-style: none outside none;white-space: nowrap}
		.fixedfooterArea .fixedBox_1 ul li {z-index: 1;position: relative;display: inline-block;padding: 0;border-radius: 44px;height: 34px;box-shadow: 0 1px 0 #f2f2f2,0 0 10px rgba(0,0,0,.2);background-color: rgba(255,255,255,.95)}
		.fixedfooterArea .fixedBox_1 ul li a {display: flex;align-items: center;padding: 0 24px 0 20px;font-size: 1rem;font-weight: 800;}
		.fixedfooterArea .fixedBox_1 ul li a span {width: 24px;height: 24px;background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3B%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23000%3B%22%20d%3D%22M29.3%2C11.9c0.4-0.6%2C0.5-1.3%2C0.3-1.9c-0.2-0.6-0.6-1.2-1.3-1.5l-3.7-2c-0.6-0.3-1.4-0.4-2.1-0.2%20c-0.7%2C0.2-1.3%2C0.6-1.6%2C1.2l-0.5%2C0.8l-1.8%2C2.8L14%2C18.3l-0.5%2C0.8l-0.6%2C8.2h-8v1.7h19.4v-1.7h-8.6l6.2-3.8%20C24.4%2C19.6%2C26.9%2C15.7%2C29.3%2C11.9z%20M22.6%2C8.3C22.7%2C8.2%2C22.8%2C8%2C23%2C8c0.2%2C0%2C0.4%2C0%2C0.6%2C0.1l3.7%2C2c0.2%2C0.1%2C0.3%2C0.3%2C0.4%2C0.4%20c0.1%2C0.2%2C0%2C0.4-0.1%2C0.5l-0.5%2C0.8L22%2C9.2L22.6%2C8.3z%20M20.9%2C10.9l1.1%2C0.6l-4.3%2C6.8l-1.1-0.6L20.9%2C10.9z%20M17.2%2C24.2l-2.1-1.1l0.3-3.7%20c0.8%2C0.3%2C1.6%2C0.9%2C2.3%2C1.8c1.2%2C0%2C2.3%2C0.2%2C3.1%2C0.8L17.2%2C24.2z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);top: 0px;}
	}	


/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
  @media screen and (max-width:767px){
    .momologo { display:none;}
  }
  @media screen and (max-width:767px){
  .swiper-pagination-bullet{width:1.5vw;height:1.5vw;}
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.5vw;}
}

 /*版頭區塊*/
 .Area_title img{ width: 100%; }
 .Area_title .PD_layout-D3_01.PD_layout ul{background-color: inherit;}
 .Area_title .PD_layout-D3_01.PD_layout ul li{border: none;}
 .Area_title .PD_layout-D3_01{position: relative;}
 @media screen and (min-width:768px){
 .Area_title {height:480px; margin-bottom:50px!important;}
 .Area_title .mainlight{ position: absolute; top: 0; left: 0;z-index: 21;}
 .top_deco01 {position: absolute;top: 326px;left: 813px;z-index: 2;width: 11%;pointer-events: none;}	
 .Area_title .mtitle{z-index:-3;position:absolute;left:523px;top:92px;width:25%;}
 .Area_title .PD_layout-D3_01{z-index:10;top:414px;margin: 0 auto;}
 .Area_title .PD_layout-D3_01.PD_layout .PD h3{font-size: 50px;color: #fff; font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
 .Area_title .PD_layout-D3_01.PD_layout ul{padding-left: 50px;border: none;}
 }
 
 @media screen and (max-width:767px){
 .Area_title {height:45vw;margin-bottom:5vw!important;}
 .top_deco01 {position: absolute;top: 37vw;left: 65vw;z-index: 10;width: 16%;}	
 .Area_title .mtitle{z-index:-3;position:absolute;left:60vw;top:11vw;width:34%;}
 .Area_title .PD_layout-D3_01{top:40vw;z-index: 99;}
 .Area_title .PD_layout-D3_01.PD_layout .PD h3{font-size:6vw;color: #fff; font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}

 }

.Area_top .btn_ {position: absolute;}


/*註解補丁*/
.notice_bold { color: #9d7528; font-weight: 600;}
.notice_txt { list-style: none !important;}
 
/*活動說明區背景2*/
.Area_bg{ position: relative; pointer-events: none; z-index: -5}
.Area_bg div { pointer-events: none; position: absolute;  background-position: center top; background-size: 100%;}
@media screen and (min-width: 767px) {
.Area_bg{width: 2000px; z-index: -5}
}


/*文案區調整*/

.PD_layout.word {width: 80%; display: block;  height: fit-content;position: relative; padding-bottom: 50px;}
.PD_layout.word  .PD h3 {overflow: visible; color: #FFF; font-size: 30pt;}
.PD_layout.word  .PD h3 span {  position: relative;  display: block; overflow: visible;}
.PD_layout.word ul { background-color: transparent;}
.PD_layout.word ul li{ border: none; }

@media screen and (max-width:767px){
  .PD_layout.word {padding-bottom: 5vw;}
  .PD_layout.word  .PD h3 {overflow: visible; color: #FFF; font-size: 1.3em;}

}

 /*區塊_all*/
 .Area1220 {position: relative;margin:0 auto;width:1220px;}
 .Area960 { margin:0 auto; width:960px;}
 .Area {position: relative;margin:0 auto;border-radius:0;text-align:center;}
 @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;}
}

 
 .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);}
 

 /*間距*/
 @media screen and (min-width:768px){
	.Area_bottom {margin-bottom: 14px!important;}
	.Area_bottom2 {margin-bottom: 40px!important;}
	}
	@media screen and (max-width:767px){
	.Area_bottom {margin-bottom: 5vw!important;}
	.Area_bottom2 {margin-bottom: 5vw!important;}	
	}

      
  @media screen and (min-width: 768px) {
    .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn {
        bottom: -2.3em;
    }
}

@media screen and (max-width: 767px) {
  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn {
      bottom: -2.2em;
  }
}
/*登記*/
.danji-pd-container { position: relative; width: min(96%, 880px); margin-inline: auto; overflow: hidden;
  font-family: "Century Gothic", "微軟正黑體", "Microsoft JhengHei", Arial;
  --head-color: #000;
  --head-bg: #f0dcb7;
  --body-color-default: #252529;
  --body-color-primary: #555960;
  --body-color-secondary: #424242;
  --body-bg: #FFF;
  --foot-color: #262628;
  --foot-bg: #d0d0d0;
}
.danji-pd-head { color: var(--head-color); background: var(--head-bg); font-size: 2.5rem; padding-block: .5rem;}
.danji-pd-body { display: flex; text-align: left; align-items: center; gap: 1.75rem; padding: 1.75rem;}
.danji-pd-body .pd-img { flex-basis: 40%; transition: filter 0.3s ease-in-out;}
.danji-pd-body .pd-img:hover { filter: brightness(110%);}
.danji-pd-body .pd-info { display: flex; flex-direction: column; flex-basis: 60%;}
.danji-pd-body .pd-info-rest { color: #555960; font-size: 1.5rem; font-weight: bold;}
.danji-pd-body .pd-info-notice { color: #555960; font-size: 1.5rem;}
.danji-pd-body .pd-info-brand { color: var(--body-color-default); font-weight: bolder; font-size: 2.5rem; letter-spacing: -0.025em; margin-left: -0.4em; margin-left: -.35em}
.danji-pd-body .pd-info-name { color: var(--body-color-default); font-weight: bolder; font-size: 2.5rem; letter-spacing: -0.025em;}
.danji-pd-body .pd-info-amount { color: var(--body-color-primary); font-size: 2rem;}
.danji-pd-body .pd-info-btn { width: min(75%,289px); transition: filter 0.3s ease-in-out;}
.danji-pd-body .pd-info-btn img { width: 100%; height: auto;}
.danji-pd-body .pd-info-btn:hover { filter: brightness(110%);}
.danji-pd-foot { color: var(--foot-color); background: var(--foot-bg); font-size: 1.5rem; padding-block: 0.6rem;}
.Area_danji .notice { text-align: justify; margin: 1.5em auto; padding: 1.2em 1.4em; border-radius: 24px; text-align: left; box-sizing: border-box; width: min(96%, 880px); color: var(--notice-color); background: var(--notice-bg); font-size: 1.75rem;
  --notice-bg: #70470b;
  --notice-color:#ffffff;
  --notice-h4-color:#eedc9c;}
.Area_danji .notice ul { margin: 0; }
.Area_danji .notice li { margin-bottom: 0.4em;}
.Area_danji .notice h4 { color: var(--notice-h4-color); margin: .8rem 0 .4rem;}
.Area_danji .notice h4:first-child { margin-top: 0;}
.Area_danji .notice h4:not(:first-child) { margin-top: 1em;}
@media screen and (min-width: 768px) {
  .Area_danji .memo h4 { color: #fff; font-size: 36px; width: 960px; margin: 0 auto;}
  .Area_danji .memo h3 { color: #fff; font-size: 30px; width: 960px; margin: 10px 0 auto;}
  .danji-pd-container { border-radius: 24px; background: var(--body-bg); box-sizing: border-box;}
  .danji-pd-body .pd-info-btn { margin-bottom: 2rem;}
}
@media screen and (max-width: 767px) {
  .Area_danji .memo h4 { color: #fff; font-size: 4.5vw; margin: 0 auto;}
  .Area_danji .memo h3 { color: #fff; font-size: 3.5vw; margin: 2vw 0 auto;}
  .danji-pd-container { border-radius: 2vw;}
  .danji-pd-head { font-size: 1.15rem; padding-block: 0.25rem;}
  .danji-pd-body { gap: 0.6rem; padding: 0.72rem;}
  .danji-pd-body .pd-img { flex-basis: 50%; transition: filter 0.3s ease-in-out; }
  .danji-pd-body .pd-info { display: flex; flex-direction: column; flex-basis: 50%;}
  .danji-pd-body .pd-info-brand { font-weight: bolder; font-size: 1.15rem; margin-left: -0.4em;}
  .danji-pd-body .pd-info-name { font-weight: bolder; font-size: 1.15rem;}
  .danji-pd-body .pd-info-amount { font-size: 1rem;}
  .danji-pd-body .pd-info-btn { width: min(77%, 280px); transition: filter 0.3s ease-in-out;}
  .danji-pd-body .pd-info-rest { font-weight: bold; font-size: 0.75rem;}
  .danji-pd-body .pd-info-notice { font-size: 0.75rem;}
  .danji-pd-foot { font-size: 0.75rem; padding-block: 0.25rem;}
  .Area_danji .notice { font-size: 0.9375rem; width: 96%; padding: 1em 1.5em; border-radius: 2vw;}
  .Area_danji .notice ul { padding-left: 1.5em;}
  .Area_danji .notice li { margin-bottom: 0.25em;}
}


/*注意事項區*/
.edm_notice { text-align: center; padding: 10px 10px 30px; color: #e2cba7; font: 12px / 18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0;}
@media screen and (max-width:767px){
  .edm_notice{ height: 50vw;}
}

/*隱鑶*/
/*請放最下面*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display: none !important;}
		.for_phone { display: inline !important;}
	}

.Areahide{ display: none;}
@media screen and (min-width: 768px) { 
.memotag{width:13%;}
.memotag2{width:8%;}
}
@media screen and (max-width:767px){
  .memotag{width:20%!important;}
  .memotag2{width:11%!important;} 
}
  .text00{ color: #fff7e6;}
  .text00 h3{font-size: 6vw;padding: 0; margin: 0;}
  .text00 h4{font-size: 3.5vw;padding: 0;  margin:0; margin-bottom: 5vw;}
  @media screen and (min-width: 768px) { 
  .text00 h3{ font-size: 30px;}
  .text00 h4{ font-size: 25px; margin-bottom: 20px;}
  }