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

/*基本*/
body{ margin: 0; padding: 0; background-color: #080705 ; }


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica; background: url(bgrepeat.jpg?t=1757313486448)top center repeat-y;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 10vw; background: url(bgrepeat_m.jpg?t=1757313486448)top center repeat-y; background-size: 100%;}
  .WRAPPER img {  width: 100%;  height: auto;}
}


/*背景*/
@media screen and (min-width:787px){
.bgtop { z-index: 0; position: absolute; top: 0 ; left: 0 ; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none;  }
.bgdeco { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1757313486448) repeat-y center top; transition: 0.5s linear; pointer-events: none; mix-blend-mode: screen; }
}
@media screen and (max-width:767px){
  .m_top { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: inherit; height: 100%; background: no-repeat center 44px; background-size: 100%;}
}
	

/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { 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);}
.Area .go_bt2 {
  -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_bt2:hover { 
  filter: brightness(130%);
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
		  }
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
        }
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}



/*共用樣式*/
@media screen and (max-width:767px){
  .PD_layout ul { width: 100%;}
}


/*版頭*/
@media screen and (min-width:768px){
.Area_top { height: 1000px ; }
.Area_top .title01 { z-index: 1; position: absolute; top: 40px ; left: 277px ; width: 56% ; }
.Area_top .title02 { z-index: 1; position: absolute; top: 118px ; left: 268px ; width: 11% ; }
.Area_top .date { z-index: 1; position: absolute; top: 144px ; left: 788px ; width: 12% ; }
.Area_top .title03 { z-index: 1; position: absolute; top: 57px ; left: 440px ; width: 24% ; }

/* 副標 */
.Area_top .sub_bg { z-index: 0 ; position: absolute; top: 350px ; left: 280px ; width: 54% ; }

.Area_top .mainsubtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 125px;}
.Area_top .mainsubtitle ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}
.Area_top .mainsubtitle { position: absolute ; left: 366px ; top: 355px ; width: 40% ; }
}
@media screen and (max-width:767px){
  .Area_top { height: 110vw ; }
  .Area_top .title01 { z-index: 1; position: absolute; top: 4vw ; left: 16vw ; width: 67% ; }
  .Area_top .title02 { z-index: 1; position: absolute; top: 12vw ; left: 15vw ; width: 10% ; }
  .Area_top .date { z-index: 1; position: absolute; top: 15vw ; left: 69vw ; width: 12% ; }
  .Area_top .title03 { z-index: 1; position: absolute; top: 6vw ; left: 33vw ; width: 27% ; }

  /* 副標 */
  .Area_top .sub_bg { z-index: 1; position: absolute; top: 37vw ; left: 22vw ; width: 54% ; }

  .Area_top .mainsubtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 125px;}
  .Area_top .mainsubtitle ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}
  .Area_top .mainsubtitle { position: absolute ; left: 21vw ; top: 37vw ; width: 55% ; z-index: 10; }

}


