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

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

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

/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; background: url(bg.jpg?t=1778840358251) repeat-y center 1000px; }
.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(mbg.jpg?t=1778840358251); background-size: 100%; background-repeat: repeat-y;  }
		.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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}
		  
		  
.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:96%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}

/*fixed背景*/
.bg_01 { z-index:-2; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bgdeco { z-index: 99; position: absolute; top: 1000px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1778840358251) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
.Area03bg { z-index:-1; position:absolute;top:1450px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bottom { z-index:-2; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; pointer-events:none;}
@media screen and (max-width:767px){	
  .m_bg01 { z-index:0; position:absolute; top:44px; left: 0; width: 100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
  .mbottom { z-index:0; position:absolute; top:0; left: 0; width: 100%; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;background-size: 100%;}
}


/*版頭背景*/
.Area_bgtop { z-index: 0; position: absolute; top: 0; left: 50%; width: 2000px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none;}
.Area_bgtop .bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 1000px;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}
  @media screen and (min-width: 768px) {
    .Area_bgtop span { background-repeat: no-repeat;}
    .Area_bgtop_fixed { position: fixed;}
    .Area_bgtop_1 .bgtop_1_2  { mix-blend-mode: hard-light;}	  
    .Area_bgtop_1 .bgtop_1_2 span { background-image: url(bgtop_1_2.png?t=1778840358251); height: 1200px;} 
}
.m_Area_bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.m_Area_bgtop .m_bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 100%;}
.m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
  @media screen and (max-width: 767px) {
    .m_Area_bgtop span { background-repeat: no-repeat;}
    .m_Area_bgtop_fixed { position: fixed; top: 0px;} /*搭配js-appBgFixed*/
  }

/* 版頭樣式 */
.Area_top{
  position: relative;
  height: 98vw;
  @media screen and (min-width: 768px){
    height: 653px;
  }
  .main-title{
    position: absolute;
    /* pointer-events: none; */
    top: 12.3vw;
    left: 50%;
    transform: translateX(-50%);
    width: 75vw;
    @media screen and (min-width: 768px){
      width: 620px;
      top: 205px;
      left: 30%;
    }
  }
  .main-sub{
    position: absolute;
    /* pointer-events: none; */
    top: 26vw;
    left: 50%;
    transform: translateX(-50%);
    width: 67vw;
    background: linear-gradient( 90deg,#be6c2800 0%,#be6c28 20%,#be6c28 80%,#be6c2800 100%);
    @media screen and (min-width: 768px){
      width: 403px;
      top: 324px;
      left: 30%;
    }
    .Area_swiper{
      .Area_swiper_box{
        padding: 0;
      }
      li{
        background: none;
        .PD_into h3{
          font-size: 1.1rem;
          width: 100%;
          @media screen and (min-width: 768px){
            font-size: 1.7rem;
          }
        }
      }
    }
  }
  .main-date{
    position: absolute;
    /* pointer-events: none; */
    top: 3vw;
    left: 50%;
    transform: translateX(-50%);
    width: 28vw;
    border-radius: 100rem;
    z-index: 3;
    background: #be6c28;
    @media screen and (min-width: 768px){
      width: 171px;
      top: 132px;
      left: 371px;
    }
    .PD_layout.PD_layout-D3_02{
      ul{
        li{
          background: none;
          .PD_into h3{
            width: 100%;
            font-size: 1rem;
            @media screen and (min-width: 768px){
              font-size: 1.8rem;
            }
          }
        }
      }
    }
  }
  .main-pd{
    position: absolute;
    top: 38vw;
    left: 50%;
    transform: translateX(-50%);
    width: 67vw;
    @media screen and (min-width: 768px){
      width: 558px;
      top: 123px;
      left: 76%;
    }
  }
}

/* 文字區標 */
.box_title_text{
  /* pointer-events: none; */
  margin-bottom: 2vw;
  @media screen and (min-width: 768px){
    margin-bottom: 20px;
  }
  .PD_layout.PD_layout-D3_01 .PD{
    .PD_img img{
      width: 100%;
    }
    .PD_into{
      h3{
        color: #fff;
        top: 55%;
      }
    }
  }
}

.Area_page{
  overflow: hidden;
}

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

/* 調整BN間距 */
.PD_layout[data-pd-li="BN"]{
  ul{
    gap: 20px;
    @media screen and (max-width:767px){
      gap: 2vw;
    }
  }
}

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


/* 區標底 */
.Area_bottom{margin-bottom: 80px !important;}
@media screen and (max-width:767px){ 
  .Area_bottom{ margin-bottom: 8vw!important; }	}