@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#200641; }
.for_phone { display:none;}
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}




/*區塊背景*/
@media screen and (min-width:768px) {
.Areabg01{position:absolute;z-index: -3;top:0px;left:0;width:100%;min-width:1220px;height: 1736px;background-image:url(pc_01.jpg?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg02{position:absolute;z-index: 20;top:0px;left:0;width:100%;min-width:1220px;height: 1736px;background-image:url(pc_02.png?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.repeat_bg2{position:absolute;z-index: -7;left:0;top: 1059px;width:100%;min-width:1220px;height:40000px;background-image:url(pc_reapet.jpg?t=1724990151425);background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bgdeco {z-index: -6;position:absolute;top: 0px;left: 0;width:100%;height: 60000px;background-repeat:repeat-y;background-position: center top; pointer-events:none;}  
.bg_fix { z-index:-1; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
}




@media screen and (max-width:767px) {
.m_top_bg01 {z-index: -10;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_bg02 {z-index: 22;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
/* .bg_fix {z-index: -20;position:fixed;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;} */
.m_repeat_bg2{z-index: -7;position:absolute;top: 116vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}



/*區塊_all*/
.Area1220 {position: relative;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; }
.Areaa {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 (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 .btn_go {}
.Area .btn_go *{-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;} 
.Area .btn_goa:hover {  -webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.Area .btn_goa:after  { 
          -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;}
;o:hover a { color:#fff;}
;
.Area .btn_go:hover a:after  { width:150% !important;}
;

.Area .btn_go:hover a i { background-color:#000;transform:translateX(-10px);transition-delay:0.1s;}
.Area .btn_goastrong {z-index:2;position: relative; }
.Area .btn_goai {z-index: 3;position: absolute;top: -63px;right: -278px;display: inline-block;border-radius: 60px;width: 60px;height: 60px;background: #09006e url(btn_icon_r.png?t=1696598482216);background-size: contain;
}
 @media screen and (max-width:736px){ 
   .Area{width:100%;height:100%;min-width:100%;}
  .Area .btn_go {position:absolute; }
  .Area .btn_go *{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} 
  .Area .btn_go a {display:block;color:#fff;letter-spacing:-2px;}
  .Area .btn_go a:after  {}
  .Area .btn_go:active a,
  .Area .btn_go:focus a,
  .Area .btn_go:hover a { color:#fff;}
  .Area .btn_go:active a:after,
  .Area .btn_go:focus a:after,
  .Area .btn_go:hover a:after  { width:150% !important;}
  .Area .btn_go:active a i,
  .Area .btn_go:focus a i,
  .Area .btn_go:hover a i { background-color: transparent;transform:translateX(-10px);transition-delay:0.1s;}
  .Area .btn_go a strong {z-index:2;position: relative; }
  .Area .btn_go a i {z-index:3;position: absolute;top:0;right:0;display:inline-block;border-radius:35px;width:35px;height:35px;background:#09006e url(btn_icon_r.png?t=1696598482216);background-size:contain;}
 }




/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 570px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*date*/
  .Area_top .date{width: 42%;position: absolute;top: 312px;left: 96px;z-index: 1;}
  /*大標*/ 
  .Area_top .title01 {width: 71%;position:absolute;top: 28px;left: 201px;height: auto;z-index: 10;}
  .Area_top .title01 ul {grid-gap:0;}
  .Area_top .title01 img {width: 100%;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標輪播*/
  .Area_top .title02{z-index: 18;position:absolute;top: 370px;left: 295px;width: 610px;height: 200px;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box {top: 52px;left: 24px;width: 100%;position: absolute;height: 352px;} 
  .Area_top .title02 .Area_swiper_box ul{display: flex;grid-gap: 0;padding: 0;height: 162px;} 
  .Area_top .title02 .Area_swiper_box img{width: 100%;} 

}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 67vw;padding:0 0 0 0;}
  /*date*/
  .Area_top .date{width: 64%;position: absolute;top: 35vw;left: -4vw;z-index: 9;animation: mask_lefttoright 1.8s 0.8s 1 ease-in;pointer-events: none;}
  /*大標*/ 
  .Area_top .title01 {width: 81%;position:absolute;top: 9vw;left: 10vw;height: auto;z-index: 11;}
  .Area_top .title01 ul{grid-gap:0;}
  .Area_top .title01 img {width: 100%;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
  /*副標輪播*/
  .Area_top .title02{transform-origin: left bottom;}
  .Area_top .title02 {position: absolute;width: 66%;height: 18vw;margin: 0 auto;left: 21vw;top: 53vw;z-index: 21;}
  .Area_top .title02 .Area_swiper_box{width: 100%;height: 18vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul{display: flex;height: 18vw;grid-gap: 0;padding: 0;}
  .Area_top .title02 .Area_swiper_box img{width: 100%;}

}


/*---版頭裝飾---*/
@media screen and (min-width:768px){
  .deco_01{width: 104%;position: absolute;top: -104px;left: -63px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
  .deco_01 img{width: 81%;}

  }
  
  @media screen and (max-width:767px){
    .deco_01{width: 100%;position: absolute;top: -6vw;left: 0vw;z-index: 1;pointer-events: none;}

  
  }


  
                    
/** 倒數 **/
.TimerNick {position: absolute;z-index:0;top: 138px;left: 35%;display:inline-block;padding-right:14px;height:96px;text-align:right;}
.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: 12vw;left: -7%;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=1745818309760) 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;}
    }
                     

/*---限搶---*/
@media screen and (min-width:768px){
	.Area_time{margin: 49px auto 0 auto;height: auto;}
  .Area_time .box_all{margin: -114px auto 0 auto;padding: 160px 0 30px 0;width: 71%;border-radius: 20px;background-image: repeating-linear-gradient(269deg,  #fff2d7 -40%, #ffeac1 100%);}
  .Area_time .ly{margin: 0 auto 0 auto;width: 97%;}
  .Area_time .ly ul{width: 96%;}
}
@media screen and (max-width:767px){
  .Area_time{width: 100%;margin: 4vw auto 0 auto;height: auto;}
  .Area_time .box_all{margin: -11vw auto 0 auto;padding: 19vw 0 2vw 0;width: 96%;border-radius: 4vw;background-image: repeating-linear-gradient(269deg,  #fff2d7 -40%, #ffeac1 100%);}
  .Area_time .ly ul{width: 96%;}
}


/*---優惠按鈕---*/
@media screen and (min-width:768px){
	.Area_btn{margin: 58px auto 0 auto;z-index: 12;height: auto;}

}
@media screen and (max-width:767px){
    .Area_btn{margin: 5vw auto 0 auto;height: auto;}

}


/*---登記---*/
@media screen and (min-width:768px){
	.danji{margin: 0px auto 0 auto;}
  .danji .box{padding: 0 0 0 0;}
  .danji .Area_danji .danji_box{width: 900px;}
  .warningTxt{position: relative;z-index: 99;}
}

@media screen and (max-width:767px){
    .danji{margin: 0vw auto 0 auto;}
    .danji .Area_danji{width: 95%;}
    .danji .box_all{position: relative;padding: 0 0 0 0;z-index: 99;}
}




/*---bn---*/
@media screen and (min-width:768px){
	.Area_banner{margin: 20px auto 0 auto;z-index: 12;height: auto;}
	.Area_banner {margin-bottom: 50px;}
	.Area_banner ul {height: 240px;}
}
@media screen and (max-width:767px){
  .Area_banner{margin: 1vw auto 0 auto;height: auto;}
  .Area_banner {width: 100%;height: 34vw;}
}


/* 0616_驚爆強牌價到 */
@media screen and (min-width:768px){

  /* 小標題 */
  .Area_hotsale .tit_H{padding-top: 10px;}
  .Area_hotsale .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;padding-right: 20px;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 40px;font-weight: 800;color: #000;flex: 1;margin: 0;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
  
  /* 公版 */
  .Area_hotsale .pdx8{width: 95%;padding-bottom: 30px;}
  .Area_hotsale .pd01{margin-bottom: 50px;}
  }
  
  @media screen and (max-width:767px){
  .Area_hotsale{margin-bottom: 6vw;}

  /* 小標題 */
  .Area_hotsale .tit_H{padding-top: 1vw;}
  .Area_hotsale .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;padding: 2vw;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 27px;font-weight: 800;color: #000;flex: 1;margin: 0;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
  
  /* 公版 */
  .Area_hotsale .pdx8{width: 96%;padding-bottom: 3vw;}
  .Area_hotsale .pd01{margin-bottom: 3vw;}
  
  
  }
  



/*主打區*/
@media screen and (min-width:768px){
  .Area055 .PD_layout[data-pd-col-pc="2"] ul { padding:0 8em 0 8em;}
  .Area055 .box .PD_layout ul {min-width: 100%;}
  .Area055 .box .PD_layout li {width: 100%;}
  .Area055 .box{padding: 20px 0 0 0;}
  .Area055 {width:1220px;height:100%;position:relative; margin:0 auto; box-sizing:border-box;padding:0 0 0 0; }	
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide:hover {transform:translateY(-6px);}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide:hover { box-shadow:unset;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_img {margin-bottom: 3%;position: relative;left:76px;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into {padding-left:0px;position: absolute;top:295px;left: 27px;width:90%;text-align:center;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h3 {padding: 0;max-height: 1.9em;font-weight: bolder;font-size:35px;line-height: 1.3em;color:#093240;top:56px;left: 0;background-image: none;background-position: right top;background-size: 100% 100%;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h4 {font-size:33px;color:#113742;width:100%;left: 0;top:99px;}	
  .Area055 .PD_layout.PD_layout-PDBN_01 p{ color:#4d0e9c!important;}
  .Area055 .PD_layout[data-pd-col-pc="2"] li {margin-left:0px;height: 547px;background: url(Area55_bg.png?t=1750245731323) top center no-repeat;width: 100%;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD img {width:69%;border-radius: 215px 215px 0 0 !important;border: 2px #fed6b7 solid;}	
  .Area055 .bg {position: absolute;top:-23px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index: -1;}	
  /*.Area055 .PD_layout-PDBN_01 .PD p small {background: -webkit-linear-gradient(90deg, #630303 20%, #c80909 60%)!important; }*/
   
  .Area055 .PD_layout-PDBN_01 .PD p {color: #4d0e9c;top: 147px;font-size: 31px;}
  .Area055  .PD_layout  ul li .PD_into p .Price,.Area055  .PD_layout .PD p b,.Area055  .PD_layout .PD p .money{
    color: #4d0e9c;
    font-weight: 900;
    font-size: 1em;
    background: none;
    background-image: repeating-linear-gradient(178deg, #4d0e9c 20%, #4d0e9c 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
  
    
  }
  @media screen and (max-width:767px){
  .Area055 {z-index: 99;position: relative; width:100%;height:100%; padding:0;margin:0 auto;/*background-image:url("mb_02.jpg?t=1750245731323"); background-size: 100%; background-repeat: repeat-y;*/}
  .Area055 .bg {position: absolute;top: -14vw;left: 0;transform: translateX(0%);pointer-events: none;z-index:0;}
  .Area055 .PD_layout-PDBN_01	{width: 97%;}
  .Area055 .PD_layout ul {grid-gap:3vw;}
  .Area055 .box{position: relative;top: 0vw;height: 100%;margin-bottom: 0vw;}
  .Area055 .box ul{min-width: 100%;}
  .Area055 .PD_layout.PD_layout-PDBN_01.PD_slide:hover {transform:unset;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide:hover { box-shadow:unset;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_img {margin-bottom: 3%;position: relative;left: 6vw;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into {padding-left: 0vw;position: absolute;left:8vw;top:29vw;width:95%;text-align:center;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_logo img { box-shadow: unset;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h3 { padding: 0; max-height: 1.9em; font-weight: bolder;font-size: 1.1em; line-height: 1.3em; color:#000000; left:-7vw;top:8vw;background-image: none;background-position: right top;background-size: 100% 100%;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD_into h4 { font-size: 1em;width:90%;color:#000000; top: 13vw;left: -4vw;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD_slide .PD p {font-size: 1em;width: 98%;color: #4d0e9c;top: 18vw!important;left: -6vw!important;}
  .Area055 .PD_layout-PDBN_01 .PD p .Price {position:relative;font-size: 1.3em!important;}
  .Area055 .PD_layout-PDBN_01 .PD p del {color: #4d4d4d;font-size:.5em!important;}
  .Area055 .PD_layout.PD_layout-PDBN_01 .PD img {width:75%;border-radius: 215px 215px 0 0 !important;border: 2px #fed6b7 solid;}	
  .Area055 .PD_layout[data-pd-col-pc="2"] li {margin-left:0px;height:59vw; background: url(mArea55_bg.png?t=1750245731323) top center no-repeat;    background-size: 100%;}
  .Area055 .box .PD_layout li {width: 100%;}
  .Area055  .PD_layout  ul li .PD_into p .Price,.Area055  .PD_layout .PD p b,.Area055  .PD_layout .PD p .money{
    color: #4d0e9c;
    font-weight: 900;
    font-size: 1em;
    background: none;
    background-image: repeating-linear-gradient(178deg, #4d0e9c 20%, #4d0e9c 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }	
}	




/*---8品---*/
.Area_ly .Area_swiper .PD_layout[data-pd-btn] .PD_btn{background-color: #6a34ac!important;background-image:none}
@media screen and (min-width:768px){
	.Area_ly{margin: 20px auto 0 auto;}
  .Area_ly .ly{width: 96%;padding:0 0 30px 0;}

  .Area_ly .Area_swiper .PD_layout .PD h4{margin-bottom: -10px;}

}

@media screen and (max-width:767px){
    .Area_ly{margin: 0vw auto 0 auto;}
    .Area_ly .ly{width: 96%; padding: 0 0 0 0;}


    .Area_ly .Area_swiper .PD_layout .PD h4{margin-bottom: -2vw;}

}


   


/*---下方公版---*/
@media screen and (min-width:768px){
  .Area_ly_down{margin: 0px auto 0 auto;}

  .Area_ly_down .box{width: 73%;position: relative;margin: 0px auto 100px auto;border-radius: 30px 0 30px 0;background-image: repeating-linear-gradient(269deg,  #ffeed2 0%, #fedfad 100%);}
  .Area_ly_down .box .text_1220{width: 100%;}
  .Area_ly_down .box .PD_layout.ly{position: relative;z-index: 1;width: 99%;margin: -29px auto -50px auto;padding: 20px 0 30px 0;}

}

@media screen and (max-width:767px){
  .Area_ly_down{margin: 7vw auto 0 auto;}
  .Area_ly_down .box{width: 96%; position: relative;margin: 2vw auto 8vw auto;border-radius: 6vw 0 6vw 0; background-image: repeating-linear-gradient(269deg,  #ffeed2 0%, #fedfad 100%);}
  .Area_ly_down .box .PD_layout.ly{width: 100%;margin: 0vw auto 0 auto;}
  .Area_ly_down .box .ly.PD_layout{position: relative;z-index: 1;margin: -3.8vw auto 0 auto;padding: 3vw 0 3vw 0;}
}