/* 夾肉 */
.meat01 { z-index:15; position:absolute; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
@media screen and (min-width:768px){
  .meat01 { top: 650px ; right: 910px; }
}
@media screen and (max-width:767px){
  .meat01 { top: 77vw ; right: 78vw ; margin-left:0vw; width:50vw;position: absolute; }
}


/* 版頭品 */
.Area_toppd .layout_toppd { z-index: 16 ; }
@media screen and (max-width:767px){
  .Area_toppd .layout_toppd { width: 96% ; }
}



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



/* 下方公版 */
@media screen and (max-width:767px){
  .Area_4pda .layout_text { padding-bottom: 2vw; }
  .Area_4pda .layout_text ul { padding: 0 ; }
  .Area_4pda .layout_4pda { width: 96%; }
}


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


/*影片+1品入稿*/

.Area_video .layout_text ul { padding: 0 !important ; }
@media screen and (min-width:768px){
  .Area_video { margin-bottom: 80px ; }
  .Area_video .box01 { position: relative; height: 710px ; background: url(yt_bg.png?t=1757313486448) top center no-repeat;  }
  .Area_video .box01 .video_deco { width: 70% ;  padding-top: 40px ; margin: auto; }
  .Area_video .titlebg { top: 75px;}
  /*影片*/	
  .Area_video .video_01 {position:absolute;width: 86%; top: 207px ; z-index:10;left: 75px ;overflow: hidden;}	
  .Area_video .video_01 .box_youtube{width:100%;margin-bottom: 0;}
    
  /*1品入稿*/	
  .Area_video .box01 .layout_PD {position: relative; width: 35%; left: 370px; top: 0px ; }
  .Area_video .box01 .layout_PD ul {background-color:#fff0; width: 95%; }
  .Area_video .box01 .layout_PD ul li { border-top:none; border-right:none; background-color:#ffff; border-radius: 20px; padding: 10px 0;}
  }
  
  @media screen and (max-width:767px){
  .Area_video { margin-bottom: 7vw; }
  .Area_video .box01 { position: relative; background: url(mb_yt_bg.png?t=1757313486448) top center no-repeat; background-size:100% ; height: 139vw ; margin: 0 ; top: 0; }
  .Area_video .box01 .video_deco { padding-top: 5vw; }

  
  /*影片*/	
  .Area_video .box01 .video_01 {position:absolute;width: 94vw; top: 23vw ; left:3vw; height: 55vw ;z-index:10;overflow: hidden;}	
  .Area_video .box01 .video_01 .box_youtube{width:100%;height:100%;margin-bottom: 0;}	
    
  /*1品入稿*/	
  .Area_video .box01 .layout_PD { width: 94%; margin-right:3vw ; padding-top: 57vw  ;}
  .Area_video .box01 .layout_PD ul li { border-radius: 5vw; padding:0;}

}



/* 登記 */
.danjiall .layout_text {  }
@media screen and (max-width:767px){
  .danjiall .layout_text { }
  .danjiall .layout_text ul { padding: 0 ; }
}


/* 登記 */
.danji01 .btn_reg .activityText p { color: #fff ; }
.danji01 .btn_reg .content p { color: #fff ; }
.danji01 .btn_reg .activityText .Tip { color: #fff; }

.danji02 .btn_reg .activityText p { color: #000 ; }
.danji02 .btn_reg .content p { color: #000 ; }
.danji02 .btn_reg .activityText .Tip { color: #000; }
/*登記贈品文案顏色*/
.danji01 .danji_box ul li .activityText .gifts span { color: #ffdd8a ;}
.danji02 .danji_box ul li .activityText .gifts span { color: #b92523 ;}

.warningTxt h3 { color: #fff; }
@media screen and (min-width:768px){
}
@media screen and (max-width: 767px){
  /* .Area_danji { width: 96%; } */
}



/* 作圖區 */
.Area_Product .PD_layout.layout_item .PD_slide .PD_into h3 span { color: #ffdda8 ;}
@media screen and (min-width:768px){
  .Area_Product { margin-bottom: 80px !important; }
  .Area_Product .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
    
  /*版頭公版上下標.關閉*/
  .Area_Product .PD_layout.layout_item .imgTag{display: none !important;}
  .Area_Product .PD_layout.layout_item .imgTagBottom{display: none !important;}
  .Area_Product .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
    
  /*作圖區*/
  .Area_Product .PD_layout.layout_item ul { grid-gap: 0em 2em ; }
  .Area_Product .PD_layout.layout_item .PD p b {color: #19689e;background-color: #ffd700;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}	
  .Area_Product .PD_layout.layout_item li {background: url("item_bg.png?t=1757313486448") center top / 100% no-repeat scroll;}	
  .Area_Product .PD_layout.layout_item {padding:0;width: 85%;}
  .Area_Product .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
  .Area_Product .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
  .Area_Product .PD_layout.layout_item .PD_slide { height:610px ;padding:0; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_into { width: 100%;position: absolute;left: 0; top: 80px ; text-align: center;font-size: 1em; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_img img { width:100% ; margin: 0 ; box-shadow: unset; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_into h3 { max-height: 1.6em; font-family: Noto Sans CJK TC;font-weight: bold; font-size: 2em; line-height: 1.6em; color: #373335; text-align: center; background: transparent !important;}

  .Area_Product .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 1.8em ; color: #f0f0f0; text-align: center; margin: 0; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD:hover h4 { color: #f0f0f0; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD p { color:#373335 ;}
  .Area_Product .PD_layout.layout_item .PD_slide .PD p del {font-size: 26px; color: #373335;}
  .Area_Product .PD_layout.layout_item .PD p .Price {font-weight: 700 ;font-size: 2.5em;   }
  .Area_Product .PD_layout.layout_item .PD p { font-size: 1.3em; background: linear-gradient( 360deg , #ffe1a6, #fff1d5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
  .Area_Product .PD_layout.layout_item .PD p small { font-size: 25px; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_img { margin-top: 200px ; }
  }
  
  @media screen and (max-width:767px){
  .Area_Product {margin-bottom: 6vw !important; width: 100%;}
  .Area_Product .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
    
  /*版頭公版上下標.關閉*/
  .Area_Product .PD_layout.layout_item .imgTag{display: none !important;}
  .Area_Product .PD_layout.layout_item .imgTagBottom{display: none !important;}
  .Area_Product .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
    
  /*作圖區*/
  .Area_Product .PD_layout.layout_item { padding: 0 ; width: 96% ;}
  .Area_Product .PD_layout.layout_item ul { padding-left: 1vw; padding-right: 1vw; grid-gap: .5em; }
  .Area_Product .PD_layout.layout_item li { width:100%; height: 70vw ; left:0 ; background: url("item_bg.png?t=1757313486448") center top / 100% no-repeat scroll; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_img { margin-top: 22vw ; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_into { position: absolute; top: 8vw ; width: 90%; left: 3vw; text-align:center; font-size: 0.7em; }
  .Area_Product .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border-radius: 34.5em!important;}
  .Area_Product .PD_layout.layout_item .PD_slide .PD_img img { width:100% ; margin: 0 ; box-shadow: unset; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_into h3 {font-weight: bolder;font-size: 1.7em;color: #373335; margin: 0; height: 8vw; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.5em;color:#f0f0f0 ;margin: 0; height: 6vw; }
  .Area_Product .PD_layout.layout_item .PD_slide .PD p del { color: #373335 ;z-index: 99;font-size: 1.1em;}
  .Area_Product .PD_layout.layout_item .PD p { height: 15vw;font-size: 1.3em; background: linear-gradient( 360deg , #ffe1a6, #fff1d5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
  .Area_Product .PD_layout.layout_item .PD p .Price {font-weight: 700; font-size: 1.8em;}
  .Area_Product .PD_layout.layout_item .PD p small {font-size: 1.4em;}

}



/* 微調區標 */
@media screen and (max-width:767px){
  .layout_text ul { padding: 0 !important;}
}